@trading-game/design-intelligence-layer 0.9.5 → 0.9.7

package/dist/index.js

@@ -176,7 +176,51 @@ import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
 // components/ui/button.tsx
 import { cva as cva2 } from "class-variance-authority";
 import { Slot } from "radix-ui";
-import { jsx as jsx3 } from "react/jsx-runtime";
+
+// components/ui/spinner.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var PILL_COUNT = 8;
+function Spinner(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    __spreadProps(__spreadValues({
+      role: "status",
+      "aria-label": "Loading",
+      className: cn("relative inline-block size-4 text-current", className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx3("style", { children: `
+        @keyframes spinner-fade {
+          0% { opacity: 1; }
+          100% { opacity: 0.15; }
+        }
+      ` }),
+        Array.from({ length: PILL_COUNT }, (_, i) => /* @__PURE__ */ jsx3(
+          "span",
+          {
+            style: {
+              position: "absolute",
+              left: "50%",
+              top: "0",
+              width: "12%",
+              height: "30%",
+              borderRadius: "9999px",
+              backgroundColor: "currentColor",
+              transformOrigin: "50% 167%",
+              transform: `translateX(-50%) rotate(${i * 45}deg)`,
+              animation: `spinner-fade 0.8s linear ${i * 0.8 / PILL_COUNT}s infinite`
+            }
+          },
+          i
+        ))
+      ]
+    })
+  );
+}
+
+// components/ui/button.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var buttonVariants = cva2(
   "inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-24 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 font-display font-bold",
   {
@@ -205,47 +249,68 @@ var buttonVariants = cva2(
     }
   }
 );
+var spinnerSizeMap = {
+  lg: "size-5",
+  md: "size-4",
+  sm: "size-3.5",
+  xs: "size-3",
+  icon: "size-4",
+  "icon-lg": "size-4",
+  "icon-md": "size-4",
+  "icon-sm": "size-3.5",
+  "icon-xs": "size-3"
+};
 function Button(_a) {
   var _b = _a, {
     className,
     variant = "primary",
     size = "lg",
     asChild = false,
-    loading = false
+    loading = false,
+    children
   } = _b, props = __objRest(_b, [
     "className",
     "variant",
     "size",
     "asChild",
-    "loading"
+    "loading",
+    "children"
   ]);
   const Comp = asChild ? Slot.Root : "button";
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     Comp,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       "data-slot": "button",
       "data-variant": variant,
       "data-size": size,
       "data-loading": loading || void 0,
-      className: cn(buttonVariants({ variant, size, className }), loading && "pointer-events-none opacity-24"),
+      className: cn(
+        buttonVariants({ variant, size, className }),
+        loading && "pointer-events-none opacity-24 relative"
+      ),
       "aria-busy": loading || void 0
-    }, props)
+    }, props), {
+      children: loading ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+        /* @__PURE__ */ jsx4("span", { className: "invisible inline-flex items-center gap-[inherit]", "aria-hidden": true, children }),
+        /* @__PURE__ */ jsx4("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx4(Spinner, { className: spinnerSizeMap[size != null ? size : "lg"] }) })
+      ] }) : children
+    })
   );
 }
 
 // components/ui/alert-dialog.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function AlertDialog(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx4(AlertDialogPrimitive.Root, __spreadValues({ "data-slot": "alert-dialog" }, props));
+  return /* @__PURE__ */ jsx5(AlertDialogPrimitive.Root, __spreadValues({ "data-slot": "alert-dialog" }, props));
 }
 function AlertDialogTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx4(AlertDialogPrimitive.Trigger, __spreadValues({ "data-slot": "alert-dialog-trigger" }, props));
+  return /* @__PURE__ */ jsx5(AlertDialogPrimitive.Trigger, __spreadValues({ "data-slot": "alert-dialog-trigger" }, props));
 }
 function AlertDialogPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx4(AlertDialogPrimitive.Portal, __spreadValues({ "data-slot": "alert-dialog-portal" }, props));
