@trading-game/design-intelligence-layer 0.16.1 → 0.16.3

package/dist/index.js

@@ -817,17 +817,174 @@ function Badge(_a) {
   );
 }
 
+// components/ui/banner.tsx
+import * as React2 from "react";
+import { Gift, X as X2 } from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var SURFACE_CLASSES = "w-full rounded-md border border-primary/[0.16] bg-primary/[0.08] px-4 py-3.5";
+function IconBadge({ glyph }) {
+  return /* @__PURE__ */ jsx9("span", { className: "inline-flex size-10 shrink-0 items-center justify-center rounded-xs bg-primary text-on-primary", children: glyph });
+}
+function Banner(_a) {
+  var _b = _a, {
+    layout = "inline",
+    title,
+    description,
+    glyph,
+    icon,
+    action,
+    actions,
+    onDismiss,
+    dismissLabel = "Dismiss",
+    onClick,
+    className
+  } = _b, props = __objRest(_b, [
+    "layout",
+    "title",
+    "description",
+    "glyph",
+    "icon",
+    "action",
+    "actions",
+    "onDismiss",
+    "dismissLabel",
+    "onClick",
+    "className"
+  ]);
+  var _a2;
+  if (!title && !description) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(
+        "Banner: requires at least one of `title` or `description`. Rendering null."
+      );
+    }
+    return null;
+  }
+  const isInline = layout === "inline";
+  const showIcon = icon !== null;
+  const resolvedIcon = icon === void 0 ? /* @__PURE__ */ jsx9(IconBadge, { glyph: glyph != null ? glyph : /* @__PURE__ */ jsx9(Gift, { className: "size-5" }) }) : icon;
+  if (process.env.NODE_ENV !== "production" && icon !== void 0 && glyph !== void 0) {
+    console.warn(
+      "Banner: `glyph` is ignored when `icon` is also set. `icon` overrides the entire badge; `glyph` only swaps the inner icon of the default badge."
+    );
+  }
+  const showCloseButton = typeof onDismiss === "function";
+  const isClickable = typeof onClick === "function";
+  const buttonsSuppressed = isClickable && (Boolean(action) || ((_a2 = actions == null ? void 0 : actions.length) != null ? _a2 : 0) > 0);
+  if (process.env.NODE_ENV !== "production") {
+    if (isInline && actions && actions.length > 0) {
+      console.warn(
+        'Banner: `actions` is ignored when layout="inline". Use `action` instead.'
+      );
+    }
+    if (!isInline && action) {
+      console.warn(
+        'Banner: `action` is ignored when layout="card". Use `actions` instead.'
+      );
+    }
+    if (buttonsSuppressed) {
+      console.warn(
+        "Banner: `onClick` (clickable surface) is mutually exclusive with `action` / `actions`. Ignoring the buttons \u2014 the whole banner is the CTA."
+      );
+    }
+  }
+  const effectiveAction = isClickable ? void 0 : action;
+  const effectiveActions = isClickable ? void 0 : actions;
+  const clickableClasses = isClickable ? "cursor-pointer transition-opacity hover:opacity-90 active:opacity-80 outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:ring-offset-2" : "";
+  const handleKeyDown = isClickable ? (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      onClick == null ? void 0 : onClick();
+    }
+  } : void 0;
+  const interactiveProps = isClickable ? {
+    role: "button",
+    tabIndex: 0,
+    onClick,
+    onKeyDown: handleKeyDown
+  } : {};
+  const body = /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex-1", children: [
+    title ? /* @__PURE__ */ jsx9("p", { className: "m-0 text-sm font-bold leading-snug text-on-prominent [&>b]:text-primary", children: title }) : null,
+    description ? /* @__PURE__ */ jsx9("p", { className: "m-0 mt-0.5 text-xs font-medium leading-snug text-on-subtle", children: description }) : null
+  ] });
+  const closeButton = showCloseButton ? /* @__PURE__ */ jsx9(
+    "button",
+    {
+      type: "button",
+      onClick: (e) => {
+        e.stopPropagation();
+        onDismiss == null ? void 0 : onDismiss();
+      },
+      "aria-label": dismissLabel,
+      className: "inline-flex size-8 shrink-0 items-center justify-center rounded-xs cursor-pointer text-on-subtle outline-none transition-colors hover:bg-secondary-hover hover:text-on-prominent focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [&_svg]:size-4 [&_svg]:pointer-events-none",
+      children: /* @__PURE__ */ jsx9(X2, {})
+    }
+  ) : null;
+  const iconColumn = showIcon ? /* @__PURE__ */ jsx9("div", { "aria-hidden": true, className: "inline-flex shrink-0 translate-y-px", children: resolvedIcon }) : null;
+  if (isInline) {
+    const hasAction = Boolean(effectiveAction);
+    const rowTemplate = hasAction ? "grid-rows-[auto_auto] gap-y-3 sm:grid-rows-1 sm:gap-y-0" : "grid-rows-1 gap-y-0";
+    return /* @__PURE__ */ jsxs6(
+      "div",
+      __spreadProps(__spreadValues(__spreadValues({
+        "data-slot": "banner",
+        "data-layout": "inline",
+        "data-clickable": isClickable ? "true" : void 0,
+        className: cn(
+          "grid grid-cols-[auto_1fr_auto] items-center gap-x-4 sm:grid-cols-[auto_1fr_auto_auto]",
+          rowTemplate,
+          SURFACE_CLASSES,
+          clickableClasses,
+          className
+        )
+      }, interactiveProps), props), {
+        children: [
+          /* @__PURE__ */ jsx9("div", { className: "col-start-1 row-start-1", children: iconColumn }),
+          /* @__PURE__ */ jsx9("div", { className: "col-start-2 row-start-1 min-w-0", children: body }),
+          /* @__PURE__ */ jsx9("div", { className: "col-start-3 row-start-1 sm:col-start-4", children: closeButton }),
+          hasAction ? /* @__PURE__ */ jsx9("div", { className: "col-start-2 row-start-2 justify-self-start sm:col-start-3 sm:row-start-1 sm:self-center sm:justify-self-end", children: wrapAction2(effectiveAction) }) : null
+        ]
+      })
+    );
+  }
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    __spreadProps(__spreadValues(__spreadValues({
+      "data-slot": "banner",
+      "data-layout": "card",
+      "data-clickable": isClickable ? "true" : void 0,
+      className: cn(
+        "grid grid-cols-[auto_1fr_auto] grid-rows-[auto_auto] items-center gap-x-4 gap-y-3",
+        SURFACE_CLASSES,
+        clickableClasses,
+        className
+      )
+    }, interactiveProps), props), {
+      children: [
+        /* @__PURE__ */ jsx9("div", { className: "col-start-1 row-start-1", children: iconColumn }),
+        /* @__PURE__ */ jsx9("div", { className: "col-start-2 row-start-1 min-w-0", children: body }),
+        /* @__PURE__ */ jsx9("div", { className: "col-start-3 row-start-1", children: closeButton }),
+        effectiveActions && effectiveActions.length > 0 ? /* @__PURE__ */ jsx9("div", { className: "col-span-3 col-start-2 row-start-2 flex flex-wrap items-center justify-start gap-2", children: effectiveActions.slice(0, 2).map((node, i) => /* @__PURE__ */ jsx9(React2.Fragment, { children: wrapAction2(node) }, i)) }) : null
+      ]
+    })
+  );
+}
+function wrapAction2(node) {
+  if (React2.isValidElement(node)) return node;
+  return /* @__PURE__ */ jsx9(Button, { variant: "secondary", size: "sm", children: node });
+}
+
 // components/ui/breadcrumb.tsx
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import { Slot as Slot3 } from "radix-ui";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function Breadcrumb(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx9("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
+  return /* @__PURE__ */ jsx10("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
 }
 function BreadcrumbList(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "ol",
     __spreadValues({
       "data-slot": "breadcrumb-list",
@@ -840,7 +997,7 @@ function BreadcrumbList(_a) {
 }
 function BreadcrumbItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "li",
     __spreadValues({
       "data-slot": "breadcrumb-item",
@@ -857,7 +1014,7 @@ function BreadcrumbLink(_a) {
     "className"
   ]);
   const Comp = asChild ? Slot3.Root : "a";
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     Comp,
     __spreadValues({
       "data-slot": "breadcrumb-link",
@@ -867,7 +1024,7 @@ function BreadcrumbLink(_a) {
 }
 function BreadcrumbPage(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "span",
     __spreadValues({
       "data-slot": "breadcrumb-page",
@@ -886,7 +1043,7 @@ function BreadcrumbSeparator(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "li",
     __spreadProps(__spreadValues({
       "data-slot": "breadcrumb-separator",
@@ -894,7 +1051,7 @@ function BreadcrumbSeparator(_a) {
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className)
     }, props), {
-      children: children != null ? children : /* @__PURE__ */ jsx9(ChevronRight, {})
+      children: children != null ? children : /* @__PURE__ */ jsx10(ChevronRight, {})
     })
   );
 }
@@ -904,7 +1061,7 @@ function BreadcrumbEllipsis(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "span",
     __spreadProps(__spreadValues({
       "data-slot": "breadcrumb-ellipsis",
@@ -913,15 +1070,15 @@ function BreadcrumbEllipsis(_a) {
       className: cn("flex size-9 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx9(MoreHorizontal, { className: "size-4" }),
-        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ jsx10(MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "More" })
       ]
     })
   );
 }
 
 // components/ui/calendar.tsx
-import * as React2 from "react";
+import * as React3 from "react";
 import {
   ChevronDownIcon as ChevronDownIcon2,
   ChevronLeftIcon,
@@ -931,7 +1088,7 @@ import {
   DayPicker,
   getDefaultClassNames
 } from "react-day-picker";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Calendar(_a) {
   var _b = _a, {
     className,
@@ -951,7 +1108,7 @@ function Calendar(_a) {
     "components"
   ]);
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     DayPicker,
     __spreadValues({
       showOutsideDays,
@@ -1050,7 +1207,7 @@ function Calendar(_a) {
       components: __spreadValues({
         Root: (_a2) => {
           var _b2 = _a2, { className: className2, rootRef } = _b2, props2 = __objRest(_b2, ["className", "rootRef"]);
-          return /* @__PURE__ */ jsx10(
+          return /* @__PURE__ */ jsx11(
             "div",
             __spreadValues({
               "data-slot": "calendar",
@@ -1062,22 +1219,22 @@ function Calendar(_a) {
         Chevron: (_c) => {
           var _d = _c, { className: className2, orientation } = _d, props2 = __objRest(_d, ["className", "orientation"]);
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx10(ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+            return /* @__PURE__ */ jsx11(ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx10(
+            return /* @__PURE__ */ jsx11(
               ChevronRightIcon,
               __spreadValues({
                 className: cn("size-4", className2)
               }, props2)
             );
           }
-          return /* @__PURE__ */ jsx10(ChevronDownIcon2, __spreadValues({ className: cn("size-4", className2) }, props2));
+          return /* @__PURE__ */ jsx11(ChevronDownIcon2, __spreadValues({ className: cn("size-4", className2) }, props2));
         },
         DayButton: CalendarDayButton,
         WeekNumber: (_e) => {
           var _f = _e, { children } = _f, props2 = __objRest(_f, ["children"]);
-          return /* @__PURE__ */ jsx10("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsx10("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
+          return /* @__PURE__ */ jsx11("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsx11("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
         }
       }, components)
     }, props)
@@ -1094,12 +1251,12 @@ function CalendarDayButton(_a) {
     "modifiers"
   ]);
   const defaultClassNames = getDefaultClassNames();
-  const ref = React2.useRef(null);
-  React2.useEffect(() => {
+  const ref = React3.useRef(null);
+  React3.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     Button,
     __spreadValues({
       ref,
@@ -1121,10 +1278,10 @@ function CalendarDayButton(_a) {
 }
 
 // components/ui/card.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function Card(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "card",
@@ -1137,7 +1294,7 @@ function Card(_a) {
 }
 function CardHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "card-header",
@@ -1150,7 +1307,7 @@ function CardHeader(_a) {
 }
 function CardTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "card-title",
@@ -1160,7 +1317,7 @@ function CardTitle(_a) {
 }
 function CardDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "card-description",
@@ -1170,7 +1327,7 @@ function CardDescription(_a) {
 }
 function CardAction(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "card-action",
@@ -1183,7 +1340,7 @@ function CardAction(_a) {
 }
 function CardContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "card-content",
@@ -1193,7 +1350,7 @@ function CardContent(_a) {
 }
 function CardFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "card-footer",
@@ -1203,13 +1360,13 @@ function CardFooter(_a) {
 }
 
 // components/ui/carousel.tsx
-import * as React3 from "react";
+import * as React4 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
-var CarouselContext = React3.createContext(null);
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+var CarouselContext = React4.createContext(null);
 function useCarousel() {
-  const context = React3.useContext(CarouselContext);
+  const context = React4.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -1237,20 +1394,20 @@ function Carousel(_a) {
     }),
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React3.useState(false);
-  const [canScrollNext, setCanScrollNext] = React3.useState(false);
-  const onSelect = React3.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React4.useState(false);
+  const [canScrollNext, setCanScrollNext] = React4.useState(false);
+  const onSelect = React4.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React3.useCallback(() => {
+  const scrollPrev = React4.useCallback(() => {
     api == null ? void 0 : api.scrollPrev();
   }, [api]);
-  const scrollNext = React3.useCallback(() => {
+  const scrollNext = React4.useCallback(() => {
     api == null ? void 0 : api.scrollNext();
   }, [api]);
-  const handleKeyDown = React3.useCallback(
+  const handleKeyDown = React4.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -1262,11 +1419,11 @@ function Carousel(_a) {
     },
     [scrollPrev, scrollNext]
   );
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -1275,7 +1432,7 @@ function Carousel(_a) {
       api == null ? void 0 : api.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     CarouselContext.Provider,
     {
       value: {
@@ -1288,7 +1445,7 @@ function Carousel(_a) {
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx12(
+      children: /* @__PURE__ */ jsx13(
         "div",
         __spreadProps(__spreadValues({
           onKeyDownCapture: handleKeyDown,
@@ -1306,13 +1463,13 @@ function Carousel(_a) {
 function CarouselContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       ref: carouselRef,
       className: "overflow-hidden",
       "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsx12(
+      children: /* @__PURE__ */ jsx13(
         "div",
         __spreadValues({
           className: cn(
@@ -1328,7 +1485,7 @@ function CarouselContent(_a) {
 function CarouselItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     __spreadValues({
       role: "group",
@@ -1353,7 +1510,7 @@ function CarouselPrevious(_a) {
     "size"
   ]);
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     Button,
     __spreadProps(__spreadValues({
       "data-slot": "carousel-previous",
@@ -1368,8 +1525,8 @@ function CarouselPrevious(_a) {
       onClick: scrollPrev
     }, props), {
       children: [
-        /* @__PURE__ */ jsx12(ArrowLeft, {}),
-        /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx13(ArrowLeft, {}),
+        /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Previous slide" })
       ]
     })
   );
@@ -1385,7 +1542,7 @@ function CarouselNext(_a) {
     "size"
   ]);
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     Button,
     __spreadProps(__spreadValues({
       "data-slot": "carousel-next",
@@ -1400,21 +1557,21 @@ function CarouselNext(_a) {
       onClick: scrollNext
     }, props), {
       children: [
-        /* @__PURE__ */ jsx12(ArrowRight, {}),
-        /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx13(ArrowRight, {}),
+        /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Next slide" })
       ]
     })
   );
 }
 
 // components/ui/chart.tsx
-import * as React4 from "react";
+import * as React5 from "react";
 import * as RechartsPrimitive from "recharts";
-import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 var THEMES = { light: "" };
-var ChartContext = React4.createContext(null);
+var ChartContext = React5.createContext(null);
 function useChart() {
-  const context = React4.useContext(ChartContext);
+  const context = React5.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -1432,9 +1589,9 @@ function ChartContainer(_a) {
     "children",
     "config"
   ]);
-  const uniqueId = React4.useId();
+  const uniqueId = React5.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx13(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx14(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs9(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "chart",
@@ -1445,8 +1602,8 @@ function ChartContainer(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx13(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx13(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ jsx14(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx14(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     })
   ) });
@@ -1458,7 +1615,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -1494,7 +1651,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React4.useMemo(() => {
+  const tooltipLabel = React5.useMemo(() => {
     var _a;
     if (hideLabel || !(payload == null ? void 0 : payload.length)) {
       return null;
@@ -1504,12 +1661,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__ */ jsx13("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+      return /* @__PURE__ */ jsx14("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
     }
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ jsx13("div", { className: cn("font-medium", labelClassName), children: value });
+    return /* @__PURE__ */ jsx14("div", { className: cn("font-medium", labelClassName), children: value });
   }, [
     label,
     labelFormatter,
@@ -1523,7 +1680,7 @@ function ChartTooltipContent({
     return null;
   }
   const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: cn(
@@ -1532,19 +1689,19 @@ function ChartTooltipContent({
       ),
       children: [
         !nestLabel ? tooltipLabel : null,
-        /* @__PURE__ */ jsx13("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+        /* @__PURE__ */ jsx14("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__ */ jsx13(
+          return /* @__PURE__ */ jsx14(
             "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__ */ jsxs8(Fragment3, { children: [
-                (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx13(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx13(
+              children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs9(Fragment4, { children: [
+                (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx14(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx14(
                   "div",
                   {
                     className: cn(
@@ -1562,7 +1719,7 @@ function ChartTooltipContent({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxs8(
+                /* @__PURE__ */ jsxs9(
                   "div",
                   {
                     className: cn(
@@ -1570,11 +1727,11 @@ function ChartTooltipContent({
                       nestLabel ? "items-end" : "items-center"
                     ),
                     children: [
-                      /* @__PURE__ */ jsxs8("div", { className: "grid gap-1.5", children: [
+                      /* @__PURE__ */ jsxs9("div", { className: "grid gap-1.5", children: [
                         nestLabel ? tooltipLabel : null,
-                        /* @__PURE__ */ jsx13("span", { className: "text-on-subtle", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
+                        /* @__PURE__ */ jsx14("span", { className: "text-on-subtle", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
                       ] }),
-                      item.value && /* @__PURE__ */ jsx13("span", { className: "font-mono font-medium text-on-prominent tabular-nums", children: item.value.toLocaleString() })
+                      item.value && /* @__PURE__ */ jsx14("span", { className: "font-mono font-medium text-on-prominent tabular-nums", children: item.value.toLocaleString() })
                     ]
                   }
                 )
@@ -1599,7 +1756,7 @@ function ChartLegendContent({
   if (!(payload == null ? void 0 : payload.length)) {
     return null;
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       className: cn(
@@ -1610,14 +1767,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__ */ jsxs8(
+        return /* @__PURE__ */ jsxs9(
           "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__ */ jsx13(itemConfig.icon, {}) : /* @__PURE__ */ jsx13(
+              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsx14(itemConfig.icon, {}) : /* @__PURE__ */ jsx14(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -1652,14 +1809,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 jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function Checkbox(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     CheckboxPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "checkbox",
@@ -1668,12 +1825,12 @@ function Checkbox(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx14(
+      children: /* @__PURE__ */ jsx15(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsx14(CheckIcon, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx15(CheckIcon, { className: "size-3.5" })
         }
       )
     })
@@ -1682,14 +1839,14 @@ function Checkbox(_a) {
 
 // components/ui/collapsible.tsx
 import { Collapsible as CollapsiblePrimitive } from "radix-ui";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function Collapsible(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx15(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
+  return /* @__PURE__ */ jsx16(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
 }
 function CollapsibleTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     CollapsiblePrimitive.CollapsibleTrigger,
     __spreadValues({
       "data-slot": "collapsible-trigger"
@@ -1698,7 +1855,7 @@ function CollapsibleTrigger(_a) {
 }
 function CollapsibleContent(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     CollapsiblePrimitive.CollapsibleContent,
     __spreadValues({
       "data-slot": "collapsible-content"
@@ -1707,17 +1864,17 @@ function CollapsibleContent(_a) {
 }
 
 // components/ui/combobox.tsx
-import * as React6 from "react";
+import * as React7 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 * as React5 from "react";
+import * as React6 from "react";
 import { cva as cva5 } from "class-variance-authority";
 
 // components/ui/input.tsx
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var inputVariants = cva4(
   [
     "w-full min-w-0 rounded-sm border border-border-subtle bg-white/5",
@@ -1751,7 +1908,7 @@ function Input(_a) {
     "type",
     "size"
   ]);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "input",
     __spreadValues({
       type,
@@ -1763,10 +1920,10 @@ function Input(_a) {
 }
 
 // components/ui/textarea.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function Textarea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "textarea",
     __spreadValues({
       "data-slot": "textarea",
@@ -1779,8 +1936,8 @@ function Textarea(_a) {
 }
 
 // components/ui/input-group.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-var InputGroupSizeContext = React5.createContext("md");
+import { jsx as jsx19 } from "react/jsx-runtime";
+var InputGroupSizeContext = React6.createContext("md");
 var inputGroupVariants = cva5(
   [
     "group/input-group relative flex w-full items-center rounded-sm border border-border-subtle bg-white/5",
@@ -1818,7 +1975,7 @@ function InputGroup(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsx18(InputGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(InputGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx19(
     "div",
     __spreadValues({
       "data-slot": "input-group",
@@ -1863,7 +2020,7 @@ function InputGroupAddon(_a) {
     "className",
     "align"
   ]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     __spreadValues({
       role: "group",
@@ -1908,7 +2065,7 @@ function InputGroupButton(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Button,
     __spreadValues({
       type,
@@ -1920,7 +2077,7 @@ function InputGroupButton(_a) {
 }
 function InputGroupText(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "span",
     __spreadValues({
       className: cn(
@@ -1942,9 +2099,9 @@ function InputGroupInput(_a) {
     "className",
     "size"
   ]);
-  const groupSize = React5.useContext(InputGroupSizeContext);
+  const groupSize = React6.useContext(InputGroupSizeContext);
   const size = sizeProp != null ? sizeProp : groupSize;
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Input,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -1962,7 +2119,7 @@ function InputGroupTextarea(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Textarea,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -1975,11 +2132,11 @@ function InputGroupTextarea(_a) {
 }
 
 // components/ui/combobox.tsx
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 var Combobox = ComboboxPrimitive.Root;
 function ComboboxValue(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx19(ComboboxPrimitive.Value, __spreadValues({ "data-slot": "combobox-value" }, props));
+  return /* @__PURE__ */ jsx20(ComboboxPrimitive.Value, __spreadValues({ "data-slot": "combobox-value" }, props));
 }
 function ComboboxTrigger(_a) {
   var _b = _a, {
@@ -1989,7 +2146,7 @@ function ComboboxTrigger(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     ComboboxPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-trigger",
@@ -1997,7 +2154,7 @@ function ComboboxTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           ChevronDownIcon3,
           {
             "data-slot": "combobox-trigger-icon",
@@ -2010,14 +2167,14 @@ function ComboboxTrigger(_a) {
 }
 function ComboboxClear(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.Clear,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-clear",
-      render: /* @__PURE__ */ jsx19(InputGroupButton, { variant: "secondary", size: "icon-xs" }),
+      render: /* @__PURE__ */ jsx20(InputGroupButton, { variant: "secondary", size: "icon-xs" }),
       className: cn(className)
     }, props), {
-      children: /* @__PURE__ */ jsx19(XIcon, { className: "pointer-events-none" })
+      children: /* @__PURE__ */ jsx20(XIcon, { className: "pointer-events-none" })
     })
   );
 }
@@ -2035,15 +2192,15 @@ function ComboboxInput(_a) {
     "showTrigger",
     "showClear"
   ]);
-  return /* @__PURE__ */ jsxs9(InputGroup, { className: cn("w-auto", className), children: [
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs10(InputGroup, { className: cn("w-auto", className), children: [
+    /* @__PURE__ */ jsx20(
       ComboboxPrimitive.Input,
       __spreadValues({
-        render: /* @__PURE__ */ jsx19(InputGroupInput, { disabled })
+        render: /* @__PURE__ */ jsx20(InputGroupInput, { disabled })
       }, props)
     ),
-    /* @__PURE__ */ jsxs9(InputGroupAddon, { align: "inline-end", children: [
-      showTrigger && /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsxs10(InputGroupAddon, { align: "inline-end", children: [
+      showTrigger && /* @__PURE__ */ jsx20(
         InputGroupButton,
         {
           size: "icon-xs",
@@ -2052,10 +2209,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__ */ jsx19(ComboboxTrigger, {})
+          children: /* @__PURE__ */ jsx20(ComboboxTrigger, {})
         }
       ),
-      showClear && /* @__PURE__ */ jsx19(ComboboxClear, { disabled })
+      showClear && /* @__PURE__ */ jsx20(ComboboxClear, { disabled })
     ] }),
     children
   ] });
@@ -2076,7 +2233,7 @@ function ComboboxContent(_a) {
     "alignOffset",
     "anchor"
   ]);
-  return /* @__PURE__ */ jsx19(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx20(
     ComboboxPrimitive.Positioner,
     {
       side,
@@ -2085,7 +2242,7 @@ function ComboboxContent(_a) {
       alignOffset,
       anchor,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx19(
+      children: /* @__PURE__ */ jsx20(
         ComboboxPrimitive.Popup,
         __spreadValues({
           "data-slot": "combobox-content",
@@ -2101,7 +2258,7 @@ function ComboboxContent(_a) {
 }
 function ComboboxList(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.List,
     __spreadValues({
       "data-slot": "combobox-list",
@@ -2120,7 +2277,7 @@ function ComboboxItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     ComboboxPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-item",
@@ -2131,12 +2288,12 @@ function ComboboxItem(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           ComboboxPrimitive.ItemIndicator,
           {
             "data-slot": "combobox-item-indicator",
-            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" })
+            render: /* @__PURE__ */ jsx20("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ jsx20(CheckIcon2, { className: "pointer-events-none size-4 pointer-coarse:size-5" })
           }
         )
       ]
@@ -2145,7 +2302,7 @@ function ComboboxItem(_a) {
 }
 function ComboboxGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.Group,
     __spreadValues({
       "data-slot": "combobox-group",
@@ -2159,7 +2316,7 @@ function ComboboxLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.GroupLabel,
     __spreadValues({
       "data-slot": "combobox-label",
@@ -2172,11 +2329,11 @@ function ComboboxLabel(_a) {
 }
 function ComboboxCollection(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx19(ComboboxPrimitive.Collection, __spreadValues({ "data-slot": "combobox-collection" }, props));
+  return /* @__PURE__ */ jsx20(ComboboxPrimitive.Collection, __spreadValues({ "data-slot": "combobox-collection" }, props));
 }
 function ComboboxEmpty(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.Empty,
     __spreadValues({
       "data-slot": "combobox-empty",
@@ -2193,7 +2350,7 @@ function ComboboxSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.Separator,
     __spreadValues({
       "data-slot": "combobox-separator",
@@ -2207,7 +2364,7 @@ function ComboboxChips(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.Chips,
     __spreadValues({
       "data-slot": "combobox-chips",
@@ -2228,7 +2385,7 @@ function ComboboxChip(_a) {
     "children",
     "showRemove"
   ]);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     ComboboxPrimitive.Chip,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-chip",
@@ -2239,13 +2396,13 @@ function ComboboxChip(_a) {
     }, props), {
       children: [
         children,
-        showRemove && /* @__PURE__ */ jsx19(
+        showRemove && /* @__PURE__ */ jsx20(
           ComboboxPrimitive.ChipRemove,
           {
-            render: /* @__PURE__ */ jsx19(Button, { variant: "secondary", size: "icon-xs" }),
+            render: /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "icon-xs" }),
             className: "-ml-1 opacity-50 hover:opacity-100",
             "data-slot": "combobox-chip-remove",
-            children: /* @__PURE__ */ jsx19(XIcon, { className: "pointer-events-none" })
+            children: /* @__PURE__ */ jsx20(XIcon, { className: "pointer-events-none" })
           }
         )
       ]
@@ -2260,7 +2417,7 @@ function ComboboxChipsInput(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.Input,
     __spreadValues({
       "data-slot": "combobox-chip-input",
@@ -2269,7 +2426,7 @@ function ComboboxChipsInput(_a) {
   );
 }
 function useComboboxAnchor() {
-  return React6.useRef(null);
+  return React7.useRef(null);
 }
 
 // components/ui/command.tsx
@@ -2279,22 +2436,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 jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 function Dialog(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx20(DialogPrimitive.Root, __spreadValues({ "data-slot": "dialog" }, props));
+  return /* @__PURE__ */ jsx21(DialogPrimitive.Root, __spreadValues({ "data-slot": "dialog" }, props));
 }
 function DialogTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx20(DialogPrimitive.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
+  return /* @__PURE__ */ jsx21(DialogPrimitive.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
 }
 function DialogPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx20(DialogPrimitive.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+  return /* @__PURE__ */ jsx21(DialogPrimitive.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
 }
 function DialogClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx20(DialogPrimitive.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
+  return /* @__PURE__ */ jsx21(DialogPrimitive.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
 }
 function DialogOverlay(_a) {
   var _b = _a, {
@@ -2302,7 +2459,7 @@ function DialogOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     DialogPrimitive.Overlay,
     __spreadValues({
       "data-slot": "dialog-overlay",
@@ -2323,9 +2480,9 @@ function DialogContent(_a) {
     "children",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs10(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx20(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx21(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs11(
       DialogPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "dialog-content",
@@ -2336,14 +2493,14 @@ function DialogContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs10(
+          showCloseButton && /* @__PURE__ */ jsxs11(
             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__ */ jsx20(XIcon2, {}),
-                /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx21(XIcon2, {}),
+                /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -2354,7 +2511,7 @@ function DialogContent(_a) {
 }
 function DialogHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "div",
     __spreadValues({
       "data-slot": "dialog-header",
@@ -2372,7 +2529,7 @@ function DialogFooter(_a) {
     "showCloseButton",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "dialog-footer",
@@ -2383,7 +2540,7 @@ function DialogFooter(_a) {
     }, props), {
       children: [
         children,
-        showCloseButton && /* @__PURE__ */ jsx20(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "md", children: "Close" }) })
+        showCloseButton && /* @__PURE__ */ jsx21(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx21(Button, { variant: "secondary", size: "md", children: "Close" }) })
       ]
     })
   );
@@ -2394,7 +2551,7 @@ function DialogTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     DialogPrimitive.Title,
     __spreadValues({
       "data-slot": "dialog-title",
@@ -2408,7 +2565,7 @@ function DialogDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     DialogPrimitive.Description,
     __spreadValues({
       "data-slot": "dialog-description",
@@ -2418,14 +2575,14 @@ function DialogDescription(_a) {
 }
 
 // components/ui/command.tsx
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
 function Command(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive,
     __spreadValues({
       "data-slot": "command",
@@ -2450,17 +2607,17 @@ function CommandDialog(_a) {
     "className",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs11(Dialog, __spreadProps(__spreadValues({}, props), { children: [
-    /* @__PURE__ */ jsxs11(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsx21(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx21(DialogDescription, { children: description })
+  return /* @__PURE__ */ jsxs12(Dialog, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsxs12(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx22(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx22(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(
       DialogContent,
       {
         className: cn("overflow-hidden p-0", className),
         showCloseButton,
-        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 })
+        children: /* @__PURE__ */ jsx22(Command, { className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-on-subtle [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
       }
     )
   ] }));
@@ -2471,14 +2628,14 @@ function CommandInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ jsx21(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx22(
           CommandPrimitive.Input,
           __spreadValues({
             "data-slot": "command-input",
@@ -2498,7 +2655,7 @@ function CommandList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.List,
     __spreadValues({
       "data-slot": "command-list",
@@ -2511,7 +2668,7 @@ function CommandList(_a) {
 }
 function CommandEmpty(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.Empty,
     __spreadValues({
       "data-slot": "command-empty",
@@ -2525,7 +2682,7 @@ function CommandGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.Group,
     __spreadValues({
       "data-slot": "command-group",
@@ -2542,7 +2699,7 @@ function CommandSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.Separator,
     __spreadValues({
       "data-slot": "command-separator",
@@ -2556,7 +2713,7 @@ function CommandItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.Item,
     __spreadValues({
       "data-slot": "command-item",
@@ -2573,7 +2730,7 @@ function CommandShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "span",
     __spreadValues({
       "data-slot": "command-shortcut",
@@ -2588,30 +2745,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 jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 function ContextMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Root, __spreadValues({ "data-slot": "context-menu" }, props));
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Root, __spreadValues({ "data-slot": "context-menu" }, props));
 }
 function ContextMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Trigger, __spreadValues({ "data-slot": "context-menu-trigger" }, props));
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Trigger, __spreadValues({ "data-slot": "context-menu-trigger" }, props));
 }
 function ContextMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Group, __spreadValues({ "data-slot": "context-menu-group" }, props));
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Group, __spreadValues({ "data-slot": "context-menu-group" }, props));
 }
 function ContextMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Portal, __spreadValues({ "data-slot": "context-menu-portal" }, props));
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Portal, __spreadValues({ "data-slot": "context-menu-portal" }, props));
 }
 function ContextMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Sub, __spreadValues({ "data-slot": "context-menu-sub" }, props));
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Sub, __spreadValues({ "data-slot": "context-menu-sub" }, props));
 }
 function ContextMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.RadioGroup,
     __spreadValues({
       "data-slot": "context-menu-radio-group"
@@ -2628,7 +2785,7 @@ function ContextMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     ContextMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-sub-trigger",
@@ -2640,7 +2797,7 @@ function ContextMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx22(ChevronRightIcon2, { className: "ml-auto" })
+        /* @__PURE__ */ jsx23(ChevronRightIcon2, { className: "ml-auto" })
       ]
     })
   );
@@ -2651,7 +2808,7 @@ function ContextMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.SubContent,
     __spreadValues({
       "data-slot": "context-menu-sub-content",
@@ -2668,7 +2825,7 @@ function ContextMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "context-menu-content",
@@ -2689,7 +2846,7 @@ function ContextMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "context-menu-item",
@@ -2712,7 +2869,7 @@ function ContextMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     ContextMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-checkbox-item",
@@ -2723,7 +2880,7 @@ function ContextMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__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" }) }) }),
+        /* @__PURE__ */ jsx23("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(CheckIcon3, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -2737,7 +2894,7 @@ function ContextMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     ContextMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-radio-item",
@@ -2747,7 +2904,7 @@ function ContextMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__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" }) }) }),
+        /* @__PURE__ */ jsx23("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -2761,7 +2918,7 @@ function ContextMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.Label,
     __spreadValues({
       "data-slot": "context-menu-label",
@@ -2779,7 +2936,7 @@ function ContextMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.Separator,
     __spreadValues({
       "data-slot": "context-menu-separator",
@@ -2793,7 +2950,7 @@ function ContextMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "span",
     __spreadValues({
       "data-slot": "context-menu-shortcut",
@@ -2807,34 +2964,34 @@ function ContextMenuShortcut(_a) {
 
 // components/ui/direction.tsx
 import { Direction } from "radix-ui";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function DirectionProvider({
   dir,
   direction,
   children
 }) {
-  return /* @__PURE__ */ jsx23(Direction.DirectionProvider, { dir: direction != null ? direction : dir, children });
+  return /* @__PURE__ */ jsx24(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 jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 function Drawer(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
+  return /* @__PURE__ */ jsx25(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
 }
 function DrawerTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
+  return /* @__PURE__ */ jsx25(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
 }
 function DrawerPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
+  return /* @__PURE__ */ jsx25(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
 }
 function DrawerClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
+  return /* @__PURE__ */ jsx25(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
 }
 function DrawerOverlay(_a) {
   var _b = _a, {
@@ -2842,7 +2999,7 @@ function DrawerOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DrawerPrimitive.Overlay,
     __spreadValues({
       "data-slot": "drawer-overlay",
@@ -2861,9 +3018,9 @@ function DrawerContent(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs13(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ jsx24(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsx25(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs14(
       DrawerPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "drawer-content",
@@ -2877,7 +3034,7 @@ function DrawerContent(_a) {
         )
       }, props), {
         children: [
-          /* @__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" }),
+          /* @__PURE__ */ jsx25("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-subtle group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       })
@@ -2886,7 +3043,7 @@ function DrawerContent(_a) {
 }
 function DrawerHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     __spreadValues({
       "data-slot": "drawer-header",
@@ -2899,7 +3056,7 @@ function DrawerHeader(_a) {
 }
 function DrawerFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     __spreadValues({
       "data-slot": "drawer-footer",
@@ -2913,7 +3070,7 @@ function DrawerTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DrawerPrimitive.Title,
     __spreadValues({
       "data-slot": "drawer-title",
@@ -2927,7 +3084,7 @@ function DrawerDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DrawerPrimitive.Description,
     __spreadValues({
       "data-slot": "drawer-description",
@@ -2939,18 +3096,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 jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
 }
 function DropdownMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
 }
 function DropdownMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DropdownMenuPrimitive.Trigger,
     __spreadValues({
       "data-slot": "dropdown-menu-trigger"
@@ -2965,7 +3122,7 @@ function DropdownMenuContent(_a) {
     "className",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx26(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "dropdown-menu-content",
@@ -2979,7 +3136,7 @@ function DropdownMenuContent(_a) {
 }
 function DropdownMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
 }
 function DropdownMenuItem(_a) {
   var _b = _a, {
@@ -2991,7 +3148,7 @@ function DropdownMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "dropdown-menu-item",
@@ -3014,7 +3171,7 @@ function DropdownMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     DropdownMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-checkbox-item",
@@ -3025,7 +3182,7 @@ function DropdownMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__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" }) }) }),
+        /* @__PURE__ */ jsx26("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(CheckIcon4, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -3033,7 +3190,7 @@ function DropdownMenuCheckboxItem(_a) {
 }
 function DropdownMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DropdownMenuPrimitive.RadioGroup,
     __spreadValues({
       "data-slot": "dropdown-menu-radio-group"
@@ -3048,7 +3205,7 @@ function DropdownMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     DropdownMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-radio-item",
@@ -3058,7 +3215,7 @@ function DropdownMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__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" }) }) }),
+        /* @__PURE__ */ jsx26("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(CircleIcon2, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -3072,7 +3229,7 @@ function DropdownMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DropdownMenuPrimitive.Label,
     __spreadValues({
       "data-slot": "dropdown-menu-label",
@@ -3090,7 +3247,7 @@ function DropdownMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       "data-slot": "dropdown-menu-separator",
@@ -3104,7 +3261,7 @@ function DropdownMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "span",
     __spreadValues({
       "data-slot": "dropdown-menu-shortcut",
@@ -3117,7 +3274,7 @@ function DropdownMenuShortcut(_a) {
 }
 function DropdownMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
 }
 function DropdownMenuSubTrigger(_a) {
   var _b = _a, {
@@ -3129,7 +3286,7 @@ function DropdownMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     DropdownMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-sub-trigger",
@@ -3141,7 +3298,7 @@ function DropdownMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx25(ChevronRightIcon3, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx26(ChevronRightIcon3, { className: "ml-auto size-4" })
       ]
     })
   );
@@ -3152,7 +3309,7 @@ function DropdownMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DropdownMenuPrimitive.SubContent,
     __spreadValues({
       "data-slot": "dropdown-menu-sub-content",
@@ -3166,10 +3323,10 @@ function DropdownMenuSubContent(_a) {
 
 // components/ui/empty.tsx
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function Empty(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     __spreadValues({
       "data-slot": "empty",
@@ -3182,7 +3339,7 @@ function Empty(_a) {
 }
 function EmptyHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     __spreadValues({
       "data-slot": "empty-header",
@@ -3215,7 +3372,7 @@ function EmptyMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     __spreadValues({
       "data-slot": "empty-icon",
@@ -3226,7 +3383,7 @@ function EmptyMedia(_a) {
 }
 function EmptyTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     __spreadValues({
       "data-slot": "empty-title",
@@ -3236,7 +3393,7 @@ function EmptyTitle(_a) {
 }
 function EmptyDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     __spreadValues({
       "data-slot": "empty-description",
@@ -3249,7 +3406,7 @@ function EmptyDescription(_a) {
 }
 function EmptyContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     __spreadValues({
       "data-slot": "empty-content",
@@ -3267,14 +3424,14 @@ import { cva as cva7 } from "class-variance-authority";
 
 // components/ui/label.tsx
 import { Label as LabelPrimitive } from "radix-ui";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Label(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     LabelPrimitive.Root,
     __spreadValues({
       "data-slot": "label",
@@ -3288,7 +3445,7 @@ function Label(_a) {
 
 // components/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Separator(_a) {
   var _b = _a, {
     className,
@@ -3299,7 +3456,7 @@ function Separator(_a) {
     "orientation",
     "decorative"
   ]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     SeparatorPrimitive.Root,
     __spreadValues({
       "data-slot": "separator",
@@ -3314,10 +3471,10 @@ function Separator(_a) {
 }
 
 // components/ui/field.tsx
-import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
 function FieldSet(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "fieldset",
     __spreadValues({
       "data-slot": "field-set",
@@ -3337,7 +3494,7 @@ function FieldLegend(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "legend",
     __spreadValues({
       "data-slot": "field-legend",
@@ -3353,7 +3510,7 @@ function FieldLegend(_a) {
 }
 function FieldGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     __spreadValues({
       "data-slot": "field-group",
@@ -3395,7 +3552,7 @@ function Field(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     __spreadValues({
       role: "group",
@@ -3407,7 +3564,7 @@ function Field(_a) {
 }
 function FieldContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     __spreadValues({
       "data-slot": "field-content",
@@ -3424,7 +3581,7 @@ function FieldLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     Label,
     __spreadValues({
       "data-slot": "field-label",
@@ -3439,7 +3596,7 @@ function FieldLabel(_a) {
 }
 function FieldTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     __spreadValues({
       "data-slot": "field-label",
@@ -3452,7 +3609,7 @@ function FieldTitle(_a) {
 }
 function FieldDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "p",
     __spreadValues({
       "data-slot": "field-description",
@@ -3473,7 +3630,7 @@ function FieldSeparator(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "field-separator",
@@ -3484,8 +3641,8 @@ function FieldSeparator(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx29(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx30(
           "span",
           {
             className: "relative mx-auto block w-fit bg-prominent px-2 text-on-subtle",
@@ -3521,14 +3678,14 @@ function FieldError(_a) {
     if ((uniqueErrors == null ? void 0 : uniqueErrors.length) == 1) {
       return (_a2 = uniqueErrors[0]) == null ? void 0 : _a2.message;
     }
-    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)
+    return /* @__PURE__ */ jsx30("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx30("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     __spreadProps(__spreadValues({
       role: "alert",
@@ -3541,7 +3698,7 @@ function FieldError(_a) {
 }
 
 // components/ui/form.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import { Slot as Slot4 } from "radix-ui";
 import {
   Controller,
@@ -3549,18 +3706,18 @@ import {
   useFormContext,
   useFormState
 } from "react-hook-form";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React7.createContext(
+var FormFieldContext = React8.createContext(
   {}
 );
 var FormField = (_a) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx30(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx30(Controller, __spreadValues({}, props)) });
+  return /* @__PURE__ */ jsx31(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx31(Controller, __spreadValues({}, props)) });
 };
 var useFormField = () => {
-  const fieldContext = React7.useContext(FormFieldContext);
-  const itemContext = React7.useContext(FormItemContext);
+  const fieldContext = React8.useContext(FormFieldContext);
+  const itemContext = React8.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -3576,13 +3733,13 @@ var useFormField = () => {
     formMessageId: `${id}-form-item-message`
   }, fieldState);
 };
-var FormItemContext = React7.createContext(
+var FormItemContext = React8.createContext(
   {}
 );
 function FormItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const id = React7.useId();
-  return /* @__PURE__ */ jsx30(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx30(
+  const id = React8.useId();
+  return /* @__PURE__ */ jsx31(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx31(
     "div",
     __spreadValues({
       "data-slot": "form-item",
@@ -3597,7 +3754,7 @@ function FormLabel(_a) {
     "className"
   ]);
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     Label,
     __spreadValues({
       "data-slot": "form-label",
@@ -3610,7 +3767,7 @@ function FormLabel(_a) {
 function FormControl(_a) {
   var props = __objRest(_a, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     Slot4.Root,
     __spreadValues({
       "data-slot": "form-control",
@@ -3623,7 +3780,7 @@ function FormControl(_a) {
 function FormDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "p",
     __spreadValues({
       "data-slot": "form-description",
@@ -3640,7 +3797,7 @@ function FormMessage(_a) {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "p",
     __spreadProps(__spreadValues({
       "data-slot": "form-message",
@@ -3654,14 +3811,14 @@ function FormMessage(_a) {
 
 // components/ui/hover-card.tsx
 import { HoverCard as HoverCardPrimitive } from "radix-ui";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function HoverCard(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx31(HoverCardPrimitive.Root, __spreadValues({ "data-slot": "hover-card" }, props));
+  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Root, __spreadValues({ "data-slot": "hover-card" }, props));
 }
 function HoverCardTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx31(HoverCardPrimitive.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
+  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
 }
 function HoverCardContent(_a) {
   var _b = _a, {
@@ -3673,7 +3830,7 @@ function HoverCardContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx31(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx32(
     HoverCardPrimitive.Content,
     __spreadValues({
       "data-slot": "hover-card-content",
@@ -3688,10 +3845,10 @@ function HoverCardContent(_a) {
 }
 
 // components/ui/input-otp.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
 function InputOTP(_a) {
   var _b = _a, {
     className,
@@ -3700,7 +3857,7 @@ function InputOTP(_a) {
     "className",
     "containerClassName"
   ]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     OTPInput,
     __spreadValues({
       "data-slot": "input-otp",
@@ -3714,7 +3871,7 @@ function InputOTP(_a) {
 }
 function InputOTPGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     __spreadValues({
       "data-slot": "input-otp-group",
@@ -3731,9 +3888,9 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React8.useContext(OTPInputContext);
+  const inputOTPContext = React9.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) != null ? _a2 : {};
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "input-otp-slot",
@@ -3745,23 +3902,23 @@ function InputOTPSlot(_a) {
     }, props), {
       children: [
         char,
-        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" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx33("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx33("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     })
   );
 }
 function InputOTPSeparator(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx32("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx32(MinusIcon, {}) }));
+  return /* @__PURE__ */ jsx33("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx33(MinusIcon, {}) }));
 }
 
 // components/ui/item.tsx
 import { cva as cva8 } from "class-variance-authority";
 import { Slot as Slot5 } from "radix-ui";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function ItemGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       role: "list",
@@ -3776,7 +3933,7 @@ function ItemSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Separator,
     __spreadValues({
       "data-slot": "item-separator",
@@ -3818,7 +3975,7 @@ function Item(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot5.Root : "div";
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Comp,
     __spreadValues({
       "data-slot": "item",
@@ -3851,7 +4008,7 @@ function ItemMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-media",
@@ -3862,7 +4019,7 @@ function ItemMedia(_a) {
 }
 function ItemContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-content",
@@ -3875,7 +4032,7 @@ function ItemContent(_a) {
 }
 function ItemTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-title",
@@ -3888,7 +4045,7 @@ function ItemTitle(_a) {
 }
 function ItemDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "p",
     __spreadValues({
       "data-slot": "item-description",
@@ -3902,7 +4059,7 @@ function ItemDescription(_a) {
 }
 function ItemActions(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-actions",
@@ -3912,7 +4069,7 @@ function ItemActions(_a) {
 }
 function ItemHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-header",
@@ -3925,7 +4082,7 @@ function ItemHeader(_a) {
 }
 function ItemFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-footer",
@@ -3938,10 +4095,10 @@ function ItemFooter(_a) {
 }
 
 // components/ui/kbd.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Kbd(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "kbd",
     __spreadValues({
       "data-slot": "kbd",
@@ -3956,7 +4113,7 @@ function Kbd(_a) {
 }
 function KbdGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "kbd",
     __spreadValues({
       "data-slot": "kbd-group",
@@ -3968,7 +4125,7 @@ function KbdGroup(_a) {
 // components/ui/link.tsx
 import { cva as cva9 } from "class-variance-authority";
 import { Slot as Slot6 } from "radix-ui";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } 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 text-primary hover:underline decoration-2 underline-offset-4",
   {
@@ -3995,7 +4152,7 @@ function Link(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot6.Root : "a";
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     Comp,
     __spreadValues({
       "data-slot": "link",
@@ -4008,14 +4165,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 jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
 function Menubar(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Root,
     __spreadValues({
       "data-slot": "menubar",
@@ -4028,19 +4185,19 @@ function Menubar(_a) {
 }
 function MenubarMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
 }
 function MenubarGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
 }
 function MenubarPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
 }
 function MenubarRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
 }
 function MenubarTrigger(_a) {
   var _b = _a, {
@@ -4048,7 +4205,7 @@ function MenubarTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Trigger,
     __spreadValues({
       "data-slot": "menubar-trigger",
@@ -4071,7 +4228,7 @@ function MenubarContent(_a) {
     "alignOffset",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx36(MenubarPortal, { children: /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(MenubarPortal, { children: /* @__PURE__ */ jsx37(
     MenubarPrimitive.Content,
     __spreadValues({
       "data-slot": "menubar-content",
@@ -4095,7 +4252,7 @@ function MenubarItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Item,
     __spreadValues({
       "data-slot": "menubar-item",
@@ -4118,7 +4275,7 @@ function MenubarCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     MenubarPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-checkbox-item",
@@ -4129,7 +4286,7 @@ function MenubarCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__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" }) }) }),
+        /* @__PURE__ */ jsx37("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(CheckIcon5, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -4143,7 +4300,7 @@ function MenubarRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     MenubarPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-radio-item",
@@ -4153,7 +4310,7 @@ function MenubarRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__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" }) }) }),
+        /* @__PURE__ */ jsx37("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(CircleIcon3, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -4167,7 +4324,7 @@ function MenubarLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Label,
     __spreadValues({
       "data-slot": "menubar-label",
@@ -4185,7 +4342,7 @@ function MenubarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Separator,
     __spreadValues({
       "data-slot": "menubar-separator",
@@ -4199,7 +4356,7 @@ function MenubarShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "span",
     __spreadValues({
       "data-slot": "menubar-shortcut",
@@ -4212,7 +4369,7 @@ function MenubarShortcut(_a) {
 }
 function MenubarSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
 }
 function MenubarSubTrigger(_a) {
   var _b = _a, {
@@ -4224,7 +4381,7 @@ function MenubarSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     MenubarPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-sub-trigger",
@@ -4236,7 +4393,7 @@ function MenubarSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx36(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx37(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
       ]
     })
   );
@@ -4247,7 +4404,7 @@ function MenubarSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.SubContent,
     __spreadValues({
       "data-slot": "menubar-sub-content",
@@ -4261,7 +4418,7 @@ function MenubarSubContent(_a) {
 
 // components/ui/native-select.tsx
 import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
 function NativeSelect(_a) {
   var _b = _a, {
     className,
@@ -4270,13 +4427,13 @@ function NativeSelect(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
       "data-slot": "native-select-wrapper",
       children: [
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           "select",
           __spreadValues({
             "data-slot": "native-select",
@@ -4288,7 +4445,7 @@ function NativeSelect(_a) {
             )
           }, props)
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           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",
@@ -4302,7 +4459,7 @@ function NativeSelect(_a) {
 }
 function NativeSelectOption(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx37("option", __spreadValues({ "data-slot": "native-select-option" }, props));
+  return /* @__PURE__ */ jsx38("option", __spreadValues({ "data-slot": "native-select-option" }, props));
 }
 function NativeSelectOptGroup(_a) {
   var _b = _a, {
@@ -4310,7 +4467,7 @@ function NativeSelectOptGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "optgroup",
     __spreadValues({
       "data-slot": "native-select-optgroup",
@@ -4322,7 +4479,7 @@ function NativeSelectOptGroup(_a) {
 // components/ui/navigation-button.tsx
 import { cva as cva10 } from "class-variance-authority";
 import { Slot as Slot7 } from "radix-ui";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var navigationButtonVariants = cva10(
   "inline-flex shrink-0 items-center justify-center bg-transparent text-on-prominent hover:bg-secondary-hover transition-all duration-fast ease-standard outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-24 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
@@ -4352,7 +4509,7 @@ function NavigationButton(_a) {
     "children"
   ]);
   const Comp = asChild ? Slot7.Root : "button";
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     Comp,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-button",
@@ -4368,7 +4525,7 @@ function NavigationButton(_a) {
 import { cva as cva11 } from "class-variance-authority";
 import { ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
 import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
-import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
 function NavigationMenu(_a) {
   var _b = _a, {
     className,
@@ -4379,7 +4536,7 @@ function NavigationMenu(_a) {
     "children",
     "viewport"
   ]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     NavigationMenuPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu",
@@ -4391,7 +4548,7 @@ function NavigationMenu(_a) {
     }, props), {
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx39(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx40(NavigationMenuViewport, {})
       ]
     })
   );
@@ -4402,7 +4559,7 @@ function NavigationMenuList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.List,
     __spreadValues({
       "data-slot": "navigation-menu-list",
@@ -4419,7 +4576,7 @@ function NavigationMenuItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "navigation-menu-item",
@@ -4438,7 +4595,7 @@ function NavigationMenuTrigger(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     NavigationMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-trigger",
@@ -4447,7 +4604,7 @@ function NavigationMenuTrigger(_a) {
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           ChevronDownIcon5,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-slow group-data-[state=open]:rotate-180",
@@ -4464,7 +4621,7 @@ function NavigationMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "navigation-menu-content",
@@ -4482,13 +4639,13 @@ function NavigationMenuViewport(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       className: cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ jsx39(
+      children: /* @__PURE__ */ jsx40(
         NavigationMenuPrimitive.Viewport,
         __spreadValues({
           "data-slot": "navigation-menu-viewport",
@@ -4507,7 +4664,7 @@ function NavigationMenuLink(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Link,
     __spreadValues({
       "data-slot": "navigation-menu-link",
@@ -4524,7 +4681,7 @@ function NavigationMenuIndicator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-indicator",
@@ -4533,7 +4690,7 @@ function NavigationMenuIndicator(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx39("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx40("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 }
@@ -4544,10 +4701,10 @@ import {
   ChevronRightIcon as ChevronRightIcon5,
   MoreHorizontalIcon
 } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
 function Pagination(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -4563,7 +4720,7 @@ function PaginationContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "ul",
     __spreadValues({
       "data-slot": "pagination-content",
@@ -4573,7 +4730,7 @@ function PaginationContent(_a) {
 }
 function PaginationItem(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx40("li", __spreadValues({ "data-slot": "pagination-item" }, props));
+  return /* @__PURE__ */ jsx41("li", __spreadValues({ "data-slot": "pagination-item" }, props));
 }
 function PaginationLink(_a) {
   var _b = _a, {
@@ -4585,7 +4742,7 @@ function PaginationLink(_a) {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -4605,7 +4762,7 @@ function PaginationPrevious(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx40("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx40(ChevronLeftIcon2, { className: "size-5" }) })) });
+  return /* @__PURE__ */ jsx41(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx41("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx41(ChevronLeftIcon2, { className: "size-5" }) })) });
 }
 function PaginationNext(_a) {
   var _b = _a, {
@@ -4613,7 +4770,7 @@ function PaginationNext(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx40("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx40(ChevronRightIcon5, { className: "size-5" }) })) });
+  return /* @__PURE__ */ jsx41(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx41("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx41(ChevronRightIcon5, { className: "size-5" }) })) });
 }
 function PaginationEllipsis(_a) {
   var _b = _a, {
@@ -4621,7 +4778,7 @@ function PaginationEllipsis(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
@@ -4629,8 +4786,8 @@ function PaginationEllipsis(_a) {
       className: cn("flex size-10 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx40(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx41(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -4638,14 +4795,14 @@ function PaginationEllipsis(_a) {
 
 // components/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx41(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ jsx42(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx41(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ jsx42(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -4657,7 +4814,7 @@ function PopoverContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx41(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx42(
     PopoverPrimitive.Content,
     __spreadValues({
       "data-slot": "popover-content",
@@ -4672,11 +4829,11 @@ function PopoverContent(_a) {
 }
 function PopoverAnchor(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx41(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
+  return /* @__PURE__ */ jsx42(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
 }
 function PopoverHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     __spreadValues({
       "data-slot": "popover-header",
@@ -4686,7 +4843,7 @@ function PopoverHeader(_a) {
 }
 function PopoverTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     __spreadValues({
       "data-slot": "popover-title",
@@ -4700,7 +4857,7 @@ function PopoverDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "p",
     __spreadValues({
       "data-slot": "popover-description",
@@ -4711,7 +4868,7 @@ function PopoverDescription(_a) {
 
 // components/ui/progress.tsx
 import { Progress as ProgressPrimitive } from "radix-ui";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function Progress(_a) {
   var _b = _a, {
     className,
@@ -4720,7 +4877,7 @@ function Progress(_a) {
     "className",
     "value"
   ]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "progress",
@@ -4729,7 +4886,7 @@ function Progress(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx42(
+      children: /* @__PURE__ */ jsx43(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -4744,14 +4901,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 jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function RadioGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     RadioGroupPrimitive.Root,
     __spreadValues({
       "data-slot": "radio-group",
@@ -4765,7 +4922,7 @@ function RadioGroupItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "radio-group-item",
@@ -4774,12 +4931,12 @@ function RadioGroupItem(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx43(
+      children: /* @__PURE__ */ jsx44(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx43(CircleIcon4, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
+          children: /* @__PURE__ */ jsx44(CircleIcon4, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
         }
       )
     })
@@ -4789,14 +4946,14 @@ function RadioGroupItem(_a) {
 // components/ui/resizable.tsx
 import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function ResizablePanelGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     ResizablePrimitive.Group,
     __spreadValues({
       "data-slot": "resizable-panel-group",
@@ -4809,7 +4966,7 @@ function ResizablePanelGroup(_a) {
 }
 function ResizablePanel(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx44(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
+  return /* @__PURE__ */ jsx45(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
 }
 function ResizableHandle(_a) {
   var _b = _a, {
@@ -4819,7 +4976,7 @@ function ResizableHandle(_a) {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       "data-slot": "resizable-handle",
@@ -4828,14 +4985,14 @@ function ResizableHandle(_a) {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ jsx44("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ jsx44(GripVerticalIcon, { className: "size-2.5" }) })
+      children: withHandle && /* @__PURE__ */ jsx45("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ jsx45(GripVerticalIcon, { className: "size-2.5" }) })
     })
   );
 }
 
 // components/ui/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
 function ScrollArea(_a) {
   var _b = _a, {
     className,
@@ -4844,14 +5001,14 @@ function ScrollArea(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     ScrollAreaPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area",
       className: cn("relative", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -4859,8 +5016,8 @@ function ScrollArea(_a) {
             children
           }
         ),
-        /* @__PURE__ */ jsx45(ScrollBar, {}),
-        /* @__PURE__ */ jsx45(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx46(ScrollBar, {}),
+        /* @__PURE__ */ jsx46(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
@@ -4873,7 +5030,7 @@ function ScrollBar(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area-scrollbar",
@@ -4885,7 +5042,7 @@ function ScrollBar(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx45(
+      children: /* @__PURE__ */ jsx46(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -4899,18 +5056,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 jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs23 } from "react/jsx-runtime";
 function Select(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx46(SelectPrimitive.Root, __spreadValues({ "data-slot": "select" }, props));
+  return /* @__PURE__ */ jsx47(SelectPrimitive.Root, __spreadValues({ "data-slot": "select" }, props));
 }
 function SelectGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx46(SelectPrimitive.Group, __spreadValues({ "data-slot": "select-group" }, props));
+  return /* @__PURE__ */ jsx47(SelectPrimitive.Group, __spreadValues({ "data-slot": "select-group" }, props));
 }
 function SelectValue(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx46(SelectPrimitive.Value, __spreadValues({ "data-slot": "select-value" }, props));
+  return /* @__PURE__ */ jsx47(SelectPrimitive.Value, __spreadValues({ "data-slot": "select-value" }, props));
 }
 function SelectTrigger(_a) {
   var _b = _a, {
@@ -4924,7 +5081,7 @@ function SelectTrigger(_a) {
     "readOnly",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     SelectPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "select-trigger",
@@ -4938,7 +5095,7 @@ function SelectTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx46(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx46(ChevronDownIcon6, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
+        /* @__PURE__ */ jsx47(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx47(ChevronDownIcon6, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
       ]
     })
   );
@@ -4955,7 +5112,7 @@ function SelectContent(_a) {
     "position",
     "align"
   ]);
-  return /* @__PURE__ */ jsx46(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsx47(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs23(
     SelectPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "select-content",
@@ -4968,8 +5125,8 @@ function SelectContent(_a) {
       align
     }, props), {
       children: [
-        /* @__PURE__ */ jsx46(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx47(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -4979,7 +5136,7 @@ function SelectContent(_a) {
             children
           }
         ),
-        /* @__PURE__ */ jsx46(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx47(SelectScrollDownButton, {})
       ]
     })
   ) });
@@ -4990,7 +5147,7 @@ function SelectLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     SelectPrimitive.Label,
     __spreadValues({
       "data-slot": "select-label",
@@ -5006,7 +5163,7 @@ function SelectItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     SelectPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "select-item",
@@ -5016,15 +5173,15 @@ function SelectItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47(
           "span",
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ jsx46(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx46(CheckIcon6, { className: "size-4 text-primary" }) })
+            children: /* @__PURE__ */ jsx47(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx47(CheckIcon6, { className: "size-4 text-primary" }) })
           }
         ),
-        /* @__PURE__ */ jsx46(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx47(SelectPrimitive.ItemText, { children })
       ]
     })
   );
@@ -5035,7 +5192,7 @@ function SelectSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     SelectPrimitive.Separator,
     __spreadValues({
       "data-slot": "select-separator",
@@ -5049,7 +5206,7 @@ function SelectScrollUpButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     SelectPrimitive.ScrollUpButton,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-up-button",
@@ -5058,7 +5215,7 @@ function SelectScrollUpButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx46(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx47(ChevronUpIcon, { className: "size-4" })
     })
   );
 }
@@ -5068,7 +5225,7 @@ function SelectScrollDownButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     SelectPrimitive.ScrollDownButton,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-down-button",
@@ -5077,7 +5234,7 @@ function SelectScrollDownButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx46(ChevronDownIcon6, { className: "size-4" })
+      children: /* @__PURE__ */ jsx47(ChevronDownIcon6, { className: "size-4" })
     })
   );
 }
@@ -5085,22 +5242,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 jsx47, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs24 } from "react/jsx-runtime";
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx47(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ jsx48(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx47(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+  return /* @__PURE__ */ jsx48(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
 }
 function SheetClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx47(SheetPrimitive.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
+  return /* @__PURE__ */ jsx48(SheetPrimitive.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx47(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ jsx48(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -5108,7 +5265,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     SheetPrimitive.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
@@ -5131,9 +5288,9 @@ function SheetContent(_a) {
     "side",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs23(SheetPortal, { children: [
-    /* @__PURE__ */ jsx47(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(SheetPortal, { children: [
+    /* @__PURE__ */ jsx48(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs24(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "sheet-content",
@@ -5148,9 +5305,9 @@ function SheetContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs23(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__ */ jsx47(XIcon3, { className: "size-4" }),
-            /* @__PURE__ */ jsx47("span", { className: "sr-only", children: "Close" })
+          showCloseButton && /* @__PURE__ */ jsxs24(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-prominent transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+            /* @__PURE__ */ jsx48(XIcon3, { className: "size-4" }),
+            /* @__PURE__ */ jsx48("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -5159,7 +5316,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -5169,7 +5326,7 @@ function SheetHeader(_a) {
 }
 function SheetFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     __spreadValues({
       "data-slot": "sheet-footer",
@@ -5183,7 +5340,7 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     SheetPrimitive.Title,
     __spreadValues({
       "data-slot": "sheet-title",
@@ -5197,7 +5354,7 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     SheetPrimitive.Description,
     __spreadValues({
       "data-slot": "sheet-description",
@@ -5207,17 +5364,17 @@ function SheetDescription(_a) {
 }
 
 // components/ui/sidebar.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import { cva as cva12 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
 import { Slot as Slot8 } from "radix-ui";
 
 // hooks/use-mobile.ts
-import * as React9 from "react";
+import * as React10 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React9.useState(void 0);
-  React9.useEffect(() => {
+  const [isMobile, setIsMobile] = React10.useState(void 0);
+  React10.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -5230,10 +5387,10 @@ function useIsMobile() {
 }
 
 // components/ui/skeleton.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function Skeleton(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     __spreadValues({
       "data-slot": "skeleton",
@@ -5243,17 +5400,17 @@ function Skeleton(_a) {
 }
 
 // components/ui/tooltip.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
-var TooltipModeContext = React10.createContext("tooltip");
+import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
+var TooltipModeContext = React11.createContext("tooltip");
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     TooltipPrimitive.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -5270,9 +5427,9 @@ function Tooltip2(_a) {
   const isMobile = useIsMobile();
   const mode = isMobile ? "drawer" : "tooltip";
   if (mode === "drawer") {
-    return /* @__PURE__ */ jsx49(TooltipModeContext.Provider, { value: "drawer", children: /* @__PURE__ */ jsx49(Drawer, { children }) });
+    return /* @__PURE__ */ jsx50(TooltipModeContext.Provider, { value: "drawer", children: /* @__PURE__ */ jsx50(Drawer, { children }) });
   }
-  return /* @__PURE__ */ jsx49(TooltipModeContext.Provider, { value: "tooltip", children: /* @__PURE__ */ jsx49(TooltipPrimitive.Root, __spreadProps(__spreadValues({ "data-slot": "tooltip" }, props), { children })) });
+  return /* @__PURE__ */ jsx50(TooltipModeContext.Provider, { value: "tooltip", children: /* @__PURE__ */ jsx50(TooltipPrimitive.Root, __spreadProps(__spreadValues({ "data-slot": "tooltip" }, props), { children })) });
 }
 function TooltipTrigger(_a) {
   var _b = _a, {
@@ -5280,11 +5437,11 @@ function TooltipTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "children"
   ]);
-  const mode = React10.useContext(TooltipModeContext);
+  const mode = React11.useContext(TooltipModeContext);
   if (mode === "drawer") {
-    return /* @__PURE__ */ jsx49(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
+    return /* @__PURE__ */ jsx50(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
   }
-  return /* @__PURE__ */ jsx49(TooltipPrimitive.Trigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
+  return /* @__PURE__ */ jsx50(TooltipPrimitive.Trigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -5302,17 +5459,17 @@ function TooltipContent(_a) {
     "closeLabel",
     "children"
   ]);
-  const mode = React10.useContext(TooltipModeContext);
+  const mode = React11.useContext(TooltipModeContext);
   if (mode === "drawer") {
-    return /* @__PURE__ */ jsxs24(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
-      /* @__PURE__ */ jsx49(DrawerHeader, { children: /* @__PURE__ */ jsx49(DrawerTitle, { children: title }) }),
-      /* @__PURE__ */ jsx49("div", { className: cn("p-4 text-sm text-on-subtle", className), children }),
-      /* @__PURE__ */ jsx49(DrawerFooter, { children: /* @__PURE__ */ jsx49(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx49(Button, { variant: "primary", size: "md", children: closeLabel }) }) })
+    return /* @__PURE__ */ jsxs25(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
+      /* @__PURE__ */ jsx50(DrawerHeader, { children: /* @__PURE__ */ jsx50(DrawerTitle, { children: title }) }),
+      /* @__PURE__ */ jsx50("div", { className: cn("p-4 text-sm text-on-subtle", className), children }),
+      /* @__PURE__ */ jsx50(DrawerFooter, { children: /* @__PURE__ */ jsx50(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx50(Button, { variant: "primary", size: "md", children: closeLabel }) }) })
     ] });
   }
   const surfaceClasses = variant === "inverse" ? "bg-prominent text-on-prominent shadow-sm" : "bg-primary text-on-primary";
   const arrowClasses = variant === "inverse" ? "fill-prominent" : "fill-primary";
-  return /* @__PURE__ */ jsx49(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx50(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs25(
     TooltipPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
@@ -5326,23 +5483,23 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx49(TooltipPrimitive.Arrow, { className: arrowClasses })
+        /* @__PURE__ */ jsx50(TooltipPrimitive.Arrow, { className: arrowClasses })
       ]
     })
   ) });
 }
 
 // components/ui/sidebar.tsx
-import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React11.createContext(null);
+var SidebarContext = React12.createContext(null);
 function useSidebar() {
-  const context = React11.useContext(SidebarContext);
+  const context = React12.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -5365,10 +5522,10 @@ function SidebarProvider(_a) {
     "children"
   ]);
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React11.useState(false);
-  const [_open, _setOpen] = React11.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React12.useState(false);
+  const [_open, _setOpen] = React12.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React11.useCallback(
+  const setOpen = React12.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -5380,10 +5537,10 @@ function SidebarProvider(_a) {
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React11.useCallback(() => {
+  const toggleSidebar = React12.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -5394,7 +5551,7 @@ function SidebarProvider(_a) {
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React11.useMemo(
+  const contextValue = React12.useMemo(
     () => ({
       state,
       open,
@@ -5406,7 +5563,7 @@ function SidebarProvider(_a) {
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx50(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx50(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx51(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx51(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -5439,7 +5596,7 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx51(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
@@ -5453,7 +5610,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx50(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsx51(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs26(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -5465,16 +5622,16 @@ function Sidebar(_a) {
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs25(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx50(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx50(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxs26(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx51(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx51(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx50("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx51("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
   }
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
@@ -5484,7 +5641,7 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -5496,7 +5653,7 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
@@ -5508,7 +5665,7 @@ function Sidebar(_a) {
               className
             )
           }, props), {
-            children: /* @__PURE__ */ jsx50(
+            children: /* @__PURE__ */ jsx51(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -5532,7 +5689,7 @@ function SidebarTrigger(_a) {
     "onClick"
   ]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     Button,
     __spreadProps(__spreadValues({
       "data-sidebar": "trigger",
@@ -5546,8 +5703,8 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        /* @__PURE__ */ jsx50(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx50("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx51(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx51("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
   );
@@ -5555,7 +5712,7 @@ function SidebarTrigger(_a) {
 function SidebarRail(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "button",
     __spreadValues({
       "data-sidebar": "rail",
@@ -5578,7 +5735,7 @@ function SidebarRail(_a) {
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
@@ -5596,7 +5753,7 @@ function SidebarInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Input,
     __spreadValues({
       "data-slot": "sidebar-input",
@@ -5607,7 +5764,7 @@ function SidebarInput(_a) {
 }
 function SidebarHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     __spreadValues({
       "data-slot": "sidebar-header",
@@ -5618,7 +5775,7 @@ function SidebarHeader(_a) {
 }
 function SidebarFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     __spreadValues({
       "data-slot": "sidebar-footer",
@@ -5633,7 +5790,7 @@ function SidebarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Separator,
     __spreadValues({
       "data-slot": "sidebar-separator",
@@ -5644,7 +5801,7 @@ function SidebarSeparator(_a) {
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
@@ -5658,7 +5815,7 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
@@ -5676,7 +5833,7 @@ function SidebarGroupLabel(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot8.Root : "div";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-label",
@@ -5698,7 +5855,7 @@ function SidebarGroupAction(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot8.Root : "button";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-action",
@@ -5719,7 +5876,7 @@ function SidebarGroupContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group-content",
@@ -5730,7 +5887,7 @@ function SidebarGroupContent(_a) {
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
@@ -5741,7 +5898,7 @@ function SidebarMenu(_a) {
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
@@ -5788,7 +5945,7 @@ function SidebarMenuButton(_a) {
   ]);
   const Comp = asChild ? Slot8.Root : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx50(
+  const button = /* @__PURE__ */ jsx51(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-button",
@@ -5806,9 +5963,9 @@ function SidebarMenuButton(_a) {
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs25(Tooltip2, { children: [
-    /* @__PURE__ */ jsx50(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsxs26(Tooltip2, { children: [
+    /* @__PURE__ */ jsx51(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx51(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -5829,7 +5986,7 @@ function SidebarMenuAction(_a) {
     "showOnHover"
   ]);
   const Comp = asChild ? Slot8.Root : "button";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-action",
@@ -5854,7 +6011,7 @@ function SidebarMenuBadge(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     __spreadValues({
       "data-slot": "sidebar-menu-badge",
@@ -5880,7 +6037,7 @@ function SidebarMenuSkeleton(_a) {
     "showIcon"
   ]);
   const width = "70%";
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-menu-skeleton",
@@ -5888,14 +6045,14 @@ function SidebarMenuSkeleton(_a) {
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className)
     }, props), {
       children: [
-        showIcon && /* @__PURE__ */ jsx50(
+        showIcon && /* @__PURE__ */ jsx51(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -5911,7 +6068,7 @@ function SidebarMenuSkeleton(_a) {
 }
 function SidebarMenuSub(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu-sub",
@@ -5930,7 +6087,7 @@ function SidebarMenuSubItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-sub-item",
@@ -5952,7 +6109,7 @@ function SidebarMenuSubButton(_a) {
     "className"
   ]);
   const Comp = asChild ? Slot8.Root : "a";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-sub-button",
@@ -5972,9 +6129,9 @@ function SidebarMenuSubButton(_a) {
 }
 
 // components/ui/slider.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import { Slider as SliderPrimitive } from "radix-ui";
-import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs27 } from "react/jsx-runtime";
 function Slider(_a) {
   var _b = _a, {
     className,
@@ -5989,11 +6146,11 @@ function Slider(_a) {
     "min",
     "max"
   ]);
-  const _values = React12.useMemo(
+  const _values = React13.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     SliderPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "slider",
@@ -6007,14 +6164,14 @@ function Slider(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52(
           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__ */ jsx51(
+            children: /* @__PURE__ */ jsx52(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -6025,7 +6182,7 @@ function Slider(_a) {
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx51(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx52(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -6048,12 +6205,12 @@ import {
 } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Toaster as Sonner, toast } from "sonner";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 var Toaster = (_a) => {
   var props = __objRest(_a, []);
   const { theme = "system" } = useTheme();
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     Sonner,
     __spreadValues({
       theme,
@@ -6062,11 +6219,11 @@ var Toaster = (_a) => {
       visibleToasts: isMobile ? 1 : 3,
       duration: 4e3,
       icons: {
-        success: /* @__PURE__ */ jsx52(CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx52(InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx52(TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ jsx52(OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsx52(Loader2Icon, { className: "size-4 animate-spin" })
+        success: /* @__PURE__ */ jsx53(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx53(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx53(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx53(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx53(Loader2Icon, { className: "size-4 animate-spin" })
       },
       toastOptions: {
         classNames: {
@@ -6087,9 +6244,9 @@ var Toaster = (_a) => {
 };
 
 // components/ui/stepper.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import { Minus, Plus } from "lucide-react";
-import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
@@ -6123,16 +6280,16 @@ function Stepper({
 }) {
   const { container, buttonSize, iconClass } = stepperSizeConfig[size];
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React13.useState(
+  const [internalValue, setInternalValue] = React14.useState(
     clamp(defaultValue, min, max)
   );
   const currentValue = isControlled ? controlledValue : internalValue;
   const decimalPlaces = getDecimalPlaces(step);
-  const [displayString, setDisplayString] = React13.useState(
+  const [displayString, setDisplayString] = React14.useState(
     formatValue(currentValue, decimalPlaces)
   );
-  const [isFocused, setIsFocused] = React13.useState(false);
-  React13.useEffect(() => {
+  const [isFocused, setIsFocused] = React14.useState(false);
+  React14.useEffect(() => {
     if (!isFocused) {
       setDisplayString(formatValue(currentValue, decimalPlaces));
     }
@@ -6182,14 +6339,14 @@ function Stepper({
       }
     }
   }
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     InputGroup,
     {
       "data-slot": "stepper",
       "data-disabled": disabled || void 0,
       className: cn("w-32", container, className),
       children: [
-        /* @__PURE__ */ jsx53(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx54(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx54(
           InputGroupButton,
           {
             size: buttonSize,
@@ -6197,10 +6354,10 @@ function Stepper({
             onClick: handleDecrement,
             disabled: disabled || currentValue <= min,
             "aria-label": "Decrease value",
-            children: /* @__PURE__ */ jsx53(Minus, { className: iconClass })
+            children: /* @__PURE__ */ jsx54(Minus, { className: iconClass })
           }
         ) }),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx54(
           InputGroupInput,
           {
             type: "text",
@@ -6222,9 +6379,9 @@ function Stepper({
             className: "text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
           }
         ),
-        /* @__PURE__ */ jsxs27(InputGroupAddon, { align: "inline-end", children: [
-          /* @__PURE__ */ jsx53(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
-          /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsxs28(InputGroupAddon, { align: "inline-end", children: [
+          /* @__PURE__ */ jsx54(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
+          /* @__PURE__ */ jsx54(
             InputGroupButton,
             {
               size: buttonSize,
@@ -6232,7 +6389,7 @@ function Stepper({
               onClick: handleIncrement,
               disabled: disabled || currentValue >= max,
               "aria-label": "Increase value",
-              children: /* @__PURE__ */ jsx53(Plus, { className: iconClass })
+              children: /* @__PURE__ */ jsx54(Plus, { className: iconClass })
             }
           )
         ] })
@@ -6243,7 +6400,7 @@ function Stepper({
 
 // components/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "radix-ui";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function Switch(_a) {
   var _b = _a, {
     className,
@@ -6252,7 +6409,7 @@ function Switch(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     SwitchPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "switch",
@@ -6262,7 +6419,7 @@ function Switch(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx54(
+      children: /* @__PURE__ */ jsx55(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -6276,15 +6433,15 @@ function Switch(_a) {
 }
 
 // components/ui/table.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function Table(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx55(
+      children: /* @__PURE__ */ jsx56(
         "table",
         __spreadValues({
           "data-slot": "table",
@@ -6296,7 +6453,7 @@ function Table(_a) {
 }
 function TableHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "thead",
     __spreadValues({
       "data-slot": "table-header",
@@ -6306,7 +6463,7 @@ function TableHeader(_a) {
 }
 function TableBody(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "tbody",
     __spreadValues({
       "data-slot": "table-body",
@@ -6316,7 +6473,7 @@ function TableBody(_a) {
 }
 function TableFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "tfoot",
     __spreadValues({
       "data-slot": "table-footer",
@@ -6329,7 +6486,7 @@ function TableFooter(_a) {
 }
 function TableRow(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "tr",
     __spreadValues({
       "data-slot": "table-row",
@@ -6342,7 +6499,7 @@ function TableRow(_a) {
 }
 function TableHead(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "th",
     __spreadValues({
       "data-slot": "table-head",
@@ -6355,7 +6512,7 @@ function TableHead(_a) {
 }
 function TableCell(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "td",
     __spreadValues({
       "data-slot": "table-cell",
@@ -6372,7 +6529,7 @@ function TableCaption(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "caption",
     __spreadValues({
       "data-slot": "table-caption",
@@ -6384,7 +6541,7 @@ function TableCaption(_a) {
 // components/ui/tabs.tsx
 import { cva as cva13 } from "class-variance-authority";
 import { Tabs as TabsPrimitive } from "radix-ui";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -6393,7 +6550,7 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     TabsPrimitive.Root,
     __spreadValues({
       "data-slot": "tabs",
@@ -6436,7 +6593,7 @@ function TabsList(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     TabsPrimitive.List,
     __spreadValues({
       "data-slot": "tabs-list",
@@ -6454,7 +6611,7 @@ function TabsTrigger(_a) {
     "className",
     "iconPosition"
   ]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     TabsPrimitive.Trigger,
     __spreadValues({
       "data-slot": "tabs-trigger",
@@ -6480,7 +6637,7 @@ function TabsContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     TabsPrimitive.Content,
     __spreadValues({
       "data-slot": "tabs-content",
@@ -6491,7 +6648,7 @@ function TabsContent(_a) {
 
 // components/ui/ticket-card.tsx
 import { ArrowRight as ArrowRight2, Info as Info2 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx57, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx58, jsxs as jsxs29 } from "react/jsx-runtime";
 function formatBalanceValue(raw) {
   const match = raw.match(/^(\D*)([\d,]+(?:\.\d+)?)(\D*)$/);
   if (!match) return raw;
@@ -6515,23 +6672,23 @@ function TicketCard({
   stubDisabled = false,
   compact = false
 }) {
-  return /* @__PURE__ */ jsx57("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs28("div", { className: "relative flex h-20 w-full items-stretch justify-between rounded-sm bg-subtle", children: [
-    /* @__PURE__ */ jsxs28("div", { className: cn("flex flex-1 items-center overflow-hidden", compact ? "gap-2 px-2" : "gap-4 px-4"), children: [
-      icon && /* @__PURE__ */ jsx57("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
-      /* @__PURE__ */ jsxs28("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
-        /* @__PURE__ */ jsx57("p", { className: "text-xs text-on-subtle", children: label }),
-        /* @__PURE__ */ jsxs28("p", { className: "leading-none", children: [
-          /* @__PURE__ */ jsx57("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-          currency && /* @__PURE__ */ jsxs28(Fragment4, { children: [
+  return /* @__PURE__ */ jsx58("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs29("div", { className: "relative flex h-20 w-full items-stretch justify-between rounded-sm bg-subtle", children: [
+    /* @__PURE__ */ jsxs29("div", { className: cn("flex flex-1 items-center overflow-hidden", compact ? "gap-2 px-2" : "gap-4 px-4"), children: [
+      icon && /* @__PURE__ */ jsx58("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
+      /* @__PURE__ */ jsxs29("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
+        /* @__PURE__ */ jsx58("p", { className: "text-xs text-on-subtle", children: label }),
+        /* @__PURE__ */ jsxs29("p", { className: "leading-none", children: [
+          /* @__PURE__ */ jsx58("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
+          currency && /* @__PURE__ */ jsxs29(Fragment5, { children: [
             " ",
-            /* @__PURE__ */ jsx57("span", { className: "text-sm text-on-subtle", children: currency })
+            /* @__PURE__ */ jsx58("span", { className: "text-sm text-on-subtle", children: currency })
           ] })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx57("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ jsx57("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[68px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx58("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ jsx58("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[68px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ jsx58(
       "div",
       {
         "aria-hidden": true,
@@ -6542,7 +6699,7 @@ function TicketCard({
         }
       }
     ),
-    /* @__PURE__ */ jsxs28(
+    /* @__PURE__ */ jsxs29(
       "button",
       {
         type: "button",
@@ -6556,7 +6713,7 @@ function TicketCard({
           stubDisabled ? "cursor-not-allowed opacity-50" : "hover:bg-primary-hover"
         ),
         children: [
-          !stubDisabled && /* @__PURE__ */ jsx57(
+          !stubDisabled && /* @__PURE__ */ jsx58(
             "span",
             {
               "aria-hidden": true,
@@ -6566,8 +6723,8 @@ function TicketCard({
               }
             }
           ),
-          /* @__PURE__ */ jsx57(ArrowRight2, { className: "size-4 text-on-primary" }),
-          /* @__PURE__ */ jsx57("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
+          /* @__PURE__ */ jsx58(ArrowRight2, { className: "size-4 text-on-primary" }),
+          /* @__PURE__ */ jsx58("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
         ]
       }
     )
@@ -6593,58 +6750,58 @@ function CreditTicketCard({
   badgeInfoCloseLabel,
   compact = false
 }) {
-  return /* @__PURE__ */ jsx57("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs28("div", { className: "relative flex w-full items-stretch justify-between rounded-sm bg-subtle", children: [
+  return /* @__PURE__ */ jsx58("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs29("div", { className: "relative flex w-full items-stretch justify-between rounded-sm bg-subtle", children: [
     (() => {
       const badgeText = badgeValue || badgeCurrency ? `${badgeLabel}: ${badgeValue}${badgeCurrency ? ` ${badgeCurrency}` : ""}` : badgeLabel;
-      const creditBadge = /* @__PURE__ */ jsxs28(Badge, { variant: "fill-credit", size: "sm", className: "!gap-1 !font-medium !tracking-normal", children: [
+      const creditBadge = /* @__PURE__ */ jsxs29(Badge, { variant: "fill-credit", size: "sm", className: "!gap-1 !font-medium !tracking-normal", children: [
         badgeIcon,
         badgeText,
-        badgeInfo && /* @__PURE__ */ jsx57(TooltipProvider, { children: /* @__PURE__ */ jsxs28(Tooltip2, { children: [
-          /* @__PURE__ */ jsx57(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx57(
+        badgeInfo && /* @__PURE__ */ jsx58(TooltipProvider, { children: /* @__PURE__ */ jsxs29(Tooltip2, { children: [
+          /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx58(
             "button",
             {
               type: "button",
               "aria-label": `More info about ${badgeLabel.toLowerCase()}`,
               className: "inline-flex shrink-0 items-center justify-center rounded-full text-on-semantic-boost outline-none transition-opacity hover:opacity-70 focus-visible:opacity-70 focus-visible:ring-2 focus-visible:ring-on-semantic-boost/40 cursor-pointer",
-              children: /* @__PURE__ */ jsx57(Info2, { className: "!size-3.5", strokeWidth: 2 })
+              children: /* @__PURE__ */ jsx58(Info2, { className: "!size-3.5", strokeWidth: 2 })
             }
           ) }),
-          /* @__PURE__ */ jsx57(TooltipContent, { side: badgeInfoSide, align: badgeInfoAlign, title: badgeInfoTitle, closeLabel: badgeInfoCloseLabel, variant: "inverse", className: "max-w-xs whitespace-normal", children: badgeInfo })
+          /* @__PURE__ */ jsx58(TooltipContent, { side: badgeInfoSide, align: badgeInfoAlign, title: badgeInfoTitle, closeLabel: badgeInfoCloseLabel, variant: "inverse", className: "max-w-xs whitespace-normal", children: badgeInfo })
         ] }) })
       ] });
-      const labelValue = /* @__PURE__ */ jsxs28("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
-        /* @__PURE__ */ jsx57("p", { className: "text-xs text-on-subtle", children: label }),
-        /* @__PURE__ */ jsxs28("p", { className: "leading-none", children: [
-          /* @__PURE__ */ jsx57("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-          currency && /* @__PURE__ */ jsxs28(Fragment4, { children: [
+      const labelValue = /* @__PURE__ */ jsxs29("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
+        /* @__PURE__ */ jsx58("p", { className: "text-xs text-on-subtle", children: label }),
+        /* @__PURE__ */ jsxs29("p", { className: "leading-none", children: [
+          /* @__PURE__ */ jsx58("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
+          currency && /* @__PURE__ */ jsxs29(Fragment5, { children: [
             " ",
-            /* @__PURE__ */ jsx57("span", { className: "text-sm text-on-subtle", children: currency })
+            /* @__PURE__ */ jsx58("span", { className: "text-sm text-on-subtle", children: currency })
           ] })
         ] })
       ] });
-      return /* @__PURE__ */ jsx57(
+      return /* @__PURE__ */ jsx58(
         "div",
         {
           className: cn(
             "flex flex-1 overflow-hidden",
             compact ? "flex-col gap-2 px-2 py-4" : "items-center gap-4 px-4 py-4"
           ),
-          children: compact ? /* @__PURE__ */ jsxs28("div", { className: "flex flex-1 flex-col gap-2", children: [
-            /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
-              icon && /* @__PURE__ */ jsx57("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
+          children: compact ? /* @__PURE__ */ jsxs29("div", { className: "flex flex-1 flex-col gap-2", children: [
+            /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
+              icon && /* @__PURE__ */ jsx58("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
               labelValue
             ] }),
-            /* @__PURE__ */ jsx57("div", { className: "flex", children: icon ? /* @__PURE__ */ jsx57("div", { className: "flex w-10 shrink-0 justify-start", children: /* @__PURE__ */ jsx57("div", { className: "w-max", children: creditBadge }) }) : creditBadge })
-          ] }) : /* @__PURE__ */ jsxs28(Fragment4, { children: [
-            icon && /* @__PURE__ */ jsx57("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
-            /* @__PURE__ */ jsxs28("div", { className: "flex flex-col gap-1 whitespace-nowrap", children: [
-              /* @__PURE__ */ jsx57("p", { className: "text-xs text-on-subtle", children: label }),
-              /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-4", children: [
-                /* @__PURE__ */ jsxs28("p", { className: "leading-none", children: [
-                  /* @__PURE__ */ jsx57("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-                  currency && /* @__PURE__ */ jsxs28(Fragment4, { children: [
+            /* @__PURE__ */ jsx58("div", { className: "flex", children: icon ? /* @__PURE__ */ jsx58("div", { className: "flex w-10 shrink-0 justify-start", children: /* @__PURE__ */ jsx58("div", { className: "w-max", children: creditBadge }) }) : creditBadge })
+          ] }) : /* @__PURE__ */ jsxs29(Fragment5, { children: [
+            icon && /* @__PURE__ */ jsx58("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
+            /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-1 whitespace-nowrap", children: [
+              /* @__PURE__ */ jsx58("p", { className: "text-xs text-on-subtle", children: label }),
+              /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-4", children: [
+                /* @__PURE__ */ jsxs29("p", { className: "leading-none", children: [
+                  /* @__PURE__ */ jsx58("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
+                  currency && /* @__PURE__ */ jsxs29(Fragment5, { children: [
                     " ",
-                    /* @__PURE__ */ jsx57("span", { className: "text-sm text-on-subtle", children: currency })
+                    /* @__PURE__ */ jsx58("span", { className: "text-sm text-on-subtle", children: currency })
                   ] })
                 ] }),
                 creditBadge
@@ -6654,9 +6811,9 @@ function CreditTicketCard({
         }
       );
     })(),
-    /* @__PURE__ */ jsx57("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ jsx57("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] bottom-[-12px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx58("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ jsx58("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] bottom-[-12px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ jsx58(
       "div",
       {
         "aria-hidden": true,
@@ -6667,7 +6824,7 @@ function CreditTicketCard({
         }
       }
     ),
-    /* @__PURE__ */ jsxs28(
+    /* @__PURE__ */ jsxs29(
       "button",
       {
         type: "button",
@@ -6681,7 +6838,7 @@ function CreditTicketCard({
           stubDisabled ? "cursor-not-allowed opacity-50" : "hover:bg-primary-hover"
         ),
         children: [
-          !stubDisabled && /* @__PURE__ */ jsx57(
+          !stubDisabled && /* @__PURE__ */ jsx58(
             "span",
             {
               "aria-hidden": true,
@@ -6691,8 +6848,8 @@ function CreditTicketCard({
               }
             }
           ),
-          /* @__PURE__ */ jsx57(ArrowRight2, { className: "size-4 text-on-primary" }),
-          /* @__PURE__ */ jsx57("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
+          /* @__PURE__ */ jsx58(ArrowRight2, { className: "size-4 text-on-primary" }),
+          /* @__PURE__ */ jsx58("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
         ]
       }
     )
@@ -6703,7 +6860,7 @@ var TicketCardDesktop = TicketCard;
 // components/ui/toggle.tsx
 import { cva as cva14 } from "class-variance-authority";
 import { Toggle as TogglePrimitive } from "radix-ui";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var toggleVariants = cva14(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-secondary-hover hover:text-on-prominent focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-secondary-hover data-[state=on]:border-transparent data-[state=on]:text-primary [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -6734,7 +6891,7 @@ function Toggle(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     TogglePrimitive.Root,
     __spreadValues({
       "data-slot": "toggle",
@@ -6744,10 +6901,10 @@ function Toggle(_a) {
 }
 
 // components/ui/toggle-group.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
-import { jsx as jsx59 } from "react/jsx-runtime";
-var ToggleGroupContext = React14.createContext({
+import { jsx as jsx60 } from "react/jsx-runtime";
+var ToggleGroupContext = React15.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -6766,7 +6923,7 @@ function ToggleGroup(_a) {
     "spacing",
     "children"
   ]);
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     ToggleGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group",
@@ -6779,7 +6936,7 @@ function ToggleGroup(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx59(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+      children: /* @__PURE__ */ jsx60(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
     })
   );
 }
@@ -6795,8 +6952,8 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React14.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx59(
+  const context = React15.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx60(
     ToggleGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group-item",
@@ -6819,7 +6976,7 @@ function ToggleGroupItem(_a) {
 }
 
 // components/blocks/result-block.tsx
-import { Fragment as Fragment5, jsx as jsx60, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx61, jsxs as jsxs30 } from "react/jsx-runtime";
 var THUMBS_UP_DATA_URL = "data:image/webp;base64,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";
 var THUMBS_DOWN_DATA_URL = "data:image/webp;base64,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";
 function ResultBlock({
@@ -6836,9 +6993,9 @@ function ResultBlock({
   const signedAmount = isWin ? `+${amount}` : `\u2212${amount}`;
   const amountColorClass = isWin ? "text-semantic-win" : "text-semantic-loss";
   const haloBgClass = isWin ? "bg-semantic-win" : "bg-semantic-loss";
-  return /* @__PURE__ */ jsxs29(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
-    /* @__PURE__ */ jsxs29("div", { className: "relative flex items-center justify-center py-2", children: [
-      /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsxs30(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "relative flex items-center justify-center py-2", children: [
+      /* @__PURE__ */ jsx61(
         "span",
         {
           "aria-hidden": true,
@@ -6846,7 +7003,7 @@ function ResultBlock({
           className: `absolute size-24 rounded-full blur-2xl opacity-20 ${haloBgClass}`
         }
       ),
-      /* @__PURE__ */ jsx60(
+      /* @__PURE__ */ jsx61(
         "img",
         {
           "data-results-motion": isWin ? "icon-win" : "icon-loss",
@@ -6856,28 +7013,28 @@ function ResultBlock({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx60("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
-    /* @__PURE__ */ jsxs29("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
-      /* @__PURE__ */ jsx60("span", { className: "font-display text-4xl font-bold tabular-nums tracking-tight", children: signedAmount }),
-      /* @__PURE__ */ jsx60("span", { className: "text-lg font-semibold", children: currency })
+    /* @__PURE__ */ jsx61("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
+    /* @__PURE__ */ jsxs30("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
+      /* @__PURE__ */ jsx61("span", { className: "font-display text-4xl font-bold tabular-nums tracking-tight", children: signedAmount }),
+      /* @__PURE__ */ jsx61("span", { className: "text-lg font-semibold", children: currency })
     ] }),
-    /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs29(Badge, { variant: "standard", size: "sm", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs30(Badge, { variant: "standard", size: "sm", children: [
         contractLabel,
-        pickedDigit !== void 0 && /* @__PURE__ */ jsxs29(Fragment5, { children: [
-          /* @__PURE__ */ jsx60("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
-          /* @__PURE__ */ jsx60("span", { className: "tabular-nums", children: pickedDigit })
+        pickedDigit !== void 0 && /* @__PURE__ */ jsxs30(Fragment6, { children: [
+          /* @__PURE__ */ jsx61("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
+          /* @__PURE__ */ jsx61("span", { className: "tabular-nums", children: pickedDigit })
         ] })
       ] }),
-      /* @__PURE__ */ jsx60(Badge, { variant: "standard", size: "sm", children: duration })
+      /* @__PURE__ */ jsx61(Badge, { variant: "standard", size: "sm", children: duration })
     ] }),
-    /* @__PURE__ */ jsxs29("div", { className: "w-full pt-2", children: [
-      ctaMode === "next-round" && /* @__PURE__ */ jsx60(Button, { className: "w-full", children: "Next round" }),
-      ctaMode === "go-again" && /* @__PURE__ */ jsx60(Button, { className: "w-full", children: "Go again" }),
-      ctaMode === "conversion" && /* @__PURE__ */ jsxs29("div", { className: "w-full flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsx60("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
-        /* @__PURE__ */ jsx60(Button, { className: "w-full", children: "Deposit now" }),
-        /* @__PURE__ */ jsx60(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
+    /* @__PURE__ */ jsxs30("div", { className: "w-full pt-2", children: [
+      ctaMode === "next-round" && /* @__PURE__ */ jsx61(Button, { className: "w-full", children: "Next round" }),
+      ctaMode === "go-again" && /* @__PURE__ */ jsx61(Button, { className: "w-full", children: "Go again" }),
+      ctaMode === "conversion" && /* @__PURE__ */ jsxs30("div", { className: "w-full flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx61("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
+        /* @__PURE__ */ jsx61(Button, { className: "w-full", children: "Deposit now" }),
+        /* @__PURE__ */ jsx61(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
       ] })
     ] })
   ] });
@@ -6888,21 +7045,21 @@ function ResultDialog({
   primaryLabel,
   secondaryLabel
 }) {
-  return /* @__PURE__ */ jsxs29(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
-    /* @__PURE__ */ jsxs29("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-      /* @__PURE__ */ jsx60("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
-      /* @__PURE__ */ jsx60("p", { className: "text-sm text-on-subtle", children: body })
+  return /* @__PURE__ */ jsxs30(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+      /* @__PURE__ */ jsx61("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
+      /* @__PURE__ */ jsx61("p", { className: "text-sm text-on-subtle", children: body })
     ] }),
-    /* @__PURE__ */ jsxs29("div", { className: "w-full flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx60(Button, { className: "w-full", children: primaryLabel }),
-      /* @__PURE__ */ jsx60(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
+    /* @__PURE__ */ jsxs30("div", { className: "w-full flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx61(Button, { className: "w-full", children: primaryLabel }),
+      /* @__PURE__ */ jsx61(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
     ] })
   ] });
 }
 
 // components/blocks/header-navigation-block.tsx
 import { ArrowLeft as ArrowLeft2, History } from "lucide-react";
-import { jsx as jsx61, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs31 } from "react/jsx-runtime";
 function HeaderNavigationBlock({
   onBack,
   badge,
@@ -6911,15 +7068,15 @@ function HeaderNavigationBlock({
   actions
 }) {
   var _a;
-  return /* @__PURE__ */ jsx61("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs30("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
-    onBack && /* @__PURE__ */ jsx61(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx61(ArrowLeft2, { className: "size-5" }) }),
-    /* @__PURE__ */ jsxs30("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
-      badge && /* @__PURE__ */ jsx61(Badge, { variant: (_a = badge.variant) != null ? _a : "fill-warning", size: "sm", children: badge.label }),
-      /* @__PURE__ */ jsx61("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
-      /* @__PURE__ */ jsx61("span", { className: "text-sm text-on-subtle", children: balance.currency })
+  return /* @__PURE__ */ jsx62("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs31("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
+    onBack && /* @__PURE__ */ jsx62(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx62(ArrowLeft2, { className: "size-5" }) }),
+    /* @__PURE__ */ jsxs31("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
+      badge && /* @__PURE__ */ jsx62(Badge, { variant: (_a = badge.variant) != null ? _a : "fill-warning", size: "sm", children: badge.label }),
+      /* @__PURE__ */ jsx62("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
+      /* @__PURE__ */ jsx62("span", { className: "text-sm text-on-subtle", children: balance.currency })
     ] }),
-    /* @__PURE__ */ jsxs30("div", { className: "flex shrink-0 items-center gap-1", children: [
-      history && /* @__PURE__ */ jsx61(HistoryButton, __spreadValues({}, history)),
+    /* @__PURE__ */ jsxs31("div", { className: "flex shrink-0 items-center gap-1", children: [
+      history && /* @__PURE__ */ jsx62(HistoryButton, __spreadValues({}, history)),
       actions
     ] })
   ] }) });
@@ -6932,9 +7089,9 @@ function HistoryButton({
   const show = typeof count === "number" && count > 0;
   const label = show ? count > 99 ? "99+" : String(count) : null;
   const ariaLabel = ariaLabelOverride != null ? ariaLabelOverride : show ? `Open history, ${count} new` : "Open history";
-  return /* @__PURE__ */ jsxs30("div", { className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsx61(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ jsx61(History, { className: "size-5" }) }),
-    show && /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsxs31("div", { className: "relative inline-flex", children: [
+    /* @__PURE__ */ jsx62(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ jsx62(History, { className: "size-5" }) }),
+    show && /* @__PURE__ */ jsx62(
       "span",
       {
         "aria-hidden": true,
@@ -6946,7 +7103,7 @@ function HistoryButton({
 }
 
 // components/blocks/faq-block.tsx
-import { jsx as jsx62, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs32 } from "react/jsx-runtime";
 function FAQBlock({
   eyebrow = "FAQ Section",
   title = "Frequently asked questions",
@@ -6962,38 +7119,38 @@ function FAQBlock({
   const helpCardPaddingClass = layout === "desktop" ? "p-8" : "p-6";
   const gapClass = layout === "desktop" ? "gap-12" : "gap-10";
   const headerGapClass = layout === "desktop" ? "gap-5" : "gap-4";
-  return /* @__PURE__ */ jsxs31("div", { className: `w-full flex flex-col ${gapClass}`, children: [
-    /* @__PURE__ */ jsxs31("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
-      /* @__PURE__ */ jsx62("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
-      /* @__PURE__ */ jsx62("h2", { className: headingClass, children: title }),
-      intro && /* @__PURE__ */ jsx62("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
+  return /* @__PURE__ */ jsxs32("div", { className: `w-full flex flex-col ${gapClass}`, children: [
+    /* @__PURE__ */ jsxs32("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
+      /* @__PURE__ */ jsx63("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
+      /* @__PURE__ */ jsx63("h2", { className: headingClass, children: title }),
+      intro && /* @__PURE__ */ jsx63("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
     ] }),
-    /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx63(
       Accordion,
       {
         type: "single",
         collapsible: true,
         defaultValue: defaultValue != null ? defaultValue : (_a = items[0]) == null ? void 0 : _a.value,
         className: "w-full",
-        children: items.map(({ value, question, answer }) => /* @__PURE__ */ jsxs31(AccordionItem, { value, children: [
-          /* @__PURE__ */ jsx62(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
-          /* @__PURE__ */ jsx62(AccordionContent, { children: /* @__PURE__ */ jsx62("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
+        children: items.map(({ value, question, answer }) => /* @__PURE__ */ jsxs32(AccordionItem, { value, children: [
+          /* @__PURE__ */ jsx63(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
+          /* @__PURE__ */ jsx63(AccordionContent, { children: /* @__PURE__ */ jsx63("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
         ] }, value))
       }
     ),
-    helpCard && /* @__PURE__ */ jsxs31("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
-      /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ jsx62("h3", { className: helpTitleClass, children: helpCard.title }),
-        /* @__PURE__ */ jsx62("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
+    helpCard && /* @__PURE__ */ jsxs32("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
+      /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ jsx63("h3", { className: helpTitleClass, children: helpCard.title }),
+        /* @__PURE__ */ jsx63("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
       ] }),
-      /* @__PURE__ */ jsx62(Button, { size: "sm", onClick: helpCard.onCtaClick, children: helpCard.ctaLabel })
+      /* @__PURE__ */ jsx63(Button, { size: "sm", onClick: helpCard.onCtaClick, children: helpCard.ctaLabel })
     ] })
   ] });
 }
 
 // components/blocks/hero-block.tsx
 import { ArrowRight as ArrowRight3, ArrowUpRight } from "lucide-react";
-import { jsx as jsx63, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs33 } from "react/jsx-runtime";
 function HeroBlock({
   layout = "centered",
   tagline,
@@ -7004,31 +7161,31 @@ function HeroBlock({
   image
 }) {
   if (layout === "centered") {
-    return /* @__PURE__ */ jsx63("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs32("div", { className: "flex flex-col items-center justify-center gap-8 px-layout-margin-inline py-24 max-w-2xl mx-auto text-center", children: [
-      /* @__PURE__ */ jsxs32("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-        tagline && /* @__PURE__ */ jsx63(TaglinePill, __spreadValues({}, tagline)),
-        /* @__PURE__ */ jsx63("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
-        /* @__PURE__ */ jsx63("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
+    return /* @__PURE__ */ jsx64("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs33("div", { className: "flex flex-col items-center justify-center gap-8 px-layout-margin-inline py-24 max-w-2xl mx-auto text-center", children: [
+      /* @__PURE__ */ jsxs33("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+        tagline && /* @__PURE__ */ jsx64(TaglinePill, __spreadValues({}, tagline)),
+        /* @__PURE__ */ jsx64("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
+        /* @__PURE__ */ jsx64("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
       ] }),
-      /* @__PURE__ */ jsxs32(Button, { size: "sm", onClick: primaryCta.onClick, children: [
+      /* @__PURE__ */ jsxs33(Button, { size: "sm", onClick: primaryCta.onClick, children: [
         primaryCta.label,
-        primaryCta.trailingArrow !== false && /* @__PURE__ */ jsx63(ArrowRight3, { className: "size-4" })
+        primaryCta.trailingArrow !== false && /* @__PURE__ */ jsx64(ArrowRight3, { className: "size-4" })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx63("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs32("div", { className: "flex flex-col min-[600px]:flex-row items-center gap-layout-gutter px-layout-margin-inline py-16 min-[600px]:py-24 max-w-5xl mx-auto", children: [
-    /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-6 min-[600px]:gap-8 flex-1 min-w-0 items-center min-[600px]:items-start text-center min-[600px]:text-left w-full", children: [
-      /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
-        tagline && /* @__PURE__ */ jsx63(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
-        /* @__PURE__ */ jsx63("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
-        /* @__PURE__ */ jsx63("p", { className: "text-lg font-body text-on-subtle", children: body })
+  return /* @__PURE__ */ jsx64("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs33("div", { className: "flex flex-col min-[600px]:flex-row items-center gap-layout-gutter px-layout-margin-inline py-16 min-[600px]:py-24 max-w-5xl mx-auto", children: [
+    /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-6 min-[600px]:gap-8 flex-1 min-w-0 items-center min-[600px]:items-start text-center min-[600px]:text-left w-full", children: [
+      /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
+        tagline && /* @__PURE__ */ jsx64(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
+        /* @__PURE__ */ jsx64("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
+        /* @__PURE__ */ jsx64("p", { className: "text-lg font-body text-on-subtle", children: body })
       ] }),
-      /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
-        /* @__PURE__ */ jsx63(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
-        secondaryCta && /* @__PURE__ */ jsx63(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
+      /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
+        /* @__PURE__ */ jsx64(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
+        secondaryCta && /* @__PURE__ */ jsx64(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
       ] })
     ] }),
-    /* @__PURE__ */ jsx63("div", { className: "w-full min-[600px]:flex-1 min-[600px]:min-w-0 aspect-square rounded-xl bg-subtle shrink-0", "aria-hidden": "true", children: image })
+    /* @__PURE__ */ jsx64("div", { className: "w-full min-[600px]:flex-1 min-[600px]:min-w-0 aspect-square rounded-xl bg-subtle shrink-0", "aria-hidden": "true", children: image })
   ] }) });
 }
 function TaglinePill({
@@ -7036,25 +7193,25 @@ function TaglinePill({
   suffix,
   responsive
 }) {
-  return /* @__PURE__ */ jsxs32("div", { className: "inline-flex items-center gap-1.5 h-7 px-3 rounded-full border border-border-subtle bg-prominent shadow-sm shrink-0", children: [
-    /* @__PURE__ */ jsx63("span", { className: "size-1.5 rounded-full bg-semantic-win shrink-0", "aria-hidden": "true" }),
-    responsive && suffix ? /* @__PURE__ */ jsxs32("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
-      /* @__PURE__ */ jsxs32("span", { className: "hidden min-[600px]:inline", children: [
+  return /* @__PURE__ */ jsxs33("div", { className: "inline-flex items-center gap-1.5 h-7 px-3 rounded-full border border-border-subtle bg-prominent shadow-sm shrink-0", children: [
+    /* @__PURE__ */ jsx64("span", { className: "size-1.5 rounded-full bg-semantic-win shrink-0", "aria-hidden": "true" }),
+    responsive && suffix ? /* @__PURE__ */ jsxs33("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+      /* @__PURE__ */ jsxs33("span", { className: "hidden min-[600px]:inline", children: [
         label,
-        /* @__PURE__ */ jsx63("span", { className: "text-on-subtle", children: " \xB7 " })
+        /* @__PURE__ */ jsx64("span", { className: "text-on-subtle", children: " \xB7 " })
       ] }),
-      /* @__PURE__ */ jsx63("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
-    ] }) : /* @__PURE__ */ jsxs32("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+      /* @__PURE__ */ jsx64("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
+    ] }) : /* @__PURE__ */ jsxs33("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
       label,
-      suffix && /* @__PURE__ */ jsx63("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
+      suffix && /* @__PURE__ */ jsx64("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
     ] }),
-    /* @__PURE__ */ jsx63(ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
+    /* @__PURE__ */ jsx64(ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
   ] });
 }
 
 // components/blocks/auth-block.tsx
-import * as React15 from "react";
-import { jsx as jsx64, jsxs as jsxs33 } from "react/jsx-runtime";
+import * as React16 from "react";
+import { jsx as jsx65, jsxs as jsxs34 } from "react/jsx-runtime";
 function AuthBlock({
   mode,
   logoSrc,
@@ -7069,20 +7226,20 @@ function AuthBlock({
   const ctaText = mode === "sign-in" ? "Sign in" : "Sign up";
   const footerPrompt = mode === "sign-in" ? "Don't have an account?" : "Already have an account?";
   const footerLinkLabel = mode === "sign-in" ? "Sign up" : "Log in";
-  const [email, setEmail] = React15.useState("");
-  return /* @__PURE__ */ jsxs33("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-    /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx64("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
-      /* @__PURE__ */ jsx64("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
+  const [email, setEmail] = React16.useState("");
+  return /* @__PURE__ */ jsxs34("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+    /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx65("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
+      /* @__PURE__ */ jsx65("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
     ] }),
-    /* @__PURE__ */ jsx64("h2", { className: "text-3xl font-bold font-display text-on-prominent text-center", children: headingText }),
-    /* @__PURE__ */ jsx64("div", { className: "flex flex-col gap-3 w-full", children: providers.map((p) => /* @__PURE__ */ jsx64(ProviderButton, { provider: p }, p)) }),
-    /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-3 w-full", children: [
-      /* @__PURE__ */ jsx64("div", { className: "flex-1 h-px bg-border-subtle" }),
-      /* @__PURE__ */ jsx64("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
-      /* @__PURE__ */ jsx64("div", { className: "flex-1 h-px bg-border-subtle" })
+    /* @__PURE__ */ jsx65("h2", { className: "text-3xl font-bold font-display text-on-prominent text-center", children: headingText }),
+    /* @__PURE__ */ jsx65("div", { className: "flex flex-col gap-3 w-full", children: providers.map((p) => /* @__PURE__ */ jsx65(ProviderButton, { provider: p }, p)) }),
+    /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-3 w-full", children: [
+      /* @__PURE__ */ jsx65("div", { className: "flex-1 h-px bg-border-subtle" }),
+      /* @__PURE__ */ jsx65("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
+      /* @__PURE__ */ jsx65("div", { className: "flex-1 h-px bg-border-subtle" })
     ] }),
-    /* @__PURE__ */ jsx64("div", { className: "flex items-center gap-2 w-full", children: /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx65("div", { className: "flex items-center gap-2 w-full", children: /* @__PURE__ */ jsx65(
       Input,
       {
         id: `${idPrefix}-email`,
@@ -7093,60 +7250,60 @@ function AuthBlock({
         onChange: (e) => setEmail(e.target.value)
       }
     ) }),
-    /* @__PURE__ */ jsxs33("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
+    /* @__PURE__ */ jsxs34("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
       termsText,
       ", you agree to our",
       " ",
-      /* @__PURE__ */ jsx64(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
+      /* @__PURE__ */ jsx65(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
     ] }),
-    /* @__PURE__ */ jsx64(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
-    /* @__PURE__ */ jsxs33("p", { className: "text-sm text-on-subtle font-body text-center", children: [
+    /* @__PURE__ */ jsx65(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
+    /* @__PURE__ */ jsxs34("p", { className: "text-sm text-on-subtle font-body text-center", children: [
       footerPrompt,
       " ",
-      /* @__PURE__ */ jsx64(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
+      /* @__PURE__ */ jsx65(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
     ] })
   ] });
 }
 function ProviderButton({ provider }) {
   switch (provider) {
     case "google":
-      return /* @__PURE__ */ jsxs33(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ jsxs33("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
-          /* @__PURE__ */ jsx64("path", { d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z", fill: "#4285F4" }),
-          /* @__PURE__ */ jsx64("path", { d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z", fill: "#34A853" }),
-          /* @__PURE__ */ jsx64("path", { d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z", fill: "#FBBC05" }),
-          /* @__PURE__ */ jsx64("path", { d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58Z", fill: "#EA4335" })
+      return /* @__PURE__ */ jsxs34(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ jsxs34("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+          /* @__PURE__ */ jsx65("path", { d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z", fill: "#4285F4" }),
+          /* @__PURE__ */ jsx65("path", { d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z", fill: "#34A853" }),
+          /* @__PURE__ */ jsx65("path", { d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z", fill: "#FBBC05" }),
+          /* @__PURE__ */ jsx65("path", { d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58Z", fill: "#EA4335" })
         ] }),
         "Continue with Google"
       ] });
     case "telegram":
-      return /* @__PURE__ */ jsxs33(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ jsxs33("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
-          /* @__PURE__ */ jsx64("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
-          /* @__PURE__ */ jsx64("path", { d: "M13.5 5.25 11.25 13.5l-2.25-3-3 1.5 1.5-5.25 6-1.5Z", fill: "white", opacity: "0.3" }),
-          /* @__PURE__ */ jsx64("path", { d: "m4.5 8.625 7.5-3-1.125 7.125-2.625-2.25-1.5 1.5.375-3.375Z", fill: "white" })
+      return /* @__PURE__ */ jsxs34(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ jsxs34("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+          /* @__PURE__ */ jsx65("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
+          /* @__PURE__ */ jsx65("path", { d: "M13.5 5.25 11.25 13.5l-2.25-3-3 1.5 1.5-5.25 6-1.5Z", fill: "white", opacity: "0.3" }),
+          /* @__PURE__ */ jsx65("path", { d: "m4.5 8.625 7.5-3-1.125 7.125-2.625-2.25-1.5 1.5.375-3.375Z", fill: "white" })
         ] }),
         "Continue with Telegram"
       ] });
     case "x":
-      return /* @__PURE__ */ jsxs33(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ jsx64("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ jsx64("path", { d: "M13.955 2.25h2.423L10.977 8.28 17.25 15.75h-4.812l-3.913-5.116-4.477 5.116H1.645l5.703-6.52L1.125 2.25h4.934l3.538 4.678 4.358-4.678Zm-.85 12.105h1.343L5.025 3.627H3.579l9.526 10.728Z" }) }),
+      return /* @__PURE__ */ jsxs34(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ jsx65("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ jsx65("path", { d: "M13.955 2.25h2.423L10.977 8.28 17.25 15.75h-4.812l-3.913-5.116-4.477 5.116H1.645l5.703-6.52L1.125 2.25h4.934l3.538 4.678 4.358-4.678Zm-.85 12.105h1.343L5.025 3.627H3.579l9.526 10.728Z" }) }),
         "Continue with X (Twitter)"
       ] });
   }
 }
 
 // components/blocks/navbar-block.tsx
-import * as React16 from "react";
-import { Menu, X as X2 } from "lucide-react";
-import { jsx as jsx65, jsxs as jsxs34 } from "react/jsx-runtime";
+import * as React17 from "react";
+import { Menu, X as X3 } from "lucide-react";
+import { jsx as jsx66, jsxs as jsxs35 } from "react/jsx-runtime";
 function NavBarBlock({ brand, links, signIn, signUp }) {
   var _a, _b, _c, _d;
-  const [mobileMenuOpen, setMobileMenuOpen] = React16.useState(false);
-  return /* @__PURE__ */ jsx65("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ jsxs34("nav", { className: "bg-prominent", children: [
-    /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
-      /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-6", children: [
-        /* @__PURE__ */ jsx65(
+  const [mobileMenuOpen, setMobileMenuOpen] = React17.useState(false);
+  return /* @__PURE__ */ jsx66("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ jsxs35("nav", { className: "bg-prominent", children: [
+    /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
+      /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ jsx66(
           "img",
           {
             src: brand.fullLogoSrc,
@@ -7154,7 +7311,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
             className: "hidden min-[600px]:block h-7 w-auto shrink-0 object-contain object-left"
           }
         ),
-        /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx66(
           "img",
           {
             src: brand.iconLogoSrc,
@@ -7162,13 +7319,13 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
             className: "min-[600px]:hidden size-7 shrink-0 object-contain"
           }
         ),
-        /* @__PURE__ */ jsx65("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ jsx65(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
+        /* @__PURE__ */ jsx66("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
       ] }),
-      /* @__PURE__ */ jsxs34("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
-        signIn && /* @__PURE__ */ jsx65(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
-        signUp && /* @__PURE__ */ jsx65(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
+      /* @__PURE__ */ jsxs35("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
+        signIn && /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
+        signUp && /* @__PURE__ */ jsx66(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
       ] }),
-      /* @__PURE__ */ jsx65(
+      /* @__PURE__ */ jsx66(
         Button,
         {
           variant: "tertiary",
@@ -7177,12 +7334,12 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
           "aria-expanded": mobileMenuOpen,
           className: "min-[600px]:hidden",
           onClick: () => setMobileMenuOpen((prev) => !prev),
-          children: mobileMenuOpen ? /* @__PURE__ */ jsx65(X2, { className: "size-4" }) : /* @__PURE__ */ jsx65(Menu, { className: "size-4" })
+          children: mobileMenuOpen ? /* @__PURE__ */ jsx66(X3, { className: "size-4" }) : /* @__PURE__ */ jsx66(Menu, { className: "size-4" })
         }
       )
     ] }),
-    mobileMenuOpen && /* @__PURE__ */ jsxs34("div", { className: "min-[600px]:hidden flex flex-col border-t border-border-subtle px-layout-margin-inline py-3 gap-1", children: [
-      links.map((l) => /* @__PURE__ */ jsx65(
+    mobileMenuOpen && /* @__PURE__ */ jsxs35("div", { className: "min-[600px]:hidden flex flex-col border-t border-border-subtle px-layout-margin-inline py-3 gap-1", children: [
+      links.map((l) => /* @__PURE__ */ jsx66(
         Button,
         {
           variant: "tertiary",
@@ -7193,18 +7350,18 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
         },
         l.label
       )),
-      (signIn || signUp) && /* @__PURE__ */ jsxs34("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
-        signIn && /* @__PURE__ */ jsx65(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
-        signUp && /* @__PURE__ */ jsx65(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
+      (signIn || signUp) && /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
+        signIn && /* @__PURE__ */ jsx66(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
+        signUp && /* @__PURE__ */ jsx66(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
       ] })
     ] })
   ] }) });
 }
 
 // components/blocks/open-positions-block.tsx
-import * as React17 from "react";
-import { History as History2, X as X3 } from "lucide-react";
-import { jsx as jsx66, jsxs as jsxs35 } from "react/jsx-runtime";
+import * as React18 from "react";
+import { History as History2, X as X4 } from "lucide-react";
+import { jsx as jsx67, jsxs as jsxs36 } from "react/jsx-runtime";
 function OpenPositionsBlock({
   trigger,
   sheetTitle = "Positions",
@@ -7213,28 +7370,28 @@ function OpenPositionsBlock({
   emptyState
 }) {
   const isMobile = useIsMobile();
-  const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ jsx66(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ jsx66(PositionsList, { positions, onViewHistory });
+  const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ jsx67(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ jsx67(PositionsList, { positions, onViewHistory });
   if (isMobile) {
-    return /* @__PURE__ */ jsxs35(Drawer, { children: [
-      /* @__PURE__ */ jsx66(DrawerTrigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsxs35(DrawerContent, { className: "p-0 flex flex-col", children: [
-        /* @__PURE__ */ jsxs35(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
-          /* @__PURE__ */ jsx66(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
-          /* @__PURE__ */ jsx66(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx66(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx66(X3, {}) }) })
+    return /* @__PURE__ */ jsxs36(Drawer, { children: [
+      /* @__PURE__ */ jsx67(DrawerTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsxs36(DrawerContent, { className: "p-0 flex flex-col", children: [
+        /* @__PURE__ */ jsxs36(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
+          /* @__PURE__ */ jsx67(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
+          /* @__PURE__ */ jsx67(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx67(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx67(X4, {}) }) })
         ] }),
-        /* @__PURE__ */ jsx66(Separator, {}),
+        /* @__PURE__ */ jsx67(Separator, {}),
         body
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs35(Sheet, { children: [
-    /* @__PURE__ */ jsx66(SheetTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs35(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
-      /* @__PURE__ */ jsxs35(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
-        /* @__PURE__ */ jsx66(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
-        /* @__PURE__ */ jsx66(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx66(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx66(X3, {}) }) })
+  return /* @__PURE__ */ jsxs36(Sheet, { children: [
+    /* @__PURE__ */ jsx67(SheetTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs36(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
+      /* @__PURE__ */ jsxs36(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
+        /* @__PURE__ */ jsx67(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
+        /* @__PURE__ */ jsx67(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx67(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx67(X4, {}) }) })
       ] }),
-      /* @__PURE__ */ jsx66(Separator, {}),
+      /* @__PURE__ */ jsx67(Separator, {}),
       body
     ] })
   ] });
@@ -7243,26 +7400,26 @@ function PositionsList({
   positions,
   onViewHistory
 }) {
-  return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col flex-1 min-h-0", children: [
-    /* @__PURE__ */ jsx66(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ jsxs35(React17.Fragment, { children: [
-      /* @__PURE__ */ jsx66(PositionRow, { position: pos }),
-      i < positions.length - 1 && /* @__PURE__ */ jsx66("div", { className: "h-px mx-4 bg-border-subtle" })
+  return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col flex-1 min-h-0", children: [
+    /* @__PURE__ */ jsx67(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ jsxs36(React18.Fragment, { children: [
+      /* @__PURE__ */ jsx67(PositionRow, { position: pos }),
+      i < positions.length - 1 && /* @__PURE__ */ jsx67("div", { className: "h-px mx-4 bg-border-subtle" })
     ] }, i)) }),
-    /* @__PURE__ */ jsx66(Separator, {}),
-    /* @__PURE__ */ jsx66("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" }) })
+    /* @__PURE__ */ jsx67(Separator, {}),
+    /* @__PURE__ */ jsx67("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ jsx67(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" }) })
   ] });
 }
 function PositionRow({ position }) {
   const { label, suffix } = positionTitleParts(position);
-  return /* @__PURE__ */ jsxs35(Item, { size: "sm", children: [
-    /* @__PURE__ */ jsxs35(ItemContent, { children: [
-      /* @__PURE__ */ jsxs35(ItemTitle, { children: [
-        /* @__PURE__ */ jsx66("span", { className: "text-on-prominent", children: label }),
-        suffix && /* @__PURE__ */ jsx66("span", { className: "text-on-subtle", children: ` ${suffix}` })
+  return /* @__PURE__ */ jsxs36(Item, { size: "sm", children: [
+    /* @__PURE__ */ jsxs36(ItemContent, { children: [
+      /* @__PURE__ */ jsxs36(ItemTitle, { children: [
+        /* @__PURE__ */ jsx67("span", { className: "text-on-prominent", children: label }),
+        suffix && /* @__PURE__ */ jsx67("span", { className: "text-on-subtle", children: ` ${suffix}` })
       ] }),
-      /* @__PURE__ */ jsx66(MetaNote, { market: position.market, duration: position.duration })
+      /* @__PURE__ */ jsx67(MetaNote, { market: position.market, duration: position.duration })
     ] }),
-    /* @__PURE__ */ jsx66(ItemActions, { children: /* @__PURE__ */ jsx66(PnlMeta, { pnl: position.pnl, win: position.win, stake: position.stake }) })
+    /* @__PURE__ */ jsx67(ItemActions, { children: /* @__PURE__ */ jsx67(PnlMeta, { pnl: position.pnl, win: position.win, stake: position.stake }) })
   ] });
 }
 var DIGITS_TYPE_LABEL = {
@@ -7288,23 +7445,23 @@ function positionTitleParts(p) {
   }
 }
 function MetaNote({ market, duration }) {
-  return /* @__PURE__ */ jsxs35("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
+  return /* @__PURE__ */ jsxs36("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
     market,
     " \xB7 ",
     duration
   ] });
 }
 function PnlMeta({ pnl, win, stake }) {
-  return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col items-end gap-0.5", children: [
-    /* @__PURE__ */ jsx66("span", { className: `font-display font-bold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
-    /* @__PURE__ */ jsx66("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
+  return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col items-end gap-0.5", children: [
+    /* @__PURE__ */ jsx67("span", { className: `font-display font-bold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
+    /* @__PURE__ */ jsx67("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
   ] });
 }
 function DefaultEmptyState({ onViewHistory }) {
-  return /* @__PURE__ */ jsx66(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ jsxs35(EmptyHeader, { className: "gap-4", children: [
-    /* @__PURE__ */ jsx66(EmptyMedia, { children: /* @__PURE__ */ jsx66(History2, { className: "size-8 text-on-subtle" }) }),
-    /* @__PURE__ */ jsx66(EmptyTitle, { className: "text-base leading-6 font-semibold tracking-normal body-md text-on-subtle", children: "No trades yet." }),
-    /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" })
+  return /* @__PURE__ */ jsx67(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ jsxs36(EmptyHeader, { className: "gap-4", children: [
+    /* @__PURE__ */ jsx67(EmptyMedia, { children: /* @__PURE__ */ jsx67(History2, { className: "size-8 text-on-subtle" }) }),
+    /* @__PURE__ */ jsx67(EmptyTitle, { className: "text-base leading-6 font-semibold tracking-normal body-md text-on-subtle", children: "No trades yet." }),
+    /* @__PURE__ */ jsx67(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" })
   ] }) });
 }
 export {
@@ -7334,6 +7491,7 @@ export {
   AvatarGroupCount,
   AvatarImage,
   Badge,
+  Banner,
   Breadcrumb,
   BreadcrumbEllipsis,
   BreadcrumbItem,