@evinvest/uikit 0.12.1 → 0.14.0

package/dist/index.js

@@ -589,6 +589,29 @@ function BreadcrumbEllipsis({
 // src/components/button.tsx
 import "react";
 
+// src/generated/accent.ts
+var accentTextClasses = {
+  "trace": "text-accent-trace",
+  "debug": "text-accent-debug",
+  "info": "text-accent-info",
+  "warn": "text-accent-warn",
+  "error": "text-accent-error"
+};
+var accentFillClasses = {
+  "trace": "bg-accent-trace text-on-accent-trace hover:bg-accent-trace/90",
+  "debug": "bg-accent-debug text-background hover:bg-accent-debug/90",
+  "info": "bg-accent-info text-on-accent-info hover:bg-accent-info/90",
+  "warn": "bg-accent-warn text-background hover:bg-accent-warn/90",
+  "error": "bg-accent-error text-on-accent-error hover:bg-accent-error/90"
+};
+var accentOutlineClasses = {
+  "trace": "border border-accent-trace/40 text-accent-trace hover:bg-accent-trace/10",
+  "debug": "border border-accent-debug/40 text-accent-debug hover:bg-accent-debug/10",
+  "info": "border border-accent-info/40 text-accent-info hover:bg-accent-info/10",
+  "warn": "border border-accent-warn/40 text-accent-warn hover:bg-accent-warn/10",
+  "error": "border border-accent-error/40 text-accent-error hover:bg-accent-error/10"
+};
+
 // src/generated/button.ts
 var BUTTON_BASE = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--control-radius)] text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error";
 var buttonVariantClasses = {
@@ -600,16 +623,18 @@ var buttonVariantClasses = {
   "link": "text-primary underline-offset-4 hover:underline"
 };
 var buttonSizeClasses = {
-  "md": "h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3",
   "xs": "h-7 gap-1 px-2 text-xs has-[>svg]:px-1.5",
   "sm": "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
+  "md": "h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3",
   "lg": "h-10 px-6 has-[>svg]:px-4",
-  "xl": "px-[var(--control-px)] py-[var(--control-py)] text-[length:var(--control-text)]",
-  "icon": "h-9 aspect-square px-0",
-  "icon-xs": "h-7 aspect-square px-0",
-  "icon-sm": "h-8 aspect-square px-0",
-  "icon-lg": "h-10 aspect-square px-0",
-  "icon-xl": "aspect-square p-[var(--control-py)]"
+  "xl": "px-[var(--control-px)] py-[var(--control-py)] text-[length:var(--control-text)]"
+};
+var buttonIconSizeClasses = {
+  "xs": "h-7 aspect-square px-0",
+  "sm": "h-8 aspect-square px-0",
+  "md": "h-9 aspect-square px-0",
+  "lg": "h-10 aspect-square px-0",
+  "xl": "aspect-square p-[var(--control-py)]"
 };
 
 // src/components/button.tsx
@@ -617,14 +642,27 @@ import { jsx as jsx5 } from "react/jsx-runtime";
 function buttonVariants({
   variant = "primary",
   size = "md",
+  icon = false,
+  accent,
   className
 } = {}) {
-  return cn(BUTTON_BASE, buttonVariantClasses[variant], buttonSizeClasses[size], className);
+  return cn(
+    BUTTON_BASE,
+    buttonVariantClasses[variant],
+    icon ? buttonIconSizeClasses[size] : buttonSizeClasses[size],
+    accent === void 0 ? void 0 : accentClass(accent, variant),
+    className
+  );
+}
+function accentClass(accent, variant) {
+  return variant === "outline" ? accentOutlineClasses[accent] : accentFillClasses[accent];
 }
 function Button({
   className,
   variant = "primary",
   size = "md",
+  icon = false,
+  accent,
   asChild = false,
   href,
   ...props
@@ -635,7 +673,7 @@ function Button({
     {
       "data-slot": "button",
       href,
-      className: cn(buttonVariants({ variant, size }), className),
+      className: cn(buttonVariants({ variant, size, icon, accent }), className),
       ...props
     }
   );
@@ -1295,6 +1333,44 @@ function Textarea({ className, ...props }) {
   return /* @__PURE__ */ jsx15("textarea", { "data-slot": "textarea", className: cn(TEXTAREA_BASE, className), ...props });
 }
 
+// src/components/logo.tsx
+import "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var maskStyle = {
+  backgroundColor: "currentColor",
+  maskImage: "var(--brand-mark)",
+  WebkitMaskImage: "var(--brand-mark)",
+  maskRepeat: "no-repeat",
+  WebkitMaskRepeat: "no-repeat",
+  maskPosition: "center",
+  WebkitMaskPosition: "center",
+  maskSize: "contain",
+  WebkitMaskSize: "contain",
+  // the ratio's fallback is what makes a missing mark *visible*: a masked span
+  // has no intrinsic size, so `h-N w-auto` without it is zero-width
+  aspectRatio: "var(--brand-aspect, 1)"
+};
+function Logo({ className, withBackground = false }) {
+  const mark = /* @__PURE__ */ jsx16(
+    "span",
+    {
+      "data-slot": "logo",
+      "aria-hidden": true,
+      style: maskStyle,
+      className: cn("inline-block", withBackground ? "w-3/5 h-3/5" : className)
+    }
+  );
+  if (!withBackground) return mark;
+  return /* @__PURE__ */ jsx16(
+    "span",
+    {
+      "data-slot": "logo-background",
+      className: cn("inline-flex items-center justify-center bg-brand", className),
+      children: mark
+    }
+  );
+}
+
 // src/components/input-group.tsx
 import "react";
 
@@ -1319,12 +1395,12 @@ var INPUT_GROUP_INPUT_CONTROL = "flex-1 rounded-none border-0 bg-transparent sha
 var INPUT_GROUP_TEXTAREA_CONTROL = "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0";
 
 // src/components/input-group.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function InputGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       "data-slot": "input-group",
@@ -1339,7 +1415,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       role: "group",
@@ -1365,7 +1441,7 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Button,
     {
       type,
@@ -1384,7 +1460,7 @@ function InputGroupText({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "span",
     {
       className: cn(INPUT_GROUP_TEXT, className),
@@ -1396,7 +1472,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Input,
     {
       "data-slot": "input-group-control",
@@ -1409,7 +1485,7 @@ function InputGroupTextarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Textarea,
     {
       "data-slot": "input-group-control",
@@ -1433,13 +1509,13 @@ var separatorOrientations = {
 };
 
 // src/components/separator.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function Separator({
   className,
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       role: "separator",
@@ -1482,9 +1558,9 @@ var ITEM_HEADER = "flex basis-full items-center justify-between gap-2";
 var ITEM_FOOTER = "flex basis-full items-center justify-between gap-2";
 
 // src/components/item.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       role: "list",
@@ -1498,7 +1574,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Separator,
     {
       "data-slot": "item-separator",
@@ -1516,7 +1592,7 @@ function Item({
   ...props
 }) {
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Comp,
     {
       "data-slot": "item",
@@ -1532,7 +1608,7 @@ function ItemMedia({
   variant = "bare",
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-media",
@@ -1546,7 +1622,7 @@ function ItemContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-content",
@@ -1556,7 +1632,7 @@ function ItemContent({
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-title",
@@ -1569,7 +1645,7 @@ function ItemDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "p",
     {
       "data-slot": "item-description",
@@ -1582,7 +1658,7 @@ function ItemActions({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-actions",
@@ -1595,7 +1671,7 @@ function ItemHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-header",
@@ -1608,7 +1684,7 @@ function ItemFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-footer",
@@ -1626,9 +1702,9 @@ var KBD_BASE = "bg-muted text-ink-soft pointer-events-none inline-flex h-5 w-fit
 var KBD_GROUP_BASE = "inline-flex items-center gap-1";
 
 // src/components/kbd.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "kbd",
     {
       "data-slot": "kbd",
@@ -1638,7 +1714,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "kbd",
     {
       "data-slot": "kbd-group",
@@ -1650,9 +1726,9 @@ function KbdGroup({ className, ...props }) {
 
 // src/components/pagination.tsx
 import "react";
-import { jsx as jsx20, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs5 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "nav",
     {
       role: "navigation",
@@ -1667,7 +1743,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -1677,15 +1753,16 @@ function PaginationContent({
   );
 }
 function PaginationItem(props) {
-  return /* @__PURE__ */ jsx20("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx21("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
   isActive,
-  size = "icon",
+  size = "md",
+  icon = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -1694,7 +1771,8 @@ function PaginationLink({
       className: cn(
         buttonVariants({
           variant: isActive ? "outline" : "ghost",
-          size
+          size,
+          icon
         }),
         className
       ),
@@ -1702,8 +1780,8 @@ function PaginationLink({
     }
   );
 }
-var ChevronLeft = () => /* @__PURE__ */ jsx20("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx20("path", { d: "m15 18-6-6 6-6" }) });
-var ChevronRight = () => /* @__PURE__ */ jsx20("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx20("path", { d: "m9 18 6-6-6-6" }) });
+var ChevronLeft = () => /* @__PURE__ */ jsx21("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx21("path", { d: "m15 18-6-6 6-6" }) });
+var ChevronRight = () => /* @__PURE__ */ jsx21("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx21("path", { d: "m9 18 6-6-6-6" }) });
 var MoreHorizontal = () => /* @__PURE__ */ jsxs5(
   "svg",
   {
@@ -1713,9 +1791,9 @@ var MoreHorizontal = () => /* @__PURE__ */ jsxs5(
     stroke: "currentColor",
     strokeWidth: 2,
     children: [
-      /* @__PURE__ */ jsx20("circle", { cx: "12", cy: "12", r: "1" }),
-      /* @__PURE__ */ jsx20("circle", { cx: "19", cy: "12", r: "1" }),
-      /* @__PURE__ */ jsx20("circle", { cx: "5", cy: "12", r: "1" })
+      /* @__PURE__ */ jsx21("circle", { cx: "12", cy: "12", r: "1" }),
+      /* @__PURE__ */ jsx21("circle", { cx: "19", cy: "12", r: "1" }),
+      /* @__PURE__ */ jsx21("circle", { cx: "5", cy: "12", r: "1" })
     ]
   }
 );
@@ -1731,8 +1809,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx20(ChevronLeft, {}),
-        /* @__PURE__ */ jsx20("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx21(ChevronLeft, {}),
+        /* @__PURE__ */ jsx21("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -1749,8 +1827,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx20("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx20(ChevronRight, {})
+        /* @__PURE__ */ jsx21("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx21(ChevronRight, {})
       ]
     }
   );
@@ -1767,8 +1845,8 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx20(MoreHorizontal, {}),
-        /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx21(MoreHorizontal, {}),
+        /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -1782,9 +1860,9 @@ var PROGRESS_TRACK = "bg-primary/20 relative h-2 w-full overflow-hidden rounded-
 var PROGRESS_INDICATOR = "bg-primary h-full w-full flex-1 transition-all";
 
 // src/components/progress.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function Progress({ className, value = 0, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "progress",
@@ -1794,7 +1872,7 @@ function Progress({ className, value = 0, ...props }) {
       "aria-valuemax": 100,
       className: cn(PROGRESS_TRACK, className),
       ...props,
-      children: /* @__PURE__ */ jsx21(
+      children: /* @__PURE__ */ jsx22(
         "div",
         {
           "data-slot": "progress-indicator",
@@ -1813,9 +1891,9 @@ import "react";
 var SKELETON_BASE = "bg-hover animate-pulse rounded-md";
 
 // src/components/skeleton.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "skeleton",
@@ -1827,9 +1905,9 @@ function Skeleton({ className, ...props }) {
 
 // src/components/spinner.tsx
 import "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function Spinner({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "svg",
     {
       role: "status",
@@ -1840,50 +1918,20 @@ function Spinner({ className, ...props }) {
       stroke: "currentColor",
       strokeWidth: 2,
       ...props,
-      children: /* @__PURE__ */ jsx23("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+      children: /* @__PURE__ */ jsx24("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
     }
   );
 }
 
 // src/components/status-screen.tsx
 import "react";
-import { jsx as jsx24, jsxs as jsxs6 } from "react/jsx-runtime";
-var ACCENT_TEXT = {
-  trace: "text-accent-trace",
-  debug: "text-accent-debug",
-  info: "text-accent-info",
-  warn: "text-accent-warn",
-  error: "text-accent-error"
-};
-var BTN_FILLED = {
-  trace: "bg-accent-trace text-on-accent-trace hover:bg-accent-trace/90",
-  debug: "bg-accent-debug text-background hover:bg-accent-debug/90",
-  info: "bg-accent-info text-on-accent-info hover:bg-accent-info/90",
-  warn: "bg-accent-warn text-background hover:bg-accent-warn/90",
-  error: "bg-accent-error text-on-accent-error hover:bg-accent-error/90"
-};
-var BTN_OUTLINE = {
-  trace: "border border-accent-trace/40 text-accent-trace hover:bg-accent-trace/10",
-  debug: "border border-accent-debug/40 text-accent-debug hover:bg-accent-debug/10",
-  info: "border border-accent-info/40 text-accent-info hover:bg-accent-info/10",
-  warn: "border border-accent-warn/40 text-accent-warn hover:bg-accent-warn/10",
-  error: "border border-accent-error/40 text-accent-error hover:bg-accent-error/10"
-};
+import { jsx as jsx25, jsxs as jsxs6 } from "react/jsx-runtime";
 function statusCtaClass(accent, variant) {
   return cn(
-    buttonVariants({ variant, size: "lg" }),
-    "font-mono text-xs uppercase tracking-widest",
-    variant === "outline" ? BTN_OUTLINE[accent] : BTN_FILLED[accent]
+    buttonVariants({ variant, size: "lg", accent }),
+    "font-mono text-xs uppercase tracking-widest"
   );
 }
-function LogoMark({ className }) {
-  return /* @__PURE__ */ jsx24("svg", { viewBox: "0 0 140 48", className, "aria-hidden": true, children: /* @__PURE__ */ jsxs6("g", { fill: "currentColor", children: [
-    /* @__PURE__ */ jsx24("path", { d: "M0.0437012 47.3326L50.9499 40.5805V22.3378L56.4881 23.6408V37.9071L59.1984 37.5005V24.1147L64.6189 25.1808V37.0269L67.2113 36.553V22.1009L56.606 17.481L43.408 21.864V36.553L0.0437012 47.3326Z" }),
-    /* @__PURE__ */ jsx24("path", { d: "M77.2277 40.5804L85.9478 41.4099L85.8299 0.304321L73.1033 7.17499V26.3654L77.2277 28.2608V40.5804Z" }),
-    /* @__PURE__ */ jsx24("path", { d: "M87.126 0.304321L99.9705 7.29343V42.5943L94.3141 41.8835V9.54417L87.126 5.75347V0.304321Z" }),
-    /* @__PURE__ */ jsx24("path", { d: "M103.034 42.9496L139.682 46.0296L110.104 39.7513V26.8393L103.034 23.0486V42.9496Z" })
-  ] }) });
-}
 function ArrowLeftIcon({ className }) {
   return /* @__PURE__ */ jsxs6(
     "svg",
@@ -1897,8 +1945,8 @@ function ArrowLeftIcon({ className }) {
       strokeLinejoin: "round",
       "aria-hidden": true,
       children: [
-        /* @__PURE__ */ jsx24("path", { d: "m12 19-7-7 7-7" }),
-        /* @__PURE__ */ jsx24("path", { d: "M19 12H5" })
+        /* @__PURE__ */ jsx25("path", { d: "m12 19-7-7 7-7" }),
+        /* @__PURE__ */ jsx25("path", { d: "M19 12H5" })
       ]
     }
   );
@@ -1916,9 +1964,9 @@ function StatusScreen({
   linkComponent
 }) {
   const L = linkComponent ?? "a";
-  const accentText = ACCENT_TEXT[accent];
+  const accentText = accentTextClasses[accent];
   return /* @__PURE__ */ jsxs6("section", { className: "relative flex min-h-screen flex-col items-center justify-center overflow-hidden bg-background px-6 py-32 text-center", children: [
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       "div",
       {
         "aria-hidden": true,
@@ -1929,19 +1977,19 @@ function StatusScreen({
       }
     ),
     /* @__PURE__ */ jsxs6("div", { className: "relative z-10 flex w-full max-w-2xl flex-col items-center", children: [
-      /* @__PURE__ */ jsx24(LogoMark, { className: cn("mb-7 h-10 w-auto", accentText) }),
-      /* @__PURE__ */ jsx24("p", { className: cn("mb-6 font-mono text-[11px] uppercase tracking-[0.34em]", accentText), children: eyebrow }),
-      /* @__PURE__ */ jsx24("p", { className: cn("font-serif text-[110px] font-medium leading-[0.9] sm:text-[180px]", accentText), children: code }),
+      /* @__PURE__ */ jsx25(Logo, { className: cn("mb-7 h-10 w-auto", accentText) }),
+      /* @__PURE__ */ jsx25("p", { className: cn("mb-6 font-mono text-[11px] uppercase tracking-[0.34em]", accentText), children: eyebrow }),
+      /* @__PURE__ */ jsx25("p", { className: cn("font-serif text-[110px] font-medium leading-[0.9] sm:text-[180px]", accentText), children: code }),
       /* @__PURE__ */ jsxs6("h1", { className: "mt-4 font-serif text-3xl font-light leading-tight text-ink sm:text-5xl", children: [
         headlineLead,
-        /* @__PURE__ */ jsx24("span", { className: cn("font-serif italic", accentText), children: headlineAccent }),
+        /* @__PURE__ */ jsx25("span", { className: cn("font-serif italic", accentText), children: headlineAccent }),
         headlineTail
       ] }),
-      /* @__PURE__ */ jsx24("p", { className: "mx-auto mt-5 max-w-md text-sm leading-relaxed text-ink/60 sm:text-base", children: subtext }),
+      /* @__PURE__ */ jsx25("p", { className: "mx-auto mt-5 max-w-md text-sm leading-relaxed text-ink/60 sm:text-base", children: subtext }),
       /* @__PURE__ */ jsxs6("div", { className: "mt-9 flex flex-col items-center gap-3 sm:flex-row", children: [
         children,
         links?.map((link) => /* @__PURE__ */ jsxs6(L, { href: link.href, className: statusCtaClass(accent, link.variant ?? "primary"), children: [
-          link.leadingArrow ? /* @__PURE__ */ jsx24(ArrowLeftIcon, { className: "mr-2 h-4 w-4" }) : null,
+          link.leadingArrow ? /* @__PURE__ */ jsx25(ArrowLeftIcon, { className: "mr-2 h-4 w-4" }) : null,
           link.label
         ] }, link.label))
       ] })
@@ -1949,7 +1997,7 @@ function StatusScreen({
   ] });
 }
 function NotFound({ linkComponent = "a", homeHref = "/", contactHref = "/contact" }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     StatusScreen,
     {
       accent: "debug",
@@ -1967,7 +2015,7 @@ function NotFound({ linkComponent = "a", homeHref = "/", contactHref = "/contact
   );
 }
 function Forbidden({ linkComponent = "a", homeHref = "/", contactHref = "/contact" }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     StatusScreen,
     {
       accent: "warn",
@@ -1985,7 +2033,7 @@ function Forbidden({ linkComponent = "a", homeHref = "/", contactHref = "/contac
   );
 }
 function ServerError({ linkComponent = "a", homeHref = "/", reset }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     StatusScreen,
     {
       accent: "error",
@@ -1996,7 +2044,7 @@ function ServerError({ linkComponent = "a", homeHref = "/", reset }) {
       subtext: "Something broke on our end \u2014 not yours. We've been alerted and are restoring service. Please try again in a moment.",
       linkComponent,
       links: [{ label: "Back to home", href: homeHref, variant: "outline", leadingArrow: true }],
-      children: /* @__PURE__ */ jsx24(
+      children: /* @__PURE__ */ jsx25(
         "button",
         {
           type: "button",
@@ -2024,14 +2072,14 @@ var TABLE_CELL = "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr
 var TABLE_CAPTION = "text-ink-soft mt-4 text-sm";
 
 // src/components/table.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "table-container",
       className: TABLE_CONTAINER,
-      children: /* @__PURE__ */ jsx25(
+      children: /* @__PURE__ */ jsx26(
         "table",
         {
           "data-slot": "table",
@@ -2046,7 +2094,7 @@ function TableHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "thead",
     {
       "data-slot": "table-header",
@@ -2059,7 +2107,7 @@ function TableBody({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "tbody",
     {
       "data-slot": "table-body",
@@ -2072,7 +2120,7 @@ function TableFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -2082,7 +2130,7 @@ function TableFooter({
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "tr",
     {
       "data-slot": "table-row",
@@ -2092,7 +2140,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "th",
     {
       "data-slot": "table-head",
@@ -2102,7 +2150,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "td",
     {
       "data-slot": "table-cell",
@@ -2115,7 +2163,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "caption",
     {
       "data-slot": "table-caption",
@@ -2126,7 +2174,7 @@ function TableCaption({
 }
 
 // src/components/accordion.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 
 // src/generated/accordion.ts
 var ACCORDION_ITEM = "border-b last:border-b-0";
@@ -2136,16 +2184,16 @@ var ACCORDION_CONTENT = "data-[state=closed]:animate-accordion-up data-[state=op
 var ACCORDION_CONTENT_INNER = "pt-0 pb-4";
 
 // src/components/accordion.tsx
-import { jsx as jsx26, jsxs as jsxs7 } from "react/jsx-runtime";
-var AccordionContext = React36.createContext(null);
+import { jsx as jsx27, jsxs as jsxs7 } from "react/jsx-runtime";
+var AccordionContext = React37.createContext(null);
 function useAccordion() {
-  const ctx = React36.useContext(AccordionContext);
+  const ctx = React37.useContext(AccordionContext);
   if (!ctx) throw new Error("Accordion parts must be used within <Accordion>");
   return ctx;
 }
-var ItemContext = React36.createContext(null);
+var ItemContext = React37.createContext(null);
 function useItemValue() {
-  const value = React36.useContext(ItemContext);
+  const value = React37.useContext(ItemContext);
   if (value === null)
     throw new Error("AccordionTrigger/Content must be used within <AccordionItem>");
   return value;
@@ -2173,7 +2221,7 @@ function Accordion({
     if (open.includes(v)) setOpen(collapsible ? [] : open);
     else setOpen([v]);
   };
-  return /* @__PURE__ */ jsx26(AccordionContext.Provider, { value: { isOpen, toggle }, children: /* @__PURE__ */ jsx26("div", { "data-slot": "accordion", ...props, children }) });
+  return /* @__PURE__ */ jsx27(AccordionContext.Provider, { value: { isOpen, toggle }, children: /* @__PURE__ */ jsx27("div", { "data-slot": "accordion", ...props, children }) });
 }
 function AccordionItem({
   className,
@@ -2181,7 +2229,7 @@ function AccordionItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(ItemContext.Provider, { value, children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(ItemContext.Provider, { value, children: /* @__PURE__ */ jsx27(
     "div",
     {
       "data-slot": "accordion-item",
@@ -2200,7 +2248,7 @@ function AccordionTrigger({
   const { isOpen, toggle } = useAccordion();
   const value = useItemValue();
   const open = isOpen(value);
-  return /* @__PURE__ */ jsx26("h3", { className: ACCORDION_HEADER, "data-slot": "accordion-header", children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx27("h3", { className: ACCORDION_HEADER, "data-slot": "accordion-header", children: /* @__PURE__ */ jsxs7(
     "button",
     {
       type: "button",
@@ -2215,7 +2263,7 @@ function AccordionTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -2228,7 +2276,7 @@ function AccordionTrigger({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             className: "text-ink-soft pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200",
-            children: /* @__PURE__ */ jsx26("path", { d: "m6 9 6 6 6-6" })
+            children: /* @__PURE__ */ jsx27("path", { d: "m6 9 6 6 6-6" })
           }
         )
       ]
@@ -2243,26 +2291,26 @@ function AccordionContent({
   const { isOpen } = useAccordion();
   const value = useItemValue();
   if (!isOpen(value)) return null;
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       "data-slot": "accordion-content",
       "data-state": "open",
       className: ACCORDION_CONTENT,
       ...props,
-      children: /* @__PURE__ */ jsx26("div", { className: cn(ACCORDION_CONTENT_INNER, className), children })
+      children: /* @__PURE__ */ jsx27("div", { className: cn(ACCORDION_CONTENT_INNER, className), children })
     }
   );
 }
 
 // src/components/collapsible.tsx
-import * as React37 from "react";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var CollapsibleContext = React37.createContext(
+import * as React38 from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var CollapsibleContext = React38.createContext(
   null
 );
 function useCollapsible() {
-  const ctx = React37.useContext(CollapsibleContext);
+  const ctx = React38.useContext(CollapsibleContext);
   if (!ctx) throw new Error("Collapsible parts must be used within <Collapsible>");
   return ctx;
 }
@@ -2278,14 +2326,14 @@ function Collapsible({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  return /* @__PURE__ */ jsx27(CollapsibleContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx27("div", { "data-slot": "collapsible", "data-state": isOpen ? "open" : "closed", ...props, children }) });
+  return /* @__PURE__ */ jsx28(CollapsibleContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx28("div", { "data-slot": "collapsible", "data-state": isOpen ? "open" : "closed", ...props, children }) });
 }
 function CollapsibleTrigger({
   onClick,
   ...props
 }) {
   const { open, setOpen } = useCollapsible();
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "button",
     {
       type: "button",
@@ -2306,7 +2354,7 @@ function CollapsibleContent({
 }) {
   const { open } = useCollapsible();
   if (!open) return null;
-  return /* @__PURE__ */ jsx27("div", { "data-slot": "collapsible-content", "data-state": "open", ...props, children });
+  return /* @__PURE__ */ jsx28("div", { "data-slot": "collapsible-content", "data-state": "open", ...props, children });
 }
 
 // src/components/band.tsx
@@ -2337,7 +2385,7 @@ var STAT_LABEL = "text-ink-soft";
 var CHECK = "font-semibold text-positive";
 
 // src/components/band.tsx
-import { jsx as jsx28, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs8 } from "react/jsx-runtime";
 function Section({
   polarity = "light",
   surface = "background",
@@ -2345,7 +2393,7 @@ function Section({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "section",
     {
       "data-slot": "section",
@@ -2360,33 +2408,33 @@ function Section({
   );
 }
 function Eyebrow({ className, ...props }) {
-  return /* @__PURE__ */ jsx28("p", { "data-slot": "eyebrow", className: cn(EYEBROW, className), ...props });
+  return /* @__PURE__ */ jsx29("p", { "data-slot": "eyebrow", className: cn(EYEBROW, className), ...props });
 }
 function Display({ className, ...props }) {
-  return /* @__PURE__ */ jsx28("h2", { "data-slot": "display", className: cn(DISPLAY_BASE, className), ...props });
+  return /* @__PURE__ */ jsx29("h2", { "data-slot": "display", className: cn(DISPLAY_BASE, className), ...props });
 }
 function SectionHead({ eyebrow, title, lede, className, ...props }) {
   return /* @__PURE__ */ jsxs8("div", { "data-slot": "section-head", className: cn(SECTION_HEAD, className), ...props, children: [
-    /* @__PURE__ */ jsx28(Eyebrow, { children: eyebrow }),
-    /* @__PURE__ */ jsx28(Display, { children: title }),
-    lede && /* @__PURE__ */ jsx28("p", { className: LEDE, children: lede })
+    /* @__PURE__ */ jsx29(Eyebrow, { children: eyebrow }),
+    /* @__PURE__ */ jsx29(Display, { children: title }),
+    lede && /* @__PURE__ */ jsx29("p", { className: LEDE, children: lede })
   ] });
 }
 function Prose({ className, ...props }) {
-  return /* @__PURE__ */ jsx28("p", { "data-slot": "prose", className: cn(PROSE, className), ...props });
+  return /* @__PURE__ */ jsx29("p", { "data-slot": "prose", className: cn(PROSE, className), ...props });
 }
 function Stat({ figure, label, className, ...props }) {
   return /* @__PURE__ */ jsxs8("span", { "data-slot": "stat", className: cn(STAT, className), ...props, children: [
-    /* @__PURE__ */ jsx28("span", { className: STAT_FIGURE, children: figure }),
-    /* @__PURE__ */ jsx28("span", { className: STAT_LABEL, children: label })
+    /* @__PURE__ */ jsx29("span", { className: STAT_FIGURE, children: figure }),
+    /* @__PURE__ */ jsx29("span", { className: STAT_LABEL, children: label })
   ] });
 }
 function Check({ className, ...props }) {
-  return /* @__PURE__ */ jsx28("span", { "data-slot": "check", "aria-hidden": true, className: cn(CHECK, className), ...props, children: "\u2713" });
+  return /* @__PURE__ */ jsx29("span", { "data-slot": "check", "aria-hidden": true, className: cn(CHECK, className), ...props, children: "\u2713" });
 }
 
 // src/components/tabs.tsx
-import * as React39 from "react";
+import * as React40 from "react";
 
 // src/generated/tabs.ts
 var TABS_ROOT = "flex flex-col gap-2";
@@ -2395,10 +2443,10 @@ var TABS_TRIGGER = "data-[state=active]:bg-background focus-visible:border-ring
 var TABS_CONTENT = "flex-1 outline-none";
 
 // src/components/tabs.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
-var TabsContext = React39.createContext(null);
+import { jsx as jsx30 } from "react/jsx-runtime";
+var TabsContext = React40.createContext(null);
 function useTabs() {
-  const ctx = React39.useContext(TabsContext);
+  const ctx = React40.useContext(TabsContext);
   if (!ctx) throw new Error("Tabs parts must be used within <Tabs>");
   return ctx;
 }
@@ -2416,7 +2464,7 @@ function Tabs({
     defaultValue,
     ...onValueChange ? { onChange: onValueChange } : {}
   });
-  return /* @__PURE__ */ jsx29(TabsContext.Provider, { value: { value: active, setValue, orientation }, children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(TabsContext.Provider, { value: { value: active, setValue, orientation }, children: /* @__PURE__ */ jsx30(
     "div",
     {
       "data-slot": "tabs",
@@ -2434,12 +2482,12 @@ function TabsList({
   ...props
 }) {
   const { orientation } = useTabs();
-  const items = React39.Children.toArray(children);
+  const items = React40.Children.toArray(children);
   const { activeIndex, setActiveIndex, onKeyDown: rovingKeyDown } = useRovingFocus({
     count: items.length,
     orientation: orientation === "vertical" ? "vertical" : "horizontal"
   });
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       role: "tablist",
@@ -2452,7 +2500,7 @@ function TabsList({
       },
       ...props,
       children: items.map(
-        (child, index) => React39.isValidElement(child) ? React39.cloneElement(child, {
+        (child, index) => React40.isValidElement(child) ? React40.cloneElement(child, {
           __index: index,
           __isFocusItem: index === activeIndex,
           __onFocusItem: () => setActiveIndex(index)
@@ -2472,7 +2520,7 @@ function TabsTrigger({
 }) {
   const { value: active, setValue } = useTabs();
   const selected = active === value;
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "button",
     {
       type: "button",
@@ -2503,7 +2551,7 @@ function TabsContent({
 }) {
   const { value: active } = useTabs();
   if (active !== value) return null;
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       role: "tabpanel",
@@ -2534,7 +2582,7 @@ var toggleSizeClasses = {
 };
 
 // src/components/toggle.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function toggleVariants({
   variant = "bare",
   size = "md",
@@ -2557,7 +2605,7 @@ function Toggle({
     defaultValue: defaultPressed,
     ...onPressedChange ? { onChange: onPressedChange } : {}
   });
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "button",
     {
       type: "button",
@@ -2575,9 +2623,9 @@ function Toggle({
 }
 
 // src/components/toggle-group.tsx
-import * as React41 from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
-var ToggleGroupContext = React41.createContext({
+import * as React42 from "react";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var ToggleGroupContext = React42.createContext({
   variant: "bare",
   size: "md",
   value: [],
@@ -2604,7 +2652,7 @@ function ToggleGroup({
     defaultValue: toArray(defaultValue),
     onChange: (next) => onValueChange?.(type === "single" ? next[0] ?? "" : next)
   });
-  const toggle = React41.useCallback(
+  const toggle = React42.useCallback(
     (itemValue) => {
       if (type === "single") {
         setSelected(selected.includes(itemValue) ? [] : [itemValue]);
@@ -2616,7 +2664,7 @@ function ToggleGroup({
     },
     [type, selected, setSelected]
   );
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       "data-slot": "toggle-group",
@@ -2627,7 +2675,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx31(ToggleGroupContext.Provider, { value: { variant, size, value: selected, toggle }, children })
+      children: /* @__PURE__ */ jsx32(ToggleGroupContext.Provider, { value: { variant, size, value: selected, toggle }, children })
     }
   );
 }
@@ -2640,11 +2688,11 @@ function ToggleGroupItem({
   onClick,
   ...props
 }) {
-  const context = React41.useContext(ToggleGroupContext);
+  const context = React42.useContext(ToggleGroupContext);
   const resolvedVariant = context.variant || variant || "bare";
   const resolvedSize = context.size || size || "md";
   const on = context.value.includes(value);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "button",
     {
       type: "button",
@@ -2670,7 +2718,7 @@ function ToggleGroupItem({
 
 // src/components/switch.tsx
 import "react";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function Switch({
   className,
   checked,
@@ -2686,7 +2734,7 @@ function Switch({
     ...onCheckedChange ? { onChange: onCheckedChange } : {}
   });
   const state = on ? "checked" : "unchecked";
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "button",
     {
       type: "button",
@@ -2704,7 +2752,7 @@ function Switch({
         setOn(!on);
       },
       ...props,
-      children: /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsx33(
         "span",
         {
           "data-slot": "switch-thumb",
@@ -2718,7 +2766,7 @@ function Switch({
 
 // src/components/checkbox.tsx
 import "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function Checkbox({
   className,
   checked,
@@ -2734,7 +2782,7 @@ function Checkbox({
     ...onCheckedChange ? { onChange: onCheckedChange } : {}
   });
   const state = on ? "checked" : "unchecked";
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "button",
     {
       type: "button",
@@ -2752,12 +2800,12 @@ function Checkbox({
         setOn(!on);
       },
       ...props,
-      children: on && /* @__PURE__ */ jsx33(
+      children: on && /* @__PURE__ */ jsx34(
         "span",
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ jsx33(
+          children: /* @__PURE__ */ jsx34(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -2769,7 +2817,7 @@ function Checkbox({
               strokeLinejoin: "round",
               className: "size-3.5",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx33("path", { d: "M20 6 9 17l-5-5" })
+              children: /* @__PURE__ */ jsx34("path", { d: "M20 6 9 17l-5-5" })
             }
           )
         }
@@ -2779,15 +2827,15 @@ function Checkbox({
 }
 
 // src/components/radio-group.tsx
-import * as React44 from "react";
+import * as React45 from "react";
 
 // src/generated/radio-group.ts
 var RADIO_GROUP_ROOT = "grid gap-3";
 var RADIO_GROUP_ITEM = "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50";
 
 // src/components/radio-group.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
-var RadioGroupContext = React44.createContext(
+import { jsx as jsx35 } from "react/jsx-runtime";
+var RadioGroupContext = React45.createContext(
   null
 );
 function RadioGroup({
@@ -2804,10 +2852,10 @@ function RadioGroup({
     defaultValue,
     ...onValueChange ? { onChange: onValueChange } : {}
   });
-  const itemsRef = React44.useRef([]);
-  const [count, setCount] = React44.useState(0);
+  const itemsRef = React45.useRef([]);
+  const [count, setCount] = React45.useState(0);
   const { activeIndex, setActiveIndex, onKeyDown: rovingKeyDown } = useRovingFocus({ count, orientation: "vertical", loop: true });
-  const register = React44.useCallback((el) => {
+  const register = React45.useCallback((el) => {
     const list = itemsRef.current;
     let index = list.indexOf(el);
     if (index === -1) {
@@ -2817,11 +2865,11 @@ function RadioGroup({
     }
     return index;
   }, []);
-  const ctx = React44.useMemo(
+  const ctx = React45.useMemo(
     () => ({ value: current, setValue: setCurrent, register, activeIndex, setActiveIndex }),
     [current, setCurrent, register, activeIndex, setActiveIndex]
   );
-  return /* @__PURE__ */ jsx34(RadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(RadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx35(
     "div",
     {
       "data-slot": "radio-group",
@@ -2843,14 +2891,14 @@ function RadioGroupItem({
   onClick,
   ...props
 }) {
-  const ctx = React44.useContext(RadioGroupContext);
+  const ctx = React45.useContext(RadioGroupContext);
   if (!ctx) throw new Error("RadioGroupItem must be used within a RadioGroup");
-  const indexRef = React44.useRef(-1);
+  const indexRef = React45.useRef(-1);
   const checked = ctx.value === value;
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (checked) ctx.setActiveIndex(indexRef.current);
   }, [checked]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "button",
     {
       ref: (el) => {
@@ -2869,18 +2917,18 @@ function RadioGroupItem({
         ctx.setValue(value);
       },
       ...props,
-      children: checked ? /* @__PURE__ */ jsx34(
+      children: checked ? /* @__PURE__ */ jsx35(
         "span",
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx34(
+          children: /* @__PURE__ */ jsx35(
             "svg",
             {
               className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2",
               viewBox: "0 0 24 24",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx34("circle", { cx: "12", cy: "12", r: "10" })
+              children: /* @__PURE__ */ jsx35("circle", { cx: "12", cy: "12", r: "10" })
             }
           )
         }
@@ -2890,7 +2938,7 @@ function RadioGroupItem({
 }
 
 // src/components/slider.tsx
-import * as React45 from "react";
+import * as React46 from "react";
 
 // src/generated/slider.ts
 var SLIDER_ROOT = "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col";
@@ -2899,7 +2947,7 @@ var SLIDER_RANGE = "bg-primary absolute data-[orientation=horizontal]:h-full dat
 var SLIDER_THUMB = "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-ink shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50";
 
 // src/components/slider.tsx
-import { jsx as jsx35, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs9 } from "react/jsx-runtime";
 function clampStep(value, min, max, step) {
   const clamped = Math.min(max, Math.max(min, value));
   if (step <= 0) return clamped;
@@ -2926,9 +2974,9 @@ function Slider({
   const current = clampStep(raw, min, max, step);
   const span = Math.max(max - min, Number.EPSILON);
   const percent = Math.min(100, Math.max(0, (current - min) / span * 100));
-  const trackRef = React45.useRef(null);
-  const draggingRef = React45.useRef(false);
-  const valueFromPointer = React45.useCallback(
+  const trackRef = React46.useRef(null);
+  const draggingRef = React46.useRef(false);
+  const valueFromPointer = React46.useCallback(
     (clientX, clientY) => {
       const rect = trackRef.current?.getBoundingClientRect();
       if (!rect) return current;
@@ -2989,14 +3037,14 @@ function Slider({
       onPointerMove,
       onPointerUp,
       children: [
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           "span",
           {
             ref: trackRef,
             "data-slot": "slider-track",
             "data-orientation": orientation,
             className: SLIDER_TRACK,
-            children: /* @__PURE__ */ jsx35(
+            children: /* @__PURE__ */ jsx36(
               "span",
               {
                 "data-slot": "slider-range",
@@ -3007,7 +3055,7 @@ function Slider({
             )
           }
         ),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           "span",
           {
             "data-slot": "slider-thumb",
@@ -3042,15 +3090,15 @@ var scrollBarOrientations = {
 };
 
 // src/components/scroll-area.tsx
-import { jsx as jsx36, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs10 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
   ...props
 }) {
   return /* @__PURE__ */ jsxs10("div", { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [
-    /* @__PURE__ */ jsx36("div", { "data-slot": "scroll-area-viewport", className: SCROLL_AREA_VIEWPORT, children }),
-    /* @__PURE__ */ jsx36(ScrollBar, {})
+    /* @__PURE__ */ jsx37("div", { "data-slot": "scroll-area-viewport", className: SCROLL_AREA_VIEWPORT, children }),
+    /* @__PURE__ */ jsx37(ScrollBar, {})
   ] });
 }
 function ScrollBar({
@@ -3058,20 +3106,20 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "scroll-area-scrollbar",
       "data-orientation": orientation,
       className: cn(SCROLLBAR_BASE, scrollBarOrientations[orientation], className),
       ...props,
-      children: /* @__PURE__ */ jsx36("div", { "data-slot": "scroll-area-thumb", className: SCROLL_AREA_THUMB })
+      children: /* @__PURE__ */ jsx37("div", { "data-slot": "scroll-area-thumb", className: SCROLL_AREA_THUMB })
     }
   );
 }
 
 // src/components/sidebar.tsx
-import * as React47 from "react";
+import * as React48 from "react";
 
 // src/generated/sidebar.ts
 var SIDEBAR_MENU_BUTTON_BASE = "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-ring transition-[width,height,padding] hover:bg-hover hover:text-ink focus-visible:ring-2 active:bg-hover active:text-ink disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-hover data-[active=true]:font-medium data-[active=true]:text-ink data-[state=open]:hover:bg-hover data-[state=open]:hover:text-ink group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0";
@@ -3097,12 +3145,12 @@ var SIDEBAR_MENU = "flex w-full min-w-0 flex-col gap-1";
 var SIDEBAR_MENU_ITEM = "group/menu-item relative";
 
 // src/components/sidebar.tsx
-import { jsx as jsx37, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs11 } from "react/jsx-runtime";
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
-var SidebarContext = React47.createContext(null);
+var SidebarContext = React48.createContext(null);
 function useSidebar() {
-  const ctx = React47.useContext(SidebarContext);
+  const ctx = React48.useContext(SidebarContext);
   if (!ctx) throw new Error("useSidebar must be used within a SidebarProvider.");
   return ctx;
 }
@@ -3120,16 +3168,16 @@ function SidebarProvider({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const toggleSidebar = React47.useCallback(
+  const toggleSidebar = React48.useCallback(
     () => setOpen(!open),
     [open, setOpen]
   );
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React47.useMemo(
+  const contextValue = React48.useMemo(
     () => ({ state, open, setOpen, toggleSidebar }),
     [state, open, setOpen, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx37(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx38(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -3154,7 +3202,7 @@ function Sidebar({
 }) {
   const { state } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       "div",
       {
         "data-slot": "sidebar",
@@ -3164,7 +3212,7 @@ function Sidebar({
       }
     );
   }
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       className: "group peer text-ink hidden md:block",
@@ -3173,7 +3221,7 @@ function Sidebar({
       "data-variant": variant,
       "data-side": side,
       "data-slot": "sidebar",
-      children: /* @__PURE__ */ jsx37(
+      children: /* @__PURE__ */ jsx38(
         "div",
         {
           "data-slot": "sidebar-inner",
@@ -3207,7 +3255,7 @@ function SidebarTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
@@ -3217,7 +3265,7 @@ function SidebarRail({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "button",
     {
       type: "button",
@@ -3233,7 +3281,7 @@ function SidebarRail({
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -3243,7 +3291,7 @@ function SidebarInset({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -3254,7 +3302,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -3268,7 +3316,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       "data-slot": "sidebar-separator",
@@ -3280,7 +3328,7 @@ function SidebarSeparator({
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -3291,7 +3339,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -3307,7 +3355,7 @@ function SidebarGroupLabel({
   ...props
 }) {
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     Comp,
     {
       "data-slot": "sidebar-group-label",
@@ -3321,7 +3369,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -3332,7 +3380,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -3343,7 +3391,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -3362,7 +3410,7 @@ function SidebarMenuButton({
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     Comp,
     {
       "data-slot": "sidebar-menu-button",
@@ -3381,7 +3429,7 @@ function SidebarMenuButton({
 }
 
 // src/components/carousel.tsx
-import * as React48 from "react";
+import * as React49 from "react";
 
 // src/generated/carousel.ts
 var CAROUSEL_CONTENT_VIEWPORT = "overflow-hidden";
@@ -3400,10 +3448,10 @@ var CAROUSEL_EDGE_FADE_PREV = "pointer-events-none absolute inset-y-0 left-0 w-2
 var CAROUSEL_EDGE_FADE_NEXT = "pointer-events-none absolute inset-y-0 right-0 w-24 bg-gradient-to-l from-background/45 via-background/20 to-transparent";
 
 // src/components/carousel.tsx
-import { Fragment as Fragment4, jsx as jsx38, jsxs as jsxs12 } from "react/jsx-runtime";
-var CarouselContext = React48.createContext(null);
+import { Fragment as Fragment4, jsx as jsx39, jsxs as jsxs12 } from "react/jsx-runtime";
+var CarouselContext = React49.createContext(null);
 function useCarousel() {
-  const context = React48.useContext(CarouselContext);
+  const context = React49.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -3424,13 +3472,13 @@ function Carousel({
     defaultValue: defaultIndex,
     onChange: onIndexChange
   });
-  const [count, setCount] = React48.useState(0);
+  const [count, setCount] = React49.useState(0);
   const canScrollPrev = index > 0;
   const canScrollNext = index < count - 1;
-  const scrollPrev = React48.useCallback(() => {
+  const scrollPrev = React49.useCallback(() => {
     if (index > 0) setIndex(index - 1);
   }, [index, setIndex]);
-  const scrollNext = React48.useCallback(() => {
+  const scrollNext = React49.useCallback(() => {
     if (index < count - 1) setIndex(index + 1);
   }, [index, count, setIndex]);
   const handleKeyDown = (event) => {
@@ -3443,7 +3491,7 @@ function Carousel({
     }
     onKeyDown?.(event);
   };
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     CarouselContext.Provider,
     {
       value: {
@@ -3456,7 +3504,7 @@ function Carousel({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx39(
         "div",
         {
           onKeyDownCapture: handleKeyDown,
@@ -3478,12 +3526,12 @@ function CarouselContent({
   ...props
 }) {
   const { orientation, index, setCount } = useCarousel();
-  const childCount = React48.Children.count(children);
-  React48.useEffect(() => {
+  const childCount = React49.Children.count(children);
+  React49.useEffect(() => {
     setCount(childCount);
   }, [childCount, setCount]);
   const transform = orientation === "horizontal" ? `translate3d(-${index * 100}%, 0, 0)` : `translate3d(0, -${index * 100}%, 0)`;
-  return /* @__PURE__ */ jsx38("div", { className: CAROUSEL_CONTENT_VIEWPORT, "data-slot": "carousel-content", children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39("div", { className: CAROUSEL_CONTENT_VIEWPORT, "data-slot": "carousel-content", children: /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
@@ -3502,7 +3550,7 @@ function CarouselItem({
   ...props
 }) {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       role: "group",
@@ -3522,7 +3570,7 @@ function CarouselEdgeFade({
 }) {
   const { canScrollPrev, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxs12(Fragment4, { children: [
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39(
       "div",
       {
         "aria-hidden": true,
@@ -3533,7 +3581,7 @@ function CarouselEdgeFade({
         )
       }
     ),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39(
       "div",
       {
         "aria-hidden": true,
@@ -3549,7 +3597,8 @@ function CarouselEdgeFade({
 function CarouselPrevious({
   className,
   variant = "outline",
-  size = "icon",
+  size = "md",
+  icon = true,
   ...props
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
@@ -3559,6 +3608,7 @@ function CarouselPrevious({
       "data-slot": "carousel-previous",
       variant,
       size,
+      icon,
       className: cn(
         CAROUSEL_NAV,
         orientation === "horizontal" ? CAROUSEL_PREVIOUS_HORIZONTAL : CAROUSEL_PREVIOUS_VERTICAL,
@@ -3568,7 +3618,7 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -3579,10 +3629,10 @@ function CarouselPrevious({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx38("path", { d: "m15 18-6-6 6-6" })
+            children: /* @__PURE__ */ jsx39("path", { d: "m15 18-6-6 6-6" })
           }
         ),
-        /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -3590,7 +3640,8 @@ function CarouselPrevious({
 function CarouselNext({
   className,
   variant = "outline",
-  size = "icon",
+  size = "md",
+  icon = true,
   ...props
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
@@ -3600,6 +3651,7 @@ function CarouselNext({
       "data-slot": "carousel-next",
       variant,
       size,
+      icon,
       className: cn(
         CAROUSEL_NAV,
         orientation === "horizontal" ? CAROUSEL_NEXT_HORIZONTAL : CAROUSEL_NEXT_VERTICAL,
@@ -3609,7 +3661,7 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -3620,17 +3672,17 @@ function CarouselNext({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx38("path", { d: "m9 18 6-6-6-6" })
+            children: /* @__PURE__ */ jsx39("path", { d: "m9 18 6-6-6-6" })
           }
         ),
-        /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
 }
 
 // src/components/input-otp.tsx
-import * as React49 from "react";
+import * as React50 from "react";
 
 // src/generated/input-otp.ts
 var INPUT_OTP_CONTAINER = "relative flex items-center gap-2 has-disabled:opacity-50";
@@ -3641,10 +3693,10 @@ var INPUT_OTP_SLOT_CARET_WRAPPER = "pointer-events-none absolute inset-0 flex it
 var INPUT_OTP_SLOT_CARET = "animate-caret-blink bg-ink h-4 w-px duration-1000";
 
 // src/components/input-otp.tsx
-import { jsx as jsx39, jsxs as jsxs13 } from "react/jsx-runtime";
-var InputOTPContext = React49.createContext(null);
+import { jsx as jsx40, jsxs as jsxs13 } from "react/jsx-runtime";
+var InputOTPContext = React50.createContext(null);
 function useInputOTP() {
-  const context = React49.useContext(InputOTPContext);
+  const context = React50.useContext(InputOTPContext);
   if (!context) {
     throw new Error("InputOTP slots must be used within an <InputOTP />");
   }
@@ -3666,16 +3718,16 @@ function InputOTP({
     defaultValue,
     onChange
   });
-  const [focused, setFocused] = React49.useState(false);
+  const [focused, setFocused] = React50.useState(false);
   const activeIndex = focused ? Math.min(value.length, maxLength - 1) : -1;
-  return /* @__PURE__ */ jsx39(InputOTPContext.Provider, { value: { value, maxLength, activeIndex }, children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx40(InputOTPContext.Provider, { value: { value, maxLength, activeIndex }, children: /* @__PURE__ */ jsxs13(
     "div",
     {
       "data-slot": "input-otp",
       className: cn(INPUT_OTP_CONTAINER, containerClassName),
       children: [
         children,
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           "input",
           {
             inputMode: "numeric",
@@ -3698,7 +3750,7 @@ function InputOTPGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -3721,13 +3773,13 @@ function InputOTPSlot({ index, className, ...props }) {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx39("div", { className: INPUT_OTP_SLOT_CARET_WRAPPER, children: /* @__PURE__ */ jsx39("div", { className: INPUT_OTP_SLOT_CARET }) })
+        hasFakeCaret && /* @__PURE__ */ jsx40("div", { className: INPUT_OTP_SLOT_CARET_WRAPPER, children: /* @__PURE__ */ jsx40("div", { className: INPUT_OTP_SLOT_CARET }) })
       ]
     }
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx39("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx40(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3738,27 +3790,27 @@ function InputOTPSeparator({ ...props }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx39("path", { d: "M5 12h14" })
+      children: /* @__PURE__ */ jsx40("path", { d: "M5 12h14" })
     }
   ) });
 }
 
 // src/components/tooltip.tsx
-import * as React50 from "react";
+import * as React51 from "react";
 
 // src/generated/tooltip.ts
 var TOOLTIP_CONTENT = "bg-ink text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-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 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance";
 
 // src/components/tooltip.tsx
-import { Fragment as Fragment5, jsx as jsx40 } from "react/jsx-runtime";
-var TooltipContext = React50.createContext(null);
+import { Fragment as Fragment5, jsx as jsx41 } from "react/jsx-runtime";
+var TooltipContext = React51.createContext(null);
 function useTooltip() {
-  const ctx = React50.useContext(TooltipContext);
+  const ctx = React51.useContext(TooltipContext);
   if (!ctx) throw new Error("Tooltip parts must be used within <Tooltip>");
   return ctx;
 }
 function TooltipProvider({ children }) {
-  return /* @__PURE__ */ jsx40(Fragment5, { children });
+  return /* @__PURE__ */ jsx41(Fragment5, { children });
 }
 function Tooltip({ open, defaultOpen = false, onOpenChange, children }) {
   const [isOpen, setOpen] = useControllableState({
@@ -3766,8 +3818,8 @@ function Tooltip({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React50.useRef(null);
-  return /* @__PURE__ */ jsx40(TooltipProvider, { children: /* @__PURE__ */ jsx40(TooltipContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children }) });
+  const anchorRef = React51.useRef(null);
+  return /* @__PURE__ */ jsx41(TooltipProvider, { children: /* @__PURE__ */ jsx41(TooltipContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children }) });
 }
 function TooltipTrigger({
   asChild = false,
@@ -3779,7 +3831,7 @@ function TooltipTrigger({
 }) {
   const { setOpen, anchorRef } = useTooltip();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     Comp,
     {
       "data-slot": "tooltip-trigger",
@@ -3820,7 +3872,7 @@ function TooltipContent({
     offset: sideOffset
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx40(Portal, { children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(Portal, { children: /* @__PURE__ */ jsx41(
     "div",
     {
       "data-slot": "tooltip-content",
@@ -3837,16 +3889,16 @@ function TooltipContent({
 }
 
 // src/components/popover.tsx
-import * as React51 from "react";
+import * as React52 from "react";
 
 // src/generated/popover.ts
 var POPOVER_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 z-50 w-72 rounded-md border p-4 shadow-md outline-hidden";
 
 // src/components/popover.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
-var PopoverContext = React51.createContext(null);
+import { jsx as jsx42 } from "react/jsx-runtime";
+var PopoverContext = React52.createContext(null);
 function usePopover() {
-  const ctx = React51.useContext(PopoverContext);
+  const ctx = React52.useContext(PopoverContext);
   if (!ctx) throw new Error("Popover parts must be used within <Popover>");
   return ctx;
 }
@@ -3856,13 +3908,13 @@ function Popover({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React51.useRef(null);
-  return /* @__PURE__ */ jsx41(PopoverContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
+  const anchorRef = React52.useRef(null);
+  return /* @__PURE__ */ jsx42(PopoverContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
 }
 function PopoverTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, anchorRef } = usePopover();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     Comp,
     {
       "data-slot": "popover-trigger",
@@ -3879,7 +3931,7 @@ function PopoverTrigger({ asChild = false, onClick, ...props }) {
 function PopoverAnchor({ asChild = false, ...props }) {
   const { anchorRef } = usePopover();
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     Comp,
     {
       "data-slot": "popover-anchor",
@@ -3911,7 +3963,7 @@ function PopoverContent({
     exclude: [anchorRef]
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx41(Portal, { children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(Portal, { children: /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "popover-content",
@@ -3931,11 +3983,11 @@ function PopoverContent({
 }
 
 // src/components/info-tip.tsx
-import * as React52 from "react";
-import { jsx as jsx42, jsxs as jsxs14 } from "react/jsx-runtime";
-var InfoTipContext = React52.createContext(null);
+import * as React53 from "react";
+import { jsx as jsx43, jsxs as jsxs14 } from "react/jsx-runtime";
+var InfoTipContext = React53.createContext(null);
 function useInfoTip() {
-  const ctx = React52.useContext(InfoTipContext);
+  const ctx = React53.useContext(InfoTipContext);
   if (!ctx) throw new Error("InfoTip parts must be used within <InfoTip>");
   return ctx;
 }
@@ -3950,9 +4002,9 @@ function InfoTip({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React52.useRef(null);
-  const contentId = React52.useId();
-  return /* @__PURE__ */ jsx42(
+  const anchorRef = React53.useRef(null);
+  const contentId = React53.useId();
+  return /* @__PURE__ */ jsx43(
     InfoTipContext.Provider,
     {
       value: { open: isOpen, setOpen, anchorRef, contentId },
@@ -3973,9 +4025,9 @@ function InfoGlyph2({ className }) {
       "aria-hidden": true,
       className: cn("size-4", className),
       children: [
-        /* @__PURE__ */ jsx42("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ jsx42("path", { d: "M12 16v-4" }),
-        /* @__PURE__ */ jsx42("path", { d: "M12 8h.01" })
+        /* @__PURE__ */ jsx43("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx43("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ jsx43("path", { d: "M12 8h.01" })
       ]
     }
   );
@@ -3999,7 +4051,7 @@ function InfoTipTrigger({
     openDelay: hoverDelay
   });
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     Comp,
     {
       "data-slot": "info-tip-trigger",
@@ -4030,7 +4082,7 @@ function InfoTipTrigger({
         hover.onPointerLeave(e);
       },
       ...props,
-      children: children ?? /* @__PURE__ */ jsx42(InfoGlyph2, {})
+      children: children ?? /* @__PURE__ */ jsx43(InfoGlyph2, {})
     }
   );
 }
@@ -4057,7 +4109,7 @@ function InfoTipContent({
     exclude: [anchorRef]
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx42(Portal, { children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(Portal, { children: /* @__PURE__ */ jsx43(
     "div",
     {
       id: contentId,
@@ -4077,16 +4129,16 @@ function InfoTipContent({
 }
 
 // src/components/hover-card.tsx
-import * as React53 from "react";
+import * as React54 from "react";
 
 // src/generated/hover-card.ts
 var HOVER_CARD_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 z-50 w-64 rounded-md border p-4 shadow-md outline-hidden";
 
 // src/components/hover-card.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
-var HoverCardContext = React53.createContext(null);
+import { jsx as jsx44 } from "react/jsx-runtime";
+var HoverCardContext = React54.createContext(null);
 function useHoverCard() {
-  const ctx = React53.useContext(HoverCardContext);
+  const ctx = React54.useContext(HoverCardContext);
   if (!ctx) throw new Error("HoverCard parts must be used within <HoverCard>");
   return ctx;
 }
@@ -4096,8 +4148,8 @@ function HoverCard({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React53.useRef(null);
-  return /* @__PURE__ */ jsx43(HoverCardContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
+  const anchorRef = React54.useRef(null);
+  return /* @__PURE__ */ jsx44(HoverCardContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
 }
 function HoverCardTrigger({
   asChild = false,
@@ -4107,7 +4159,7 @@ function HoverCardTrigger({
 }) {
   const { setOpen, anchorRef } = useHoverCard();
   const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     Comp,
     {
       "data-slot": "hover-card-trigger",
@@ -4142,7 +4194,7 @@ function HoverCardContent({
     offset: sideOffset
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx43(Portal, { children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(Portal, { children: /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "hover-card-content",
@@ -4159,7 +4211,7 @@ function HoverCardContent({
 }
 
 // src/components/dropdown-menu.tsx
-import * as React54 from "react";
+import * as React55 from "react";
 
 // src/generated/dropdown-menu.ts
 var DROPDOWN_MENU_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md";
@@ -4173,12 +4225,12 @@ var DROPDOWN_MENU_SEPARATOR = "bg-border -mx-1 my-1 h-px";
 var DROPDOWN_MENU_SHORTCUT = "text-ink-soft ml-auto text-xs tracking-widest";
 
 // src/components/dropdown-menu.tsx
-import { jsx as jsx44, jsxs as jsxs15 } from "react/jsx-runtime";
-var DropdownMenuContext = React54.createContext(
+import { jsx as jsx45, jsxs as jsxs15 } from "react/jsx-runtime";
+var DropdownMenuContext = React55.createContext(
   null
 );
 function useDropdownMenu() {
-  const ctx = React54.useContext(DropdownMenuContext);
+  const ctx = React55.useContext(DropdownMenuContext);
   if (!ctx) throw new Error("DropdownMenu parts must be used within <DropdownMenu>");
   return ctx;
 }
@@ -4188,16 +4240,16 @@ function DropdownMenu({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React54.useRef(null);
-  return /* @__PURE__ */ jsx44(DropdownMenuContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children: /* @__PURE__ */ jsx44("div", { "data-slot": "dropdown-menu", children }) });
+  const anchorRef = React55.useRef(null);
+  return /* @__PURE__ */ jsx45(DropdownMenuContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children: /* @__PURE__ */ jsx45("div", { "data-slot": "dropdown-menu", children }) });
 }
 function DropdownMenuPortal({ children }) {
-  return /* @__PURE__ */ jsx44(Portal, { children });
+  return /* @__PURE__ */ jsx45(Portal, { children });
 }
 function DropdownMenuTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, anchorRef } = useDropdownMenu();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     Comp,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -4233,7 +4285,7 @@ function DropdownMenuContent({
     onDismiss: () => setOpen(false),
     exclude: [anchorRef]
   });
-  const contentRef = React54.useRef(null);
+  const contentRef = React55.useRef(null);
   const items = () => Array.from(
     contentRef.current?.querySelectorAll("[role^='menuitem']") ?? []
   ).filter((el) => el.getAttribute("data-disabled") === null);
@@ -4242,13 +4294,13 @@ function DropdownMenuContent({
     orientation: "vertical",
     loop: true
   });
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (!open) return;
     items()[activeIndex]?.focus();
   }, [open, activeIndex]);
-  const close = React54.useCallback(() => setOpen(false), [setOpen]);
+  const close = React55.useCallback(() => setOpen(false), [setOpen]);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx44(Portal, { children: /* @__PURE__ */ jsx44(DropdownMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(Portal, { children: /* @__PURE__ */ jsx45(DropdownMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "dropdown-menu-content",
@@ -4271,10 +4323,10 @@ function DropdownMenuContent({
     }
   ) }) });
 }
-var DropdownMenuCloseContext = React54.createContext(() => {
+var DropdownMenuCloseContext = React55.createContext(() => {
 });
 function DropdownMenuGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx44("div", { "data-slot": "dropdown-menu-group", role: "group", className, ...props });
+  return /* @__PURE__ */ jsx45("div", { "data-slot": "dropdown-menu-group", role: "group", className, ...props });
 }
 function DropdownMenuItem({
   className,
@@ -4285,8 +4337,8 @@ function DropdownMenuItem({
   onKeyDown,
   ...props
 }) {
-  const close = React54.useContext(DropdownMenuCloseContext);
-  return /* @__PURE__ */ jsx44(
+  const close = React55.useContext(DropdownMenuCloseContext);
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "dropdown-menu-item",
@@ -4323,7 +4375,7 @@ function DropdownMenuCheckboxItem({
   onClick,
   ...props
 }) {
-  const close = React54.useContext(DropdownMenuCloseContext);
+  const close = React55.useContext(DropdownMenuCloseContext);
   return /* @__PURE__ */ jsxs15(
     "div",
     {
@@ -4344,13 +4396,13 @@ function DropdownMenuCheckboxItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx44("span", { className: DROPDOWN_MENU_ITEM_INDICATOR, children: checked ? /* @__PURE__ */ jsx44("svg", { className: "size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx44("path", { d: "M20 6 9 17l-5-5" }) }) : null }),
+        /* @__PURE__ */ jsx45("span", { className: DROPDOWN_MENU_ITEM_INDICATOR, children: checked ? /* @__PURE__ */ jsx45("svg", { className: "size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx45("path", { d: "M20 6 9 17l-5-5" }) }) : null }),
         children
       ]
     }
   );
 }
-var DropdownMenuRadioGroupContext = React54.createContext(null);
+var DropdownMenuRadioGroupContext = React55.createContext(null);
 function DropdownMenuRadioGroup({
   className,
   value,
@@ -4358,11 +4410,11 @@ function DropdownMenuRadioGroup({
   children,
   ...props
 }) {
-  const ctx = React54.useMemo(
+  const ctx = React55.useMemo(
     () => ({ value, setValue: (next) => onValueChange?.(next) }),
     [value, onValueChange]
   );
-  return /* @__PURE__ */ jsx44(DropdownMenuRadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx44("div", { "data-slot": "dropdown-menu-radio-group", role: "group", className, ...props, children }) });
+  return /* @__PURE__ */ jsx45(DropdownMenuRadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx45("div", { "data-slot": "dropdown-menu-radio-group", role: "group", className, ...props, children }) });
 }
 function DropdownMenuRadioItem({
   className,
@@ -4372,8 +4424,8 @@ function DropdownMenuRadioItem({
   onClick,
   ...props
 }) {
-  const close = React54.useContext(DropdownMenuCloseContext);
-  const group = React54.useContext(DropdownMenuRadioGroupContext);
+  const close = React55.useContext(DropdownMenuCloseContext);
+  const group = React55.useContext(DropdownMenuRadioGroupContext);
   const checked = group?.value === value;
   return /* @__PURE__ */ jsxs15(
     "div",
@@ -4396,14 +4448,14 @@ function DropdownMenuRadioItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx44("span", { className: DROPDOWN_MENU_ITEM_INDICATOR, children: checked ? /* @__PURE__ */ jsx44("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx44("circle", { cx: "12", cy: "12", r: "10" }) }) : null }),
+        /* @__PURE__ */ jsx45("span", { className: DROPDOWN_MENU_ITEM_INDICATOR, children: checked ? /* @__PURE__ */ jsx45("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx45("circle", { cx: "12", cy: "12", r: "10" }) }) : null }),
         children
       ]
     }
   );
 }
 function DropdownMenuLabel({ className, inset, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "dropdown-menu-label",
@@ -4414,7 +4466,7 @@ function DropdownMenuLabel({ className, inset, ...props }) {
   );
 }
 function DropdownMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "dropdown-menu-separator",
@@ -4425,7 +4477,7 @@ function DropdownMenuSeparator({ className, ...props }) {
   );
 }
 function DropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -4434,17 +4486,17 @@ function DropdownMenuShortcut({ className, ...props }) {
     }
   );
 }
-var DropdownMenuSubContext = React54.createContext(null);
+var DropdownMenuSubContext = React55.createContext(null);
 function DropdownMenuSub({ open, defaultOpen = false, onOpenChange, children }) {
   const [isOpen, setOpen] = useControllableState({
     ...open !== void 0 ? { value: open } : {},
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  return /* @__PURE__ */ jsx44(DropdownMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx44("div", { "data-slot": "dropdown-menu-sub", children }) });
+  return /* @__PURE__ */ jsx45(DropdownMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx45("div", { "data-slot": "dropdown-menu-sub", children }) });
 }
 function DropdownMenuSubTrigger({ className, inset, children, onClick, ...props }) {
-  const ctx = React54.useContext(DropdownMenuSubContext);
+  const ctx = React55.useContext(DropdownMenuSubContext);
   return /* @__PURE__ */ jsxs15(
     "div",
     {
@@ -4466,15 +4518,15 @@ function DropdownMenuSubTrigger({ className, inset, children, onClick, ...props
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx44("svg", { className: "ml-auto size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx44("path", { d: "m9 18 6-6-6-6" }) })
+        /* @__PURE__ */ jsx45("svg", { className: "ml-auto size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx45("path", { d: "m9 18 6-6-6-6" }) })
       ]
     }
   );
 }
 function DropdownMenuSubContent({ className, children, ...props }) {
-  const ctx = React54.useContext(DropdownMenuSubContext);
+  const ctx = React55.useContext(DropdownMenuSubContext);
   if (!ctx?.open) return null;
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -4491,7 +4543,7 @@ function DropdownMenuSubContent({ className, children, ...props }) {
 }
 
 // src/components/context-menu.tsx
-import * as React55 from "react";
+import * as React56 from "react";
 
 // src/generated/context-menu.ts
 var CONTEXT_MENU_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md";
@@ -4504,10 +4556,10 @@ var CONTEXT_MENU_SEPARATOR = "bg-border -mx-1 my-1 h-px";
 var CONTEXT_MENU_SHORTCUT = "text-ink-soft ml-auto text-xs tracking-widest";
 
 // src/components/context-menu.tsx
-import { jsx as jsx45, jsxs as jsxs16 } from "react/jsx-runtime";
-var ContextMenuContext = React55.createContext(null);
+import { jsx as jsx46, jsxs as jsxs16 } from "react/jsx-runtime";
+var ContextMenuContext = React56.createContext(null);
 function useContextMenu() {
-  const ctx = React55.useContext(ContextMenuContext);
+  const ctx = React56.useContext(ContextMenuContext);
   if (!ctx) throw new Error("ContextMenu parts must be used within <ContextMenu>");
   return ctx;
 }
@@ -4517,16 +4569,16 @@ function ContextMenu({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const [point, setPoint] = React55.useState({ x: 0, y: 0 });
-  return /* @__PURE__ */ jsx45(ContextMenuContext.Provider, { value: { open: isOpen, setOpen, point, setPoint }, children: /* @__PURE__ */ jsx45("div", { "data-slot": "context-menu", children }) });
+  const [point, setPoint] = React56.useState({ x: 0, y: 0 });
+  return /* @__PURE__ */ jsx46(ContextMenuContext.Provider, { value: { open: isOpen, setOpen, point, setPoint }, children: /* @__PURE__ */ jsx46("div", { "data-slot": "context-menu", children }) });
 }
 function ContextMenuPortal({ children }) {
-  return /* @__PURE__ */ jsx45(Portal, { children });
+  return /* @__PURE__ */ jsx46(Portal, { children });
 }
 function ContextMenuTrigger({ asChild = false, onContextMenu, ...props }) {
   const { setOpen, setPoint } = useContextMenu();
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Comp,
     {
       "data-slot": "context-menu-trigger",
@@ -4541,9 +4593,9 @@ function ContextMenuTrigger({ asChild = false, onContextMenu, ...props }) {
   );
 }
 function ContextMenuGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx45("div", { "data-slot": "context-menu-group", role: "group", className, ...props });
+  return /* @__PURE__ */ jsx46("div", { "data-slot": "context-menu-group", role: "group", className, ...props });
 }
-var ContextMenuCloseContext = React55.createContext(() => {
+var ContextMenuCloseContext = React56.createContext(() => {
 });
 function ContextMenuContent({ className, children, ...props }) {
   const { open, setOpen, point } = useContextMenu();
@@ -4552,7 +4604,7 @@ function ContextMenuContent({ className, children, ...props }) {
     enabled: open,
     onDismiss: () => setOpen(false)
   });
-  const contentRef = React55.useRef(null);
+  const contentRef = React56.useRef(null);
   const items = () => Array.from(
     contentRef.current?.querySelectorAll("[role^='menuitem']") ?? []
   ).filter((el) => el.getAttribute("data-disabled") === null);
@@ -4561,13 +4613,13 @@ function ContextMenuContent({ className, children, ...props }) {
     orientation: "vertical",
     loop: true
   });
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     if (!open) return;
     items()[activeIndex]?.focus();
   }, [open, activeIndex]);
-  const close = React55.useCallback(() => setOpen(false), [setOpen]);
+  const close = React56.useCallback(() => setOpen(false), [setOpen]);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx45(Portal, { children: /* @__PURE__ */ jsx45(ContextMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(Portal, { children: /* @__PURE__ */ jsx46(ContextMenuCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "context-menu-content",
@@ -4599,8 +4651,8 @@ function ContextMenuItem({
   onKeyDown,
   ...props
 }) {
-  const close = React55.useContext(ContextMenuCloseContext);
-  return /* @__PURE__ */ jsx45(
+  const close = React56.useContext(ContextMenuCloseContext);
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "context-menu-item",
@@ -4637,7 +4689,7 @@ function ContextMenuCheckboxItem({
   onClick,
   ...props
 }) {
-  const close = React55.useContext(ContextMenuCloseContext);
+  const close = React56.useContext(ContextMenuCloseContext);
   return /* @__PURE__ */ jsxs16(
     "div",
     {
@@ -4658,13 +4710,13 @@ function ContextMenuCheckboxItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx45("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx45("svg", { className: "size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx45("path", { d: "M20 6 9 17l-5-5" }) }) : null }),
+        /* @__PURE__ */ jsx46("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx46("svg", { className: "size-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx46("path", { d: "M20 6 9 17l-5-5" }) }) : null }),
         children
       ]
     }
   );
 }
-var ContextMenuRadioGroupContext = React55.createContext(null);
+var ContextMenuRadioGroupContext = React56.createContext(null);
 function ContextMenuRadioGroup({
   className,
   value,
@@ -4672,11 +4724,11 @@ function ContextMenuRadioGroup({
   children,
   ...props
 }) {
-  const ctx = React55.useMemo(
+  const ctx = React56.useMemo(
     () => ({ value, setValue: (next) => onValueChange?.(next) }),
     [value, onValueChange]
   );
-  return /* @__PURE__ */ jsx45(ContextMenuRadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx45("div", { "data-slot": "context-menu-radio-group", role: "group", className, ...props, children }) });
+  return /* @__PURE__ */ jsx46(ContextMenuRadioGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx46("div", { "data-slot": "context-menu-radio-group", role: "group", className, ...props, children }) });
 }
 function ContextMenuRadioItem({
   className,
@@ -4686,8 +4738,8 @@ function ContextMenuRadioItem({
   onClick,
   ...props
 }) {
-  const close = React55.useContext(ContextMenuCloseContext);
-  const group = React55.useContext(ContextMenuRadioGroupContext);
+  const close = React56.useContext(ContextMenuCloseContext);
+  const group = React56.useContext(ContextMenuRadioGroupContext);
   const checked = group?.value === value;
   return /* @__PURE__ */ jsxs16(
     "div",
@@ -4710,14 +4762,14 @@ function ContextMenuRadioItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx45("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx45("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx45("circle", { cx: "12", cy: "12", r: "10" }) }) : null }),
+        /* @__PURE__ */ jsx46("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx46("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx46("circle", { cx: "12", cy: "12", r: "10" }) }) : null }),
         children
       ]
     }
   );
 }
 function ContextMenuLabel({ className, inset, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "context-menu-label",
@@ -4728,7 +4780,7 @@ function ContextMenuLabel({ className, inset, ...props }) {
   );
 }
 function ContextMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "context-menu-separator",
@@ -4739,7 +4791,7 @@ function ContextMenuSeparator({ className, ...props }) {
   );
 }
 function ContextMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "span",
     {
       "data-slot": "context-menu-shortcut",
@@ -4748,17 +4800,17 @@ function ContextMenuShortcut({ className, ...props }) {
     }
   );
 }
-var ContextMenuSubContext = React55.createContext(null);
+var ContextMenuSubContext = React56.createContext(null);
 function ContextMenuSub({ open, defaultOpen = false, onOpenChange, children }) {
   const [isOpen, setOpen] = useControllableState({
     ...open !== void 0 ? { value: open } : {},
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  return /* @__PURE__ */ jsx45(ContextMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx45("div", { "data-slot": "context-menu-sub", children }) });
+  return /* @__PURE__ */ jsx46(ContextMenuSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx46("div", { "data-slot": "context-menu-sub", children }) });
 }
 function ContextMenuSubTrigger({ className, inset, children, onClick, ...props }) {
-  const ctx = React55.useContext(ContextMenuSubContext);
+  const ctx = React56.useContext(ContextMenuSubContext);
   return /* @__PURE__ */ jsxs16(
     "div",
     {
@@ -4780,15 +4832,15 @@ function ContextMenuSubTrigger({ className, inset, children, onClick, ...props }
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx45("svg", { className: "ml-auto", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx45("path", { d: "m9 18 6-6-6-6" }) })
+        /* @__PURE__ */ jsx46("svg", { className: "ml-auto", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx46("path", { d: "m9 18 6-6-6-6" }) })
       ]
     }
   );
 }
 function ContextMenuSubContent({ className, children, ...props }) {
-  const ctx = React55.useContext(ContextMenuSubContext);
+  const ctx = React56.useContext(ContextMenuSubContext);
   if (!ctx?.open) return null;
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "context-menu-sub-content",
@@ -4805,7 +4857,7 @@ function ContextMenuSubContent({ className, children, ...props }) {
 }
 
 // src/components/menubar.tsx
-import * as React56 from "react";
+import * as React57 from "react";
 
 // src/generated/menubar.ts
 var MENUBAR_ROOT = "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs";
@@ -4822,16 +4874,16 @@ var MENUBAR_SUB_TRIGGER = "focus:bg-hover focus:text-ink data-[state=open]:bg-ho
 var MENUBAR_SUB_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 absolute z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg";
 
 // src/components/menubar.tsx
-import { jsx as jsx46, jsxs as jsxs17 } from "react/jsx-runtime";
-var MenubarMenuContext = React56.createContext(null);
+import { jsx as jsx47, jsxs as jsxs17 } from "react/jsx-runtime";
+var MenubarMenuContext = React57.createContext(null);
 function useMenu() {
-  const ctx = React56.useContext(MenubarMenuContext);
+  const ctx = React57.useContext(MenubarMenuContext);
   if (!ctx) throw new Error("Menubar parts must be used within <MenubarMenu>");
   return ctx;
 }
-var MenubarRadioGroupContext = React56.createContext(null);
+var MenubarRadioGroupContext = React57.createContext(null);
 function Menubar({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "menubar",
@@ -4847,12 +4899,12 @@ function MenubarMenu({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  const triggerRef = React56.useRef(null);
-  return /* @__PURE__ */ jsx46(MenubarMenuContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children: /* @__PURE__ */ jsx46("div", { "data-slot": "menubar-menu", className: "relative", children }) });
+  const triggerRef = React57.useRef(null);
+  return /* @__PURE__ */ jsx47(MenubarMenuContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children: /* @__PURE__ */ jsx47("div", { "data-slot": "menubar-menu", className: "relative", children }) });
 }
 function MenubarTrigger({ className, onClick, ...props }) {
   const { open, setOpen, triggerRef } = useMenu();
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "button",
     {
       ref: triggerRef,
@@ -4888,10 +4940,10 @@ function MenubarContent({
     onDismiss: () => setOpen(false),
     exclude: [triggerRef]
   });
-  const items = React56.Children.toArray(children);
+  const items = React57.Children.toArray(children);
   const { onKeyDown } = useRovingFocus({ count: items.length, orientation: "vertical" });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx46(Portal, { children: /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(Portal, { children: /* @__PURE__ */ jsx47(
     "div",
     {
       ref: mergeRefs(presenceRef, floatingRef, dismissRef),
@@ -4908,7 +4960,7 @@ function MenubarContent({
   ) });
 }
 function MenubarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx46("div", { "data-slot": "menubar-group", role: "group", className, ...props });
+  return /* @__PURE__ */ jsx47("div", { "data-slot": "menubar-group", role: "group", className, ...props });
 }
 function MenubarItem({
   className,
@@ -4916,7 +4968,7 @@ function MenubarItem({
   variant = "neutral",
   ...props
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "menubar-item",
@@ -4945,7 +4997,7 @@ function MenubarCheckboxItem({
       className: cn(MENUBAR_CHECKBOX_ITEM, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx46("span", { className: MENUBAR_ITEM_INDICATOR, children: checked && /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47("span", { className: MENUBAR_ITEM_INDICATOR, children: checked && /* @__PURE__ */ jsx47(
           "svg",
           {
             className: "size-4",
@@ -4955,7 +5007,7 @@ function MenubarCheckboxItem({
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx46("path", { d: "M20 6 9 17l-5-5" })
+            children: /* @__PURE__ */ jsx47("path", { d: "M20 6 9 17l-5-5" })
           }
         ) }),
         children
@@ -4975,7 +5027,7 @@ function MenubarRadioGroup({
     defaultValue,
     onChange: onValueChange
   });
-  return /* @__PURE__ */ jsx46(MenubarRadioGroupContext.Provider, { value: { value: current, onValueChange: setValue }, children: /* @__PURE__ */ jsx46("div", { "data-slot": "menubar-radio-group", role: "group", className, children }) });
+  return /* @__PURE__ */ jsx47(MenubarRadioGroupContext.Provider, { value: { value: current, onValueChange: setValue }, children: /* @__PURE__ */ jsx47("div", { "data-slot": "menubar-radio-group", role: "group", className, children }) });
 }
 function MenubarRadioItem({
   className,
@@ -4983,7 +5035,7 @@ function MenubarRadioItem({
   value,
   ...props
 }) {
-  const ctx = React56.useContext(MenubarRadioGroupContext);
+  const ctx = React57.useContext(MenubarRadioGroupContext);
   const checked = ctx?.value === value;
   return /* @__PURE__ */ jsxs17(
     "div",
@@ -4996,7 +5048,7 @@ function MenubarRadioItem({
       onClick: () => ctx?.onValueChange(value),
       ...props,
       children: [
-        /* @__PURE__ */ jsx46("span", { className: MENUBAR_ITEM_INDICATOR, children: checked && /* @__PURE__ */ jsx46("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx46("circle", { cx: "12", cy: "12", r: "10" }) }) }),
+        /* @__PURE__ */ jsx47("span", { className: MENUBAR_ITEM_INDICATOR, children: checked && /* @__PURE__ */ jsx47("svg", { className: "size-2 fill-current", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx47("circle", { cx: "12", cy: "12", r: "10" }) }) }),
         children
       ]
     }
@@ -5007,7 +5059,7 @@ function MenubarLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "menubar-label",
@@ -5018,7 +5070,7 @@ function MenubarLabel({
   );
 }
 function MenubarSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "menubar-separator",
@@ -5029,7 +5081,7 @@ function MenubarSeparator({ className, ...props }) {
   );
 }
 function MenubarShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "span",
     {
       "data-slot": "menubar-shortcut",
@@ -5038,9 +5090,9 @@ function MenubarShortcut({ className, ...props }) {
     }
   );
 }
-var MenubarSubContext = React56.createContext(null);
+var MenubarSubContext = React57.createContext(null);
 function useSub() {
-  const ctx = React56.useContext(MenubarSubContext);
+  const ctx = React57.useContext(MenubarSubContext);
   if (!ctx) throw new Error("MenubarSub parts must be used within <MenubarSub>");
   return ctx;
 }
@@ -5050,7 +5102,7 @@ function MenubarSub({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  return /* @__PURE__ */ jsx46(MenubarSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx46("div", { "data-slot": "menubar-sub", className: "relative", children }) });
+  return /* @__PURE__ */ jsx47(MenubarSubContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx47("div", { "data-slot": "menubar-sub", className: "relative", children }) });
 }
 function MenubarSubTrigger({
   className,
@@ -5076,7 +5128,7 @@ function MenubarSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47(
           "svg",
           {
             className: "ml-auto h-4 w-4",
@@ -5086,7 +5138,7 @@ function MenubarSubTrigger({
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx46("path", { d: "m9 18 6-6-6-6" })
+            children: /* @__PURE__ */ jsx47("path", { d: "m9 18 6-6-6-6" })
           }
         )
       ]
@@ -5097,7 +5149,7 @@ function MenubarSubContent({ className, children, ...props }) {
   const { open } = useSub();
   const { isPresent, ref } = usePresence(open);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       ref,
@@ -5112,7 +5164,7 @@ function MenubarSubContent({ className, children, ...props }) {
 }
 
 // src/components/navigation-menu.tsx
-import * as React57 from "react";
+import * as React58 from "react";
 
 // src/generated/navigation-menu.ts
 var NAVIGATION_MENU = "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center";
@@ -5125,13 +5177,13 @@ var NAVIGATION_MENU_INDICATOR = "data-[state=visible]:animate-in data-[state=hid
 var NAVIGATION_MENU_VIEWPORT = "origin-top-center bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]";
 
 // src/components/navigation-menu.tsx
-import { jsx as jsx47, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs18 } from "react/jsx-runtime";
 function navigationMenuTriggerStyle() {
   return NAVIGATION_MENU_TRIGGER_STYLE;
 }
-var NavigationMenuItemContext = React57.createContext(null);
+var NavigationMenuItemContext = React58.createContext(null);
 function useItem() {
-  const ctx = React57.useContext(NavigationMenuItemContext);
+  const ctx = React58.useContext(NavigationMenuItemContext);
   if (!ctx) throw new Error("NavigationMenu parts must be used within <NavigationMenuItem>");
   return ctx;
 }
@@ -5154,13 +5206,13 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx47(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx48(NavigationMenuViewport, {})
       ]
     }
   );
 }
 function NavigationMenuList({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "ul",
     {
       "data-slot": "navigation-menu-list",
@@ -5186,8 +5238,8 @@ function NavigationMenuItem({
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  const triggerRef = React57.useRef(null);
-  return /* @__PURE__ */ jsx47(NavigationMenuItemContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children: /* @__PURE__ */ jsx47("li", { "data-slot": "navigation-menu-item", className: cn(NAVIGATION_MENU_ITEM, className), ...props, children }) });
+  const triggerRef = React58.useRef(null);
+  return /* @__PURE__ */ jsx48(NavigationMenuItemContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children: /* @__PURE__ */ jsx48("li", { "data-slot": "navigation-menu-item", className: cn(NAVIGATION_MENU_ITEM, className), ...props, children }) });
 }
 function NavigationMenuTrigger({
   className,
@@ -5212,7 +5264,7 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx48(
           "svg",
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -5223,7 +5275,7 @@ function NavigationMenuTrigger({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx47("path", { d: "m6 9 6 6 6-6" })
+            children: /* @__PURE__ */ jsx48("path", { d: "m6 9 6 6 6-6" })
           }
         )
       ]
@@ -5239,7 +5291,7 @@ function NavigationMenuContent({ className, children, ...props }) {
     exclude: [triggerRef]
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       ref: mergeRefs(presenceRef, dismissRef),
@@ -5255,7 +5307,7 @@ function NavigationMenuContent({ className, children, ...props }) {
   );
 }
 function NavigationMenuViewport({ className, ...props }) {
-  return /* @__PURE__ */ jsx47("div", { className: "absolute top-full left-0 isolate z-50 flex justify-center", children: /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48("div", { className: "absolute top-full left-0 isolate z-50 flex justify-center", children: /* @__PURE__ */ jsx48(
     "div",
     {
       "data-slot": "navigation-menu-viewport",
@@ -5273,7 +5325,7 @@ function NavigationMenuLink({
   ...props
 }) {
   const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     Comp,
     {
       "data-slot": "navigation-menu-link",
@@ -5286,7 +5338,7 @@ function NavigationMenuLink({
   );
 }
 function NavigationMenuIndicator({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       "data-slot": "navigation-menu-indicator",
@@ -5295,13 +5347,13 @@ function NavigationMenuIndicator({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx47("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+      children: /* @__PURE__ */ jsx48("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
     }
   );
 }
 
 // src/components/dialog.tsx
-import * as React58 from "react";
+import * as React59 from "react";
 
 // src/generated/dialog.ts
 var DIALOG_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50";
@@ -5313,10 +5365,10 @@ var DIALOG_TITLE = "text-lg leading-none font-semibold";
 var DIALOG_DESCRIPTION = "text-ink-soft text-sm";
 
 // src/components/dialog.tsx
-import { Fragment as Fragment6, jsx as jsx48, jsxs as jsxs19 } from "react/jsx-runtime";
-var DialogContext = React58.createContext(null);
+import { Fragment as Fragment6, jsx as jsx49, jsxs as jsxs19 } from "react/jsx-runtime";
+var DialogContext = React59.createContext(null);
 function useDialog() {
-  const ctx = React58.useContext(DialogContext);
+  const ctx = React59.useContext(DialogContext);
   if (!ctx) throw new Error("Dialog parts must be used within <Dialog>");
   return ctx;
 }
@@ -5326,13 +5378,13 @@ function Dialog({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const triggerRef = React58.useRef(null);
-  return /* @__PURE__ */ jsx48(DialogContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
+  const triggerRef = React59.useRef(null);
+  return /* @__PURE__ */ jsx49(DialogContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
 }
 function DialogTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, triggerRef } = useDialog();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     Comp,
     {
       "data-slot": "dialog-trigger",
@@ -5347,11 +5399,11 @@ function DialogTrigger({ asChild = false, onClick, ...props }) {
   );
 }
 function DialogPortal({ children }) {
-  return /* @__PURE__ */ jsx48(Fragment6, { children });
+  return /* @__PURE__ */ jsx49(Fragment6, { children });
 }
 function DialogOverlay({ className, ...props }) {
   const { open, setOpen } = useDialog();
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "dialog-overlay",
@@ -5362,7 +5414,7 @@ function DialogOverlay({ className, ...props }) {
     }
   );
 }
-var XIcon = (props) => /* @__PURE__ */ jsx48(
+var XIcon = (props) => /* @__PURE__ */ jsx49(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5375,7 +5427,7 @@ var XIcon = (props) => /* @__PURE__ */ jsx48(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     ...props,
-    children: /* @__PURE__ */ jsx48("path", { d: "M18 6 6 18M6 6l12 12" })
+    children: /* @__PURE__ */ jsx49("path", { d: "M18 6 6 18M6 6l12 12" })
   }
 );
 function DialogContent({
@@ -5392,7 +5444,7 @@ function DialogContent({
     onDismiss: () => setOpen(false),
     exclude: [triggerRef]
   });
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     if (!open) return;
     const prev = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -5402,7 +5454,7 @@ function DialogContent({
   }, [open]);
   if (!isPresent) return null;
   return /* @__PURE__ */ jsxs19(Portal, { children: [
-    /* @__PURE__ */ jsx48(DialogOverlay, {}),
+    /* @__PURE__ */ jsx49(DialogOverlay, {}),
     /* @__PURE__ */ jsxs19(
       "div",
       {
@@ -5423,8 +5475,8 @@ function DialogContent({
               onClick: () => setOpen(false),
               className: DIALOG_CLOSE,
               children: [
-                /* @__PURE__ */ jsx48(XIcon, {}),
-                /* @__PURE__ */ jsx48("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx49(XIcon, {}),
+                /* @__PURE__ */ jsx49("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -5436,7 +5488,7 @@ function DialogContent({
 function DialogClose({ asChild = false, onClick, ...props }) {
   const { setOpen } = useDialog();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     Comp,
     {
       "data-slot": "dialog-close",
@@ -5449,7 +5501,7 @@ function DialogClose({ asChild = false, onClick, ...props }) {
   );
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "dialog-header",
@@ -5459,7 +5511,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -5469,7 +5521,7 @@ function DialogFooter({ className, ...props }) {
   );
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "h2",
     {
       "data-slot": "dialog-title",
@@ -5479,7 +5531,7 @@ function DialogTitle({ className, ...props }) {
   );
 }
 function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "p",
     {
       "data-slot": "dialog-description",
@@ -5490,7 +5542,7 @@ function DialogDescription({ className, ...props }) {
 }
 
 // src/components/alert-dialog.tsx
-import * as React59 from "react";
+import * as React60 from "react";
 
 // src/generated/alert-dialog.ts
 var ALERT_DIALOG_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50";
@@ -5501,10 +5553,10 @@ var ALERT_DIALOG_TITLE = "text-lg font-semibold";
 var ALERT_DIALOG_DESCRIPTION = "text-ink-soft text-sm";
 
 // src/components/alert-dialog.tsx
-import { jsx as jsx49, jsxs as jsxs20 } from "react/jsx-runtime";
-var AlertDialogContext = React59.createContext(null);
+import { jsx as jsx50, jsxs as jsxs20 } from "react/jsx-runtime";
+var AlertDialogContext = React60.createContext(null);
 function useAlertDialog() {
-  const ctx = React59.useContext(AlertDialogContext);
+  const ctx = React60.useContext(AlertDialogContext);
   if (!ctx) throw new Error("AlertDialog parts must be used within <AlertDialog>");
   return ctx;
 }
@@ -5514,13 +5566,13 @@ function AlertDialog({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const triggerRef = React59.useRef(null);
-  return /* @__PURE__ */ jsx49(AlertDialogContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
+  const triggerRef = React60.useRef(null);
+  return /* @__PURE__ */ jsx50(AlertDialogContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
 }
 function AlertDialogTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, triggerRef } = useAlertDialog();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     Comp,
     {
       "data-slot": "alert-dialog-trigger",
@@ -5536,7 +5588,7 @@ function AlertDialogTrigger({ asChild = false, onClick, ...props }) {
 }
 function AlertDialogOverlay({ className, ...props }) {
   const { open, setOpen } = useAlertDialog();
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       "data-slot": "alert-dialog-overlay",
@@ -5558,8 +5610,8 @@ function AlertDialogContent({ className, children, ...props }) {
   });
   if (!isPresent) return null;
   return /* @__PURE__ */ jsxs20(Portal, { children: [
-    /* @__PURE__ */ jsx49(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx50(
       "div",
       {
         "data-slot": "alert-dialog-content",
@@ -5575,7 +5627,7 @@ function AlertDialogContent({ className, children, ...props }) {
   ] });
 }
 function AlertDialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -5585,7 +5637,7 @@ function AlertDialogHeader({ className, ...props }) {
   );
 }
 function AlertDialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -5595,7 +5647,7 @@ function AlertDialogFooter({ className, ...props }) {
   );
 }
 function AlertDialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "h2",
     {
       "data-slot": "alert-dialog-title",
@@ -5605,7 +5657,7 @@ function AlertDialogTitle({ className, ...props }) {
   );
 }
 function AlertDialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "p",
     {
       "data-slot": "alert-dialog-description",
@@ -5616,7 +5668,7 @@ function AlertDialogDescription({ className, ...props }) {
 }
 function AlertDialogAction({ className, onClick, ...props }) {
   const { setOpen } = useAlertDialog();
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "button",
     {
       "data-slot": "alert-dialog-action",
@@ -5631,7 +5683,7 @@ function AlertDialogAction({ className, onClick, ...props }) {
 }
 function AlertDialogCancel({ className, onClick, ...props }) {
   const { setOpen } = useAlertDialog();
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "button",
     {
       "data-slot": "alert-dialog-cancel",
@@ -5646,7 +5698,7 @@ function AlertDialogCancel({ className, onClick, ...props }) {
 }
 
 // src/components/sheet.tsx
-import * as React60 from "react";
+import * as React61 from "react";
 
 // src/generated/sheet.ts
 var SHEET_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50";
@@ -5662,10 +5714,10 @@ var SHEET_TITLE = "text-ink font-semibold";
 var SHEET_DESCRIPTION = "text-ink-soft text-sm";
 
 // src/components/sheet.tsx
-import { jsx as jsx50, jsxs as jsxs21 } from "react/jsx-runtime";
-var SheetContext = React60.createContext(null);
+import { jsx as jsx51, jsxs as jsxs21 } from "react/jsx-runtime";
+var SheetContext = React61.createContext(null);
 function useSheet() {
-  const ctx = React60.useContext(SheetContext);
+  const ctx = React61.useContext(SheetContext);
   if (!ctx) throw new Error("Sheet parts must be used within <Sheet>");
   return ctx;
 }
@@ -5675,13 +5727,13 @@ function Sheet({ open, defaultOpen = false, onOpenChange, children }) {
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const triggerRef = React60.useRef(null);
-  return /* @__PURE__ */ jsx50(SheetContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
+  const triggerRef = React61.useRef(null);
+  return /* @__PURE__ */ jsx51(SheetContext.Provider, { value: { open: isOpen, setOpen, triggerRef }, children });
 }
 function SheetTrigger({ asChild = false, onClick, ...props }) {
   const { open, setOpen, triggerRef } = useSheet();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Comp,
     {
       "data-slot": "sheet-trigger",
@@ -5697,7 +5749,7 @@ function SheetTrigger({ asChild = false, onClick, ...props }) {
 }
 function SheetOverlay({ className, ...props }) {
   const { open, setOpen } = useSheet();
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "sheet-overlay",
@@ -5714,7 +5766,7 @@ var sheetSideClasses = {
   top: SHEET_SIDE_TOP,
   bottom: SHEET_SIDE_BOTTOM
 };
-var XIcon2 = (props) => /* @__PURE__ */ jsx50(
+var XIcon2 = (props) => /* @__PURE__ */ jsx51(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5727,7 +5779,7 @@ var XIcon2 = (props) => /* @__PURE__ */ jsx50(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     ...props,
-    children: /* @__PURE__ */ jsx50("path", { d: "M18 6 6 18M6 6l12 12" })
+    children: /* @__PURE__ */ jsx51("path", { d: "M18 6 6 18M6 6l12 12" })
   }
 );
 function SheetContent({ className, children, side = "right", ...props }) {
@@ -5741,7 +5793,7 @@ function SheetContent({ className, children, side = "right", ...props }) {
   });
   if (!isPresent) return null;
   return /* @__PURE__ */ jsxs21(Portal, { children: [
-    /* @__PURE__ */ jsx50(SheetOverlay, {}),
+    /* @__PURE__ */ jsx51(SheetOverlay, {}),
     /* @__PURE__ */ jsxs21(
       "div",
       {
@@ -5762,8 +5814,8 @@ function SheetContent({ className, children, side = "right", ...props }) {
               onClick: () => setOpen(false),
               className: SHEET_CLOSE,
               children: [
-                /* @__PURE__ */ jsx50(XIcon2, { className: "size-4" }),
-                /* @__PURE__ */ jsx50("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx51(XIcon2, { className: "size-4" }),
+                /* @__PURE__ */ jsx51("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -5775,7 +5827,7 @@ function SheetContent({ className, children, side = "right", ...props }) {
 function SheetClose({ asChild = false, onClick, ...props }) {
   const { setOpen } = useSheet();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Comp,
     {
       "data-slot": "sheet-close",
@@ -5788,7 +5840,7 @@ function SheetClose({ asChild = false, onClick, ...props }) {
   );
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "sheet-header",
@@ -5798,7 +5850,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -5808,7 +5860,7 @@ function SheetFooter({ className, ...props }) {
   );
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "h2",
     {
       "data-slot": "sheet-title",
@@ -5818,7 +5870,7 @@ function SheetTitle({ className, ...props }) {
   );
 }
 function SheetDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "p",
     {
       "data-slot": "sheet-description",
@@ -5829,7 +5881,7 @@ function SheetDescription({ className, ...props }) {
 }
 
 // src/components/drawer.tsx
-import * as React61 from "react";
+import * as React62 from "react";
 
 // src/generated/drawer.ts
 var DRAWER_CONTENT_BASE = "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex h-auto border transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500";
@@ -5847,10 +5899,10 @@ var DRAWER_TITLE = "text-ink font-semibold";
 var DRAWER_DESCRIPTION = "text-ink-soft text-sm";
 
 // src/components/drawer.tsx
-import { jsx as jsx51, jsxs as jsxs22 } from "react/jsx-runtime";
-var DrawerContext = React61.createContext(null);
+import { jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
+var DrawerContext = React62.createContext(null);
 function useDrawer() {
-  const ctx = React61.useContext(DrawerContext);
+  const ctx = React62.useContext(DrawerContext);
   if (!ctx) throw new Error("Drawer parts must be used within <Drawer>");
   return ctx;
 }
@@ -5866,12 +5918,12 @@ function Drawer({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  return /* @__PURE__ */ jsx51(DrawerContext.Provider, { value: { open: isOpen, setOpen, direction }, children: /* @__PURE__ */ jsx51("div", { "data-slot": "drawer", children }) });
+  return /* @__PURE__ */ jsx52(DrawerContext.Provider, { value: { open: isOpen, setOpen, direction }, children: /* @__PURE__ */ jsx52("div", { "data-slot": "drawer", children }) });
 }
 function DrawerTrigger({ asChild = false, onClick, ...props }) {
   const { setOpen } = useDrawer();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     Comp,
     {
       "data-slot": "drawer-trigger",
@@ -5886,7 +5938,7 @@ function DrawerTrigger({ asChild = false, onClick, ...props }) {
 function DrawerClose({ asChild = false, onClick, ...props }) {
   const { setOpen } = useDrawer();
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     Comp,
     {
       "data-slot": "drawer-close",
@@ -5901,7 +5953,7 @@ function DrawerClose({ asChild = false, onClick, ...props }) {
 function DrawerOverlay({ className, ...props }) {
   const { open, setOpen } = useDrawer();
   if (!open) return null;
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "drawer-overlay",
@@ -5917,7 +5969,7 @@ function DrawerContent({ className, children, ...props }) {
   const scopeRef = useFocusScope(open);
   if (!open) return null;
   return /* @__PURE__ */ jsxs22(Portal, { children: [
-    /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx52(
       "div",
       {
         "data-slot": "drawer-overlay",
@@ -5941,7 +5993,7 @@ function DrawerContent({ className, children, ...props }) {
         className: cn(DRAWER_CONTENT_BASE, drawerDirectionClasses[direction], className),
         ...props,
         children: [
-          direction === "bottom" ? /* @__PURE__ */ jsx51(
+          direction === "bottom" ? /* @__PURE__ */ jsx52(
             "div",
             {
               "data-slot": "drawer-handle",
@@ -5955,7 +6007,7 @@ function DrawerContent({ className, children, ...props }) {
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "drawer-header",
@@ -5965,7 +6017,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -5975,7 +6027,7 @@ function DrawerFooter({ className, ...props }) {
   );
 }
 function DrawerTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "drawer-title",
@@ -5985,7 +6037,7 @@ function DrawerTitle({ className, ...props }) {
   );
 }
 function DrawerDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "drawer-description",
@@ -5996,11 +6048,11 @@ function DrawerDescription({ className, ...props }) {
 }
 
 // src/components/select.tsx
-import * as React62 from "react";
-import { jsx as jsx52, jsxs as jsxs23 } from "react/jsx-runtime";
-var SelectContext = React62.createContext(null);
+import * as React63 from "react";
+import { jsx as jsx53, jsxs as jsxs23 } from "react/jsx-runtime";
+var SelectContext = React63.createContext(null);
 function useSelect() {
-  const ctx = React62.useContext(SelectContext);
+  const ctx = React63.useContext(SelectContext);
   if (!ctx) throw new Error("Select parts must be used within <Select>");
   return ctx;
 }
@@ -6023,8 +6075,8 @@ function Select({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  const anchorRef = React62.useRef(null);
-  return /* @__PURE__ */ jsx52(
+  const anchorRef = React63.useRef(null);
+  return /* @__PURE__ */ jsx53(
     SelectContext.Provider,
     {
       value: { value: currentValue, setValue, open: isOpen, setOpen, anchorRef },
@@ -6061,7 +6113,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -6075,7 +6127,7 @@ function SelectTrigger({
             strokeLinejoin: "round",
             className: "size-4 opacity-50",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx52("path", { d: "m6 9 6 6 6-6" })
+            children: /* @__PURE__ */ jsx53("path", { d: "m6 9 6 6 6-6" })
           }
         )
       ]
@@ -6085,7 +6137,7 @@ function SelectTrigger({
 function SelectValue({ className, placeholder, ...props }) {
   const { value } = useSelect();
   const isEmpty = value === "";
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "span",
     {
       "data-slot": "select-value",
@@ -6118,13 +6170,13 @@ function SelectContent({
     onDismiss: () => setOpen(false),
     exclude: [anchorRef]
   });
-  const items = React62.Children.toArray(children).filter(React62.isValidElement);
+  const items = React63.Children.toArray(children).filter(React63.isValidElement);
   const { activeIndex, setActiveIndex, onKeyDown } = useRovingFocus({
     count: items.length,
     orientation: "vertical"
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsx52(Portal, { children: /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(Portal, { children: /* @__PURE__ */ jsx53(
     "div",
     {
       role: "listbox",
@@ -6140,8 +6192,8 @@ function SelectContent({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx52("div", { className: "p-1", children: items.map(
-        (child, index) => React62.cloneElement(child, {
+      children: /* @__PURE__ */ jsx53("div", { className: "p-1", children: items.map(
+        (child, index) => React63.cloneElement(child, {
           __index: index,
           __active: index === activeIndex,
           __setActive: setActiveIndex
@@ -6186,7 +6238,7 @@ function SelectItem({
       ),
       ...props,
       children: [
-        selected ? /* @__PURE__ */ jsx52("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx52(
+        selected ? /* @__PURE__ */ jsx53("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx53(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -6200,19 +6252,19 @@ function SelectItem({
             strokeLinejoin: "round",
             className: "size-4",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx52("path", { d: "M20 6 9 17l-5-5" })
+            children: /* @__PURE__ */ jsx53("path", { d: "M20 6 9 17l-5-5" })
           }
         ) }) : null,
-        /* @__PURE__ */ jsx52("span", { children })
+        /* @__PURE__ */ jsx53("span", { children })
       ]
     }
   );
 }
 function SelectGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx52("div", { role: "group", "data-slot": "select-group", className, ...props });
+  return /* @__PURE__ */ jsx53("div", { role: "group", "data-slot": "select-group", className, ...props });
 }
 function SelectLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       "data-slot": "select-label",
@@ -6222,7 +6274,7 @@ function SelectLabel({ className, ...props }) {
   );
 }
 function SelectSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       "data-slot": "select-separator",
@@ -6233,7 +6285,7 @@ function SelectSeparator({ className, ...props }) {
 }
 
 // src/components/command.tsx
-import * as React63 from "react";
+import * as React64 from "react";
 
 // src/generated/command.ts
 var COMMAND_ROOT = "bg-popover text-ink flex h-full w-full flex-col overflow-hidden rounded-md";
@@ -6250,10 +6302,10 @@ var COMMAND_SEPARATOR = "bg-border -mx-1 h-px";
 var COMMAND_SHORTCUT = "text-ink-soft ml-auto text-xs tracking-widest";
 
 // src/components/command.tsx
-import { jsx as jsx53, jsxs as jsxs24 } from "react/jsx-runtime";
-var CommandContext = React63.createContext(null);
+import { jsx as jsx54, jsxs as jsxs24 } from "react/jsx-runtime";
+var CommandContext = React64.createContext(null);
 function useCommand() {
-  const ctx = React63.useContext(CommandContext);
+  const ctx = React64.useContext(CommandContext);
   if (!ctx) throw new Error("Command parts must be used within <Command>");
   return ctx;
 }
@@ -6270,10 +6322,10 @@ function Command({
     defaultValue: defaultSearch,
     ...onSearchChange ? { onChange: onSearchChange } : {}
   });
-  const [items, setItems] = React63.useState(
+  const [items, setItems] = React64.useState(
     () => /* @__PURE__ */ new Map()
   );
-  const registerItem = React63.useCallback((id, value) => {
+  const registerItem = React64.useCallback((id, value) => {
     setItems((prev) => {
       if (prev.get(id) === value) return prev;
       const next = new Map(prev);
@@ -6281,7 +6333,7 @@ function Command({
       return next;
     });
   }, []);
-  const unregisterItem = React63.useCallback((id) => {
+  const unregisterItem = React64.useCallback((id) => {
     setItems((prev) => {
       if (!prev.has(id)) return prev;
       const next = new Map(prev);
@@ -6290,15 +6342,15 @@ function Command({
     });
   }, []);
   const query = currentSearch.trim().toLowerCase();
-  const matches = React63.useCallback(
+  const matches = React64.useCallback(
     (value) => query === "" || value.toLowerCase().includes(query),
     [query]
   );
-  const hasMatches = React63.useMemo(
+  const hasMatches = React64.useMemo(
     () => [...items.values()].some(matches),
     [items, matches]
   );
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     CommandContext.Provider,
     {
       value: {
@@ -6310,7 +6362,7 @@ function Command({
         matches,
         hasMatches
       },
-      children: /* @__PURE__ */ jsx53(
+      children: /* @__PURE__ */ jsx54(
         "div",
         {
           "data-slot": "command",
@@ -6337,7 +6389,7 @@ function CommandDialog({
   const scopeRef = useFocusScope(isOpen);
   if (!isOpen) return null;
   return /* @__PURE__ */ jsxs24(Portal, { children: [
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(
       "div",
       {
         "data-slot": "command-overlay",
@@ -6345,7 +6397,7 @@ function CommandDialog({
         onClick: () => setOpen(false)
       }
     ),
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(
       "div",
       {
         role: "dialog",
@@ -6356,7 +6408,7 @@ function CommandDialog({
           if (e.key === "Escape") setOpen(false);
         },
         className: cn(COMMAND_DIALOG_CONTENT, className),
-        children: /* @__PURE__ */ jsx53(Command, { className: COMMAND_DIALOG_COMMAND, children })
+        children: /* @__PURE__ */ jsx54(Command, { className: COMMAND_DIALOG_COMMAND, children })
       }
     )
   ] });
@@ -6382,12 +6434,12 @@ function CommandInput({
         className: "size-4 shrink-0 opacity-50",
         "aria-hidden": "true",
         children: [
-          /* @__PURE__ */ jsx53("circle", { cx: "11", cy: "11", r: "8" }),
-          /* @__PURE__ */ jsx53("path", { d: "m21 21-4.3-4.3" })
+          /* @__PURE__ */ jsx54("circle", { cx: "11", cy: "11", r: "8" }),
+          /* @__PURE__ */ jsx54("path", { d: "m21 21-4.3-4.3" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(
       "input",
       {
         type: "text",
@@ -6402,7 +6454,7 @@ function CommandInput({
   ] });
 }
 function CommandList({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       role: "listbox",
@@ -6415,7 +6467,7 @@ function CommandList({ className, ...props }) {
 function CommandEmpty({ className, children, ...props }) {
   const { query, hasMatches } = useCommand();
   if (query === "" || hasMatches) return null;
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       "data-slot": "command-empty",
@@ -6434,7 +6486,7 @@ function CommandGroup({ className, heading, children, ...props }) {
       className: cn(COMMAND_GROUP, className),
       ...props,
       children: [
-        heading ? /* @__PURE__ */ jsx53("div", { "data-slot": "command-group-heading", children: heading }) : null,
+        heading ? /* @__PURE__ */ jsx54("div", { "data-slot": "command-group-heading", children: heading }) : null,
         children
       ]
     }
@@ -6449,13 +6501,13 @@ function CommandItem({
   ...props
 }) {
   const { registerItem, unregisterItem, matches } = useCommand();
-  const id = React63.useId();
-  React63.useEffect(() => {
+  const id = React64.useId();
+  React64.useEffect(() => {
     registerItem(id, value);
     return () => unregisterItem(id);
   }, [id, value, registerItem, unregisterItem]);
   if (!matches(value)) return null;
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       role: "option",
@@ -6473,7 +6525,7 @@ function CommandItem({
   );
 }
 function CommandSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       "data-slot": "command-separator",
@@ -6483,7 +6535,7 @@ function CommandSeparator({ className, ...props }) {
   );
 }
 function CommandShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "span",
     {
       "data-slot": "command-shortcut",
@@ -6494,7 +6546,7 @@ function CommandShortcut({ className, ...props }) {
 }
 
 // src/components/chart.tsx
-import * as React64 from "react";
+import * as React65 from "react";
 
 // src/generated/chart.ts
 var CHART_CONTAINER = "flex aspect-video justify-center text-xs [&_.recharts-layer]:outline-hidden [&_.recharts-surface]:outline-hidden [&_svg]:outline-hidden";
@@ -6502,10 +6554,10 @@ var CHART_TOOLTIP = "border-border/50 bg-background grid min-w-[8rem] items-star
 var CHART_LEGEND = "flex items-center justify-center gap-4";
 
 // src/components/chart.tsx
-import { Fragment as Fragment7, jsx as jsx54, jsxs as jsxs25 } from "react/jsx-runtime";
-var ChartContext = React64.createContext(null);
+import { Fragment as Fragment7, jsx as jsx55, jsxs as jsxs25 } from "react/jsx-runtime";
+var ChartContext = React65.createContext(null);
 function useChart() {
-  const context = React64.useContext(ChartContext);
+  const context = React65.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -6518,9 +6570,9 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React64.useId();
+  const uniqueId = React65.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx54(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx55(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs25(
     "div",
     {
       "data-slot": "chart",
@@ -6528,7 +6580,7 @@ function ChartContainer({
       className: cn(CHART_CONTAINER, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx54(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx55(ChartStyle, { id: chartId, config }),
         children
       ]
     }
@@ -6539,7 +6591,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -6550,7 +6602,7 @@ ${colorConfig.map(([key, itemConfig]) => `  --color-${key}: ${itemConfig.color};
     }
   );
 };
-var ChartTooltip = ({ children }) => /* @__PURE__ */ jsx54(Fragment7, { children });
+var ChartTooltip = ({ children }) => /* @__PURE__ */ jsx55(Fragment7, { children });
 function ChartTooltipContent({
   className,
   items = [],
@@ -6569,15 +6621,15 @@ function ChartTooltipContent({
       "data-slot": "chart-tooltip",
       className: cn(CHART_TOOLTIP, className),
       children: [
-        !hideLabel && label ? /* @__PURE__ */ jsx54("div", { className: cn("font-medium", labelClassName), children: label }) : null,
-        /* @__PURE__ */ jsx54("div", { className: "grid gap-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxs25(
+        !hideLabel && label ? /* @__PURE__ */ jsx55("div", { className: cn("font-medium", labelClassName), children: label }) : null,
+        /* @__PURE__ */ jsx55("div", { className: "grid gap-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxs25(
           "div",
           {
             className: cn(
               "[&>svg]:text-ink-soft flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 items-center"
             ),
             children: [
-              !hideIndicator && /* @__PURE__ */ jsx54(
+              !hideIndicator && /* @__PURE__ */ jsx55(
                 "div",
                 {
                   className: "shrink-0 rounded-[2px] h-2.5 w-2.5",
@@ -6588,8 +6640,8 @@ function ChartTooltipContent({
                 }
               ),
               /* @__PURE__ */ jsxs25("div", { className: "flex flex-1 justify-between leading-none items-center", children: [
-                /* @__PURE__ */ jsx54("span", { className: "text-ink-soft", children: item.label }),
-                item.value !== void 0 && /* @__PURE__ */ jsx54("span", { className: "text-ink font-mono font-medium tabular-nums", children: item.value })
+                /* @__PURE__ */ jsx55("span", { className: "text-ink-soft", children: item.label }),
+                item.value !== void 0 && /* @__PURE__ */ jsx55("span", { className: "text-ink font-mono font-medium tabular-nums", children: item.value })
               ] })
             ]
           },
@@ -6599,7 +6651,7 @@ function ChartTooltipContent({
     }
   );
 }
-var ChartLegend = ({ children }) => /* @__PURE__ */ jsx54(Fragment7, { children });
+var ChartLegend = ({ children }) => /* @__PURE__ */ jsx55(Fragment7, { children });
 function ChartLegendContent({
   className,
   hideIcon = false,
@@ -6613,7 +6665,7 @@ function ChartLegendContent({
   if (!rows.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "chart-legend",
@@ -6625,7 +6677,7 @@ function ChartLegendContent({
             "[&>svg]:text-ink-soft flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
           ),
           children: [
-            !hideIcon && /* @__PURE__ */ jsx54(
+            !hideIcon && /* @__PURE__ */ jsx55(
               "div",
               {
                 className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -6642,7 +6694,7 @@ function ChartLegendContent({
 }
 
 // src/components/calendar.tsx
-import * as React65 from "react";
+import * as React66 from "react";
 
 // src/generated/calendar.ts
 var CALENDAR_ROOT = "bg-background p-3 w-fit";
@@ -6660,7 +6712,7 @@ var CALENDAR_DAY_SELECTED = "bg-primary text-on-primary";
 var CALENDAR_DAY_TODAY = "bg-hover text-ink rounded-md";
 
 // src/components/calendar.tsx
-import { jsx as jsx55, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs26 } from "react/jsx-runtime";
 var MONTHS = [
   "January",
   "February",
@@ -6679,7 +6731,7 @@ var WEEKDAYS = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
 var CHEVRON_LEFT = "m15 18-6-6 6-6";
 var CHEVRON_RIGHT = "m9 18 6-6-6-6";
 function Chevron({ d }) {
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "svg",
     {
       className: "size-4",
@@ -6693,7 +6745,7 @@ function Chevron({ d }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": true,
-      children: /* @__PURE__ */ jsx55("path", { d })
+      children: /* @__PURE__ */ jsx56("path", { d })
     }
   );
 }
@@ -6715,7 +6767,7 @@ function Calendar({
   today = /* @__PURE__ */ new Date(),
   className
 }) {
-  const [internal, setInternal] = React65.useState(
+  const [internal, setInternal] = React66.useState(
     () => startOfMonth(defaultMonth ?? /* @__PURE__ */ new Date())
   );
   const view = month ? startOfMonth(month) : internal;
@@ -6737,7 +6789,8 @@ function Calendar({
   for (let i = 0; i < cells.length; i += 7) weeks.push(cells.slice(i, i + 7));
   const navClass = buttonVariants({
     variant: "ghost",
-    size: "icon",
+    size: "md",
+    icon: true,
     className: CALENDAR_NAV_BUTTON
   });
   return /* @__PURE__ */ jsxs26(
@@ -6748,30 +6801,30 @@ function Calendar({
       className: cn(CALENDAR_ROOT, className),
       children: [
         /* @__PURE__ */ jsxs26("div", { className: CALENDAR_NAV, children: [
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             "button",
             {
               type: "button",
               className: navClass,
               "aria-label": "Previous month",
               onClick: () => go(-1),
-              children: /* @__PURE__ */ jsx55(Chevron, { d: CHEVRON_LEFT })
+              children: /* @__PURE__ */ jsx56(Chevron, { d: CHEVRON_LEFT })
             }
           ),
-          /* @__PURE__ */ jsx55("div", { className: CALENDAR_CAPTION, children: caption }),
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56("div", { className: CALENDAR_CAPTION, children: caption }),
+          /* @__PURE__ */ jsx56(
             "button",
             {
               type: "button",
               className: navClass,
               "aria-label": "Next month",
               onClick: () => go(1),
-              children: /* @__PURE__ */ jsx55(Chevron, { d: CHEVRON_RIGHT })
+              children: /* @__PURE__ */ jsx56(Chevron, { d: CHEVRON_RIGHT })
             }
           )
         ] }),
         /* @__PURE__ */ jsxs26("table", { className: CALENDAR_GRID, role: "grid", children: [
-          /* @__PURE__ */ jsx55("thead", { children: /* @__PURE__ */ jsx55("tr", { className: CALENDAR_WEEKDAY_ROW, children: WEEKDAYS.map((wd) => /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56("thead", { children: /* @__PURE__ */ jsx56("tr", { className: CALENDAR_WEEKDAY_ROW, children: WEEKDAYS.map((wd) => /* @__PURE__ */ jsx56(
             "th",
             {
               scope: "col",
@@ -6780,9 +6833,9 @@ function Calendar({
             },
             wd
           )) }) }),
-          /* @__PURE__ */ jsx55("tbody", { children: weeks.map((week, wi) => /* @__PURE__ */ jsx55("tr", { className: CALENDAR_WEEK, children: week.map((cell, ci) => {
+          /* @__PURE__ */ jsx56("tbody", { children: weeks.map((week, wi) => /* @__PURE__ */ jsx56("tr", { className: CALENDAR_WEEK, children: week.map((cell, ci) => {
             if (cell === null) {
-              return /* @__PURE__ */ jsx55(
+              return /* @__PURE__ */ jsx56(
                 "td",
                 {
                   className: CALENDAR_DAY_EMPTY
@@ -6793,13 +6846,13 @@ function Calendar({
             const date = new Date(year, monthIndex, cell);
             const isSelected = sameDay(selected, date);
             const isToday = sameDay(today, date);
-            return /* @__PURE__ */ jsx55(
+            return /* @__PURE__ */ jsx56(
               "td",
               {
                 role: "gridcell",
                 "aria-selected": isSelected,
                 className: CALENDAR_DAY_CELL,
-                children: /* @__PURE__ */ jsx55(
+                children: /* @__PURE__ */ jsx56(
                   "button",
                   {
                     type: "button",
@@ -6810,7 +6863,8 @@ function Calendar({
                     className: cn(
                       buttonVariants({
                         variant: "ghost",
-                        size: "icon",
+                        size: "md",
+                        icon: true,
                         className: CALENDAR_DAY
                       }),
                       isSelected ? CALENDAR_DAY_SELECTED : isToday ? CALENDAR_DAY_TODAY : void 0
@@ -6829,7 +6883,7 @@ function Calendar({
 }
 
 // src/components/sonner.tsx
-import * as React66 from "react";
+import * as React67 from "react";
 
 // src/generated/sonner.ts
 var TOAST_BASE = "pointer-events-auto flex w-full items-start gap-3 rounded-md border p-4 text-sm shadow-lg";
@@ -6854,7 +6908,7 @@ var TOAST_CONTENT = "flex-1 space-y-1";
 var TOAST_TITLE = "font-medium";
 
 // src/components/sonner.tsx
-import { jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs27 } from "react/jsx-runtime";
 var DEFAULT_DURATION = 4e3;
 var SWIPE_THRESHOLD = 45;
 var SWIPE_VELOCITY = 0.11;
@@ -6919,17 +6973,17 @@ function ToastItem({
   reportHeight,
   removeHeight
 }) {
-  const ref = React66.useRef(null);
-  const [height, setHeight] = React66.useState(0);
-  const remainingRef = React66.useRef(t.duration);
-  const startedRef = React66.useRef(0);
-  const flingRef = React66.useRef(
+  const ref = React67.useRef(null);
+  const [height, setHeight] = React67.useState(0);
+  const remainingRef = React67.useRef(t.duration);
+  const startedRef = React67.useRef(0);
+  const flingRef = React67.useRef(
     void 0
   );
-  const dragRef = React66.useRef(
+  const dragRef = React67.useRef(
     null
   );
-  React66.useLayoutEffect(() => {
+  React67.useLayoutEffect(() => {
     const el = ref.current;
     if (!el) return;
     el.style.height = "auto";
@@ -6940,12 +6994,12 @@ function ToastItem({
       reportHeight(t.id, h);
     }
   }, [t.id, t.message, t.description, reportHeight]);
-  React66.useEffect(() => () => removeHeight(t.id), [t.id, removeHeight]);
-  const mountedClosing = React66.useRef(t.state === "closing");
-  React66.useEffect(() => {
+  React67.useEffect(() => () => removeHeight(t.id), [t.id, removeHeight]);
+  const mountedClosing = React67.useRef(t.state === "closing");
+  React67.useEffect(() => {
     if (mountedClosing.current) store.remove(t.id);
   }, [t.id]);
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     if (t.duration === Infinity || t.state === "closing" || paused) return;
     startedRef.current = Date.now();
     const id = setTimeout(() => store.dismiss(t.id), remainingRef.current);
@@ -6957,7 +7011,7 @@ function ToastItem({
       );
     };
   }, [paused, t.id, t.duration, t.state]);
-  React66.useEffect(
+  React67.useEffect(
     () => () => {
       if (flingRef.current) clearTimeout(flingRef.current);
     },
@@ -7045,10 +7099,10 @@ function ToastItem({
       ),
       children: [
         /* @__PURE__ */ jsxs27("div", { className: TOAST_CONTENT, children: [
-          /* @__PURE__ */ jsx56("div", { className: TOAST_TITLE, children: t.message }),
-          t.description ? /* @__PURE__ */ jsx56("div", { className: "text-ink-soft text-sm", children: t.description }) : null
+          /* @__PURE__ */ jsx57("div", { className: TOAST_TITLE, children: t.message }),
+          t.description ? /* @__PURE__ */ jsx57("div", { className: "text-ink-soft text-sm", children: t.description }) : null
         ] }),
-        /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx57(
           "button",
           {
             type: "button",
@@ -7056,7 +7110,7 @@ function ToastItem({
             "data-slot": "toast-close",
             onClick: () => store.dismiss(t.id),
             className: TOAST_CLOSE,
-            children: /* @__PURE__ */ jsx56(
+            children: /* @__PURE__ */ jsx57(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -7069,7 +7123,7 @@ function ToastItem({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ jsx56("path", { d: "M18 6 6 18M6 6l12 12" })
+                children: /* @__PURE__ */ jsx57("path", { d: "M18 6 6 18M6 6l12 12" })
               }
             )
           }
@@ -7083,17 +7137,17 @@ function Toaster({
   className,
   ...props
 }) {
-  const [toasts, setToasts] = React66.useState([]);
-  const [heights, setHeights] = React66.useState(/* @__PURE__ */ new Map());
-  const [paused, setPaused] = React66.useState(false);
-  React66.useEffect(() => store.subscribe(setToasts), []);
+  const [toasts, setToasts] = React67.useState([]);
+  const [heights, setHeights] = React67.useState(/* @__PURE__ */ new Map());
+  const [paused, setPaused] = React67.useState(false);
+  React67.useEffect(() => store.subscribe(setToasts), []);
   const onEnter = () => setPaused(true);
   const onLeave = (e) => {
     if (!e.currentTarget.contains(e.relatedTarget)) {
       setPaused(false);
     }
   };
-  const reportHeight = React66.useCallback((id, h) => {
+  const reportHeight = React67.useCallback((id, h) => {
     setHeights((prev) => {
       if (prev.get(id) === h) return prev;
       const next = new Map(prev);
@@ -7101,7 +7155,7 @@ function Toaster({
       return next;
     });
   }, []);
-  const removeHeight = React66.useCallback((id) => {
+  const removeHeight = React67.useCallback((id) => {
     setHeights((prev) => {
       if (!prev.has(id)) return prev;
       const next = new Map(prev);
@@ -7119,7 +7173,7 @@ function Toaster({
     sum += heights.get(t.id) ?? 0;
     return o;
   });
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "ol",
     {
       "data-slot": "toaster",
@@ -7140,7 +7194,7 @@ function Toaster({
       onPointerOut: onLeave,
       onFocus: onEnter,
       onBlur: onLeave,
-      children: ordered.map((t, i) => /* @__PURE__ */ jsx56(
+      children: ordered.map((t, i) => /* @__PURE__ */ jsx57(
         ToastItem,
         {
           toast: t,
@@ -7158,7 +7212,7 @@ function Toaster({
 }
 
 // src/components/form.tsx
-import * as React67 from "react";
+import * as React68 from "react";
 
 // src/generated/form.ts
 var FORM_ITEM = "grid gap-2";
@@ -7166,21 +7220,21 @@ var FORM_DESCRIPTION = "text-ink-soft text-sm";
 var FORM_MESSAGE = "text-accent-error text-sm";
 
 // src/components/form.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
-var FormItemContext = React67.createContext(null);
+import { jsx as jsx58 } from "react/jsx-runtime";
+var FormItemContext = React68.createContext(null);
 function useFormItem() {
-  const ctx = React67.useContext(FormItemContext);
+  const ctx = React68.useContext(FormItemContext);
   if (!ctx) {
     throw new Error("Form parts must be used within <FormItem>");
   }
   return ctx;
 }
 function Form({ ...props }) {
-  return /* @__PURE__ */ jsx57("form", { "data-slot": "form", ...props });
+  return /* @__PURE__ */ jsx58("form", { "data-slot": "form", ...props });
 }
 function FormItem({ className, ...props }) {
-  const id = React67.useId();
-  const value = React67.useMemo(
+  const id = React68.useId();
+  const value = React68.useMemo(
     () => ({
       id,
       formItemId: `${id}-form-item`,
@@ -7189,7 +7243,7 @@ function FormItem({ className, ...props }) {
     }),
     [id]
   );
-  return /* @__PURE__ */ jsx57(FormItemContext.Provider, { value, children: /* @__PURE__ */ jsx57("div", { "data-slot": "form-item", className: cn(FORM_ITEM, className), ...props }) });
+  return /* @__PURE__ */ jsx58(FormItemContext.Provider, { value, children: /* @__PURE__ */ jsx58("div", { "data-slot": "form-item", className: cn(FORM_ITEM, className), ...props }) });
 }
 function FormLabel({
   className,
@@ -7197,7 +7251,7 @@ function FormLabel({
   ...props
 }) {
   const { formItemId } = useFormItem();
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     Label,
     {
       "data-slot": "form-label",
@@ -7213,7 +7267,7 @@ function FormControl({
   ...props
 }) {
   const { formItemId, formDescriptionId, formMessageId } = useFormItem();
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     Slot,
     {
       "data-slot": "form-control",
@@ -7226,7 +7280,7 @@ function FormControl({
 }
 function FormDescription({ className, ...props }) {
   const { formDescriptionId } = useFormItem();
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     "p",
     {
       "data-slot": "form-description",
@@ -7241,7 +7295,7 @@ function FormMessage({ className, children, ...props }) {
   if (!children) {
     return null;
   }
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     "p",
     {
       "data-slot": "form-message",
@@ -7254,7 +7308,7 @@ function FormMessage({ className, children, ...props }) {
 }
 
 // src/components/resizable.tsx
-import * as React68 from "react";
+import * as React69 from "react";
 
 // src/generated/resizable.ts
 var RESIZABLE_GROUP = "flex h-full w-full data-[panel-group-direction=vertical]:flex-col";
@@ -7263,10 +7317,10 @@ var RESIZABLE_HANDLE = "bg-border focus-visible:ring-ring relative flex w-px ite
 var RESIZABLE_HANDLE_GRIP = "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border";
 
 // src/components/resizable.tsx
-import { jsx as jsx58, jsxs as jsxs28 } from "react/jsx-runtime";
-var ResizableContext = React68.createContext(null);
+import { jsx as jsx59, jsxs as jsxs28 } from "react/jsx-runtime";
+var ResizableContext = React69.createContext(null);
 function useResizable() {
-  const ctx = React68.useContext(ResizableContext);
+  const ctx = React69.useContext(ResizableContext);
   if (!ctx)
     throw new Error("Resizable parts must be used within a ResizablePanelGroup");
   return ctx;
@@ -7289,9 +7343,9 @@ function ResizablePanelGroup({
   children,
   ...props
 }) {
-  const [sizes, setSizes] = React68.useState([]);
-  const groupRef = React68.useRef(null);
-  const register = React68.useCallback((index, defaultSize) => {
+  const [sizes, setSizes] = React69.useState([]);
+  const groupRef = React69.useRef(null);
+  const register = React69.useCallback((index, defaultSize) => {
     setSizes((prev) => {
       if (prev[index] !== void 0) return prev;
       const next = prev.slice();
@@ -7300,14 +7354,14 @@ function ResizablePanelGroup({
       return next;
     });
   }, []);
-  React68.useEffect(() => {
+  React69.useEffect(() => {
     if (sizes.length) onLayout?.(sizes);
   }, [sizes, onLayout]);
-  const value = React68.useMemo(
+  const value = React69.useMemo(
     () => ({ sizes, setSizes, register, direction, keyboardStep, groupRef }),
     [sizes, register, direction, keyboardStep]
   );
-  return /* @__PURE__ */ jsx58(ResizableContext.Provider, { value, children: /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(ResizableContext.Provider, { value, children: /* @__PURE__ */ jsx59(
     "div",
     {
       ref: groupRef,
@@ -7328,11 +7382,11 @@ function ResizablePanel({
   ...props
 }) {
   const { sizes, register } = useResizable();
-  React68.useEffect(() => {
+  React69.useEffect(() => {
     register(index, defaultSize);
   }, [register, index, defaultSize]);
   const basis = sizes[index] ?? defaultSize;
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     "div",
     {
       "data-slot": "resizable-panel",
@@ -7351,12 +7405,12 @@ function ResizableHandle({
   ...props
 }) {
   const { setSizes, direction, keyboardStep, groupRef } = useResizable();
-  const draggingRef = React68.useRef(false);
-  const resize = React68.useCallback(
+  const draggingRef = React69.useRef(false);
+  const resize = React69.useCallback(
     (delta) => setSizes((prev) => redistribute(prev, index, delta)),
     [setSizes, index]
   );
-  const onPointerMove = React68.useCallback(
+  const onPointerMove = React69.useCallback(
     (event) => {
       if (!draggingRef.current) return;
       const rect = groupRef.current?.getBoundingClientRect();
@@ -7368,7 +7422,7 @@ function ResizableHandle({
     },
     [direction, resize, groupRef]
   );
-  const onPointerUp = React68.useCallback(() => {
+  const onPointerUp = React69.useCallback(() => {
     draggingRef.current = false;
     window.removeEventListener("pointermove", onPointerMove);
     window.removeEventListener("pointerup", onPointerUp);
@@ -7379,7 +7433,7 @@ function ResizableHandle({
     window.addEventListener("pointermove", onPointerMove);
     window.addEventListener("pointerup", onPointerUp);
   };
-  React68.useEffect(() => () => onPointerUp(), [onPointerUp]);
+  React69.useEffect(() => () => onPointerUp(), [onPointerUp]);
   const onKeyDown = (event) => {
     let delta;
     switch (event.key) {
@@ -7412,7 +7466,7 @@ function ResizableHandle({
       onKeyDown,
       ...props,
       children: [
-        withHandle && /* @__PURE__ */ jsx58("div", { className: RESIZABLE_HANDLE_GRIP, children: /* @__PURE__ */ jsxs28(
+        withHandle && /* @__PURE__ */ jsx59("div", { className: RESIZABLE_HANDLE_GRIP, children: /* @__PURE__ */ jsxs28(
           "svg",
           {
             className: "size-2.5",
@@ -7427,12 +7481,12 @@ function ResizableHandle({
             strokeLinejoin: "round",
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ jsx58("circle", { cx: "9", cy: "12", r: "1" }),
-              /* @__PURE__ */ jsx58("circle", { cx: "9", cy: "5", r: "1" }),
-              /* @__PURE__ */ jsx58("circle", { cx: "9", cy: "19", r: "1" }),
-              /* @__PURE__ */ jsx58("circle", { cx: "15", cy: "12", r: "1" }),
-              /* @__PURE__ */ jsx58("circle", { cx: "15", cy: "5", r: "1" }),
-              /* @__PURE__ */ jsx58("circle", { cx: "15", cy: "19", r: "1" })
+              /* @__PURE__ */ jsx59("circle", { cx: "9", cy: "12", r: "1" }),
+              /* @__PURE__ */ jsx59("circle", { cx: "9", cy: "5", r: "1" }),
+              /* @__PURE__ */ jsx59("circle", { cx: "9", cy: "19", r: "1" }),
+              /* @__PURE__ */ jsx59("circle", { cx: "15", cy: "12", r: "1" }),
+              /* @__PURE__ */ jsx59("circle", { cx: "15", cy: "5", r: "1" }),
+              /* @__PURE__ */ jsx59("circle", { cx: "15", cy: "19", r: "1" })
             ]
           }
         ) }),
@@ -7441,6 +7495,210 @@ function ResizableHandle({
     }
   );
 }
+
+// src/components/terminal.tsx
+import * as React70 from "react";
+
+// src/generated/terminal.ts
+var TERMINAL_ROOT = "grid w-full grid-cols-1 gap-px bg-border text-ink text-sm lg:h-[calc(100dvh-var(--ev-shell-offset,0px))] lg:grid-cols-[minmax(0,1fr)_18rem_20rem] lg:grid-rows-[auto_minmax(0,1fr)_14rem]";
+var terminalAreaClasses = {
+  "ticker": "lg:col-span-3 lg:row-start-1",
+  "chart": "lg:col-start-1 lg:row-start-2",
+  "book": "lg:col-start-2 lg:row-start-2",
+  "form": "lg:col-start-3 lg:row-start-2",
+  "orders": "lg:col-span-3 lg:row-start-3"
+};
+var TERMINAL_PANE = "flex min-h-0 min-w-0 flex-col overflow-hidden bg-card";
+var TERMINAL_PANE_HEADER = "flex h-9 shrink-0 items-center gap-2 border-b border-border px-3 text-xs font-medium text-ink-mid";
+var TERMINAL_PANE_BODY = "flex min-h-0 flex-1 flex-col overflow-auto";
+var TERMINAL_CHART = "relative min-h-[18rem] flex-1 overflow-hidden";
+var TERMINAL_TICKER = "flex min-w-0 items-center gap-6 overflow-x-auto bg-card px-4 py-2 whitespace-nowrap";
+var TERMINAL_TICKER_STAT = "flex shrink-0 flex-col gap-0.5";
+var TERMINAL_TICKER_LABEL = "text-[11px] uppercase tracking-wide text-ink-soft";
+var TERMINAL_TICKER_VALUE = "font-mono text-sm tabular-nums text-ink";
+var bookSideClasses = {
+  "bid": "text-positive",
+  "ask": "text-accent-error"
+};
+var bookDepthClasses = {
+  "bid": "bg-positive/15",
+  "ask": "bg-accent-error/15"
+};
+var ORDER_BOOK = "flex min-h-0 flex-1 flex-col font-mono text-xs tabular-nums";
+var ORDER_BOOK_HEAD = "grid shrink-0 grid-cols-3 gap-2 px-3 py-1.5 text-right text-[11px] text-ink-soft [&>*:first-child]:text-left";
+var ORDER_BOOK_ROW = "relative isolate grid cursor-pointer grid-cols-3 gap-2 px-3 py-0.5 text-right leading-5 hover:bg-hover";
+var ORDER_BOOK_PRICE = "text-left";
+var ORDER_BOOK_DEPTH = "pointer-events-none absolute inset-y-0 right-0 -z-10";
+var ORDER_BOOK_SPREAD = "flex shrink-0 items-center justify-between gap-2 border-y border-border bg-muted/50 px-3 py-1 text-ink-mid";
+var TRADES_TAPE_ROW = "grid grid-cols-3 gap-2 px-3 py-0.5 text-right font-mono text-xs leading-5 tabular-nums hover:bg-hover";
+var ORDER_FORM = "flex flex-col gap-3 p-3 text-sm";
+var ORDER_FORM_ROW = "flex items-center justify-between gap-2 text-xs";
+var ORDER_FORM_LABEL = "text-ink-soft";
+var ORDER_FORM_VALUE = "font-mono tabular-nums text-ink";
+var ORDER_FORM_SUBMIT_BASE = "inline-flex h-10 w-full shrink-0 cursor-pointer items-center justify-center rounded-[var(--control-radius)] text-sm font-semibold transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50";
+var orderSideClasses = {
+  "buy": "bg-positive text-on-positive hover:bg-positive/90",
+  "sell": "bg-accent-error text-on-accent-error hover:bg-accent-error/90"
+};
+var OPEN_ORDERS_EMPTY = "flex flex-1 items-center justify-center p-6 text-sm text-ink-soft";
+
+// src/components/terminal.tsx
+import { jsx as jsx60, jsxs as jsxs29 } from "react/jsx-runtime";
+function Terminal({ className, ...props }) {
+  return /* @__PURE__ */ jsx60("div", { "data-slot": "terminal", className: cn(TERMINAL_ROOT, className), ...props });
+}
+function TerminalPane({ area, className, ...props }) {
+  return /* @__PURE__ */ jsx60(
+    "section",
+    {
+      "data-slot": "terminal-pane",
+      "data-area": area,
+      className: cn(TERMINAL_PANE, terminalAreaClasses[area], className),
+      ...props
+    }
+  );
+}
+function TerminalPaneHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx60(
+    "header",
+    {
+      "data-slot": "terminal-pane-header",
+      className: cn(TERMINAL_PANE_HEADER, className),
+      ...props
+    }
+  );
+}
+function TerminalPaneBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx60("div", { "data-slot": "terminal-pane-body", className: cn(TERMINAL_PANE_BODY, className), ...props });
+}
+var TerminalChart = React70.forwardRef(function TerminalChart2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx60(
+    "div",
+    {
+      ref,
+      "data-slot": "terminal-chart",
+      className: cn(TERMINAL_CHART, className),
+      ...props
+    }
+  );
+});
+function TerminalTicker({ className, ...props }) {
+  return /* @__PURE__ */ jsx60(
+    "div",
+    {
+      "data-slot": "terminal-ticker",
+      "data-area": "ticker",
+      className: cn(TERMINAL_TICKER, terminalAreaClasses.ticker, className),
+      ...props
+    }
+  );
+}
+function TickerStat({ label, value, className, ...props }) {
+  return /* @__PURE__ */ jsxs29("div", { "data-slot": "ticker-stat", className: TERMINAL_TICKER_STAT, ...props, children: [
+    /* @__PURE__ */ jsx60("span", { className: TERMINAL_TICKER_LABEL, children: label }),
+    /* @__PURE__ */ jsx60("span", { className: cn(TERMINAL_TICKER_VALUE, className), children: value })
+  ] });
+}
+function OrderBook({ className, ...props }) {
+  return /* @__PURE__ */ jsx60("div", { "data-slot": "order-book", className: cn(ORDER_BOOK, className), ...props });
+}
+function OrderBookHead({ price, size, total, className, ...props }) {
+  return /* @__PURE__ */ jsxs29("div", { "data-slot": "order-book-head", className: cn(ORDER_BOOK_HEAD, className), ...props, children: [
+    /* @__PURE__ */ jsx60("span", { children: price }),
+    /* @__PURE__ */ jsx60("span", { children: size }),
+    /* @__PURE__ */ jsx60("span", { children: total })
+  ] });
+}
+function OrderBookRow({
+  side,
+  price,
+  size,
+  total,
+  depth = 0,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs29(
+    "div",
+    {
+      "data-slot": "order-book-row",
+      "data-side": side,
+      className: cn(ORDER_BOOK_ROW, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx60(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn(ORDER_BOOK_DEPTH, bookDepthClasses[side]),
+            style: { width: `${depthPercent(depth)}%` }
+          }
+        ),
+        /* @__PURE__ */ jsx60("span", { className: cn(ORDER_BOOK_PRICE, bookSideClasses[side]), children: price }),
+        /* @__PURE__ */ jsx60("span", { children: size }),
+        /* @__PURE__ */ jsx60("span", { children: total })
+      ]
+    }
+  );
+}
+function depthPercent(depth) {
+  if (Number.isNaN(depth)) return 0;
+  return Math.round(Math.min(1, Math.max(0, depth)) * 100);
+}
+function OrderBookSpread({ className, ...props }) {
+  return /* @__PURE__ */ jsx60("div", { "data-slot": "order-book-spread", className: cn(ORDER_BOOK_SPREAD, className), ...props });
+}
+function TradesTapeRow({ side, price, size, time, className, ...props }) {
+  return /* @__PURE__ */ jsxs29(
+    "div",
+    {
+      "data-slot": "trades-tape-row",
+      "data-side": side,
+      className: cn(TRADES_TAPE_ROW, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx60("span", { className: cn(ORDER_BOOK_PRICE, bookSideClasses[side]), children: price }),
+        /* @__PURE__ */ jsx60("span", { children: size }),
+        /* @__PURE__ */ jsx60("span", { children: time })
+      ]
+    }
+  );
+}
+function OrderForm({ className, onSubmit, ...props }) {
+  return /* @__PURE__ */ jsx60(
+    "form",
+    {
+      "data-slot": "order-form",
+      className: cn(ORDER_FORM, className),
+      onSubmit: (e) => {
+        e.preventDefault();
+        onSubmit?.(e);
+      },
+      ...props
+    }
+  );
+}
+function OrderFormRow({ label, value, className, ...props }) {
+  return /* @__PURE__ */ jsxs29("div", { "data-slot": "order-form-row", className: cn(ORDER_FORM_ROW, className), ...props, children: [
+    /* @__PURE__ */ jsx60("span", { className: ORDER_FORM_LABEL, children: label }),
+    /* @__PURE__ */ jsx60("span", { className: ORDER_FORM_VALUE, children: value })
+  ] });
+}
+function OrderFormSubmit({ side = "buy", className, ...props }) {
+  return /* @__PURE__ */ jsx60(
+    "button",
+    {
+      type: "submit",
+      "data-slot": "order-form-submit",
+      "data-side": side,
+      className: cn(ORDER_FORM_SUBMIT_BASE, orderSideClasses[side], className),
+      ...props
+    }
+  );
+}
+function OpenOrdersEmpty({ className, ...props }) {
+  return /* @__PURE__ */ jsx60("div", { "data-slot": "open-orders-empty", className: cn(OPEN_ORDERS_EMPTY, className), ...props });
+}
 export {
   Accordion,
   AccordionContent,
@@ -7614,6 +7872,7 @@ export {
   Kbd,
   KbdGroup,
   Label,
+  Logo,
   Menubar,
   MenubarCheckboxItem,
   MenubarContent,
@@ -7638,6 +7897,14 @@ export {
   NavigationMenuTrigger,
   NavigationMenuViewport,
   NotFound,
+  OpenOrdersEmpty,
+  OrderBook,
+  OrderBookHead,
+  OrderBookRow,
+  OrderBookSpread,
+  OrderForm,
+  OrderFormRow,
+  OrderFormSubmit,
   Pagination,
   PaginationContent,
   PaginationEllipsis,
@@ -7715,7 +7982,14 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  Terminal,
+  TerminalChart,
+  TerminalPane,
+  TerminalPaneBody,
+  TerminalPaneHeader,
+  TerminalTicker,
   Textarea,
+  TickerStat,
   Toaster,
   Toggle,
   ToggleGroup,
@@ -7724,6 +7998,7 @@ export {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
+  TradesTapeRow,
   buttonVariants,
   cn,
   mergeRefs,