+  return /* @__PURE__ */ jsx5(AlertDialogPrimitive.Portal, __spreadValues({ "data-slot": "alert-dialog-portal" }, props));
 }
 function AlertDialogOverlay(_a) {
   var _b = _a, {
@@ -253,7 +318,7 @@ function AlertDialogOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AlertDialogPrimitive.Overlay,
     __spreadValues({
       "data-slot": "alert-dialog-overlay",
@@ -272,9 +337,9 @@ function AlertDialogContent(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsxs2(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx4(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs4(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx5(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx5(
       AlertDialogPrimitive.Content,
       __spreadValues({
         "data-slot": "alert-dialog-content",
@@ -293,7 +358,7 @@ function AlertDialogHeader(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "div",
     __spreadValues({
       "data-slot": "alert-dialog-header",
@@ -310,7 +375,7 @@ function AlertDialogFooter(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "div",
     __spreadValues({
       "data-slot": "alert-dialog-footer",
@@ -327,7 +392,7 @@ function AlertDialogTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AlertDialogPrimitive.Title,
     __spreadValues({
       "data-slot": "alert-dialog-title",
@@ -344,7 +409,7 @@ function AlertDialogDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AlertDialogPrimitive.Description,
     __spreadValues({
       "data-slot": "alert-dialog-description",
@@ -358,7 +423,7 @@ function AlertDialogMedia(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "div",
     __spreadValues({
       "data-slot": "alert-dialog-media",
@@ -379,7 +444,7 @@ function AlertDialogAction(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx4(Button, { variant, size, asChild: true, className: cn("group-data-[size=sm]/alert-dialog-content:w-full", className), children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(Button, { variant, size, asChild: true, className: cn("group-data-[size=sm]/alert-dialog-content:w-full", className), children: /* @__PURE__ */ jsx5(
     AlertDialogPrimitive.Action,
     __spreadValues({
       "data-slot": "alert-dialog-action"
@@ -396,7 +461,7 @@ function AlertDialogCancel(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx4(Button, { variant, size, asChild: true, className: cn("group-data-[size=sm]/alert-dialog-content:w-full", className), children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(Button, { variant, size, asChild: true, className: cn("group-data-[size=sm]/alert-dialog-content:w-full", className), children: /* @__PURE__ */ jsx5(
     AlertDialogPrimitive.Cancel,
     __spreadValues({
       "data-slot": "alert-dialog-cancel"
@@ -406,15 +471,15 @@ function AlertDialogCancel(_a) {
 
 // components/ui/aspect-ratio.tsx
 import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function AspectRatio(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx5(AspectRatioPrimitive.Root, __spreadValues({ "data-slot": "aspect-ratio" }, props));
+  return /* @__PURE__ */ jsx6(AspectRatioPrimitive.Root, __spreadValues({ "data-slot": "aspect-ratio" }, props));
 }
 
 // components/ui/avatar.tsx
 import { Avatar as AvatarPrimitive } from "radix-ui";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function Avatar(_a) {
   var _b = _a, {
     className,
@@ -423,7 +488,7 @@ function Avatar(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     AvatarPrimitive.Root,
     __spreadValues({
       "data-slot": "avatar",
@@ -441,7 +506,7 @@ function AvatarImage(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     AvatarPrimitive.Image,
     __spreadValues({
       "data-slot": "avatar-image",
@@ -455,7 +520,7 @@ function AvatarFallback(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     AvatarPrimitive.Fallback,
     __spreadValues({
       "data-slot": "avatar-fallback",
@@ -468,7 +533,7 @@ function AvatarFallback(_a) {
 }
 function AvatarBadge(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "span",
     __spreadValues({
       "data-slot": "avatar-badge",
@@ -485,7 +550,7 @@ function AvatarBadge(_a) {
 }
 function AvatarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "div",
     __spreadValues({
       "data-slot": "avatar-group",
@@ -502,7 +567,7 @@ function AvatarGroupCount(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "div",
     __spreadValues({
       "data-slot": "avatar-group-count",
@@ -517,7 +582,7 @@ function AvatarGroupCount(_a) {
 // components/ui/badge.tsx
 import { cva as cva3 } from "class-variance-authority";
 import { Slot as Slot2 } from "radix-ui";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var badgeVariants = cva3(
   "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent text-xs font-display font-semibold tracking-wide whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
@@ -564,7 +629,7 @@ function Badge(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot2.Root : "span";
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     Comp,
     __spreadValues({
       "data-slot": "badge",
@@ -577,14 +642,14 @@ function Badge(_a) {
 // components/ui/breadcrumb.tsx
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import { Slot as Slot3 } from "radix-ui";
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function Breadcrumb(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx8("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
+  return /* @__PURE__ */ jsx9("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
 }
 function BreadcrumbList(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "ol",
     __spreadValues({
       "data-slot": "breadcrumb-list",
@@ -597,7 +662,7 @@ function BreadcrumbList(_a) {
 }
 function BreadcrumbItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "li",
     __spreadValues({
       "data-slot": "breadcrumb-item",
@@ -614,7 +679,7 @@ function BreadcrumbLink(_a) {
     "className"
   ]);
   const Comp = asChild ? Slot3.Root : "a";
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     Comp,
     __spreadValues({
       "data-slot": "breadcrumb-link",
@@ -624,7 +689,7 @@ function BreadcrumbLink(_a) {
 }
 function BreadcrumbPage(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "span",
     __spreadValues({
       "data-slot": "breadcrumb-page",
@@ -643,7 +708,7 @@ function BreadcrumbSeparator(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     "li",
     __spreadProps(__spreadValues({
       "data-slot": "breadcrumb-separator",
@@ -651,7 +716,7 @@ function BreadcrumbSeparator(_a) {
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className)
     }, props), {
-      children: children != null ? children : /* @__PURE__ */ jsx8(ChevronRight, {})
+      children: children != null ? children : /* @__PURE__ */ jsx9(ChevronRight, {})
     })
   );
 }
@@ -661,7 +726,7 @@ function BreadcrumbEllipsis(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs5(
     "span",
     __spreadProps(__spreadValues({
       "data-slot": "breadcrumb-ellipsis",
@@ -670,8 +735,8 @@ function BreadcrumbEllipsis(_a) {
       className: cn("flex size-9 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx8(MoreHorizontal, { className: "size-4" }),
-        /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ jsx9(MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "More" })
       ]
     })
   );
@@ -688,7 +753,7 @@ import {
   DayPicker,
   getDefaultClassNames
 } from "react-day-picker";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Calendar(_a) {
   var _b = _a, {
     className,
@@ -708,7 +773,7 @@ function Calendar(_a) {
     "components"
   ]);
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     DayPicker,
     __spreadValues({
       showOutsideDays,
@@ -807,7 +872,7 @@ function Calendar(_a) {
       components: __spreadValues({
         Root: (_a2) => {
           var _b2 = _a2, { className: className2, rootRef } = _b2, props2 = __objRest(_b2, ["className", "rootRef"]);
-          return /* @__PURE__ */ jsx9(
+          return /* @__PURE__ */ jsx10(
             "div",
             __spreadValues({
               "data-slot": "calendar",
@@ -819,22 +884,22 @@ function Calendar(_a) {
         Chevron: (_c) => {
           var _d = _c, { className: className2, orientation } = _d, props2 = __objRest(_d, ["className", "orientation"]);
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx9(ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+            return /* @__PURE__ */ jsx10(ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx9(
+            return /* @__PURE__ */ jsx10(
               ChevronRightIcon,
               __spreadValues({
                 className: cn("size-4", className2)
               }, props2)
             );
           }
-          return /* @__PURE__ */ jsx9(ChevronDownIcon2, __spreadValues({ className: cn("size-4", className2) }, props2));
+          return /* @__PURE__ */ jsx10(ChevronDownIcon2, __spreadValues({ className: cn("size-4", className2) }, props2));
         },
         DayButton: CalendarDayButton,
         WeekNumber: (_e) => {
           var _f = _e, { children } = _f, props2 = __objRest(_f, ["children"]);
-          return /* @__PURE__ */ jsx9("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsx9("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
+          return /* @__PURE__ */ jsx10("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsx10("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
         }
       }, components)
     }, props)
@@ -856,7 +921,7 @@ function CalendarDayButton(_a) {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     Button,
     __spreadValues({
       ref,
@@ -878,10 +943,10 @@ function CalendarDayButton(_a) {
 }
 
 // components/ui/card.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Card(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     __spreadValues({
       "data-slot": "card",
@@ -894,7 +959,7 @@ function Card(_a) {
 }
 function CardHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     __spreadValues({
       "data-slot": "card-header",
@@ -907,7 +972,7 @@ function CardHeader(_a) {
 }
 function CardTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     __spreadValues({
       "data-slot": "card-title",
@@ -917,7 +982,7 @@ function CardTitle(_a) {
 }
 function CardDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     __spreadValues({
       "data-slot": "card-description",
@@ -927,7 +992,7 @@ function CardDescription(_a) {
 }
 function CardAction(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     __spreadValues({
       "data-slot": "card-action",
@@ -940,7 +1005,7 @@ function CardAction(_a) {
 }
 function CardContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     __spreadValues({
       "data-slot": "card-content",
@@ -950,7 +1015,7 @@ function CardContent(_a) {
 }
 function CardFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     __spreadValues({
       "data-slot": "card-footer",
@@ -963,7 +1028,7 @@ function CardFooter(_a) {
 import * as React2 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 var CarouselContext = React2.createContext(null);
 function useCarousel() {
   const context = React2.useContext(CarouselContext);
@@ -1032,7 +1097,7 @@ function Carousel(_a) {
       api == null ? void 0 : api.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     CarouselContext.Provider,
     {
       value: {
@@ -1045,7 +1110,7 @@ function Carousel(_a) {
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx11(
+      children: /* @__PURE__ */ jsx12(
         "div",
         __spreadProps(__spreadValues({
           onKeyDownCapture: handleKeyDown,
@@ -1063,13 +1128,13 @@ function Carousel(_a) {
 function CarouselContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       ref: carouselRef,
       className: "overflow-hidden",
       "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsx11(
+      children: /* @__PURE__ */ jsx12(
         "div",
         __spreadValues({
           className: cn(
@@ -1085,7 +1150,7 @@ function CarouselContent(_a) {
 function CarouselItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       role: "group",
@@ -1110,7 +1175,7 @@ function CarouselPrevious(_a) {
     "size"
   ]);
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs6(
     Button,
     __spreadProps(__spreadValues({
       "data-slot": "carousel-previous",
@@ -1125,8 +1190,8 @@ function CarouselPrevious(_a) {
       onClick: scrollPrev
     }, props), {
       children: [
-        /* @__PURE__ */ jsx11(ArrowLeft, {}),
-        /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx12(ArrowLeft, {}),
+        /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Previous slide" })
       ]
     })
   );
@@ -1142,7 +1207,7 @@ function CarouselNext(_a) {
     "size"
   ]);
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs6(
     Button,
     __spreadProps(__spreadValues({
       "data-slot": "carousel-next",
@@ -1157,8 +1222,8 @@ function CarouselNext(_a) {
       onClick: scrollNext
     }, props), {
       children: [
-        /* @__PURE__ */ jsx11(ArrowRight, {}),
-        /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx12(ArrowRight, {}),
+        /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Next slide" })
       ]
     })
   );
@@ -1167,7 +1232,7 @@ function CarouselNext(_a) {
 // components/ui/chart.tsx
 import * as React3 from "react";
 import * as RechartsPrimitive from "recharts";
-import { Fragment, jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 var THEMES = { light: "" };
 var ChartContext = React3.createContext(null);
 function useChart() {
@@ -1191,7 +1256,7 @@ function ChartContainer(_a) {
   ]);
   const uniqueId = React3.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx12(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx13(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs7(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "chart",
@@ -1202,8 +1267,8 @@ function ChartContainer(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx12(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx12(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ jsx13(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx13(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     })
   ) });
@@ -1215,7 +1280,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -1261,12 +1326,12 @@ function ChartTooltipContent({
     const itemConfig = getPayloadConfigFromPayload(config, item, key);
     const value = !labelKey && typeof label === "string" ? ((_a = config[label]) == null ? void 0 : _a.label) || label : itemConfig == null ? void 0 : itemConfig.label;
     if (labelFormatter) {
-      return /* @__PURE__ */ jsx12("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+      return /* @__PURE__ */ jsx13("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
     }
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ jsx12("div", { className: cn("font-medium", labelClassName), children: value });
+    return /* @__PURE__ */ jsx13("div", { className: cn("font-medium", labelClassName), children: value });
   }, [
     label,
     labelFormatter,
@@ -1280,7 +1345,7 @@ function ChartTooltipContent({
     return null;
   }
   const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: cn(
@@ -1289,19 +1354,19 @@ function ChartTooltipContent({
       ),
       children: [
         !nestLabel ? tooltipLabel : null,
-        /* @__PURE__ */ jsx12("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+        /* @__PURE__ */ jsx13("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
           const key = `${nameKey || item.name || item.dataKey || "value"}`;
           const itemConfig = getPayloadConfigFromPayload(config, item, key);
           const indicatorColor = color || item.payload.fill || item.color;
-          return /* @__PURE__ */ jsx12(
+          return /* @__PURE__ */ jsx13(
             "div",
             {
               className: cn(
                 "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-on-subtle",
                 indicator === "dot" && "items-center"
               ),
-              children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs5(Fragment, { children: [
-                (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx12(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx12(
+              children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs7(Fragment2, { children: [
+                (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx13(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx13(
                   "div",
                   {
                     className: cn(
@@ -1319,7 +1384,7 @@ function ChartTooltipContent({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxs5(
+                /* @__PURE__ */ jsxs7(
                   "div",
                   {
                     className: cn(
@@ -1327,11 +1392,11 @@ function ChartTooltipContent({
                       nestLabel ? "items-end" : "items-center"
                     ),
                     children: [
-                      /* @__PURE__ */ jsxs5("div", { className: "grid gap-1.5", children: [
+                      /* @__PURE__ */ jsxs7("div", { className: "grid gap-1.5", children: [
                         nestLabel ? tooltipLabel : null,
-                        /* @__PURE__ */ jsx12("span", { className: "text-on-subtle", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
+                        /* @__PURE__ */ jsx13("span", { className: "text-on-subtle", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
                       ] }),
-                      item.value && /* @__PURE__ */ jsx12("span", { className: "font-mono font-medium text-on-prominent tabular-nums", children: item.value.toLocaleString() })
+                      item.value && /* @__PURE__ */ jsx13("span", { className: "font-mono font-medium text-on-prominent tabular-nums", children: item.value.toLocaleString() })
                     ]
                   }
                 )
@@ -1356,7 +1421,7 @@ function ChartLegendContent({
   if (!(payload == null ? void 0 : payload.length)) {
     return null;
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       className: cn(
@@ -1367,14 +1432,14 @@ function ChartLegendContent({
       children: payload.filter((item) => item.type !== "none").map((item) => {
         const key = `${nameKey || item.dataKey || "value"}`;
         const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        return /* @__PURE__ */ jsxs5(
+        return /* @__PURE__ */ jsxs7(
           "div",
           {
             className: cn(
               "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-on-subtle"
             ),
             children: [
-              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsx12(itemConfig.icon, {}) : /* @__PURE__ */ jsx12(
+              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsx13(itemConfig.icon, {}) : /* @__PURE__ */ jsx13(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -1409,14 +1474,14 @@ function getPayloadConfigFromPayload(config, payload, key) {
 // components/ui/checkbox.tsx
 import { CheckIcon } from "lucide-react";
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function Checkbox(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     CheckboxPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "checkbox",
@@ -1425,12 +1490,12 @@ function Checkbox(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx13(
+      children: /* @__PURE__ */ jsx14(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsx13(CheckIcon, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx14(CheckIcon, { className: "size-3.5" })
         }
       )
     })
@@ -1439,14 +1504,14 @@ function Checkbox(_a) {
 
 // components/ui/collapsible.tsx
 import { Collapsible as CollapsiblePrimitive } from "radix-ui";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function Collapsible(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx14(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
+  return /* @__PURE__ */ jsx15(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
 }
 function CollapsibleTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     CollapsiblePrimitive.CollapsibleTrigger,
     __spreadValues({
       "data-slot": "collapsible-trigger"
@@ -1455,7 +1520,7 @@ function CollapsibleTrigger(_a) {
 }
 function CollapsibleContent(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     CollapsiblePrimitive.CollapsibleContent,
     __spreadValues({
       "data-slot": "collapsible-content"
@@ -1464,36 +1529,66 @@ function CollapsibleContent(_a) {
 }
 
 // components/ui/combobox.tsx
-import * as React4 from "react";
+import * as React5 from "react";
 import { Combobox as ComboboxPrimitive } from "@base-ui/react";
 import { CheckIcon as CheckIcon2, ChevronDownIcon as ChevronDownIcon3, XIcon } from "lucide-react";
 
 // components/ui/input-group.tsx
-import { cva as cva4 } from "class-variance-authority";
+import * as React4 from "react";
+import { cva as cva5 } from "class-variance-authority";
 
 // components/ui/input.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var inputVariants = cva4(
+  [
+    "w-full min-w-0 rounded-sm border border-border-subtle bg-white/5",
+    "text-on-prominent font-body shadow-xs transition-[color,box-shadow] outline-none",
+    "selection:bg-primary selection:text-on-prominent-static-inverse",
+    "file:inline-flex file:border-0 file:bg-transparent file:font-medium file:text-on-prominent",
+    "placeholder:text-on-subtle",
+    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+    "focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/[0.08]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "h-8 px-3 py-1 text-xs file:h-6 file:text-xs",
+        md: "h-10 px-3 py-1 text-sm file:h-7 file:text-sm",
+        lg: "h-12 px-4 py-2 text-base file:h-8 file:text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
 function Input(_a) {
-  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-  return /* @__PURE__ */ jsx15(
+  var _b = _a, {
+    className,
+    type,
+    size = "md"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "type",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx16(
     "input",
     __spreadValues({
       type,
       "data-slot": "input",
-      className: cn(
-        "h-9 w-full min-w-0 rounded-sm border border-border-subtle bg-white/5 px-3 py-1 text-base text-on-prominent font-body shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-on-prominent-static-inverse file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-on-prominent placeholder:text-on-subtle disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/[0.08]",
-        className
-      )
+      "data-size": size,
+      className: cn(inputVariants({ size }), className)
     }, props)
   );
 }
 
 // components/ui/textarea.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function Textarea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "textarea",
     __spreadValues({
       "data-slot": "textarea",
@@ -1506,33 +1601,68 @@ function Textarea(_a) {
 }
 
 // components/ui/input-group.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var InputGroupSizeContext = React4.createContext("md");
+var inputGroupVariants = cva5(
+  [
+    "group/input-group relative flex w-full items-center rounded-sm border border-border-subtle bg-white/5",
+    "shadow-xs transition-[color,box-shadow] outline-none min-w-0 has-[>textarea]:h-auto",
+    // Reduce input padding on the addon side, and mirror it on the opposite side for visual symmetry.
+    "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+    "has-[>[data-align=inline-start]]:[&>input]:pr-2",
+    "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+    "has-[>[data-align=inline-end]]:[&>input]:pl-2",
+    "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
+    "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
+    // Focus state.
+    "has-[[data-slot=input-group-control]:focus-visible]:border-primary has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-primary/[0.08]",
+    // Error state.
+    "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "h-8",
+        md: "h-10",
+        lg: "h-12"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
 function InputGroup(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx17(
+  var _b = _a, {
+    className,
+    size = "md"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx18(InputGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx18(
     "div",
     __spreadValues({
       "data-slot": "input-group",
+      "data-size": size,
       role: "group",
-      className: cn(
-        "group/input-group relative flex w-full items-center rounded-sm border border-border-subtle bg-white/5 shadow-xs transition-[color,box-shadow] outline-none",
-        "h-9 min-w-0 has-[>textarea]:h-auto",
-        // Variants based on alignment.
-        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
-        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
-        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
-        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
-        // Focus state.
-        "has-[[data-slot=input-group-control]:focus-visible]:border-primary has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-primary/[0.08]",
-        // Error state.
-        "has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20",
-        className
-      )
+      className: cn(inputGroupVariants({ size }), className)
     }, props)
-  );
+  ) });
 }
-var inputGroupAddonVariants = cva4(
-  "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-on-subtle select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
+var inputGroupAddonVariants = cva5(
+  [
+    "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 font-medium text-on-subtle select-none",
+    "group-data-[disabled=true]/input-group:opacity-50",
+    "[&>kbd]:rounded-[calc(var(--radius)-5px)]",
+    // Size-responsive text and icon sizing.
+    "group-data-[size=sm]/input-group:py-1 group-data-[size=sm]/input-group:text-xs",
+    "group-data-[size=md]/input-group:text-sm",
+    "group-data-[size=lg]/input-group:py-2 group-data-[size=lg]/input-group:text-sm",
+    // Default icon size (overridden by size variants below).
+    "[&>svg:not([class*='size-'])]:size-4",
+    "group-data-[size=sm]/input-group:[&>svg:not([class*='size-'])]:size-3.5"
+  ].join(" "),
   {
     variants: {
       align: {
@@ -1555,7 +1685,7 @@ function InputGroupAddon(_a) {
     "className",
     "align"
   ]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     __spreadValues({
       role: "group",
@@ -1572,7 +1702,7 @@ function InputGroupAddon(_a) {
     }, props)
   );
 }
-var inputGroupButtonVariants = cva4(
+var inputGroupButtonVariants = cva5(
   "flex items-center gap-2 text-sm shadow-none",
   {
     variants: {
@@ -1600,7 +1730,7 @@ function InputGroupButton(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     Button,
     __spreadValues({
       type,
@@ -1612,11 +1742,15 @@ function InputGroupButton(_a) {
 }
 function InputGroupText(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "span",
     __spreadValues({
       className: cn(
-        "flex items-center gap-2 text-sm text-on-subtle [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        "flex items-center gap-2 text-on-subtle",
+        "group-data-[size=sm]/input-group:text-xs group-data-[size=sm]/input-group:[&_svg:not([class*='size-'])]:size-3.5",
+        "group-data-[size=md]/input-group:text-sm group-data-[size=md]/input-group:[&_svg:not([class*='size-'])]:size-4",
+        "group-data-[size=lg]/input-group:text-sm group-data-[size=lg]/input-group:[&_svg:not([class*='size-'])]:size-4",
+        "[&_svg]:pointer-events-none",
         className
       )
     }, props)
@@ -1624,16 +1758,21 @@ function InputGroupText(_a) {
 }
 function InputGroupInput(_a) {
   var _b = _a, {
-    className
+    className,
+    size: sizeProp
   } = _b, props = __objRest(_b, [
-    "className"
+    "className",
+    "size"
   ]);
-  return /* @__PURE__ */ jsx17(
+  const groupSize = React4.useContext(InputGroupSizeContext);
+  const size = sizeProp != null ? sizeProp : groupSize;
+  return /* @__PURE__ */ jsx18(
     Input,
     __spreadValues({
       "data-slot": "input-group-control",
+      size,
       className: cn(
-        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0",
+        "h-full flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0",
         className
       )
     }, props)
@@ -1645,7 +1784,7 @@ function InputGroupTextarea(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     Textarea,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -1658,11 +1797,11 @@ function InputGroupTextarea(_a) {
 }
 
 // components/ui/combobox.tsx
-import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
 var Combobox = ComboboxPrimitive.Root;
 function ComboboxValue(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx18(ComboboxPrimitive.Value, __spreadValues({ "data-slot": "combobox-value" }, props));
+  return /* @__PURE__ */ jsx19(ComboboxPrimitive.Value, __spreadValues({ "data-slot": "combobox-value" }, props));
 }
 function ComboboxTrigger(_a) {
   var _b = _a, {
@@ -1672,7 +1811,7 @@ function ComboboxTrigger(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs8(
     ComboboxPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-trigger",
@@ -1680,7 +1819,7 @@ function ComboboxTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           ChevronDownIcon3,
           {
             "data-slot": "combobox-trigger-icon",
@@ -1693,14 +1832,14 @@ function ComboboxTrigger(_a) {
 }
 function ComboboxClear(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     ComboboxPrimitive.Clear,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-clear",
-      render: /* @__PURE__ */ jsx18(InputGroupButton, { variant: "secondary", size: "icon-xs" }),
+      render: /* @__PURE__ */ jsx19(InputGroupButton, { variant: "secondary", size: "icon-xs" }),
       className: cn(className)
     }, props), {
-      children: /* @__PURE__ */ jsx18(XIcon, { className: "pointer-events-none" })
+      children: /* @__PURE__ */ jsx19(XIcon, { className: "pointer-events-none" })
     })
   );
 }
@@ -1718,15 +1857,15 @@ function ComboboxInput(_a) {
     "showTrigger",
     "showClear"
   ]);
-  return /* @__PURE__ */ jsxs6(InputGroup, { className: cn("w-auto", className), children: [
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs8(InputGroup, { className: cn("w-auto", className), children: [
+    /* @__PURE__ */ jsx19(
       ComboboxPrimitive.Input,
       __spreadValues({
-        render: /* @__PURE__ */ jsx18(InputGroupInput, { disabled })
+        render: /* @__PURE__ */ jsx19(InputGroupInput, { disabled })
       }, props)
     ),
-    /* @__PURE__ */ jsxs6(InputGroupAddon, { align: "inline-end", children: [
-      showTrigger && /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs8(InputGroupAddon, { align: "inline-end", children: [
+      showTrigger && /* @__PURE__ */ jsx19(
         InputGroupButton,
         {
           size: "icon-xs",
@@ -1735,10 +1874,10 @@ function ComboboxInput(_a) {
           "data-slot": "input-group-button",
           className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
           disabled,
-          children: /* @__PURE__ */ jsx18(ComboboxTrigger, {})
+          children: /* @__PURE__ */ jsx19(ComboboxTrigger, {})
         }
       ),
-      showClear && /* @__PURE__ */ jsx18(ComboboxClear, { disabled })
+      showClear && /* @__PURE__ */ jsx19(ComboboxClear, { disabled })
     ] }),
     children
   ] });
@@ -1759,7 +1898,7 @@ function ComboboxContent(_a) {
     "alignOffset",
     "anchor"
   ]);
-  return /* @__PURE__ */ jsx18(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
     ComboboxPrimitive.Positioner,
     {
       side,
@@ -1768,7 +1907,7 @@ function ComboboxContent(_a) {
       alignOffset,
       anchor,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx19(
         ComboboxPrimitive.Popup,
         __spreadValues({
           "data-slot": "combobox-content",
@@ -1784,7 +1923,7 @@ function ComboboxContent(_a) {
 }
 function ComboboxList(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     ComboboxPrimitive.List,
     __spreadValues({
       "data-slot": "combobox-list",
@@ -1803,7 +1942,7 @@ function ComboboxItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs8(
     ComboboxPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-item",
@@ -1814,12 +1953,12 @@ function ComboboxItem(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           ComboboxPrimitive.ItemIndicator,
           {
             "data-slot": "combobox-item-indicator",
-            render: /* @__PURE__ */ jsx18("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-            children: /* @__PURE__ */ jsx18(CheckIcon2, { className: "pointer-events-none size-4 pointer-coarse:size-5" })
+            render: /* @__PURE__ */ jsx19("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ jsx19(CheckIcon2, { className: "pointer-events-none size-4 pointer-coarse:size-5" })
           }
         )
       ]
@@ -1828,7 +1967,7 @@ function ComboboxItem(_a) {
 }
 function ComboboxGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     ComboboxPrimitive.Group,
     __spreadValues({
       "data-slot": "combobox-group",
@@ -1842,7 +1981,7 @@ function ComboboxLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     ComboboxPrimitive.GroupLabel,
     __spreadValues({
       "data-slot": "combobox-label",
@@ -1855,11 +1994,11 @@ function ComboboxLabel(_a) {
 }
 function ComboboxCollection(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx18(ComboboxPrimitive.Collection, __spreadValues({ "data-slot": "combobox-collection" }, props));
+  return /* @__PURE__ */ jsx19(ComboboxPrimitive.Collection, __spreadValues({ "data-slot": "combobox-collection" }, props));
 }
 function ComboboxEmpty(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     ComboboxPrimitive.Empty,
     __spreadValues({
       "data-slot": "combobox-empty",
@@ -1876,7 +2015,7 @@ function ComboboxSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     ComboboxPrimitive.Separator,
     __spreadValues({
       "data-slot": "combobox-separator",
@@ -1890,7 +2029,7 @@ function ComboboxChips(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     ComboboxPrimitive.Chips,
     __spreadValues({
       "data-slot": "combobox-chips",
@@ -1911,7 +2050,7 @@ function ComboboxChip(_a) {
     "children",
     "showRemove"
   ]);
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs8(
     ComboboxPrimitive.Chip,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-chip",
@@ -1922,13 +2061,13 @@ function ComboboxChip(_a) {
     }, props), {
       children: [
         children,
-        showRemove && /* @__PURE__ */ jsx18(
+        showRemove && /* @__PURE__ */ jsx19(
           ComboboxPrimitive.ChipRemove,
           {
-            render: /* @__PURE__ */ jsx18(Button, { variant: "secondary", size: "icon-xs" }),
+            render: /* @__PURE__ */ jsx19(Button, { variant: "secondary", size: "icon-xs" }),
             className: "-ml-1 opacity-50 hover:opacity-100",
             "data-slot": "combobox-chip-remove",
-            children: /* @__PURE__ */ jsx18(XIcon, { className: "pointer-events-none" })
+            children: /* @__PURE__ */ jsx19(XIcon, { className: "pointer-events-none" })
           }
         )
       ]
@@ -1943,7 +2082,7 @@ function ComboboxChipsInput(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     ComboboxPrimitive.Input,
     __spreadValues({
       "data-slot": "combobox-chip-input",
@@ -1952,7 +2091,7 @@ function ComboboxChipsInput(_a) {
   );
 }
 function useComboboxAnchor() {
-  return React4.useRef(null);
+  return React5.useRef(null);
 }
 
 // components/ui/command.tsx
@@ -1962,22 +2101,22 @@ import { SearchIcon } from "lucide-react";
 // components/ui/dialog.tsx
 import { XIcon as XIcon2 } from "lucide-react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
 function Dialog(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx19(DialogPrimitive.Root, __spreadValues({ "data-slot": "dialog" }, props));
+  return /* @__PURE__ */ jsx20(DialogPrimitive.Root, __spreadValues({ "data-slot": "dialog" }, props));
 }
 function DialogTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx19(DialogPrimitive.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
+  return /* @__PURE__ */ jsx20(DialogPrimitive.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
 }
 function DialogPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx19(DialogPrimitive.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+  return /* @__PURE__ */ jsx20(DialogPrimitive.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
 }
 function DialogClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx19(DialogPrimitive.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
+  return /* @__PURE__ */ jsx20(DialogPrimitive.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
 }
 function DialogOverlay(_a) {
   var _b = _a, {
@@ -1985,7 +2124,7 @@ function DialogOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     DialogPrimitive.Overlay,
     __spreadValues({
       "data-slot": "dialog-overlay",
@@ -2006,9 +2145,9 @@ function DialogContent(_a) {
     "children",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs7(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx19(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs9(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx20(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs9(
       DialogPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "dialog-content",
@@ -2019,14 +2158,14 @@ function DialogContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs7(
+          showCloseButton && /* @__PURE__ */ jsxs9(
             DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
               className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-prominent transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-on-subtle [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsx19(XIcon2, {}),
-                /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx20(XIcon2, {}),
+                /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -2037,7 +2176,7 @@ function DialogContent(_a) {
 }
 function DialogHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     __spreadValues({
       "data-slot": "dialog-header",
@@ -2055,7 +2194,7 @@ function DialogFooter(_a) {
     "showCloseButton",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs9(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "dialog-footer",
@@ -2066,7 +2205,7 @@ function DialogFooter(_a) {
     }, props), {
       children: [
         children,
-        showCloseButton && /* @__PURE__ */ jsx19(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx19(Button, { variant: "secondary", size: "md", children: "Close" }) })
+        showCloseButton && /* @__PURE__ */ jsx20(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "md", children: "Close" }) })
       ]
     })
   );
@@ -2077,7 +2216,7 @@ function DialogTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     DialogPrimitive.Title,
     __spreadValues({
       "data-slot": "dialog-title",
@@ -2091,7 +2230,7 @@ function DialogDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     DialogPrimitive.Description,
     __spreadValues({
       "data-slot": "dialog-description",
@@ -2101,14 +2240,14 @@ function DialogDescription(_a) {
 }
 
 // components/ui/command.tsx
-import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 function Command(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     CommandPrimitive,
     __spreadValues({
       "data-slot": "command",
@@ -2133,17 +2272,17 @@ function CommandDialog(_a) {
     "className",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs8(Dialog, __spreadProps(__spreadValues({}, props), { children: [
-    /* @__PURE__ */ jsxs8(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsx20(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx20(DialogDescription, { children: description })
+  return /* @__PURE__ */ jsxs10(Dialog, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsxs10(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx21(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx21(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       DialogContent,
       {
         className: cn("overflow-hidden p-0", className),
         showCloseButton,
-        children: /* @__PURE__ */ jsx20(Command, { className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-on-subtle [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+        children: /* @__PURE__ */ jsx21(Command, { className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-on-subtle [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
       }
     )
   ] }));
@@ -2154,14 +2293,14 @@ function CommandInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ jsx20(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx21(
           CommandPrimitive.Input,
           __spreadValues({
             "data-slot": "command-input",
@@ -2181,7 +2320,7 @@ function CommandList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     CommandPrimitive.List,
     __spreadValues({
       "data-slot": "command-list",
@@ -2194,7 +2333,7 @@ function CommandList(_a) {
 }
 function CommandEmpty(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     CommandPrimitive.Empty,
     __spreadValues({
       "data-slot": "command-empty",
@@ -2208,7 +2347,7 @@ function CommandGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     CommandPrimitive.Group,
     __spreadValues({
       "data-slot": "command-group",
@@ -2225,7 +2364,7 @@ function CommandSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     CommandPrimitive.Separator,
     __spreadValues({
       "data-slot": "command-separator",
@@ -2239,7 +2378,7 @@ function CommandItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     CommandPrimitive.Item,
     __spreadValues({
       "data-slot": "command-item",
@@ -2256,7 +2395,7 @@ function CommandShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "span",
     __spreadValues({
       "data-slot": "command-shortcut",
@@ -2271,30 +2410,30 @@ function CommandShortcut(_a) {
 // components/ui/context-menu.tsx
 import { CheckIcon as CheckIcon3, ChevronRightIcon as ChevronRightIcon2, CircleIcon } from "lucide-react";
 import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
-import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 function ContextMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Root, __spreadValues({ "data-slot": "context-menu" }, props));
+  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Root, __spreadValues({ "data-slot": "context-menu" }, props));
 }
 function ContextMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Trigger, __spreadValues({ "data-slot": "context-menu-trigger" }, props));
+  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Trigger, __spreadValues({ "data-slot": "context-menu-trigger" }, props));
 }
 function ContextMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Group, __spreadValues({ "data-slot": "context-menu-group" }, props));
+  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Group, __spreadValues({ "data-slot": "context-menu-group" }, props));
 }
 function ContextMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Portal, __spreadValues({ "data-slot": "context-menu-portal" }, props));
+  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Portal, __spreadValues({ "data-slot": "context-menu-portal" }, props));
 }
 function ContextMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Sub, __spreadValues({ "data-slot": "context-menu-sub" }, props));
+  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Sub, __spreadValues({ "data-slot": "context-menu-sub" }, props));
 }
 function ContextMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ContextMenuPrimitive.RadioGroup,
     __spreadValues({
       "data-slot": "context-menu-radio-group"
@@ -2311,7 +2450,7 @@ function ContextMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs11(
     ContextMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-sub-trigger",
@@ -2323,7 +2462,7 @@ function ContextMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx21(ChevronRightIcon2, { className: "ml-auto" })
+        /* @__PURE__ */ jsx22(ChevronRightIcon2, { className: "ml-auto" })
       ]
     })
   );
@@ -2334,7 +2473,7 @@ function ContextMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ContextMenuPrimitive.SubContent,
     __spreadValues({
       "data-slot": "context-menu-sub-content",
@@ -2351,7 +2490,7 @@ function ContextMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx22(
     ContextMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "context-menu-content",
@@ -2372,7 +2511,7 @@ function ContextMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ContextMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "context-menu-item",
@@ -2395,7 +2534,7 @@ function ContextMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs11(
     ContextMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-checkbox-item",
@@ -2406,7 +2545,7 @@ function ContextMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx21("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx21(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx21(CheckIcon3, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx22("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(CheckIcon3, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -2420,7 +2559,7 @@ function ContextMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs11(
     ContextMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-radio-item",
@@ -2430,7 +2569,7 @@ function ContextMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx21("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx21(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx21(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx22("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -2444,7 +2583,7 @@ function ContextMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ContextMenuPrimitive.Label,
     __spreadValues({
       "data-slot": "context-menu-label",
@@ -2462,7 +2601,7 @@ function ContextMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ContextMenuPrimitive.Separator,
     __spreadValues({
       "data-slot": "context-menu-separator",
@@ -2476,7 +2615,7 @@ function ContextMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "span",
     __spreadValues({
       "data-slot": "context-menu-shortcut",
@@ -2490,34 +2629,34 @@ function ContextMenuShortcut(_a) {
 
 // components/ui/direction.tsx
 import { Direction } from "radix-ui";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function DirectionProvider({
   dir,
   direction,
   children
 }) {
-  return /* @__PURE__ */ jsx22(Direction.DirectionProvider, { dir: direction != null ? direction : dir, children });
+  return /* @__PURE__ */ jsx23(Direction.DirectionProvider, { dir: direction != null ? direction : dir, children });
 }
 var useDirection = Direction.useDirection;
 
 // components/ui/drawer.tsx
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
 function Drawer(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
+  return /* @__PURE__ */ jsx24(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
 }
 function DrawerTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
+  return /* @__PURE__ */ jsx24(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
 }
 function DrawerPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
+  return /* @__PURE__ */ jsx24(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
 }
 function DrawerClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
+  return /* @__PURE__ */ jsx24(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
 }
 function DrawerOverlay(_a) {
   var _b = _a, {
@@ -2525,7 +2664,7 @@ function DrawerOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DrawerPrimitive.Overlay,
     __spreadValues({
       "data-slot": "drawer-overlay",
@@ -2544,9 +2683,9 @@ function DrawerContent(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs10(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ jsx23(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs12(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsx24(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs12(
       DrawerPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "drawer-content",
@@ -2560,7 +2699,7 @@ function DrawerContent(_a) {
         )
       }, props), {
         children: [
-          /* @__PURE__ */ jsx23("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-subtle group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ jsx24("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-subtle group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       })
@@ -2569,7 +2708,7 @@ function DrawerContent(_a) {
 }
 function DrawerHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     __spreadValues({
       "data-slot": "drawer-header",
@@ -2582,7 +2721,7 @@ function DrawerHeader(_a) {
 }
 function DrawerFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     __spreadValues({
       "data-slot": "drawer-footer",
@@ -2596,7 +2735,7 @@ function DrawerTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DrawerPrimitive.Title,
     __spreadValues({
       "data-slot": "drawer-title",
@@ -2610,7 +2749,7 @@ function DrawerDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DrawerPrimitive.Description,
     __spreadValues({
       "data-slot": "drawer-description",
@@ -2622,18 +2761,18 @@ function DrawerDescription(_a) {
 // components/ui/dropdown-menu.tsx
 import { CheckIcon as CheckIcon4, ChevronRightIcon as ChevronRightIcon3, CircleIcon as CircleIcon2 } from "lucide-react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
 }
 function DropdownMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
 }
 function DropdownMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Trigger,
     __spreadValues({
       "data-slot": "dropdown-menu-trigger"
@@ -2648,7 +2787,7 @@ function DropdownMenuContent(_a) {
     "className",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "dropdown-menu-content",
@@ -2662,7 +2801,7 @@ function DropdownMenuContent(_a) {
 }
 function DropdownMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
 }
 function DropdownMenuItem(_a) {
   var _b = _a, {
@@ -2674,7 +2813,7 @@ function DropdownMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "dropdown-menu-item",
@@ -2697,7 +2836,7 @@ function DropdownMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs13(
     DropdownMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-checkbox-item",
@@ -2708,7 +2847,7 @@ function DropdownMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx24("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CheckIcon4, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx25("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(CheckIcon4, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -2716,7 +2855,7 @@ function DropdownMenuCheckboxItem(_a) {
 }
 function DropdownMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.RadioGroup,
     __spreadValues({
       "data-slot": "dropdown-menu-radio-group"
@@ -2731,7 +2870,7 @@ function DropdownMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs13(
     DropdownMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-radio-item",
@@ -2741,7 +2880,7 @@ function DropdownMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx24("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CircleIcon2, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx25("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(CircleIcon2, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -2755,7 +2894,7 @@ function DropdownMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Label,
     __spreadValues({
       "data-slot": "dropdown-menu-label",
@@ -2773,7 +2912,7 @@ function DropdownMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       "data-slot": "dropdown-menu-separator",
@@ -2787,7 +2926,7 @@ function DropdownMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "span",
     __spreadValues({
       "data-slot": "dropdown-menu-shortcut",
@@ -2800,7 +2939,7 @@ function DropdownMenuShortcut(_a) {
 }
 function DropdownMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
 }
 function DropdownMenuSubTrigger(_a) {
   var _b = _a, {
@@ -2812,7 +2951,7 @@ function DropdownMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs13(
     DropdownMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-sub-trigger",
@@ -2824,7 +2963,7 @@ function DropdownMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx24(ChevronRightIcon3, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx25(ChevronRightIcon3, { className: "ml-auto size-4" })
       ]
     })
   );
@@ -2835,7 +2974,7 @@ function DropdownMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.SubContent,
     __spreadValues({
       "data-slot": "dropdown-menu-sub-content",
@@ -2848,11 +2987,11 @@ function DropdownMenuSubContent(_a) {
 }
 
 // components/ui/empty.tsx
-import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Empty(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "empty",
@@ -2865,7 +3004,7 @@ function Empty(_a) {
 }
 function EmptyHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "empty-header",
@@ -2876,7 +3015,7 @@ function EmptyHeader(_a) {
     }, props)
   );
 }
-var emptyMediaVariants = cva5(
+var emptyMediaVariants = cva6(
   "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
@@ -2898,7 +3037,7 @@ function EmptyMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "empty-icon",
@@ -2909,7 +3048,7 @@ function EmptyMedia(_a) {
 }
 function EmptyTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "empty-title",
@@ -2919,7 +3058,7 @@ function EmptyTitle(_a) {
 }
 function EmptyDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "empty-description",
@@ -2932,7 +3071,7 @@ function EmptyDescription(_a) {
 }
 function EmptyContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "empty-content",
@@ -2946,18 +3085,18 @@ function EmptyContent(_a) {
 
 // components/ui/field.tsx
 import { useMemo as useMemo2 } from "react";
-import { cva as cva6 } from "class-variance-authority";
+import { cva as cva7 } from "class-variance-authority";
 
 // components/ui/label.tsx
 import { Label as LabelPrimitive } from "radix-ui";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function Label(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     LabelPrimitive.Root,
     __spreadValues({
       "data-slot": "label",
@@ -2971,7 +3110,7 @@ function Label(_a) {
 
 // components/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Separator(_a) {
   var _b = _a, {
     className,
@@ -2982,7 +3121,7 @@ function Separator(_a) {
     "orientation",
     "decorative"
   ]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     SeparatorPrimitive.Root,
     __spreadValues({
       "data-slot": "separator",
@@ -2997,10 +3136,10 @@ function Separator(_a) {
 }
 
 // components/ui/field.tsx
-import { jsx as jsx28, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
 function FieldSet(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "fieldset",
     __spreadValues({
       "data-slot": "field-set",
@@ -3020,7 +3159,7 @@ function FieldLegend(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "legend",
     __spreadValues({
       "data-slot": "field-legend",
@@ -3036,7 +3175,7 @@ function FieldLegend(_a) {
 }
 function FieldGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     __spreadValues({
       "data-slot": "field-group",
@@ -3047,7 +3186,7 @@ function FieldGroup(_a) {
     }, props)
   );
 }
-var fieldVariants = cva6(
+var fieldVariants = cva7(
   "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
   {
     variants: {
@@ -3078,7 +3217,7 @@ function Field(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     __spreadValues({
       role: "group",
@@ -3090,7 +3229,7 @@ function Field(_a) {
 }
 function FieldContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     __spreadValues({
       "data-slot": "field-content",
@@ -3107,7 +3246,7 @@ function FieldLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     Label,
     __spreadValues({
       "data-slot": "field-label",
@@ -3122,7 +3261,7 @@ function FieldLabel(_a) {
 }
 function FieldTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     __spreadValues({
       "data-slot": "field-label",
@@ -3135,7 +3274,7 @@ function FieldTitle(_a) {
 }
 function FieldDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "p",
     __spreadValues({
       "data-slot": "field-description",
@@ -3156,7 +3295,7 @@ function FieldSeparator(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs14(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "field-separator",
@@ -3167,8 +3306,8 @@ function FieldSeparator(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx28(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx29(
           "span",
           {
             className: "relative mx-auto block w-fit bg-prominent px-2 text-on-subtle",
@@ -3204,14 +3343,14 @@ function FieldError(_a) {
     if ((uniqueErrors == null ? void 0 : uniqueErrors.length) == 1) {
       return (_a2 = uniqueErrors[0]) == null ? void 0 : _a2.message;
     }
-    return /* @__PURE__ */ jsx28("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx28("li", { children: error.message }, index)
+    return /* @__PURE__ */ jsx29("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx29("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     __spreadProps(__spreadValues({
       role: "alert",
@@ -3224,7 +3363,7 @@ function FieldError(_a) {
 }
 
 // components/ui/form.tsx
-import * as React5 from "react";
+import * as React6 from "react";
 import { Slot as Slot4 } from "radix-ui";
 import {
   Controller,
@@ -3232,18 +3371,18 @@ import {
   useFormContext,
   useFormState
 } from "react-hook-form";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React5.createContext(
+var FormFieldContext = React6.createContext(
   {}
 );
 var FormField = (_a) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx29(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx29(Controller, __spreadValues({}, props)) });
+  return /* @__PURE__ */ jsx30(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx30(Controller, __spreadValues({}, props)) });
 };
 var useFormField = () => {
-  const fieldContext = React5.useContext(FormFieldContext);
-  const itemContext = React5.useContext(FormItemContext);
+  const fieldContext = React6.useContext(FormFieldContext);
+  const itemContext = React6.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -3259,13 +3398,13 @@ var useFormField = () => {
     formMessageId: `${id}-form-item-message`
   }, fieldState);
 };
-var FormItemContext = React5.createContext(
+var FormItemContext = React6.createContext(
   {}
 );
 function FormItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const id = React5.useId();
-  return /* @__PURE__ */ jsx29(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx29(
+  const id = React6.useId();
+  return /* @__PURE__ */ jsx30(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx30(
     "div",
     __spreadValues({
       "data-slot": "form-item",
@@ -3280,7 +3419,7 @@ function FormLabel(_a) {
     "className"
   ]);
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     Label,
     __spreadValues({
       "data-slot": "form-label",
@@ -3293,7 +3432,7 @@ function FormLabel(_a) {
 function FormControl(_a) {
   var props = __objRest(_a, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     Slot4.Root,
     __spreadValues({
       "data-slot": "form-control",
@@ -3306,7 +3445,7 @@ function FormControl(_a) {
 function FormDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "p",
     __spreadValues({
       "data-slot": "form-description",
@@ -3323,7 +3462,7 @@ function FormMessage(_a) {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "p",
     __spreadProps(__spreadValues({
       "data-slot": "form-message",
@@ -3337,14 +3476,14 @@ function FormMessage(_a) {
 
 // components/ui/hover-card.tsx
 import { HoverCard as HoverCardPrimitive } from "radix-ui";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function HoverCard(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx30(HoverCardPrimitive.Root, __spreadValues({ "data-slot": "hover-card" }, props));
+  return /* @__PURE__ */ jsx31(HoverCardPrimitive.Root, __spreadValues({ "data-slot": "hover-card" }, props));
 }
 function HoverCardTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx30(HoverCardPrimitive.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
+  return /* @__PURE__ */ jsx31(HoverCardPrimitive.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
 }
 function HoverCardContent(_a) {
   var _b = _a, {
@@ -3356,7 +3495,7 @@ function HoverCardContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx30(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx31(
     HoverCardPrimitive.Content,
     __spreadValues({
       "data-slot": "hover-card-content",
@@ -3371,10 +3510,10 @@ function HoverCardContent(_a) {
 }
 
 // components/ui/input-otp.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
 function InputOTP(_a) {
   var _b = _a, {
     className,
@@ -3383,7 +3522,7 @@ function InputOTP(_a) {
     "className",
     "containerClassName"
   ]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     OTPInput,
     __spreadValues({
       "data-slot": "input-otp",
@@ -3397,7 +3536,7 @@ function InputOTP(_a) {
 }
 function InputOTPGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "div",
     __spreadValues({
       "data-slot": "input-otp-group",
@@ -3414,9 +3553,9 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React6.useContext(OTPInputContext);
+  const inputOTPContext = React7.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) != null ? _a2 : {};
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "input-otp-slot",
@@ -3428,23 +3567,23 @@ function InputOTPSlot(_a) {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx31("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx31("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx32("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx32("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     })
   );
 }
 function InputOTPSeparator(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx31("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx31(MinusIcon, {}) }));
+  return /* @__PURE__ */ jsx32("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx32(MinusIcon, {}) }));
 }
 
 // components/ui/item.tsx
-import { cva as cva7 } from "class-variance-authority";
+import { cva as cva8 } from "class-variance-authority";
 import { Slot as Slot5 } from "radix-ui";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function ItemGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     __spreadValues({
       role: "list",
@@ -3459,7 +3598,7 @@ function ItemSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     Separator,
     __spreadValues({
       "data-slot": "item-separator",
@@ -3468,7 +3607,7 @@ function ItemSeparator(_a) {
     }, props)
   );
 }
-var itemVariants = cva7(
+var itemVariants = cva8(
   "group/item flex flex-wrap items-center rounded-md border border-transparent text-sm transition-colors duration-instant outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-secondary-hover",
   {
     variants: {
@@ -3501,7 +3640,7 @@ function Item(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot5.Root : "div";
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     Comp,
     __spreadValues({
       "data-slot": "item",
@@ -3511,7 +3650,7 @@ function Item(_a) {
     }, props)
   );
 }
-var itemMediaVariants = cva7(
+var itemMediaVariants = cva8(
   "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
   {
     variants: {
@@ -3534,7 +3673,7 @@ function ItemMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     __spreadValues({
       "data-slot": "item-media",
@@ -3545,7 +3684,7 @@ function ItemMedia(_a) {
 }
 function ItemContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     __spreadValues({
       "data-slot": "item-content",
@@ -3558,7 +3697,7 @@ function ItemContent(_a) {
 }
 function ItemTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     __spreadValues({
       "data-slot": "item-title",
@@ -3571,7 +3710,7 @@ function ItemTitle(_a) {
 }
 function ItemDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "p",
     __spreadValues({
       "data-slot": "item-description",
@@ -3585,7 +3724,7 @@ function ItemDescription(_a) {
 }
 function ItemActions(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     __spreadValues({
       "data-slot": "item-actions",
@@ -3595,7 +3734,7 @@ function ItemActions(_a) {
 }
 function ItemHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     __spreadValues({
       "data-slot": "item-header",
@@ -3608,7 +3747,7 @@ function ItemHeader(_a) {
 }
 function ItemFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     __spreadValues({
       "data-slot": "item-footer",
@@ -3621,10 +3760,10 @@ function ItemFooter(_a) {
 }
 
 // components/ui/kbd.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function Kbd(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "kbd",
     __spreadValues({
       "data-slot": "kbd",
@@ -3639,7 +3778,7 @@ function Kbd(_a) {
 }
 function KbdGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "kbd",
     __spreadValues({
       "data-slot": "kbd-group",
@@ -3649,10 +3788,10 @@ function KbdGroup(_a) {
 }
 
 // components/ui/link.tsx
-import { cva as cva8 } from "class-variance-authority";
+import { cva as cva9 } from "class-variance-authority";
 import { Slot as Slot6 } from "radix-ui";
-import { jsx as jsx34 } from "react/jsx-runtime";
-var linkVariants = cva8(
+import { jsx as jsx35 } from "react/jsx-runtime";
+var linkVariants = cva9(
   "inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:inline font-display font-bold normal-case tracking-wide text-primary hover:underline decoration-2 underline-offset-4",
   {
     variants: {
@@ -3678,7 +3817,7 @@ function Link(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot6.Root : "a";
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     Comp,
     __spreadValues({
       "data-slot": "link",
@@ -3691,14 +3830,14 @@ function Link(_a) {
 // components/ui/menubar.tsx
 import { CheckIcon as CheckIcon5, ChevronRightIcon as ChevronRightIcon4, CircleIcon as CircleIcon3 } from "lucide-react";
 import { Menubar as MenubarPrimitive } from "radix-ui";
-import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs16 } from "react/jsx-runtime";
 function Menubar(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Root,
     __spreadValues({
       "data-slot": "menubar",
@@ -3711,19 +3850,19 @@ function Menubar(_a) {
 }
 function MenubarMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx35(MenubarPrimitive.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
 }
 function MenubarGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx35(MenubarPrimitive.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
 }
 function MenubarPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx35(MenubarPrimitive.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
 }
 function MenubarRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx35(MenubarPrimitive.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
 }
 function MenubarTrigger(_a) {
   var _b = _a, {
@@ -3731,7 +3870,7 @@ function MenubarTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Trigger,
     __spreadValues({
       "data-slot": "menubar-trigger",
@@ -3754,7 +3893,7 @@ function MenubarContent(_a) {
     "alignOffset",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx35(MenubarPortal, { children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(MenubarPortal, { children: /* @__PURE__ */ jsx36(
     MenubarPrimitive.Content,
     __spreadValues({
       "data-slot": "menubar-content",
@@ -3778,7 +3917,7 @@ function MenubarItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Item,
     __spreadValues({
       "data-slot": "menubar-item",
@@ -3801,7 +3940,7 @@ function MenubarCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     MenubarPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-checkbox-item",
@@ -3812,7 +3951,7 @@ function MenubarCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx35("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(CheckIcon5, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx36("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CheckIcon5, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -3826,7 +3965,7 @@ function MenubarRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     MenubarPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-radio-item",
@@ -3836,7 +3975,7 @@ function MenubarRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx35("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(CircleIcon3, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx36("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CircleIcon3, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -3850,7 +3989,7 @@ function MenubarLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Label,
     __spreadValues({
       "data-slot": "menubar-label",
@@ -3868,7 +4007,7 @@ function MenubarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Separator,
     __spreadValues({
       "data-slot": "menubar-separator",
@@ -3882,7 +4021,7 @@ function MenubarShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "span",
     __spreadValues({
       "data-slot": "menubar-shortcut",
@@ -3895,7 +4034,7 @@ function MenubarShortcut(_a) {
 }
 function MenubarSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx35(MenubarPrimitive.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
 }
 function MenubarSubTrigger(_a) {
   var _b = _a, {
@@ -3907,7 +4046,7 @@ function MenubarSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     MenubarPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-sub-trigger",
@@ -3919,7 +4058,7 @@ function MenubarSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx35(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx36(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
       ]
     })
   );
@@ -3930,7 +4069,7 @@ function MenubarSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.SubContent,
     __spreadValues({
       "data-slot": "menubar-sub-content",
@@ -3944,7 +4083,7 @@ function MenubarSubContent(_a) {
 
 // components/ui/native-select.tsx
 import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
 function NativeSelect(_a) {
   var _b = _a, {
     className,
@@ -3953,13 +4092,13 @@ function NativeSelect(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
       "data-slot": "native-select-wrapper",
       children: [
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(
           "select",
           __spreadValues({
             "data-slot": "native-select",
@@ -3971,7 +4110,7 @@ function NativeSelect(_a) {
             )
           }, props)
         ),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(
           ChevronDownIcon4,
           {
             className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-on-subtle opacity-50 select-none",
@@ -3985,7 +4124,7 @@ function NativeSelect(_a) {
 }
 function NativeSelectOption(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36("option", __spreadValues({ "data-slot": "native-select-option" }, props));
+  return /* @__PURE__ */ jsx37("option", __spreadValues({ "data-slot": "native-select-option" }, props));
 }
 function NativeSelectOptGroup(_a) {
   var _b = _a, {
@@ -3993,7 +4132,7 @@ function NativeSelectOptGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "optgroup",
     __spreadValues({
       "data-slot": "native-select-optgroup",
@@ -4003,10 +4142,10 @@ function NativeSelectOptGroup(_a) {
 }
 
 // components/ui/navigation-menu.tsx
-import { cva as cva9 } from "class-variance-authority";
+import { cva as cva10 } from "class-variance-authority";
 import { ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
 import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
-import { jsx as jsx37, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
 function NavigationMenu(_a) {
   var _b = _a, {
     className,
@@ -4017,7 +4156,7 @@ function NavigationMenu(_a) {
     "children",
     "viewport"
   ]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs18(
     NavigationMenuPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu",
@@ -4029,7 +4168,7 @@ function NavigationMenu(_a) {
     }, props), {
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx37(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx38(NavigationMenuViewport, {})
       ]
     })
   );
@@ -4040,7 +4179,7 @@ function NavigationMenuList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     NavigationMenuPrimitive.List,
     __spreadValues({
       "data-slot": "navigation-menu-list",
@@ -4057,7 +4196,7 @@ function NavigationMenuItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     NavigationMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "navigation-menu-item",
@@ -4065,7 +4204,7 @@ function NavigationMenuItem(_a) {
     }, props)
   );
 }
-var navigationMenuTriggerStyle = cva9(
+var navigationMenuTriggerStyle = cva10(
   "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) {
@@ -4076,7 +4215,7 @@ function NavigationMenuTrigger(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs18(
     NavigationMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-trigger",
@@ -4085,7 +4224,7 @@ function NavigationMenuTrigger(_a) {
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           ChevronDownIcon5,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-slow group-data-[state=open]:rotate-180",
@@ -4102,7 +4241,7 @@ function NavigationMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "navigation-menu-content",
@@ -4120,13 +4259,13 @@ function NavigationMenuViewport(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       className: cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ jsx37(
+      children: /* @__PURE__ */ jsx38(
         NavigationMenuPrimitive.Viewport,
         __spreadValues({
           "data-slot": "navigation-menu-viewport",
@@ -4145,7 +4284,7 @@ function NavigationMenuLink(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     NavigationMenuPrimitive.Link,
     __spreadValues({
       "data-slot": "navigation-menu-link",
@@ -4162,7 +4301,7 @@ function NavigationMenuIndicator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-indicator",
@@ -4171,7 +4310,7 @@ function NavigationMenuIndicator(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx37("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx38("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 }
@@ -4182,10 +4321,10 @@ import {
   ChevronRightIcon as ChevronRightIcon5,
   MoreHorizontalIcon
 } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
 function Pagination(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -4201,7 +4340,7 @@ function PaginationContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "ul",
     __spreadValues({
       "data-slot": "pagination-content",
@@ -4211,7 +4350,7 @@ function PaginationContent(_a) {
 }
 function PaginationItem(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx38("li", __spreadValues({ "data-slot": "pagination-item" }, props));
+  return /* @__PURE__ */ jsx39("li", __spreadValues({ "data-slot": "pagination-item" }, props));
 }
 function PaginationLink(_a) {
   var _b = _a, {
@@ -4223,7 +4362,7 @@ function PaginationLink(_a) {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -4243,7 +4382,7 @@ function PaginationPrevious(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx38("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx38(ChevronLeftIcon2, { className: "size-5" }) })) });
+  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" }) })) });
 }
 function PaginationNext(_a) {
   var _b = _a, {
@@ -4251,7 +4390,7 @@ function PaginationNext(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx38("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx38(ChevronRightIcon5, { className: "size-5" }) })) });
+  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" }) })) });
 }
 function PaginationEllipsis(_a) {
   var _b = _a, {
@@ -4259,7 +4398,7 @@ function PaginationEllipsis(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
@@ -4267,8 +4406,8 @@ function PaginationEllipsis(_a) {
       className: cn("flex size-10 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx38(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx39(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -4276,14 +4415,14 @@ function PaginationEllipsis(_a) {
 
 // components/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx39(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ jsx40(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx39(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ jsx40(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -4295,7 +4434,7 @@ function PopoverContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx39(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx40(
     PopoverPrimitive.Content,
     __spreadValues({
       "data-slot": "popover-content",
@@ -4310,11 +4449,11 @@ function PopoverContent(_a) {
 }
 function PopoverAnchor(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx39(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
+  return /* @__PURE__ */ jsx40(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
 }
 function PopoverHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     __spreadValues({
       "data-slot": "popover-header",
@@ -4324,7 +4463,7 @@ function PopoverHeader(_a) {
 }
 function PopoverTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     __spreadValues({
       "data-slot": "popover-title",
@@ -4338,7 +4477,7 @@ function PopoverDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "p",
     __spreadValues({
       "data-slot": "popover-description",
@@ -4349,7 +4488,7 @@ function PopoverDescription(_a) {
 
 // components/ui/progress.tsx
 import { Progress as ProgressPrimitive } from "radix-ui";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function Progress(_a) {
   var _b = _a, {
     className,
@@ -4358,7 +4497,7 @@ function Progress(_a) {
     "className",
     "value"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "progress",
@@ -4367,7 +4506,7 @@ function Progress(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx40(
+      children: /* @__PURE__ */ jsx41(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -4382,14 +4521,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 jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function RadioGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     RadioGroupPrimitive.Root,
     __spreadValues({
       "data-slot": "radio-group",
@@ -4403,7 +4542,7 @@ function RadioGroupItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "radio-group-item",
@@ -4412,12 +4551,12 @@ function RadioGroupItem(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx41(
+      children: /* @__PURE__ */ jsx42(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx41(CircleIcon4, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
+          children: /* @__PURE__ */ jsx42(CircleIcon4, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
         }
       )
     })
@@ -4427,14 +4566,14 @@ function RadioGroupItem(_a) {
 // components/ui/resizable.tsx
 import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function ResizablePanelGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     ResizablePrimitive.Group,
     __spreadValues({
       "data-slot": "resizable-panel-group",
@@ -4447,7 +4586,7 @@ function ResizablePanelGroup(_a) {
 }
 function ResizablePanel(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx42(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
+  return /* @__PURE__ */ jsx43(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
 }
 function ResizableHandle(_a) {
   var _b = _a, {
@@ -4457,7 +4596,7 @@ function ResizableHandle(_a) {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       "data-slot": "resizable-handle",
@@ -4466,14 +4605,14 @@ function ResizableHandle(_a) {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ jsx42("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ jsx42(GripVerticalIcon, { className: "size-2.5" }) })
+      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" }) })
     })
   );
 }
 
 // components/ui/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
 function ScrollArea(_a) {
   var _b = _a, {
     className,
@@ -4482,14 +4621,14 @@ function ScrollArea(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs20(
     ScrollAreaPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area",
       className: cn("relative", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -4497,8 +4636,8 @@ function ScrollArea(_a) {
             children
           }
         ),
-        /* @__PURE__ */ jsx43(ScrollBar, {}),
-        /* @__PURE__ */ jsx43(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx44(ScrollBar, {}),
+        /* @__PURE__ */ jsx44(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
@@ -4511,7 +4650,7 @@ function ScrollBar(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area-scrollbar",
@@ -4523,7 +4662,7 @@ function ScrollBar(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx43(
+      children: /* @__PURE__ */ jsx44(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -4537,18 +4676,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 jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
 function Select(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx44(SelectPrimitive.Root, __spreadValues({ "data-slot": "select" }, props));
+  return /* @__PURE__ */ jsx45(SelectPrimitive.Root, __spreadValues({ "data-slot": "select" }, props));
 }
 function SelectGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx44(SelectPrimitive.Group, __spreadValues({ "data-slot": "select-group" }, props));
+  return /* @__PURE__ */ jsx45(SelectPrimitive.Group, __spreadValues({ "data-slot": "select-group" }, props));
 }
 function SelectValue(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx44(SelectPrimitive.Value, __spreadValues({ "data-slot": "select-value" }, props));
+  return /* @__PURE__ */ jsx45(SelectPrimitive.Value, __spreadValues({ "data-slot": "select-value" }, props));
 }
 function SelectTrigger(_a) {
   var _b = _a, {
@@ -4562,7 +4701,7 @@ function SelectTrigger(_a) {
     "readOnly",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs21(
     SelectPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "select-trigger",
@@ -4576,7 +4715,7 @@ function SelectTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx44(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx44(ChevronDownIcon6, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
+        /* @__PURE__ */ jsx45(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx45(ChevronDownIcon6, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
       ]
     })
   );
@@ -4593,7 +4732,7 @@ function SelectContent(_a) {
     "position",
     "align"
   ]);
-  return /* @__PURE__ */ jsx44(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsx45(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs21(
     SelectPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "select-content",
@@ -4606,8 +4745,8 @@ function SelectContent(_a) {
       align
     }, props), {
       children: [
-        /* @__PURE__ */ jsx44(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx45(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -4617,7 +4756,7 @@ function SelectContent(_a) {
             children
           }
         ),
-        /* @__PURE__ */ jsx44(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx45(SelectScrollDownButton, {})
       ]
     })
   ) });
@@ -4628,7 +4767,7 @@ function SelectLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.Label,
     __spreadValues({
       "data-slot": "select-label",
@@ -4644,7 +4783,7 @@ function SelectItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs21(
     SelectPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "select-item",
@@ -4654,15 +4793,15 @@ function SelectItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(
           "span",
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ jsx44(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx44(CheckIcon6, { className: "size-4 text-primary" }) })
+            children: /* @__PURE__ */ jsx45(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx45(CheckIcon6, { className: "size-4 text-primary" }) })
           }
         ),
-        /* @__PURE__ */ jsx44(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx45(SelectPrimitive.ItemText, { children })
       ]
     })
   );
@@ -4673,7 +4812,7 @@ function SelectSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.Separator,
     __spreadValues({
       "data-slot": "select-separator",
@@ -4687,7 +4826,7 @@ function SelectScrollUpButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.ScrollUpButton,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-up-button",
@@ -4696,7 +4835,7 @@ function SelectScrollUpButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx44(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx45(ChevronUpIcon, { className: "size-4" })
     })
   );
 }
@@ -4706,7 +4845,7 @@ function SelectScrollDownButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.ScrollDownButton,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-down-button",
@@ -4715,7 +4854,7 @@ function SelectScrollDownButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx44(ChevronDownIcon6, { className: "size-4" })
+      children: /* @__PURE__ */ jsx45(ChevronDownIcon6, { className: "size-4" })
     })
   );
 }
@@ -4723,22 +4862,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 jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx45(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ jsx46(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx45(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+  return /* @__PURE__ */ jsx46(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
 }
 function SheetClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx45(SheetPrimitive.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
+  return /* @__PURE__ */ jsx46(SheetPrimitive.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx45(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ jsx46(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -4746,7 +4885,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     SheetPrimitive.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
@@ -4769,9 +4908,9 @@ function SheetContent(_a) {
     "side",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs20(SheetPortal, { children: [
-    /* @__PURE__ */ jsx45(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs22(SheetPortal, { children: [
+    /* @__PURE__ */ jsx46(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs22(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "sheet-content",
@@ -4786,9 +4925,9 @@ function SheetContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs20(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__ */ jsx45(XIcon3, { className: "size-4" }),
-            /* @__PURE__ */ jsx45("span", { className: "sr-only", children: "Close" })
+          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" })
           ] })
         ]
       })
@@ -4797,7 +4936,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -4807,7 +4946,7 @@ function SheetHeader(_a) {
 }
 function SheetFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     __spreadValues({
       "data-slot": "sheet-footer",
@@ -4821,7 +4960,7 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     SheetPrimitive.Title,
     __spreadValues({
       "data-slot": "sheet-title",
@@ -4835,7 +4974,7 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     SheetPrimitive.Description,
     __spreadValues({
       "data-slot": "sheet-description",
@@ -4845,17 +4984,17 @@ function SheetDescription(_a) {
 }
 
 // components/ui/sidebar.tsx
-import * as React8 from "react";
-import { cva as cva10 } from "class-variance-authority";
+import * as React9 from "react";
+import { cva as cva11 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
 import { Slot as Slot7 } from "radix-ui";
 
 // hooks/use-mobile.ts
-import * as React7 from "react";
+import * as React8 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React7.useState(void 0);
-  React7.useEffect(() => {
+  const [isMobile, setIsMobile] = React8.useState(void 0);
+  React8.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -4868,10 +5007,10 @@ function useIsMobile() {
 }
 
 // components/ui/skeleton.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function Skeleton(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     __spreadValues({
       "data-slot": "skeleton",
@@ -4882,14 +5021,14 @@ function Skeleton(_a) {
 
 // components/ui/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     TooltipPrimitive.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -4899,11 +5038,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip2(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx47(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+  return /* @__PURE__ */ jsx48(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props));
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx47(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ jsx48(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -4915,7 +5054,7 @@ function TooltipContent(_a) {
     "sideOffset",
     "children"
   ]);
-  return /* @__PURE__ */ jsx47(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx48(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs23(
     TooltipPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
@@ -4927,23 +5066,23 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx47(TooltipPrimitive.Arrow, { className: "fill-primary" })
+        /* @__PURE__ */ jsx48(TooltipPrimitive.Arrow, { className: "fill-primary" })
       ]
     })
   ) });
 }
 
 // components/ui/sidebar.tsx
-import { jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx49, 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";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React8.createContext(null);
+var SidebarContext = React9.createContext(null);
 function useSidebar() {
-  const context = React8.useContext(SidebarContext);
+  const context = React9.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -4966,10 +5105,10 @@ function SidebarProvider(_a) {
     "children"
   ]);
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React8.useState(false);
-  const [_open, _setOpen] = React8.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React9.useState(false);
+  const [_open, _setOpen] = React9.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React8.useCallback(
+  const setOpen = React9.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -4981,10 +5120,10 @@ function SidebarProvider(_a) {
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React8.useCallback(() => {
+  const toggleSidebar = React9.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React8.useEffect(() => {
+  React9.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -4995,7 +5134,7 @@ function SidebarProvider(_a) {
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React8.useMemo(
+  const contextValue = React9.useMemo(
     () => ({
       state,
       open,
@@ -5007,7 +5146,7 @@ function SidebarProvider(_a) {
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx48(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx48(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx49(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx49(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -5040,7 +5179,7 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx49(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
@@ -5054,7 +5193,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx48(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsx49(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs24(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -5066,16 +5205,16 @@ function Sidebar(_a) {
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs22(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx48(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx48(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxs24(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx49(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx49(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx48("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx49("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
   }
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
@@ -5085,7 +5224,7 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx49(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -5097,7 +5236,7 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx49(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
@@ -5109,7 +5248,7 @@ function Sidebar(_a) {
               className
             )
           }, props), {
-            children: /* @__PURE__ */ jsx48(
+            children: /* @__PURE__ */ jsx49(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -5133,7 +5272,7 @@ function SidebarTrigger(_a) {
     "onClick"
   ]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs24(
     Button,
     __spreadProps(__spreadValues({
       "data-sidebar": "trigger",
@@ -5147,8 +5286,8 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        /* @__PURE__ */ jsx48(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx48("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx49(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx49("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
   );
@@ -5156,7 +5295,7 @@ function SidebarTrigger(_a) {
 function SidebarRail(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "button",
     __spreadValues({
       "data-sidebar": "rail",
@@ -5179,7 +5318,7 @@ function SidebarRail(_a) {
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
@@ -5197,7 +5336,7 @@ function SidebarInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     Input,
     __spreadValues({
       "data-slot": "sidebar-input",
@@ -5208,7 +5347,7 @@ function SidebarInput(_a) {
 }
 function SidebarHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     __spreadValues({
       "data-slot": "sidebar-header",
@@ -5219,7 +5358,7 @@ function SidebarHeader(_a) {
 }
 function SidebarFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     __spreadValues({
       "data-slot": "sidebar-footer",
@@ -5234,7 +5373,7 @@ function SidebarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     Separator,
     __spreadValues({
       "data-slot": "sidebar-separator",
@@ -5245,7 +5384,7 @@ function SidebarSeparator(_a) {
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
@@ -5259,7 +5398,7 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
@@ -5277,7 +5416,7 @@ function SidebarGroupLabel(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot7.Root : "div";
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-label",
@@ -5299,7 +5438,7 @@ function SidebarGroupAction(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot7.Root : "button";
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-action",
@@ -5320,7 +5459,7 @@ function SidebarGroupContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group-content",
@@ -5331,7 +5470,7 @@ function SidebarGroupContent(_a) {
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
@@ -5342,7 +5481,7 @@ function SidebarMenu(_a) {
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
@@ -5351,7 +5490,7 @@ function SidebarMenuItem(_a) {
     }, props)
   );
 }
-var sidebarMenuButtonVariants = cva10(
+var sidebarMenuButtonVariants = cva11(
   "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: {
@@ -5389,7 +5528,7 @@ function SidebarMenuButton(_a) {
   ]);
   const Comp = asChild ? Slot7.Root : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx48(
+  const button = /* @__PURE__ */ jsx49(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-button",
@@ -5407,9 +5546,9 @@ function SidebarMenuButton(_a) {
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs22(Tooltip2, { children: [
-    /* @__PURE__ */ jsx48(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsxs24(Tooltip2, { children: [
+    /* @__PURE__ */ jsx49(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx49(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -5430,7 +5569,7 @@ function SidebarMenuAction(_a) {
     "showOnHover"
   ]);
   const Comp = asChild ? Slot7.Root : "button";
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-action",
@@ -5455,7 +5594,7 @@ function SidebarMenuBadge(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     __spreadValues({
       "data-slot": "sidebar-menu-badge",
@@ -5481,7 +5620,7 @@ function SidebarMenuSkeleton(_a) {
     "showIcon"
   ]);
   const width = "70%";
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs24(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-menu-skeleton",
@@ -5489,14 +5628,14 @@ function SidebarMenuSkeleton(_a) {
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className)
     }, props), {
       children: [
-        showIcon && /* @__PURE__ */ jsx48(
+        showIcon && /* @__PURE__ */ jsx49(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx49(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -5512,7 +5651,7 @@ function SidebarMenuSkeleton(_a) {
 }
 function SidebarMenuSub(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu-sub",
@@ -5531,7 +5670,7 @@ function SidebarMenuSubItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-sub-item",
@@ -5553,7 +5692,7 @@ function SidebarMenuSubButton(_a) {
     "className"
   ]);
   const Comp = asChild ? Slot7.Root : "a";
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-sub-button",
@@ -5573,9 +5712,9 @@ function SidebarMenuSubButton(_a) {
 }
 
 // components/ui/slider.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 import { Slider as SliderPrimitive } from "radix-ui";
-import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
 function Slider(_a) {
   var _b = _a, {
     className,
@@ -5590,11 +5729,11 @@ function Slider(_a) {
     "min",
     "max"
   ]);
-  const _values = React9.useMemo(
+  const _values = React10.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs25(
     SliderPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "slider",
@@ -5608,14 +5747,14 @@ function Slider(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50(
           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__ */ jsx49(
+            children: /* @__PURE__ */ jsx50(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -5626,7 +5765,7 @@ function Slider(_a) {
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx49(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx50(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -5649,21 +5788,21 @@ import {
 } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var Toaster = (_a) => {
   var props = __objRest(_a, []);
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Sonner,
     __spreadValues({
       theme,
       className: "toaster group",
       icons: {
-        success: /* @__PURE__ */ jsx50(CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx50(InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx50(TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ jsx50(OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsx50(Loader2Icon, { className: "size-4 animate-spin" })
+        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" })
       },
       style: {
         "--normal-bg": "var(--popover)",
@@ -5676,9 +5815,9 @@ var Toaster = (_a) => {
 };
 
 // components/ui/stepper.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import { Minus, Plus } from "lucide-react";
-import { jsx as jsx51, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
@@ -5692,8 +5831,8 @@ function formatValue(value, decimalPlaces) {
 }
 var stepperSizeConfig = {
   sm: { container: "h-8", buttonSize: "icon-xs", iconClass: "size-3" },
-  md: { container: "h-9", buttonSize: "icon-xs", iconClass: "size-3.5" },
-  lg: { container: "h-11", buttonSize: "icon-sm", iconClass: "size-4" }
+  md: { container: "h-10", buttonSize: "icon-xs", iconClass: "size-3.5" },
+  lg: { container: "h-12", buttonSize: "icon-sm", iconClass: "size-4" }
 };
 function Stepper({
   value: controlledValue,
@@ -5712,16 +5851,16 @@ function Stepper({
 }) {
   const { container, buttonSize, iconClass } = stepperSizeConfig[size];
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React10.useState(
+  const [internalValue, setInternalValue] = React11.useState(
     clamp(defaultValue, min, max)
   );
   const currentValue = isControlled ? controlledValue : internalValue;
   const decimalPlaces = getDecimalPlaces(step);
-  const [displayString, setDisplayString] = React10.useState(
+  const [displayString, setDisplayString] = React11.useState(
     formatValue(currentValue, decimalPlaces)
   );
-  const [isFocused, setIsFocused] = React10.useState(false);
-  React10.useEffect(() => {
+  const [isFocused, setIsFocused] = React11.useState(false);
+  React11.useEffect(() => {
     if (!isFocused) {
       setDisplayString(formatValue(currentValue, decimalPlaces));
     }
@@ -5771,14 +5910,14 @@ function Stepper({
       }
     }
   }
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs26(
     InputGroup,
     {
       "data-slot": "stepper",
       "data-disabled": disabled || void 0,
       className: cn("w-32", container, className),
       children: [
-        /* @__PURE__ */ jsx51(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx52(
           InputGroupButton,
           {
             size: buttonSize,
@@ -5786,10 +5925,10 @@ function Stepper({
             onClick: handleDecrement,
             disabled: disabled || currentValue <= min,
             "aria-label": "Decrease value",
-            children: /* @__PURE__ */ jsx51(Minus, { className: iconClass })
+            children: /* @__PURE__ */ jsx52(Minus, { className: iconClass })
           }
         ) }),
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52(
           InputGroupInput,
           {
             type: "text",
@@ -5811,9 +5950,9 @@ function Stepper({
             className: "text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
           }
         ),
-        /* @__PURE__ */ jsxs24(InputGroupAddon, { align: "inline-end", children: [
-          /* @__PURE__ */ jsx51(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
-          /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsxs26(InputGroupAddon, { align: "inline-end", children: [
+          /* @__PURE__ */ jsx52(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
+          /* @__PURE__ */ jsx52(
             InputGroupButton,
             {
               size: buttonSize,
@@ -5821,7 +5960,7 @@ function Stepper({
               onClick: handleIncrement,
               disabled: disabled || currentValue >= max,
               "aria-label": "Increase value",
-              children: /* @__PURE__ */ jsx51(Plus, { className: iconClass })
+              children: /* @__PURE__ */ jsx52(Plus, { className: iconClass })
             }
           )
         ] })
@@ -5830,48 +5969,6 @@ function Stepper({
   );
 }
 
-// components/ui/spinner.tsx
-import { jsx as jsx52, jsxs as jsxs25 } from "react/jsx-runtime";
-var PILL_COUNT = 8;
-function Spinner(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxs25(
-    "div",
-    __spreadProps(__spreadValues({
-      role: "status",
-      "aria-label": "Loading",
-      className: cn("relative inline-block size-4 text-current", className)
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx52("style", { children: `
-        @keyframes spinner-fade {
-          0% { opacity: 1; }
-          100% { opacity: 0.15; }
-        }
-      ` }),
-        Array.from({ length: PILL_COUNT }, (_, i) => /* @__PURE__ */ jsx52(
-          "span",
-          {
-            style: {
-              position: "absolute",
-              left: "50%",
-              top: "0",
-              width: "12%",
-              height: "30%",
-              borderRadius: "9999px",
-              backgroundColor: "currentColor",
-              transformOrigin: "50% 167%",
-              transform: `translateX(-50%) rotate(${i * 45}deg)`,
-              animation: `spinner-fade 0.8s linear ${i * 0.8 / PILL_COUNT}s infinite`
-            }
-          },
-          i
-        ))
-      ]
-    })
-  );
-}
-
 // components/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "radix-ui";
 import { jsx as jsx53 } from "react/jsx-runtime";
@@ -6013,7 +6110,7 @@ function TableCaption(_a) {
 }
 
 // components/ui/tabs.tsx
-import { cva as cva11 } from "class-variance-authority";
+import { cva as cva12 } from "class-variance-authority";
 import { Tabs as TabsPrimitive } from "radix-ui";
 import { jsx as jsx55 } from "react/jsx-runtime";
 function Tabs(_a) {
@@ -6037,7 +6134,7 @@ function Tabs(_a) {
     }, props)
   );
 }
-var tabsListVariants = cva11(
+var tabsListVariants = cva12(
   "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: {
@@ -6122,7 +6219,7 @@ function TabsContent(_a) {
 
 // components/ui/ticket-card.tsx
 import { ArrowRight as ArrowRight2 } from "lucide-react";
-import { jsx as jsx56, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
 function TicketCard({
   icon,
   label,
@@ -6133,7 +6230,7 @@ function TicketCard({
   stubDisabled = false,
   className
 }) {
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       "data-slot": "ticket-card",
@@ -6143,9 +6240,9 @@ function TicketCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs26("div", { className: "relative flex min-w-0 flex-1 items-center gap-3 px-4 py-4 sm:gap-4 sm:px-5", 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__ */ jsxs26("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5 overflow-hidden", children: [
+          /* @__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 uppercase tracking-widest text-xs font-semibold", children: label }),
             value && /* @__PURE__ */ jsx56("span", { className: "truncate text-lg font-bold text-on-prominent sm:text-xl", children: value })
           ] }),
@@ -6177,7 +6274,7 @@ function TicketCard({
             className: cn(
               "relative z-[1] inline-flex max-w-[72%] shrink-0 self-stretch sm:max-w-[44%]"
             ),
-            children: /* @__PURE__ */ jsxs26(
+            children: /* @__PURE__ */ jsxs27(
               "button",
               {
                 type: "button",
@@ -6212,10 +6309,10 @@ function TicketCard({
 }
 
 // components/ui/toggle.tsx
-import { cva as cva12 } from "class-variance-authority";
+import { cva as cva13 } from "class-variance-authority";
 import { Toggle as TogglePrimitive } from "radix-ui";
 import { jsx as jsx57 } from "react/jsx-runtime";
-var toggleVariants = cva12(
+var toggleVariants = cva13(
   "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: {
@@ -6255,10 +6352,10 @@ function Toggle(_a) {
 }
 
 // components/ui/toggle-group.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
 import { jsx as jsx58 } from "react/jsx-runtime";
-var ToggleGroupContext = React11.createContext({
+var ToggleGroupContext = React12.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -6306,7 +6403,7 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React11.useContext(ToggleGroupContext);
+  const context = React12.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx58(
     ToggleGroupPrimitive.Item,
     __spreadProps(__spreadValues({
@@ -6635,6 +6732,7 @@ export {
   badgeVariants,
   buttonVariants,
   cn,
+  inputVariants,
   linkVariants,
   navigationMenuTriggerStyle,
   tabsListVariants,