@tradalab/lyra 3.3.0 → 3.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tradalab/lyra",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "Tradalab UI kit — shadcn (radix-lyra) primitives, composed components, and app shell for React 19 / Next 16 / Tailwind v4.",
   "license": "UNLICENSED",
   "private": false,

package/styles/globals.css

@@ -195,3 +195,588 @@
     background: var(--sidebar-active-rail, var(--sidebar-accent-foreground));
   }
 }
+
+/* COMPACT - denser UI, from ONE lever: the root font size.
+ *
+ * `data-compact="true"` anywhere in the tree (an app usually puts it on `<html>`, beside the theme
+ * class) and every rem-sized thing in the kit tightens together: text, padding, control heights, gaps,
+ * icon boxes. That is the whole mechanism, and it is here rather than in each app because the sizes
+ * it acts on are lyra's.
+ *
+ * It came out of redishub, which had three "density tokens" beside it - `--tab-height`,
+ * `--tree-item-py`, `--sidebar-header-p`. Measured before moving: the first two had ZERO readers.
+ * Only the font size was doing anything, and it works for every app, so only the font size moved.
+ *
+ * No combinator in the selector, deliberately: unlike the dark plate blocks this matches wherever the
+ * attribute lands, on the root or on a wrapper. And `rem` in a root `font-size` resolves against the
+ * INITIAL 16px rather than itself, so 0.875rem is 14px whichever element carries the attribute.
+ *
+ * ⚠️ It reaches rem sizes only. 32 places in this kit use an explicit px value; most should not scale
+ * (hairlines, `ring-[3px]`, a 2px rail), but about ten are content sizes - `text-[10px]`, `h-[14px]`,
+ * `w-[32px]` - and those stay put while everything around them tightens. Prefer the rem scale in a new
+ * primitive, or compact will leave it behind.
+ *
+ * An app that wants a different density sets `--compact-font-size` and nothing else. */
+:root {
+  --compact-font-size: 0.875rem;
+}
+
+[data-compact="true"] {
+  font-size: var(--compact-font-size);
+}
+
+/* TOAST above every overlay. Not a style preference.
+ *
+ * A toast reports the outcome of something the reader just did, and they usually did it in a dialog,
+ * so the case where the message matters is the case where it was hidden. Every overlay in this kit
+ * ships at z-50, which left stacking to DOM order, and the viewport mounts once at app start while a
+ * dialog portals in later: the dialog won every time.
+ *
+ * ⚠️ The per-toast `z-[calc(1000-var(--toast-index))]` inside the viewport is NOT a second chance at
+ * this. `position: fixed` with a z-index other than `auto` makes the viewport its own stacking
+ * context, so that 1000 is trapped inside it - it orders toasts against each other and can never lift
+ * one over a dialog. The viewport is the only element where the fix works.
+ *
+ * Unlayered on purpose: it has to outrank `.z-50` from `@layer utilities`, and an unlayered rule does
+ * that by cascade rather than by source order. It lives here rather than in `ui/primitives/toast.tsx`
+ * so that no primitive carries a hand deviation.
+ *
+ * ⚠️ Nothing checks this. An overlay added later at 60 or above reopens the bug silently, so raise
+ * this number rather than matching it. */
+[data-slot="toast-viewport"] {
+  z-index: 60;
+}
+
+/* PLATES - the palette a READER picks: the action colour, and a tint on every surface.
+ *
+ * A plate paints `--primary` / `--primary-foreground` / `--ring`, and tints `--background` `--card`
+ * `--popover` `--sidebar` `--muted` `--accent`. It never touches `--destructive` `--success`
+ * `--warning` `--info`: letting a chosen colour reach a status token is how a success badge comes to
+ * look like a button (doc/platform/CONVENTIONS.md §19).
+ *
+ * No app sets a plate by default. With no `data-plate` in the tree every token above keeps the
+ * neutral value declared earlier in this file, which is what every app ships.
+ *
+ * ## BOTH dark selectors, and why one alone is a white-on-white bug
+ *
+ * `.dark [data-plate]` is a DESCENDANT selector. An app that sets the theme class and the plate on
+ * the same element - `<html class="dark" data-plate=teal>`, which is where next-themes and a one-line
+ * effect both land - does not match it. The dark block is skipped, the LIGHT block wins, and
+ * `--background` goes near-white while `.dark` keeps `--foreground` near-white: white text on a white
+ * page. Measured with a real DOM, not reasoned: for a plate on `<html class=dark>` the descendant
+ * form is false and the same-element form true, and for a plate on `<body>` it is the other way
+ * round. Neither form covers both placements, so every dark block carries both.
+ *
+ * ## The label colour is per plate, and that is what makes the yellow band yellow
+ *
+ * Every plate used to carry a near-WHITE label, so it had to be dark enough for 4.6:1. Yellow, amber
+ * and gold are intrinsically light in sRGB, so that rule turned them brown: `gold` was #746208 (dark
+ * olive) and `orange` #803703. A yellow button in any real palette carries BLACK text. Each plate now
+ * takes whichever label lets it be more saturated, and `orange` went from #803703 C0.115 to #ef6c01
+ * C0.185.
+ *
+ * Two consequences worth stating. The swatch row is NOT one lightness, and it should not be - yellow
+ * IS lighter than blue, and levelling them is what made mud. And the switch needs a MARGIN (0.03
+ * chroma): without one, picking the more saturated family flips a plate over a rounding difference,
+ * so the row stops being consistent. That margin is what separates the yellow band (a real gain) from
+ * pink (0.200 to 0.215, noise).
+ *
+ * ⚠️ In DARK mode there is only one family: a button on a near-black page has to be the light thing.
+ * Allowing the alternative let chroma-maximising choose a navy button on a black page.
+ *
+ * ## Nineteen hues: 12 degrees through red and yellow, 24 elsewhere, one gap
+ *
+ * The step is finer where the palette was thinnest and where names are most distinct to the eye -
+ * red (0 to 36) and yellow (48 to 120). Adjacent plates measure dE76 10 to 21 in the fine bands and
+ * 15 to 57 in the 24-degree ones; 10 is still four times the just-noticeable difference, so they read
+ * as neighbours rather than duplicates.
+ *
+ * The single 48 degree gap is where `emerald` would go, and it is empty because `--success` sits at
+ * hue 165.6 - measured, no rotation of the grid avoids it. There is no emerald plate because emerald
+ * is what success means.
+ *
+ * Every plate clears, in both themes: its own label at 4.6:1, dE76 >= 25 from `--destructive` and
+ * >= 18 from the other three. The bars are this low - and red and orange plates exist at all - because
+ * NO status token fills a shape here: `--destructive` on a button is `bg-destructive/10
+ * text-destructive` and the other three only ever paint text or a border, so a solid plate block is
+ * already a different object.
+ *
+ * Nine of the nineteen - pink rust amber olive green teal azure blue violet - additionally sit
+ * >= 29.7 from EACH OTHER, an exact maximum rather than a greedy one, and are the only plates an app
+ * may derive from an id, where the difference between two plates IS the signal.
+ *
+ * ## The surface tint, and the white it costs
+ *
+ * You cannot tint white. At L 1.0 sRGB admits chroma 0.000, so `--background` `--card` `--popover`
+ * come down to L 0.99 - a light-mode plate is paid for with pure white, and that is the one visible
+ * concession the feature makes. The other three keep their neutral lightness, because lowering
+ * `--sidebar` or `--muted` took `--muted-foreground` under the contrast it already has.
+ *
+ * Chroma is UNIFORM across the nineteen, at the weakest value every hue can hold at that lightness
+ * (0.004 on the page, 0.007 on the sidebar, 0.014 on muted). Per-hue maxima would have tinted green
+ * ten times harder than red for no reason a reader could see. The lightness ladder is preserved -
+ * 0.99 page, 0.985 sidebar, 0.97 muted - because inverting it would flip which surface reads as
+ * "on top". The contrast check is relative: 4.5:1 is the bar, and where lyra already leaves a pair
+ * under it (`--muted-foreground` on `--muted` is 4.32 with no plate at all) the tint must merely not
+ * make it worse.
+ *
+ * `plate.test.ts` PARSES THIS BLOCK and re-measures every axis, including the surfaces, both dark
+ * selectors, and each plate's own label whichever one it chose. It reads the stylesheet rather than a
+ * copy of the numbers in TypeScript on purpose: the same table in two languages is a table that
+ * drifts, and chat shipped exactly that. */
+
+[data-plate="pink"] {
+  --primary: oklch(0.500 0.200 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --ring: oklch(0.500 0.200 0);
+  --background: oklch(0.990 0.004 0);
+  --card: oklch(0.990 0.004 0);
+  --popover: oklch(0.990 0.004 0);
+  --sidebar: oklch(0.985 0.007 0);
+  --muted: oklch(0.970 0.014 0);
+  --accent: oklch(0.970 0.014 0);
+}
+.dark[data-plate="pink"],
+.dark [data-plate="pink"] {
+  --primary: oklch(0.780 0.140 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.780 0.140 0);
+  --background: oklch(0.145 0.014 0);
+  --card: oklch(0.205 0.014 0);
+  --popover: oklch(0.205 0.014 0);
+  --sidebar: oklch(0.205 0.014 0);
+  --muted: oklch(0.269 0.016 0);
+  --accent: oklch(0.269 0.016 0);
+}
+
+[data-plate="rose"] {
+  --primary: oklch(0.500 0.200 12);
+  --primary-foreground: oklch(0.985 0 0);
+  --ring: oklch(0.500 0.200 12);
+  --background: oklch(0.990 0.004 12);
+  --card: oklch(0.990 0.004 12);
+  --popover: oklch(0.990 0.004 12);
+  --sidebar: oklch(0.985 0.007 12);
+  --muted: oklch(0.970 0.014 12);
+  --accent: oklch(0.970 0.014 12);
+}
+.dark[data-plate="rose"],
+.dark [data-plate="rose"] {
+  --primary: oklch(0.780 0.130 12);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.780 0.130 12);
+  --background: oklch(0.145 0.014 12);
+  --card: oklch(0.205 0.014 12);
+  --popover: oklch(0.205 0.014 12);
+  --sidebar: oklch(0.205 0.014 12);
+  --muted: oklch(0.269 0.016 12);
+  --accent: oklch(0.269 0.016 12);
+}
+
+[data-plate="crimson"] {
+  --primary: oklch(0.500 0.200 24);
+  --primary-foreground: oklch(0.985 0 0);
+  --ring: oklch(0.500 0.200 24);
+  --background: oklch(0.990 0.004 24);
+  --card: oklch(0.990 0.004 24);
+  --popover: oklch(0.990 0.004 24);
+  --sidebar: oklch(0.985 0.007 24);
+  --muted: oklch(0.970 0.014 24);
+  --accent: oklch(0.970 0.014 24);
+}
+.dark[data-plate="crimson"],
+.dark [data-plate="crimson"] {
+  --primary: oklch(0.780 0.125 24);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.780 0.125 24);
+  --background: oklch(0.145 0.014 24);
+  --card: oklch(0.205 0.014 24);
+  --popover: oklch(0.205 0.014 24);
+  --sidebar: oklch(0.205 0.014 24);
+  --muted: oklch(0.269 0.016 24);
+  --accent: oklch(0.269 0.016 24);
+}
+
+[data-plate="rust"] {
+  --primary: oklch(0.440 0.150 36);
+  --primary-foreground: oklch(0.985 0 0);
+  --ring: oklch(0.440 0.150 36);
+  --background: oklch(0.990 0.004 36);
+  --card: oklch(0.990 0.004 36);
+  --popover: oklch(0.990 0.004 36);
+  --sidebar: oklch(0.985 0.007 36);
+  --muted: oklch(0.970 0.014 36);
+  --accent: oklch(0.970 0.014 36);
+}
+.dark[data-plate="rust"],
+.dark [data-plate="rust"] {
+  --primary: oklch(0.780 0.130 36);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.780 0.130 36);
+  --background: oklch(0.145 0.014 36);
+  --card: oklch(0.205 0.014 36);
+  --popover: oklch(0.205 0.014 36);
+  --sidebar: oklch(0.205 0.014 36);
+  --muted: oklch(0.269 0.016 36);
+  --accent: oklch(0.269 0.016 36);
+}
+
+[data-plate="orange"] {
+  --primary: oklch(0.680 0.185 48);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.680 0.185 48);
+  --background: oklch(0.990 0.004 48);
+  --card: oklch(0.990 0.004 48);
+  --popover: oklch(0.990 0.004 48);
+  --sidebar: oklch(0.985 0.007 48);
+  --muted: oklch(0.970 0.014 48);
+  --accent: oklch(0.970 0.014 48);
+}
+.dark[data-plate="orange"],
+.dark [data-plate="orange"] {
+  --primary: oklch(0.780 0.140 48);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.780 0.140 48);
+  --background: oklch(0.145 0.014 48);
+  --card: oklch(0.205 0.014 48);
+  --popover: oklch(0.205 0.014 48);
+  --sidebar: oklch(0.205 0.014 48);
+  --muted: oklch(0.269 0.016 48);
+  --accent: oklch(0.269 0.016 48);
+}
+
+[data-plate="ochre"] {
+  --primary: oklch(0.680 0.155 60);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.680 0.155 60);
+  --background: oklch(0.990 0.004 60);
+  --card: oklch(0.990 0.004 60);
+  --popover: oklch(0.990 0.004 60);
+  --sidebar: oklch(0.985 0.007 60);
+  --muted: oklch(0.970 0.014 60);
+  --accent: oklch(0.970 0.014 60);
+}
+.dark[data-plate="ochre"],
+.dark [data-plate="ochre"] {
+  --primary: oklch(0.790 0.145 60);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.790 0.145 60);
+  --background: oklch(0.145 0.014 60);
+  --card: oklch(0.205 0.014 60);
+  --popover: oklch(0.205 0.014 60);
+  --sidebar: oklch(0.205 0.014 60);
+  --muted: oklch(0.269 0.016 60);
+  --accent: oklch(0.269 0.016 60);
+}
+
+[data-plate="amber"] {
+  --primary: oklch(0.670 0.140 72);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.670 0.140 72);
+  --background: oklch(0.990 0.004 72);
+  --card: oklch(0.990 0.004 72);
+  --popover: oklch(0.990 0.004 72);
+  --sidebar: oklch(0.985 0.007 72);
+  --muted: oklch(0.970 0.014 72);
+  --accent: oklch(0.970 0.014 72);
+}
+.dark[data-plate="amber"],
+.dark [data-plate="amber"] {
+  --primary: oklch(0.830 0.135 72);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.830 0.135 72);
+  --background: oklch(0.145 0.014 72);
+  --card: oklch(0.205 0.014 72);
+  --popover: oklch(0.205 0.014 72);
+  --sidebar: oklch(0.205 0.014 72);
+  --muted: oklch(0.269 0.016 72);
+  --accent: oklch(0.269 0.016 72);
+}
+
+[data-plate="honey"] {
+  --primary: oklch(0.670 0.135 84);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.670 0.135 84);
+  --background: oklch(0.990 0.004 84);
+  --card: oklch(0.990 0.004 84);
+  --popover: oklch(0.990 0.004 84);
+  --sidebar: oklch(0.985 0.007 84);
+  --muted: oklch(0.970 0.014 84);
+  --accent: oklch(0.970 0.014 84);
+}
+.dark[data-plate="honey"],
+.dark [data-plate="honey"] {
+  --primary: oklch(0.700 0.140 84);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.700 0.140 84);
+  --background: oklch(0.145 0.014 84);
+  --card: oklch(0.205 0.014 84);
+  --popover: oklch(0.205 0.014 84);
+  --sidebar: oklch(0.205 0.014 84);
+  --muted: oklch(0.269 0.016 84);
+  --accent: oklch(0.269 0.016 84);
+}
+
+[data-plate="gold"] {
+  --primary: oklch(0.660 0.135 96);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.660 0.135 96);
+  --background: oklch(0.990 0.004 96);
+  --card: oklch(0.990 0.004 96);
+  --popover: oklch(0.990 0.004 96);
+  --sidebar: oklch(0.985 0.007 96);
+  --muted: oklch(0.970 0.014 96);
+  --accent: oklch(0.970 0.014 96);
+}
+.dark[data-plate="gold"],
+.dark [data-plate="gold"] {
+  --primary: oklch(0.780 0.160 96);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.780 0.160 96);
+  --background: oklch(0.145 0.014 96);
+  --card: oklch(0.205 0.014 96);
+  --popover: oklch(0.205 0.014 96);
+  --sidebar: oklch(0.205 0.014 96);
+  --muted: oklch(0.269 0.016 96);
+  --accent: oklch(0.269 0.016 96);
+}
+
+[data-plate="olive"] {
+  --primary: oklch(0.660 0.140 108);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.660 0.140 108);
+  --background: oklch(0.990 0.004 108);
+  --card: oklch(0.990 0.004 108);
+  --popover: oklch(0.990 0.004 108);
+  --sidebar: oklch(0.985 0.007 108);
+  --muted: oklch(0.970 0.014 108);
+  --accent: oklch(0.970 0.014 108);
+}
+.dark[data-plate="olive"],
+.dark [data-plate="olive"] {
+  --primary: oklch(0.780 0.165 108);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.780 0.165 108);
+  --background: oklch(0.145 0.014 108);
+  --card: oklch(0.205 0.014 108);
+  --popover: oklch(0.205 0.014 108);
+  --sidebar: oklch(0.205 0.014 108);
+  --muted: oklch(0.269 0.016 108);
+  --accent: oklch(0.269 0.016 108);
+}
+
+[data-plate="lime"] {
+  --primary: oklch(0.660 0.155 120);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.660 0.155 120);
+  --background: oklch(0.990 0.004 120);
+  --card: oklch(0.990 0.004 120);
+  --popover: oklch(0.990 0.004 120);
+  --sidebar: oklch(0.985 0.007 120);
+  --muted: oklch(0.970 0.014 120);
+  --accent: oklch(0.970 0.014 120);
+}
+.dark[data-plate="lime"],
+.dark [data-plate="lime"] {
+  --primary: oklch(0.780 0.185 120);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.780 0.185 120);
+  --background: oklch(0.145 0.014 120);
+  --card: oklch(0.205 0.014 120);
+  --popover: oklch(0.205 0.014 120);
+  --sidebar: oklch(0.205 0.014 120);
+  --muted: oklch(0.269 0.016 120);
+  --accent: oklch(0.269 0.016 120);
+}
+
+[data-plate="green"] {
+  --primary: oklch(0.500 0.160 144);
+  --primary-foreground: oklch(0.985 0 0);
+  --ring: oklch(0.500 0.160 144);
+  --background: oklch(0.990 0.004 144);
+  --card: oklch(0.990 0.004 144);
+  --popover: oklch(0.990 0.004 144);
+  --sidebar: oklch(0.985 0.007 144);
+  --muted: oklch(0.970 0.014 144);
+  --accent: oklch(0.970 0.014 144);
+}
+.dark[data-plate="green"],
+.dark [data-plate="green"] {
+  --primary: oklch(0.780 0.220 144);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.780 0.220 144);
+  --background: oklch(0.145 0.014 144);
+  --card: oklch(0.205 0.014 144);
+  --popover: oklch(0.205 0.014 144);
+  --sidebar: oklch(0.205 0.014 144);
+  --muted: oklch(0.269 0.016 144);
+  --accent: oklch(0.269 0.016 144);
+}
+
+[data-plate="teal"] {
+  --primary: oklch(0.530 0.090 192);
+  --primary-foreground: oklch(0.985 0 0);
+  --ring: oklch(0.530 0.090 192);
+  --background: oklch(0.990 0.004 192);
+  --card: oklch(0.990 0.004 192);
+  --popover: oklch(0.990 0.004 192);
+  --sidebar: oklch(0.985 0.007 192);
+  --muted: oklch(0.970 0.014 192);
+  --accent: oklch(0.970 0.014 192);
+}
+.dark[data-plate="teal"],
+.dark [data-plate="teal"] {
+  --primary: oklch(0.780 0.130 192);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.780 0.130 192);
+  --background: oklch(0.145 0.014 192);
+  --card: oklch(0.205 0.014 192);
+  --popover: oklch(0.205 0.014 192);
+  --sidebar: oklch(0.205 0.014 192);
+  --muted: oklch(0.269 0.016 192);
+  --accent: oklch(0.269 0.016 192);
+}
+
+[data-plate="cyan"] {
+  --primary: oklch(0.510 0.090 216);
+  --primary-foreground: oklch(0.985 0 0);
+  --ring: oklch(0.510 0.090 216);
+  --background: oklch(0.990 0.004 216);
+  --card: oklch(0.990 0.004 216);
+  --popover: oklch(0.990 0.004 216);
+  --sidebar: oklch(0.985 0.007 216);
+  --muted: oklch(0.970 0.014 216);
+  --accent: oklch(0.970 0.014 216);
+}
+.dark[data-plate="cyan"],
+.dark [data-plate="cyan"] {
+  --primary: oklch(0.780 0.135 216);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.780 0.135 216);
+  --background: oklch(0.145 0.014 216);
+  --card: oklch(0.205 0.014 216);
+  --popover: oklch(0.205 0.014 216);
+  --sidebar: oklch(0.205 0.014 216);
+  --muted: oklch(0.269 0.016 216);
+  --accent: oklch(0.269 0.016 216);
+}
+
+[data-plate="azure"] {
+  --primary: oklch(0.660 0.150 240);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.660 0.150 240);
+  --background: oklch(0.990 0.004 240);
+  --card: oklch(0.990 0.004 240);
+  --popover: oklch(0.990 0.004 240);
+  --sidebar: oklch(0.985 0.007 240);
+  --muted: oklch(0.970 0.014 240);
+  --accent: oklch(0.970 0.014 240);
+}
+.dark[data-plate="azure"],
+.dark [data-plate="azure"] {
+  --primary: oklch(0.830 0.090 240);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.830 0.090 240);
+  --background: oklch(0.145 0.014 240);
+  --card: oklch(0.205 0.014 240);
+  --popover: oklch(0.205 0.014 240);
+  --sidebar: oklch(0.205 0.014 240);
+  --muted: oklch(0.269 0.016 240);
+  --accent: oklch(0.269 0.016 240);
+}
+
+[data-plate="blue"] {
+  --primary: oklch(0.500 0.220 264);
+  --primary-foreground: oklch(0.985 0 0);
+  --ring: oklch(0.500 0.220 264);
+  --background: oklch(0.990 0.004 264);
+  --card: oklch(0.990 0.004 264);
+  --popover: oklch(0.990 0.004 264);
+  --sidebar: oklch(0.985 0.007 264);
+  --muted: oklch(0.970 0.014 264);
+  --accent: oklch(0.970 0.014 264);
+}
+.dark[data-plate="blue"],
+.dark [data-plate="blue"] {
+  --primary: oklch(0.710 0.150 264);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.710 0.150 264);
+  --background: oklch(0.145 0.014 264);
+  --card: oklch(0.205 0.014 264);
+  --popover: oklch(0.205 0.014 264);
+  --sidebar: oklch(0.205 0.014 264);
+  --muted: oklch(0.269 0.016 264);
+  --accent: oklch(0.269 0.016 264);
+}
+
+[data-plate="indigo"] {
+  --primary: oklch(0.500 0.220 288);
+  --primary-foreground: oklch(0.985 0 0);
+  --ring: oklch(0.500 0.220 288);
+  --background: oklch(0.990 0.004 288);
+  --card: oklch(0.990 0.004 288);
+  --popover: oklch(0.990 0.004 288);
+  --sidebar: oklch(0.985 0.007 288);
+  --muted: oklch(0.970 0.014 288);
+  --accent: oklch(0.970 0.014 288);
+}
+.dark[data-plate="indigo"],
+.dark [data-plate="indigo"] {
+  --primary: oklch(0.780 0.115 288);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.780 0.115 288);
+  --background: oklch(0.145 0.014 288);
+  --card: oklch(0.205 0.014 288);
+  --popover: oklch(0.205 0.014 288);
+  --sidebar: oklch(0.205 0.014 288);
+  --muted: oklch(0.269 0.016 288);
+  --accent: oklch(0.269 0.016 288);
+}
+
+[data-plate="violet"] {
+  --primary: oklch(0.500 0.220 312);
+  --primary-foreground: oklch(0.985 0 0);
+  --ring: oklch(0.500 0.220 312);
+  --background: oklch(0.990 0.004 312);
+  --card: oklch(0.990 0.004 312);
+  --popover: oklch(0.990 0.004 312);
+  --sidebar: oklch(0.985 0.007 312);
+  --muted: oklch(0.970 0.014 312);
+  --accent: oklch(0.970 0.014 312);
+}
+.dark[data-plate="violet"],
+.dark [data-plate="violet"] {
+  --primary: oklch(0.780 0.155 312);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.780 0.155 312);
+  --background: oklch(0.145 0.014 312);
+  --card: oklch(0.205 0.014 312);
+  --popover: oklch(0.205 0.014 312);
+  --sidebar: oklch(0.205 0.014 312);
+  --muted: oklch(0.269 0.016 312);
+  --accent: oklch(0.269 0.016 312);
+}
+
+[data-plate="magenta"] {
+  --primary: oklch(0.500 0.220 336);
+  --primary-foreground: oklch(0.985 0 0);
+  --ring: oklch(0.500 0.220 336);
+  --background: oklch(0.990 0.004 336);
+  --card: oklch(0.990 0.004 336);
+  --popover: oklch(0.990 0.004 336);
+  --sidebar: oklch(0.985 0.007 336);
+  --muted: oklch(0.970 0.014 336);
+  --accent: oklch(0.970 0.014 336);
+}
+.dark[data-plate="magenta"],
+.dark [data-plate="magenta"] {
+  --primary: oklch(0.780 0.185 336);
+  --primary-foreground: oklch(0.205 0 0);
+  --ring: oklch(0.780 0.185 336);
+  --background: oklch(0.145 0.014 336);
+  --card: oklch(0.205 0.014 336);
+  --popover: oklch(0.205 0.014 336);
+  --sidebar: oklch(0.205 0.014 336);
+  --muted: oklch(0.269 0.016 336);
+  --accent: oklch(0.269 0.016 336);
+}

