@trading-game/design-intelligence-layer 0.10.1 → 0.11.1

package/dist/index.cjs

@@ -264,6 +264,7 @@ __export(index_exports, {
   NativeSelect: () => NativeSelect,
   NativeSelectOptGroup: () => NativeSelectOptGroup,
   NativeSelectOption: () => NativeSelectOption,
+  NavigationButton: () => NavigationButton,
   NavigationMenu: () => NavigationMenu,
   NavigationMenuContent: () => NavigationMenuContent,
   NavigationMenuIndicator: () => NavigationMenuIndicator,
@@ -355,6 +356,7 @@ __export(index_exports, {
   TabsTrigger: () => TabsTrigger,
   Textarea: () => Textarea,
   TicketCard: () => TicketCard,
+  TicketCardDesktop: () => TicketCardDesktop,
   Toaster: () => Toaster,
   Toggle: () => Toggle,
   ToggleGroup: () => ToggleGroup,
@@ -368,6 +370,7 @@ __export(index_exports, {
   cn: () => cn,
   inputVariants: () => inputVariants,
   linkVariants: () => linkVariants,
+  navigationButtonVariants: () => navigationButtonVariants,
   navigationMenuTriggerStyle: () => navigationMenuTriggerStyle,
   tabsListVariants: () => tabsListVariants,
   toggleVariants: () => toggleVariants,
@@ -4477,11 +4480,56 @@ function NativeSelectOptGroup(_a) {
   );
 }
 
-// components/ui/navigation-menu.tsx
+// components/ui/navigation-button.tsx
 var import_class_variance_authority10 = require("class-variance-authority");
-var import_lucide_react14 = require("lucide-react");
 var import_radix_ui21 = require("radix-ui");
 var import_jsx_runtime38 = require("react/jsx-runtime");
+var navigationButtonVariants = (0, import_class_variance_authority10.cva)(
+  "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: {
+      size: {
+        lg: "size-12 rounded-xs [&_svg:not([class*='size-'])]:size-6",
+        md: "size-10 rounded-xs [&_svg:not([class*='size-'])]:size-5",
+        sm: "size-8 rounded-xs [&_svg:not([class*='size-'])]:size-5",
+        xs: "size-6 rounded-xs [&_svg:not([class*='size-'])]:size-4"
+      }
+    },
+    defaultVariants: {
+      size: "lg"
+    }
+  }
+);
+function NavigationButton(_a) {
+  var _b = _a, {
+    className,
+    size = "lg",
+    asChild = false,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "asChild",
+    "children"
+  ]);
+  const Comp = asChild ? import_radix_ui21.Slot.Root : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    Comp,
+    __spreadProps(__spreadValues({
+      "data-slot": "navigation-button",
+      "data-size": size,
+      className: cn(navigationButtonVariants({ size, className }))
+    }, props), {
+      children
+    })
+  );
+}
+
+// components/ui/navigation-menu.tsx
+var import_class_variance_authority11 = require("class-variance-authority");
+var import_lucide_react14 = require("lucide-react");
+var import_radix_ui22 = require("radix-ui");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function NavigationMenu(_a) {
   var _b = _a, {
     className,
@@ -4492,8 +4540,8 @@ function NavigationMenu(_a) {
     "children",
     "viewport"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-    import_radix_ui21.NavigationMenu.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    import_radix_ui22.NavigationMenu.Root,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu",
       "data-viewport": viewport,
@@ -4504,7 +4552,7 @@ function NavigationMenu(_a) {
     }, props), {
       children: [
         children,
-        viewport && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(NavigationMenuViewport, {})
       ]
     })
   );
@@ -4515,8 +4563,8 @@ function NavigationMenuList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-    import_radix_ui21.NavigationMenu.List,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_radix_ui22.NavigationMenu.List,
     __spreadValues({
       "data-slot": "navigation-menu-list",
       className: cn(
@@ -4532,15 +4580,15 @@ function NavigationMenuItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-    import_radix_ui21.NavigationMenu.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_radix_ui22.NavigationMenu.Item,
     __spreadValues({
       "data-slot": "navigation-menu-item",
       className: cn("relative", className)
     }, props)
   );
 }
-var navigationMenuTriggerStyle = (0, import_class_variance_authority10.cva)(
+var navigationMenuTriggerStyle = (0, import_class_variance_authority11.cva)(
   "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) {
@@ -4551,8 +4599,8 @@ function NavigationMenuTrigger(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-    import_radix_ui21.NavigationMenu.Trigger,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    import_radix_ui22.NavigationMenu.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-trigger",
       className: cn(navigationMenuTriggerStyle(), "group", className)
@@ -4560,7 +4608,7 @@ function NavigationMenuTrigger(_a) {
       children: [
         children,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           import_lucide_react14.ChevronDownIcon,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-slow group-data-[state=open]:rotate-180",
@@ -4577,8 +4625,8 @@ function NavigationMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-    import_radix_ui21.NavigationMenu.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_radix_ui22.NavigationMenu.Content,
     __spreadValues({
       "data-slot": "navigation-menu-content",
       className: cn(
@@ -4595,14 +4643,14 @@ function NavigationMenuViewport(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       className: cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-        import_radix_ui21.NavigationMenu.Viewport,
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        import_radix_ui22.NavigationMenu.Viewport,
         __spreadValues({
           "data-slot": "navigation-menu-viewport",
           className: cn(
@@ -4620,8 +4668,8 @@ function NavigationMenuLink(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-    import_radix_ui21.NavigationMenu.Link,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_radix_ui22.NavigationMenu.Link,
     __spreadValues({
       "data-slot": "navigation-menu-link",
       className: cn(
@@ -4637,8 +4685,8 @@ function NavigationMenuIndicator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-    import_radix_ui21.NavigationMenu.Indicator,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_radix_ui22.NavigationMenu.Indicator,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-indicator",
       className: cn(
@@ -4646,17 +4694,17 @@ function NavigationMenuIndicator(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 }
 
 // components/ui/pagination.tsx
 var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Pagination(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -4672,7 +4720,7 @@ function PaginationContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "ul",
     __spreadValues({
       "data-slot": "pagination-content",
@@ -4682,7 +4730,7 @@ function PaginationContent(_a) {
 }
 function PaginationItem(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("li", __spreadValues({ "data-slot": "pagination-item" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("li", __spreadValues({ "data-slot": "pagination-item" }, props));
 }
 function PaginationLink(_a) {
   var _b = _a, {
@@ -4694,7 +4742,7 @@ function PaginationLink(_a) {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -4714,7 +4762,7 @@ function PaginationPrevious(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react15.ChevronLeftIcon, { className: "size-5" }) })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react15.ChevronLeftIcon, { className: "size-5" }) })) });
 }
 function PaginationNext(_a) {
   var _b = _a, {
@@ -4722,7 +4770,7 @@ function PaginationNext(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react15.ChevronRightIcon, { className: "size-5" }) })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react15.ChevronRightIcon, { className: "size-5" }) })) });
 }
 function PaginationEllipsis(_a) {
   var _b = _a, {
@@ -4730,7 +4778,7 @@ function PaginationEllipsis(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
@@ -4738,23 +4786,23 @@ function PaginationEllipsis(_a) {
       className: cn("flex size-10 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react15.MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react15.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
 }
 
 // components/ui/popover.tsx
-var import_radix_ui22 = require("radix-ui");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_radix_ui23 = require("radix-ui");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_radix_ui22.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_radix_ui23.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_radix_ui22.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_radix_ui23.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -4766,8 +4814,8 @@ function PopoverContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_radix_ui22.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    import_radix_ui22.Popover.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_radix_ui23.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    import_radix_ui23.Popover.Content,
     __spreadValues({
       "data-slot": "popover-content",
       align,
@@ -4781,11 +4829,11 @@ function PopoverContent(_a) {
 }
 function PopoverAnchor(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_radix_ui22.Popover.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_radix_ui23.Popover.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
 }
 function PopoverHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     __spreadValues({
       "data-slot": "popover-header",
@@ -4795,7 +4843,7 @@ function PopoverHeader(_a) {
 }
 function PopoverTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     __spreadValues({
       "data-slot": "popover-title",
@@ -4809,7 +4857,7 @@ function PopoverDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "p",
     __spreadValues({
       "data-slot": "popover-description",
@@ -4819,8 +4867,8 @@ function PopoverDescription(_a) {
 }
 
 // components/ui/progress.tsx
-var import_radix_ui23 = require("radix-ui");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_radix_ui24 = require("radix-ui");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Progress(_a) {
   var _b = _a, {
     className,
@@ -4829,8 +4877,8 @@ function Progress(_a) {
     "className",
     "value"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-    import_radix_ui23.Progress.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    import_radix_ui24.Progress.Root,
     __spreadProps(__spreadValues({
       "data-slot": "progress",
       className: cn(
@@ -4838,8 +4886,8 @@ function Progress(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-        import_radix_ui23.Progress.Indicator,
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        import_radix_ui24.Progress.Indicator,
         {
           "data-slot": "progress-indicator",
           className: "h-full w-full flex-1 bg-primary transition-all",
@@ -4852,16 +4900,16 @@ function Progress(_a) {
 
 // components/ui/radio-group.tsx
 var import_lucide_react16 = require("lucide-react");
-var import_radix_ui24 = require("radix-ui");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_radix_ui25 = require("radix-ui");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function RadioGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    import_radix_ui24.RadioGroup.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    import_radix_ui25.RadioGroup.Root,
     __spreadValues({
       "data-slot": "radio-group",
       className: cn("grid gap-3", className)
@@ -4874,8 +4922,8 @@ function RadioGroupItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    import_radix_ui24.RadioGroup.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    import_radix_ui25.RadioGroup.Item,
     __spreadProps(__spreadValues({
       "data-slot": "radio-group-item",
       className: cn(
@@ -4883,12 +4931,12 @@ function RadioGroupItem(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-        import_radix_ui24.RadioGroup.Indicator,
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        import_radix_ui25.RadioGroup.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react16.CircleIcon, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react16.CircleIcon, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
         }
       )
     })
@@ -4898,14 +4946,14 @@ function RadioGroupItem(_a) {
 // components/ui/resizable.tsx
 var import_lucide_react17 = require("lucide-react");
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function ResizablePanelGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     ResizablePrimitive.Group,
     __spreadValues({
       "data-slot": "resizable-panel-group",
@@ -4918,7 +4966,7 @@ function ResizablePanelGroup(_a) {
 }
 function ResizablePanel(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
 }
 function ResizableHandle(_a) {
   var _b = _a, {
@@ -4928,7 +4976,7 @@ function ResizableHandle(_a) {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       "data-slot": "resizable-handle",
@@ -4937,14 +4985,14 @@ function ResizableHandle(_a) {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react17.GripVerticalIcon, { className: "size-2.5" }) })
+      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react17.GripVerticalIcon, { className: "size-2.5" }) })
     })
   );
 }
 
 // components/ui/scroll-area.tsx
-var import_radix_ui25 = require("radix-ui");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_radix_ui26 = require("radix-ui");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function ScrollArea(_a) {
   var _b = _a, {
     className,
@@ -4953,23 +5001,23 @@ function ScrollArea(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-    import_radix_ui25.ScrollArea.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+    import_radix_ui26.ScrollArea.Root,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area",
       className: cn("relative", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-          import_radix_ui25.ScrollArea.Viewport,
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          import_radix_ui26.ScrollArea.Viewport,
           {
             "data-slot": "scroll-area-viewport",
             className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ScrollBar, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui25.ScrollArea.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui26.ScrollArea.Corner, {})
       ]
     })
   );
@@ -4982,8 +5030,8 @@ function ScrollBar(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    import_radix_ui25.ScrollArea.ScrollAreaScrollbar,
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    import_radix_ui26.ScrollArea.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area-scrollbar",
       orientation,
@@ -4994,8 +5042,8 @@ function ScrollBar(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-        import_radix_ui25.ScrollArea.ScrollAreaThumb,
+      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        import_radix_ui26.ScrollArea.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
           className: "relative flex-1 rounded-full bg-border"
@@ -5007,19 +5055,19 @@ function ScrollBar(_a) {
 
 // components/ui/select.tsx
 var import_lucide_react18 = require("lucide-react");
-var import_radix_ui26 = require("radix-ui");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_radix_ui27 = require("radix-ui");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Select(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui26.Select.Root, __spreadValues({ "data-slot": "select" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.Root, __spreadValues({ "data-slot": "select" }, props));
 }
 function SelectGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui26.Select.Group, __spreadValues({ "data-slot": "select-group" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.Group, __spreadValues({ "data-slot": "select-group" }, props));
 }
 function SelectValue(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui26.Select.Value, __spreadValues({ "data-slot": "select-value" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.Value, __spreadValues({ "data-slot": "select-value" }, props));
 }
 function SelectTrigger(_a) {
   var _b = _a, {
@@ -5033,8 +5081,8 @@ function SelectTrigger(_a) {
     "readOnly",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-    import_radix_ui26.Select.Trigger,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+    import_radix_ui27.Select.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "select-trigger",
       "data-size": size,
@@ -5047,7 +5095,7 @@ function SelectTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui26.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react18.ChevronDownIcon, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react18.ChevronDownIcon, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
       ]
     })
   );
@@ -5064,8 +5112,8 @@ function SelectContent(_a) {
     "position",
     "align"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui26.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-    import_radix_ui26.Select.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+    import_radix_ui27.Select.Content,
     __spreadProps(__spreadValues({
       "data-slot": "select-content",
       className: cn(
@@ -5077,9 +5125,9 @@ function SelectContent(_a) {
       align
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectScrollUpButton, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          import_radix_ui26.Select.Viewport,
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectScrollUpButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          import_radix_ui27.Select.Viewport,
           {
             className: cn(
               "p-1",
@@ -5088,7 +5136,7 @@ function SelectContent(_a) {
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectScrollDownButton, {})
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectScrollDownButton, {})
       ]
     })
   ) });
@@ -5099,8 +5147,8 @@ function SelectLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-    import_radix_ui26.Select.Label,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_radix_ui27.Select.Label,
     __spreadValues({
       "data-slot": "select-label",
       className: cn("px-2 py-1.5 text-xs text-on-subtle", className)
@@ -5115,8 +5163,8 @@ function SelectItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-    import_radix_ui26.Select.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+    import_radix_ui27.Select.Item,
     __spreadProps(__spreadValues({
       "data-slot": "select-item",
       className: cn(
@@ -5125,15 +5173,15 @@ function SelectItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "span",
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui26.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react18.CheckIcon, { className: "size-4 text-primary" }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react18.CheckIcon, { className: "size-4 text-primary" }) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui26.Select.ItemText, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.ItemText, { children })
       ]
     })
   );
@@ -5144,8 +5192,8 @@ function SelectSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-    import_radix_ui26.Select.Separator,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_radix_ui27.Select.Separator,
     __spreadValues({
       "data-slot": "select-separator",
       className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className)
@@ -5158,8 +5206,8 @@ function SelectScrollUpButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-    import_radix_ui26.Select.ScrollUpButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_radix_ui27.Select.ScrollUpButton,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-up-button",
       className: cn(
@@ -5167,7 +5215,7 @@ function SelectScrollUpButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react18.ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react18.ChevronUpIcon, { className: "size-4" })
     })
   );
 }
@@ -5177,8 +5225,8 @@ function SelectScrollDownButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-    import_radix_ui26.Select.ScrollDownButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_radix_ui27.Select.ScrollDownButton,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-down-button",
       className: cn(
@@ -5186,30 +5234,30 @@ function SelectScrollDownButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react18.ChevronDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react18.ChevronDownIcon, { className: "size-4" })
     })
   );
 }
 
 // components/ui/sheet.tsx
 var import_lucide_react19 = require("lucide-react");
-var import_radix_ui27 = require("radix-ui");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_radix_ui28 = require("radix-ui");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Dialog.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui28.Dialog.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Dialog.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui28.Dialog.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
 }
 function SheetClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Dialog.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui28.Dialog.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Dialog.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui28.Dialog.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -5217,8 +5265,8 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-    import_radix_ui27.Dialog.Overlay,
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    import_radix_ui28.Dialog.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
       className: cn(
@@ -5240,10 +5288,10 @@ function SheetContent(_a) {
     "side",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-      import_radix_ui27.Dialog.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+      import_radix_ui28.Dialog.Content,
       __spreadProps(__spreadValues({
         "data-slot": "sheet-content",
         className: cn(
@@ -5257,9 +5305,9 @@ function SheetContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_radix_ui27.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-secondary", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react19.XIcon, { className: "size-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "sr-only", children: "Close" })
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_radix_ui28.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-secondary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react19.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -5268,7 +5316,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -5278,7 +5326,7 @@ function SheetHeader(_a) {
 }
 function SheetFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sheet-footer",
@@ -5292,8 +5340,8 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-    import_radix_ui27.Dialog.Title,
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    import_radix_ui28.Dialog.Title,
     __spreadValues({
       "data-slot": "sheet-title",
       className: cn("font-semibold text-on-prominent", className)
@@ -5306,8 +5354,8 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-    import_radix_ui27.Dialog.Description,
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    import_radix_ui28.Dialog.Description,
     __spreadValues({
       "data-slot": "sheet-description",
       className: cn("text-sm text-on-subtle", className)
@@ -5317,9 +5365,9 @@ function SheetDescription(_a) {
 
 // components/ui/sidebar.tsx
 var React9 = __toESM(require("react"), 1);
-var import_class_variance_authority11 = require("class-variance-authority");
+var import_class_variance_authority12 = require("class-variance-authority");
 var import_lucide_react20 = require("lucide-react");
-var import_radix_ui29 = require("radix-ui");
+var import_radix_ui30 = require("radix-ui");
 
 // hooks/use-mobile.ts
 var React8 = __toESM(require("react"), 1);
@@ -5339,10 +5387,10 @@ function useIsMobile() {
 }
 
 // components/ui/skeleton.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Skeleton(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     __spreadValues({
       "data-slot": "skeleton",
@@ -5352,16 +5400,16 @@ function Skeleton(_a) {
 }
 
 // components/ui/tooltip.tsx
-var import_radix_ui28 = require("radix-ui");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_radix_ui29 = require("radix-ui");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-    import_radix_ui28.Tooltip.Provider,
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    import_radix_ui29.Tooltip.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
       delayDuration
@@ -5370,11 +5418,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip2(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_radix_ui28.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_radix_ui29.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_radix_ui28.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_radix_ui29.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -5386,8 +5434,8 @@ function TooltipContent(_a) {
     "sideOffset",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_radix_ui28.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
-    import_radix_ui28.Tooltip.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_radix_ui29.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    import_radix_ui29.Tooltip.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
       sideOffset,
@@ -5398,14 +5446,14 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_radix_ui28.Tooltip.Arrow, { className: "fill-primary" })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_radix_ui29.Tooltip.Arrow, { className: "fill-primary" })
       ]
     })
   ) });
 }
 
 // components/ui/sidebar.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -5478,7 +5526,7 @@ function SidebarProvider(_a) {
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -5511,7 +5559,7 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
@@ -5525,7 +5573,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -5537,16 +5585,16 @@ function Sidebar(_a) {
         },
         side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
@@ -5556,7 +5604,7 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -5568,7 +5616,7 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
@@ -5580,7 +5628,7 @@ function Sidebar(_a) {
               className
             )
           }, props), {
-            children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -5604,7 +5652,7 @@ function SidebarTrigger(_a) {
     "onClick"
   ]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     Button,
     __spreadProps(__spreadValues({
       "data-sidebar": "trigger",
@@ -5618,8 +5666,8 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react20.PanelLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react20.PanelLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
   );
@@ -5627,7 +5675,7 @@ function SidebarTrigger(_a) {
 function SidebarRail(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "button",
     __spreadValues({
       "data-sidebar": "rail",
@@ -5650,7 +5698,7 @@ function SidebarRail(_a) {
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
@@ -5668,7 +5716,7 @@ function SidebarInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Input,
     __spreadValues({
       "data-slot": "sidebar-input",
@@ -5679,7 +5727,7 @@ function SidebarInput(_a) {
 }
 function SidebarHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-header",
@@ -5690,7 +5738,7 @@ function SidebarHeader(_a) {
 }
 function SidebarFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-footer",
@@ -5705,7 +5753,7 @@ function SidebarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Separator,
     __spreadValues({
       "data-slot": "sidebar-separator",
@@ -5716,7 +5764,7 @@ function SidebarSeparator(_a) {
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
@@ -5730,7 +5778,7 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
@@ -5747,8 +5795,8 @@ function SidebarGroupLabel(_a) {
     "className",
     "asChild"
   ]);
-  const Comp = asChild ? import_radix_ui29.Slot.Root : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  const Comp = asChild ? import_radix_ui30.Slot.Root : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-label",
@@ -5769,8 +5817,8 @@ function SidebarGroupAction(_a) {
     "className",
     "asChild"
   ]);
-  const Comp = asChild ? import_radix_ui29.Slot.Root : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  const Comp = asChild ? import_radix_ui30.Slot.Root : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-action",
@@ -5791,7 +5839,7 @@ function SidebarGroupContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group-content",
@@ -5802,7 +5850,7 @@ function SidebarGroupContent(_a) {
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
@@ -5813,7 +5861,7 @@ function SidebarMenu(_a) {
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
@@ -5822,7 +5870,7 @@ function SidebarMenuItem(_a) {
     }, props)
   );
 }
-var sidebarMenuButtonVariants = (0, import_class_variance_authority11.cva)(
+var sidebarMenuButtonVariants = (0, import_class_variance_authority12.cva)(
   "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: {
@@ -5858,9 +5906,9 @@ function SidebarMenuButton(_a) {
     "tooltip",
     "className"
   ]);
-  const Comp = asChild ? import_radix_ui29.Slot.Root : "button";
+  const Comp = asChild ? import_radix_ui30.Slot.Root : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-button",
@@ -5878,9 +5926,9 @@ function SidebarMenuButton(_a) {
       children: tooltip
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Tooltip2, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Tooltip2, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -5900,8 +5948,8 @@ function SidebarMenuAction(_a) {
     "asChild",
     "showOnHover"
   ]);
-  const Comp = asChild ? import_radix_ui29.Slot.Root : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  const Comp = asChild ? import_radix_ui30.Slot.Root : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-action",
@@ -5926,7 +5974,7 @@ function SidebarMenuBadge(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-menu-badge",
@@ -5952,7 +6000,7 @@ function SidebarMenuSkeleton(_a) {
     "showIcon"
   ]);
   const width = "70%";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-menu-skeleton",
@@ -5960,14 +6008,14 @@ function SidebarMenuSkeleton(_a) {
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className)
     }, props), {
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -5983,7 +6031,7 @@ function SidebarMenuSkeleton(_a) {
 }
 function SidebarMenuSub(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu-sub",
@@ -6002,7 +6050,7 @@ function SidebarMenuSubItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-sub-item",
@@ -6023,8 +6071,8 @@ function SidebarMenuSubButton(_a) {
     "isActive",
     "className"
   ]);
-  const Comp = asChild ? import_radix_ui29.Slot.Root : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  const Comp = asChild ? import_radix_ui30.Slot.Root : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-sub-button",
@@ -6045,8 +6093,8 @@ function SidebarMenuSubButton(_a) {
 
 // components/ui/slider.tsx
 var React10 = __toESM(require("react"), 1);
-var import_radix_ui30 = require("radix-ui");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_radix_ui31 = require("radix-ui");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function Slider(_a) {
   var _b = _a, {
     className,
@@ -6065,8 +6113,8 @@ function Slider(_a) {
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
-    import_radix_ui30.Slider.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+    import_radix_ui31.Slider.Root,
     __spreadProps(__spreadValues({
       "data-slot": "slider",
       defaultValue,
@@ -6079,15 +6127,15 @@ function Slider(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-          import_radix_ui30.Slider.Track,
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          import_radix_ui31.Slider.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__ */ (0, import_jsx_runtime50.jsx)(
-              import_radix_ui30.Slider.Range,
+            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              import_radix_ui31.Slider.Range,
               {
                 "data-slot": "slider-range",
                 className: cn(
@@ -6097,8 +6145,8 @@ function Slider(_a) {
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-          import_radix_ui30.Slider.Thumb,
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          import_radix_ui31.Slider.Thumb,
           {
             "data-slot": "slider-thumb",
             className: "block size-4 shrink-0 rounded-[4px] border-0 bg-primary ring-ring/50 transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
@@ -6114,12 +6162,12 @@ function Slider(_a) {
 var import_lucide_react21 = require("lucide-react");
 var import_next_themes = require("next-themes");
 var import_sonner = require("sonner");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var Toaster = (_a) => {
   var props = __objRest(_a, []);
   const { theme = "system" } = (0, import_next_themes.useTheme)();
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_sonner.Toaster,
     __spreadValues({
       theme,
@@ -6128,11 +6176,11 @@ var Toaster = (_a) => {
       visibleToasts: isMobile ? 1 : 3,
       duration: 4e3,
       icons: {
-        success: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react21.CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react21.InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react21.TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react21.OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react21.Loader2Icon, { className: "size-4 animate-spin" })
+        success: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react21.CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react21.InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react21.TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react21.OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react21.Loader2Icon, { className: "size-4 animate-spin" })
       },
       toastOptions: {
         classNames: {
@@ -6155,7 +6203,7 @@ var Toaster = (_a) => {
 // components/ui/stepper.tsx
 var React11 = __toESM(require("react"), 1);
 var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
@@ -6248,14 +6296,14 @@ function Stepper({
       }
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     InputGroup,
     {
       "data-slot": "stepper",
       "data-disabled": disabled || void 0,
       className: cn("w-32", container, className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           InputGroupButton,
           {
             size: buttonSize,
@@ -6263,10 +6311,10 @@ function Stepper({
             onClick: handleDecrement,
             disabled: disabled || currentValue <= min,
             "aria-label": "Decrease value",
-            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react22.Minus, { className: iconClass })
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react22.Minus, { className: iconClass })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           InputGroupInput,
           {
             type: "text",
@@ -6288,9 +6336,9 @@ function Stepper({
             className: "text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(InputGroupAddon, { align: "inline-end", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(InputGroupAddon, { align: "inline-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             InputGroupButton,
             {
               size: buttonSize,
@@ -6298,7 +6346,7 @@ function Stepper({
               onClick: handleIncrement,
               disabled: disabled || currentValue >= max,
               "aria-label": "Increase value",
-              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react22.Plus, { className: iconClass })
+              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react22.Plus, { className: iconClass })
             }
           )
         ] })
@@ -6308,8 +6356,8 @@ function Stepper({
 }
 
 // components/ui/switch.tsx
-var import_radix_ui31 = require("radix-ui");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_radix_ui32 = require("radix-ui");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Switch(_a) {
   var _b = _a, {
     className,
@@ -6318,8 +6366,8 @@ function Switch(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-    import_radix_ui31.Switch.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    import_radix_ui32.Switch.Root,
     __spreadProps(__spreadValues({
       "data-slot": "switch",
       "data-size": size,
@@ -6328,8 +6376,8 @@ function Switch(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-        import_radix_ui31.Switch.Thumb,
+      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        import_radix_ui32.Switch.Thumb,
         {
           "data-slot": "switch-thumb",
           className: cn(
@@ -6342,15 +6390,15 @@ function Switch(_a) {
 }
 
 // components/ui/table.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Table(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         "table",
         __spreadValues({
           "data-slot": "table",
@@ -6362,7 +6410,7 @@ function Table(_a) {
 }
 function TableHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "thead",
     __spreadValues({
       "data-slot": "table-header",
@@ -6372,7 +6420,7 @@ function TableHeader(_a) {
 }
 function TableBody(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "tbody",
     __spreadValues({
       "data-slot": "table-body",
@@ -6382,7 +6430,7 @@ function TableBody(_a) {
 }
 function TableFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "tfoot",
     __spreadValues({
       "data-slot": "table-footer",
@@ -6395,7 +6443,7 @@ function TableFooter(_a) {
 }
 function TableRow(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "tr",
     __spreadValues({
       "data-slot": "table-row",
@@ -6408,7 +6456,7 @@ function TableRow(_a) {
 }
 function TableHead(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "th",
     __spreadValues({
       "data-slot": "table-head",
@@ -6421,7 +6469,7 @@ function TableHead(_a) {
 }
 function TableCell(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "td",
     __spreadValues({
       "data-slot": "table-cell",
@@ -6438,7 +6486,7 @@ function TableCaption(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "caption",
     __spreadValues({
       "data-slot": "table-caption",
@@ -6448,9 +6496,9 @@ function TableCaption(_a) {
 }
 
 // components/ui/tabs.tsx
-var import_class_variance_authority12 = require("class-variance-authority");
-var import_radix_ui32 = require("radix-ui");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_class_variance_authority13 = require("class-variance-authority");
+var import_radix_ui33 = require("radix-ui");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -6459,8 +6507,8 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-    import_radix_ui32.Tabs.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    import_radix_ui33.Tabs.Root,
     __spreadValues({
       "data-slot": "tabs",
       "data-orientation": orientation,
@@ -6472,7 +6520,7 @@ function Tabs(_a) {
     }, props)
   );
 }
-var tabsListVariants = (0, import_class_variance_authority12.cva)(
+var tabsListVariants = (0, import_class_variance_authority13.cva)(
   "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: {
@@ -6502,8 +6550,8 @@ function TabsList(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-    import_radix_ui32.Tabs.List,
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    import_radix_ui33.Tabs.List,
     __spreadValues({
       "data-slot": "tabs-list",
       "data-variant": variant,
@@ -6520,8 +6568,8 @@ function TabsTrigger(_a) {
     "className",
     "iconPosition"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-    import_radix_ui32.Tabs.Trigger,
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    import_radix_ui33.Tabs.Trigger,
     __spreadValues({
       "data-slot": "tabs-trigger",
       "data-icon-position": iconPosition,
@@ -6546,8 +6594,8 @@ function TabsContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-    import_radix_ui32.Tabs.Content,
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    import_radix_ui33.Tabs.Content,
     __spreadValues({
       "data-slot": "tabs-content",
       className: cn("flex-1 outline-none", className)
@@ -6557,100 +6605,119 @@ function TabsContent(_a) {
 
 // components/ui/ticket-card.tsx
 var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function TicketCard({
+  className,
   icon,
   label,
   value,
-  stubIcon,
+  currency,
   stubLabel,
   onStubClick,
   stubDisabled = false,
-  className
+  welcomeCredit,
+  freeCredit,
+  creditUsed = "10.00",
+  creditTotal = "10.00",
+  creditCurrency = "USDT",
+  creditLabel = "Welcome credit",
+  creditFullWidth = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
-    "div",
-    {
-      "data-slot": "ticket-card",
-      className: cn(
-        "relative flex w-full items-stretch rounded-sm",
-        "bg-subtle",
-        className
+  var _a;
+  const showCredit = (_a = welcomeCredit != null ? welcomeCredit : freeCredit) != null ? _a : false;
+  const creditPct = Math.min(
+    100,
+    Math.max(0, parseFloat(creditUsed) / parseFloat(creditTotal) * 100)
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cn("flex w-full flex-col gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "relative flex h-20 w-full items-stretch justify-between rounded-sm bg-subtle", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-1 items-center gap-4 overflow-hidden px-4", children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-xs text-on-subtle", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "leading-none", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-[20px] font-bold text-on-prominent", children: value }),
+            currency && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+              " ",
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm text-on-subtle", children: currency })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[68px] z-10 size-6 rounded-full bg-prominent" }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        "div",
+        {
+          "aria-hidden": true,
+          className: "pointer-events-none absolute bottom-[12px] top-[12px] z-10 w-1 -translate-x-1/2",
+          style: {
+            right: 96,
+            backgroundImage: "repeating-linear-gradient(to bottom, color-mix(in oklch, var(--border-subtle) 80%, black) 0px, color-mix(in oklch, var(--border-subtle) 80%, black) 3px, transparent 3px, transparent 6px)"
+          }
+        }
       ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "relative flex min-w-0 flex-1 items-center gap-3 px-4 py-4 sm:gap-4 sm:px-5", children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex shrink-0 size-11 rounded-full border-2 border-primary items-center justify-center text-primary sm:size-12", children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5 overflow-hidden", children: [
-            label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-on-subtle text-xs font-semibold", children: label }),
-            value && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "truncate text-lg font-bold text-on-prominent sm:text-xl", children: value })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-            "div",
-            {
-              "aria-hidden": true,
-              className: "pointer-events-none absolute right-0 top-0 z-10 size-5 -translate-y-1/2 translate-x-1/2 rounded-full bg-prominent"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-            "div",
-            {
-              "aria-hidden": true,
-              className: "pointer-events-none absolute bottom-0 right-0 z-10 size-5 translate-x-1/2 translate-y-1/2 rounded-full bg-prominent"
-            }
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: onStubClick,
+          disabled: stubDisabled,
+          "aria-label": stubLabel,
+          className: cn(
+            "relative flex h-20 w-[100px] shrink-0 flex-col items-center justify-center gap-1 overflow-hidden rounded-r-sm bg-primary",
+            "transition-colors duration-fast ease-standard",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+            stubDisabled ? "cursor-not-allowed opacity-50" : "hover:bg-primary-hover"
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-            "div",
-            {
-              "aria-hidden": true,
-              className: "pointer-events-none absolute bottom-4 right-0 top-4 -translate-x-1/2 border-l-2 border-dashed border-primary/30"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-          "div",
-          {
-            className: cn(
-              "relative z-[1] inline-flex max-w-[72%] shrink-0 self-stretch sm:max-w-[44%]"
-            ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
-              "button",
+          children: [
+            !stubDisabled && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              "span",
               {
-                type: "button",
-                onClick: stubDisabled ? void 0 : onStubClick,
-                disabled: stubDisabled,
-                className: cn(
-                  "relative box-border inline-flex h-full min-h-[3.25rem] min-w-[5.75rem] flex-col items-center justify-center gap-1.5 rounded-r-sm px-4 py-3 transition-colors sm:min-h-0 sm:gap-1.5 sm:px-5",
-                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                  stubDisabled ? "bg-primary/30 cursor-not-allowed opacity-50 pointer-events-none" : "bg-primary cursor-pointer hover:bg-primary-hover"
-                ),
-                children: [
-                  !stubDisabled && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                    "span",
-                    {
-                      "aria-hidden": true,
-                      className: "absolute inset-0 pointer-events-none [animation:stub-shimmer_1.5s_linear_infinite]",
-                      style: {
-                        background: "linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.30) 50%, transparent 100%)"
-                      }
-                    }
-                  ),
-                  stubIcon != null ? stubIcon : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react23.ArrowRight, { className: "relative size-5 shrink-0 text-on-prominent-static-inverse" }),
-                  stubLabel && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "max-w-full text-balance text-center text-xs font-bold leading-tight tracking-wide text-on-prominent-static-inverse sm:tracking-widest", children: stubLabel })
-                ]
+                "aria-hidden": true,
+                className: "pointer-events-none absolute inset-0 [animation:stub-shimmer_1.5s_linear_infinite]",
+                style: {
+                  background: "linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.30) 50%, transparent 100%)"
+                }
               }
-            )
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react23.ArrowRight, { className: "size-4 text-on-prominent-static-inverse" }),
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm font-semibold text-on-prominent-static-inverse", children: stubLabel })
+          ]
+        }
+      )
+    ] }),
+    showCredit && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cn(
+      "flex items-center gap-2 rounded-sm bg-subtle p-2",
+      creditFullWidth ? "w-full" : "w-[calc(100%-112px)]"
+    ), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react23.TicketPlus, { className: "size-6 shrink-0", style: { color: "#713813" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between whitespace-nowrap text-[10px] font-semibold", style: { color: "#713813" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: creditLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-on-prominent", children: creditUsed }),
+            ` / ${creditTotal} ${creditCurrency}`
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          Progress,
+          {
+            value: creditPct,
+            className: "h-1 bg-black/8 [&>[data-slot=progress-indicator]]:bg-[#ef9f00]"
           }
         )
-      ]
-    }
-  );
+      ] })
+    ] })
+  ] });
 }
+var TicketCardDesktop = TicketCard;
 
 // components/ui/toggle.tsx
-var import_class_variance_authority13 = require("class-variance-authority");
-var import_radix_ui33 = require("radix-ui");
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var toggleVariants = (0, import_class_variance_authority13.cva)(
+var import_class_variance_authority14 = require("class-variance-authority");
+var import_radix_ui34 = require("radix-ui");
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var toggleVariants = (0, import_class_variance_authority14.cva)(
   "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: {
@@ -6680,8 +6747,8 @@ function Toggle(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-    import_radix_ui33.Toggle.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    import_radix_ui34.Toggle.Root,
     __spreadValues({
       "data-slot": "toggle",
       className: cn(toggleVariants({ variant, size, className }))
@@ -6691,8 +6758,8 @@ function Toggle(_a) {
 
 // components/ui/toggle-group.tsx
 var React12 = __toESM(require("react"), 1);
-var import_radix_ui34 = require("radix-ui");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_radix_ui35 = require("radix-ui");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var ToggleGroupContext = React12.createContext({
   size: "default",
   variant: "default",
@@ -6712,8 +6779,8 @@ function ToggleGroup(_a) {
     "spacing",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-    import_radix_ui34.ToggleGroup.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    import_radix_ui35.ToggleGroup.Root,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group",
       "data-variant": variant,
@@ -6725,7 +6792,7 @@ function ToggleGroup(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
     })
   );
 }
@@ -6742,8 +6809,8 @@ function ToggleGroupItem(_a) {
     "size"
   ]);
   const context = React12.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-    import_radix_ui34.ToggleGroup.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    import_radix_ui35.ToggleGroup.Item,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group-item",
       "data-variant": context.variant || variant,
@@ -6969,6 +7036,7 @@ function ToggleGroupItem(_a) {
   NativeSelect,
   NativeSelectOptGroup,
   NativeSelectOption,
+  NavigationButton,
   NavigationMenu,
   NavigationMenuContent,
   NavigationMenuIndicator,
@@ -7060,6 +7128,7 @@ function ToggleGroupItem(_a) {
   TabsTrigger,
   Textarea,
   TicketCard,
+  TicketCardDesktop,
   Toaster,
   Toggle,
   ToggleGroup,
@@ -7073,6 +7142,7 @@ function ToggleGroupItem(_a) {
   cn,
   inputVariants,
   linkVariants,
+  navigationButtonVariants,
   navigationMenuTriggerStyle,
   tabsListVariants,
   toggleVariants,