@trading-game/design-intelligence-layer 0.16.7 → 0.16.9

package/dist/index.js

@@ -1564,10 +1564,49 @@ function CarouselNext(_a) {
   );
 }
 
+// components/ui/chip.tsx
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var chipVariants = cva4(
+  "inline-flex w-fit items-center justify-center rounded-full font-body whitespace-nowrap transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:border disabled:border-border-subtle disabled:bg-transparent disabled:text-on-disabled",
+  {
+    variants: {
+      size: {
+        md: "h-10 px-4 text-sm",
+        sm: "h-8 px-3 text-xs"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function Chip(_a) {
+  var _b = _a, { children, selected = false, size, className, disabled } = _b, props = __objRest(_b, ["children", "selected", "size", "className", "disabled"]);
+  return /* @__PURE__ */ jsx14(
+    "button",
+    __spreadProps(__spreadValues({
+      type: "button",
+      "aria-pressed": selected,
+      "data-slot": "chip",
+      "data-size": size,
+      "data-selected": selected || void 0,
+      disabled,
+      className: cn(
+        chipVariants({ size }),
+        selected ? "border-[1.5px] border-primary bg-primary/10 text-primary font-semibold pointer-events-none cursor-default" : "border border-border-subtle bg-transparent text-on-prominent transition-colors hover:bg-secondary-hover active:bg-secondary-hover/80",
+        className
+      )
+    }, props), {
+      children
+    })
+  );
+}
+
 // components/ui/chart.tsx
 import * as React5 from "react";
 import * as RechartsPrimitive from "recharts";
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var THEMES = { light: "" };
 var ChartContext = React5.createContext(null);
 function useChart() {
@@ -1591,7 +1630,7 @@ function ChartContainer(_a) {
   ]);
   const uniqueId = React5.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx14(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx15(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs9(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "chart",
@@ -1602,8 +1641,8 @@ function ChartContainer(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx14(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx14(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ jsx15(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx15(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     })
   ) });
@@ -1615,7 +1654,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -1661,12 +1700,12 @@ function ChartTooltipContent({
     const itemConfig = getPayloadConfigFromPayload(config, item, key);
     const value = !labelKey && typeof label === "string" ? ((_a = config[label]) == null ? void 0 : _a.label) || label : itemConfig == null ? void 0 : itemConfig.label;
     if (labelFormatter) {
-      return /* @__PURE__ */ jsx14("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+      return /* @__PURE__ */ jsx15("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
     }
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ jsx14("div", { className: cn("font-medium", labelClassName), children: value });
+    return /* @__PURE__ */ jsx15("div", { className: cn("font-medium", labelClassName), children: value });
   }, [
     label,
     labelFormatter,
@@ -1689,11 +1728,11 @@ function ChartTooltipContent({
       ),
       children: [
         !nestLabel ? tooltipLabel : null,
-        /* @__PURE__ */ jsx14("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+        /* @__PURE__ */ jsx15("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
           const key = `${nameKey || item.name || item.dataKey || "value"}`;
           const itemConfig = getPayloadConfigFromPayload(config, item, key);
           const indicatorColor = color || item.payload.fill || item.color;
-          return /* @__PURE__ */ jsx14(
+          return /* @__PURE__ */ jsx15(
             "div",
             {
               className: cn(
@@ -1701,7 +1740,7 @@ function ChartTooltipContent({
                 indicator === "dot" && "items-center"
               ),
               children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs9(Fragment4, { children: [
-                (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx14(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx14(
+                (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx15(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx15(
                   "div",
                   {
                     className: cn(
@@ -1729,9 +1768,9 @@ function ChartTooltipContent({
                     children: [
                       /* @__PURE__ */ jsxs9("div", { className: "grid gap-1.5", children: [
                         nestLabel ? tooltipLabel : null,
-                        /* @__PURE__ */ jsx14("span", { className: "text-on-subtle", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
+                        /* @__PURE__ */ jsx15("span", { className: "text-on-subtle", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
                       ] }),
-                      item.value && /* @__PURE__ */ jsx14("span", { className: "font-mono font-medium text-on-prominent tabular-nums", children: item.value.toLocaleString() })
+                      item.value && /* @__PURE__ */ jsx15("span", { className: "font-mono font-medium text-on-prominent tabular-nums", children: item.value.toLocaleString() })
                     ]
                   }
                 )
@@ -1756,7 +1795,7 @@ function ChartLegendContent({
   if (!(payload == null ? void 0 : payload.length)) {
     return null;
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
       className: cn(
@@ -1774,7 +1813,7 @@ function ChartLegendContent({
               "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-on-subtle"
             ),
             children: [
-              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsx14(itemConfig.icon, {}) : /* @__PURE__ */ jsx14(
+              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsx15(itemConfig.icon, {}) : /* @__PURE__ */ jsx15(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -1809,14 +1848,14 @@ function getPayloadConfigFromPayload(config, payload, key) {
 // components/ui/checkbox.tsx
 import { CheckIcon } from "lucide-react";
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function Checkbox(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     CheckboxPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "checkbox",
@@ -1825,12 +1864,12 @@ function Checkbox(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsx16(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsx15(CheckIcon, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx16(CheckIcon, { className: "size-3.5" })
         }
       )
     })
@@ -1839,14 +1878,14 @@ function Checkbox(_a) {
 
 // components/ui/collapsible.tsx
 import { Collapsible as CollapsiblePrimitive } from "radix-ui";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function Collapsible(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx16(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
+  return /* @__PURE__ */ jsx17(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
 }
 function CollapsibleTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     CollapsiblePrimitive.CollapsibleTrigger,
     __spreadValues({
       "data-slot": "collapsible-trigger"
@@ -1855,7 +1894,7 @@ function CollapsibleTrigger(_a) {
 }
 function CollapsibleContent(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     CollapsiblePrimitive.CollapsibleContent,
     __spreadValues({
       "data-slot": "collapsible-content"
@@ -1870,12 +1909,12 @@ import { CheckIcon as CheckIcon2, ChevronDownIcon as ChevronDownIcon3, XIcon } f
 
 // components/ui/input-group.tsx
 import * as React6 from "react";
-import { cva as cva5 } from "class-variance-authority";
+import { cva as cva6 } from "class-variance-authority";
 
 // components/ui/input.tsx
-import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var inputVariants = cva4(
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var inputVariants = cva5(
   [
     "w-full min-w-0 rounded-sm border border-border-subtle bg-white/5",
     "text-on-prominent font-body shadow-xs transition-[color,box-shadow] outline-none",
@@ -1908,7 +1947,7 @@ function Input(_a) {
     "type",
     "size"
   ]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "input",
     __spreadValues({
       type,
@@ -1920,10 +1959,10 @@ function Input(_a) {
 }
 
 // components/ui/textarea.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Textarea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "textarea",
     __spreadValues({
       "data-slot": "textarea",
@@ -1936,9 +1975,9 @@ function Textarea(_a) {
 }
 
 // components/ui/input-group.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var InputGroupSizeContext = React6.createContext("md");
-var inputGroupVariants = cva5(
+var inputGroupVariants = cva6(
   [
     "group/input-group relative flex w-full items-center rounded-sm border border-border-subtle bg-white/5",
     "shadow-xs transition-[color,box-shadow] outline-none min-w-0 has-[>textarea]:h-auto",
@@ -1975,7 +2014,7 @@ function InputGroup(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsx19(InputGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(InputGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx20(
     "div",
     __spreadValues({
       "data-slot": "input-group",
@@ -1985,7 +2024,7 @@ function InputGroup(_a) {
     }, props)
   ) });
 }
-var inputGroupAddonVariants = cva5(
+var inputGroupAddonVariants = cva6(
   [
     "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 font-medium text-on-subtle select-none",
     "group-data-[disabled=true]/input-group:opacity-50",
@@ -2020,7 +2059,7 @@ function InputGroupAddon(_a) {
     "className",
     "align"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     __spreadValues({
       role: "group",
@@ -2037,7 +2076,7 @@ function InputGroupAddon(_a) {
     }, props)
   );
 }
-var inputGroupButtonVariants = cva5(
+var inputGroupButtonVariants = cva6(
   "flex items-center gap-2 text-sm shadow-none",
   {
     variants: {
@@ -2065,7 +2104,7 @@ function InputGroupButton(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Button,
     __spreadValues({
       type,
@@ -2077,7 +2116,7 @@ function InputGroupButton(_a) {
 }
 function InputGroupText(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "span",
     __spreadValues({
       className: cn(
@@ -2101,7 +2140,7 @@ function InputGroupInput(_a) {
   ]);
   const groupSize = React6.useContext(InputGroupSizeContext);
   const size = sizeProp != null ? sizeProp : groupSize;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Input,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -2119,7 +2158,7 @@ function InputGroupTextarea(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Textarea,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -2132,11 +2171,11 @@ function InputGroupTextarea(_a) {
 }
 
 // components/ui/combobox.tsx
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 var Combobox = ComboboxPrimitive.Root;
 function ComboboxValue(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx20(ComboboxPrimitive.Value, __spreadValues({ "data-slot": "combobox-value" }, props));
+  return /* @__PURE__ */ jsx21(ComboboxPrimitive.Value, __spreadValues({ "data-slot": "combobox-value" }, props));
 }
 function ComboboxTrigger(_a) {
   var _b = _a, {
@@ -2154,7 +2193,7 @@ function ComboboxTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           ChevronDownIcon3,
           {
             "data-slot": "combobox-trigger-icon",
@@ -2167,14 +2206,14 @@ function ComboboxTrigger(_a) {
 }
 function ComboboxClear(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.Clear,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-clear",
-      render: /* @__PURE__ */ jsx20(InputGroupButton, { variant: "secondary", size: "icon-xs" }),
+      render: /* @__PURE__ */ jsx21(InputGroupButton, { variant: "secondary", size: "icon-xs" }),
       className: cn(className)
     }, props), {
-      children: /* @__PURE__ */ jsx20(XIcon, { className: "pointer-events-none" })
+      children: /* @__PURE__ */ jsx21(XIcon, { className: "pointer-events-none" })
     })
   );
 }
@@ -2193,14 +2232,14 @@ function ComboboxInput(_a) {
     "showClear"
   ]);
   return /* @__PURE__ */ jsxs10(InputGroup, { className: cn("w-auto", className), children: [
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       ComboboxPrimitive.Input,
       __spreadValues({
-        render: /* @__PURE__ */ jsx20(InputGroupInput, { disabled })
+        render: /* @__PURE__ */ jsx21(InputGroupInput, { disabled })
       }, props)
     ),
     /* @__PURE__ */ jsxs10(InputGroupAddon, { align: "inline-end", children: [
-      showTrigger && /* @__PURE__ */ jsx20(
+      showTrigger && /* @__PURE__ */ jsx21(
         InputGroupButton,
         {
           size: "icon-xs",
@@ -2209,10 +2248,10 @@ function ComboboxInput(_a) {
           "data-slot": "input-group-button",
           className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
           disabled,
-          children: /* @__PURE__ */ jsx20(ComboboxTrigger, {})
+          children: /* @__PURE__ */ jsx21(ComboboxTrigger, {})
         }
       ),
-      showClear && /* @__PURE__ */ jsx20(ComboboxClear, { disabled })
+      showClear && /* @__PURE__ */ jsx21(ComboboxClear, { disabled })
     ] }),
     children
   ] });
@@ -2233,7 +2272,7 @@ function ComboboxContent(_a) {
     "alignOffset",
     "anchor"
   ]);
-  return /* @__PURE__ */ jsx20(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
     ComboboxPrimitive.Positioner,
     {
       side,
@@ -2242,7 +2281,7 @@ function ComboboxContent(_a) {
       alignOffset,
       anchor,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx20(
+      children: /* @__PURE__ */ jsx21(
         ComboboxPrimitive.Popup,
         __spreadValues({
           "data-slot": "combobox-content",
@@ -2258,7 +2297,7 @@ function ComboboxContent(_a) {
 }
 function ComboboxList(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.List,
     __spreadValues({
       "data-slot": "combobox-list",
@@ -2288,12 +2327,12 @@ function ComboboxItem(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           ComboboxPrimitive.ItemIndicator,
           {
             "data-slot": "combobox-item-indicator",
-            render: /* @__PURE__ */ jsx20("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-            children: /* @__PURE__ */ jsx20(CheckIcon2, { className: "pointer-events-none size-4 pointer-coarse:size-5" })
+            render: /* @__PURE__ */ jsx21("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ jsx21(CheckIcon2, { className: "pointer-events-none size-4 pointer-coarse:size-5" })
           }
         )
       ]
@@ -2302,7 +2341,7 @@ function ComboboxItem(_a) {
 }
 function ComboboxGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.Group,
     __spreadValues({
       "data-slot": "combobox-group",
@@ -2316,7 +2355,7 @@ function ComboboxLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.GroupLabel,
     __spreadValues({
       "data-slot": "combobox-label",
@@ -2329,11 +2368,11 @@ function ComboboxLabel(_a) {
 }
 function ComboboxCollection(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx20(ComboboxPrimitive.Collection, __spreadValues({ "data-slot": "combobox-collection" }, props));
+  return /* @__PURE__ */ jsx21(ComboboxPrimitive.Collection, __spreadValues({ "data-slot": "combobox-collection" }, props));
 }
 function ComboboxEmpty(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.Empty,
     __spreadValues({
       "data-slot": "combobox-empty",
@@ -2350,7 +2389,7 @@ function ComboboxSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.Separator,
     __spreadValues({
       "data-slot": "combobox-separator",
@@ -2364,7 +2403,7 @@ function ComboboxChips(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.Chips,
     __spreadValues({
       "data-slot": "combobox-chips",
@@ -2396,13 +2435,13 @@ function ComboboxChip(_a) {
     }, props), {
       children: [
         children,
-        showRemove && /* @__PURE__ */ jsx20(
+        showRemove && /* @__PURE__ */ jsx21(
           ComboboxPrimitive.ChipRemove,
           {
-            render: /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "icon-xs" }),
+            render: /* @__PURE__ */ jsx21(Button, { variant: "secondary", size: "icon-xs" }),
             className: "-ml-1 opacity-50 hover:opacity-100",
             "data-slot": "combobox-chip-remove",
-            children: /* @__PURE__ */ jsx20(XIcon, { className: "pointer-events-none" })
+            children: /* @__PURE__ */ jsx21(XIcon, { className: "pointer-events-none" })
           }
         )
       ]
@@ -2417,7 +2456,7 @@ function ComboboxChipsInput(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ComboboxPrimitive.Input,
     __spreadValues({
       "data-slot": "combobox-chip-input",
@@ -2436,22 +2475,22 @@ import { SearchIcon } from "lucide-react";
 // components/ui/dialog.tsx
 import { XIcon as XIcon2 } from "lucide-react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 function Dialog(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(DialogPrimitive.Root, __spreadValues({ "data-slot": "dialog" }, props));
+  return /* @__PURE__ */ jsx22(DialogPrimitive.Root, __spreadValues({ "data-slot": "dialog" }, props));
 }
 function DialogTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(DialogPrimitive.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
+  return /* @__PURE__ */ jsx22(DialogPrimitive.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
 }
 function DialogPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(DialogPrimitive.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+  return /* @__PURE__ */ jsx22(DialogPrimitive.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
 }
 function DialogClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(DialogPrimitive.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
+  return /* @__PURE__ */ jsx22(DialogPrimitive.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
 }
 function DialogOverlay(_a) {
   var _b = _a, {
@@ -2459,7 +2498,7 @@ function DialogOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     DialogPrimitive.Overlay,
     __spreadValues({
       "data-slot": "dialog-overlay",
@@ -2481,7 +2520,7 @@ function DialogContent(_a) {
     "showCloseButton"
   ]);
   return /* @__PURE__ */ jsxs11(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx21(DialogOverlay, {}),
+    /* @__PURE__ */ jsx22(DialogOverlay, {}),
     /* @__PURE__ */ jsxs11(
       DialogPrimitive.Content,
       __spreadProps(__spreadValues({
@@ -2499,8 +2538,8 @@ function DialogContent(_a) {
               "data-slot": "dialog-close",
               className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-prominent transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-on-subtle [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsx21(XIcon2, {}),
-                /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx22(XIcon2, {}),
+                /* @__PURE__ */ jsx22("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -2511,7 +2550,7 @@ function DialogContent(_a) {
 }
 function DialogHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "div",
     __spreadValues({
       "data-slot": "dialog-header",
@@ -2540,7 +2579,7 @@ function DialogFooter(_a) {
     }, props), {
       children: [
         children,
-        showCloseButton && /* @__PURE__ */ jsx21(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx21(Button, { variant: "secondary", size: "md", children: "Close" }) })
+        showCloseButton && /* @__PURE__ */ jsx22(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx22(Button, { variant: "secondary", size: "md", children: "Close" }) })
       ]
     })
   );
@@ -2551,7 +2590,7 @@ function DialogTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     DialogPrimitive.Title,
     __spreadValues({
       "data-slot": "dialog-title",
@@ -2565,7 +2604,7 @@ function DialogDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     DialogPrimitive.Description,
     __spreadValues({
       "data-slot": "dialog-description",
@@ -2575,14 +2614,14 @@ function DialogDescription(_a) {
 }
 
 // components/ui/command.tsx
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 function Command(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     CommandPrimitive,
     __spreadValues({
       "data-slot": "command",
@@ -2609,15 +2648,15 @@ function CommandDialog(_a) {
   ]);
   return /* @__PURE__ */ jsxs12(Dialog, __spreadProps(__spreadValues({}, props), { children: [
     /* @__PURE__ */ jsxs12(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsx22(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx22(DialogDescription, { children: description })
+      /* @__PURE__ */ jsx23(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx23(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       DialogContent,
       {
         className: cn("overflow-hidden p-0", className),
         showCloseButton,
-        children: /* @__PURE__ */ jsx22(Command, { className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-on-subtle [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+        children: /* @__PURE__ */ jsx23(Command, { className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-on-subtle [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
       }
     )
   ] }));
@@ -2634,8 +2673,8 @@ function CommandInput(_a) {
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ jsx22(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx23(
           CommandPrimitive.Input,
           __spreadValues({
             "data-slot": "command-input",
@@ -2655,7 +2694,7 @@ function CommandList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     CommandPrimitive.List,
     __spreadValues({
       "data-slot": "command-list",
@@ -2668,7 +2707,7 @@ function CommandList(_a) {
 }
 function CommandEmpty(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     CommandPrimitive.Empty,
     __spreadValues({
       "data-slot": "command-empty",
@@ -2682,7 +2721,7 @@ function CommandGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     CommandPrimitive.Group,
     __spreadValues({
       "data-slot": "command-group",
@@ -2699,7 +2738,7 @@ function CommandSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     CommandPrimitive.Separator,
     __spreadValues({
       "data-slot": "command-separator",
@@ -2713,7 +2752,7 @@ function CommandItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     CommandPrimitive.Item,
     __spreadValues({
       "data-slot": "command-item",
@@ -2730,7 +2769,7 @@ function CommandShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "span",
     __spreadValues({
       "data-slot": "command-shortcut",
@@ -2745,30 +2784,30 @@ function CommandShortcut(_a) {
 // components/ui/context-menu.tsx
 import { CheckIcon as CheckIcon3, ChevronRightIcon as ChevronRightIcon2, CircleIcon } from "lucide-react";
 import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
-import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 function ContextMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Root, __spreadValues({ "data-slot": "context-menu" }, props));
+  return /* @__PURE__ */ jsx24(ContextMenuPrimitive.Root, __spreadValues({ "data-slot": "context-menu" }, props));
 }
 function ContextMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Trigger, __spreadValues({ "data-slot": "context-menu-trigger" }, props));
+  return /* @__PURE__ */ jsx24(ContextMenuPrimitive.Trigger, __spreadValues({ "data-slot": "context-menu-trigger" }, props));
 }
 function ContextMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Group, __spreadValues({ "data-slot": "context-menu-group" }, props));
+  return /* @__PURE__ */ jsx24(ContextMenuPrimitive.Group, __spreadValues({ "data-slot": "context-menu-group" }, props));
 }
 function ContextMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Portal, __spreadValues({ "data-slot": "context-menu-portal" }, props));
+  return /* @__PURE__ */ jsx24(ContextMenuPrimitive.Portal, __spreadValues({ "data-slot": "context-menu-portal" }, props));
 }
 function ContextMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Sub, __spreadValues({ "data-slot": "context-menu-sub" }, props));
+  return /* @__PURE__ */ jsx24(ContextMenuPrimitive.Sub, __spreadValues({ "data-slot": "context-menu-sub" }, props));
 }
 function ContextMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ContextMenuPrimitive.RadioGroup,
     __spreadValues({
       "data-slot": "context-menu-radio-group"
@@ -2797,7 +2836,7 @@ function ContextMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx23(ChevronRightIcon2, { className: "ml-auto" })
+        /* @__PURE__ */ jsx24(ChevronRightIcon2, { className: "ml-auto" })
       ]
     })
   );
@@ -2808,7 +2847,7 @@ function ContextMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ContextMenuPrimitive.SubContent,
     __spreadValues({
       "data-slot": "context-menu-sub-content",
@@ -2825,7 +2864,7 @@ function ContextMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
     ContextMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "context-menu-content",
@@ -2846,7 +2885,7 @@ function ContextMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ContextMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "context-menu-item",
@@ -2880,7 +2919,7 @@ function ContextMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx23("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(CheckIcon3, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx24("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CheckIcon3, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -2904,7 +2943,7 @@ function ContextMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx23("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx24("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -2918,7 +2957,7 @@ function ContextMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ContextMenuPrimitive.Label,
     __spreadValues({
       "data-slot": "context-menu-label",
@@ -2936,7 +2975,7 @@ function ContextMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ContextMenuPrimitive.Separator,
     __spreadValues({
       "data-slot": "context-menu-separator",
@@ -2950,7 +2989,7 @@ function ContextMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "span",
     __spreadValues({
       "data-slot": "context-menu-shortcut",
@@ -2964,34 +3003,34 @@ function ContextMenuShortcut(_a) {
 
 // components/ui/direction.tsx
 import { Direction } from "radix-ui";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function DirectionProvider({
   dir,
   direction,
   children
 }) {
-  return /* @__PURE__ */ jsx24(Direction.DirectionProvider, { dir: direction != null ? direction : dir, children });
+  return /* @__PURE__ */ jsx25(Direction.DirectionProvider, { dir: direction != null ? direction : dir, children });
 }
 var useDirection = Direction.useDirection;
 
 // components/ui/drawer.tsx
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 function Drawer(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
+  return /* @__PURE__ */ jsx26(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
 }
 function DrawerTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
+  return /* @__PURE__ */ jsx26(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
 }
 function DrawerPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
+  return /* @__PURE__ */ jsx26(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
 }
 function DrawerClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
+  return /* @__PURE__ */ jsx26(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
 }
 function DrawerOverlay(_a) {
   var _b = _a, {
@@ -2999,7 +3038,7 @@ function DrawerOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DrawerPrimitive.Overlay,
     __spreadValues({
       "data-slot": "drawer-overlay",
@@ -3019,7 +3058,7 @@ function DrawerContent(_a) {
     "children"
   ]);
   return /* @__PURE__ */ jsxs14(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ jsx25(DrawerOverlay, {}),
+    /* @__PURE__ */ jsx26(DrawerOverlay, {}),
     /* @__PURE__ */ jsxs14(
       DrawerPrimitive.Content,
       __spreadProps(__spreadValues({
@@ -3034,7 +3073,7 @@ function DrawerContent(_a) {
         )
       }, props), {
         children: [
-          /* @__PURE__ */ jsx25("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-subtle group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ jsx26("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-subtle group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       })
@@ -3043,7 +3082,7 @@ function DrawerContent(_a) {
 }
 function DrawerHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "drawer-header",
@@ -3056,7 +3095,7 @@ function DrawerHeader(_a) {
 }
 function DrawerFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "drawer-footer",
@@ -3070,7 +3109,7 @@ function DrawerTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DrawerPrimitive.Title,
     __spreadValues({
       "data-slot": "drawer-title",
@@ -3084,7 +3123,7 @@ function DrawerDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DrawerPrimitive.Description,
     __spreadValues({
       "data-slot": "drawer-description",
@@ -3096,18 +3135,18 @@ function DrawerDescription(_a) {
 // components/ui/dropdown-menu.tsx
 import { CheckIcon as CheckIcon4, ChevronRightIcon as ChevronRightIcon3, CircleIcon as CircleIcon2 } from "lucide-react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+  return /* @__PURE__ */ jsx27(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
 }
 function DropdownMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
+  return /* @__PURE__ */ jsx27(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
 }
 function DropdownMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     DropdownMenuPrimitive.Trigger,
     __spreadValues({
       "data-slot": "dropdown-menu-trigger"
@@ -3122,7 +3161,7 @@ function DropdownMenuContent(_a) {
     "className",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx27(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "dropdown-menu-content",
@@ -3136,7 +3175,7 @@ function DropdownMenuContent(_a) {
 }
 function DropdownMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
+  return /* @__PURE__ */ jsx27(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
 }
 function DropdownMenuItem(_a) {
   var _b = _a, {
@@ -3148,7 +3187,7 @@ function DropdownMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "dropdown-menu-item",
@@ -3182,7 +3221,7 @@ function DropdownMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx26("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(CheckIcon4, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx27("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx27(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx27(CheckIcon4, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -3190,7 +3229,7 @@ function DropdownMenuCheckboxItem(_a) {
 }
 function DropdownMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     DropdownMenuPrimitive.RadioGroup,
     __spreadValues({
       "data-slot": "dropdown-menu-radio-group"
@@ -3215,7 +3254,7 @@ function DropdownMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx26("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(CircleIcon2, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx27("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx27(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx27(CircleIcon2, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -3229,7 +3268,7 @@ function DropdownMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     DropdownMenuPrimitive.Label,
     __spreadValues({
       "data-slot": "dropdown-menu-label",
@@ -3247,7 +3286,7 @@ function DropdownMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       "data-slot": "dropdown-menu-separator",
@@ -3261,7 +3300,7 @@ function DropdownMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "span",
     __spreadValues({
       "data-slot": "dropdown-menu-shortcut",
@@ -3274,7 +3313,7 @@ function DropdownMenuShortcut(_a) {
 }
 function DropdownMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
+  return /* @__PURE__ */ jsx27(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
 }
 function DropdownMenuSubTrigger(_a) {
   var _b = _a, {
@@ -3298,7 +3337,7 @@ function DropdownMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx26(ChevronRightIcon3, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx27(ChevronRightIcon3, { className: "ml-auto size-4" })
       ]
     })
   );
@@ -3309,7 +3348,7 @@ function DropdownMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     DropdownMenuPrimitive.SubContent,
     __spreadValues({
       "data-slot": "dropdown-menu-sub-content",
@@ -3322,11 +3361,11 @@ function DropdownMenuSubContent(_a) {
 }
 
 // components/ui/empty.tsx
-import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { cva as cva7 } from "class-variance-authority";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Empty(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     __spreadValues({
       "data-slot": "empty",
@@ -3339,7 +3378,7 @@ function Empty(_a) {
 }
 function EmptyHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     __spreadValues({
       "data-slot": "empty-header",
@@ -3350,7 +3389,7 @@ function EmptyHeader(_a) {
     }, props)
   );
 }
-var emptyMediaVariants = cva6(
+var emptyMediaVariants = cva7(
   "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
@@ -3372,7 +3411,7 @@ function EmptyMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     __spreadValues({
       "data-slot": "empty-icon",
@@ -3383,7 +3422,7 @@ function EmptyMedia(_a) {
 }
 function EmptyTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     __spreadValues({
       "data-slot": "empty-title",
@@ -3393,7 +3432,7 @@ function EmptyTitle(_a) {
 }
 function EmptyDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     __spreadValues({
       "data-slot": "empty-description",
@@ -3406,7 +3445,7 @@ function EmptyDescription(_a) {
 }
 function EmptyContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     __spreadValues({
       "data-slot": "empty-content",
@@ -3420,18 +3459,18 @@ function EmptyContent(_a) {
 
 // components/ui/field.tsx
 import { useMemo as useMemo2 } from "react";
-import { cva as cva7 } from "class-variance-authority";
+import { cva as cva8 } from "class-variance-authority";
 
 // components/ui/label.tsx
 import { Label as LabelPrimitive } from "radix-ui";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Label(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     LabelPrimitive.Root,
     __spreadValues({
       "data-slot": "label",
@@ -3445,7 +3484,7 @@ function Label(_a) {
 
 // components/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function Separator(_a) {
   var _b = _a, {
     className,
@@ -3456,7 +3495,7 @@ function Separator(_a) {
     "orientation",
     "decorative"
   ]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     SeparatorPrimitive.Root,
     __spreadValues({
       "data-slot": "separator",
@@ -3471,10 +3510,10 @@ function Separator(_a) {
 }
 
 // components/ui/field.tsx
-import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
 function FieldSet(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "fieldset",
     __spreadValues({
       "data-slot": "field-set",
@@ -3494,7 +3533,7 @@ function FieldLegend(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "legend",
     __spreadValues({
       "data-slot": "field-legend",
@@ -3510,7 +3549,7 @@ function FieldLegend(_a) {
 }
 function FieldGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     __spreadValues({
       "data-slot": "field-group",
@@ -3521,7 +3560,7 @@ function FieldGroup(_a) {
     }, props)
   );
 }
-var fieldVariants = cva7(
+var fieldVariants = cva8(
   "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
   {
     variants: {
@@ -3552,7 +3591,7 @@ function Field(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     __spreadValues({
       role: "group",
@@ -3564,7 +3603,7 @@ function Field(_a) {
 }
 function FieldContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     __spreadValues({
       "data-slot": "field-content",
@@ -3581,7 +3620,7 @@ function FieldLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     Label,
     __spreadValues({
       "data-slot": "field-label",
@@ -3596,7 +3635,7 @@ function FieldLabel(_a) {
 }
 function FieldTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     __spreadValues({
       "data-slot": "field-label",
@@ -3609,7 +3648,7 @@ function FieldTitle(_a) {
 }
 function FieldDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "p",
     __spreadValues({
       "data-slot": "field-description",
@@ -3641,8 +3680,8 @@ function FieldSeparator(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx30(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx31(
           "span",
           {
             className: "relative mx-auto block w-fit bg-prominent px-2 text-on-subtle",
@@ -3678,14 +3717,14 @@ function FieldError(_a) {
     if ((uniqueErrors == null ? void 0 : uniqueErrors.length) == 1) {
       return (_a2 = uniqueErrors[0]) == null ? void 0 : _a2.message;
     }
-    return /* @__PURE__ */ jsx30("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx30("li", { children: error.message }, index)
+    return /* @__PURE__ */ jsx31("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx31("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     __spreadProps(__spreadValues({
       role: "alert",
@@ -3706,14 +3745,14 @@ import {
   useFormContext,
   useFormState
 } from "react-hook-form";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var Form = FormProvider;
 var FormFieldContext = React8.createContext(
   {}
 );
 var FormField = (_a) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx31(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx31(Controller, __spreadValues({}, props)) });
+  return /* @__PURE__ */ jsx32(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx32(Controller, __spreadValues({}, props)) });
 };
 var useFormField = () => {
   const fieldContext = React8.useContext(FormFieldContext);
@@ -3739,7 +3778,7 @@ var FormItemContext = React8.createContext(
 function FormItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const id = React8.useId();
-  return /* @__PURE__ */ jsx31(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx32(
     "div",
     __spreadValues({
       "data-slot": "form-item",
@@ -3754,7 +3793,7 @@ function FormLabel(_a) {
     "className"
   ]);
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     Label,
     __spreadValues({
       "data-slot": "form-label",
@@ -3767,7 +3806,7 @@ function FormLabel(_a) {
 function FormControl(_a) {
   var props = __objRest(_a, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     Slot4.Root,
     __spreadValues({
       "data-slot": "form-control",
@@ -3780,7 +3819,7 @@ function FormControl(_a) {
 function FormDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "p",
     __spreadValues({
       "data-slot": "form-description",
@@ -3797,7 +3836,7 @@ function FormMessage(_a) {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "p",
     __spreadProps(__spreadValues({
       "data-slot": "form-message",
@@ -3811,14 +3850,14 @@ function FormMessage(_a) {
 
 // components/ui/hover-card.tsx
 import { HoverCard as HoverCardPrimitive } from "radix-ui";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function HoverCard(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Root, __spreadValues({ "data-slot": "hover-card" }, props));
+  return /* @__PURE__ */ jsx33(HoverCardPrimitive.Root, __spreadValues({ "data-slot": "hover-card" }, props));
 }
 function HoverCardTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
+  return /* @__PURE__ */ jsx33(HoverCardPrimitive.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
 }
 function HoverCardContent(_a) {
   var _b = _a, {
@@ -3830,7 +3869,7 @@ function HoverCardContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx33(
     HoverCardPrimitive.Content,
     __spreadValues({
       "data-slot": "hover-card-content",
@@ -3848,7 +3887,7 @@ function HoverCardContent(_a) {
 import * as React9 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
 function InputOTP(_a) {
   var _b = _a, {
     className,
@@ -3857,7 +3896,7 @@ function InputOTP(_a) {
     "className",
     "containerClassName"
   ]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     OTPInput,
     __spreadValues({
       "data-slot": "input-otp",
@@ -3871,7 +3910,7 @@ function InputOTP(_a) {
 }
 function InputOTPGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "input-otp-group",
@@ -3902,23 +3941,23 @@ function InputOTPSlot(_a) {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx33("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx33("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx34("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx34("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     })
   );
 }
 function InputOTPSeparator(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx33("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx33(MinusIcon, {}) }));
+  return /* @__PURE__ */ jsx34("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx34(MinusIcon, {}) }));
 }
 
 // components/ui/item.tsx
-import { cva as cva8 } from "class-variance-authority";
+import { cva as cva9 } from "class-variance-authority";
 import { Slot as Slot5 } from "radix-ui";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function ItemGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       role: "list",
@@ -3933,7 +3972,7 @@ function ItemSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     Separator,
     __spreadValues({
       "data-slot": "item-separator",
@@ -3942,7 +3981,7 @@ function ItemSeparator(_a) {
     }, props)
   );
 }
-var itemVariants = cva8(
+var itemVariants = cva9(
   "group/item flex flex-wrap items-center rounded-md border border-transparent text-sm transition-colors duration-instant outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-secondary-hover",
   {
     variants: {
@@ -3975,7 +4014,7 @@ function Item(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot5.Root : "div";
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     Comp,
     __spreadValues({
       "data-slot": "item",
@@ -3985,7 +4024,7 @@ function Item(_a) {
     }, props)
   );
 }
-var itemMediaVariants = cva8(
+var itemMediaVariants = cva9(
   "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
   {
     variants: {
@@ -4008,7 +4047,7 @@ function ItemMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       "data-slot": "item-media",
@@ -4019,7 +4058,7 @@ function ItemMedia(_a) {
 }
 function ItemContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       "data-slot": "item-content",
@@ -4032,7 +4071,7 @@ function ItemContent(_a) {
 }
 function ItemTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       "data-slot": "item-title",
@@ -4045,7 +4084,7 @@ function ItemTitle(_a) {
 }
 function ItemDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "p",
     __spreadValues({
       "data-slot": "item-description",
@@ -4059,7 +4098,7 @@ function ItemDescription(_a) {
 }
 function ItemActions(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       "data-slot": "item-actions",
@@ -4069,7 +4108,7 @@ function ItemActions(_a) {
 }
 function ItemHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       "data-slot": "item-header",
@@ -4082,7 +4121,7 @@ function ItemHeader(_a) {
 }
 function ItemFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       "data-slot": "item-footer",
@@ -4095,10 +4134,10 @@ function ItemFooter(_a) {
 }
 
 // components/ui/kbd.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function Kbd(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "kbd",
     __spreadValues({
       "data-slot": "kbd",
@@ -4113,7 +4152,7 @@ function Kbd(_a) {
 }
 function KbdGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "kbd",
     __spreadValues({
       "data-slot": "kbd-group",
@@ -4123,10 +4162,10 @@ function KbdGroup(_a) {
 }
 
 // components/ui/link.tsx
-import { cva as cva9 } from "class-variance-authority";
+import { cva as cva10 } from "class-variance-authority";
 import { Slot as Slot6 } from "radix-ui";
-import { jsx as jsx36 } from "react/jsx-runtime";
-var linkVariants = cva9(
+import { jsx as jsx37 } from "react/jsx-runtime";
+var linkVariants = cva10(
   "inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:inline font-display font-bold normal-case text-primary hover:underline decoration-2 underline-offset-4",
   {
     variants: {
@@ -4152,7 +4191,7 @@ function Link(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot6.Root : "a";
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     Comp,
     __spreadValues({
       "data-slot": "link",
@@ -4165,14 +4204,14 @@ function Link(_a) {
 // components/ui/menubar.tsx
 import { CheckIcon as CheckIcon5, ChevronRightIcon as ChevronRightIcon4, CircleIcon as CircleIcon3 } from "lucide-react";
 import { Menubar as MenubarPrimitive } from "radix-ui";
-import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
 function Menubar(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MenubarPrimitive.Root,
     __spreadValues({
       "data-slot": "menubar",
@@ -4185,19 +4224,19 @@ function Menubar(_a) {
 }
 function MenubarMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx37(MenubarPrimitive.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
+  return /* @__PURE__ */ jsx38(MenubarPrimitive.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
 }
 function MenubarGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx37(MenubarPrimitive.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
+  return /* @__PURE__ */ jsx38(MenubarPrimitive.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
 }
 function MenubarPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx37(MenubarPrimitive.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
+  return /* @__PURE__ */ jsx38(MenubarPrimitive.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
 }
 function MenubarRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx37(MenubarPrimitive.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
+  return /* @__PURE__ */ jsx38(MenubarPrimitive.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
 }
 function MenubarTrigger(_a) {
   var _b = _a, {
@@ -4205,7 +4244,7 @@ function MenubarTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MenubarPrimitive.Trigger,
     __spreadValues({
       "data-slot": "menubar-trigger",
@@ -4228,7 +4267,7 @@ function MenubarContent(_a) {
     "alignOffset",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx37(MenubarPortal, { children: /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(MenubarPortal, { children: /* @__PURE__ */ jsx38(
     MenubarPrimitive.Content,
     __spreadValues({
       "data-slot": "menubar-content",
@@ -4252,7 +4291,7 @@ function MenubarItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MenubarPrimitive.Item,
     __spreadValues({
       "data-slot": "menubar-item",
@@ -4286,7 +4325,7 @@ function MenubarCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx37("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(CheckIcon5, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx38("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx38(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx38(CheckIcon5, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -4310,7 +4349,7 @@ function MenubarRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx37("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(CircleIcon3, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx38("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx38(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx38(CircleIcon3, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -4324,7 +4363,7 @@ function MenubarLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MenubarPrimitive.Label,
     __spreadValues({
       "data-slot": "menubar-label",
@@ -4342,7 +4381,7 @@ function MenubarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MenubarPrimitive.Separator,
     __spreadValues({
       "data-slot": "menubar-separator",
@@ -4356,7 +4395,7 @@ function MenubarShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "span",
     __spreadValues({
       "data-slot": "menubar-shortcut",
@@ -4369,7 +4408,7 @@ function MenubarShortcut(_a) {
 }
 function MenubarSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx37(MenubarPrimitive.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
+  return /* @__PURE__ */ jsx38(MenubarPrimitive.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
 }
 function MenubarSubTrigger(_a) {
   var _b = _a, {
@@ -4393,7 +4432,7 @@ function MenubarSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx37(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx38(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
       ]
     })
   );
@@ -4404,7 +4443,7 @@ function MenubarSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MenubarPrimitive.SubContent,
     __spreadValues({
       "data-slot": "menubar-sub-content",
@@ -4418,7 +4457,7 @@ function MenubarSubContent(_a) {
 
 // components/ui/native-select.tsx
 import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
 function NativeSelect(_a) {
   var _b = _a, {
     className,
@@ -4433,7 +4472,7 @@ function NativeSelect(_a) {
       className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
       "data-slot": "native-select-wrapper",
       children: [
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           "select",
           __spreadValues({
             "data-slot": "native-select",
@@ -4445,7 +4484,7 @@ function NativeSelect(_a) {
             )
           }, props)
         ),
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           ChevronDownIcon4,
           {
             className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-on-subtle opacity-50 select-none",
@@ -4459,7 +4498,7 @@ function NativeSelect(_a) {
 }
 function NativeSelectOption(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx38("option", __spreadValues({ "data-slot": "native-select-option" }, props));
+  return /* @__PURE__ */ jsx39("option", __spreadValues({ "data-slot": "native-select-option" }, props));
 }
 function NativeSelectOptGroup(_a) {
   var _b = _a, {
@@ -4467,7 +4506,7 @@ function NativeSelectOptGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "optgroup",
     __spreadValues({
       "data-slot": "native-select-optgroup",
@@ -4477,10 +4516,10 @@ function NativeSelectOptGroup(_a) {
 }
 
 // components/ui/navigation-button.tsx
-import { cva as cva10 } from "class-variance-authority";
+import { cva as cva11 } from "class-variance-authority";
 import { Slot as Slot7 } from "radix-ui";
-import { jsx as jsx39 } from "react/jsx-runtime";
-var navigationButtonVariants = cva10(
+import { jsx as jsx40 } from "react/jsx-runtime";
+var navigationButtonVariants = cva11(
   "inline-flex shrink-0 items-center justify-center bg-transparent text-on-prominent hover:bg-secondary-hover transition-all duration-fast ease-standard outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-24 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
@@ -4509,7 +4548,7 @@ function NavigationButton(_a) {
     "children"
   ]);
   const Comp = asChild ? Slot7.Root : "button";
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     Comp,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-button",
@@ -4522,10 +4561,10 @@ function NavigationButton(_a) {
 }
 
 // components/ui/navigation-menu.tsx
-import { cva as cva11 } from "class-variance-authority";
+import { cva as cva12 } from "class-variance-authority";
 import { ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
 import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
-import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
 function NavigationMenu(_a) {
   var _b = _a, {
     className,
@@ -4548,7 +4587,7 @@ function NavigationMenu(_a) {
     }, props), {
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx40(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx41(NavigationMenuViewport, {})
       ]
     })
   );
@@ -4559,7 +4598,7 @@ function NavigationMenuList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     NavigationMenuPrimitive.List,
     __spreadValues({
       "data-slot": "navigation-menu-list",
@@ -4576,7 +4615,7 @@ function NavigationMenuItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     NavigationMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "navigation-menu-item",
@@ -4584,7 +4623,7 @@ function NavigationMenuItem(_a) {
     }, props)
   );
 }
-var navigationMenuTriggerStyle = cva11(
+var navigationMenuTriggerStyle = cva12(
   "group inline-flex h-9 w-max items-center justify-center rounded-md bg-prominent px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-secondary-hover hover:text-on-prominent focus:bg-secondary-hover focus:text-on-prominent focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-secondary-hover data-[state=open]:text-on-prominent data-[state=open]:hover:bg-secondary-hover data-[state=open]:focus:bg-secondary-hover"
 );
 function NavigationMenuTrigger(_a) {
@@ -4604,7 +4643,7 @@ function NavigationMenuTrigger(_a) {
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx40(
+        /* @__PURE__ */ jsx41(
           ChevronDownIcon5,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-slow group-data-[state=open]:rotate-180",
@@ -4621,7 +4660,7 @@ function NavigationMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "navigation-menu-content",
@@ -4639,13 +4678,13 @@ function NavigationMenuViewport(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       className: cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ jsx40(
+      children: /* @__PURE__ */ jsx41(
         NavigationMenuPrimitive.Viewport,
         __spreadValues({
           "data-slot": "navigation-menu-viewport",
@@ -4664,7 +4703,7 @@ function NavigationMenuLink(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     NavigationMenuPrimitive.Link,
     __spreadValues({
       "data-slot": "navigation-menu-link",
@@ -4681,7 +4720,7 @@ function NavigationMenuIndicator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-indicator",
@@ -4690,7 +4729,7 @@ function NavigationMenuIndicator(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx40("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx41("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 }
@@ -4701,10 +4740,10 @@ import {
   ChevronRightIcon as ChevronRightIcon5,
   MoreHorizontalIcon
 } from "lucide-react";
-import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
 function Pagination(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -4720,7 +4759,7 @@ function PaginationContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "ul",
     __spreadValues({
       "data-slot": "pagination-content",
@@ -4730,7 +4769,7 @@ function PaginationContent(_a) {
 }
 function PaginationItem(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx41("li", __spreadValues({ "data-slot": "pagination-item" }, props));
+  return /* @__PURE__ */ jsx42("li", __spreadValues({ "data-slot": "pagination-item" }, props));
 }
 function PaginationLink(_a) {
   var _b = _a, {
@@ -4742,7 +4781,7 @@ function PaginationLink(_a) {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -4762,7 +4801,7 @@ function PaginationPrevious(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx41(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx41("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx41(ChevronLeftIcon2, { className: "size-5" }) })) });
+  return /* @__PURE__ */ jsx42(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx42("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx42(ChevronLeftIcon2, { className: "size-5" }) })) });
 }
 function PaginationNext(_a) {
   var _b = _a, {
@@ -4770,7 +4809,7 @@ function PaginationNext(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx41(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx41("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx41(ChevronRightIcon5, { className: "size-5" }) })) });
+  return /* @__PURE__ */ jsx42(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx42("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx42(ChevronRightIcon5, { className: "size-5" }) })) });
 }
 function PaginationEllipsis(_a) {
   var _b = _a, {
@@ -4786,8 +4825,8 @@ function PaginationEllipsis(_a) {
       className: cn("flex size-10 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx41(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx42(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -4795,14 +4834,14 @@ function PaginationEllipsis(_a) {
 
 // components/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx42(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ jsx43(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx42(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ jsx43(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -4814,7 +4853,7 @@ function PopoverContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx42(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx43(
     PopoverPrimitive.Content,
     __spreadValues({
       "data-slot": "popover-content",
@@ -4829,11 +4868,11 @@ function PopoverContent(_a) {
 }
 function PopoverAnchor(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx42(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
+  return /* @__PURE__ */ jsx43(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
 }
 function PopoverHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     __spreadValues({
       "data-slot": "popover-header",
@@ -4843,7 +4882,7 @@ function PopoverHeader(_a) {
 }
 function PopoverTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     __spreadValues({
       "data-slot": "popover-title",
@@ -4857,7 +4896,7 @@ function PopoverDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "p",
     __spreadValues({
       "data-slot": "popover-description",
@@ -4868,7 +4907,7 @@ function PopoverDescription(_a) {
 
 // components/ui/progress.tsx
 import { Progress as ProgressPrimitive } from "radix-ui";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Progress(_a) {
   var _b = _a, {
     className,
@@ -4877,7 +4916,7 @@ function Progress(_a) {
     "className",
     "value"
   ]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "progress",
@@ -4886,7 +4925,7 @@ function Progress(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx43(
+      children: /* @__PURE__ */ jsx44(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -4901,14 +4940,14 @@ function Progress(_a) {
 // components/ui/radio-group.tsx
 import { CircleIcon as CircleIcon4 } from "lucide-react";
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function RadioGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     RadioGroupPrimitive.Root,
     __spreadValues({
       "data-slot": "radio-group",
@@ -4922,7 +4961,7 @@ function RadioGroupItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "radio-group-item",
@@ -4931,12 +4970,12 @@ function RadioGroupItem(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx44(
+      children: /* @__PURE__ */ jsx45(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx44(CircleIcon4, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
+          children: /* @__PURE__ */ jsx45(CircleIcon4, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
         }
       )
     })
@@ -4946,14 +4985,14 @@ function RadioGroupItem(_a) {
 // components/ui/resizable.tsx
 import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function ResizablePanelGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     ResizablePrimitive.Group,
     __spreadValues({
       "data-slot": "resizable-panel-group",
@@ -4966,7 +5005,7 @@ function ResizablePanelGroup(_a) {
 }
 function ResizablePanel(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx45(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
+  return /* @__PURE__ */ jsx46(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
 }
 function ResizableHandle(_a) {
   var _b = _a, {
@@ -4976,7 +5015,7 @@ function ResizableHandle(_a) {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       "data-slot": "resizable-handle",
@@ -4985,14 +5024,14 @@ function ResizableHandle(_a) {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ jsx45("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ jsx45(GripVerticalIcon, { className: "size-2.5" }) })
+      children: withHandle && /* @__PURE__ */ jsx46("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ jsx46(GripVerticalIcon, { className: "size-2.5" }) })
     })
   );
 }
 
 // components/ui/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { jsx as jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
 function ScrollArea(_a) {
   var _b = _a, {
     className,
@@ -5008,7 +5047,7 @@ function ScrollArea(_a) {
       className: cn("relative", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -5016,8 +5055,8 @@ function ScrollArea(_a) {
             children
           }
         ),
-        /* @__PURE__ */ jsx46(ScrollBar, {}),
-        /* @__PURE__ */ jsx46(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx47(ScrollBar, {}),
+        /* @__PURE__ */ jsx47(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
@@ -5030,7 +5069,7 @@ function ScrollBar(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area-scrollbar",
@@ -5042,7 +5081,7 @@ function ScrollBar(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx46(
+      children: /* @__PURE__ */ jsx47(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -5056,18 +5095,18 @@ function ScrollBar(_a) {
 // components/ui/select.tsx
 import { CheckIcon as CheckIcon6, ChevronDownIcon as ChevronDownIcon6, ChevronUpIcon } from "lucide-react";
 import { Select as SelectPrimitive } from "radix-ui";
-import { jsx as jsx47, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
 function Select(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx47(SelectPrimitive.Root, __spreadValues({ "data-slot": "select" }, props));
+  return /* @__PURE__ */ jsx48(SelectPrimitive.Root, __spreadValues({ "data-slot": "select" }, props));
 }
 function SelectGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx47(SelectPrimitive.Group, __spreadValues({ "data-slot": "select-group" }, props));
+  return /* @__PURE__ */ jsx48(SelectPrimitive.Group, __spreadValues({ "data-slot": "select-group" }, props));
 }
 function SelectValue(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx47(SelectPrimitive.Value, __spreadValues({ "data-slot": "select-value" }, props));
+  return /* @__PURE__ */ jsx48(SelectPrimitive.Value, __spreadValues({ "data-slot": "select-value" }, props));
 }
 function SelectTrigger(_a) {
   var _b = _a, {
@@ -5095,7 +5134,7 @@ function SelectTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx47(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx47(ChevronDownIcon6, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
+        /* @__PURE__ */ jsx48(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx48(ChevronDownIcon6, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
       ]
     })
   );
@@ -5112,7 +5151,7 @@ function SelectContent(_a) {
     "position",
     "align"
   ]);
-  return /* @__PURE__ */ jsx47(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx48(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs23(
     SelectPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "select-content",
@@ -5125,8 +5164,8 @@ function SelectContent(_a) {
       align
     }, props), {
       children: [
-        /* @__PURE__ */ jsx47(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx48(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx48(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -5136,7 +5175,7 @@ function SelectContent(_a) {
             children
           }
         ),
-        /* @__PURE__ */ jsx47(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx48(SelectScrollDownButton, {})
       ]
     })
   ) });
@@ -5147,7 +5186,7 @@ function SelectLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     SelectPrimitive.Label,
     __spreadValues({
       "data-slot": "select-label",
@@ -5173,15 +5212,15 @@ function SelectItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx48(
           "span",
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ jsx47(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx47(CheckIcon6, { className: "size-4 text-primary" }) })
+            children: /* @__PURE__ */ jsx48(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx48(CheckIcon6, { className: "size-4 text-primary" }) })
           }
         ),
-        /* @__PURE__ */ jsx47(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx48(SelectPrimitive.ItemText, { children })
       ]
     })
   );
@@ -5192,7 +5231,7 @@ function SelectSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     SelectPrimitive.Separator,
     __spreadValues({
       "data-slot": "select-separator",
@@ -5206,7 +5245,7 @@ function SelectScrollUpButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     SelectPrimitive.ScrollUpButton,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-up-button",
@@ -5215,7 +5254,7 @@ function SelectScrollUpButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx47(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx48(ChevronUpIcon, { className: "size-4" })
     })
   );
 }
@@ -5225,7 +5264,7 @@ function SelectScrollDownButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     SelectPrimitive.ScrollDownButton,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-down-button",
@@ -5234,7 +5273,7 @@ function SelectScrollDownButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx47(ChevronDownIcon6, { className: "size-4" })
+      children: /* @__PURE__ */ jsx48(ChevronDownIcon6, { className: "size-4" })
     })
   );
 }
@@ -5242,22 +5281,22 @@ function SelectScrollDownButton(_a) {
 // components/ui/sheet.tsx
 import { XIcon as XIcon3 } from "lucide-react";
 import { Dialog as SheetPrimitive } from "radix-ui";
-import { jsx as jsx48, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx48(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ jsx49(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx48(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+  return /* @__PURE__ */ jsx49(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
 }
 function SheetClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx48(SheetPrimitive.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
+  return /* @__PURE__ */ jsx49(SheetPrimitive.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx48(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ jsx49(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -5265,7 +5304,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     SheetPrimitive.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
@@ -5289,7 +5328,7 @@ function SheetContent(_a) {
     "showCloseButton"
   ]);
   return /* @__PURE__ */ jsxs24(SheetPortal, { children: [
-    /* @__PURE__ */ jsx48(SheetOverlay, {}),
+    /* @__PURE__ */ jsx49(SheetOverlay, {}),
     /* @__PURE__ */ jsxs24(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
@@ -5306,8 +5345,8 @@ function SheetContent(_a) {
         children: [
           children,
           showCloseButton && /* @__PURE__ */ jsxs24(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-prominent transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-            /* @__PURE__ */ jsx48(XIcon3, { className: "size-4" }),
-            /* @__PURE__ */ jsx48("span", { className: "sr-only", children: "Close" })
+            /* @__PURE__ */ jsx49(XIcon3, { className: "size-4" }),
+            /* @__PURE__ */ jsx49("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -5316,7 +5355,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -5326,7 +5365,7 @@ function SheetHeader(_a) {
 }
 function SheetFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     __spreadValues({
       "data-slot": "sheet-footer",
@@ -5340,7 +5379,7 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     SheetPrimitive.Title,
     __spreadValues({
       "data-slot": "sheet-title",
@@ -5354,7 +5393,7 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     SheetPrimitive.Description,
     __spreadValues({
       "data-slot": "sheet-description",
@@ -5365,7 +5404,7 @@ function SheetDescription(_a) {
 
 // components/ui/sidebar.tsx
 import * as React12 from "react";
-import { cva as cva12 } from "class-variance-authority";
+import { cva as cva13 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
 import { Slot as Slot8 } from "radix-ui";
 
@@ -5387,10 +5426,10 @@ function useIsMobile() {
 }
 
 // components/ui/skeleton.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function Skeleton(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "skeleton",
@@ -5402,7 +5441,7 @@ function Skeleton(_a) {
 // components/ui/tooltip.tsx
 import * as React11 from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs25 } from "react/jsx-runtime";
 var TooltipModeContext = React11.createContext("tooltip");
 function TooltipProvider(_a) {
   var _b = _a, {
@@ -5410,7 +5449,7 @@ function TooltipProvider(_a) {
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     TooltipPrimitive.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -5427,9 +5466,9 @@ function Tooltip2(_a) {
   const isMobile = useIsMobile();
   const mode = isMobile ? "drawer" : "tooltip";
   if (mode === "drawer") {
-    return /* @__PURE__ */ jsx50(TooltipModeContext.Provider, { value: "drawer", children: /* @__PURE__ */ jsx50(Drawer, { children }) });
+    return /* @__PURE__ */ jsx51(TooltipModeContext.Provider, { value: "drawer", children: /* @__PURE__ */ jsx51(Drawer, { children }) });
   }
-  return /* @__PURE__ */ jsx50(TooltipModeContext.Provider, { value: "tooltip", children: /* @__PURE__ */ jsx50(TooltipPrimitive.Root, __spreadProps(__spreadValues({ "data-slot": "tooltip" }, props), { children })) });
+  return /* @__PURE__ */ jsx51(TooltipModeContext.Provider, { value: "tooltip", children: /* @__PURE__ */ jsx51(TooltipPrimitive.Root, __spreadProps(__spreadValues({ "data-slot": "tooltip" }, props), { children })) });
 }
 function TooltipTrigger(_a) {
   var _b = _a, {
@@ -5439,9 +5478,9 @@ function TooltipTrigger(_a) {
   ]);
   const mode = React11.useContext(TooltipModeContext);
   if (mode === "drawer") {
-    return /* @__PURE__ */ jsx50(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
+    return /* @__PURE__ */ jsx51(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
   }
-  return /* @__PURE__ */ jsx50(TooltipPrimitive.Trigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
+  return /* @__PURE__ */ jsx51(TooltipPrimitive.Trigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -5462,35 +5501,35 @@ function TooltipContent(_a) {
   const mode = React11.useContext(TooltipModeContext);
   if (mode === "drawer") {
     return /* @__PURE__ */ jsxs25(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
-      /* @__PURE__ */ jsx50(DrawerHeader, { children: /* @__PURE__ */ jsx50(DrawerTitle, { children: title }) }),
-      /* @__PURE__ */ jsx50("div", { className: cn("p-4 text-sm text-on-subtle", className), children }),
-      /* @__PURE__ */ jsx50(DrawerFooter, { children: /* @__PURE__ */ jsx50(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx50(Button, { variant: "primary", size: "md", children: closeLabel }) }) })
+      /* @__PURE__ */ jsx51(DrawerHeader, { children: /* @__PURE__ */ jsx51(DrawerTitle, { children: title }) }),
+      /* @__PURE__ */ jsx51("div", { className: cn("p-4 text-sm text-on-subtle", className), children }),
+      /* @__PURE__ */ jsx51(DrawerFooter, { children: /* @__PURE__ */ jsx51(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx51(Button, { variant: "primary", size: "md", children: closeLabel }) }) })
     ] });
   }
   const surfaceClasses = variant === "inverse" ? "bg-prominent text-on-prominent shadow-sm" : "bg-primary text-on-primary";
   const arrowClasses = variant === "inverse" ? "fill-prominent" : "fill-primary";
-  return /* @__PURE__ */ jsx50(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx51(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs25(
     TooltipPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
       "data-variant": variant,
       sideOffset,
       className: cn(
-        "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md border-0 px-3 py-1.5 text-sm font-medium text-balance fade-in-0 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+        "z-50 w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md border-0 px-3 py-1.5 text-sm font-medium text-balance whitespace-normal fade-in-0 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
         surfaceClasses,
         className
       )
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx50(TooltipPrimitive.Arrow, { className: arrowClasses })
+        /* @__PURE__ */ jsx51(TooltipPrimitive.Arrow, { className: arrowClasses })
       ]
     })
   ) });
 }
 
 // components/ui/sidebar.tsx
-import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -5563,7 +5602,7 @@ function SidebarProvider(_a) {
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx51(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx51(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx52(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx52(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -5596,7 +5635,7 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx51(
+    return /* @__PURE__ */ jsx52(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
@@ -5610,7 +5649,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx51(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs26(
+    return /* @__PURE__ */ jsx52(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs26(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -5623,10 +5662,10 @@ function Sidebar(_a) {
         side,
         children: [
           /* @__PURE__ */ jsxs26(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx51(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx51(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsx52(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx52(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx51("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx52("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
@@ -5641,7 +5680,7 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -5653,7 +5692,7 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
@@ -5665,7 +5704,7 @@ function Sidebar(_a) {
               className
             )
           }, props), {
-            children: /* @__PURE__ */ jsx51(
+            children: /* @__PURE__ */ jsx52(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -5703,8 +5742,8 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        /* @__PURE__ */ jsx51(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx51("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx52(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx52("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
   );
@@ -5712,7 +5751,7 @@ function SidebarTrigger(_a) {
 function SidebarRail(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "button",
     __spreadValues({
       "data-sidebar": "rail",
@@ -5735,7 +5774,7 @@ function SidebarRail(_a) {
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
@@ -5753,7 +5792,7 @@ function SidebarInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     Input,
     __spreadValues({
       "data-slot": "sidebar-input",
@@ -5764,7 +5803,7 @@ function SidebarInput(_a) {
 }
 function SidebarHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     __spreadValues({
       "data-slot": "sidebar-header",
@@ -5775,7 +5814,7 @@ function SidebarHeader(_a) {
 }
 function SidebarFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     __spreadValues({
       "data-slot": "sidebar-footer",
@@ -5790,7 +5829,7 @@ function SidebarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     Separator,
     __spreadValues({
       "data-slot": "sidebar-separator",
@@ -5801,7 +5840,7 @@ function SidebarSeparator(_a) {
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
@@ -5815,7 +5854,7 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
@@ -5833,7 +5872,7 @@ function SidebarGroupLabel(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot8.Root : "div";
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-label",
@@ -5855,7 +5894,7 @@ function SidebarGroupAction(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot8.Root : "button";
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-action",
@@ -5876,7 +5915,7 @@ function SidebarGroupContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group-content",
@@ -5887,7 +5926,7 @@ function SidebarGroupContent(_a) {
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
@@ -5898,7 +5937,7 @@ function SidebarMenu(_a) {
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
@@ -5907,7 +5946,7 @@ function SidebarMenuItem(_a) {
     }, props)
   );
 }
-var sidebarMenuButtonVariants = cva12(
+var sidebarMenuButtonVariants = cva13(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-sm p-2 text-left text-sidebar-foreground text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-secondary-hover hover:text-primary focus-visible:ring-2 active:bg-secondary-hover active:text-primary disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-secondary-hover data-[active=true]:font-semibold data-[active=true]:text-primary data-[active=true]:hover:bg-secondary-hover data-[active=true]:hover:text-primary data-[state=open]:hover:bg-secondary-hover data-[state=open]:hover:text-primary [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 data-[active=true]:[&>svg]:text-primary",
   {
     variants: {
@@ -5945,7 +5984,7 @@ function SidebarMenuButton(_a) {
   ]);
   const Comp = asChild ? Slot8.Root : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx51(
+  const button = /* @__PURE__ */ jsx52(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-button",
@@ -5964,8 +6003,8 @@ function SidebarMenuButton(_a) {
     };
   }
   return /* @__PURE__ */ jsxs26(Tooltip2, { children: [
-    /* @__PURE__ */ jsx51(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx52(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx52(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -5986,7 +6025,7 @@ function SidebarMenuAction(_a) {
     "showOnHover"
   ]);
   const Comp = asChild ? Slot8.Root : "button";
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-action",
@@ -6011,7 +6050,7 @@ function SidebarMenuBadge(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     __spreadValues({
       "data-slot": "sidebar-menu-badge",
@@ -6045,14 +6084,14 @@ function SidebarMenuSkeleton(_a) {
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className)
     }, props), {
       children: [
-        showIcon && /* @__PURE__ */ jsx51(
+        showIcon && /* @__PURE__ */ jsx52(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -6068,7 +6107,7 @@ function SidebarMenuSkeleton(_a) {
 }
 function SidebarMenuSub(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu-sub",
@@ -6087,7 +6126,7 @@ function SidebarMenuSubItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-sub-item",
@@ -6109,7 +6148,7 @@ function SidebarMenuSubButton(_a) {
     "className"
   ]);
   const Comp = asChild ? Slot8.Root : "a";
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-sub-button",
@@ -6131,7 +6170,7 @@ function SidebarMenuSubButton(_a) {
 // components/ui/slider.tsx
 import * as React13 from "react";
 import { Slider as SliderPrimitive } from "radix-ui";
-import { jsx as jsx52, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
 function Slider(_a) {
   var _b = _a, {
     className,
@@ -6164,14 +6203,14 @@ function Slider(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(
           SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
             className: cn(
               "relative grow overflow-hidden rounded-full bg-subtle data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
-            children: /* @__PURE__ */ jsx52(
+            children: /* @__PURE__ */ jsx53(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -6182,7 +6221,7 @@ function Slider(_a) {
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx52(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx53(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -6205,12 +6244,12 @@ import {
 } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Toaster as Sonner, toast } from "sonner";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var Toaster = (_a) => {
   var props = __objRest(_a, []);
   const { theme = "system" } = useTheme();
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     Sonner,
     __spreadValues({
       theme,
@@ -6219,11 +6258,11 @@ var Toaster = (_a) => {
       visibleToasts: isMobile ? 1 : 3,
       duration: 4e3,
       icons: {
-        success: /* @__PURE__ */ jsx53(CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx53(InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx53(TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ jsx53(OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsx53(Loader2Icon, { className: "size-4 animate-spin" })
+        success: /* @__PURE__ */ jsx54(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx54(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx54(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx54(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx54(Loader2Icon, { className: "size-4 animate-spin" })
       },
       toastOptions: {
         classNames: {
@@ -6246,7 +6285,7 @@ var Toaster = (_a) => {
 // components/ui/stepper.tsx
 import * as React14 from "react";
 import { Minus, Plus } from "lucide-react";
-import { jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs28 } from "react/jsx-runtime";
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
@@ -6346,7 +6385,7 @@ function Stepper({
       "data-disabled": disabled || void 0,
       className: cn("w-32", container, className),
       children: [
-        /* @__PURE__ */ jsx54(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsx55(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx55(
           InputGroupButton,
           {
             size: buttonSize,
@@ -6354,10 +6393,10 @@ function Stepper({
             onClick: handleDecrement,
             disabled: disabled || currentValue <= min,
             "aria-label": "Decrease value",
-            children: /* @__PURE__ */ jsx54(Minus, { className: iconClass })
+            children: /* @__PURE__ */ jsx55(Minus, { className: iconClass })
           }
         ) }),
-        /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsx55(
           InputGroupInput,
           {
             type: "text",
@@ -6380,8 +6419,8 @@ function Stepper({
           }
         ),
         /* @__PURE__ */ jsxs28(InputGroupAddon, { align: "inline-end", children: [
-          /* @__PURE__ */ jsx54(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
-          /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsx55(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
+          /* @__PURE__ */ jsx55(
             InputGroupButton,
             {
               size: buttonSize,
@@ -6389,7 +6428,7 @@ function Stepper({
               onClick: handleIncrement,
               disabled: disabled || currentValue >= max,
               "aria-label": "Increase value",
-              children: /* @__PURE__ */ jsx54(Plus, { className: iconClass })
+              children: /* @__PURE__ */ jsx55(Plus, { className: iconClass })
             }
           )
         ] })
@@ -6400,7 +6439,7 @@ function Stepper({
 
 // components/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "radix-ui";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function Switch(_a) {
   var _b = _a, {
     className,
@@ -6409,7 +6448,7 @@ function Switch(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     SwitchPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "switch",
@@ -6419,7 +6458,7 @@ function Switch(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx55(
+      children: /* @__PURE__ */ jsx56(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -6433,15 +6472,15 @@ function Switch(_a) {
 }
 
 // components/ui/table.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function Table(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx56(
+      children: /* @__PURE__ */ jsx57(
         "table",
         __spreadValues({
           "data-slot": "table",
@@ -6453,7 +6492,7 @@ function Table(_a) {
 }
 function TableHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "thead",
     __spreadValues({
       "data-slot": "table-header",
@@ -6463,7 +6502,7 @@ function TableHeader(_a) {
 }
 function TableBody(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "tbody",
     __spreadValues({
       "data-slot": "table-body",
@@ -6473,7 +6512,7 @@ function TableBody(_a) {
 }
 function TableFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "tfoot",
     __spreadValues({
       "data-slot": "table-footer",
@@ -6486,7 +6525,7 @@ function TableFooter(_a) {
 }
 function TableRow(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "tr",
     __spreadValues({
       "data-slot": "table-row",
@@ -6499,7 +6538,7 @@ function TableRow(_a) {
 }
 function TableHead(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "th",
     __spreadValues({
       "data-slot": "table-head",
@@ -6512,7 +6551,7 @@ function TableHead(_a) {
 }
 function TableCell(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "td",
     __spreadValues({
       "data-slot": "table-cell",
@@ -6529,7 +6568,7 @@ function TableCaption(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "caption",
     __spreadValues({
       "data-slot": "table-caption",
@@ -6539,9 +6578,9 @@ function TableCaption(_a) {
 }
 
 // components/ui/tabs.tsx
-import { cva as cva13 } from "class-variance-authority";
+import { cva as cva14 } from "class-variance-authority";
 import { Tabs as TabsPrimitive } from "radix-ui";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -6550,7 +6589,7 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     TabsPrimitive.Root,
     __spreadValues({
       "data-slot": "tabs",
@@ -6563,7 +6602,7 @@ function Tabs(_a) {
     }, props)
   );
 }
-var tabsListVariants = cva13(
+var tabsListVariants = cva14(
   "group/tabs-list inline-flex w-fit items-center justify-center text-on-subtle group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none has-[[data-icon-position=top]]:h-auto",
   {
     variants: {
@@ -6593,7 +6632,7 @@ function TabsList(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     TabsPrimitive.List,
     __spreadValues({
       "data-slot": "tabs-list",
@@ -6611,7 +6650,7 @@ function TabsTrigger(_a) {
     "className",
     "iconPosition"
   ]);
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     TabsPrimitive.Trigger,
     __spreadValues({
       "data-slot": "tabs-trigger",
@@ -6637,7 +6676,7 @@ function TabsContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     TabsPrimitive.Content,
     __spreadValues({
       "data-slot": "tabs-content",
@@ -6648,7 +6687,7 @@ function TabsContent(_a) {
 
 // components/ui/ticket-card.tsx
 import { ArrowRight as ArrowRight2, Info as Info2 } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx58, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx59, jsxs as jsxs29 } from "react/jsx-runtime";
 function formatBalanceValue(raw) {
   const match = raw.match(/^(\D*)([\d,]+(?:\.\d+)?)(\D*)$/);
   if (!match) return raw;
@@ -6672,23 +6711,23 @@ function TicketCard({
   stubDisabled = false,
   compact = false
 }) {
-  return /* @__PURE__ */ jsx58("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs29("div", { className: "relative flex h-20 w-full items-stretch justify-between rounded-sm bg-subtle", children: [
+  return /* @__PURE__ */ jsx59("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs29("div", { className: "relative flex h-20 w-full items-stretch justify-between rounded-sm bg-subtle", children: [
     /* @__PURE__ */ jsxs29("div", { className: cn("flex flex-1 items-center overflow-hidden", compact ? "gap-2 px-2" : "gap-4 px-4"), children: [
-      icon && /* @__PURE__ */ jsx58("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
+      icon && /* @__PURE__ */ jsx59("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
       /* @__PURE__ */ jsxs29("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
-        /* @__PURE__ */ jsx58("p", { className: "text-xs text-on-subtle", children: label }),
+        /* @__PURE__ */ jsx59("p", { className: "text-xs text-on-subtle", children: label }),
         /* @__PURE__ */ jsxs29("p", { className: "leading-none", children: [
-          /* @__PURE__ */ jsx58("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
+          /* @__PURE__ */ jsx59("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
           currency && /* @__PURE__ */ jsxs29(Fragment5, { children: [
             " ",
-            /* @__PURE__ */ jsx58("span", { className: "text-sm text-on-subtle", children: currency })
+            /* @__PURE__ */ jsx59("span", { className: "text-sm text-on-subtle", children: currency })
           ] })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx58("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ jsx58("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[68px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ jsx59("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[68px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ jsx59(
       "div",
       {
         "aria-hidden": true,
@@ -6713,7 +6752,7 @@ function TicketCard({
           stubDisabled ? "cursor-not-allowed opacity-50" : "hover:bg-primary-hover"
         ),
         children: [
-          !stubDisabled && /* @__PURE__ */ jsx58(
+          !stubDisabled && /* @__PURE__ */ jsx59(
             "span",
             {
               "aria-hidden": true,
@@ -6723,8 +6762,8 @@ function TicketCard({
               }
             }
           ),
-          /* @__PURE__ */ jsx58(ArrowRight2, { className: "size-4 text-on-primary" }),
-          /* @__PURE__ */ jsx58("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
+          /* @__PURE__ */ jsx59(ArrowRight2, { className: "size-4 text-on-primary" }),
+          /* @__PURE__ */ jsx59("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
         ]
       }
     )
@@ -6750,30 +6789,30 @@ function CreditTicketCard({
   badgeInfoCloseLabel,
   compact = false
 }) {
-  return /* @__PURE__ */ jsx58("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs29("div", { className: "relative flex w-full items-stretch justify-between rounded-sm bg-subtle", children: [
+  return /* @__PURE__ */ jsx59("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs29("div", { className: "relative flex w-full items-stretch justify-between rounded-sm bg-subtle", children: [
     (() => {
       const badgeText = badgeValue ? `${badgeValue}${badgeCurrency ? ` ${badgeCurrency}` : ""}` : badgeLabel;
       const creditBadge = /* @__PURE__ */ jsxs29(Badge, { variant: "fill-credit", size: "sm", className: "!gap-1 !tracking-normal", children: [
         badgeIcon,
         badgeText,
-        badgeInfo && /* @__PURE__ */ jsx58(TooltipProvider, { children: /* @__PURE__ */ jsxs29(Tooltip2, { children: [
-          /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx58(
+        badgeInfo && /* @__PURE__ */ jsx59(TooltipProvider, { children: /* @__PURE__ */ jsxs29(Tooltip2, { children: [
+          /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59(
             "button",
             {
               type: "button",
               "aria-label": `More info about ${badgeLabel.toLowerCase()}`,
               className: "inline-flex shrink-0 items-center justify-center rounded-full text-on-semantic-boost outline-none transition-opacity hover:opacity-70 focus-visible:opacity-70 focus-visible:ring-2 focus-visible:ring-on-semantic-boost/40 cursor-pointer",
-              children: /* @__PURE__ */ jsx58(Info2, { className: "!size-3.5", strokeWidth: 2 })
+              children: /* @__PURE__ */ jsx59(Info2, { className: "!size-3.5", strokeWidth: 2 })
             }
           ) }),
-          /* @__PURE__ */ jsx58(TooltipContent, { side: badgeInfoSide, align: badgeInfoAlign, title: badgeInfoTitle, closeLabel: badgeInfoCloseLabel, variant: "inverse", className: "max-w-xs whitespace-normal", children: badgeInfo })
+          /* @__PURE__ */ jsx59(TooltipContent, { side: badgeInfoSide, align: badgeInfoAlign, title: badgeInfoTitle, closeLabel: badgeInfoCloseLabel, variant: "inverse", children: badgeInfo })
         ] }) })
       ] });
       const valueText = /* @__PURE__ */ jsxs29("p", { className: "leading-none whitespace-nowrap", children: [
-        /* @__PURE__ */ jsx58("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
+        /* @__PURE__ */ jsx59("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
         currency && /* @__PURE__ */ jsxs29(Fragment5, { children: [
           " ",
-          /* @__PURE__ */ jsx58("span", { className: "text-sm text-on-subtle", children: currency })
+          /* @__PURE__ */ jsx59("span", { className: "text-sm text-on-subtle", children: currency })
         ] })
       ] });
       return /* @__PURE__ */ jsxs29(
@@ -6784,9 +6823,9 @@ function CreditTicketCard({
             compact ? "gap-2 px-2 py-4" : "gap-4 px-4 py-4"
           ),
           children: [
-            icon && /* @__PURE__ */ jsx58("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
+            icon && /* @__PURE__ */ jsx59("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
             /* @__PURE__ */ jsxs29("div", { className: "flex min-w-0 flex-col gap-1", children: [
-              /* @__PURE__ */ jsx58("p", { className: "text-xs text-on-subtle whitespace-nowrap", children: label }),
+              /* @__PURE__ */ jsx59("p", { className: "text-xs text-on-subtle whitespace-nowrap", children: label }),
               /* @__PURE__ */ jsxs29(
                 "div",
                 {
@@ -6805,9 +6844,9 @@ function CreditTicketCard({
         }
       );
     })(),
-    /* @__PURE__ */ jsx58("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ jsx58("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] bottom-[-12px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ jsx59("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] bottom-[-12px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ jsx59(
       "div",
       {
         "aria-hidden": true,
@@ -6832,7 +6871,7 @@ function CreditTicketCard({
           stubDisabled ? "cursor-not-allowed opacity-50" : "hover:bg-primary-hover"
         ),
         children: [
-          !stubDisabled && /* @__PURE__ */ jsx58(
+          !stubDisabled && /* @__PURE__ */ jsx59(
             "span",
             {
               "aria-hidden": true,
@@ -6842,8 +6881,8 @@ function CreditTicketCard({
               }
             }
           ),
-          /* @__PURE__ */ jsx58(ArrowRight2, { className: "size-4 text-on-primary" }),
-          /* @__PURE__ */ jsx58("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
+          /* @__PURE__ */ jsx59(ArrowRight2, { className: "size-4 text-on-primary" }),
+          /* @__PURE__ */ jsx59("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
         ]
       }
     )
@@ -6852,10 +6891,10 @@ function CreditTicketCard({
 var TicketCardDesktop = TicketCard;
 
 // components/ui/toggle.tsx
-import { cva as cva14 } from "class-variance-authority";
+import { cva as cva15 } from "class-variance-authority";
 import { Toggle as TogglePrimitive } from "radix-ui";
-import { jsx as jsx59 } from "react/jsx-runtime";
-var toggleVariants = cva14(
+import { jsx as jsx60 } from "react/jsx-runtime";
+var toggleVariants = cva15(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-secondary-hover hover:text-on-prominent focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-secondary-hover data-[state=on]:border-transparent data-[state=on]:text-primary [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
@@ -6885,7 +6924,7 @@ function Toggle(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     TogglePrimitive.Root,
     __spreadValues({
       "data-slot": "toggle",
@@ -6897,7 +6936,7 @@ function Toggle(_a) {
 // components/ui/toggle-group.tsx
 import * as React15 from "react";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 var ToggleGroupContext = React15.createContext({
   size: "default",
   variant: "default",
@@ -6917,7 +6956,7 @@ function ToggleGroup(_a) {
     "spacing",
     "children"
   ]);
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     ToggleGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group",
@@ -6930,7 +6969,7 @@ function ToggleGroup(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx60(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+      children: /* @__PURE__ */ jsx61(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
     })
   );
 }
@@ -6947,7 +6986,7 @@ function ToggleGroupItem(_a) {
     "size"
   ]);
   const context = React15.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     ToggleGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group-item",
@@ -6970,7 +7009,7 @@ function ToggleGroupItem(_a) {
 }
 
 // components/blocks/result-block.tsx
-import { Fragment as Fragment6, jsx as jsx61, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx62, jsxs as jsxs30 } from "react/jsx-runtime";
 var THUMBS_UP_DATA_URL = "data:image/webp;base64,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";
 var THUMBS_DOWN_DATA_URL = "data:image/webp;base64,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";
 function ResultBlock({
@@ -6989,7 +7028,7 @@ function ResultBlock({
   const haloBgClass = isWin ? "bg-semantic-win" : "bg-semantic-loss";
   return /* @__PURE__ */ jsxs30(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
     /* @__PURE__ */ jsxs30("div", { className: "relative flex items-center justify-center py-2", children: [
-      /* @__PURE__ */ jsx61(
+      /* @__PURE__ */ jsx62(
         "span",
         {
           "aria-hidden": true,
@@ -6997,7 +7036,7 @@ function ResultBlock({
           className: `absolute size-24 rounded-full blur-2xl opacity-20 ${haloBgClass}`
         }
       ),
-      /* @__PURE__ */ jsx61(
+      /* @__PURE__ */ jsx62(
         "img",
         {
           "data-results-motion": isWin ? "icon-win" : "icon-loss",
@@ -7007,28 +7046,28 @@ function ResultBlock({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx61("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
+    /* @__PURE__ */ jsx62("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
     /* @__PURE__ */ jsxs30("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
-      /* @__PURE__ */ jsx61("span", { className: "font-display text-4xl font-bold tabular-nums tracking-tight", children: signedAmount }),
-      /* @__PURE__ */ jsx61("span", { className: "text-lg font-semibold", children: currency })
+      /* @__PURE__ */ jsx62("span", { className: "font-display text-4xl font-bold tabular-nums tracking-tight", children: signedAmount }),
+      /* @__PURE__ */ jsx62("span", { className: "text-lg font-semibold", children: currency })
     ] }),
     /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsxs30(Badge, { variant: "standard", size: "sm", children: [
         contractLabel,
         pickedDigit !== void 0 && /* @__PURE__ */ jsxs30(Fragment6, { children: [
-          /* @__PURE__ */ jsx61("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
-          /* @__PURE__ */ jsx61("span", { className: "tabular-nums", children: pickedDigit })
+          /* @__PURE__ */ jsx62("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
+          /* @__PURE__ */ jsx62("span", { className: "tabular-nums", children: pickedDigit })
         ] })
       ] }),
-      /* @__PURE__ */ jsx61(Badge, { variant: "standard", size: "sm", children: duration })
+      /* @__PURE__ */ jsx62(Badge, { variant: "standard", size: "sm", children: duration })
     ] }),
     /* @__PURE__ */ jsxs30("div", { className: "w-full pt-2", children: [
-      ctaMode === "next-round" && /* @__PURE__ */ jsx61(Button, { className: "w-full", children: "Next round" }),
-      ctaMode === "go-again" && /* @__PURE__ */ jsx61(Button, { className: "w-full", children: "Go again" }),
+      ctaMode === "next-round" && /* @__PURE__ */ jsx62(Button, { className: "w-full", children: "Next round" }),
+      ctaMode === "go-again" && /* @__PURE__ */ jsx62(Button, { className: "w-full", children: "Go again" }),
       ctaMode === "conversion" && /* @__PURE__ */ jsxs30("div", { className: "w-full flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsx61("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
-        /* @__PURE__ */ jsx61(Button, { className: "w-full", children: "Deposit now" }),
-        /* @__PURE__ */ jsx61(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
+        /* @__PURE__ */ jsx62("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
+        /* @__PURE__ */ jsx62(Button, { className: "w-full", children: "Deposit now" }),
+        /* @__PURE__ */ jsx62(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
       ] })
     ] })
   ] });
@@ -7041,19 +7080,19 @@ function ResultDialog({
 }) {
   return /* @__PURE__ */ jsxs30(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
     /* @__PURE__ */ jsxs30("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-      /* @__PURE__ */ jsx61("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
-      /* @__PURE__ */ jsx61("p", { className: "text-sm text-on-subtle", children: body })
+      /* @__PURE__ */ jsx62("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
+      /* @__PURE__ */ jsx62("p", { className: "text-sm text-on-subtle", children: body })
     ] }),
     /* @__PURE__ */ jsxs30("div", { className: "w-full flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx61(Button, { className: "w-full", children: primaryLabel }),
-      /* @__PURE__ */ jsx61(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
+      /* @__PURE__ */ jsx62(Button, { className: "w-full", children: primaryLabel }),
+      /* @__PURE__ */ jsx62(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
     ] })
   ] });
 }
 
 // components/blocks/header-navigation-block.tsx
 import { ArrowLeft as ArrowLeft2, History } from "lucide-react";
-import { jsx as jsx62, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs31 } from "react/jsx-runtime";
 function HeaderNavigationBlock({
   onBack,
   badge,
@@ -7062,15 +7101,15 @@ function HeaderNavigationBlock({
   actions
 }) {
   var _a;
-  return /* @__PURE__ */ jsx62("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs31("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
-    onBack && /* @__PURE__ */ jsx62(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx62(ArrowLeft2, { className: "size-5" }) }),
+  return /* @__PURE__ */ jsx63("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs31("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
+    onBack && /* @__PURE__ */ jsx63(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx63(ArrowLeft2, { className: "size-5" }) }),
     /* @__PURE__ */ jsxs31("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
-      badge && /* @__PURE__ */ jsx62(Badge, { variant: (_a = badge.variant) != null ? _a : "fill-warning", size: "sm", children: badge.label }),
-      /* @__PURE__ */ jsx62("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
-      /* @__PURE__ */ jsx62("span", { className: "text-sm text-on-subtle", children: balance.currency })
+      badge && /* @__PURE__ */ jsx63(Badge, { variant: (_a = badge.variant) != null ? _a : "fill-warning", size: "sm", children: badge.label }),
+      /* @__PURE__ */ jsx63("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
+      /* @__PURE__ */ jsx63("span", { className: "text-sm text-on-subtle", children: balance.currency })
     ] }),
     /* @__PURE__ */ jsxs31("div", { className: "flex shrink-0 items-center gap-1", children: [
-      history && /* @__PURE__ */ jsx62(HistoryButton, __spreadValues({}, history)),
+      history && /* @__PURE__ */ jsx63(HistoryButton, __spreadValues({}, history)),
       actions
     ] })
   ] }) });
@@ -7084,8 +7123,8 @@ function HistoryButton({
   const label = show ? count > 99 ? "99+" : String(count) : null;
   const ariaLabel = ariaLabelOverride != null ? ariaLabelOverride : show ? `Open history, ${count} new` : "Open history";
   return /* @__PURE__ */ jsxs31("div", { className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsx62(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ jsx62(History, { className: "size-5" }) }),
-    show && /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx63(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ jsx63(History, { className: "size-5" }) }),
+    show && /* @__PURE__ */ jsx63(
       "span",
       {
         "aria-hidden": true,
@@ -7097,17 +7136,61 @@ function HistoryButton({
 }
 
 // components/blocks/faq-block.tsx
-import { jsx as jsx63, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Plus as Plus2 } from "lucide-react";
+import { Accordion as AccordionPrimitive2 } from "radix-ui";
+import { jsx as jsx64, jsxs as jsxs32 } from "react/jsx-runtime";
 function FAQBlock({
-  eyebrow = "FAQ Section",
+  eyebrow = "FAQ",
   title = "Frequently asked questions",
-  intro,
+  intro = "Find answers to the most common questions below.",
   items,
   defaultValue,
   helpCard,
   layout = "desktop"
 }) {
-  var _a;
+  var _a, _b;
+  if (layout === "two-column") {
+    return /* @__PURE__ */ jsx64("div", { className: "@container w-full", children: /* @__PURE__ */ jsxs32("div", { className: "flex flex-col @[600px]:flex-row gap-8 @[600px]:gap-12", children: [
+      /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-4 flex-1 @[600px]:max-w-xs", children: [
+        /* @__PURE__ */ jsx64("span", { className: "text-xs font-body font-semibold tracking-widest uppercase text-on-subtle", children: eyebrow }),
+        /* @__PURE__ */ jsx64("h2", { className: "text-4xl @[600px]:text-6xl font-bold font-display text-on-prominent tracking-tight", children: title }),
+        intro && /* @__PURE__ */ jsx64("p", { className: "text-base font-body text-on-subtle", children: intro })
+      ] }),
+      /* @__PURE__ */ jsx64("div", { className: "flex-1", children: /* @__PURE__ */ jsx64(
+        Accordion,
+        {
+          type: "single",
+          collapsible: true,
+          defaultValue: defaultValue != null ? defaultValue : (_a = items[0]) == null ? void 0 : _a.value,
+          className: "w-full",
+          children: items.map(({ value, question, answer }, i) => /* @__PURE__ */ jsxs32(AccordionItem, { value, children: [
+            /* @__PURE__ */ jsx64(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ jsxs32(
+              AccordionPrimitive2.Trigger,
+              {
+                className: "group flex flex-1 items-center justify-between gap-4 py-5 text-left outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+                children: [
+                  /* @__PURE__ */ jsxs32("span", { className: "flex items-baseline gap-4", children: [
+                    /* @__PURE__ */ jsx64("span", { className: "text-sm font-body text-on-subtle shrink-0 w-6", children: String(i + 1).padStart(2, "0") }),
+                    /* @__PURE__ */ jsx64("span", { className: "text-lg @[600px]:text-xl font-bold font-display text-on-prominent", children: question })
+                  ] }),
+                  /* @__PURE__ */ jsx64("span", { className: cn(
+                    "shrink-0 size-7 flex items-center justify-center rounded-sm border transition-all duration-200",
+                    "group-data-[state=open]:bg-primary group-data-[state=open]:border-primary",
+                    "group-data-[state=closed]:bg-transparent group-data-[state=closed]:border-border-subtle"
+                  ), children: /* @__PURE__ */ jsx64(Plus2, { className: cn(
+                    "size-4 transition-all duration-200",
+                    "group-data-[state=open]:rotate-45 group-data-[state=open]:text-on-primary",
+                    "group-data-[state=closed]:text-on-prominent"
+                  ) }) })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx64(AccordionContent, { children: /* @__PURE__ */ jsx64("p", { className: "text-base font-body text-on-subtle pl-10 pb-4", children: answer }) })
+          ] }, value))
+        }
+      ) })
+    ] }) });
+  }
   const headingClass = layout === "desktop" ? "text-5xl font-bold font-display text-on-prominent text-center tracking-tight" : "text-4xl font-bold font-display text-on-prominent text-center tracking-tight";
   const helpTitleClass = layout === "desktop" ? "text-2xl font-semibold font-display text-on-prominent" : "text-xl font-semibold font-display text-on-prominent";
   const helpCardPaddingClass = layout === "desktop" ? "p-8" : "p-6";
@@ -7115,36 +7198,36 @@ function FAQBlock({
   const headerGapClass = layout === "desktop" ? "gap-5" : "gap-4";
   return /* @__PURE__ */ jsxs32("div", { className: `w-full flex flex-col ${gapClass}`, children: [
     /* @__PURE__ */ jsxs32("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
-      /* @__PURE__ */ jsx63("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
-      /* @__PURE__ */ jsx63("h2", { className: headingClass, children: title }),
-      intro && /* @__PURE__ */ jsx63("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
+      /* @__PURE__ */ jsx64("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
+      /* @__PURE__ */ jsx64("h2", { className: headingClass, children: title }),
+      intro && /* @__PURE__ */ jsx64("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
     ] }),
-    /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx64(
       Accordion,
       {
         type: "single",
         collapsible: true,
-        defaultValue: defaultValue != null ? defaultValue : (_a = items[0]) == null ? void 0 : _a.value,
+        defaultValue: defaultValue != null ? defaultValue : (_b = items[0]) == null ? void 0 : _b.value,
         className: "w-full",
         children: items.map(({ value, question, answer }) => /* @__PURE__ */ jsxs32(AccordionItem, { value, children: [
-          /* @__PURE__ */ jsx63(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
-          /* @__PURE__ */ jsx63(AccordionContent, { children: /* @__PURE__ */ jsx63("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
+          /* @__PURE__ */ jsx64(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
+          /* @__PURE__ */ jsx64(AccordionContent, { children: /* @__PURE__ */ jsx64("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
         ] }, value))
       }
     ),
     helpCard && /* @__PURE__ */ jsxs32("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
       /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ jsx63("h3", { className: helpTitleClass, children: helpCard.title }),
-        /* @__PURE__ */ jsx63("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
+        /* @__PURE__ */ jsx64("h3", { className: helpTitleClass, children: helpCard.title }),
+        /* @__PURE__ */ jsx64("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
       ] }),
-      /* @__PURE__ */ jsx63(Button, { size: "sm", onClick: helpCard.onCtaClick, children: helpCard.ctaLabel })
+      /* @__PURE__ */ jsx64(Button, { size: "sm", onClick: helpCard.onCtaClick, children: helpCard.ctaLabel })
     ] })
   ] });
 }
 
 // components/blocks/hero-block.tsx
 import { ArrowRight as ArrowRight3, ArrowUpRight } from "lucide-react";
-import { jsx as jsx64, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs33 } from "react/jsx-runtime";
 function HeroBlock({
   layout = "centered",
   tagline,
@@ -7155,31 +7238,31 @@ function HeroBlock({
   image
 }) {
   if (layout === "centered") {
-    return /* @__PURE__ */ jsx64("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs33("div", { className: "flex flex-col items-center justify-center gap-8 px-layout-margin-inline py-24 max-w-2xl mx-auto text-center", children: [
+    return /* @__PURE__ */ jsx65("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs33("div", { className: "flex flex-col items-center justify-center gap-8 px-layout-margin-inline py-24 max-w-2xl mx-auto text-center", children: [
       /* @__PURE__ */ jsxs33("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-        tagline && /* @__PURE__ */ jsx64(TaglinePill, __spreadValues({}, tagline)),
-        /* @__PURE__ */ jsx64("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
-        /* @__PURE__ */ jsx64("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
+        tagline && /* @__PURE__ */ jsx65(TaglinePill, __spreadValues({}, tagline)),
+        /* @__PURE__ */ jsx65("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
+        /* @__PURE__ */ jsx65("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
       ] }),
       /* @__PURE__ */ jsxs33(Button, { size: "sm", onClick: primaryCta.onClick, children: [
         primaryCta.label,
-        primaryCta.trailingArrow !== false && /* @__PURE__ */ jsx64(ArrowRight3, { className: "size-4" })
+        primaryCta.trailingArrow !== false && /* @__PURE__ */ jsx65(ArrowRight3, { className: "size-4" })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx64("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs33("div", { className: "flex flex-col min-[600px]:flex-row items-center gap-layout-gutter px-layout-margin-inline py-16 min-[600px]:py-24 max-w-5xl mx-auto", children: [
+  return /* @__PURE__ */ jsx65("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs33("div", { className: "flex flex-col min-[600px]:flex-row items-center gap-layout-gutter px-layout-margin-inline py-16 min-[600px]:py-24 max-w-5xl mx-auto", children: [
     /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-6 min-[600px]:gap-8 flex-1 min-w-0 items-center min-[600px]:items-start text-center min-[600px]:text-left w-full", children: [
       /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
-        tagline && /* @__PURE__ */ jsx64(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
-        /* @__PURE__ */ jsx64("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
-        /* @__PURE__ */ jsx64("p", { className: "text-lg font-body text-on-subtle", children: body })
+        tagline && /* @__PURE__ */ jsx65(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
+        /* @__PURE__ */ jsx65("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
+        /* @__PURE__ */ jsx65("p", { className: "text-lg font-body text-on-subtle", children: body })
       ] }),
       /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
-        /* @__PURE__ */ jsx64(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
-        secondaryCta && /* @__PURE__ */ jsx64(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
+        /* @__PURE__ */ jsx65(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
+        secondaryCta && /* @__PURE__ */ jsx65(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
       ] })
     ] }),
-    /* @__PURE__ */ jsx64("div", { className: "w-full min-[600px]:flex-1 min-[600px]:min-w-0 aspect-square rounded-xl bg-subtle shrink-0", "aria-hidden": "true", children: image })
+    /* @__PURE__ */ jsx65("div", { className: "w-full min-[600px]:flex-1 min-[600px]:min-w-0 aspect-square rounded-xl bg-subtle shrink-0", "aria-hidden": "true", children: image })
   ] }) });
 }
 function TaglinePill({
@@ -7188,24 +7271,24 @@ function TaglinePill({
   responsive
 }) {
   return /* @__PURE__ */ jsxs33("div", { className: "inline-flex items-center gap-1.5 h-7 px-3 rounded-full border border-border-subtle bg-prominent shadow-sm shrink-0", children: [
-    /* @__PURE__ */ jsx64("span", { className: "size-1.5 rounded-full bg-semantic-win shrink-0", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx65("span", { className: "size-1.5 rounded-full bg-semantic-win shrink-0", "aria-hidden": "true" }),
     responsive && suffix ? /* @__PURE__ */ jsxs33("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
       /* @__PURE__ */ jsxs33("span", { className: "hidden min-[600px]:inline", children: [
         label,
-        /* @__PURE__ */ jsx64("span", { className: "text-on-subtle", children: " \xB7 " })
+        /* @__PURE__ */ jsx65("span", { className: "text-on-subtle", children: " \xB7 " })
       ] }),
-      /* @__PURE__ */ jsx64("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
+      /* @__PURE__ */ jsx65("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
     ] }) : /* @__PURE__ */ jsxs33("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
       label,
-      suffix && /* @__PURE__ */ jsx64("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
+      suffix && /* @__PURE__ */ jsx65("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
     ] }),
-    /* @__PURE__ */ jsx64(ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
+    /* @__PURE__ */ jsx65(ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
   ] });
 }
 
 // components/blocks/auth-block.tsx
 import * as React16 from "react";
-import { jsx as jsx65, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs34 } from "react/jsx-runtime";
 function AuthBlock({
   mode,
   logoSrc,
@@ -7223,17 +7306,17 @@ function AuthBlock({
   const [email, setEmail] = React16.useState("");
   return /* @__PURE__ */ jsxs34("div", { className: "flex flex-col items-center gap-6 w-full", children: [
     /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx65("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
-      /* @__PURE__ */ jsx65("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
+      /* @__PURE__ */ jsx66("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
+      /* @__PURE__ */ jsx66("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
     ] }),
-    /* @__PURE__ */ jsx65("h2", { className: "text-3xl font-bold font-display text-on-prominent text-center", children: headingText }),
-    /* @__PURE__ */ jsx65("div", { className: "flex flex-col gap-3 w-full", children: providers.map((p) => /* @__PURE__ */ jsx65(ProviderButton, { provider: p }, p)) }),
+    /* @__PURE__ */ jsx66("h2", { className: "text-3xl font-bold font-display text-on-prominent text-center", children: headingText }),
+    /* @__PURE__ */ jsx66("div", { className: "flex flex-col gap-3 w-full", children: providers.map((p) => /* @__PURE__ */ jsx66(ProviderButton, { provider: p }, p)) }),
     /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-3 w-full", children: [
-      /* @__PURE__ */ jsx65("div", { className: "flex-1 h-px bg-border-subtle" }),
-      /* @__PURE__ */ jsx65("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
-      /* @__PURE__ */ jsx65("div", { className: "flex-1 h-px bg-border-subtle" })
+      /* @__PURE__ */ jsx66("div", { className: "flex-1 h-px bg-border-subtle" }),
+      /* @__PURE__ */ jsx66("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
+      /* @__PURE__ */ jsx66("div", { className: "flex-1 h-px bg-border-subtle" })
     ] }),
-    /* @__PURE__ */ jsx65("div", { className: "flex items-center gap-2 w-full", children: /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsx66("div", { className: "flex items-center gap-2 w-full", children: /* @__PURE__ */ jsx66(
       Input,
       {
         id: `${idPrefix}-email`,
@@ -7248,13 +7331,13 @@ function AuthBlock({
       termsText,
       ", you agree to our",
       " ",
-      /* @__PURE__ */ jsx65(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
+      /* @__PURE__ */ jsx66(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
     ] }),
-    /* @__PURE__ */ jsx65(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
+    /* @__PURE__ */ jsx66(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
     /* @__PURE__ */ jsxs34("p", { className: "text-sm text-on-subtle font-body text-center", children: [
       footerPrompt,
       " ",
-      /* @__PURE__ */ jsx65(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
+      /* @__PURE__ */ jsx66(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
     ] })
   ] });
 }
@@ -7263,25 +7346,25 @@ function ProviderButton({ provider }) {
     case "google":
       return /* @__PURE__ */ jsxs34(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
         /* @__PURE__ */ jsxs34("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
-          /* @__PURE__ */ jsx65("path", { d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z", fill: "#4285F4" }),
-          /* @__PURE__ */ jsx65("path", { d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z", fill: "#34A853" }),
-          /* @__PURE__ */ jsx65("path", { d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z", fill: "#FBBC05" }),
-          /* @__PURE__ */ jsx65("path", { d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58Z", fill: "#EA4335" })
+          /* @__PURE__ */ jsx66("path", { d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z", fill: "#4285F4" }),
+          /* @__PURE__ */ jsx66("path", { d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z", fill: "#34A853" }),
+          /* @__PURE__ */ jsx66("path", { d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z", fill: "#FBBC05" }),
+          /* @__PURE__ */ jsx66("path", { d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58Z", fill: "#EA4335" })
         ] }),
         "Continue with Google"
       ] });
     case "telegram":
       return /* @__PURE__ */ jsxs34(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
         /* @__PURE__ */ jsxs34("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
-          /* @__PURE__ */ jsx65("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
-          /* @__PURE__ */ jsx65("path", { d: "M13.5 5.25 11.25 13.5l-2.25-3-3 1.5 1.5-5.25 6-1.5Z", fill: "white", opacity: "0.3" }),
-          /* @__PURE__ */ jsx65("path", { d: "m4.5 8.625 7.5-3-1.125 7.125-2.625-2.25-1.5 1.5.375-3.375Z", fill: "white" })
+          /* @__PURE__ */ jsx66("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
+          /* @__PURE__ */ jsx66("path", { d: "M13.5 5.25 11.25 13.5l-2.25-3-3 1.5 1.5-5.25 6-1.5Z", fill: "white", opacity: "0.3" }),
+          /* @__PURE__ */ jsx66("path", { d: "m4.5 8.625 7.5-3-1.125 7.125-2.625-2.25-1.5 1.5.375-3.375Z", fill: "white" })
         ] }),
         "Continue with Telegram"
       ] });
     case "x":
       return /* @__PURE__ */ jsxs34(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ jsx65("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ jsx65("path", { d: "M13.955 2.25h2.423L10.977 8.28 17.25 15.75h-4.812l-3.913-5.116-4.477 5.116H1.645l5.703-6.52L1.125 2.25h4.934l3.538 4.678 4.358-4.678Zm-.85 12.105h1.343L5.025 3.627H3.579l9.526 10.728Z" }) }),
+        /* @__PURE__ */ jsx66("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ jsx66("path", { d: "M13.955 2.25h2.423L10.977 8.28 17.25 15.75h-4.812l-3.913-5.116-4.477 5.116H1.645l5.703-6.52L1.125 2.25h4.934l3.538 4.678 4.358-4.678Zm-.85 12.105h1.343L5.025 3.627H3.579l9.526 10.728Z" }) }),
         "Continue with X (Twitter)"
       ] });
   }
@@ -7290,14 +7373,14 @@ function ProviderButton({ provider }) {
 // components/blocks/navbar-block.tsx
 import * as React17 from "react";
 import { Menu, X as X3 } from "lucide-react";
-import { jsx as jsx66, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs35 } from "react/jsx-runtime";
 function NavBarBlock({ brand, links, signIn, signUp }) {
   var _a, _b, _c, _d;
   const [mobileMenuOpen, setMobileMenuOpen] = React17.useState(false);
-  return /* @__PURE__ */ jsx66("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ jsxs35("nav", { className: "bg-prominent", children: [
+  return /* @__PURE__ */ jsx67("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ jsxs35("nav", { className: "bg-prominent", children: [
     /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
       /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-6", children: [
-        /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx67(
           "img",
           {
             src: brand.fullLogoSrc,
@@ -7305,7 +7388,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
             className: "hidden min-[600px]:block h-7 w-auto shrink-0 object-contain object-left"
           }
         ),
-        /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx67(
           "img",
           {
             src: brand.iconLogoSrc,
@@ -7313,13 +7396,13 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
             className: "min-[600px]:hidden size-7 shrink-0 object-contain"
           }
         ),
-        /* @__PURE__ */ jsx66("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
+        /* @__PURE__ */ jsx67("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ jsx67(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
       ] }),
       /* @__PURE__ */ jsxs35("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
-        signIn && /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
-        signUp && /* @__PURE__ */ jsx66(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
+        signIn && /* @__PURE__ */ jsx67(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
+        signUp && /* @__PURE__ */ jsx67(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
       ] }),
-      /* @__PURE__ */ jsx66(
+      /* @__PURE__ */ jsx67(
         Button,
         {
           variant: "tertiary",
@@ -7328,12 +7411,12 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
           "aria-expanded": mobileMenuOpen,
           className: "min-[600px]:hidden",
           onClick: () => setMobileMenuOpen((prev) => !prev),
-          children: mobileMenuOpen ? /* @__PURE__ */ jsx66(X3, { className: "size-4" }) : /* @__PURE__ */ jsx66(Menu, { className: "size-4" })
+          children: mobileMenuOpen ? /* @__PURE__ */ jsx67(X3, { className: "size-4" }) : /* @__PURE__ */ jsx67(Menu, { className: "size-4" })
         }
       )
     ] }),
     mobileMenuOpen && /* @__PURE__ */ jsxs35("div", { className: "min-[600px]:hidden flex flex-col border-t border-border-subtle px-layout-margin-inline py-3 gap-1", children: [
-      links.map((l) => /* @__PURE__ */ jsx66(
+      links.map((l) => /* @__PURE__ */ jsx67(
         Button,
         {
           variant: "tertiary",
@@ -7345,8 +7428,8 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
         l.label
       )),
       (signIn || signUp) && /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
-        signIn && /* @__PURE__ */ jsx66(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
-        signUp && /* @__PURE__ */ jsx66(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
+        signIn && /* @__PURE__ */ jsx67(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
+        signUp && /* @__PURE__ */ jsx67(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
       ] })
     ] })
   ] }) });
@@ -7355,7 +7438,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
 // components/blocks/open-positions-block.tsx
 import * as React18 from "react";
 import { History as History2, X as X4 } from "lucide-react";
-import { jsx as jsx67, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs36 } from "react/jsx-runtime";
 function OpenPositionsBlock({
   trigger,
   sheetTitle = "Positions",
@@ -7364,28 +7447,28 @@ function OpenPositionsBlock({
   emptyState
 }) {
   const isMobile = useIsMobile();
-  const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ jsx67(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ jsx67(PositionsList, { positions, onViewHistory });
+  const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ jsx68(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ jsx68(PositionsList, { positions, onViewHistory });
   if (isMobile) {
     return /* @__PURE__ */ jsxs36(Drawer, { children: [
-      /* @__PURE__ */ jsx67(DrawerTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsx68(DrawerTrigger, { asChild: true, children: trigger }),
       /* @__PURE__ */ jsxs36(DrawerContent, { className: "p-0 flex flex-col", children: [
         /* @__PURE__ */ jsxs36(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
-          /* @__PURE__ */ jsx67(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
-          /* @__PURE__ */ jsx67(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx67(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx67(X4, {}) }) })
+          /* @__PURE__ */ jsx68(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
+          /* @__PURE__ */ jsx68(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx68(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx68(X4, {}) }) })
         ] }),
-        /* @__PURE__ */ jsx67(Separator, {}),
+        /* @__PURE__ */ jsx68(Separator, {}),
         body
       ] })
     ] });
   }
   return /* @__PURE__ */ jsxs36(Sheet, { children: [
-    /* @__PURE__ */ jsx67(SheetTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx68(SheetTrigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ jsxs36(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
       /* @__PURE__ */ jsxs36(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
-        /* @__PURE__ */ jsx67(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
-        /* @__PURE__ */ jsx67(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx67(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx67(X4, {}) }) })
+        /* @__PURE__ */ jsx68(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
+        /* @__PURE__ */ jsx68(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx68(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx68(X4, {}) }) })
       ] }),
-      /* @__PURE__ */ jsx67(Separator, {}),
+      /* @__PURE__ */ jsx68(Separator, {}),
       body
     ] })
   ] });
@@ -7395,12 +7478,12 @@ function PositionsList({
   onViewHistory
 }) {
   return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col flex-1 min-h-0", children: [
-    /* @__PURE__ */ jsx67(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ jsxs36(React18.Fragment, { children: [
-      /* @__PURE__ */ jsx67(PositionRow, { position: pos }),
-      i < positions.length - 1 && /* @__PURE__ */ jsx67("div", { className: "h-px mx-4 bg-border-subtle" })
+    /* @__PURE__ */ jsx68(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ jsxs36(React18.Fragment, { children: [
+      /* @__PURE__ */ jsx68(PositionRow, { position: pos }),
+      i < positions.length - 1 && /* @__PURE__ */ jsx68("div", { className: "h-px mx-4 bg-border-subtle" })
     ] }, i)) }),
-    /* @__PURE__ */ jsx67(Separator, {}),
-    /* @__PURE__ */ jsx67("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ jsx67(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" }) })
+    /* @__PURE__ */ jsx68(Separator, {}),
+    /* @__PURE__ */ jsx68("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ jsx68(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" }) })
   ] });
 }
 function PositionRow({ position }) {
@@ -7408,12 +7491,12 @@ function PositionRow({ position }) {
   return /* @__PURE__ */ jsxs36(Item, { size: "sm", children: [
     /* @__PURE__ */ jsxs36(ItemContent, { children: [
       /* @__PURE__ */ jsxs36(ItemTitle, { children: [
-        /* @__PURE__ */ jsx67("span", { className: "text-on-prominent", children: label }),
-        suffix && /* @__PURE__ */ jsx67("span", { className: "text-on-subtle", children: ` ${suffix}` })
+        /* @__PURE__ */ jsx68("span", { className: "text-on-prominent", children: label }),
+        suffix && /* @__PURE__ */ jsx68("span", { className: "text-on-subtle", children: ` ${suffix}` })
       ] }),
-      /* @__PURE__ */ jsx67(MetaNote, { market: position.market, duration: position.duration })
+      /* @__PURE__ */ jsx68(MetaNote, { market: position.market, duration: position.duration })
     ] }),
-    /* @__PURE__ */ jsx67(ItemActions, { children: /* @__PURE__ */ jsx67(PnlMeta, { pnl: position.pnl, win: position.win, stake: position.stake }) })
+    /* @__PURE__ */ jsx68(ItemActions, { children: /* @__PURE__ */ jsx68(PnlMeta, { pnl: position.pnl, win: position.win, stake: position.stake }) })
   ] });
 }
 var DIGITS_TYPE_LABEL = {
@@ -7447,15 +7530,15 @@ function MetaNote({ market, duration }) {
 }
 function PnlMeta({ pnl, win, stake }) {
   return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col items-end gap-0.5", children: [
-    /* @__PURE__ */ jsx67("span", { className: `font-display font-bold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
-    /* @__PURE__ */ jsx67("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
+    /* @__PURE__ */ jsx68("span", { className: `font-display font-bold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
+    /* @__PURE__ */ jsx68("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
   ] });
 }
 function DefaultEmptyState({ onViewHistory }) {
-  return /* @__PURE__ */ jsx67(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ jsxs36(EmptyHeader, { className: "gap-4", children: [
-    /* @__PURE__ */ jsx67(EmptyMedia, { children: /* @__PURE__ */ jsx67(History2, { className: "size-8 text-on-subtle" }) }),
-    /* @__PURE__ */ jsx67(EmptyTitle, { className: "text-base leading-6 font-semibold tracking-normal body-md text-on-subtle", children: "No trades yet." }),
-    /* @__PURE__ */ jsx67(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" })
+  return /* @__PURE__ */ jsx68(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ jsxs36(EmptyHeader, { className: "gap-4", children: [
+    /* @__PURE__ */ jsx68(EmptyMedia, { children: /* @__PURE__ */ jsx68(History2, { className: "size-8 text-on-subtle" }) }),
+    /* @__PURE__ */ jsx68(EmptyTitle, { className: "text-base leading-6 font-semibold tracking-normal body-md text-on-subtle", children: "No trades yet." }),
+    /* @__PURE__ */ jsx68(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" })
   ] }) });
 }
 export {
@@ -7515,6 +7598,7 @@ export {
   ChartTooltip,
   ChartTooltipContent,
   Checkbox,
+  Chip,
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
@@ -7775,6 +7859,7 @@ export {
   alertVariants,
   badgeVariants,
   buttonVariants,
+  chipVariants,
   cn,
   inputVariants,
   linkVariants,