package/dist/chunk-DUWK53B5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/primitives/alert.tsx","../src/ui/primitives/badge.tsx","../src/ui/primitives/combobox.tsx","../src/ui/primitives/label.tsx","../src/ui/primitives/field.tsx","../src/ui/primitives/progress.tsx","../src/ui/primitives/spinner.tsx","../src/ui/primitives/switch.tsx"],"names":["cva","jsx","ComboboxPrimitive","LabelPrimitive","jsxs","ProgressPrimitive","SwitchPrimitive"],"mappings":"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","file":"chunk-DUWK53B5.js","sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"~/utils/cn.js\"\n\nconst alertVariants = cva(\n  \"group/alert relative grid w-full gap-0.5 rounded-none border px-2.5 py-2 text-left text-xs has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-xs/relaxed text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\n        \"absolute top-[calc(--spacing(1.25))] right-[calc(--spacing(1.25))]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction }\n","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"~/utils/cn.js\"\n\nconst badgeVariants = cva(\n  \"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-none border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n        destructive:\n          \"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20\",\n        outline:\n          \"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n","import * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\nimport { ChevronDownIcon, XIcon, CheckIcon } from \"lucide-react\"\n\nimport { cn } from \"~/utils/cn.js\"\nimport { Button } from \"./button.js\"\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from \"./input-group.js\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n  return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />\n}\n\nfunction ComboboxTrigger({\n  className,\n  children,\n  ...props\n}: ComboboxPrimitive.Trigger.Props) {\n  return (\n    <ComboboxPrimitive.Trigger\n      data-slot=\"combobox-trigger\"\n      className={cn(\"[&_svg:not([class*='size-'])]:size-4\", className)}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon className=\"pointer-events-none size-4 text-muted-foreground\" />\n    </ComboboxPrimitive.Trigger>\n  )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot=\"combobox-clear\"\n      render={<InputGroupButton variant=\"ghost\" size=\"icon-xs\" />}\n      className={cn(className)}\n      {...props}\n    >\n      <XIcon className=\"pointer-events-none\" />\n    </ComboboxPrimitive.Clear>\n  )\n}\n\nfunction ComboboxInput({\n  className,\n  children,\n  disabled = false,\n  showTrigger = true,\n  showClear = false,\n  ...props\n}: ComboboxPrimitive.Input.Props & {\n  showTrigger?: boolean\n  showClear?: boolean\n}) {\n  return (\n    <InputGroup className={cn(\"w-auto\", className)}>\n      <ComboboxPrimitive.Input\n        render={<InputGroupInput disabled={disabled} />}\n        {...props}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        {showTrigger && (\n          <InputGroupButton\n            size=\"icon-xs\"\n            variant=\"ghost\"\n            asChild\n            data-slot=\"input-group-button\"\n            className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n            disabled={disabled}\n          >\n            <ComboboxTrigger />\n          </InputGroupButton>\n        )}\n        {showClear && <ComboboxClear disabled={disabled} />}\n      </InputGroupAddon>\n      {children}\n    </InputGroup>\n  )\n}\n\nfunction ComboboxContent({\n  className,\n  side = \"bottom\",\n  sideOffset = 6,\n  align = \"start\",\n  alignOffset = 0,\n  anchor,\n  ...props\n}: ComboboxPrimitive.Popup.Props &\n  Pick<\n    ComboboxPrimitive.Positioner.Props,\n    \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n  >) {\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        anchor={anchor}\n        className=\"isolate z-50\"\n      >\n        <ComboboxPrimitive.Popup\n          data-slot=\"combobox-content\"\n          data-chips={!!anchor}\n          className={cn(\"group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-none bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n          {...props}\n        />\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n  return (\n    <ComboboxPrimitive.List\n      data-slot=\"combobox-list\"\n      className={cn(\n        \"no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain data-empty:p-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxItem({\n  className,\n  children,\n  ...props\n}: ComboboxPrimitive.Item.Props) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot=\"combobox-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-2 rounded-none py-2 pr-8 pl-2 text-xs outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ComboboxPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </ComboboxPrimitive.ItemIndicator>\n    </ComboboxPrimitive.Item>\n  )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n  return (\n    <ComboboxPrimitive.Group\n      data-slot=\"combobox-group\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxLabel({\n  className,\n  ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      data-slot=\"combobox-label\"\n      className={cn(\"px-2 py-2 text-xs text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n  return (\n    <ComboboxPrimitive.Collection data-slot=\"combobox-collection\" {...props} />\n  )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot=\"combobox-empty\"\n      className={cn(\n        \"hidden w-full justify-center py-2 text-center text-xs text-muted-foreground group-data-empty/combobox-content:flex\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxSeparator({\n  className,\n  ...props\n}: ComboboxPrimitive.Separator.Props) {\n  return (\n    <ComboboxPrimitive.Separator\n      data-slot=\"combobox-separator\"\n      className={cn(\"-mx-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxChips({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> &\n  ComboboxPrimitive.Chips.Props) {\n  return (\n    <ComboboxPrimitive.Chips\n      data-slot=\"combobox-chips\"\n      className={cn(\n        \"flex min-h-8 flex-wrap items-center gap-1 rounded-none border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-xs transition-colors focus-within:border-ring focus-within:ring-1 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-1 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxChip({\n  className,\n  children,\n  showRemove = true,\n  ...props\n}: ComboboxPrimitive.Chip.Props & {\n  showRemove?: boolean\n}) {\n  return (\n    <ComboboxPrimitive.Chip\n      data-slot=\"combobox-chip\"\n      className={cn(\n        \"flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-none bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showRemove && (\n        <ComboboxPrimitive.ChipRemove\n          render={<Button variant=\"ghost\" size=\"icon-xs\" />}\n          className=\"-ml-1 opacity-50 hover:opacity-100\"\n          data-slot=\"combobox-chip-remove\"\n        >\n          <XIcon className=\"pointer-events-none\" />\n        </ComboboxPrimitive.ChipRemove>\n      )}\n    </ComboboxPrimitive.Chip>\n  )\n}\n\nfunction ComboboxChipsInput({\n  className,\n  ...props\n}: ComboboxPrimitive.Input.Props) {\n  return (\n    <ComboboxPrimitive.Input\n      data-slot=\"combobox-chip-input\"\n      className={cn(\"min-w-16 flex-1 outline-none\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction useComboboxAnchor() {\n  return React.useRef<HTMLDivElement | null>(null)\n}\n\nexport {\n  Combobox,\n  ComboboxInput,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxCollection,\n  ComboboxEmpty,\n  ComboboxSeparator,\n  ComboboxChips,\n  ComboboxChip,\n  ComboboxChipsInput,\n  ComboboxTrigger,\n  ComboboxValue,\n  useComboboxAnchor,\n}\n","import * as React from \"react\"\nimport { Label as LabelPrimitive } from \"radix-ui\"\n\nimport { cn } from \"~/utils/cn.js\"\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-xs leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n","import { useMemo } from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"~/utils/cn.js\"\nimport { Label } from \"./label.js\"\nimport { Separator } from \"./separator.js\"\n\nfunction FieldSet({ className, ...props }: React.ComponentProps<\"fieldset\">) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        \"flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLegend({\n  className,\n  variant = \"legend\",\n  ...props\n}: React.ComponentProps<\"legend\"> & { variant?: \"legend\" | \"label\" }) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        \"mb-2.5 font-medium data-[variant=label]:text-xs data-[variant=legend]:text-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        \"group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst fieldVariants = cva(\n  \"group/field flex w-full gap-2 data-[invalid=true]:text-destructive\",\n  {\n    variants: {\n      orientation: {\n        vertical: \"flex-col *:w-full [&>.sr-only]:w-auto\",\n        horizontal:\n          \"flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        responsive:\n          \"flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  }\n)\n\nfunction Field({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof fieldVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn(\n        \"group/field-content flex flex-1 flex-col gap-0.5 leading-snug\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-none has-[>[data-slot=field]]:border *:data-[slot=field]:p-2 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        \"flex w-fit items-center gap-2 text-xs/relaxed group-data-[disabled=true]/field:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        \"text-left text-xs/relaxed leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5\",\n        \"last:mt-0 nth-last-2:-mt-1\",\n        \"[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  children?: React.ReactNode\n}) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        \"relative -my-2 h-5 text-xs group-data-[variant=outline]/field-group:-mb-2\",\n        className\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"relative mx-auto block w-fit bg-background px-2 text-muted-foreground\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  errors?: Array<{ message?: string } | undefined>\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children\n    }\n\n    if (!errors?.length) {\n      return null\n    }\n\n    const uniqueErrors = [\n      ...new Map(errors.map((error) => [error?.message, error])).values(),\n    ]\n\n    if (uniqueErrors?.length == 1) {\n      return uniqueErrors[0]?.message\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error, index) =>\n            error?.message && <li key={index}>{error.message}</li>\n        )}\n      </ul>\n    )\n  }, [children, errors])\n\n  if (!content) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn(\"text-xs font-normal text-destructive\", className)}\n      {...props}\n    >\n      {content}\n    </div>\n  )\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldContent,\n  FieldTitle,\n}\n","import * as React from \"react\"\nimport { Progress as ProgressPrimitive } from \"radix-ui\"\n\nimport { cn } from \"~/utils/cn.js\"\n\nfunction Progress({\n  className,\n  value,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn(\n        \"relative flex h-1 w-full items-center overflow-x-hidden rounded-none bg-muted\",\n        className\n      )}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"size-full flex-1 bg-primary transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  )\n}\n\nexport { Progress }\n","import { Loader2Icon } from \"lucide-react\"\n\nimport { cn } from \"~/utils/cn.js\"\n\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <Loader2Icon data-slot=\"spinner\" role=\"status\" aria-label=\"Loading\" className={cn(\"size-4 animate-spin\", className)} {...props} />\n  )\n}\n\nexport { Spinner }\n","import * as React from \"react\"\nimport { Switch as SwitchPrimitive } from \"radix-ui\"\n\nimport { cn } from \"~/utils/cn.js\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n"]}