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

package/dist/index.js

@@ -4141,11 +4141,56 @@ function NativeSelectOptGroup(_a) {
   );
 }
 
-// components/ui/navigation-menu.tsx
+// components/ui/navigation-button.tsx
 import { cva as cva10 } from "class-variance-authority";
+import { Slot as Slot7 } from "radix-ui";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var navigationButtonVariants = cva10(
+  "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 ? Slot7.Root : "button";
+  return /* @__PURE__ */ jsx38(
+    Comp,
+    __spreadProps(__spreadValues({
+      "data-slot": "navigation-button",
+      "data-size": size,
+      className: cn(navigationButtonVariants({ size, className }))
+    }, props), {
+      children
+    })
+  );
+}
+
+// components/ui/navigation-menu.tsx
+import { cva as cva11 } from "class-variance-authority";
 import { ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
 import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
-import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs18 } from "react/jsx-runtime";
 function NavigationMenu(_a) {
   var _b = _a, {
     className,
@@ -4168,7 +4213,7 @@ function NavigationMenu(_a) {
     }, props), {
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx38(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx39(NavigationMenuViewport, {})
       ]
     })
   );
@@ -4179,7 +4224,7 @@ function NavigationMenuList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     NavigationMenuPrimitive.List,
     __spreadValues({
       "data-slot": "navigation-menu-list",
@@ -4196,7 +4241,7 @@ function NavigationMenuItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     NavigationMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "navigation-menu-item",
@@ -4204,7 +4249,7 @@ function NavigationMenuItem(_a) {
     }, props)
   );
 }
