@evinvest/uikit 0.13.0 → 0.15.0

package/dist/index.js

@@ -334,7 +334,9 @@ import "react";
 var ALERT_BASE = "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current";
 var alertVariants = {
   "neutral": "bg-card text-ink",
-  "destructive": "text-accent-error bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-accent-error/90"
+  "destructive": "text-accent-error bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-accent-error/90",
+  "success": "text-positive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-positive/90",
+  "info": "text-accent-info bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-accent-info/90"
 };
 var ALERT_TITLE = "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight";
 var ALERT_DESCRIPTION = "text-ink-soft col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed";
@@ -589,6 +591,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 +625,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 +644,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 +675,7 @@ function Button({
     {
       "data-slot": "button",
       href,
-      className: cn(buttonVariants({ variant, size }), className),
+      className: cn(buttonVariants({ variant, size, icon, accent }), className),
       ...props
     }
   );
@@ -1264,24 +1304,27 @@ function Footer({
 }
 
 // src/components/input.tsx
-import "react";
+import * as React24 from "react";
 
 // src/generated/input.ts
 var INPUT_BASE = "file:text-ink placeholder:text-ink-soft selection:bg-primary selection:text-on-primary border-input h-9 w-full min-w-0 rounded-[var(--control-radius)] border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error";
 
 // src/components/input.tsx
 import { jsx as jsx14 } from "react/jsx-runtime";
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx14(
-    "input",
-    {
-      type,
-      "data-slot": "input",
-      className: cn(INPUT_BASE, className),
-      ...props
-    }
-  );
-}
+var Input = React24.forwardRef(
+  function Input2({ className, type, ...props }, ref) {
+    return /* @__PURE__ */ jsx14(
+      "input",
+      {
+        ref,
+        type,
+        "data-slot": "input",
+        className: cn(INPUT_BASE, className),
+        ...props
+      }
+    );
+  }
+);
 
 // src/components/textarea.tsx
 import "react";
@@ -1295,6 +1338,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 +1400,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 +1420,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       role: "group",
@@ -1365,7 +1446,7 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Button,
     {
       type,
@@ -1384,7 +1465,7 @@ function InputGroupText({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "span",
     {
       className: cn(INPUT_GROUP_TEXT, className),
@@ -1396,7 +1477,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Input,
     {
       "data-slot": "input-group-control",
@@ -1409,7 +1490,7 @@ function InputGroupTextarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Textarea,
     {
       "data-slot": "input-group-control",
@@ -1433,13 +1514,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 +1563,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 +1579,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Separator,
     {
       "data-slot": "item-separator",
@@ -1516,7 +1597,7 @@ function Item({
   ...props
 }) {
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Comp,
     {
       "data-slot": "item",
@@ -1532,7 +1613,7 @@ function ItemMedia({
   variant = "bare",
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-media",
@@ -1546,7 +1627,7 @@ function ItemContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-content",
@@ -1556,7 +1637,7 @@ function ItemContent({
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-title",
@@ -1569,7 +1650,7 @@ function ItemDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "p",
     {
       "data-slot": "item-description",
@@ -1582,7 +1663,7 @@ function ItemActions({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-actions",
@@ -1595,7 +1676,7 @@ function ItemHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-header",
@@ -1608,7 +1689,7 @@ function ItemFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "item-footer",
@@ -1626,9 +1707,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 +1719,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "kbd",
     {
       "data-slot": "kbd-group",
@@ -1650,9 +1731,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 +1748,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -1677,15 +1758,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 +1776,8 @@ function PaginationLink({
       className: cn(
         buttonVariants({
           variant: isActive ? "outline" : "ghost",
-          size
+          size,
+          icon
         }),
         className
       ),
@@ -1702,8 +1785,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 +1796,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 +1814,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 +1832,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 +1850,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 +1865,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 +1877,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 +1896,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 +1910,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 +1923,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 +1950,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 +1969,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 +1982,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 +2002,7 @@ function StatusScreen({
   ] });
 }
 function NotFound({ linkComponent = "a", homeHref = "/", contactHref = "/contact" }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     StatusScreen,
     {
       accent: "debug",
@@ -1967,7 +2020,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 +2038,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 +2049,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 +2077,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 +2099,7 @@ function TableHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "thead",
     {
       "data-slot": "table-header",
@@ -2059,7 +2112,7 @@ function TableBody({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "tbody",
     {
       "data-slot": "table-body",
@@ -2072,7 +2125,7 @@ function TableFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -2082,7 +2135,7 @@ function TableFooter({
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "tr",
     {
       "data-slot": "table-row",
@@ -2092,7 +2145,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "th",
     {
       "data-slot": "table-head",
@@ -2102,7 +2155,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "td",
     {
       "data-slot": "table-cell",
@@ -2115,7 +2168,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "caption",
     {
       "data-slot": "table-caption",
@@ -2126,7 +2179,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 +2189,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 +2226,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 +2234,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 +2253,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 +2268,7 @@ function AccordionTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -2228,7 +2281,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 +2296,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 +2331,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 +2359,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 +2390,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 +2398,7 @@ function Section({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "section",
     {
       "data-slot": "section",
@@ -2360,33 +2413,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 +2448,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 +2469,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 +2487,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 +2505,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 +2525,7 @@ function TabsTrigger({
 }) {
   const { value: active, setValue } = useTabs();
   const selected = active === value;
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "button",
     {
       type: "button",
@@ -2503,7 +2556,7 @@ function TabsContent({
 }) {
   const { value: active } = useTabs();
   if (active !== value) return null;
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       role: "tabpanel",
@@ -2534,7 +2587,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 +2610,7 @@ function Toggle({
     defaultValue: defaultPressed,
     ...onPressedChange ? { onChange: onPressedChange } : {}
   });
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "button",
     {
       type: "button",
@@ -2575,9 +2628,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 +2657,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 +2669,7 @@ function ToggleGroup({
     },
     [type, selected, setSelected]
   );
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       "data-slot": "toggle-group",
@@ -2627,7 +2680,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 +2693,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 +2723,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 +2739,7 @@ function Switch({
     ...onCheckedChange ? { onChange: onCheckedChange } : {}
   });
   const state = on ? "checked" : "unchecked";
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "button",
     {
       type: "button",
@@ -2704,7 +2757,7 @@ function Switch({
         setOn(!on);
       },
       ...props,
-      children: /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsx33(
         "span",
         {
           "data-slot": "switch-thumb",
@@ -2718,7 +2771,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 +2787,7 @@ function Checkbox({
     ...onCheckedChange ? { onChange: onCheckedChange } : {}
   });
   const state = on ? "checked" : "unchecked";
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "button",
     {
       type: "button",
@@ -2752,12 +2805,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 +2822,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 +2832,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 +2857,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 +2870,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 +2896,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 +2922,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 +2943,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 +2952,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 +2979,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 +3042,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 +3060,7 @@ function Slider({
             )
           }
         ),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           "span",
           {
             "data-slot": "slider-thumb",
@@ -3042,15 +3095,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 +3111,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 +3150,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 +3173,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 +3207,7 @@ function Sidebar({
 }) {
   const { state } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       "div",
       {
         "data-slot": "sidebar",
@@ -3164,7 +3217,7 @@ function Sidebar({
       }
     );
   }
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       className: "group peer text-ink hidden md:block",
@@ -3173,7 +3226,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 +3260,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 +3270,7 @@ function SidebarRail({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "button",
     {
       type: "button",
@@ -3233,7 +3286,7 @@ function SidebarRail({
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -3243,7 +3296,7 @@ function SidebarInset({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -3254,7 +3307,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -3268,7 +3321,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       "data-slot": "sidebar-separator",
@@ -3280,7 +3333,7 @@ function SidebarSeparator({
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -3291,7 +3344,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -3307,7 +3360,7 @@ function SidebarGroupLabel({
   ...props
 }) {
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     Comp,
     {
       "data-slot": "sidebar-group-label",
@@ -3321,7 +3374,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -3332,7 +3385,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -3343,7 +3396,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -3362,7 +3415,7 @@ function SidebarMenuButton({
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     Comp,
     {
       "data-slot": "sidebar-menu-button",
@@ -3381,7 +3434,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 +3453,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 +3477,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 +3496,7 @@ function Carousel({
     }
     onKeyDown?.(event);
   };
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     CarouselContext.Provider,
     {
       value: {
@@ -3456,7 +3509,7 @@ function Carousel({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx39(
         "div",
         {
           onKeyDownCapture: handleKeyDown,
@@ -3478,12 +3531,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 +3555,7 @@ function CarouselItem({
   ...props
 }) {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       role: "group",
@@ -3522,7 +3575,7 @@ function CarouselEdgeFade({
 }) {
   const { canScrollPrev, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxs12(Fragment4, { children: [
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39(
       "div",
       {
         "aria-hidden": true,
@@ -3533,7 +3586,7 @@ function CarouselEdgeFade({
         )
       }
     ),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39(
       "div",
       {
         "aria-hidden": true,
@@ -3549,7 +3602,8 @@ function CarouselEdgeFade({
 function CarouselPrevious({
   className,
   variant = "outline",
-  size = "icon",
+  size = "md",
+  icon = true,
   ...props
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
@@ -3559,6 +3613,7 @@ function CarouselPrevious({
       "data-slot": "carousel-previous",
       variant,
       size,
+      icon,
       className: cn(
         CAROUSEL_NAV,
         orientation === "horizontal" ? CAROUSEL_PREVIOUS_HORIZONTAL : CAROUSEL_PREVIOUS_VERTICAL,
@@ -3568,7 +3623,7 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -3579,10 +3634,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 +3645,8 @@ function CarouselPrevious({
 function CarouselNext({
   className,
   variant = "outline",
-  size = "icon",
+  size = "md",
+  icon = true,
   ...props
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
@@ -3600,6 +3656,7 @@ function CarouselNext({
       "data-slot": "carousel-next",
       variant,
       size,
+      icon,
       className: cn(
         CAROUSEL_NAV,
         orientation === "horizontal" ? CAROUSEL_NEXT_HORIZONTAL : CAROUSEL_NEXT_VERTICAL,
@@ -3609,7 +3666,7 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -3620,17 +3677,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 +3698,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 +3723,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 +3755,7 @@ function InputOTPGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -3721,13 +3778,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 +3795,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 +3823,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 +3836,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 +3877,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 +3894,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 +3913,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 +3936,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 +3968,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 +3988,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 +4007,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 +4030,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 +4056,7 @@ function InfoTipTrigger({
     openDelay: hoverDelay
   });
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     Comp,
     {
       "data-slot": "info-tip-trigger",
@@ -4030,7 +4087,7 @@ function InfoTipTrigger({
         hover.onPointerLeave(e);
       },
       ...props,
-      children: children ?? /* @__PURE__ */ jsx42(InfoGlyph2, {})
+      children: children ?? /* @__PURE__ */ jsx43(InfoGlyph2, {})
     }
   );
 }
@@ -4057,7 +4114,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 +4134,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 +4153,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 +4164,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 +4199,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 +4216,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 +4230,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 +4245,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 +4290,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 +4299,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 +4328,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 +4342,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 +4380,7 @@ function DropdownMenuCheckboxItem({
   onClick,
   ...props
 }) {
-  const close = React54.useContext(DropdownMenuCloseContext);
+  const close = React55.useContext(DropdownMenuCloseContext);
   return /* @__PURE__ */ jsxs15(
     "div",
     {
@@ -4344,13 +4401,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 +4415,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 +4429,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 +4453,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 +4471,7 @@ function DropdownMenuLabel({ className, inset, ...props }) {
   );
 }
 function DropdownMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "dropdown-menu-separator",
@@ -4425,7 +4482,7 @@ function DropdownMenuSeparator({ className, ...props }) {
   );
 }
 function DropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -4434,17 +4491,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 +4523,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 +4548,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 +4561,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 +4574,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 +4598,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 +4609,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 +4618,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 +4656,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 +4694,7 @@ function ContextMenuCheckboxItem({
   onClick,
   ...props
 }) {
-  const close = React55.useContext(ContextMenuCloseContext);
+  const close = React56.useContext(ContextMenuCloseContext);
   return /* @__PURE__ */ jsxs16(
     "div",
     {
@@ -4658,13 +4715,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 +4729,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 +4743,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 +4767,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 +4785,7 @@ function ContextMenuLabel({ className, inset, ...props }) {
   );
 }
 function ContextMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "context-menu-separator",
@@ -4739,7 +4796,7 @@ function ContextMenuSeparator({ className, ...props }) {
   );
 }
 function ContextMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "span",
     {
       "data-slot": "context-menu-shortcut",
@@ -4748,17 +4805,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 +4837,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 +4862,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 +4879,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 +4904,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 +4945,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 +4965,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 +4973,7 @@ function MenubarItem({
   variant = "neutral",
   ...props
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "menubar-item",
@@ -4945,7 +5002,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 +5012,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 +5032,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 +5040,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 +5053,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 +5064,7 @@ function MenubarLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "menubar-label",
@@ -5018,7 +5075,7 @@ function MenubarLabel({
   );
 }
 function MenubarSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "menubar-separator",
@@ -5029,7 +5086,7 @@ function MenubarSeparator({ className, ...props }) {
   );
 }
 function MenubarShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "span",
     {
       "data-slot": "menubar-shortcut",
@@ -5038,9 +5095,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 +5107,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 +5133,7 @@ function MenubarSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47(
           "svg",
           {
             className: "ml-auto h-4 w-4",
@@ -5086,7 +5143,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 +5154,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 +5169,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 +5182,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 +5211,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 +5243,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 +5269,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 +5280,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 +5296,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 +5312,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 +5330,7 @@ function NavigationMenuLink({
   ...props
 }) {
   const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     Comp,
     {
       "data-slot": "navigation-menu-link",
@@ -5286,7 +5343,7 @@ function NavigationMenuLink({
   );
 }
 function NavigationMenuIndicator({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       "data-slot": "navigation-menu-indicator",
@@ -5295,13 +5352,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 +5370,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 +5383,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 +5404,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 +5419,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 +5432,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 +5449,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 +5459,7 @@ function DialogContent({
   }, [open]);
   if (!isPresent) return null;
   return /* @__PURE__ */ jsxs19(Portal, { children: [
-    /* @__PURE__ */ jsx48(DialogOverlay, {}),
+    /* @__PURE__ */ jsx49(DialogOverlay, {}),
     /* @__PURE__ */ jsxs19(
       "div",
       {
@@ -5423,8 +5480,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 +5493,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 +5506,7 @@ function DialogClose({ asChild = false, onClick, ...props }) {
   );
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "dialog-header",
@@ -5459,7 +5516,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -5469,7 +5526,7 @@ function DialogFooter({ className, ...props }) {
   );
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "h2",
     {
       "data-slot": "dialog-title",
@@ -5479,7 +5536,7 @@ function DialogTitle({ className, ...props }) {
   );
 }
 function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "p",
     {
       "data-slot": "dialog-description",
@@ -5490,7 +5547,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 +5558,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 +5571,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 +5593,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 +5615,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 +5632,7 @@ function AlertDialogContent({ className, children, ...props }) {
   ] });
 }
 function AlertDialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -5585,7 +5642,7 @@ function AlertDialogHeader({ className, ...props }) {
   );
 }
 function AlertDialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -5595,7 +5652,7 @@ function AlertDialogFooter({ className, ...props }) {
   );
 }
 function AlertDialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "h2",
     {
       "data-slot": "alert-dialog-title",
@@ -5605,7 +5662,7 @@ function AlertDialogTitle({ className, ...props }) {
   );
 }
 function AlertDialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "p",
     {
       "data-slot": "alert-dialog-description",
@@ -5616,7 +5673,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 +5688,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 +5703,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 +5719,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 +5732,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 +5754,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 +5771,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 +5784,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 +5798,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 +5819,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 +5832,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 +5845,7 @@ function SheetClose({ asChild = false, onClick, ...props }) {
   );
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "sheet-header",
@@ -5798,7 +5855,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -5808,7 +5865,7 @@ function SheetFooter({ className, ...props }) {
   );
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "h2",
     {
       "data-slot": "sheet-title",
@@ -5818,7 +5875,7 @@ function SheetTitle({ className, ...props }) {
   );
 }
 function SheetDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "p",
     {
       "data-slot": "sheet-description",
@@ -5829,7 +5886,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 +5904,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 +5923,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 +5943,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 +5958,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 +5974,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 +5998,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 +6012,7 @@ function DrawerContent({ className, children, ...props }) {
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "drawer-header",
@@ -5965,7 +6022,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -5975,7 +6032,7 @@ function DrawerFooter({ className, ...props }) {
   );
 }
 function DrawerTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "drawer-title",
@@ -5985,7 +6042,7 @@ function DrawerTitle({ className, ...props }) {
   );
 }
 function DrawerDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "drawer-description",
@@ -5996,11 +6053,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 +6080,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 +6118,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -6075,7 +6132,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 +6142,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 +6175,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 +6197,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 +6243,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 +6257,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 +6279,7 @@ function SelectLabel({ className, ...props }) {
   );
 }
 function SelectSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       "data-slot": "select-separator",
@@ -6233,7 +6290,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 +6307,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 +6327,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 +6338,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 +6347,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 +6367,7 @@ function Command({
         matches,
         hasMatches
       },
-      children: /* @__PURE__ */ jsx53(
+      children: /* @__PURE__ */ jsx54(
         "div",
         {
           "data-slot": "command",
@@ -6337,7 +6394,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 +6402,7 @@ function CommandDialog({
         onClick: () => setOpen(false)
       }
     ),
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(
       "div",
       {
         role: "dialog",
@@ -6356,7 +6413,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 +6439,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 +6459,7 @@ function CommandInput({
   ] });
 }
 function CommandList({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       role: "listbox",
@@ -6415,7 +6472,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 +6491,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 +6506,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 +6530,7 @@ function CommandItem({
   );
 }
 function CommandSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
       "data-slot": "command-separator",
@@ -6483,7 +6540,7 @@ function CommandSeparator({ className, ...props }) {
   );
 }
 function CommandShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     "span",
     {
       "data-slot": "command-shortcut",
@@ -6494,7 +6551,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 +6559,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 +6575,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 +6585,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 +6596,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -6550,7 +6607,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 +6626,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 +6645,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 +6656,7 @@ function ChartTooltipContent({
     }
   );
 }
-var ChartLegend = ({ children }) => /* @__PURE__ */ jsx54(Fragment7, { children });
+var ChartLegend = ({ children }) => /* @__PURE__ */ jsx55(Fragment7, { children });
 function ChartLegendContent({
   className,
   hideIcon = false,
@@ -6613,7 +6670,7 @@ function ChartLegendContent({
   if (!rows.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "chart-legend",
@@ -6625,7 +6682,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 +6699,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 +6717,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 +6736,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 +6750,7 @@ function Chevron({ d }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": true,
-      children: /* @__PURE__ */ jsx55("path", { d })
+      children: /* @__PURE__ */ jsx56("path", { d })
     }
   );
 }
@@ -6706,6 +6763,21 @@ function mondayIndex(d) {
 function sameDay(a, b) {
   return !!a && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 }
+function startOfDay(d) {
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate());
+}
+function outOfRange(day, min, max) {
+  const t = day.getTime();
+  return !!min && t < startOfDay(min).getTime() || !!max && t > startOfDay(max).getTime();
+}
+var MONDAY = new Date(2024, 0, 1);
+function localisedWeekdays(locale) {
+  const fmt = new Intl.DateTimeFormat(locale, { weekday: "short" });
+  return Array.from(
+    { length: 7 },
+    (_, i) => fmt.format(new Date(MONDAY.getFullYear(), MONDAY.getMonth(), MONDAY.getDate() + i))
+  );
+}
 function Calendar({
   selected,
   onSelect,
@@ -6713,9 +6785,15 @@ function Calendar({
   defaultMonth,
   onMonthChange,
   today = /* @__PURE__ */ new Date(),
+  min,
+  max,
+  disabled = false,
+  previousMonthLabel = "Previous month",
+  nextMonthLabel = "Next month",
+  locale,
   className
 }) {
-  const [internal, setInternal] = React65.useState(
+  const [internal, setInternal] = React66.useState(
     () => startOfMonth(defaultMonth ?? /* @__PURE__ */ new Date())
   );
   const view = month ? startOfMonth(month) : internal;
@@ -6726,7 +6804,8 @@ function Calendar({
   };
   const year = view.getFullYear();
   const monthIndex = view.getMonth();
-  const caption = `${MONTHS[monthIndex]} ${year}`;
+  const caption = locale ? new Intl.DateTimeFormat(locale, { month: "long", year: "numeric" }).format(view) : `${MONTHS[monthIndex]} ${year}`;
+  const weekdays = locale ? localisedWeekdays(locale) : WEEKDAYS;
   const lead = mondayIndex(view);
   const total = new Date(year, monthIndex + 1, 0).getDate();
   const cells = [];
@@ -6737,7 +6816,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,41 +6828,43 @@ 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",
+              "aria-label": previousMonthLabel,
+              disabled,
               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", { "data-slot": "calendar-caption", className: CALENDAR_CAPTION, children: caption }),
+          /* @__PURE__ */ jsx56(
             "button",
             {
               type: "button",
               className: navClass,
-              "aria-label": "Next month",
+              "aria-label": nextMonthLabel,
+              disabled,
               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, i) => /* @__PURE__ */ jsx56(
             "th",
             {
               scope: "col",
               className: CALENDAR_WEEKDAY,
               children: wd
             },
-            wd
+            i
           )) }) }),
-          /* @__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,24 +6875,29 @@ function Calendar({
             const date = new Date(year, monthIndex, cell);
             const isSelected = sameDay(selected, date);
             const isToday = sameDay(today, date);
-            return /* @__PURE__ */ jsx55(
+            const isDisabled = disabled || outOfRange(date, min, max);
+            return /* @__PURE__ */ jsx56(
               "td",
               {
                 role: "gridcell",
                 "aria-selected": isSelected,
                 className: CALENDAR_DAY_CELL,
-                children: /* @__PURE__ */ jsx55(
+                children: /* @__PURE__ */ jsx56(
                   "button",
                   {
                     type: "button",
                     "data-slot": "calendar-day",
                     "data-selected": isSelected,
                     "data-today": isToday,
-                    onClick: () => onSelect?.(date),
+                    ...isDisabled ? { "data-disabled": "true", disabled: true } : {},
+                    onClick: () => {
+                      if (!isDisabled) onSelect?.(date);
+                    },
                     className: cn(
                       buttonVariants({
                         variant: "ghost",
-                        size: "icon",
+                        size: "md",
+                        icon: true,
                         className: CALENDAR_DAY
                       }),
                       isSelected ? CALENDAR_DAY_SELECTED : isToday ? CALENDAR_DAY_TODAY : void 0
@@ -6828,8 +6915,261 @@ function Calendar({
   );
 }
 
+// src/components/date-time-picker.tsx
+import * as React67 from "react";
+
+// src/generated/date-time-picker.ts
+var DATE_TIME_PICKER_TRIGGER = "w-full justify-start gap-2 text-left font-normal data-[placeholder]:text-ink-soft [&>svg]:text-ink-soft";
+var DATE_TIME_PICKER_CONTENT = "w-auto p-0";
+var DATE_TIME_PICKER_TIME = "flex items-center gap-2 border-t border-border px-3 py-2";
+var DATE_TIME_PICKER_TIME_INPUT = "w-14 text-center tabular-nums";
+var DATE_TIME_PICKER_TIME_SEPARATOR = "text-ink-soft select-none";
+var DATE_TIME_PICKER_CLEAR = "ml-auto";
+
+// src/components/date-time-picker.tsx
+import { jsx as jsx57, jsxs as jsxs27 } from "react/jsx-runtime";
+var CALENDAR_ICON = [
+  "M8 2v4",
+  "M16 2v4",
+  "M3 10h18",
+  "M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z"
+];
+function CalendarIcon() {
+  return /* @__PURE__ */ jsx57(
+    "svg",
+    {
+      className: "size-4",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      children: CALENDAR_ICON.map((d) => /* @__PURE__ */ jsx57("path", { d }, d))
+    }
+  );
+}
+var pad = (n) => String(n).padStart(2, "0");
+function atMinute(d) {
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes());
+}
+function clampMoment(d, min, max) {
+  const lo = min && atMinute(min);
+  const hi = max && atMinute(max);
+  if (lo && d.getTime() < lo.getTime()) return lo;
+  if (hi && d.getTime() > hi.getTime()) return hi;
+  return d;
+}
+function parseField(raw, max) {
+  const digits = raw.replace(/\D/g, "").slice(-2);
+  if (digits === "") return null;
+  return Math.min(Number(digits), max);
+}
+var selectAll = (e) => e.currentTarget.select();
+function isoLabel(d) {
+  return `${d.getFullYear().toString().padStart(4, "0")}-${pad(d.getMonth() + 1)}-${pad(
+    d.getDate()
+  )} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+}
+function DateTimePicker({
+  value: valueProp,
+  defaultValue = null,
+  onChange,
+  min,
+  max,
+  locale,
+  format,
+  placeholder = "",
+  labels = {},
+  disabled = false,
+  name,
+  today = /* @__PURE__ */ new Date(),
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  align = "start",
+  className,
+  id,
+  ...rest
+}) {
+  const [value, setValue] = useControllableState({
+    ...valueProp !== void 0 ? { value: valueProp } : {},
+    defaultValue,
+    ...onChange ? { onChange } : {}
+  });
+  const [isOpen, setOpen] = useControllableState({
+    ...open !== void 0 ? { value: open } : {},
+    defaultValue: defaultOpen,
+    ...onOpenChange ? { onChange: onOpenChange } : {}
+  });
+  const rootRef = React67.useRef(null);
+  const hoursRef = React67.useRef(null);
+  React67.useEffect(() => {
+    if (!isOpen) return;
+    hoursRef.current?.focus();
+    return () => {
+      const active = document.activeElement;
+      const content = hoursRef.current?.closest("[data-slot=date-time-picker-content]");
+      const lost = !active || active === document.body || !!content?.contains(active);
+      if (lost) {
+        rootRef.current?.querySelector("[data-slot=date-time-picker-trigger]")?.focus();
+      }
+    };
+  }, [isOpen]);
+  const emit = (next) => setValue(clampMoment(atMinute(next), min, max));
+  const base = () => value ? new Date(value.getTime()) : new Date(today.getFullYear(), today.getMonth(), today.getDate());
+  const onSelect = (day) => emit(
+    new Date(
+      day.getFullYear(),
+      day.getMonth(),
+      day.getDate(),
+      value?.getHours() ?? 0,
+      value?.getMinutes() ?? 0
+    )
+  );
+  const onHours = (e) => {
+    const hour = parseField(e.target.value, 23);
+    if (hour === null) return;
+    const next = base();
+    next.setHours(hour);
+    emit(next);
+  };
+  const onMinutes = (e) => {
+    const minute = parseField(e.target.value, 59);
+    if (minute === null) return;
+    const next = base();
+    next.setMinutes(minute);
+    emit(next);
+  };
+  const onClear = () => {
+    setValue(null);
+    setOpen(false);
+  };
+  const onContentBlur = (e) => {
+    const next = e.relatedTarget;
+    if (!(next instanceof Node)) return;
+    if (e.currentTarget.contains(next) || rootRef.current?.contains(next)) return;
+    setOpen(false);
+  };
+  const label = value ? format ? format(value) : locale ? (
+    // The fields are 24-hour, so the label is too — even where the locale
+    // would default to 12-hour ("2:05 PM" over a "14" hours field).
+    new Intl.DateTimeFormat(locale, {
+      dateStyle: "medium",
+      timeStyle: "short",
+      hourCycle: "h23"
+    }).format(value)
+  ) : isoLabel(value) : placeholder;
+  return /* @__PURE__ */ jsx57("div", { "data-slot": "date-time-picker", ref: rootRef, children: /* @__PURE__ */ jsxs27(Popover, { open: isOpen, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs27(
+      PopoverTrigger,
+      {
+        type: "button",
+        "data-slot": "date-time-picker-trigger",
+        "data-placeholder": value ? void 0 : "true",
+        "aria-haspopup": "dialog",
+        className: cn(
+          buttonVariants({ variant: "outline", size: "md" }),
+          DATE_TIME_PICKER_TRIGGER,
+          className
+        ),
+        disabled,
+        ...id !== void 0 ? { id } : {},
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx57(CalendarIcon, {}),
+          /* @__PURE__ */ jsx57("span", { children: label })
+        ]
+      }
+    ),
+    name !== void 0 && /* @__PURE__ */ jsx57(
+      "input",
+      {
+        type: "hidden",
+        name,
+        value: value ? String(Math.floor(value.getTime() / 1e3)) : ""
+      }
+    ),
+    /* @__PURE__ */ jsxs27(
+      PopoverContent,
+      {
+        "data-slot": "date-time-picker-content",
+        role: "dialog",
+        "aria-label": labels.dialog ?? "Choose date and time",
+        align,
+        onBlur: onContentBlur,
+        className: DATE_TIME_PICKER_CONTENT,
+        children: [
+          /* @__PURE__ */ jsx57(
+            Calendar,
+            {
+              ...value ? { selected: value } : {},
+              onSelect,
+              defaultMonth: value ?? min ?? today,
+              today,
+              disabled,
+              ...min ? { min } : {},
+              ...max ? { max } : {},
+              ...locale !== void 0 ? { locale } : {},
+              ...labels.previousMonth !== void 0 ? { previousMonthLabel: labels.previousMonth } : {},
+              ...labels.nextMonth !== void 0 ? { nextMonthLabel: labels.nextMonth } : {}
+            }
+          ),
+          /* @__PURE__ */ jsxs27("div", { className: DATE_TIME_PICKER_TIME, "data-slot": "date-time-picker-time", children: [
+            /* @__PURE__ */ jsx57(
+              Input,
+              {
+                type: "text",
+                inputMode: "numeric",
+                onFocus: selectAll,
+                className: DATE_TIME_PICKER_TIME_INPUT,
+                ref: hoursRef,
+                "data-slot": "date-time-picker-hours",
+                "aria-label": labels.hours ?? "Hours",
+                value: pad(value?.getHours() ?? 0),
+                disabled,
+                onChange: onHours
+              }
+            ),
+            /* @__PURE__ */ jsx57("span", { className: DATE_TIME_PICKER_TIME_SEPARATOR, "aria-hidden": true, children: ":" }),
+            /* @__PURE__ */ jsx57(
+              Input,
+              {
+                type: "text",
+                inputMode: "numeric",
+                onFocus: selectAll,
+                className: DATE_TIME_PICKER_TIME_INPUT,
+                "data-slot": "date-time-picker-minutes",
+                "aria-label": labels.minutes ?? "Minutes",
+                value: pad(value?.getMinutes() ?? 0),
+                disabled,
+                onChange: onMinutes
+              }
+            ),
+            /* @__PURE__ */ jsx57(
+              "button",
+              {
+                type: "button",
+                className: buttonVariants({ variant: "ghost", size: "sm", className: DATE_TIME_PICKER_CLEAR }),
+                "data-slot": "date-time-picker-clear",
+                disabled,
+                onClick: onClear,
+                children: labels.clear ?? "Clear"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+
 // src/components/sonner.tsx
-import * as React66 from "react";
+import * as React68 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 +7194,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 jsx58, jsxs as jsxs28 } from "react/jsx-runtime";
 var DEFAULT_DURATION = 4e3;
 var SWIPE_THRESHOLD = 45;
 var SWIPE_VELOCITY = 0.11;
@@ -6919,17 +7259,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 = React68.useRef(null);
+  const [height, setHeight] = React68.useState(0);
+  const remainingRef = React68.useRef(t.duration);
+  const startedRef = React68.useRef(0);
+  const flingRef = React68.useRef(
     void 0
   );
-  const dragRef = React66.useRef(
+  const dragRef = React68.useRef(
     null
   );
-  React66.useLayoutEffect(() => {
+  React68.useLayoutEffect(() => {
     const el = ref.current;
     if (!el) return;
     el.style.height = "auto";
@@ -6940,12 +7280,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(() => {
+  React68.useEffect(() => () => removeHeight(t.id), [t.id, removeHeight]);
+  const mountedClosing = React68.useRef(t.state === "closing");
+  React68.useEffect(() => {
     if (mountedClosing.current) store.remove(t.id);
   }, [t.id]);
-  React66.useEffect(() => {
+  React68.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 +7297,7 @@ function ToastItem({
       );
     };
   }, [paused, t.id, t.duration, t.state]);
-  React66.useEffect(
+  React68.useEffect(
     () => () => {
       if (flingRef.current) clearTimeout(flingRef.current);
     },
@@ -7016,7 +7356,7 @@ function ToastItem({
       );
     }
   };
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "li",
     {
       ref,
@@ -7044,11 +7384,11 @@ function ToastItem({
         toastVariantClasses[t.variant]
       ),
       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__ */ jsxs28("div", { className: TOAST_CONTENT, children: [
+          /* @__PURE__ */ jsx58("div", { className: TOAST_TITLE, children: t.message }),
+          t.description ? /* @__PURE__ */ jsx58("div", { className: "text-ink-soft text-sm", children: t.description }) : null
         ] }),
-        /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx58(
           "button",
           {
             type: "button",
@@ -7056,7 +7396,7 @@ function ToastItem({
             "data-slot": "toast-close",
             onClick: () => store.dismiss(t.id),
             className: TOAST_CLOSE,
-            children: /* @__PURE__ */ jsx56(
+            children: /* @__PURE__ */ jsx58(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -7069,7 +7409,7 @@ function ToastItem({
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ jsx56("path", { d: "M18 6 6 18M6 6l12 12" })
+                children: /* @__PURE__ */ jsx58("path", { d: "M18 6 6 18M6 6l12 12" })
               }
             )
           }
@@ -7083,17 +7423,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] = React68.useState([]);
+  const [heights, setHeights] = React68.useState(/* @__PURE__ */ new Map());
+  const [paused, setPaused] = React68.useState(false);
+  React68.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 = React68.useCallback((id, h) => {
     setHeights((prev) => {
       if (prev.get(id) === h) return prev;
       const next = new Map(prev);
@@ -7101,7 +7441,7 @@ function Toaster({
       return next;
     });
   }, []);
-  const removeHeight = React66.useCallback((id) => {
+  const removeHeight = React68.useCallback((id) => {
     setHeights((prev) => {
       if (!prev.has(id)) return prev;
       const next = new Map(prev);
@@ -7119,7 +7459,7 @@ function Toaster({
     sum += heights.get(t.id) ?? 0;
     return o;
   });
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx58(
     "ol",
     {
       "data-slot": "toaster",
@@ -7140,7 +7480,7 @@ function Toaster({
       onPointerOut: onLeave,
       onFocus: onEnter,
       onBlur: onLeave,
-      children: ordered.map((t, i) => /* @__PURE__ */ jsx56(
+      children: ordered.map((t, i) => /* @__PURE__ */ jsx58(
         ToastItem,
         {
           toast: t,
@@ -7158,7 +7498,7 @@ function Toaster({
 }
 
 // src/components/form.tsx
-import * as React67 from "react";
+import * as React69 from "react";
 
 // src/generated/form.ts
 var FORM_ITEM = "grid gap-2";
@@ -7166,21 +7506,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 jsx59 } from "react/jsx-runtime";
+var FormItemContext = React69.createContext(null);
 function useFormItem() {
-  const ctx = React67.useContext(FormItemContext);
+  const ctx = React69.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__ */ jsx59("form", { "data-slot": "form", ...props });
 }
 function FormItem({ className, ...props }) {
-  const id = React67.useId();
-  const value = React67.useMemo(
+  const id = React69.useId();
+  const value = React69.useMemo(
     () => ({
       id,
       formItemId: `${id}-form-item`,
@@ -7189,7 +7529,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__ */ jsx59(FormItemContext.Provider, { value, children: /* @__PURE__ */ jsx59("div", { "data-slot": "form-item", className: cn(FORM_ITEM, className), ...props }) });
 }
 function FormLabel({
   className,
@@ -7197,7 +7537,7 @@ function FormLabel({
   ...props
 }) {
   const { formItemId } = useFormItem();
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx59(
     Label,
     {
       "data-slot": "form-label",
@@ -7213,7 +7553,7 @@ function FormControl({
   ...props
 }) {
   const { formItemId, formDescriptionId, formMessageId } = useFormItem();
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx59(
     Slot,
     {
       "data-slot": "form-control",
@@ -7226,7 +7566,7 @@ function FormControl({
 }
 function FormDescription({ className, ...props }) {
   const { formDescriptionId } = useFormItem();
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx59(
     "p",
     {
       "data-slot": "form-description",
@@ -7241,7 +7581,7 @@ function FormMessage({ className, children, ...props }) {
   if (!children) {
     return null;
   }
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx59(
     "p",
     {
       "data-slot": "form-message",
@@ -7254,7 +7594,7 @@ function FormMessage({ className, children, ...props }) {
 }
 
 // src/components/resizable.tsx
-import * as React68 from "react";
+import * as React70 from "react";
 
 // src/generated/resizable.ts
 var RESIZABLE_GROUP = "flex h-full w-full data-[panel-group-direction=vertical]:flex-col";
@@ -7263,10 +7603,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 jsx60, jsxs as jsxs29 } from "react/jsx-runtime";
+var ResizableContext = React70.createContext(null);
 function useResizable() {
-  const ctx = React68.useContext(ResizableContext);
+  const ctx = React70.useContext(ResizableContext);
   if (!ctx)
     throw new Error("Resizable parts must be used within a ResizablePanelGroup");
   return ctx;
@@ -7289,9 +7629,9 @@ function ResizablePanelGroup({
   children,
   ...props
 }) {
-  const [sizes, setSizes] = React68.useState([]);
-  const groupRef = React68.useRef(null);
-  const register = React68.useCallback((index, defaultSize) => {
+  const [sizes, setSizes] = React70.useState([]);
+  const groupRef = React70.useRef(null);
+  const register = React70.useCallback((index, defaultSize) => {
     setSizes((prev) => {
       if (prev[index] !== void 0) return prev;
       const next = prev.slice();
@@ -7300,14 +7640,14 @@ function ResizablePanelGroup({
       return next;
     });
   }, []);
-  React68.useEffect(() => {
+  React70.useEffect(() => {
     if (sizes.length) onLayout?.(sizes);
   }, [sizes, onLayout]);
-  const value = React68.useMemo(
+  const value = React70.useMemo(
     () => ({ sizes, setSizes, register, direction, keyboardStep, groupRef }),
     [sizes, register, direction, keyboardStep]
   );
-  return /* @__PURE__ */ jsx58(ResizableContext.Provider, { value, children: /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(ResizableContext.Provider, { value, children: /* @__PURE__ */ jsx60(
     "div",
     {
       ref: groupRef,
@@ -7328,11 +7668,11 @@ function ResizablePanel({
   ...props
 }) {
   const { sizes, register } = useResizable();
-  React68.useEffect(() => {
+  React70.useEffect(() => {
     register(index, defaultSize);
   }, [register, index, defaultSize]);
   const basis = sizes[index] ?? defaultSize;
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "div",
     {
       "data-slot": "resizable-panel",
@@ -7351,12 +7691,12 @@ function ResizableHandle({
   ...props
 }) {
   const { setSizes, direction, keyboardStep, groupRef } = useResizable();
-  const draggingRef = React68.useRef(false);
-  const resize = React68.useCallback(
+  const draggingRef = React70.useRef(false);
+  const resize = React70.useCallback(
     (delta) => setSizes((prev) => redistribute(prev, index, delta)),
     [setSizes, index]
   );
-  const onPointerMove = React68.useCallback(
+  const onPointerMove = React70.useCallback(
     (event) => {
       if (!draggingRef.current) return;
       const rect = groupRef.current?.getBoundingClientRect();
@@ -7368,7 +7708,7 @@ function ResizableHandle({
     },
     [direction, resize, groupRef]
   );
-  const onPointerUp = React68.useCallback(() => {
+  const onPointerUp = React70.useCallback(() => {
     draggingRef.current = false;
     window.removeEventListener("pointermove", onPointerMove);
     window.removeEventListener("pointerup", onPointerUp);
@@ -7379,7 +7719,7 @@ function ResizableHandle({
     window.addEventListener("pointermove", onPointerMove);
     window.addEventListener("pointerup", onPointerUp);
   };
-  React68.useEffect(() => () => onPointerUp(), [onPointerUp]);
+  React70.useEffect(() => () => onPointerUp(), [onPointerUp]);
   const onKeyDown = (event) => {
     let delta;
     switch (event.key) {
@@ -7399,7 +7739,7 @@ function ResizableHandle({
     event.preventDefault();
     resize(delta);
   };
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     "div",
     {
       "data-slot": "resizable-handle",
@@ -7412,7 +7752,7 @@ function ResizableHandle({
       onKeyDown,
       ...props,
       children: [
-        withHandle && /* @__PURE__ */ jsx58("div", { className: RESIZABLE_HANDLE_GRIP, children: /* @__PURE__ */ jsxs28(
+        withHandle && /* @__PURE__ */ jsx60("div", { className: RESIZABLE_HANDLE_GRIP, children: /* @__PURE__ */ jsxs29(
           "svg",
           {
             className: "size-2.5",
@@ -7427,12 +7767,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__ */ jsx60("circle", { cx: "9", cy: "12", r: "1" }),
+              /* @__PURE__ */ jsx60("circle", { cx: "9", cy: "5", r: "1" }),
+              /* @__PURE__ */ jsx60("circle", { cx: "9", cy: "19", r: "1" }),
+              /* @__PURE__ */ jsx60("circle", { cx: "15", cy: "12", r: "1" }),
+              /* @__PURE__ */ jsx60("circle", { cx: "15", cy: "5", r: "1" }),
+              /* @__PURE__ */ jsx60("circle", { cx: "15", cy: "19", r: "1" })
             ]
           }
         ) }),
@@ -7443,7 +7783,7 @@ function ResizableHandle({
 }
 
 // src/components/terminal.tsx
-import * as React69 from "react";
+import * as React71 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]";
@@ -7489,12 +7829,12 @@ var orderSideClasses = {
 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 jsx59, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs30 } from "react/jsx-runtime";
 function Terminal({ className, ...props }) {
-  return /* @__PURE__ */ jsx59("div", { "data-slot": "terminal", className: cn(TERMINAL_ROOT, className), ...props });
+  return /* @__PURE__ */ jsx61("div", { "data-slot": "terminal", className: cn(TERMINAL_ROOT, className), ...props });
 }
 function TerminalPane({ area, className, ...props }) {
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(
     "section",
     {
       "data-slot": "terminal-pane",
@@ -7505,7 +7845,7 @@ function TerminalPane({ area, className, ...props }) {
   );
 }
 function TerminalPaneHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(
     "header",
     {
       "data-slot": "terminal-pane-header",
@@ -7515,10 +7855,10 @@ function TerminalPaneHeader({ className, ...props }) {
   );
 }
 function TerminalPaneBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx59("div", { "data-slot": "terminal-pane-body", className: cn(TERMINAL_PANE_BODY, className), ...props });
+  return /* @__PURE__ */ jsx61("div", { "data-slot": "terminal-pane-body", className: cn(TERMINAL_PANE_BODY, className), ...props });
 }
-var TerminalChart = React69.forwardRef(function TerminalChart2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx59(
+var TerminalChart = React71.forwardRef(function TerminalChart2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx61(
     "div",
     {
       ref,
@@ -7529,7 +7869,7 @@ var TerminalChart = React69.forwardRef(function TerminalChart2({ className, ...p
   );
 });
 function TerminalTicker({ className, ...props }) {
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(
     "div",
     {
       "data-slot": "terminal-ticker",
@@ -7540,19 +7880,19 @@ function TerminalTicker({ className, ...props }) {
   );
 }
 function TickerStat({ label, value, className, ...props }) {
-  return /* @__PURE__ */ jsxs29("div", { "data-slot": "ticker-stat", className: TERMINAL_TICKER_STAT, ...props, children: [
-    /* @__PURE__ */ jsx59("span", { className: TERMINAL_TICKER_LABEL, children: label }),
-    /* @__PURE__ */ jsx59("span", { className: cn(TERMINAL_TICKER_VALUE, className), children: value })
+  return /* @__PURE__ */ jsxs30("div", { "data-slot": "ticker-stat", className: TERMINAL_TICKER_STAT, ...props, children: [
+    /* @__PURE__ */ jsx61("span", { className: TERMINAL_TICKER_LABEL, children: label }),
+    /* @__PURE__ */ jsx61("span", { className: cn(TERMINAL_TICKER_VALUE, className), children: value })
   ] });
 }
 function OrderBook({ className, ...props }) {
-  return /* @__PURE__ */ jsx59("div", { "data-slot": "order-book", className: cn(ORDER_BOOK, className), ...props });
+  return /* @__PURE__ */ jsx61("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__ */ jsx59("span", { children: price }),
-    /* @__PURE__ */ jsx59("span", { children: size }),
-    /* @__PURE__ */ jsx59("span", { children: total })
+  return /* @__PURE__ */ jsxs30("div", { "data-slot": "order-book-head", className: cn(ORDER_BOOK_HEAD, className), ...props, children: [
+    /* @__PURE__ */ jsx61("span", { children: price }),
+    /* @__PURE__ */ jsx61("span", { children: size }),
+    /* @__PURE__ */ jsx61("span", { children: total })
   ] });
 }
 function OrderBookRow({
@@ -7564,7 +7904,7 @@ function OrderBookRow({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
       "data-slot": "order-book-row",
@@ -7572,7 +7912,7 @@ function OrderBookRow({
       className: cn(ORDER_BOOK_ROW, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsx61(
           "span",
           {
             "aria-hidden": "true",
@@ -7580,9 +7920,9 @@ function OrderBookRow({
             style: { width: `${depthPercent(depth)}%` }
           }
         ),
-        /* @__PURE__ */ jsx59("span", { className: cn(ORDER_BOOK_PRICE, bookSideClasses[side]), children: price }),
-        /* @__PURE__ */ jsx59("span", { children: size }),
-        /* @__PURE__ */ jsx59("span", { children: total })
+        /* @__PURE__ */ jsx61("span", { className: cn(ORDER_BOOK_PRICE, bookSideClasses[side]), children: price }),
+        /* @__PURE__ */ jsx61("span", { children: size }),
+        /* @__PURE__ */ jsx61("span", { children: total })
       ]
     }
   );
@@ -7592,10 +7932,10 @@ function depthPercent(depth) {
   return Math.round(Math.min(1, Math.max(0, depth)) * 100);
 }
 function OrderBookSpread({ className, ...props }) {
-  return /* @__PURE__ */ jsx59("div", { "data-slot": "order-book-spread", className: cn(ORDER_BOOK_SPREAD, className), ...props });
+  return /* @__PURE__ */ jsx61("div", { "data-slot": "order-book-spread", className: cn(ORDER_BOOK_SPREAD, className), ...props });
 }
 function TradesTapeRow({ side, price, size, time, className, ...props }) {
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
       "data-slot": "trades-tape-row",
@@ -7603,15 +7943,15 @@ function TradesTapeRow({ side, price, size, time, className, ...props }) {
       className: cn(TRADES_TAPE_ROW, className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx59("span", { className: cn(ORDER_BOOK_PRICE, bookSideClasses[side]), children: price }),
-        /* @__PURE__ */ jsx59("span", { children: size }),
-        /* @__PURE__ */ jsx59("span", { children: time })
+        /* @__PURE__ */ jsx61("span", { className: cn(ORDER_BOOK_PRICE, bookSideClasses[side]), children: price }),
+        /* @__PURE__ */ jsx61("span", { children: size }),
+        /* @__PURE__ */ jsx61("span", { children: time })
       ]
     }
   );
 }
 function OrderForm({ className, onSubmit, ...props }) {
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(
     "form",
     {
       "data-slot": "order-form",
@@ -7625,13 +7965,13 @@ function OrderForm({ className, onSubmit, ...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__ */ jsx59("span", { className: ORDER_FORM_LABEL, children: label }),
-    /* @__PURE__ */ jsx59("span", { className: ORDER_FORM_VALUE, children: value })
+  return /* @__PURE__ */ jsxs30("div", { "data-slot": "order-form-row", className: cn(ORDER_FORM_ROW, className), ...props, children: [
+    /* @__PURE__ */ jsx61("span", { className: ORDER_FORM_LABEL, children: label }),
+    /* @__PURE__ */ jsx61("span", { className: ORDER_FORM_VALUE, children: value })
   ] });
 }
 function OrderFormSubmit({ side = "buy", className, ...props }) {
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(
     "button",
     {
       type: "submit",
@@ -7643,7 +7983,7 @@ function OrderFormSubmit({ side = "buy", className, ...props }) {
   );
 }
 function OpenOrdersEmpty({ className, ...props }) {
-  return /* @__PURE__ */ jsx59("div", { "data-slot": "open-orders-empty", className: cn(OPEN_ORDERS_EMPTY, className), ...props });
+  return /* @__PURE__ */ jsx61("div", { "data-slot": "open-orders-empty", className: cn(OPEN_ORDERS_EMPTY, className), ...props });
 }
 export {
   Accordion,
@@ -7728,6 +8068,7 @@ export {
   ContextMenuSubContent,
   ContextMenuSubTrigger,
   ContextMenuTrigger,
+  DateTimePicker,
   Dialog,
   DialogClose,
   DialogContent,
@@ -7818,6 +8159,7 @@ export {
   Kbd,
   KbdGroup,
   Label,
+  Logo,
   Menubar,
   MenubarCheckboxItem,
   MenubarContent,