npm - @trading-game/design-intelligence-layer - Versions diffs - 0.10.0 → 0.11.0 - Mend

@trading-game/design-intelligence-layer 0.10.0 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/README.md +35 -1
package/dist/index.cjs +317 -268
package/dist/index.cjs.map +1 -1
package/dist/index.d.cts +9 -2
package/dist/index.d.ts +9 -2
package/dist/index.js +237 -190
package/dist/index.js.map +1 -1
package/guides/design-system-guide/trading-game-ds-guide.md +9 -3
package/guides/rules/design-system-consuming-project.mdc +2 -1
package/package.json +1 -1
package/src/styles.css +2 -0

package/dist/index.cjs CHANGED Viewed

@@ -264,6 +264,7 @@ __export(index_exports, {
   NativeSelect: () => NativeSelect,
   NativeSelectOptGroup: () => NativeSelectOptGroup,
   NativeSelectOption: () => NativeSelectOption,
+  NavigationButton: () => NavigationButton,
   NavigationMenu: () => NavigationMenu,
   NavigationMenuContent: () => NavigationMenuContent,
   NavigationMenuIndicator: () => NavigationMenuIndicator,
@@ -368,6 +369,7 @@ __export(index_exports, {
   cn: () => cn,
   inputVariants: () => inputVariants,
   linkVariants: () => linkVariants,
+  navigationButtonVariants: () => navigationButtonVariants,
   navigationMenuTriggerStyle: () => navigationMenuTriggerStyle,
   tabsListVariants: () => tabsListVariants,
   toggleVariants: () => toggleVariants,
@@ -4477,11 +4479,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 +4539,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 +4551,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 +4562,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 +4579,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 +4598,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 +4607,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 +4624,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 +4642,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 +4667,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 +4684,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 +4693,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 +4719,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 +4729,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 +4741,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 +4761,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 +4769,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 +4777,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 +4785,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 +4813,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 +4828,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 +4842,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 +4856,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 +4866,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 +4876,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 +4885,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 +4899,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 +4921,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 +4930,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 +4945,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 +4965,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 +4975,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 +4984,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 +5000,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 +5029,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 +5041,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,24 +5054,24 @@ 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, {
     className,
-    size = "default",
+    size = "md",
     readOnly = false,
     children
   } = _b, props = __objRest(_b, [
@@ -5033,21 +5080,21 @@ 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,
       "data-readonly": readOnly ? "" : void 0,
       disabled: readOnly || props.disabled,
       className: cn(
-        "flex w-fit items-center justify-between gap-2 rounded-sm border border-input bg-prominent appearance-none px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-on-subtle data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-on-subtle data-[readonly]:cursor-default data-[readonly]:opacity-100",
+        "flex w-fit items-center justify-between gap-2 rounded-sm border border-input bg-prominent appearance-none whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-on-subtle data-[size=sm]:h-8 data-[size=sm]:px-3 data-[size=sm]:py-1 data-[size=sm]:text-xs data-[size=md]:h-10 data-[size=md]:px-3 data-[size=md]:py-1 data-[size=md]:text-sm data-[size=lg]:h-12 data-[size=lg]:px-4 data-[size=lg]:py-2 data-[size=lg]:text-base *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-on-subtle data-[readonly]:cursor-default data-[readonly]:opacity-100",
         className
       )
     }, 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 +5111,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 +5124,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 +5135,7 @@ function SelectContent(_a) {
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectScrollDownButton, {})
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectScrollDownButton, {})
       ]
     })
   ) });
@@ -5099,8 +5146,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 +5162,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 +5172,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 +5191,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 +5205,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 +5214,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 +5224,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 +5233,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 +5264,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 +5287,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 +5304,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 +5315,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 +5325,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 +5339,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 +5353,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 +5364,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 +5386,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 +5399,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 +5417,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 +5433,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 +5445,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 +5525,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 +5558,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 +5572,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 +5584,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 +5603,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 +5615,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 +5627,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 +5651,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 +5665,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 +5674,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 +5697,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 +5715,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 +5726,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 +5737,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 +5752,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 +5763,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 +5777,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 +5794,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 +5816,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 +5838,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 +5849,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 +5860,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 +5869,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 +5905,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 +5925,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 +5947,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 +5973,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 +5999,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 +6007,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 +6030,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 +6049,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 +6070,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 +6092,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 +6112,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 +6126,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 +6144,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 +6161,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 +6175,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 +6202,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 +6295,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 +6310,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 +6335,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 +6345,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 +6355,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 +6365,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 +6375,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 +6389,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 +6409,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 +6419,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 +6429,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 +6442,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 +6455,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 +6468,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 +6485,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 +6495,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 +6506,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 +6519,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 +6549,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 +6567,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 +6593,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,7 +6604,7 @@ 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({
   icon,
   label,
@@ -6568,7 +6615,7 @@ function TicketCard({
   stubDisabled = false,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     "div",
     {
       "data-slot": "ticket-card",
@@ -6578,27 +6625,27 @@ function TicketCard({
         className
       ),
       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 uppercase tracking-widest 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_runtime57.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_runtime57.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_runtime57.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5 overflow-hidden", children: [
+            label && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-on-subtle text-xs font-semibold", children: label }),
+            value && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "truncate text-lg font-bold text-on-prominent sm:text-xl", children: value })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime57.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)(
+          /* @__PURE__ */ (0, import_jsx_runtime57.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_runtime56.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             "div",
             {
               "aria-hidden": true,
@@ -6606,13 +6653,13 @@ function TicketCard({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.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)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
               "button",
               {
                 type: "button",
@@ -6624,7 +6671,7 @@ function TicketCard({
                   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)(
+                  !stubDisabled && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "span",
                     {
                       "aria-hidden": true,
@@ -6634,8 +6681,8 @@ function TicketCard({
                       }
                     }
                   ),
-                  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 uppercase leading-tight tracking-wide text-on-prominent-static-inverse sm:tracking-widest", children: stubLabel })
+                  stubIcon != null ? stubIcon : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react23.ArrowRight, { className: "relative size-5 shrink-0 text-on-prominent-static-inverse" }),
+                  stubLabel && /* @__PURE__ */ (0, import_jsx_runtime57.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 })
                 ]
               }
             )
@@ -6647,10 +6694,10 @@ function 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 +6727,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 +6738,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 +6759,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 +6772,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 +6789,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 +7016,7 @@ function ToggleGroupItem(_a) {
   NativeSelect,
   NativeSelectOptGroup,
   NativeSelectOption,
+  NavigationButton,
   NavigationMenu,
   NavigationMenuContent,
   NavigationMenuIndicator,
@@ -7073,6 +7121,7 @@ function ToggleGroupItem(_a) {
   cn,
   inputVariants,
   linkVariants,
+  navigationButtonVariants,
   navigationMenuTriggerStyle,
   tabsListVariants,
   toggleVariants,