npm - @trading-game/design-intelligence-layer - Versions diffs - 0.16.1 → 0.16.3 - Mend

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

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

Files changed (10) hide show

package/AGENTS.md +21 -0
package/README.md +4 -3
package/dist/index.cjs +939 -780
package/dist/index.cjs.map +1 -1
package/dist/index.d.cts +54 -1
package/dist/index.d.ts +54 -1
package/dist/index.js +910 -752
package/dist/index.js.map +1 -1
package/guides/design-system-guide/trading-game-ds-guide.md +1 -1
package/package.json +1 -1

package/dist/index.cjs CHANGED Viewed

@@ -86,6 +86,7 @@ __export(index_exports, {
   AvatarGroupCount: () => AvatarGroupCount,
   AvatarImage: () => AvatarImage,
   Badge: () => Badge,
+  Banner: () => Banner,
   Breadcrumb: () => Breadcrumb,
   BreadcrumbEllipsis: () => BreadcrumbEllipsis,
   BreadcrumbItem: () => BreadcrumbItem,
@@ -1171,17 +1172,174 @@ function Badge(_a) {
   );
 }
-// components/ui/breadcrumb.tsx
+// components/ui/banner.tsx
+var React2 = __toESM(require("react"), 1);
 var import_lucide_react3 = require("lucide-react");
-var import_radix_ui7 = require("radix-ui");
 var import_jsx_runtime9 = require("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__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsx)(IconBadge, { glyph: glyph != null ? glyph : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.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__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "min-w-0 flex-1", children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "m-0 text-sm font-bold leading-snug text-on-prominent [&>b]:text-primary", children: title }) : null,
+    description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "m-0 mt-0.5 text-xs font-medium leading-snug text-on-subtle", children: description }) : null
+  ] });
+  const closeButton = showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "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__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.X, {})
+    }
+  ) : null;
+  const iconColumn = showIcon ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsxs)(
+      "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__ */ (0, import_jsx_runtime9.jsx)("div", { className: "col-start-1 row-start-1", children: iconColumn }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "col-start-2 row-start-1 min-w-0", children: body }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "col-start-3 row-start-1 sm:col-start-4", children: closeButton }),
+          hasAction ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsxs)(
+    "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__ */ (0, import_jsx_runtime9.jsx)("div", { className: "col-start-1 row-start-1", children: iconColumn }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "col-start-2 row-start-1 min-w-0", children: body }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "col-start-3 row-start-1", children: closeButton }),
+        effectiveActions && effectiveActions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsx)(React2.Fragment, { children: wrapAction2(node) }, i)) }) : null
+      ]
+    })
+  );
+}
+function wrapAction2(node) {
+  if (React2.isValidElement(node)) return node;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { variant: "secondary", size: "sm", children: node });
+}
+// components/ui/breadcrumb.tsx
+var import_lucide_react4 = require("lucide-react");
+var import_radix_ui7 = require("radix-ui");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Breadcrumb(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
 }
 function BreadcrumbList(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "ol",
     __spreadValues({
       "data-slot": "breadcrumb-list",
@@ -1194,7 +1352,7 @@ function BreadcrumbList(_a) {
 }
 function BreadcrumbItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "li",
     __spreadValues({
       "data-slot": "breadcrumb-item",
@@ -1211,7 +1369,7 @@ function BreadcrumbLink(_a) {
     "className"
   ]);
   const Comp = asChild ? import_radix_ui7.Slot.Root : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "breadcrumb-link",
@@ -1221,7 +1379,7 @@ function BreadcrumbLink(_a) {
 }
 function BreadcrumbPage(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "span",
     __spreadValues({
       "data-slot": "breadcrumb-page",
@@ -1240,7 +1398,7 @@ function BreadcrumbSeparator(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "li",
     __spreadProps(__spreadValues({
       "data-slot": "breadcrumb-separator",
@@ -1248,7 +1406,7 @@ function BreadcrumbSeparator(_a) {
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className)
     }, props), {
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.ChevronRight, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.ChevronRight, {})
     })
   );
 }
@@ -1258,7 +1416,7 @@ function BreadcrumbEllipsis(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "span",
     __spreadProps(__spreadValues({
       "data-slot": "breadcrumb-ellipsis",
@@ -1267,18 +1425,18 @@ function BreadcrumbEllipsis(_a) {
       className: cn("flex size-9 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.MoreHorizontal, { className: "size-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "More" })
       ]
     })
   );
 }
 // components/ui/calendar.tsx
-var React2 = __toESM(require("react"), 1);
-var import_lucide_react4 = require("lucide-react");
+var React3 = __toESM(require("react"), 1);
+var import_lucide_react5 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function Calendar(_a) {
   var _b = _a, {
     className,
@@ -1298,7 +1456,7 @@ function Calendar(_a) {
     "components"
   ]);
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_react_day_picker.DayPicker,
     __spreadValues({
       showOutsideDays,
@@ -1397,7 +1555,7 @@ function Calendar(_a) {
       components: __spreadValues({
         Root: (_a2) => {
           var _b2 = _a2, { className: className2, rootRef } = _b2, props2 = __objRest(_b2, ["className", "rootRef"]);
-          return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "div",
             __spreadValues({
               "data-slot": "calendar",
@@ -1409,22 +1567,22 @@ function Calendar(_a) {
         Chevron: (_c) => {
           var _d = _c, { className: className2, orientation } = _d, props2 = __objRest(_d, ["className", "orientation"]);
           if (orientation === "left") {
-            return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+            return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-              import_lucide_react4.ChevronRightIcon,
+            return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              import_lucide_react5.ChevronRightIcon,
               __spreadValues({
                 className: cn("size-4", className2)
               }, props2)
             );
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.ChevronDownIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+          return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.ChevronDownIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
         },
         DayButton: CalendarDayButton,
         WeekNumber: (_e) => {
           var _f = _e, { children } = _f, props2 = __objRest(_f, ["children"]);
-          return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
+          return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
         }
       }, components)
     }, props)
@@ -1441,12 +1599,12 @@ function CalendarDayButton(_a) {
     "modifiers"
   ]);
   const defaultClassNames = (0, import_react_day_picker.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__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     Button,
     __spreadValues({
       ref,
@@ -1468,10 +1626,10 @@ function CalendarDayButton(_a) {
 }
 // components/ui/card.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Card(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     __spreadValues({
       "data-slot": "card",
@@ -1484,7 +1642,7 @@ function Card(_a) {
 }
 function CardHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     __spreadValues({
       "data-slot": "card-header",
@@ -1497,7 +1655,7 @@ function CardHeader(_a) {
 }
 function CardTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     __spreadValues({
       "data-slot": "card-title",
@@ -1507,7 +1665,7 @@ function CardTitle(_a) {
 }
 function CardDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     __spreadValues({
       "data-slot": "card-description",
@@ -1517,7 +1675,7 @@ function CardDescription(_a) {
 }
 function CardAction(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     __spreadValues({
       "data-slot": "card-action",
@@ -1530,7 +1688,7 @@ function CardAction(_a) {
 }
 function CardContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     __spreadValues({
       "data-slot": "card-content",
@@ -1540,7 +1698,7 @@ function CardContent(_a) {
 }
 function CardFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     __spreadValues({
       "data-slot": "card-footer",
@@ -1550,13 +1708,13 @@ function CardFooter(_a) {
 }
 // components/ui/carousel.tsx
-var React3 = __toESM(require("react"), 1);
+var React4 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var CarouselContext = React3.createContext(null);
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime13 = require("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 />");
   }
@@ -1584,20 +1742,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();
@@ -1609,11 +1767,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);
@@ -1622,7 +1780,7 @@ function Carousel(_a) {
       api == null ? void 0 : api.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     CarouselContext.Provider,
     {
       value: {
@@ -1635,7 +1793,7 @@ function Carousel(_a) {
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "div",
         __spreadProps(__spreadValues({
           onKeyDownCapture: handleKeyDown,
@@ -1653,13 +1811,13 @@ function Carousel(_a) {
 function CarouselContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       ref: carouselRef,
       className: "overflow-hidden",
       "data-slot": "carousel-content",
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "div",
         __spreadValues({
           className: cn(
@@ -1675,7 +1833,7 @@ function CarouselContent(_a) {
 function CarouselItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     __spreadValues({
       role: "group",
@@ -1700,7 +1858,7 @@ function CarouselPrevious(_a) {
     "size"
   ]);
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     Button,
     __spreadProps(__spreadValues({
       "data-slot": "carousel-previous",
@@ -1715,8 +1873,8 @@ function CarouselPrevious(_a) {
       onClick: scrollPrev
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ArrowLeft, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.ArrowLeft, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     })
   );
@@ -1732,7 +1890,7 @@ function CarouselNext(_a) {
     "size"
   ]);
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     Button,
     __spreadProps(__spreadValues({
       "data-slot": "carousel-next",
@@ -1747,21 +1905,21 @@ function CarouselNext(_a) {
       onClick: scrollNext
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ArrowRight, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.ArrowRight, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     })
   );
 }
 // components/ui/chart.tsx
-var React4 = __toESM(require("react"), 1);
+var React5 = __toESM(require("react"), 1);
 var RechartsPrimitive = __toESM(require("recharts"), 1);
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("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 />");
   }
@@ -1779,9 +1937,9 @@ function ChartContainer(_a) {
     "children",
     "config"
   ]);
-  const uniqueId = React4.useId();
+  const uniqueId = React5.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "chart",
@@ -1792,8 +1950,8 @@ function ChartContainer(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     })
   ) });
@@ -1805,7 +1963,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -1841,7 +1999,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;
@@ -1851,12 +2009,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__ */ (0, import_jsx_runtime13.jsx)("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
     }
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: cn("font-medium", labelClassName), children: value });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("font-medium", labelClassName), children: value });
   }, [
     label,
     labelFormatter,
@@ -1870,7 +2028,7 @@ function ChartTooltipContent({
     return null;
   }
   const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
       className: cn(
@@ -1879,19 +2037,19 @@ function ChartTooltipContent({
       ),
       children: [
         !nestLabel ? tooltipLabel : null,
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime13.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "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__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+                (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   "div",
                   {
                     className: cn(
@@ -1909,7 +2067,7 @@ function ChartTooltipContent({
                     }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
                   "div",
                   {
                     className: cn(
@@ -1917,11 +2075,11 @@ function ChartTooltipContent({
                       nestLabel ? "items-end" : "items-center"
                     ),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "grid gap-1.5", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid gap-1.5", children: [
                         nestLabel ? tooltipLabel : null,
-                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-on-subtle", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
+                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-on-subtle", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
                       ] }),
-                      item.value && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "font-mono font-medium text-on-prominent tabular-nums", children: item.value.toLocaleString() })
+                      item.value && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "font-mono font-medium text-on-prominent tabular-nums", children: item.value.toLocaleString() })
                     ]
                   }
                 )
@@ -1946,7 +2104,7 @@ function ChartLegendContent({
   if (!(payload == null ? void 0 : payload.length)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       className: cn(
@@ -1957,14 +2115,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__ */ (0, import_jsx_runtime13.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
           "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__ */ (0, import_jsx_runtime13.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -1997,16 +2155,16 @@ function getPayloadConfigFromPayload(config, payload, key) {
 }
 // components/ui/checkbox.tsx
-var import_lucide_react6 = require("lucide-react");
+var import_lucide_react7 = require("lucide-react");
 var import_radix_ui8 = require("radix-ui");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function Checkbox(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     import_radix_ui8.Checkbox.Root,
     __spreadProps(__spreadValues({
       "data-slot": "checkbox",
@@ -2015,12 +2173,12 @@ function Checkbox(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         import_radix_ui8.Checkbox.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react6.CheckIcon, { className: "size-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react7.CheckIcon, { className: "size-3.5" })
         }
       )
     })
@@ -2029,14 +2187,14 @@ function Checkbox(_a) {
 // components/ui/collapsible.tsx
 var import_radix_ui9 = require("radix-ui");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Collapsible(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_radix_ui9.Collapsible.Root, __spreadValues({ "data-slot": "collapsible" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_radix_ui9.Collapsible.Root, __spreadValues({ "data-slot": "collapsible" }, props));
 }
 function CollapsibleTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_radix_ui9.Collapsible.CollapsibleTrigger,
     __spreadValues({
       "data-slot": "collapsible-trigger"
@@ -2045,7 +2203,7 @@ function CollapsibleTrigger(_a) {
 }
 function CollapsibleContent(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_radix_ui9.Collapsible.CollapsibleContent,
     __spreadValues({
       "data-slot": "collapsible-content"
@@ -2054,17 +2212,17 @@ function CollapsibleContent(_a) {
 }
 // components/ui/combobox.tsx
-var React6 = __toESM(require("react"), 1);
+var React7 = __toESM(require("react"), 1);
 var import_react = require("@base-ui/react");
-var import_lucide_react7 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 // components/ui/input-group.tsx
-var React5 = __toESM(require("react"), 1);
+var React6 = __toESM(require("react"), 1);
 var import_class_variance_authority5 = require("class-variance-authority");
 // components/ui/input.tsx
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var inputVariants = (0, import_class_variance_authority4.cva)(
   [
     "w-full min-w-0 rounded-sm border border-border-subtle bg-white/5",
@@ -2098,7 +2256,7 @@ function Input(_a) {
     "type",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "input",
     __spreadValues({
       type,
@@ -2110,10 +2268,10 @@ function Input(_a) {
 }
 // components/ui/textarea.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function Textarea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "textarea",
     __spreadValues({
       "data-slot": "textarea",
@@ -2126,8 +2284,8 @@ function Textarea(_a) {
 }
 // components/ui/input-group.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var InputGroupSizeContext = React5.createContext("md");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var InputGroupSizeContext = React6.createContext("md");
 var inputGroupVariants = (0, import_class_variance_authority5.cva)(
   [
     "group/input-group relative flex w-full items-center rounded-sm border border-border-subtle bg-white/5",
@@ -2165,7 +2323,7 @@ function InputGroup(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(InputGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(InputGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "div",
     __spreadValues({
       "data-slot": "input-group",
@@ -2210,7 +2368,7 @@ function InputGroupAddon(_a) {
     "className",
     "align"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "div",
     __spreadValues({
       role: "group",
@@ -2255,7 +2413,7 @@ function InputGroupButton(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     Button,
     __spreadValues({
       type,
@@ -2267,7 +2425,7 @@ function InputGroupButton(_a) {
 }
 function InputGroupText(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "span",
     __spreadValues({
       className: cn(
@@ -2289,9 +2447,9 @@ function InputGroupInput(_a) {
     "className",
     "size"
   ]);
-  const groupSize = React5.useContext(InputGroupSizeContext);
+  const groupSize = React6.useContext(InputGroupSizeContext);
   const size = sizeProp != null ? sizeProp : groupSize;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     Input,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -2309,7 +2467,7 @@ function InputGroupTextarea(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     Textarea,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -2322,11 +2480,11 @@ function InputGroupTextarea(_a) {
 }
 // components/ui/combobox.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var Combobox = import_react.Combobox.Root;
 function ComboboxValue(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react.Combobox.Value, __spreadValues({ "data-slot": "combobox-value" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react.Combobox.Value, __spreadValues({ "data-slot": "combobox-value" }, props));
 }
 function ComboboxTrigger(_a) {
   var _b = _a, {
@@ -2336,7 +2494,7 @@ function ComboboxTrigger(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     import_react.Combobox.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-trigger",
@@ -2344,8 +2502,8 @@ function ComboboxTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          import_lucide_react7.ChevronDownIcon,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          import_lucide_react8.ChevronDownIcon,
           {
             "data-slot": "combobox-trigger-icon",
             className: "pointer-events-none size-4 text-on-subtle"
@@ -2357,14 +2515,14 @@ function ComboboxTrigger(_a) {
 }
 function ComboboxClear(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_react.Combobox.Clear,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-clear",
-      render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(InputGroupButton, { variant: "secondary", size: "icon-xs" }),
+      render: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(InputGroupButton, { variant: "secondary", size: "icon-xs" }),
       className: cn(className)
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.XIcon, { className: "pointer-events-none" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.XIcon, { className: "pointer-events-none" })
     })
   );
 }
@@ -2382,15 +2540,15 @@ function ComboboxInput(_a) {
     "showTrigger",
     "showClear"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(InputGroup, { className: cn("w-auto", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(InputGroup, { className: cn("w-auto", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       import_react.Combobox.Input,
       __spreadValues({
-        render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(InputGroupInput, { disabled })
+        render: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(InputGroupInput, { disabled })
       }, props)
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(InputGroupAddon, { align: "inline-end", children: [
-      showTrigger && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(InputGroupAddon, { align: "inline-end", children: [
+      showTrigger && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         InputGroupButton,
         {
           size: "icon-xs",
@@ -2399,10 +2557,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__ */ (0, import_jsx_runtime19.jsx)(ComboboxTrigger, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ComboboxTrigger, {})
         }
       ),
-      showClear && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ComboboxClear, { disabled })
+      showClear && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ComboboxClear, { disabled })
     ] }),
     children
   ] });
@@ -2423,7 +2581,7 @@ function ComboboxContent(_a) {
     "alignOffset",
     "anchor"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react.Combobox.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react.Combobox.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_react.Combobox.Positioner,
     {
       side,
@@ -2432,7 +2590,7 @@ function ComboboxContent(_a) {
       alignOffset,
       anchor,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         import_react.Combobox.Popup,
         __spreadValues({
           "data-slot": "combobox-content",
@@ -2448,7 +2606,7 @@ function ComboboxContent(_a) {
 }
 function ComboboxList(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_react.Combobox.List,
     __spreadValues({
       "data-slot": "combobox-list",
@@ -2467,7 +2625,7 @@ function ComboboxItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     import_react.Combobox.Item,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-item",
@@ -2478,12 +2636,12 @@ function ComboboxItem(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           import_react.Combobox.ItemIndicator,
           {
             "data-slot": "combobox-item-indicator",
-            render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.CheckIcon, { className: "pointer-events-none size-4 pointer-coarse:size-5" })
+            render: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.CheckIcon, { className: "pointer-events-none size-4 pointer-coarse:size-5" })
           }
         )
       ]
@@ -2492,7 +2650,7 @@ function ComboboxItem(_a) {
 }
 function ComboboxGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_react.Combobox.Group,
     __spreadValues({
       "data-slot": "combobox-group",
@@ -2506,7 +2664,7 @@ function ComboboxLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_react.Combobox.GroupLabel,
     __spreadValues({
       "data-slot": "combobox-label",
@@ -2519,11 +2677,11 @@ function ComboboxLabel(_a) {
 }
 function ComboboxCollection(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react.Combobox.Collection, __spreadValues({ "data-slot": "combobox-collection" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react.Combobox.Collection, __spreadValues({ "data-slot": "combobox-collection" }, props));
 }
 function ComboboxEmpty(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_react.Combobox.Empty,
     __spreadValues({
       "data-slot": "combobox-empty",
@@ -2540,7 +2698,7 @@ function ComboboxSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_react.Combobox.Separator,
     __spreadValues({
       "data-slot": "combobox-separator",
@@ -2554,7 +2712,7 @@ function ComboboxChips(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_react.Combobox.Chips,
     __spreadValues({
       "data-slot": "combobox-chips",
@@ -2575,7 +2733,7 @@ function ComboboxChip(_a) {
     "children",
     "showRemove"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     import_react.Combobox.Chip,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-chip",
@@ -2586,13 +2744,13 @@ function ComboboxChip(_a) {
     }, props), {
       children: [
         children,
-        showRemove && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        showRemove && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           import_react.Combobox.ChipRemove,
           {
-            render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "secondary", size: "icon-xs" }),
+            render: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "secondary", size: "icon-xs" }),
             className: "-ml-1 opacity-50 hover:opacity-100",
             "data-slot": "combobox-chip-remove",
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.XIcon, { className: "pointer-events-none" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.XIcon, { className: "pointer-events-none" })
           }
         )
       ]
@@ -2607,7 +2765,7 @@ function ComboboxChipsInput(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_react.Combobox.Input,
     __spreadValues({
       "data-slot": "combobox-chip-input",
@@ -2616,32 +2774,32 @@ function ComboboxChipsInput(_a) {
   );
 }
 function useComboboxAnchor() {
-  return React6.useRef(null);
+  return React7.useRef(null);
 }
 // components/ui/command.tsx
 var import_cmdk = require("cmdk");
-var import_lucide_react9 = require("lucide-react");
+var import_lucide_react10 = require("lucide-react");
 // components/ui/dialog.tsx
-var import_lucide_react8 = require("lucide-react");
+var import_lucide_react9 = require("lucide-react");
 var import_radix_ui10 = require("radix-ui");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Dialog(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_radix_ui10.Dialog.Root, __spreadValues({ "data-slot": "dialog" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_radix_ui10.Dialog.Root, __spreadValues({ "data-slot": "dialog" }, props));
 }
 function DialogTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_radix_ui10.Dialog.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_radix_ui10.Dialog.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
 }
 function DialogPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_radix_ui10.Dialog.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_radix_ui10.Dialog.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
 }
 function DialogClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_radix_ui10.Dialog.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_radix_ui10.Dialog.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
 }
 function DialogOverlay(_a) {
   var _b = _a, {
@@ -2649,7 +2807,7 @@ function DialogOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     import_radix_ui10.Dialog.Overlay,
     __spreadValues({
       "data-slot": "dialog-overlay",
@@ -2670,9 +2828,9 @@ function DialogContent(_a) {
     "children",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       import_radix_ui10.Dialog.Content,
       __spreadProps(__spreadValues({
         "data-slot": "dialog-content",
@@ -2683,14 +2841,14 @@ function DialogContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
             import_radix_ui10.Dialog.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__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -2701,7 +2859,7 @@ function DialogContent(_a) {
 }
 function DialogHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     __spreadValues({
       "data-slot": "dialog-header",
@@ -2719,7 +2877,7 @@ function DialogFooter(_a) {
     "showCloseButton",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "dialog-footer",
@@ -2730,7 +2888,7 @@ function DialogFooter(_a) {
     }, props), {
       children: [
         children,
-        showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_radix_ui10.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "secondary", size: "md", children: "Close" }) })
+        showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_radix_ui10.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { variant: "secondary", size: "md", children: "Close" }) })
       ]
     })
   );
@@ -2741,7 +2899,7 @@ function DialogTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     import_radix_ui10.Dialog.Title,
     __spreadValues({
       "data-slot": "dialog-title",
@@ -2755,7 +2913,7 @@ function DialogDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     import_radix_ui10.Dialog.Description,
     __spreadValues({
       "data-slot": "dialog-description",
@@ -2765,14 +2923,14 @@ function DialogDescription(_a) {
 }
 // components/ui/command.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Command(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_cmdk.Command,
     __spreadValues({
       "data-slot": "command",
@@ -2797,17 +2955,17 @@ function CommandDialog(_a) {
     "className",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Dialog, __spreadProps(__spreadValues({}, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogTitle, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DialogDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Dialog, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DialogTitle, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       DialogContent,
       {
         className: cn("overflow-hidden p-0", className),
         showCloseButton,
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(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__ */ (0, import_jsx_runtime22.jsx)(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 })
       }
     )
   ] }));
@@ -2818,14 +2976,14 @@ function CommandInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
     {
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           import_cmdk.Command.Input,
           __spreadValues({
             "data-slot": "command-input",
@@ -2845,7 +3003,7 @@ function CommandList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_cmdk.Command.List,
     __spreadValues({
       "data-slot": "command-list",
@@ -2858,7 +3016,7 @@ function CommandList(_a) {
 }
 function CommandEmpty(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_cmdk.Command.Empty,
     __spreadValues({
       "data-slot": "command-empty",
@@ -2872,7 +3030,7 @@ function CommandGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_cmdk.Command.Group,
     __spreadValues({
       "data-slot": "command-group",
@@ -2889,7 +3047,7 @@ function CommandSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_cmdk.Command.Separator,
     __spreadValues({
       "data-slot": "command-separator",
@@ -2903,7 +3061,7 @@ function CommandItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_cmdk.Command.Item,
     __spreadValues({
       "data-slot": "command-item",
@@ -2920,7 +3078,7 @@ function CommandShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "span",
     __spreadValues({
       "data-slot": "command-shortcut",
@@ -2933,32 +3091,32 @@ function CommandShortcut(_a) {
 }
 // components/ui/context-menu.tsx
-var import_lucide_react10 = require("lucide-react");
+var import_lucide_react11 = require("lucide-react");
 var import_radix_ui11 = require("radix-ui");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function ContextMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui11.ContextMenu.Root, __spreadValues({ "data-slot": "context-menu" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.ContextMenu.Root, __spreadValues({ "data-slot": "context-menu" }, props));
 }
 function ContextMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui11.ContextMenu.Trigger, __spreadValues({ "data-slot": "context-menu-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.ContextMenu.Trigger, __spreadValues({ "data-slot": "context-menu-trigger" }, props));
 }
 function ContextMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui11.ContextMenu.Group, __spreadValues({ "data-slot": "context-menu-group" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.ContextMenu.Group, __spreadValues({ "data-slot": "context-menu-group" }, props));
 }
 function ContextMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui11.ContextMenu.Portal, __spreadValues({ "data-slot": "context-menu-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.ContextMenu.Portal, __spreadValues({ "data-slot": "context-menu-portal" }, props));
 }
 function ContextMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui11.ContextMenu.Sub, __spreadValues({ "data-slot": "context-menu-sub" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.ContextMenu.Sub, __spreadValues({ "data-slot": "context-menu-sub" }, props));
 }
 function ContextMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_radix_ui11.ContextMenu.RadioGroup,
     __spreadValues({
       "data-slot": "context-menu-radio-group"
@@ -2975,7 +3133,7 @@ function ContextMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     import_radix_ui11.ContextMenu.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-sub-trigger",
@@ -2987,7 +3145,7 @@ function ContextMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.ChevronRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.ChevronRightIcon, { className: "ml-auto" })
       ]
     })
   );
@@ -2998,7 +3156,7 @@ function ContextMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_radix_ui11.ContextMenu.SubContent,
     __spreadValues({
       "data-slot": "context-menu-sub-content",
@@ -3015,7 +3173,7 @@ function ContextMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui11.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_radix_ui11.ContextMenu.Content,
     __spreadValues({
       "data-slot": "context-menu-content",
@@ -3036,7 +3194,7 @@ function ContextMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_radix_ui11.ContextMenu.Item,
     __spreadValues({
       "data-slot": "context-menu-item",
@@ -3059,7 +3217,7 @@ function ContextMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     import_radix_ui11.ContextMenu.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-checkbox-item",
@@ -3070,7 +3228,7 @@ function ContextMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui11.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -3084,7 +3242,7 @@ function ContextMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     import_radix_ui11.ContextMenu.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-radio-item",
@@ -3094,7 +3252,7 @@ function ContextMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui11.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -3108,7 +3266,7 @@ function ContextMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_radix_ui11.ContextMenu.Label,
     __spreadValues({
       "data-slot": "context-menu-label",
@@ -3126,7 +3284,7 @@ function ContextMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_radix_ui11.ContextMenu.Separator,
     __spreadValues({
       "data-slot": "context-menu-separator",
@@ -3140,7 +3298,7 @@ function ContextMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "span",
     __spreadValues({
       "data-slot": "context-menu-shortcut",
@@ -3154,34 +3312,34 @@ function ContextMenuShortcut(_a) {
 // components/ui/direction.tsx
 var import_radix_ui12 = require("radix-ui");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function DirectionProvider({
   dir,
   direction,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui12.Direction.DirectionProvider, { dir: direction != null ? direction : dir, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui12.Direction.DirectionProvider, { dir: direction != null ? direction : dir, children });
 }
 var useDirection = import_radix_ui12.Direction.useDirection;
 // components/ui/drawer.tsx
 var import_vaul = require("vaul");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Drawer(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_vaul.Drawer.Root, __spreadValues({ "data-slot": "drawer" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_vaul.Drawer.Root, __spreadValues({ "data-slot": "drawer" }, props));
 }
 function DrawerTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_vaul.Drawer.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_vaul.Drawer.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
 }
 function DrawerPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_vaul.Drawer.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_vaul.Drawer.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
 }
 function DrawerClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_vaul.Drawer.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_vaul.Drawer.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
 }
 function DrawerOverlay(_a) {
   var _b = _a, {
@@ -3189,7 +3347,7 @@ function DrawerOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_vaul.Drawer.Overlay,
     __spreadValues({
       "data-slot": "drawer-overlay",
@@ -3208,9 +3366,9 @@ function DrawerContent(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DrawerOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DrawerOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       import_vaul.Drawer.Content,
       __spreadProps(__spreadValues({
         "data-slot": "drawer-content",
@@ -3224,7 +3382,7 @@ function DrawerContent(_a) {
         )
       }, props), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime25.jsx)("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
         ]
       })
@@ -3233,7 +3391,7 @@ function DrawerContent(_a) {
 }
 function DrawerHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "div",
     __spreadValues({
       "data-slot": "drawer-header",
@@ -3246,7 +3404,7 @@ function DrawerHeader(_a) {
 }
 function DrawerFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "div",
     __spreadValues({
       "data-slot": "drawer-footer",
@@ -3260,7 +3418,7 @@ function DrawerTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_vaul.Drawer.Title,
     __spreadValues({
       "data-slot": "drawer-title",
@@ -3274,7 +3432,7 @@ function DrawerDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_vaul.Drawer.Description,
     __spreadValues({
       "data-slot": "drawer-description",
@@ -3284,20 +3442,20 @@ function DrawerDescription(_a) {
 }
 // components/ui/dropdown-menu.tsx
-var import_lucide_react11 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 var import_radix_ui13 = require("radix-ui");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui13.DropdownMenu.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui13.DropdownMenu.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
 }
 function DropdownMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui13.DropdownMenu.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui13.DropdownMenu.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
 }
 function DropdownMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_radix_ui13.DropdownMenu.Trigger,
     __spreadValues({
       "data-slot": "dropdown-menu-trigger"
@@ -3312,7 +3470,7 @@ function DropdownMenuContent(_a) {
     "className",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui13.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui13.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_radix_ui13.DropdownMenu.Content,
     __spreadValues({
       "data-slot": "dropdown-menu-content",
@@ -3326,7 +3484,7 @@ function DropdownMenuContent(_a) {
 }
 function DropdownMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui13.DropdownMenu.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui13.DropdownMenu.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
 }
 function DropdownMenuItem(_a) {
   var _b = _a, {
@@ -3338,7 +3496,7 @@ function DropdownMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_radix_ui13.DropdownMenu.Item,
     __spreadValues({
       "data-slot": "dropdown-menu-item",
@@ -3361,7 +3519,7 @@ function DropdownMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     import_radix_ui13.DropdownMenu.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-checkbox-item",
@@ -3372,7 +3530,7 @@ function DropdownMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui13.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui13.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -3380,7 +3538,7 @@ function DropdownMenuCheckboxItem(_a) {
 }
 function DropdownMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_radix_ui13.DropdownMenu.RadioGroup,
     __spreadValues({
       "data-slot": "dropdown-menu-radio-group"
@@ -3395,7 +3553,7 @@ function DropdownMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     import_radix_ui13.DropdownMenu.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-radio-item",
@@ -3405,7 +3563,7 @@ function DropdownMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui13.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui13.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -3419,7 +3577,7 @@ function DropdownMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_radix_ui13.DropdownMenu.Label,
     __spreadValues({
       "data-slot": "dropdown-menu-label",
@@ -3437,7 +3595,7 @@ function DropdownMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_radix_ui13.DropdownMenu.Separator,
     __spreadValues({
       "data-slot": "dropdown-menu-separator",
@@ -3451,7 +3609,7 @@ function DropdownMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "span",
     __spreadValues({
       "data-slot": "dropdown-menu-shortcut",
@@ -3464,7 +3622,7 @@ function DropdownMenuShortcut(_a) {
 }
 function DropdownMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui13.DropdownMenu.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui13.DropdownMenu.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
 }
 function DropdownMenuSubTrigger(_a) {
   var _b = _a, {
@@ -3476,7 +3634,7 @@ function DropdownMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     import_radix_ui13.DropdownMenu.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-sub-trigger",
@@ -3488,7 +3646,7 @@ function DropdownMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.ChevronRightIcon, { className: "ml-auto size-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.ChevronRightIcon, { className: "ml-auto size-4" })
       ]
     })
   );
@@ -3499,7 +3657,7 @@ function DropdownMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_radix_ui13.DropdownMenu.SubContent,
     __spreadValues({
       "data-slot": "dropdown-menu-sub-content",
@@ -3513,10 +3671,10 @@ function DropdownMenuSubContent(_a) {
 // components/ui/empty.tsx
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function Empty(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     __spreadValues({
       "data-slot": "empty",
@@ -3529,7 +3687,7 @@ function Empty(_a) {
 }
 function EmptyHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     __spreadValues({
       "data-slot": "empty-header",
@@ -3562,7 +3720,7 @@ function EmptyMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     __spreadValues({
       "data-slot": "empty-icon",
@@ -3573,7 +3731,7 @@ function EmptyMedia(_a) {
 }
 function EmptyTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     __spreadValues({
       "data-slot": "empty-title",
@@ -3583,7 +3741,7 @@ function EmptyTitle(_a) {
 }
 function EmptyDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     __spreadValues({
       "data-slot": "empty-description",
@@ -3596,7 +3754,7 @@ function EmptyDescription(_a) {
 }
 function EmptyContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     __spreadValues({
       "data-slot": "empty-content",
@@ -3614,14 +3772,14 @@ var import_class_variance_authority7 = require("class-variance-authority");
 // components/ui/label.tsx
 var import_radix_ui14 = require("radix-ui");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Label(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     import_radix_ui14.Label.Root,
     __spreadValues({
       "data-slot": "label",
@@ -3635,7 +3793,7 @@ function Label(_a) {
 // components/ui/separator.tsx
 var import_radix_ui15 = require("radix-ui");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Separator(_a) {
   var _b = _a, {
     className,
@@ -3646,7 +3804,7 @@ function Separator(_a) {
     "orientation",
     "decorative"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     import_radix_ui15.Separator.Root,
     __spreadValues({
       "data-slot": "separator",
@@ -3661,10 +3819,10 @@ function Separator(_a) {
 }
 // components/ui/field.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function FieldSet(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "fieldset",
     __spreadValues({
       "data-slot": "field-set",
@@ -3684,7 +3842,7 @@ function FieldLegend(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "legend",
     __spreadValues({
       "data-slot": "field-legend",
@@ -3700,7 +3858,7 @@ function FieldLegend(_a) {
 }
 function FieldGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     __spreadValues({
       "data-slot": "field-group",
@@ -3742,7 +3900,7 @@ function Field(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     __spreadValues({
       role: "group",
@@ -3754,7 +3912,7 @@ function Field(_a) {
 }
 function FieldContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     __spreadValues({
       "data-slot": "field-content",
@@ -3771,7 +3929,7 @@ function FieldLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     Label,
     __spreadValues({
       "data-slot": "field-label",
@@ -3786,7 +3944,7 @@ function FieldLabel(_a) {
 }
 function FieldTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     __spreadValues({
       "data-slot": "field-label",
@@ -3799,7 +3957,7 @@ function FieldTitle(_a) {
 }
 function FieldDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "p",
     __spreadValues({
       "data-slot": "field-description",
@@ -3820,7 +3978,7 @@ function FieldSeparator(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "field-separator",
@@ -3831,8 +3989,8 @@ function FieldSeparator(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "span",
           {
             className: "relative mx-auto block w-fit bg-prominent px-2 text-on-subtle",
@@ -3868,14 +4026,14 @@ function FieldError(_a) {
     if ((uniqueErrors == null ? void 0 : uniqueErrors.length) == 1) {
       return (_a2 = uniqueErrors[0]) == null ? void 0 : _a2.message;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { children: error.message }, index)
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     __spreadProps(__spreadValues({
       role: "alert",
@@ -3888,21 +4046,21 @@ function FieldError(_a) {
 }
 // components/ui/form.tsx
-var React7 = __toESM(require("react"), 1);
+var React8 = __toESM(require("react"), 1);
 var import_radix_ui16 = require("radix-ui");
 var import_react_hook_form = require("react-hook-form");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var Form = import_react_hook_form.FormProvider;
-var FormFieldContext = React7.createContext(
+var FormFieldContext = React8.createContext(
   {}
 );
 var FormField = (_a) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_hook_form.Controller, __spreadValues({}, props)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_hook_form.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 } = (0, import_react_hook_form.useFormContext)();
   const formState = (0, import_react_hook_form.useFormState)({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -3918,13 +4076,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__ */ (0, import_jsx_runtime30.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  const id = React8.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     __spreadValues({
       "data-slot": "form-item",
@@ -3939,7 +4097,7 @@ function FormLabel(_a) {
     "className"
   ]);
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     Label,
     __spreadValues({
       "data-slot": "form-label",
@@ -3952,7 +4110,7 @@ function FormLabel(_a) {
 function FormControl(_a) {
   var props = __objRest(_a, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_radix_ui16.Slot.Root,
     __spreadValues({
       "data-slot": "form-control",
@@ -3965,7 +4123,7 @@ function FormControl(_a) {
 function FormDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "p",
     __spreadValues({
       "data-slot": "form-description",
@@ -3982,7 +4140,7 @@ function FormMessage(_a) {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "p",
     __spreadProps(__spreadValues({
       "data-slot": "form-message",
@@ -3996,14 +4154,14 @@ function FormMessage(_a) {
 // components/ui/hover-card.tsx
 var import_radix_ui17 = require("radix-ui");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function HoverCard(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_radix_ui17.HoverCard.Root, __spreadValues({ "data-slot": "hover-card" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_radix_ui17.HoverCard.Root, __spreadValues({ "data-slot": "hover-card" }, props));
 }
 function HoverCardTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_radix_ui17.HoverCard.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_radix_ui17.HoverCard.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
 }
 function HoverCardContent(_a) {
   var _b = _a, {
@@ -4015,7 +4173,7 @@ function HoverCardContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_radix_ui17.HoverCard.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_radix_ui17.HoverCard.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     import_radix_ui17.HoverCard.Content,
     __spreadValues({
       "data-slot": "hover-card-content",
@@ -4030,10 +4188,10 @@ function HoverCardContent(_a) {
 }
 // components/ui/input-otp.tsx
-var React8 = __toESM(require("react"), 1);
+var React9 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function InputOTP(_a) {
   var _b = _a, {
     className,
@@ -4042,7 +4200,7 @@ function InputOTP(_a) {
     "className",
     "containerClassName"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_input_otp.OTPInput,
     __spreadValues({
       "data-slot": "input-otp",
@@ -4056,7 +4214,7 @@ function InputOTP(_a) {
 }
 function InputOTPGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     __spreadValues({
       "data-slot": "input-otp-group",
@@ -4073,9 +4231,9 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React8.useContext(import_input_otp.OTPInputContext);
+  const inputOTPContext = React9.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) != null ? _a2 : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "input-otp-slot",
@@ -4087,23 +4245,23 @@ function InputOTPSlot(_a) {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     })
   );
 }
 function InputOTPSeparator(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react12.MinusIcon, {}) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react13.MinusIcon, {}) }));
 }
 // components/ui/item.tsx
 var import_class_variance_authority8 = require("class-variance-authority");
 var import_radix_ui18 = require("radix-ui");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function ItemGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     __spreadValues({
       role: "list",
@@ -4118,7 +4276,7 @@ function ItemSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Separator,
     __spreadValues({
       "data-slot": "item-separator",
@@ -4160,7 +4318,7 @@ function Item(_a) {
     "asChild"
   ]);
   const Comp = asChild ? import_radix_ui18.Slot.Root : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "item",
@@ -4193,7 +4351,7 @@ function ItemMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     __spreadValues({
       "data-slot": "item-media",
@@ -4204,7 +4362,7 @@ function ItemMedia(_a) {
 }
 function ItemContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     __spreadValues({
       "data-slot": "item-content",
@@ -4217,7 +4375,7 @@ function ItemContent(_a) {
 }
 function ItemTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     __spreadValues({
       "data-slot": "item-title",
@@ -4230,7 +4388,7 @@ function ItemTitle(_a) {
 }
 function ItemDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "p",
     __spreadValues({
       "data-slot": "item-description",
@@ -4244,7 +4402,7 @@ function ItemDescription(_a) {
 }
 function ItemActions(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     __spreadValues({
       "data-slot": "item-actions",
@@ -4254,7 +4412,7 @@ function ItemActions(_a) {
 }
 function ItemHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     __spreadValues({
       "data-slot": "item-header",
@@ -4267,7 +4425,7 @@ function ItemHeader(_a) {
 }
 function ItemFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     __spreadValues({
       "data-slot": "item-footer",
@@ -4280,10 +4438,10 @@ function ItemFooter(_a) {
 }
 // components/ui/kbd.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function Kbd(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "kbd",
     __spreadValues({
       "data-slot": "kbd",
@@ -4298,7 +4456,7 @@ function Kbd(_a) {
 }
 function KbdGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "kbd",
     __spreadValues({
       "data-slot": "kbd-group",
@@ -4310,7 +4468,7 @@ function KbdGroup(_a) {
 // components/ui/link.tsx
 var import_class_variance_authority9 = require("class-variance-authority");
 var import_radix_ui19 = require("radix-ui");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var linkVariants = (0, import_class_variance_authority9.cva)(
   "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",
   {
@@ -4337,7 +4495,7 @@ function Link(_a) {
     "asChild"
   ]);
   const Comp = asChild ? import_radix_ui19.Slot.Root : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "link",
@@ -4348,16 +4506,16 @@ function Link(_a) {
 }
 // components/ui/menubar.tsx
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react14 = require("lucide-react");
 var import_radix_ui20 = require("radix-ui");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function Menubar(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_radix_ui20.Menubar.Root,
     __spreadValues({
       "data-slot": "menubar",
@@ -4370,19 +4528,19 @@ function Menubar(_a) {
 }
 function MenubarMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Menubar.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
 }
 function MenubarGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Menubar.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
 }
 function MenubarPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Menubar.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
 }
 function MenubarRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Menubar.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
 }
 function MenubarTrigger(_a) {
   var _b = _a, {
@@ -4390,7 +4548,7 @@ function MenubarTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_radix_ui20.Menubar.Trigger,
     __spreadValues({
       "data-slot": "menubar-trigger",
@@ -4413,7 +4571,7 @@ function MenubarContent(_a) {
     "alignOffset",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(MenubarPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MenubarPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_radix_ui20.Menubar.Content,
     __spreadValues({
       "data-slot": "menubar-content",
@@ -4437,7 +4595,7 @@ function MenubarItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_radix_ui20.Menubar.Item,
     __spreadValues({
       "data-slot": "menubar-item",
@@ -4460,7 +4618,7 @@ function MenubarCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     import_radix_ui20.Menubar.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-checkbox-item",
@@ -4471,7 +4629,7 @@ function MenubarCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react13.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react14.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -4485,7 +4643,7 @@ function MenubarRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     import_radix_ui20.Menubar.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-radio-item",
@@ -4495,7 +4653,7 @@ function MenubarRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react13.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react14.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -4509,7 +4667,7 @@ function MenubarLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_radix_ui20.Menubar.Label,
     __spreadValues({
       "data-slot": "menubar-label",
@@ -4527,7 +4685,7 @@ function MenubarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_radix_ui20.Menubar.Separator,
     __spreadValues({
       "data-slot": "menubar-separator",
@@ -4541,7 +4699,7 @@ function MenubarShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "span",
     __spreadValues({
       "data-slot": "menubar-shortcut",
@@ -4554,7 +4712,7 @@ function MenubarShortcut(_a) {
 }
 function MenubarSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Menubar.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
 }
 function MenubarSubTrigger(_a) {
   var _b = _a, {
@@ -4566,7 +4724,7 @@ function MenubarSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     import_radix_ui20.Menubar.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-sub-trigger",
@@ -4578,7 +4736,7 @@ function MenubarSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react13.ChevronRightIcon, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react14.ChevronRightIcon, { className: "ml-auto h-4 w-4" })
       ]
     })
   );
@@ -4589,7 +4747,7 @@ function MenubarSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_radix_ui20.Menubar.SubContent,
     __spreadValues({
       "data-slot": "menubar-sub-content",
@@ -4602,8 +4760,8 @@ function MenubarSubContent(_a) {
 }
 // components/ui/native-select.tsx
-var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_lucide_react15 = require("lucide-react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function NativeSelect(_a) {
   var _b = _a, {
     className,
@@ -4612,13 +4770,13 @@ function NativeSelect(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "div",
     {
       className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
       "data-slot": "native-select-wrapper",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "select",
           __spreadValues({
             "data-slot": "native-select",
@@ -4630,8 +4788,8 @@ function NativeSelect(_a) {
             )
           }, props)
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          import_lucide_react14.ChevronDownIcon,
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          import_lucide_react15.ChevronDownIcon,
           {
             className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-on-subtle opacity-50 select-none",
             "aria-hidden": "true",
@@ -4644,7 +4802,7 @@ function NativeSelect(_a) {
 }
 function NativeSelectOption(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("option", __spreadValues({ "data-slot": "native-select-option" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", __spreadValues({ "data-slot": "native-select-option" }, props));
 }
 function NativeSelectOptGroup(_a) {
   var _b = _a, {
@@ -4652,7 +4810,7 @@ function NativeSelectOptGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "optgroup",
     __spreadValues({
       "data-slot": "native-select-optgroup",
@@ -4664,7 +4822,7 @@ function NativeSelectOptGroup(_a) {
 // components/ui/navigation-button.tsx
 var import_class_variance_authority10 = require("class-variance-authority");
 var import_radix_ui21 = require("radix-ui");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var navigationButtonVariants = (0, import_class_variance_authority10.cva)(
   "inline-flex shrink-0 items-center justify-center bg-transparent text-on-prominent hover:bg-secondary-hover transition-all duration-fast ease-standard outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-24 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
@@ -4694,7 +4852,7 @@ function NavigationButton(_a) {
     "children"
   ]);
   const Comp = asChild ? import_radix_ui21.Slot.Root : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     Comp,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-button",
@@ -4708,9 +4866,9 @@ function NavigationButton(_a) {
 // components/ui/navigation-menu.tsx
 var import_class_variance_authority11 = require("class-variance-authority");
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
 var import_radix_ui22 = require("radix-ui");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function NavigationMenu(_a) {
   var _b = _a, {
     className,
@@ -4721,7 +4879,7 @@ function NavigationMenu(_a) {
     "children",
     "viewport"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     import_radix_ui22.NavigationMenu.Root,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu",
@@ -4733,7 +4891,7 @@ function NavigationMenu(_a) {
     }, props), {
       children: [
         children,
-        viewport && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(NavigationMenuViewport, {})
       ]
     })
   );
@@ -4744,7 +4902,7 @@ function NavigationMenuList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_radix_ui22.NavigationMenu.List,
     __spreadValues({
       "data-slot": "navigation-menu-list",
@@ -4761,7 +4919,7 @@ function NavigationMenuItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_radix_ui22.NavigationMenu.Item,
     __spreadValues({
       "data-slot": "navigation-menu-item",
@@ -4780,7 +4938,7 @@ function NavigationMenuTrigger(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     import_radix_ui22.NavigationMenu.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-trigger",
@@ -4789,8 +4947,8 @@ function NavigationMenuTrigger(_a) {
       children: [
         children,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-          import_lucide_react15.ChevronDownIcon,
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          import_lucide_react16.ChevronDownIcon,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-slow group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -4806,7 +4964,7 @@ function NavigationMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_radix_ui22.NavigationMenu.Content,
     __spreadValues({
       "data-slot": "navigation-menu-content",
@@ -4824,13 +4982,13 @@ function NavigationMenuViewport(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "div",
     {
       className: cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         import_radix_ui22.NavigationMenu.Viewport,
         __spreadValues({
           "data-slot": "navigation-menu-viewport",
@@ -4849,7 +5007,7 @@ function NavigationMenuLink(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_radix_ui22.NavigationMenu.Link,
     __spreadValues({
       "data-slot": "navigation-menu-link",
@@ -4866,7 +5024,7 @@ function NavigationMenuIndicator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_radix_ui22.NavigationMenu.Indicator,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-indicator",
@@ -4875,17 +5033,17 @@ function NavigationMenuIndicator(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 }
 // components/ui/pagination.tsx
-var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Pagination(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -4901,7 +5059,7 @@ function PaginationContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "ul",
     __spreadValues({
       "data-slot": "pagination-content",
@@ -4911,7 +5069,7 @@ function PaginationContent(_a) {
 }
 function PaginationItem(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("li", __spreadValues({ "data-slot": "pagination-item" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("li", __spreadValues({ "data-slot": "pagination-item" }, props));
 }
 function PaginationLink(_a) {
   var _b = _a, {
@@ -4923,7 +5081,7 @@ function PaginationLink(_a) {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -4943,7 +5101,7 @@ function PaginationPrevious(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.ChevronLeftIcon, { className: "size-5" }) })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react17.ChevronLeftIcon, { className: "size-5" }) })) });
 }
 function PaginationNext(_a) {
   var _b = _a, {
@@ -4951,7 +5109,7 @@ function PaginationNext(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.ChevronRightIcon, { className: "size-5" }) })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react17.ChevronRightIcon, { className: "size-5" }) })) });
 }
 function PaginationEllipsis(_a) {
   var _b = _a, {
@@ -4959,7 +5117,7 @@ function PaginationEllipsis(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
@@ -4967,8 +5125,8 @@ function PaginationEllipsis(_a) {
       className: cn("flex size-10 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react17.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -4976,14 +5134,14 @@ function PaginationEllipsis(_a) {
 // components/ui/popover.tsx
 var import_radix_ui23 = require("radix-ui");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_radix_ui23.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_radix_ui23.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_radix_ui23.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_radix_ui23.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -4995,7 +5153,7 @@ function PopoverContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_radix_ui23.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_radix_ui23.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_radix_ui23.Popover.Content,
     __spreadValues({
       "data-slot": "popover-content",
@@ -5010,11 +5168,11 @@ function PopoverContent(_a) {
 }
 function PopoverAnchor(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_radix_ui23.Popover.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_radix_ui23.Popover.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
 }
 function PopoverHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     __spreadValues({
       "data-slot": "popover-header",
@@ -5024,7 +5182,7 @@ function PopoverHeader(_a) {
 }
 function PopoverTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     __spreadValues({
       "data-slot": "popover-title",
@@ -5038,7 +5196,7 @@ function PopoverDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "p",
     __spreadValues({
       "data-slot": "popover-description",
@@ -5049,7 +5207,7 @@ function PopoverDescription(_a) {
 // components/ui/progress.tsx
 var import_radix_ui24 = require("radix-ui");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Progress(_a) {
   var _b = _a, {
     className,
@@ -5058,7 +5216,7 @@ function Progress(_a) {
     "className",
     "value"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     import_radix_ui24.Progress.Root,
     __spreadProps(__spreadValues({
       "data-slot": "progress",
@@ -5067,7 +5225,7 @@ function Progress(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         import_radix_ui24.Progress.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -5080,16 +5238,16 @@ function Progress(_a) {
 }
 // components/ui/radio-group.tsx
-var import_lucide_react17 = require("lucide-react");
+var import_lucide_react18 = require("lucide-react");
 var import_radix_ui25 = require("radix-ui");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function RadioGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     import_radix_ui25.RadioGroup.Root,
     __spreadValues({
       "data-slot": "radio-group",
@@ -5103,7 +5261,7 @@ function RadioGroupItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     import_radix_ui25.RadioGroup.Item,
     __spreadProps(__spreadValues({
       "data-slot": "radio-group-item",
@@ -5112,12 +5270,12 @@ function RadioGroupItem(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         import_radix_ui25.RadioGroup.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react17.CircleIcon, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react18.CircleIcon, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
         }
       )
     })
@@ -5125,16 +5283,16 @@ function RadioGroupItem(_a) {
 }
 // components/ui/resizable.tsx
-var import_lucide_react18 = require("lucide-react");
+var import_lucide_react19 = require("lucide-react");
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function ResizablePanelGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     ResizablePrimitive.Group,
     __spreadValues({
       "data-slot": "resizable-panel-group",
@@ -5147,7 +5305,7 @@ function ResizablePanelGroup(_a) {
 }
 function ResizablePanel(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
 }
 function ResizableHandle(_a) {
   var _b = _a, {
@@ -5157,7 +5315,7 @@ function ResizableHandle(_a) {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       "data-slot": "resizable-handle",
@@ -5166,14 +5324,14 @@ function ResizableHandle(_a) {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react18.GripVerticalIcon, { className: "size-2.5" }) })
+      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react19.GripVerticalIcon, { className: "size-2.5" }) })
     })
   );
 }
 // components/ui/scroll-area.tsx
 var import_radix_ui26 = require("radix-ui");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function ScrollArea(_a) {
   var _b = _a, {
     className,
@@ -5182,14 +5340,14 @@ function ScrollArea(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     import_radix_ui26.ScrollArea.Root,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area",
       className: cn("relative", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           import_radix_ui26.ScrollArea.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -5197,8 +5355,8 @@ function ScrollArea(_a) {
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ScrollBar, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui26.ScrollArea.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui26.ScrollArea.Corner, {})
       ]
     })
   );
@@ -5211,7 +5369,7 @@ function ScrollBar(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     import_radix_ui26.ScrollArea.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area-scrollbar",
@@ -5223,7 +5381,7 @@ function ScrollBar(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         import_radix_ui26.ScrollArea.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -5235,20 +5393,20 @@ function ScrollBar(_a) {
 }
 // components/ui/select.tsx
-var import_lucide_react19 = require("lucide-react");
+var import_lucide_react20 = require("lucide-react");
 var import_radix_ui27 = require("radix-ui");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Select(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.Root, __spreadValues({ "data-slot": "select" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui27.Select.Root, __spreadValues({ "data-slot": "select" }, props));
 }
 function SelectGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.Group, __spreadValues({ "data-slot": "select-group" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui27.Select.Group, __spreadValues({ "data-slot": "select-group" }, props));
 }
 function SelectValue(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.Value, __spreadValues({ "data-slot": "select-value" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui27.Select.Value, __spreadValues({ "data-slot": "select-value" }, props));
 }
 function SelectTrigger(_a) {
   var _b = _a, {
@@ -5262,7 +5420,7 @@ function SelectTrigger(_a) {
     "readOnly",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     import_radix_ui27.Select.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "select-trigger",
@@ -5276,7 +5434,7 @@ function SelectTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react19.ChevronDownIcon, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui27.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react20.ChevronDownIcon, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
       ]
     })
   );
@@ -5293,7 +5451,7 @@ function SelectContent(_a) {
     "position",
     "align"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui27.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     import_radix_ui27.Select.Content,
     __spreadProps(__spreadValues({
       "data-slot": "select-content",
@@ -5306,8 +5464,8 @@ function SelectContent(_a) {
       align
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectScrollUpButton, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectScrollUpButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           import_radix_ui27.Select.Viewport,
           {
             className: cn(
@@ -5317,7 +5475,7 @@ function SelectContent(_a) {
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectScrollDownButton, {})
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectScrollDownButton, {})
       ]
     })
   ) });
@@ -5328,7 +5486,7 @@ function SelectLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     import_radix_ui27.Select.Label,
     __spreadValues({
       "data-slot": "select-label",
@@ -5344,7 +5502,7 @@ function SelectItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     import_radix_ui27.Select.Item,
     __spreadProps(__spreadValues({
       "data-slot": "select-item",
@@ -5354,15 +5512,15 @@ function SelectItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           "span",
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react19.CheckIcon, { className: "size-4 text-primary" }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui27.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react20.CheckIcon, { className: "size-4 text-primary" }) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.ItemText, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui27.Select.ItemText, { children })
       ]
     })
   );
@@ -5373,7 +5531,7 @@ function SelectSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     import_radix_ui27.Select.Separator,
     __spreadValues({
       "data-slot": "select-separator",
@@ -5387,7 +5545,7 @@ function SelectScrollUpButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     import_radix_ui27.Select.ScrollUpButton,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-up-button",
@@ -5396,7 +5554,7 @@ function SelectScrollUpButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react19.ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react20.ChevronUpIcon, { className: "size-4" })
     })
   );
 }
@@ -5406,7 +5564,7 @@ function SelectScrollDownButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     import_radix_ui27.Select.ScrollDownButton,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-down-button",
@@ -5415,30 +5573,30 @@ function SelectScrollDownButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react19.ChevronDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react20.ChevronDownIcon, { className: "size-4" })
     })
   );
 }
 // components/ui/sheet.tsx
-var import_lucide_react20 = require("lucide-react");
+var import_lucide_react21 = require("lucide-react");
 var import_radix_ui28 = require("radix-ui");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui28.Dialog.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_radix_ui28.Dialog.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui28.Dialog.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_radix_ui28.Dialog.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
 }
 function SheetClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui28.Dialog.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_radix_ui28.Dialog.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui28.Dialog.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_radix_ui28.Dialog.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -5446,7 +5604,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_radix_ui28.Dialog.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
@@ -5469,9 +5627,9 @@ function SheetContent(_a) {
     "side",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       import_radix_ui28.Dialog.Content,
       __spreadProps(__spreadValues({
         "data-slot": "sheet-content",
@@ -5486,9 +5644,9 @@ function SheetContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_radix_ui28.Dialog.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-prominent transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react20.XIcon, { className: "size-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sr-only", children: "Close" })
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_radix_ui28.Dialog.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-prominent transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react21.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -5497,7 +5655,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -5507,7 +5665,7 @@ function SheetHeader(_a) {
 }
 function SheetFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sheet-footer",
@@ -5521,7 +5679,7 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_radix_ui28.Dialog.Title,
     __spreadValues({
       "data-slot": "sheet-title",
@@ -5535,7 +5693,7 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_radix_ui28.Dialog.Description,
     __spreadValues({
       "data-slot": "sheet-description",
@@ -5545,17 +5703,17 @@ function SheetDescription(_a) {
 }
 // components/ui/sidebar.tsx
-var React11 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 var import_class_variance_authority12 = require("class-variance-authority");
-var import_lucide_react21 = require("lucide-react");
+var import_lucide_react22 = require("lucide-react");
 var import_radix_ui30 = require("radix-ui");
 // hooks/use-mobile.ts
-var React9 = __toESM(require("react"), 1);
+var React10 = __toESM(require("react"), 1);
 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);
@@ -5568,10 +5726,10 @@ function useIsMobile() {
 }
 // components/ui/skeleton.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Skeleton(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     "div",
     __spreadValues({
       "data-slot": "skeleton",
@@ -5581,17 +5739,17 @@ function Skeleton(_a) {
 }
 // components/ui/tooltip.tsx
-var React10 = __toESM(require("react"), 1);
+var React11 = __toESM(require("react"), 1);
 var import_radix_ui29 = require("radix-ui");
-var import_jsx_runtime49 = require("react/jsx-runtime");
-var TooltipModeContext = React10.createContext("tooltip");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var TooltipModeContext = React11.createContext("tooltip");
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_radix_ui29.Tooltip.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -5608,9 +5766,9 @@ function Tooltip2(_a) {
   const isMobile = useIsMobile();
   const mode = isMobile ? "drawer" : "tooltip";
   if (mode === "drawer") {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TooltipModeContext.Provider, { value: "drawer", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Drawer, { children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipModeContext.Provider, { value: "drawer", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Drawer, { children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TooltipModeContext.Provider, { value: "tooltip", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_radix_ui29.Tooltip.Root, __spreadProps(__spreadValues({ "data-slot": "tooltip" }, props), { children })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipModeContext.Provider, { value: "tooltip", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_radix_ui29.Tooltip.Root, __spreadProps(__spreadValues({ "data-slot": "tooltip" }, props), { children })) });
 }
 function TooltipTrigger(_a) {
   var _b = _a, {
@@ -5618,11 +5776,11 @@ function TooltipTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "children"
   ]);
-  const mode = React10.useContext(TooltipModeContext);
+  const mode = React11.useContext(TooltipModeContext);
   if (mode === "drawer") {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_radix_ui29.Tooltip.Trigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_radix_ui29.Tooltip.Trigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -5640,17 +5798,17 @@ function TooltipContent(_a) {
     "closeLabel",
     "children"
   ]);
-  const mode = React10.useContext(TooltipModeContext);
+  const mode = React11.useContext(TooltipModeContext);
   if (mode === "drawer") {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerTitle, { children: title }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("p-4 text-sm text-on-subtle", className), children }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, { variant: "primary", size: "md", children: closeLabel }) }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DrawerHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DrawerTitle, { children: title }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cn("p-4 text-sm text-on-subtle", className), children }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DrawerFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(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__ */ (0, import_jsx_runtime49.jsx)(import_radix_ui29.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_radix_ui29.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     import_radix_ui29.Tooltip.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
@@ -5664,23 +5822,23 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_radix_ui29.Tooltip.Arrow, { className: arrowClasses })
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_radix_ui29.Tooltip.Arrow, { className: arrowClasses })
       ]
     })
   ) });
 }
 // components/ui/sidebar.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("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.");
   }
@@ -5703,10 +5861,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) {
@@ -5718,10 +5876,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();
@@ -5732,7 +5890,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,
@@ -5744,7 +5902,7 @@ function SidebarProvider(_a) {
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -5777,7 +5935,7 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
@@ -5791,7 +5949,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -5803,16 +5961,16 @@ function Sidebar(_a) {
         },
         side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
@@ -5822,7 +5980,7 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -5834,7 +5992,7 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
@@ -5846,7 +6004,7 @@ function Sidebar(_a) {
               className
             )
           }, props), {
-            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -5870,7 +6028,7 @@ function SidebarTrigger(_a) {
     "onClick"
   ]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     Button,
     __spreadProps(__spreadValues({
       "data-sidebar": "trigger",
@@ -5884,8 +6042,8 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.PanelLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react22.PanelLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
   );
@@ -5893,7 +6051,7 @@ function SidebarTrigger(_a) {
 function SidebarRail(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "button",
     __spreadValues({
       "data-sidebar": "rail",
@@ -5916,7 +6074,7 @@ function SidebarRail(_a) {
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
@@ -5934,7 +6092,7 @@ function SidebarInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Input,
     __spreadValues({
       "data-slot": "sidebar-input",
@@ -5945,7 +6103,7 @@ function SidebarInput(_a) {
 }
 function SidebarHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-header",
@@ -5956,7 +6114,7 @@ function SidebarHeader(_a) {
 }
 function SidebarFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-footer",
@@ -5971,7 +6129,7 @@ function SidebarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Separator,
     __spreadValues({
       "data-slot": "sidebar-separator",
@@ -5982,7 +6140,7 @@ function SidebarSeparator(_a) {
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
@@ -5996,7 +6154,7 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
@@ -6014,7 +6172,7 @@ function SidebarGroupLabel(_a) {
     "asChild"
   ]);
   const Comp = asChild ? import_radix_ui30.Slot.Root : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-label",
@@ -6036,7 +6194,7 @@ function SidebarGroupAction(_a) {
     "asChild"
   ]);
   const Comp = asChild ? import_radix_ui30.Slot.Root : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-action",
@@ -6057,7 +6215,7 @@ function SidebarGroupContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group-content",
@@ -6068,7 +6226,7 @@ function SidebarGroupContent(_a) {
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
@@ -6079,7 +6237,7 @@ function SidebarMenu(_a) {
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
@@ -6126,7 +6284,7 @@ function SidebarMenuButton(_a) {
   ]);
   const Comp = asChild ? import_radix_ui30.Slot.Root : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-button",
@@ -6144,9 +6302,9 @@ function SidebarMenuButton(_a) {
       children: tooltip
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Tooltip2, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Tooltip2, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -6167,7 +6325,7 @@ function SidebarMenuAction(_a) {
     "showOnHover"
   ]);
   const Comp = asChild ? import_radix_ui30.Slot.Root : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-action",
@@ -6192,7 +6350,7 @@ function SidebarMenuBadge(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-menu-badge",
@@ -6218,7 +6376,7 @@ function SidebarMenuSkeleton(_a) {
     "showIcon"
   ]);
   const width = "70%";
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-menu-skeleton",
@@ -6226,14 +6384,14 @@ function SidebarMenuSkeleton(_a) {
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className)
     }, props), {
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -6249,7 +6407,7 @@ function SidebarMenuSkeleton(_a) {
 }
 function SidebarMenuSub(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu-sub",
@@ -6268,7 +6426,7 @@ function SidebarMenuSubItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-sub-item",
@@ -6290,7 +6448,7 @@ function SidebarMenuSubButton(_a) {
     "className"
   ]);
   const Comp = asChild ? import_radix_ui30.Slot.Root : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-sub-button",
@@ -6310,9 +6468,9 @@ function SidebarMenuSubButton(_a) {
 }
 // components/ui/slider.tsx
-var React12 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var import_radix_ui31 = require("radix-ui");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function Slider(_a) {
   var _b = _a, {
     className,
@@ -6327,11 +6485,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__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     import_radix_ui31.Slider.Root,
     __spreadProps(__spreadValues({
       "data-slot": "slider",
@@ -6345,14 +6503,14 @@ function Slider(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_radix_ui31.Slider.Track,
           {
             "data-slot": "slider-track",
             className: cn(
               "relative grow overflow-hidden rounded-full bg-subtle data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               import_radix_ui31.Slider.Range,
               {
                 "data-slot": "slider-range",
@@ -6363,7 +6521,7 @@ function Slider(_a) {
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_radix_ui31.Slider.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -6377,15 +6535,15 @@ function Slider(_a) {
 }
 // components/ui/toast.tsx
-var import_lucide_react22 = require("lucide-react");
+var import_lucide_react23 = require("lucide-react");
 var import_next_themes = require("next-themes");
 var import_sonner = require("sonner");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var Toaster = (_a) => {
   var props = __objRest(_a, []);
   const { theme = "system" } = (0, import_next_themes.useTheme)();
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     import_sonner.Toaster,
     __spreadValues({
       theme,
@@ -6394,11 +6552,11 @@ var Toaster = (_a) => {
       visibleToasts: isMobile ? 1 : 3,
       duration: 4e3,
       icons: {
-        success: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react22.CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react22.InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react22.TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react22.OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react22.Loader2Icon, { className: "size-4 animate-spin" })
+        success: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react23.CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react23.InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react23.TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react23.OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react23.Loader2Icon, { className: "size-4 animate-spin" })
       },
       toastOptions: {
         classNames: {
@@ -6419,9 +6577,9 @@ var Toaster = (_a) => {
 };
 // components/ui/stepper.tsx
-var React13 = __toESM(require("react"), 1);
-var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var React14 = __toESM(require("react"), 1);
+var import_lucide_react24 = require("lucide-react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
@@ -6455,16 +6613,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));
     }
@@ -6514,14 +6672,14 @@ function Stepper({
       }
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     InputGroup,
     {
       "data-slot": "stepper",
       "data-disabled": disabled || void 0,
       className: cn("w-32", container, className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           InputGroupButton,
           {
             size: buttonSize,
@@ -6529,10 +6687,10 @@ function Stepper({
             onClick: handleDecrement,
             disabled: disabled || currentValue <= min,
             "aria-label": "Decrease value",
-            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react23.Minus, { className: iconClass })
+            children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.Minus, { className: iconClass })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           InputGroupInput,
           {
             type: "text",
@@ -6554,9 +6712,9 @@ function Stepper({
             className: "text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(InputGroupAddon, { align: "inline-end", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(InputGroupAddon, { align: "inline-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             InputGroupButton,
             {
               size: buttonSize,
@@ -6564,7 +6722,7 @@ function Stepper({
               onClick: handleIncrement,
               disabled: disabled || currentValue >= max,
               "aria-label": "Increase value",
-              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react23.Plus, { className: iconClass })
+              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react24.Plus, { className: iconClass })
             }
           )
         ] })
@@ -6575,7 +6733,7 @@ function Stepper({
 // components/ui/switch.tsx
 var import_radix_ui32 = require("radix-ui");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Switch(_a) {
   var _b = _a, {
     className,
@@ -6584,7 +6742,7 @@ function Switch(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     import_radix_ui32.Switch.Root,
     __spreadProps(__spreadValues({
       "data-slot": "switch",
@@ -6594,7 +6752,7 @@ function Switch(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         import_radix_ui32.Switch.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -6608,15 +6766,15 @@ function Switch(_a) {
 }
 // components/ui/table.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Table(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "table",
         __spreadValues({
           "data-slot": "table",
@@ -6628,7 +6786,7 @@ function Table(_a) {
 }
 function TableHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "thead",
     __spreadValues({
       "data-slot": "table-header",
@@ -6638,7 +6796,7 @@ function TableHeader(_a) {
 }
 function TableBody(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "tbody",
     __spreadValues({
       "data-slot": "table-body",
@@ -6648,7 +6806,7 @@ function TableBody(_a) {
 }
 function TableFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "tfoot",
     __spreadValues({
       "data-slot": "table-footer",
@@ -6661,7 +6819,7 @@ function TableFooter(_a) {
 }
 function TableRow(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "tr",
     __spreadValues({
       "data-slot": "table-row",
@@ -6674,7 +6832,7 @@ function TableRow(_a) {
 }
 function TableHead(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "th",
     __spreadValues({
       "data-slot": "table-head",
@@ -6687,7 +6845,7 @@ function TableHead(_a) {
 }
 function TableCell(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "td",
     __spreadValues({
       "data-slot": "table-cell",
@@ -6704,7 +6862,7 @@ function TableCaption(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "caption",
     __spreadValues({
       "data-slot": "table-caption",
@@ -6716,7 +6874,7 @@ function TableCaption(_a) {
 // components/ui/tabs.tsx
 var import_class_variance_authority13 = require("class-variance-authority");
 var import_radix_ui33 = require("radix-ui");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -6725,7 +6883,7 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_radix_ui33.Tabs.Root,
     __spreadValues({
       "data-slot": "tabs",
@@ -6768,7 +6926,7 @@ function TabsList(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_radix_ui33.Tabs.List,
     __spreadValues({
       "data-slot": "tabs-list",
@@ -6786,7 +6944,7 @@ function TabsTrigger(_a) {
     "className",
     "iconPosition"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_radix_ui33.Tabs.Trigger,
     __spreadValues({
       "data-slot": "tabs-trigger",
@@ -6812,7 +6970,7 @@ function TabsContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_radix_ui33.Tabs.Content,
     __spreadValues({
       "data-slot": "tabs-content",
@@ -6822,8 +6980,8 @@ function TabsContent(_a) {
 }
 // components/ui/ticket-card.tsx
-var import_lucide_react24 = require("lucide-react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_lucide_react25 = require("lucide-react");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function formatBalanceValue(raw) {
   const match = raw.match(/^(\D*)([\d,]+(?:\.\d+)?)(\D*)$/);
   if (!match) return raw;
@@ -6847,23 +7005,23 @@ function TicketCard({
   stubDisabled = false,
   compact = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "relative flex h-20 w-full items-stretch justify-between rounded-sm bg-subtle", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cn("flex flex-1 items-center overflow-hidden", compact ? "gap-2 px-2" : "gap-4 px-4"), children: [
-      icon && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-xs text-on-subtle", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "leading-none", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-          currency && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "relative flex h-20 w-full items-stretch justify-between rounded-sm bg-subtle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: cn("flex flex-1 items-center overflow-hidden", compact ? "gap-2 px-2" : "gap-4 px-4"), children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs text-on-subtle", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("p", { className: "leading-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
+          currency && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm text-on-subtle", children: currency })
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm text-on-subtle", children: currency })
           ] })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[68px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[68px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       "div",
       {
         "aria-hidden": true,
@@ -6874,7 +7032,7 @@ function TicketCard({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
       "button",
       {
         type: "button",
@@ -6888,7 +7046,7 @@ function TicketCard({
           stubDisabled ? "cursor-not-allowed opacity-50" : "hover:bg-primary-hover"
         ),
         children: [
-          !stubDisabled && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          !stubDisabled && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -6898,8 +7056,8 @@ function TicketCard({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react24.ArrowRight, { className: "size-4 text-on-primary" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react25.ArrowRight, { className: "size-4 text-on-primary" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
         ]
       }
     )
@@ -6925,58 +7083,58 @@ function CreditTicketCard({
   badgeInfoCloseLabel,
   compact = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "relative flex w-full items-stretch justify-between rounded-sm bg-subtle", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("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__ */ (0, import_jsx_runtime57.jsxs)(Badge, { variant: "fill-credit", size: "sm", className: "!gap-1 !font-medium !tracking-normal", children: [
+      const creditBadge = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Badge, { variant: "fill-credit", size: "sm", className: "!gap-1 !font-medium !tracking-normal", children: [
         badgeIcon,
         badgeText,
-        badgeInfo && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Tooltip2, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        badgeInfo && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Tooltip2, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             "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__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react24.Info, { className: "!size-3.5", strokeWidth: 2 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react25.Info, { className: "!size-3.5", strokeWidth: 2 })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TooltipContent, { side: badgeInfoSide, align: badgeInfoAlign, title: badgeInfoTitle, closeLabel: badgeInfoCloseLabel, variant: "inverse", className: "max-w-xs whitespace-normal", children: badgeInfo })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TooltipContent, { side: badgeInfoSide, align: badgeInfoAlign, title: badgeInfoTitle, closeLabel: badgeInfoCloseLabel, variant: "inverse", className: "max-w-xs whitespace-normal", children: badgeInfo })
         ] }) })
       ] });
-      const labelValue = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-xs text-on-subtle", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "leading-none", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-          currency && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+      const labelValue = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs text-on-subtle", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("p", { className: "leading-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
+          currency && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm text-on-subtle", children: currency })
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm text-on-subtle", children: currency })
           ] })
         ] })
       ] });
-      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         "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__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-1 flex-col gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2", children: [
-              icon && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
+          children: compact ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-1 flex-col gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-2", children: [
+              icon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
               labelValue
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex", children: icon ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex w-10 shrink-0 justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-max", children: creditBadge }) }) : creditBadge })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-            icon && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col gap-1 whitespace-nowrap", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-xs text-on-subtle", children: label }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "leading-none", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-                  currency && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex", children: icon ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex w-10 shrink-0 justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "w-max", children: creditBadge }) }) : creditBadge })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+            icon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col gap-1 whitespace-nowrap", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs text-on-subtle", children: label }),
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("p", { className: "leading-none", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
+                  currency && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
                     " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm text-on-subtle", children: currency })
+                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm text-on-subtle", children: currency })
                   ] })
                 ] }),
                 creditBadge
@@ -6986,9 +7144,9 @@ function CreditTicketCard({
         }
       );
     })(),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] bottom-[-12px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] bottom-[-12px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       "div",
       {
         "aria-hidden": true,
@@ -6999,7 +7157,7 @@ function CreditTicketCard({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
       "button",
       {
         type: "button",
@@ -7013,7 +7171,7 @@ function CreditTicketCard({
           stubDisabled ? "cursor-not-allowed opacity-50" : "hover:bg-primary-hover"
         ),
         children: [
-          !stubDisabled && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          !stubDisabled && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -7023,8 +7181,8 @@ function CreditTicketCard({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react24.ArrowRight, { className: "size-4 text-on-primary" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react25.ArrowRight, { className: "size-4 text-on-primary" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
         ]
       }
     )
@@ -7035,7 +7193,7 @@ var TicketCardDesktop = TicketCard;
 // components/ui/toggle.tsx
 var import_class_variance_authority14 = require("class-variance-authority");
 var import_radix_ui34 = require("radix-ui");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority14.cva)(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-secondary-hover hover:text-on-prominent focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-secondary-hover data-[state=on]:border-transparent data-[state=on]:text-primary [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -7066,7 +7224,7 @@ function Toggle(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_radix_ui34.Toggle.Root,
     __spreadValues({
       "data-slot": "toggle",
@@ -7076,10 +7234,10 @@ function Toggle(_a) {
 }
 // components/ui/toggle-group.tsx
-var React14 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 var import_radix_ui35 = require("radix-ui");
-var import_jsx_runtime59 = require("react/jsx-runtime");
-var ToggleGroupContext = React14.createContext({
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var ToggleGroupContext = React15.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -7098,7 +7256,7 @@ function ToggleGroup(_a) {
     "spacing",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     import_radix_ui35.ToggleGroup.Root,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group",
@@ -7111,7 +7269,7 @@ function ToggleGroup(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
     })
   );
 }
@@ -7127,8 +7285,8 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React14.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  const context = React15.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     import_radix_ui35.ToggleGroup.Item,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group-item",
@@ -7151,7 +7309,7 @@ function ToggleGroupItem(_a) {
 }
 // components/blocks/result-block.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var THUMBS_UP_DATA_URL = "data:image/webp;base64,UklGRmYPAABXRUJQVlA4WAoAAAAQAAAAxwAAxwAAQUxQSCcFAAABsIftsylJUsQ5N8sYZHaPbdu2bdu2bfM/27Zte7Mya22rmRnnt8hblfcgcr0RMQH0/zrz37H+mLt2efCjV0+bjwyrrkSno/X3VyKjOEufOGklqC9JhpXG9LRgjILaMmR1ZlbEOAWfzsxGYUyTGuMABGdRpi97ENoo+JKstixB2gA0plCmLHqoifY2J1GmKjMXXJvQrJJRFNO3gra7c1hRdgMUKJjZqskQmgVAviQ18xWCYmdhJdk+FOTuJC2/Jyj4T0oyy6L4soqYftsobgMV2aPg4ZEaygjiwU0aohcFHt6mIDMPvLxVP0w/Ei9u14/dGn7epR5LED/OVQ/dJfBzK+3Y2eE8mVs5TFWBp6Rcuz58/Vw5hlzTlzeVw5cKfH1RN7YL/iBjxTC9J/B3G82YleCxe4P0auhPTY/wB80c7+DzdL1YA/EK3WqhlwV+D2nFLATftcL0y6Zv/UoxB8F3Rzq1BPFtilLoaYHvb+jELAz/N2WNMP1C/LMqsbvCe/c5adQSxDvsxBqhOwT+G43YiXD+vUsKZfpa4P9arBC7LkIkhRhyTf/cg6RQvkwQ4KKsj6wfAcgfSZ+GPhX47841qWEmMqWu7q6uUstusnnMppQZY69DkP293d2lUmbNWK01LbMsy0qlUtaC48BMlVM//KNgzD8YynLMZoBzAichTEdrJ2N1zomIOOfQsjl19OmdK8QmOLZ0xO8xfvkd5TcEKfzFMWQ4LMNLTXPSBvx6LEiiOOxJWUiGzkEDbf1TagDB15SFw3QjBO2dnh6gMYWyYOxOELS5mSI0J1EWiGU00W7hFEE+JhMGPSxouzNJAnYOBQWmSqYTh8ArFYFEAdsHQdf4MT0tboSCfFEhQHcQ1UJssuYJ4luVrN8xbNsxbN8x7BDEd1SyXRBVlawbG0f501IzT2ywTE4JqaUgRwrZKmc4NR/GZ/NUbc7R2SJV61GQNY0sEUa9kM1zZkjNsmHUvBhOzXI2iFGFyI8oyJpCgFm5UziMQhxVyb1B1L0YSs5TQdRU8ma0BpPzScfwdhAjKnk0iKpKDuMQRrwYSM4CFGLNi/7UTKcg64Vslii5O4yaQjC/iVZfWtzvKUw/etMiF5ow6vrAzIGMFLJpkqRKgVbVge24U6BQatpwz1Ko9UI2yelJCRbnzkD+RMHWCtk4pzch7ioOpq4MTDTB1ArZJKcnHe6HFG4xG6cH+3GcNklQFlBdFe5dCrhWyMbJwUocUL2QTVLjhEKuaUJuCaquCczFsdo0pzcR7hcU9KgmjjcdAnq4M3CfUdh1PWA97hQosJoa3CMU+IgasDgHVvOiLwXuDxS6Hi7mDgEzmtCqXvQnwH2Xgh8pZLOEYC8TXM2LvhQYDm5UB+4tCl8JWJU7A+coEQPxu5ci6Mdg9LAoR2DEi6HYya8phtVCNk+FO4Fj8B0NoMvE4FsNfExR9GMwdhtyp0AdgnuC4vh5+rAEx+Ht5LlJFMnnkydXciRuTR5mMpE4ppAtUiBfUSznKWTLFGB1jgVNkgK2SkDjFxQNc7DzoD9eDosbigb9vtG+LXP6InYDRTQbRKNtm+f0xMq5N8lEhLI50UyT4G7KKKoZfQxpzzY5RmIkbtqaZCmyGS1XbUcDxK3od80ITTqdDFN8Dc108qdTxoNFLLU2SyGy03583dLEhuLMRDQ46/zzzTffvPPMPffc88w7fymjfEOzTpwwYUIlt1yu/H15rJXy31fKlXKlnF8pj7tSrvx9uZeIien//v9XfQBWUDggGAoAANAwAJ0BKsgAyAA+kUScS6WjoqUjc5pgsBIJZ278Qi8Hwvc8Z/PndH0L8Y+3P/DeGNhV4uz8do8qx9p5gcZv+s8NH7D/z/YD/PX66ewT/4f6XzifTPsG/rz6Vnrs/cP2Hv11//JFOyneeAW0wbcou/igl1zxho0WRxDimPALaYM6+VrqjKr+SiMnElO878dA3yFCkM+t+whevqvMGhXCcaDwUXXFH4eQ6sCNOis0oDUln4e9M3beAvzbZyUe2sUvdvtjPDFhG8dPxVDA/XZGk1ETr69eacwYnPhuLS56ol4GHT+w+hq85I7EHxvN4n68ZUeC+sDOCSQMpz6m4Fzqzrg9ZyhyQnUfmHqhcGQ/yBDy4W+qjcsBfDq4xpVARzZ2uW47mzNOIigiKz5Tw+mTHb7K5m9lSfmeMPMPpWXhZQVTZawZgxiMdOg3ccW5pccD7hwGCZ0+pV2azLYrT+zGOqIcbr1PYUXPl9LQ8IhKTeyhGBmpdCXdUSSJMKko79zaD//rSyWRpF1MNueAW0v+AAD++5zAAALiasAmBAtMjd3teHxoV/JwSycQb8T24aWw5wWjnP87DL5yaEnvCifBRcW/QYZPObqU0f4fAjw2ZLaVKj7hZoTyQu4dPqH4gTQMcAfv8BCfJ7DObKNJoDat3XoqhZuiW8sQ6GBrRMq9Dkd0xl5ULWfjBCUXzvE+yRWByiMm9GvwsjN6pMTLTAfwDK8x8YHP7IFXmr9Ohbw3lVDYPJKpWXmHeO7wb8vGqU2ThOJXtJ9olH5g1qkVNO7MdAd5FvxU86R1i/SUqzBMrxSAPdTXXmLZu+gveBx/eYqSRNuu0tqHIV9T+mP1xEC5dX+HdTXYA1Pdhk+9yLuHAU2D8bazJuRhexCVychOyXyv+7dpTzpNfrj+lC5dIVyzoW5Fyra3W3dyl1mQ3MrAMiHwf1pV5axectvd4CM+Iu4n1yHfPKGPcrcm/G9+a5dAzXL9YOdbO+GmAYyFR+E0uZd7nFwfW9OvRmg/k1ekfsv4dZEZ45M6yITB/1GMCi872dJHGq4nCKuaCXURhXCNsLy+tpj6YCTt5oJDuG1WXTgI8++c5/4AM/eJFCx0dMaf8Loyp9W/PAHdOZgC2aG4/1/lA3Epa/4hAEPIiuAo3vZyTXO65nn9/A+eLuy/449dgY7gSsrQDrP2Hmh05OsdFBPj+BsefJZAyMS4T6jPsdCNtu6bH4KcFVBwIegQ22lQnlBIG2D4R24k/McwxQQC6sR8c/eJCL6o+anvM+BC4dVih1h5ae/4s1Q6GkFw9gE6+2/rhedXEzoV8TtJ3dLuPi+nRU8XxTZqq/E4ctlcWd0H0aawPjTIcXaxQk36BEC/njKgHlc7c/d4+WQiihb7eG2ng4KVyJHZ3bzK/4I0yU1/ile9IfW342gFB3dUS7yrQxNbRdeoE4f47jSRZD4uP4qpVOWmKtIE31xquU1ep2EeCbLB8UoludUvkjG8U8M3pe7XlyGBYQcgcsn3HFUuPXp/5yXaZR9H9scEjkX6MlhwKI3QGuk8UZborE1j0lt5pNTfq2K6d1/6SoiVNVLSRZ9ry7YQGRhQ48mewSXEEVownN9KTXH5SXUylJLr1jB9KOAhLAGdMfpkFNbgPlU70iYmRw9xYQz1yfvUH6Ul80AcAra/1tvp5kua7H5wgy30feuCKUXQIzcIoIpSuFQ/i7SxQkRCfWQIAsOc0XZmr3/IOBAZKbzIMOlBkoxYtjE95cV04d+6N792Le6VUmArBadYp7BOgqcNfxU4dfBtJ74uDkc6VQRuIpPg478BODjpfsWFA0vlLIKFTdRwVUdJOxBvFnhWwKP0D1apVqohwg0IPDfWP8UVdpVUhGrWYuUTDE2nubQrJ5v+usi24qv+3kysRqQMjDJOqpQkxnigjREutxNfsLY1xUvO2lTqrORSagjcR7pA8924ES/dA1lEZ3ZQ5z1F6nS8Bq2xnTiQ9BqcmJ7zSJd22si8KtuN/siapwQIzTHW63B7xXAKQtKMnUE639KX83BWcVOWGr50CTiUvkK8yDy38AHewCCa/fjhQeHabgNE/0tmbOaN5stn1H/m6qKp0WCbyVA7tKaSaRklqfipnbXoVHMguAGss38eJa3FLWweUAl7rNzHv79GalBMmNgUznun+3m3dWMn5WK/34+LilQXVLXAzuRipKqi3cNMeLO8B+ug7CpRCchBUESkH2ep5anNgdsYR5rfffGhVW3o3VIRyYpN35MK7tlEi/t7OeSTr10CeQQnpcc5pd9K4SdIQCZ5/G9WjwRMnVf0oXJ25OUzYGMakzcjz5vjSV7Fh+UNNjgLnlnM5zdtz8DyB6OlSAA/xFhwY8uyPpMaJBpmJVjNOdEChpZ9QUc+gAz/Awt2ER8coD6OZhX5NUjEKrJvHjOQTeuvCAyJ9CJAHY1HDkY1Saa2/vC8jm+Sc9DiMKg+LJriUFijlLwHEPOluQhWObjSqhybrp1vmS1Mt/KPMDPZyt6Kxox6jMvL/xgGNNE+JaFEcEZ/H/Ws6oWhQT9Qteg2TDkQISuXe+FCmot1BtA3iCJ29VxNMNaWuGXJdmhEfp/ST9UNlxSsfVfbEkqQdBoiUIhK5GZlUF1tOTbgEdr60Ty1S6ZSFLIovKBxheqO5TAGNtbCaJ7nvRkqRaIb+LRL7P/c3EGI4PFCpyNZnNajr3oh7e8M8mufcpqT+DXDSZ1KG56xJQ06T18FfS5s4r6tbLWSbMQO8uH19kYca2lgvljt0gfWU3h7FSWwRDGQGLhWojhmxHZrgtn/gyvw5GGLqjCqwx8KHX/maaRTUYSwWSmwXtS1RBmIDLx1GHCS2ED5ciDx7qn4HOqEzNpwfN/XMYuRmyvMDqb0u1FEQ/NHsDl2yA7MopUtbm7A3rB7jH3+o8Y5Aaq0egHuftsojcTr2yQ2tqnZusSb6vb2Qgf0ZV80OOwJYY35WQr8st1x3UCrKmS3X1TXIlvAUQgwS72DVKESwuab+Nlb2FLU9/UfmZzs1bGi2wfdsiqXt3Da1HGSb/1OAFDj4P5b03Saw9Pf7kplOscrGW93H9ZW1JmNiPNi/OW6hL0I2ZLtM8vQwYylPwdMGln9ZddXNn9HgsnNATObEWO1BfVE3Vx1OqLeOSo8aw5bNxSPfyUFvwV9LIgpeSE+a7JZV0sMm/K6xXubpoIPqa6tXoP/g8/tvZbgguLvKcaYVpiTe4orHUeYbU/VEaQdLW5kGBmCTUU8fSDGjZhUqVp86z4tNdZx3P2C654aOxJW5G3pVcdlqsipHwLgFBUCfcsGTJ0U+svqOD8TEXkbq6DsqXDRuYB94Pz74uM+Zh3xXaDJU48d8SBhfPPEtop5pxU6j3s0czCqev5OjlwuW/ESXLpZiO2Gx24Pwl33O8l/z9VzhVM+sZy7NWzUASRdBsuUPG+PAAAAAAAAAAA=";
 var THUMBS_DOWN_DATA_URL = "data:image/webp;base64,UklGRvgPAABXRUJQVlA4WAoAAAAQAAAAxwAAxwAAQUxQSOIFAAAB8IBteyFp27btSdWcum3btm3btm3btm3bvmzMTE33nDaGVw+6R1XJfmNSU6kcye37jogJwP/9/99f1caUdimdUBqb7vrG303Onteb783OTE9OTM68BW59s5n9e/bs2N7tdorR4eHR0aIoirFOMTJSjAwPnzsyWhRjnU632xktiqIYG+t0ut3ueLc73u0WxUjxt51Op9vdsXPXjvEzvvOGZ18NUEqkDFc4jhu2vJULk5binnJjaHmUvtAozcbIp9ShvJZ7r4VMGKXuy5KNPq3GtECk4TeRi6LU02nY7DOEozWzyCTJbkrDhp8pHVmtIJdDgyWjxWoXtBzvNmz82TVmxKJ9qhID9PDcGtNyGQstxa3o8eU1puSifa2S4v0+XldjUjCzDCXEb3y8OQrkfbUQx/l4R42jkplDEPJkH2+pcUQy8rJahlN8vDYS5teQ8VQfb6pxTDRyixbhNB/vqjEhm32fEuFMHx+oMSWbKaEkONvHl2rMyEb7aC3BWT6+XmNeODMPJcA5Pk6uUQpH3kELMOxjxrWF0pudkG3BdVHxyIvo8EZ99F2Xkc9+UYU35mPRdbkIGKWD2+XjPNdl5aN9ngpun4+e61IxWIAK7YCPRdclI0DeUYd2yMcgKuYQBFt2XSIG5KV1YId9rMbF/ASBH/FRui4SBXKTlu8CcbAvV2JVrvPFwQyg/j4g76WlKmNjjkK880eCvHIm1Fp0zIkQajU65Pm0TEuuC0TDvlvJ1I9QCSXb+aJB3lOLNHBtjYc5Atm2xIO8sg7mWGKYP0CiJdfmiJDbdCgTqWHfr0KZTA2zBhXIhI+Ba1NMyIeGMpkcdgby9F1DUSGvpv9OML+DOEuuPC7kkJJmuYaNzMPEWXFlJi62QJATCUIOBTHZCh2da4mlqtg87u+G14qVmdi8RZrVGjY2b5BmxZUzti8LYtrHsmsoOk8Ooudj4NoUnTsFseBj0bU5OhcMou9jwXW+2ExCmr7rIrF5RxgDH/Oui8fm8WH0fcy6LhOb14Ux56PnumxsdoUx5WPBdcnYcCiICR8914Wjc8sgjvqYdV0wOq8O4lArLhyd7wexz8e866Jh2RBODmKvjwXXxYKyDLEI4k+tuERAi4Y2hF1BfMLHogCGgY6FoB7qY8l1yXBI2iBODAHbfCzLEOZ7g8DxVQsuHp3bqRCyC9E0tuq6UEAmEI0g9XNom1pznT+gMM2pCATvp2loNVa8mg4DGk+gaWbFdb6QLE3rqhMRrNKXGKdtwEy7sGYDKlmtkrZF1RLyYIAM1/3lxiwfpVw/YjyrAXIErYArPPh93/r5H048+aSTTzn5lJNP/Okd4MrwmF8cV4xP0Ihn7DhyiKsU3ArrvpBWNmv5NOSIoMaXjWz9V2VaI4oaU1X7qn5vrjczPTM7O9ub7/cX+wN3fzDoD9bvT3V//eIrQGnEMs9ZtY6XRZJm16Npm/llmkC9lLZlNFBJonGcaRvvkybIsVi2zO5CoubbWLaLvIhOE+ib0bTLflIlCtRr2G6zjFTVONO0iryBShTkGJTt+iiSNTs/y1YdThfoW9G0iUPpAvUGtvqKCaNxumnT4xIGOQZli96eMsjPx6o930wa6JvRtOZ7aQP1Krb2u4mjcYppy68SBznmq5b8JnWQbWXZjm8kD7Ib0rTiJekD9Rq28g4JpHGmacPWBEKOQeXvKJI4uyBLb6NpBH0XGl/copJI4YP0/jCkscaw8fWVREKOlcrTWCohvwqtn/lkAn5s/AzSKdtM62U5naA+52c1ofT5uK5tqEwoYNyuY5tZSapXsVGzXi+l1A2bcXZSCuf38pGkQtmEcdxGJdW+jVlLJ9L6lxtz2zMT6/nN8To6qdT1GzMjSOytjVjS8HxZYmG5ib99TIbUPtJM9Ueo5PpFI9Ux5Eht9YAGrJnCENL7Ahsz/DVypPixqp41fAwypHh2GVY1rOEvN2mNNNe3pLUO/uwiyJDqSuOtByxZTh73xC3QSHkFIM8VoBT+7/9/fwRWUDgg8AkAADAxAJ0BKsgAyAA+kUKcSyWjoqymVGnxkBIJY27hcIDhQN/e+dvmhIx7MdAnpM27fmA/Wv9bvd09KO8r+gB5c3s2f4HAYNvvzaCLtF+z2VKDR/jGpTKAZORoHjc+qPYI8rj17fth7KX7Xk+2XiRUGTEXzLXDxkerZEuqna4OSkKXGsst3feHLAweKkPz8hy//rhTmG3bGoefPlZdx5hmazDpdadafF56TWEtI1qzwvQz4a93PvlwkDzPrX7CwP8aTrejC2xSfzQl6AQeRzJUFW+mpNZ7BQfiXCdNUPlXZq5420NaqGqA21AhtKu3guMjYZKUnI0XAnt15ojAkS/QZbQr1Og5hythotoLPZj1kfej9vPWOLKVjWOggPbaIqpy7CuffcDamgC12ir1+kA3SArDVekOigxdQKrvMcLCT8jOAE3G4l1eLEC0G+miJ+B2Him04Svzc44JA3EioGkHDurwuMT7XwDdafBI9ZO/Posu+G6M+60iYMKboYEV0HSMUgWfTxQDOtzyE8S6ggIl1BAQuAD+/xagAE6VVvxN9ErSzTevtjce80DStnMdPQPLurcHc2595OHopyAPoJlxDYzsSAkZLjQ+1DYXMozr/NRubuIqOovseYg4txNVnU05g9NKaGJR2VxB3zT5tvkHtJpIsU7T0BlT6kVPR/MeQC8bP1BZCFu4jiBhIuLBYcYVUzdKM2EQQW5qV25gp4uhXvvql2TVs3eLWlcht+FUrE/mzTXB51b+X6f8m2XK4Pp1Ig0uhCun1ZiNe0ro++PielC9tv9kaxX4uCDqdC60Wv0mtLDUBjyOycpuJQ5bXKZymDt0NpAjM3tmayr2YiRnrJJEM8PhqDwZj0LIsCFYMwCfDXmUvqPgtO9yMiB+WJ+RFsLWwYqmvVLFkrsdEnybgJLxiiTMv6eiNvTOdGAk4JCSMyzzoQzCnaf2jJt+VLPZ9/4ilN33zy9cLdo7/Qs4Ngso5aeAnBVbyp7cT9EDiUjY1252NgEZFVVv13jkOSIgJyb5oMyZkQnYMsr3A3yWpVUuJ0D5OfFxHvcb5AA3lwidHZx8JG6PixPcKII1f2BCJ+cqvULGMOF55kc6xsegCFFwt+tstOz8xty50qvBlbrIFrHoEBayoL9t3jqteDh3cuPM8aQWVRWDuL9Mdrtg2jczruARMKfZs2O7PDiomDEDqo+DYKtWZyCdRFpsAEhIHIjJ/GlY16MXz2GgvGfQNsi1Tp0OnKhLJbj/09BHBY9WwXynfpaQsSxGLZNkpygDoPIEwGVUPsv4+Noeh0pBU2WVNlQcdL6daOQjciKMC3vj5Kx9awAK789eKtjZ1ZXOvzaiU/59ZV7/gzNe+2QvPKDKI1eVGQGnTbG+0NL6To89dlf3306EfsmY0zvs5e6kHks3YMLqnY7fcUy8+TxxieDhGVRKEhCJ5XDsf4Af00N6Jk8yRKXws1AdlbqUNxXlGRyMGAaER32lSjdyD26dBWG+X/X/kDhkQTUjY2rH8Ul9VSvCeIDZkBAUG0zIUc2eIFsTs8BYlCkEXUrBWVU8S0vVLvnSqMQiVPZEz/6WlMKq4rFKJPWAxhusdfATImz8lfrZNbO0GG2h0q0XoTi3k5NjF6CVzynzAN6m9xnoESU428C9q2PYJGkZOQJm/4Bw8xVOxtAj0VstaTb3ffl1ZahIlTj097xhbIbOo45TQSOLybT2utt6OtFB6QhzK0esLQfQEAWwAZeriZdoWg7ShPR3vuiE1yNBOiseGN+SCP1s/ilVG2Y3auvUFn0be+2e/ZkphEyBVi+3Ah2gx2mSkAn8JE05tgyYgti4NwhQt0UxVggmZPcHRrLCPQWXzz7LV52Clqg39/CV6PvoNKcS/w2PBTFKDTPU2UqkxFDt+i8xWp9MrNOMoy6oDJgzk+t62sLcuPrjCXIgREQA5jbAgciPvO/TxbBTxKws0gYm5DyICgahB2pgLQGE2SmlVo/RZgVsx2vMo4i2O8diUWYxnUESWPdgQWBG/3xM3t66DhGDDcTubDV1RVLVcWuPYmLblLvIQKr9Xa9q1mmWemN5Ccr4lzcgixQevg483Ba4Qi2F1V1Yc237HNlURv2iWHHOm0BLHNJAyrfr/VR/cmOL5GaHgRQy+joUNUcuUGiYAFz4fwVuUDmpUgrY4Il0RlFbWdVYTtt7FGOpRlh6Kvcc4on4qx+JR9q2D2WObuffcl3pT58M4SSfiIth/ypyjDXOHBPa5NX5RdeOP4uf8WQhLgZ4Mbcsj22cqOMDOwlJeVxk+zwxhITpqqajToGm4dL4UjzgQrdRoJT1sodc+/degvUX0t27ogTE3ss36fScYLJdKPOXhGLsqAlA73J+got3HMJngNAmGkThC2LOL9IiIPqrR0YptOmK0XEEYh5T6+J34QGD55JJls5y3W3hc607dfsvb0GhOVifkuR4HFbwAJlHB3M+oJlbQI6xSbe+dBFVQYgNaWQvM3aouoRSEZq1WCp3SvSiGkFRDdiZXyV881w2g1iW2ya3gwslnnNv/t86d2Ya0DiwHd9jTyxXvnTd/i3LD8oWPCPaEhzvizXHKfUr6j+gKWL25LtC3aru0i0f4EAeqNRUCWM60WfxlJ2p60HexqCHHIyOzmWf2wgDvMEnjVk9WdgtfHEdbvbDFGJv6JEPZF6ouqXCeMuZvmMAbdtZbYYMF6Zpk6SVsjsVK7+nxTzQ51gZnigoOeCtJzQMc0qrLF6JoOMZWesIrWmk1Bn1Coxz60Xp4VS/uKixMkWXzb2rFOA1ES2VzHHWZNsJQAwcwwh3pf+3JJDbQszgIkvTAGYQ3EeEsVLrQyoEFPZcsO9pNNI9ArbmQ3RAAApXxWzZ0jYNOvdyny6/SoR5kmLHxBJOqbopzEMSJej2lfKM8GsfW76LkKYqa5s/L5Ij+T6uBOTQ2WxCWCbJnY7w4o85it/oIKN4i4Dw4nZmmJjpIowT4g7TxkogF8eb3P9lgnpP6TwcjMOJpmgEmaH3KH3YWrqjW3JOgSZZlUYz3feChOHVs2w8z1v4Vh9QofYXKE61Klfz0gjthZe+wMAnYiPchCSUNMaDfOMwVNHxPBqthq+nTlJGFUV8DjI7JB6ed08tX11pz6P2WmyYEAclqv4y1aWH5wjis0QtYd+JqYOYt/piG0bRyv/FD3IWHHp+HJJNMM3qLS1/UXgrJ71vjLbCKKP1gRkMIgNLo0DICCGoCWzlzwVaxaA+Vw2ak8zv1yOoqrBn2qtzv2hH0Sa/cw0F8kI0HzjwhsBeJceJAqsiO+wfsXZVY6WhujWK3iV42g/pWHuzPySKVsytA6AhimxmMXBLyL81aahZwi3ABTmJaNUjSUB3k5756ga8XCYmBf7ltCYwS9pugAAAAAAAAA==";
 function ResultBlock({
@@ -7168,9 +7326,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__ */ (0, import_jsx_runtime60.jsxs)(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "relative flex items-center justify-center py-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "relative flex items-center justify-center py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         "span",
         {
           "aria-hidden": true,
@@ -7178,7 +7336,7 @@ function ResultBlock({
           className: `absolute size-24 rounded-full blur-2xl opacity-20 ${haloBgClass}`
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         "img",
         {
           "data-results-motion": isWin ? "icon-win" : "icon-loss",
@@ -7188,28 +7346,28 @@ function ResultBlock({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "font-display text-4xl font-bold tabular-nums tracking-tight", children: signedAmount }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-lg font-semibold", children: currency })
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "font-display text-4xl font-bold tabular-nums tracking-tight", children: signedAmount }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-lg font-semibold", children: currency })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Badge, { variant: "standard", size: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Badge, { variant: "standard", size: "sm", children: [
         contractLabel,
-        pickedDigit !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "tabular-nums", children: pickedDigit })
+        pickedDigit !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "tabular-nums", children: pickedDigit })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Badge, { variant: "standard", size: "sm", children: duration })
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Badge, { variant: "standard", size: "sm", children: duration })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "w-full pt-2", children: [
-      ctaMode === "next-round" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { className: "w-full", children: "Next round" }),
-      ctaMode === "go-again" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { className: "w-full", children: "Go again" }),
-      ctaMode === "conversion" && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "w-full flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { className: "w-full", children: "Deposit now" }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "w-full pt-2", children: [
+      ctaMode === "next-round" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { className: "w-full", children: "Next round" }),
+      ctaMode === "go-again" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { className: "w-full", children: "Go again" }),
+      ctaMode === "conversion" && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "w-full flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { className: "w-full", children: "Deposit now" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
       ] })
     ] })
   ] });
@@ -7220,21 +7378,21 @@ function ResultDialog({
   primaryLabel,
   secondaryLabel
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-sm text-on-subtle", children: body })
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-sm text-on-subtle", children: body })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "w-full flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { className: "w-full", children: primaryLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "w-full flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { className: "w-full", children: primaryLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
     ] })
   ] });
 }
 // components/blocks/header-navigation-block.tsx
-var import_lucide_react25 = require("lucide-react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_lucide_react26 = require("lucide-react");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function HeaderNavigationBlock({
   onBack,
   badge,
@@ -7243,15 +7401,15 @@ function HeaderNavigationBlock({
   actions
 }) {
   var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
-    onBack && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react25.ArrowLeft, { className: "size-5" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
-      badge && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Badge, { variant: (_a = badge.variant) != null ? _a : "fill-warning", size: "sm", children: badge.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-sm text-on-subtle", children: balance.currency })
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
+    onBack && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react26.ArrowLeft, { className: "size-5" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
+      badge && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Badge, { variant: (_a = badge.variant) != null ? _a : "fill-warning", size: "sm", children: badge.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-sm text-on-subtle", children: balance.currency })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
-      history && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HistoryButton, __spreadValues({}, history)),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
+      history && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HistoryButton, __spreadValues({}, history)),
       actions
     ] })
   ] }) });
@@ -7264,9 +7422,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__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "relative inline-flex", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react25.History, { className: "size-5" }) }),
-    show && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "relative inline-flex", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react26.History, { className: "size-5" }) }),
+    show && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "span",
       {
         "aria-hidden": true,
@@ -7278,7 +7436,7 @@ function HistoryButton({
 }
 // components/blocks/faq-block.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function FAQBlock({
   eyebrow = "FAQ Section",
   title = "Frequently asked questions",
@@ -7294,38 +7452,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__ */ (0, import_jsx_runtime62.jsxs)("div", { className: `w-full flex flex-col ${gapClass}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h2", { className: headingClass, children: title }),
-      intro && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: `w-full flex flex-col ${gapClass}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h2", { className: headingClass, children: title }),
+      intro && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       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__ */ (0, import_jsx_runtime62.jsxs)(AccordionItem, { value, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
+        children: items.map(({ value, question, answer }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(AccordionItem, { value, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
         ] }, value))
       }
     ),
-    helpCard && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h3", { className: helpTitleClass, children: helpCard.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
+    helpCard && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h3", { className: helpTitleClass, children: helpCard.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { size: "sm", onClick: helpCard.onCtaClick, children: helpCard.ctaLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { size: "sm", onClick: helpCard.onCtaClick, children: helpCard.ctaLabel })
     ] })
   ] });
 }
 // components/blocks/hero-block.tsx
-var import_lucide_react26 = require("lucide-react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_lucide_react27 = require("lucide-react");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function HeroBlock({
   layout = "centered",
   tagline,
@@ -7336,31 +7494,31 @@ function HeroBlock({
   image
 }) {
   if (layout === "centered") {
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("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__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-        tagline && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TaglinePill, __spreadValues({}, tagline)),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("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__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+        tagline && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TaglinePill, __spreadValues({}, tagline)),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Button, { size: "sm", onClick: primaryCta.onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Button, { size: "sm", onClick: primaryCta.onClick, children: [
         primaryCta.label,
-        primaryCta.trailingArrow !== false && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react26.ArrowRight, { className: "size-4" })
+        primaryCta.trailingArrow !== false && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react27.ArrowRight, { className: "size-4" })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("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__ */ (0, import_jsx_runtime63.jsxs)("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__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
-        tagline && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-lg font-body text-on-subtle", children: body })
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("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__ */ (0, import_jsx_runtime64.jsxs)("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__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
+        tagline && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-lg font-body text-on-subtle", children: body })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
-        secondaryCta && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
+        secondaryCta && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime64.jsx)("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({
@@ -7368,25 +7526,25 @@ function TaglinePill({
   suffix,
   responsive
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("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__ */ (0, import_jsx_runtime63.jsx)("span", { className: "size-1.5 rounded-full bg-semantic-win shrink-0", "aria-hidden": "true" }),
-    responsive && suffix ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "hidden min-[600px]:inline", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("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__ */ (0, import_jsx_runtime64.jsx)("span", { className: "size-1.5 rounded-full bg-semantic-win shrink-0", "aria-hidden": "true" }),
+    responsive && suffix ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "hidden min-[600px]:inline", children: [
         label,
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-on-subtle", children: " \xB7 " })
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-on-subtle", children: " \xB7 " })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
       label,
-      suffix && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
+      suffix && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react26.ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react27.ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
   ] });
 }
 // components/blocks/auth-block.tsx
-var React15 = __toESM(require("react"), 1);
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var React16 = __toESM(require("react"), 1);
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function AuthBlock({
   mode,
   logoSrc,
@@ -7401,20 +7559,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__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
+  const [email, setEmail] = React16.useState("");
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h2", { className: "text-3xl font-bold font-display text-on-prominent text-center", children: headingText }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex flex-col gap-3 w-full", children: providers.map((p) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ProviderButton, { provider: p }, p)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-3 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex-1 h-px bg-border-subtle" }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex-1 h-px bg-border-subtle" })
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h2", { className: "text-3xl font-bold font-display text-on-prominent text-center", children: headingText }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex flex-col gap-3 w-full", children: providers.map((p) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ProviderButton, { provider: p }, p)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-3 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-1 h-px bg-border-subtle" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-1 h-px bg-border-subtle" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex items-center gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex items-center gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       Input,
       {
         id: `${idPrefix}-email`,
@@ -7425,60 +7583,60 @@ function AuthBlock({
         onChange: (e) => setEmail(e.target.value)
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
       termsText,
       ", you agree to our",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("p", { className: "text-sm text-on-subtle font-body text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("p", { className: "text-sm text-on-subtle font-body text-center", children: [
       footerPrompt,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
     ] })
   ] });
 }
 function ProviderButton({ provider }) {
   switch (provider) {
     case "google":
-      return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("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__ */ (0, import_jsx_runtime64.jsx)("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__ */ (0, import_jsx_runtime64.jsx)("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__ */ (0, import_jsx_runtime64.jsx)("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__ */ (0, import_jsx_runtime65.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("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__ */ (0, import_jsx_runtime65.jsx)("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__ */ (0, import_jsx_runtime65.jsx)("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__ */ (0, import_jsx_runtime65.jsx)("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__ */ (0, import_jsx_runtime64.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("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__ */ (0, import_jsx_runtime64.jsx)("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__ */ (0, import_jsx_runtime65.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("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__ */ (0, import_jsx_runtime65.jsx)("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__ */ (0, import_jsx_runtime64.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("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__ */ (0, import_jsx_runtime65.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("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
-var React16 = __toESM(require("react"), 1);
-var import_lucide_react27 = require("lucide-react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var React17 = __toESM(require("react"), 1);
+var import_lucide_react28 = require("lucide-react");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function NavBarBlock({ brand, links, signIn, signUp }) {
   var _a, _b, _c, _d;
-  const [mobileMenuOpen, setMobileMenuOpen] = React16.useState(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("nav", { className: "bg-prominent", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  const [mobileMenuOpen, setMobileMenuOpen] = React17.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("nav", { className: "bg-prominent", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           "img",
           {
             src: brand.fullLogoSrc,
@@ -7486,7 +7644,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
             className: "hidden min-[600px]:block h-7 w-auto shrink-0 object-contain object-left"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           "img",
           {
             src: brand.iconLogoSrc,
@@ -7494,13 +7652,13 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
             className: "min-[600px]:hidden size-7 shrink-0 object-contain"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
-        signIn && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
-        signUp && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
+        signIn && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
+        signUp && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         Button,
         {
           variant: "tertiary",
@@ -7509,12 +7667,12 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
           "aria-expanded": mobileMenuOpen,
           className: "min-[600px]:hidden",
           onClick: () => setMobileMenuOpen((prev) => !prev),
-          children: mobileMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react27.X, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react27.Menu, { className: "size-4" })
+          children: mobileMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react28.X, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react28.Menu, { className: "size-4" })
         }
       )
     ] }),
-    mobileMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("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__ */ (0, import_jsx_runtime65.jsx)(
+    mobileMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("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__ */ (0, import_jsx_runtime66.jsx)(
         Button,
         {
           variant: "tertiary",
@@ -7525,18 +7683,18 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
         },
         l.label
       )),
-      (signIn || signUp) && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
-        signIn && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
-        signUp && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
+      (signIn || signUp) && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
+        signIn && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
+        signUp && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
       ] })
     ] })
   ] }) });
 }
 // components/blocks/open-positions-block.tsx
-var React17 = __toESM(require("react"), 1);
-var import_lucide_react28 = require("lucide-react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var React18 = __toESM(require("react"), 1);
+var import_lucide_react29 = require("lucide-react");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function OpenPositionsBlock({
   trigger,
   sheetTitle = "Positions",
@@ -7545,28 +7703,28 @@ function OpenPositionsBlock({
   emptyState
 }) {
   const isMobile = useIsMobile();
-  const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PositionsList, { positions, onViewHistory });
+  const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PositionsList, { positions, onViewHistory });
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Drawer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DrawerTrigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(DrawerContent, { className: "p-0 flex flex-col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react28.X, {}) }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Drawer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DrawerTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(DrawerContent, { className: "p-0 flex flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react29.X, {}) }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Separator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Separator, {}),
         body
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Sheet, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SheetTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SheetClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react28.X, {}) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Sheet, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SheetTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SheetClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react29.X, {}) }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Separator, {}),
       body
     ] })
   ] });
@@ -7575,26 +7733,26 @@ function PositionsList({
   positions,
   onViewHistory
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col flex-1 min-h-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(React17.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PositionRow, { position: pos }),
-      i < positions.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "h-px mx-4 bg-border-subtle" })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col flex-1 min-h-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(React18.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PositionRow, { position: pos }),
+      i < positions.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "h-px mx-4 bg-border-subtle" })
     ] }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Separator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" }) })
   ] });
 }
 function PositionRow({ position }) {
   const { label, suffix } = positionTitleParts(position);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Item, { size: "sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ItemContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ItemTitle, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-on-prominent", children: label }),
-        suffix && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-on-subtle", children: ` ${suffix}` })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Item, { size: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(ItemContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(ItemTitle, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-on-prominent", children: label }),
+        suffix && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-on-subtle", children: ` ${suffix}` })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MetaNote, { market: position.market, duration: position.duration })
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(MetaNote, { market: position.market, duration: position.duration })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ItemActions, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PnlMeta, { pnl: position.pnl, win: position.win, stake: position.stake }) })
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ItemActions, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PnlMeta, { pnl: position.pnl, win: position.win, stake: position.stake }) })
   ] });
 }
 var DIGITS_TYPE_LABEL = {
@@ -7620,23 +7778,23 @@ function positionTitleParts(p) {
   }
 }
 function MetaNote({ market, duration }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
     market,
     " \xB7 ",
     duration
   ] });
 }
 function PnlMeta({ pnl, win, stake }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col items-end gap-0.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: `font-display font-bold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col items-end gap-0.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: `font-display font-bold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
   ] });
 }
 function DefaultEmptyState({ onViewHistory }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(EmptyHeader, { className: "gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EmptyMedia, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react28.History, { className: "size-8 text-on-subtle" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EmptyTitle, { className: "text-base leading-6 font-semibold tracking-normal body-md text-on-subtle", children: "No trades yet." }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(EmptyHeader, { className: "gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(EmptyMedia, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react29.History, { className: "size-8 text-on-subtle" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(EmptyTitle, { className: "text-base leading-6 font-semibold tracking-normal body-md text-on-subtle", children: "No trades yet." }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" })
   ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -7667,6 +7825,7 @@ function DefaultEmptyState({ onViewHistory }) {
   AvatarGroupCount,
   AvatarImage,
   Badge,
+  Banner,
   Breadcrumb,
   BreadcrumbEllipsis,
   BreadcrumbItem,