-var navigationMenuTriggerStyle = cva10(
+var navigationMenuTriggerStyle = cva11(
   "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) {
@@ -4224,7 +4269,7 @@ function NavigationMenuTrigger(_a) {
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           ChevronDownIcon5,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-slow group-data-[state=open]:rotate-180",
@@ -4241,7 +4286,7 @@ function NavigationMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "navigation-menu-content",
@@ -4259,13 +4304,13 @@ function NavigationMenuViewport(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx39(
         NavigationMenuPrimitive.Viewport,
         __spreadValues({
           "data-slot": "navigation-menu-viewport",
@@ -4284,7 +4329,7 @@ function NavigationMenuLink(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     NavigationMenuPrimitive.Link,
     __spreadValues({
       "data-slot": "navigation-menu-link",
@@ -4301,7 +4346,7 @@ function NavigationMenuIndicator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-indicator",
@@ -4310,7 +4355,7 @@ function NavigationMenuIndicator(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx38("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx39("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 }
@@ -4321,10 +4366,10 @@ import {
   ChevronRightIcon as ChevronRightIcon5,
   MoreHorizontalIcon
 } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs19 } from "react/jsx-runtime";
 function Pagination(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -4340,7 +4385,7 @@ function PaginationContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "ul",
     __spreadValues({
       "data-slot": "pagination-content",
@@ -4350,7 +4395,7 @@ function PaginationContent(_a) {
 }
 function PaginationItem(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx39("li", __spreadValues({ "data-slot": "pagination-item" }, props));
+  return /* @__PURE__ */ jsx40("li", __spreadValues({ "data-slot": "pagination-item" }, props));
 }
 function PaginationLink(_a) {
   var _b = _a, {
@@ -4362,7 +4407,7 @@ function PaginationLink(_a) {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -4382,7 +4427,7 @@ function PaginationPrevious(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx39("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx39(ChevronLeftIcon2, { className: "size-5" }) })) });
+  return /* @__PURE__ */ jsx40(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx40("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx40(ChevronLeftIcon2, { className: "size-5" }) })) });
 }
 function PaginationNext(_a) {
   var _b = _a, {
@@ -4390,7 +4435,7 @@ function PaginationNext(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx39("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx39(ChevronRightIcon5, { className: "size-5" }) })) });
+  return /* @__PURE__ */ jsx40(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx40("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx40(ChevronRightIcon5, { className: "size-5" }) })) });
 }
 function PaginationEllipsis(_a) {
   var _b = _a, {
@@ -4406,8 +4451,8 @@ function PaginationEllipsis(_a) {
       className: cn("flex size-10 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx39(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx40(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -4415,14 +4460,14 @@ function PaginationEllipsis(_a) {
 
 // components/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx40(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ jsx41(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx40(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ jsx41(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -4434,7 +4479,7 @@ function PopoverContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx40(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx41(
     PopoverPrimitive.Content,
     __spreadValues({
       "data-slot": "popover-content",
@@ -4449,11 +4494,11 @@ function PopoverContent(_a) {
 }
 function PopoverAnchor(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx40(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
+  return /* @__PURE__ */ jsx41(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
 }
 function PopoverHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "div",
     __spreadValues({
       "data-slot": "popover-header",
@@ -4463,7 +4508,7 @@ function PopoverHeader(_a) {
 }
 function PopoverTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "div",
     __spreadValues({
       "data-slot": "popover-title",
@@ -4477,7 +4522,7 @@ function PopoverDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "p",
     __spreadValues({
       "data-slot": "popover-description",
@@ -4488,7 +4533,7 @@ function PopoverDescription(_a) {
 
 // components/ui/progress.tsx
 import { Progress as ProgressPrimitive } from "radix-ui";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function Progress(_a) {
   var _b = _a, {
     className,
@@ -4497,7 +4542,7 @@ function Progress(_a) {
     "className",
     "value"
   ]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "progress",
@@ -4506,7 +4551,7 @@ function Progress(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx41(
+      children: /* @__PURE__ */ jsx42(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -4521,14 +4566,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 jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function RadioGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     RadioGroupPrimitive.Root,
     __spreadValues({
       "data-slot": "radio-group",
@@ -4542,7 +4587,7 @@ function RadioGroupItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "radio-group-item",
@@ -4551,12 +4596,12 @@ function RadioGroupItem(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx42(
+      children: /* @__PURE__ */ jsx43(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx42(CircleIcon4, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
+          children: /* @__PURE__ */ jsx43(CircleIcon4, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
         }
       )
     })
@@ -4566,14 +4611,14 @@ function RadioGroupItem(_a) {
 // components/ui/resizable.tsx
 import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function ResizablePanelGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     ResizablePrimitive.Group,
     __spreadValues({
       "data-slot": "resizable-panel-group",
@@ -4586,7 +4631,7 @@ function ResizablePanelGroup(_a) {
 }
 function ResizablePanel(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx43(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
+  return /* @__PURE__ */ jsx44(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
 }
 function ResizableHandle(_a) {
   var _b = _a, {
@@ -4596,7 +4641,7 @@ function ResizableHandle(_a) {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       "data-slot": "resizable-handle",
@@ -4605,14 +4650,14 @@ function ResizableHandle(_a) {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ jsx43("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ jsx43(GripVerticalIcon, { className: "size-2.5" }) })
+      children: withHandle && /* @__PURE__ */ jsx44("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ jsx44(GripVerticalIcon, { className: "size-2.5" }) })
     })
   );
 }
 
 // components/ui/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
 function ScrollArea(_a) {
   var _b = _a, {
     className,
@@ -4628,7 +4673,7 @@ function ScrollArea(_a) {
       className: cn("relative", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -4636,8 +4681,8 @@ function ScrollArea(_a) {
             children
           }
         ),
-        /* @__PURE__ */ jsx44(ScrollBar, {}),
-        /* @__PURE__ */ jsx44(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx45(ScrollBar, {}),
+        /* @__PURE__ */ jsx45(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
@@ -4650,7 +4695,7 @@ function ScrollBar(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area-scrollbar",
@@ -4662,7 +4707,7 @@ function ScrollBar(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx44(
+      children: /* @__PURE__ */ jsx45(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -4676,18 +4721,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 jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs21 } from "react/jsx-runtime";
 function Select(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx45(SelectPrimitive.Root, __spreadValues({ "data-slot": "select" }, props));
+  return /* @__PURE__ */ jsx46(SelectPrimitive.Root, __spreadValues({ "data-slot": "select" }, props));
 }
 function SelectGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx45(SelectPrimitive.Group, __spreadValues({ "data-slot": "select-group" }, props));
+  return /* @__PURE__ */ jsx46(SelectPrimitive.Group, __spreadValues({ "data-slot": "select-group" }, props));
 }
 function SelectValue(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx45(SelectPrimitive.Value, __spreadValues({ "data-slot": "select-value" }, props));
+  return /* @__PURE__ */ jsx46(SelectPrimitive.Value, __spreadValues({ "data-slot": "select-value" }, props));
 }
 function SelectTrigger(_a) {
   var _b = _a, {
@@ -4715,7 +4760,7 @@ function SelectTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx45(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx45(ChevronDownIcon6, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
+        /* @__PURE__ */ jsx46(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx46(ChevronDownIcon6, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
       ]
     })
   );
@@ -4732,7 +4777,7 @@ function SelectContent(_a) {
     "position",
     "align"
   ]);
-  return /* @__PURE__ */ jsx45(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx46(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs21(
     SelectPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "select-content",
@@ -4745,8 +4790,8 @@ function SelectContent(_a) {
       align
     }, props), {
       children: [
-        /* @__PURE__ */ jsx45(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx46(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -4756,7 +4801,7 @@ function SelectContent(_a) {
             children
           }
         ),
-        /* @__PURE__ */ jsx45(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx46(SelectScrollDownButton, {})
       ]
     })
   ) });
@@ -4767,7 +4812,7 @@ function SelectLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     SelectPrimitive.Label,
     __spreadValues({
       "data-slot": "select-label",
@@ -4793,15 +4838,15 @@ function SelectItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           "span",
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ jsx45(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx45(CheckIcon6, { className: "size-4 text-primary" }) })
+            children: /* @__PURE__ */ jsx46(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx46(CheckIcon6, { className: "size-4 text-primary" }) })
           }
         ),
-        /* @__PURE__ */ jsx45(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx46(SelectPrimitive.ItemText, { children })
       ]
     })
   );
@@ -4812,7 +4857,7 @@ function SelectSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     SelectPrimitive.Separator,
     __spreadValues({
       "data-slot": "select-separator",
@@ -4826,7 +4871,7 @@ function SelectScrollUpButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     SelectPrimitive.ScrollUpButton,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-up-button",
@@ -4835,7 +4880,7 @@ function SelectScrollUpButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx45(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx46(ChevronUpIcon, { className: "size-4" })
     })
   );
 }
@@ -4845,7 +4890,7 @@ function SelectScrollDownButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     SelectPrimitive.ScrollDownButton,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-down-button",
@@ -4854,7 +4899,7 @@ function SelectScrollDownButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx45(ChevronDownIcon6, { className: "size-4" })
+      children: /* @__PURE__ */ jsx46(ChevronDownIcon6, { className: "size-4" })
     })
   );
 }
@@ -4862,22 +4907,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 jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx46(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ jsx47(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx46(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+  return /* @__PURE__ */ jsx47(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
 }
 function SheetClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx46(SheetPrimitive.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
+  return /* @__PURE__ */ jsx47(SheetPrimitive.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx46(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ jsx47(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -4885,7 +4930,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     SheetPrimitive.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
@@ -4909,7 +4954,7 @@ function SheetContent(_a) {
     "showCloseButton"
   ]);
   return /* @__PURE__ */ jsxs22(SheetPortal, { children: [
-    /* @__PURE__ */ jsx46(SheetOverlay, {}),
+    /* @__PURE__ */ jsx47(SheetOverlay, {}),
     /* @__PURE__ */ jsxs22(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
@@ -4926,8 +4971,8 @@ function SheetContent(_a) {
         children: [
           children,
           showCloseButton && /* @__PURE__ */ jsxs22(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__ */ jsx46(XIcon3, { className: "size-4" }),
-            /* @__PURE__ */ jsx46("span", { className: "sr-only", children: "Close" })
+            /* @__PURE__ */ jsx47(XIcon3, { className: "size-4" }),
+            /* @__PURE__ */ jsx47("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -4936,7 +4981,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -4946,7 +4991,7 @@ function SheetHeader(_a) {
 }
 function SheetFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     __spreadValues({
       "data-slot": "sheet-footer",
@@ -4960,7 +5005,7 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     SheetPrimitive.Title,
     __spreadValues({
       "data-slot": "sheet-title",
@@ -4974,7 +5019,7 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     SheetPrimitive.Description,
     __spreadValues({
       "data-slot": "sheet-description",
@@ -4985,9 +5030,9 @@ function SheetDescription(_a) {
 
 // components/ui/sidebar.tsx
 import * as React9 from "react";
-import { cva as cva11 } from "class-variance-authority";
+import { cva as cva12 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
-import { Slot as Slot7 } from "radix-ui";
+import { Slot as Slot8 } from "radix-ui";
 
 // hooks/use-mobile.ts
 import * as React8 from "react";
@@ -5007,10 +5052,10 @@ function useIsMobile() {
 }
 
 // components/ui/skeleton.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function Skeleton(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     __spreadValues({
       "data-slot": "skeleton",
@@ -5021,14 +5066,14 @@ function Skeleton(_a) {
 
 // components/ui/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     TooltipPrimitive.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -5038,11 +5083,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip2(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx48(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+  return /* @__PURE__ */ jsx49(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props));
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx48(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ jsx49(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -5054,7 +5099,7 @@ function TooltipContent(_a) {
     "sideOffset",
     "children"
   ]);
-  return /* @__PURE__ */ jsx48(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx49(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs23(
     TooltipPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
@@ -5066,14 +5111,14 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx48(TooltipPrimitive.Arrow, { className: "fill-primary" })
+        /* @__PURE__ */ jsx49(TooltipPrimitive.Arrow, { className: "fill-primary" })
       ]
     })
   ) });
 }
 
 // components/ui/sidebar.tsx
-import { jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs24 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -5146,7 +5191,7 @@ function SidebarProvider(_a) {
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx49(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx49(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx50(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx50(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -5179,7 +5224,7 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
@@ -5193,7 +5238,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx49(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs24(
+    return /* @__PURE__ */ jsx50(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs24(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -5206,10 +5251,10 @@ function Sidebar(_a) {
         side,
         children: [
           /* @__PURE__ */ jsxs24(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx49(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx49(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsx50(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx50(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx49("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx50("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
@@ -5224,7 +5269,7 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -5236,7 +5281,7 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
@@ -5248,7 +5293,7 @@ function Sidebar(_a) {
               className
             )
           }, props), {
-            children: /* @__PURE__ */ jsx49(
+            children: /* @__PURE__ */ jsx50(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -5286,8 +5331,8 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        /* @__PURE__ */ jsx49(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx49("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx50(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx50("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
   );
@@ -5295,7 +5340,7 @@ function SidebarTrigger(_a) {
 function SidebarRail(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "button",
     __spreadValues({
       "data-sidebar": "rail",
@@ -5318,7 +5363,7 @@ function SidebarRail(_a) {
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
@@ -5336,7 +5381,7 @@ function SidebarInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     Input,
     __spreadValues({
       "data-slot": "sidebar-input",
@@ -5347,7 +5392,7 @@ function SidebarInput(_a) {
 }
 function SidebarHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "sidebar-header",
@@ -5358,7 +5403,7 @@ function SidebarHeader(_a) {
 }
 function SidebarFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "sidebar-footer",
@@ -5373,7 +5418,7 @@ function SidebarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     Separator,
     __spreadValues({
       "data-slot": "sidebar-separator",
@@ -5384,7 +5429,7 @@ function SidebarSeparator(_a) {
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
@@ -5398,7 +5443,7 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
@@ -5415,8 +5460,8 @@ function SidebarGroupLabel(_a) {
     "className",
     "asChild"
   ]);
-  const Comp = asChild ? Slot7.Root : "div";
-  return /* @__PURE__ */ jsx49(
+  const Comp = asChild ? Slot8.Root : "div";
+  return /* @__PURE__ */ jsx50(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-label",
@@ -5437,8 +5482,8 @@ function SidebarGroupAction(_a) {
     "className",
     "asChild"
   ]);
-  const Comp = asChild ? Slot7.Root : "button";
-  return /* @__PURE__ */ jsx49(
+  const Comp = asChild ? Slot8.Root : "button";
+  return /* @__PURE__ */ jsx50(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-action",
@@ -5459,7 +5504,7 @@ function SidebarGroupContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group-content",
@@ -5470,7 +5515,7 @@ function SidebarGroupContent(_a) {
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
@@ -5481,7 +5526,7 @@ function SidebarMenu(_a) {
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
@@ -5490,7 +5535,7 @@ function SidebarMenuItem(_a) {
     }, props)
   );
 }
-var sidebarMenuButtonVariants = cva11(
+var sidebarMenuButtonVariants = cva12(
   "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: {
@@ -5526,9 +5571,9 @@ function SidebarMenuButton(_a) {
     "tooltip",
     "className"
   ]);
-  const Comp = asChild ? Slot7.Root : "button";
+  const Comp = asChild ? Slot8.Root : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx49(
+  const button = /* @__PURE__ */ jsx50(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-button",
@@ -5547,8 +5592,8 @@ function SidebarMenuButton(_a) {
     };
   }
   return /* @__PURE__ */ jsxs24(Tooltip2, { children: [
-    /* @__PURE__ */ jsx49(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx50(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -5568,8 +5613,8 @@ function SidebarMenuAction(_a) {
     "asChild",
     "showOnHover"
   ]);
-  const Comp = asChild ? Slot7.Root : "button";
-  return /* @__PURE__ */ jsx49(
+  const Comp = asChild ? Slot8.Root : "button";
+  return /* @__PURE__ */ jsx50(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-action",
@@ -5594,7 +5639,7 @@ function SidebarMenuBadge(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "sidebar-menu-badge",
@@ -5628,14 +5673,14 @@ function SidebarMenuSkeleton(_a) {
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className)
     }, props), {
       children: [
-        showIcon && /* @__PURE__ */ jsx49(
+        showIcon && /* @__PURE__ */ jsx50(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -5651,7 +5696,7 @@ function SidebarMenuSkeleton(_a) {
 }
 function SidebarMenuSub(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu-sub",
@@ -5670,7 +5715,7 @@ function SidebarMenuSubItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-sub-item",
@@ -5691,8 +5736,8 @@ function SidebarMenuSubButton(_a) {
     "isActive",
     "className"
   ]);
-  const Comp = asChild ? Slot7.Root : "a";
-  return /* @__PURE__ */ jsx49(
+  const Comp = asChild ? Slot8.Root : "a";
+  return /* @__PURE__ */ jsx50(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-sub-button",
@@ -5714,7 +5759,7 @@ function SidebarMenuSubButton(_a) {
 // components/ui/slider.tsx
 import * as React10 from "react";
 import { Slider as SliderPrimitive } 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";
 function Slider(_a) {
   var _b = _a, {
     className,
@@ -5747,14 +5792,14 @@ function Slider(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           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__ */ jsx50(
+            children: /* @__PURE__ */ jsx51(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -5765,7 +5810,7 @@ function Slider(_a) {
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx50(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx51(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -5788,12 +5833,12 @@ import {
 } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var Toaster = (_a) => {
   var props = __objRest(_a, []);
   const { theme = "system" } = useTheme();
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     Sonner,
     __spreadValues({
       theme,
@@ -5802,11 +5847,11 @@ var Toaster = (_a) => {
       visibleToasts: isMobile ? 1 : 3,
       duration: 4e3,
       icons: {
-        success: /* @__PURE__ */ jsx51(CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx51(InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx51(TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ jsx51(OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsx51(Loader2Icon, { className: "size-4 animate-spin" })
+        success: /* @__PURE__ */ jsx52(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx52(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx52(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx52(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx52(Loader2Icon, { className: "size-4 animate-spin" })
       },
       toastOptions: {
         classNames: {
@@ -5829,7 +5874,7 @@ var Toaster = (_a) => {
 // components/ui/stepper.tsx
 import * as React11 from "react";
 import { Minus, Plus } from "lucide-react";
-import { jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs26 } from "react/jsx-runtime";
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
@@ -5929,7 +5974,7 @@ function Stepper({
       "data-disabled": disabled || void 0,
       className: cn("w-32", container, className),
       children: [
-        /* @__PURE__ */ jsx52(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx53(
           InputGroupButton,
           {
             size: buttonSize,
@@ -5937,10 +5982,10 @@ function Stepper({
             onClick: handleDecrement,
             disabled: disabled || currentValue <= min,
             "aria-label": "Decrease value",
-            children: /* @__PURE__ */ jsx52(Minus, { className: iconClass })
+            children: /* @__PURE__ */ jsx53(Minus, { className: iconClass })
           }
         ) }),
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(
           InputGroupInput,
           {
             type: "text",
@@ -5963,8 +6008,8 @@ function Stepper({
           }
         ),
         /* @__PURE__ */ jsxs26(InputGroupAddon, { align: "inline-end", children: [
-          /* @__PURE__ */ jsx52(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
-          /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsx53(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
+          /* @__PURE__ */ jsx53(
             InputGroupButton,
             {
               size: buttonSize,
@@ -5972,7 +6017,7 @@ function Stepper({
               onClick: handleIncrement,
               disabled: disabled || currentValue >= max,
               "aria-label": "Increase value",
-              children: /* @__PURE__ */ jsx52(Plus, { className: iconClass })
+              children: /* @__PURE__ */ jsx53(Plus, { className: iconClass })
             }
           )
         ] })
@@ -5983,7 +6028,7 @@ function Stepper({
 
 // components/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "radix-ui";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function Switch(_a) {
   var _b = _a, {
     className,
@@ -5992,7 +6037,7 @@ function Switch(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     SwitchPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "switch",
@@ -6002,7 +6047,7 @@ function Switch(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx53(
+      children: /* @__PURE__ */ jsx54(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -6016,15 +6061,15 @@ function Switch(_a) {
 }
 
 // components/ui/table.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function Table(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx54(
+      children: /* @__PURE__ */ jsx55(
         "table",
         __spreadValues({
           "data-slot": "table",
@@ -6036,7 +6081,7 @@ function Table(_a) {
 }
 function TableHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "thead",
     __spreadValues({
       "data-slot": "table-header",
@@ -6046,7 +6091,7 @@ function TableHeader(_a) {
 }
 function TableBody(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "tbody",
     __spreadValues({
       "data-slot": "table-body",
@@ -6056,7 +6101,7 @@ function TableBody(_a) {
 }
 function TableFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "tfoot",
     __spreadValues({
       "data-slot": "table-footer",
@@ -6069,7 +6114,7 @@ function TableFooter(_a) {
 }
 function TableRow(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "tr",
     __spreadValues({
       "data-slot": "table-row",
@@ -6082,7 +6127,7 @@ function TableRow(_a) {
 }
 function TableHead(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "th",
     __spreadValues({
       "data-slot": "table-head",
@@ -6095,7 +6140,7 @@ function TableHead(_a) {
 }
 function TableCell(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "td",
     __spreadValues({
       "data-slot": "table-cell",
@@ -6112,7 +6157,7 @@ function TableCaption(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "caption",
     __spreadValues({
       "data-slot": "table-caption",
@@ -6122,9 +6167,9 @@ function TableCaption(_a) {
 }
 
 // components/ui/tabs.tsx
-import { cva as cva12 } from "class-variance-authority";
+import { cva as cva13 } from "class-variance-authority";
 import { Tabs as TabsPrimitive } from "radix-ui";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -6133,7 +6178,7 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     TabsPrimitive.Root,
     __spreadValues({
       "data-slot": "tabs",
@@ -6146,7 +6191,7 @@ function Tabs(_a) {
     }, props)
   );
 }
-var tabsListVariants = cva12(
+var tabsListVariants = cva13(
   "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: {
@@ -6176,7 +6221,7 @@ function TabsList(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     TabsPrimitive.List,
     __spreadValues({
       "data-slot": "tabs-list",
@@ -6194,7 +6239,7 @@ function TabsTrigger(_a) {
     "className",
     "iconPosition"
   ]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     TabsPrimitive.Trigger,
     __spreadValues({
       "data-slot": "tabs-trigger",
@@ -6220,7 +6265,7 @@ function TabsContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     TabsPrimitive.Content,
     __spreadValues({
       "data-slot": "tabs-content",
@@ -6230,101 +6275,120 @@ function TabsContent(_a) {
 }
 
 // components/ui/ticket-card.tsx
-import { ArrowRight as ArrowRight2 } from "lucide-react";
-import { jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
+import { ArrowRight as ArrowRight2, TicketPlus } from "lucide-react";
+import { Fragment as Fragment3, jsx as jsx57, jsxs as jsxs27 } from "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__ */ jsxs27(
-    "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__ */ jsxs27("div", { className: cn("flex w-full flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsxs27("div", { className: "relative flex h-20 w-full items-stretch justify-between rounded-sm bg-subtle", children: [
+      /* @__PURE__ */ jsxs27("div", { className: "flex flex-1 items-center gap-4 overflow-hidden px-4", children: [
+        icon && /* @__PURE__ */ jsx57("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
+        /* @__PURE__ */ jsxs27("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
+          /* @__PURE__ */ jsx57("p", { className: "text-xs text-on-subtle", children: label }),
+          /* @__PURE__ */ jsxs27("p", { className: "leading-none", children: [
+            /* @__PURE__ */ jsx57("span", { className: "text-[20px] font-bold text-on-prominent", children: value }),
+            currency && /* @__PURE__ */ jsxs27(Fragment3, { children: [
+              " ",
+              /* @__PURE__ */ jsx57("span", { className: "text-sm text-on-subtle", children: currency })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx57("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
+      /* @__PURE__ */ jsx57("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[68px] z-10 size-6 rounded-full bg-prominent" }),
+      /* @__PURE__ */ jsx57(
+        "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__ */ jsxs27("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__ */ jsx56("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__ */ jsxs27("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5 overflow-hidden", children: [
-            label && /* @__PURE__ */ jsx56("span", { className: "text-on-subtle text-xs font-semibold", children: label }),
-            value && /* @__PURE__ */ jsx56("span", { className: "truncate text-lg font-bold text-on-prominent sm:text-xl", children: value })
-          ] }),
-          /* @__PURE__ */ jsx56(
-            "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__ */ jsx56(
-            "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__ */ jsxs27(
+        "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__ */ jsx56(
-            "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__ */ jsx56(
-          "div",
-          {
-            className: cn(
-              "relative z-[1] inline-flex max-w-[72%] shrink-0 self-stretch sm:max-w-[44%]"
-            ),
-            children: /* @__PURE__ */ jsxs27(
-              "button",
+          children: [
+            !stubDisabled && /* @__PURE__ */ jsx57(
+              "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__ */ jsx56(
-                    "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__ */ jsx56(ArrowRight2, { className: "relative size-5 shrink-0 text-on-prominent-static-inverse" }),
-                  stubLabel && /* @__PURE__ */ jsx56("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__ */ jsx57(ArrowRight2, { className: "size-4 text-on-prominent-static-inverse" }),
+            /* @__PURE__ */ jsx57("span", { className: "text-sm font-semibold text-on-prominent-static-inverse", children: stubLabel })
+          ]
+        }
+      )
+    ] }),
+    showCredit && /* @__PURE__ */ jsxs27("div", { className: cn(
+      "flex items-center gap-2 rounded-sm bg-subtle p-2",
+      creditFullWidth ? "w-full" : "w-[calc(100%-112px)]"
+    ), children: [
+      /* @__PURE__ */ jsx57(TicketPlus, { className: "size-6 shrink-0", style: { color: "#713813" } }),
+      /* @__PURE__ */ jsxs27("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+        /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between whitespace-nowrap text-[10px] font-semibold", style: { color: "#713813" }, children: [
+          /* @__PURE__ */ jsx57("span", { children: creditLabel }),
+          /* @__PURE__ */ jsxs27("span", { children: [
+            /* @__PURE__ */ jsx57("span", { className: "text-on-prominent", children: creditUsed }),
+            ` / ${creditTotal} ${creditCurrency}`
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx57(
+          Progress,
+          {
+            value: creditPct,
+            className: "h-1 bg-black/8 [&>[data-slot=progress-indicator]]:bg-[#ef9f00]"
           }
         )
-      ]
-    }
-  );
+      ] })
+    ] })
+  ] });
 }
+var TicketCardDesktop = TicketCard;
 
 // components/ui/toggle.tsx
-import { cva as cva13 } from "class-variance-authority";
+import { cva as cva14 } from "class-variance-authority";
 import { Toggle as TogglePrimitive } from "radix-ui";
-import { jsx as jsx57 } from "react/jsx-runtime";
-var toggleVariants = cva13(
+import { jsx as jsx58 } from "react/jsx-runtime";
+var toggleVariants = cva14(
   "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: {
@@ -6354,7 +6418,7 @@ function Toggle(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     TogglePrimitive.Root,
     __spreadValues({
       "data-slot": "toggle",
@@ -6366,7 +6430,7 @@ function Toggle(_a) {
 // components/ui/toggle-group.tsx
 import * as React12 from "react";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var ToggleGroupContext = React12.createContext({
   size: "default",
   variant: "default",
@@ -6386,7 +6450,7 @@ function ToggleGroup(_a) {
     "spacing",
     "children"
   ]);
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     ToggleGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group",
@@ -6399,7 +6463,7 @@ function ToggleGroup(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx58(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+      children: /* @__PURE__ */ jsx59(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
     })
   );
 }
@@ -6416,7 +6480,7 @@ function ToggleGroupItem(_a) {
     "size"
   ]);
   const context = React12.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     ToggleGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group-item",
@@ -6642,6 +6706,7 @@ export {
   NativeSelect,
   NativeSelectOptGroup,
   NativeSelectOption,
+  NavigationButton,
   NavigationMenu,
   NavigationMenuContent,
   NavigationMenuIndicator,
@@ -6733,6 +6798,7 @@ export {
   TabsTrigger,
   Textarea,
   TicketCard,
+  TicketCardDesktop,
   Toaster,
   Toggle,
   ToggleGroup,
@@ -6746,6 +6812,7 @@ export {
   cn,
   inputVariants,
   linkVariants,
+  navigationButtonVariants,
   navigationMenuTriggerStyle,
   tabsListVariants,
   toggleVariants,