feat: add design system components

2026-09-14 21:46:35 +00:00 · 2026-08-22 14:02:06 +05:00
parent 3620c5fc30
commit 15e2e010ec
9 changed files with 308 additions and 0 deletions
@@ -0,0 +1,29 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		id: string;
+		label: string;
+		hint?: string;
+		children: Snippet;
+	}
+
+	let { id, label, hint, children }: Props = $props();
+</script>
+
+<div class="field">
+	<label class="text-caption text-muted" for={id}>{label}</label>
+	{@render children()}
+	{#if hint}
+		<p class="hint text-caption text-muted">{hint}</p>
+	{/if}
+</div>
+
+<style>
+	.field {
+		display: flex;
+		flex-direction: column;
+		gap: var(--space-1);
+		margin-bottom: var(--space-3);
+	}
+</style>