feat: add new design primitives

2026-09-14 21:46:35 +00:00 · 2026-08-27 19:41:32 +05:00
parent 418a091505
commit 0acfa3aeb9
8 changed files with 198 additions and 1 deletions
@@ -0,0 +1,30 @@
+<script lang="ts">
+	interface Props {
+		accent?: boolean;
+		children?: import('svelte').Snippet;
+	}
+
+	let { accent = false, children }: Props = $props();
+</script>
+
+<span class="mono-label" class:accent={accent}>
+	{#if children}
+		{@render children()}
+	{/if}
+</span>
+
+<style>
+	.mono-label {
+		font-family: var(--font-mono);
+		font-size: 10px;
+		line-height: 1.2;
+		font-weight: 500;
+		text-transform: uppercase;
+		letter-spacing: 0.1em;
+		color: var(--muted);
+	}
+
+	.accent {
+		color: var(--blue);
+	}
+</style>