feat: flatten components/kit -> components folder

web/src/lib/components/fields/Field.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+	import type { Snippet } from "svelte";
+	import MonoLabel from "../MonoLabel.svelte";
+
+	interface Props {
+		label: string;
+		children: Snippet;
+		hint?: string;
+	}
+	let { label, children, hint }: Props = $props();
+</script>
+
+<div class="field">
+	<MonoLabel>{label}</MonoLabel>
+	<div class="field-control">{@render children()}</div>
+	{#if hint}<span class="field-hint">{hint}</span>{/if}
+</div>
+
+<style>
+	.field {
+		display: flex;
+		flex-direction: column;
+		gap: var(--space-s);
+	}
+	.field-control {
+		display: flex;
+		align-items: center;
+		gap: var(--space-m);
+	}
+	.field-hint {
+		font-family: var(--font-mono);
+		font-size: var(--font-size-s);
+		color: var(--color-text-muted);
+	}
+</style>