npm - @trading-game/design-intelligence-layer - Versions diffs - 0.16.0 → 0.16.2 - Mend

@trading-game/design-intelligence-layer 0.16.0 → 0.16.2

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

Files changed (11) hide show

package/AGENTS.md +21 -0
package/README.md +54 -8
package/dist/index.cjs +944 -801
package/dist/index.cjs.map +1 -1
package/dist/index.d.cts +49 -4
package/dist/index.d.ts +49 -4
package/dist/index.js +915 -774
package/dist/index.js.map +1 -1
package/guides/design-system-guide/trading-game-ds-guide.md +6 -4
package/package.json +1 -1
package/src/styles.css +11 -3

package/dist/index.js CHANGED Viewed

@@ -112,7 +112,6 @@ import {
   AlertTriangle,
   CheckCircle2,
   Info,
-  Sparkles,
   X,
   XCircle
 } from "lucide-react";
@@ -253,8 +252,6 @@ var alertVariants = cva2(
   {
     variants: {
       variant: {
-        default: "bg-prominent border border-border-subtle",
-        brand: "bg-primary",
         info: "bg-semantic-info/10",
         warning: "bg-semantic-warning/10",
         danger: "bg-semantic-error/10",
@@ -276,32 +273,24 @@ var alertVariants = cva2(
 );
 var SINGLE_LINE_CLASSES = "items-center min-h-12 py-2 gap-y-0";
 var TITLE_CLASSES = {
-  default: "text-on-prominent",
-  brand: "text-on-primary",
   info: "text-on-prominent",
   warning: "text-on-prominent",
   danger: "text-on-prominent",
   success: "text-on-prominent"
 };
 var ICON_CLASSES = {
-  default: "text-on-prominent",
-  brand: "text-on-primary",
   info: "text-semantic-info",
   warning: "text-semantic-warning",
   danger: "text-semantic-error",
   success: "text-semantic-win"
 };
 var DESC_CLASSES = {
-  default: "text-on-subtle",
-  brand: "text-on-primary opacity-80",
   info: "text-on-subtle",
   warning: "text-on-subtle",
   danger: "text-on-subtle",
   success: "text-on-subtle"
 };
 var CLOSE_CLASSES = {
-  default: "text-on-subtle opacity-70",
-  brand: "text-on-primary opacity-70",
   info: "text-on-subtle opacity-70",
   warning: "text-on-subtle opacity-70",
   danger: "text-on-subtle opacity-70",
@@ -309,10 +298,6 @@ var CLOSE_CLASSES = {
 };
 function defaultIconForVariant(variant) {
   switch (variant) {
-    case "default":
-      return /* @__PURE__ */ jsx4(Info, {});
-    case "brand":
-      return /* @__PURE__ */ jsx4(Sparkles, {});
     case "info":
       return /* @__PURE__ */ jsx4(Info, {});
     case "warning":
@@ -323,9 +308,6 @@ function defaultIconForVariant(variant) {
       return /* @__PURE__ */ jsx4(CheckCircle2, {});
   }
 }
-function actionButtonVariantFor(variant) {
-  return variant === "brand" ? "primary-inverse" : "secondary";
-}
 function Alert(_a) {
   var _b = _a, {
     variant = "info",
@@ -363,7 +345,7 @@ function Alert(_a) {
   const showIcon = icon !== null;
   const resolvedIcon = icon === void 0 ? defaultIconForVariant(variant) : icon;
   const showCloseButton = typeof onDismiss === "function";
-  const buttonVariant = actionButtonVariantFor(variant);
+  const buttonVariant = "secondary";
   const isAssertive = variant === "danger" || variant === "warning";
   const role = isAssertive ? "alert" : "status";
   const ariaLive = isAssertive ? "assertive" : "polite";
@@ -425,9 +407,10 @@ function Alert(_a) {
       "aria-hidden": true,
       className: cn(
         "inline-flex shrink-0 size-4 [&_svg]:size-full",
-        // 2px nudge (mt-0.5) aligns the 16px icon with the title cap-height
-        // in multi-line / card layouts. This is the one exception to the
-        // 8-point grid — required for optical typography alignment.
+        // Single-line: grid is items-center so the icon centers automatically.
+        // Multi-line / card: top-aligned with the title cap-height via a 2px
+        // (mt-0.5) optical nudge so the icon reads as introducing the message
+        // header, not floating between title and description.
         isSingleLine ? "" : "mt-0.5",
         ICON_CLASSES[variant]
       ),
@@ -789,6 +772,10 @@ var badgeVariants = cva3(
         "fill-fail": "bg-semantic-loss/10 border-transparent text-semantic-loss",
         "fill-warning": "bg-semantic-warning/10 border-transparent text-semantic-warning",
         "fill-credit": "bg-semantic-boost-surface border-transparent text-on-semantic-boost !text-xs !font-semibold",
+        // Demo / test-mode flag — opaque light-peach surface + red-orange text.
+        // Uses --semantic-demo-surface (a solid color-mix of demo @ 10% with white)
+        // so the badge looks identical on any background.
+        "fill-demo": "bg-semantic-demo-surface border-transparent text-semantic-demo",
         // Ghost (transparent)
         ghost: "bg-transparent border-transparent text-primary [a&]:hover:bg-secondary-hover [a&]:hover:text-primary",
         "ghost-success": "bg-transparent border-transparent text-semantic-win [a&]:hover:bg-semantic-win/10 [a&]:hover:text-semantic-win",
@@ -830,17 +817,170 @@ function Badge(_a) {
   );
 }
+// components/ui/banner.tsx
+import * as React2 from "react";
+import { Gift, X as X2 } from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var SURFACE_CLASSES = "w-full rounded-md border border-primary/20 bg-[linear-gradient(135deg,#EBEBFF_0%,#FFFFFF_100%)] px-4 py-3.5";
+function DefaultIconBadge() {
+  return /* @__PURE__ */ jsx9("span", { className: "inline-flex size-10 shrink-0 items-center justify-center rounded-full bg-primary text-on-primary", children: /* @__PURE__ */ jsx9(Gift, { className: "size-5" }) });
+}
+function Banner(_a) {
+  var _b = _a, {
+    layout = "inline",
+    title,
+    description,
+    icon,
+    action,
+    actions,
+    onDismiss,
+    dismissLabel = "Dismiss",
+    onClick,
+    className
+  } = _b, props = __objRest(_b, [
+    "layout",
+    "title",
+    "description",
+    "icon",
+    "action",
+    "actions",
+    "onDismiss",
+    "dismissLabel",
+    "onClick",
+    "className"
+  ]);
+  var _a2;
+  if (!title && !description) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(
+        "Banner: requires at least one of `title` or `description`. Rendering null."
+      );
+    }
+    return null;
+  }
+  const isInline = layout === "inline";
+  const showIcon = icon !== null;
+  const resolvedIcon = icon === void 0 ? /* @__PURE__ */ jsx9(DefaultIconBadge, {}) : icon;
+  const showCloseButton = typeof onDismiss === "function";
+  const isClickable = typeof onClick === "function";
+  const buttonsSuppressed = isClickable && (Boolean(action) || ((_a2 = actions == null ? void 0 : actions.length) != null ? _a2 : 0) > 0);
+  if (process.env.NODE_ENV !== "production") {
+    if (isInline && actions && actions.length > 0) {
+      console.warn(
+        'Banner: `actions` is ignored when layout="inline". Use `action` instead.'
+      );
+    }
+    if (!isInline && action) {
+      console.warn(
+        'Banner: `action` is ignored when layout="card". Use `actions` instead.'
+      );
+    }
+    if (buttonsSuppressed) {
+      console.warn(
+        "Banner: `onClick` (clickable surface) is mutually exclusive with `action` / `actions`. Ignoring the buttons \u2014 the whole banner is the CTA."
+      );
+    }
+  }
+  const effectiveAction = isClickable ? void 0 : action;
+  const effectiveActions = isClickable ? void 0 : actions;
+  const clickableClasses = isClickable ? "cursor-pointer transition-opacity hover:opacity-90 active:opacity-80 outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:ring-offset-2" : "";
+  const handleKeyDown = isClickable ? (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      onClick == null ? void 0 : onClick();
+    }
+  } : void 0;
+  const interactiveProps = isClickable ? {
+    role: "button",
+    tabIndex: 0,
+    onClick,
+    onKeyDown: handleKeyDown
+  } : {};
+  const body = /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex-1", children: [
+    title ? /* @__PURE__ */ jsx9("p", { className: "m-0 text-sm font-bold leading-snug text-on-prominent [&>b]:text-primary", children: title }) : null,
+    description ? /* @__PURE__ */ jsx9("p", { className: "m-0 mt-0.5 text-xs font-medium leading-snug text-on-subtle", children: description }) : null
+  ] });
+  const closeButton = showCloseButton ? /* @__PURE__ */ jsx9(
+    "button",
+    {
+      type: "button",
+      onClick: (e) => {
+        e.stopPropagation();
+        onDismiss == null ? void 0 : onDismiss();
+      },
+      "aria-label": dismissLabel,
+      className: "inline-flex size-8 shrink-0 items-center justify-center rounded-xs cursor-pointer text-on-subtle outline-none transition-colors hover:bg-secondary-hover hover:text-on-prominent focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [&_svg]:size-4 [&_svg]:pointer-events-none",
+      children: /* @__PURE__ */ jsx9(X2, {})
+    }
+  ) : null;
+  const iconColumn = showIcon ? /* @__PURE__ */ jsx9("div", { "aria-hidden": true, className: "inline-flex shrink-0 translate-y-px", children: resolvedIcon }) : null;
+  if (isInline) {
+    const hasAction = Boolean(effectiveAction);
+    const rowTemplate = hasAction ? "grid-rows-[auto_auto] gap-y-3 sm:grid-rows-1 sm:gap-y-0" : "grid-rows-1 gap-y-0";
+    return /* @__PURE__ */ jsxs6(
+      "div",
+      __spreadProps(__spreadValues(__spreadValues({
+        "data-slot": "banner",
+        "data-layout": "inline",
+        "data-clickable": isClickable ? "true" : void 0,
+        className: cn(
+          "grid grid-cols-[auto_1fr_auto] items-center gap-x-4 sm:grid-cols-[auto_1fr_auto_auto]",
+          rowTemplate,
+          SURFACE_CLASSES,
+          clickableClasses,
+          className
+        )
+      }, interactiveProps), props), {
+        children: [
+          /* @__PURE__ */ jsx9("div", { className: "col-start-1 row-start-1", children: iconColumn }),
+          /* @__PURE__ */ jsx9("div", { className: "col-start-2 row-start-1 min-w-0", children: body }),
+          /* @__PURE__ */ jsx9("div", { className: "col-start-3 row-start-1 sm:col-start-4", children: closeButton }),
+          hasAction ? /* @__PURE__ */ jsx9("div", { className: "col-start-2 row-start-2 justify-self-start sm:col-start-3 sm:row-start-1 sm:self-center sm:justify-self-end", children: wrapAction2(effectiveAction, "primary") }) : null
+        ]
+      })
+    );
+  }
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    __spreadProps(__spreadValues(__spreadValues({
+      "data-slot": "banner",
+      "data-layout": "card",
+      "data-clickable": isClickable ? "true" : void 0,
+      className: cn(
+        "grid grid-cols-[auto_1fr_auto] grid-rows-[auto_auto] items-center gap-x-4 gap-y-3",
+        SURFACE_CLASSES,
+        clickableClasses,
+        className
+      )
+    }, interactiveProps), props), {
+      children: [
+        /* @__PURE__ */ jsx9("div", { className: "col-start-1 row-start-1", children: iconColumn }),
+        /* @__PURE__ */ jsx9("div", { className: "col-start-2 row-start-1 min-w-0", children: body }),
+        /* @__PURE__ */ jsx9("div", { className: "col-start-3 row-start-1", children: closeButton }),
+        effectiveActions && effectiveActions.length > 0 ? /* @__PURE__ */ jsx9("div", { className: "col-span-3 col-start-2 row-start-2 flex flex-wrap items-center justify-start gap-2", children: effectiveActions.slice(0, 2).map((node, i) => {
+          const fallbackVariant = i === 0 ? "secondary" : "primary";
+          return /* @__PURE__ */ jsx9(React2.Fragment, { children: wrapAction2(node, fallbackVariant) }, i);
+        }) }) : null
+      ]
+    })
+  );
+}
+function wrapAction2(node, defaultVariant = "primary") {
+  if (React2.isValidElement(node)) return node;
+  return /* @__PURE__ */ jsx9(Button, { variant: defaultVariant, size: "sm", children: node });
+}
 // components/ui/breadcrumb.tsx
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import { Slot as Slot3 } from "radix-ui";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function Breadcrumb(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx9("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
+  return /* @__PURE__ */ jsx10("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
 }
 function BreadcrumbList(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "ol",
     __spreadValues({
       "data-slot": "breadcrumb-list",
@@ -853,7 +993,7 @@ function BreadcrumbList(_a) {
 }
 function BreadcrumbItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "li",
     __spreadValues({
       "data-slot": "breadcrumb-item",
@@ -870,7 +1010,7 @@ function BreadcrumbLink(_a) {
     "className"
   ]);
   const Comp = asChild ? Slot3.Root : "a";
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     Comp,
     __spreadValues({
       "data-slot": "breadcrumb-link",
@@ -880,7 +1020,7 @@ function BreadcrumbLink(_a) {
 }
 function BreadcrumbPage(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "span",
     __spreadValues({
       "data-slot": "breadcrumb-page",
@@ -899,7 +1039,7 @@ function BreadcrumbSeparator(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "li",
     __spreadProps(__spreadValues({
       "data-slot": "breadcrumb-separator",
@@ -907,7 +1047,7 @@ function BreadcrumbSeparator(_a) {
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className)
     }, props), {
-      children: children != null ? children : /* @__PURE__ */ jsx9(ChevronRight, {})
+      children: children != null ? children : /* @__PURE__ */ jsx10(ChevronRight, {})
     })
   );
 }
@@ -917,7 +1057,7 @@ function BreadcrumbEllipsis(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "span",
     __spreadProps(__spreadValues({
       "data-slot": "breadcrumb-ellipsis",
@@ -926,15 +1066,15 @@ function BreadcrumbEllipsis(_a) {
       className: cn("flex size-9 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx9(MoreHorizontal, { className: "size-4" }),
-        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ jsx10(MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "More" })
       ]
     })
   );
 }
 // components/ui/calendar.tsx
-import * as React2 from "react";
+import * as React3 from "react";
 import {
   ChevronDownIcon as ChevronDownIcon2,
   ChevronLeftIcon,
@@ -944,7 +1084,7 @@ import {
   DayPicker,
   getDefaultClassNames
 } from "react-day-picker";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Calendar(_a) {
   var _b = _a, {
     className,
@@ -964,7 +1104,7 @@ function Calendar(_a) {
     "components"
   ]);
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     DayPicker,
     __spreadValues({
       showOutsideDays,
@@ -1063,7 +1203,7 @@ function Calendar(_a) {
       components: __spreadValues({
         Root: (_a2) => {
           var _b2 = _a2, { className: className2, rootRef } = _b2, props2 = __objRest(_b2, ["className", "rootRef"]);
-          return /* @__PURE__ */ jsx10(
+          return /* @__PURE__ */ jsx11(
             "div",
             __spreadValues({
               "data-slot": "calendar",
@@ -1075,22 +1215,22 @@ function Calendar(_a) {
         Chevron: (_c) => {
           var _d = _c, { className: className2, orientation } = _d, props2 = __objRest(_d, ["className", "orientation"]);
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx10(ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+            return /* @__PURE__ */ jsx11(ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx10(
+            return /* @__PURE__ */ jsx11(
               ChevronRightIcon,
               __spreadValues({
                 className: cn("size-4", className2)
               }, props2)
             );
           }
-          return /* @__PURE__ */ jsx10(ChevronDownIcon2, __spreadValues({ className: cn("size-4", className2) }, props2));
+          return /* @__PURE__ */ jsx11(ChevronDownIcon2, __spreadValues({ className: cn("size-4", className2) }, props2));
         },
         DayButton: CalendarDayButton,
         WeekNumber: (_e) => {
           var _f = _e, { children } = _f, props2 = __objRest(_f, ["children"]);
-          return /* @__PURE__ */ jsx10("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsx10("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
+          return /* @__PURE__ */ jsx11("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsx11("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
         }
       }, components)
     }, props)
@@ -1107,12 +1247,12 @@ function CalendarDayButton(_a) {
     "modifiers"
   ]);
   const defaultClassNames = getDefaultClassNames();
-  const ref = React2.useRef(null);
-  React2.useEffect(() => {
+  const ref = React3.useRef(null);
+  React3.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     Button,
     __spreadValues({
       ref,
@@ -1134,10 +1274,10 @@ function CalendarDayButton(_a) {
 }
 // components/ui/card.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function Card(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "card",
@@ -1150,7 +1290,7 @@ function Card(_a) {
 }
 function CardHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "card-header",
@@ -1163,7 +1303,7 @@ function CardHeader(_a) {
 }
 function CardTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "card-title",
@@ -1173,7 +1313,7 @@ function CardTitle(_a) {
 }
 function CardDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "card-description",
@@ -1183,7 +1323,7 @@ function CardDescription(_a) {
 }
 function CardAction(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "card-action",
@@ -1196,7 +1336,7 @@ function CardAction(_a) {
 }
 function CardContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "card-content",
@@ -1206,7 +1346,7 @@ function CardContent(_a) {
 }
 function CardFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     __spreadValues({
       "data-slot": "card-footer",
@@ -1216,13 +1356,13 @@ function CardFooter(_a) {
 }
 // components/ui/carousel.tsx
-import * as React3 from "react";
+import * as React4 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
-var CarouselContext = React3.createContext(null);
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+var CarouselContext = React4.createContext(null);
 function useCarousel() {
-  const context = React3.useContext(CarouselContext);
+  const context = React4.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -1250,20 +1390,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();
@@ -1275,11 +1415,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);
@@ -1288,7 +1428,7 @@ function Carousel(_a) {
       api == null ? void 0 : api.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     CarouselContext.Provider,
     {
       value: {
@@ -1301,7 +1441,7 @@ function Carousel(_a) {
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx12(
+      children: /* @__PURE__ */ jsx13(
         "div",
         __spreadProps(__spreadValues({
           onKeyDownCapture: handleKeyDown,
@@ -1319,13 +1459,13 @@ function Carousel(_a) {
 function CarouselContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       ref: carouselRef,
       className: "overflow-hidden",
       "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsx12(
+      children: /* @__PURE__ */ jsx13(
         "div",
         __spreadValues({
           className: cn(
@@ -1341,7 +1481,7 @@ function CarouselContent(_a) {
 function CarouselItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     __spreadValues({
       role: "group",
@@ -1366,7 +1506,7 @@ function CarouselPrevious(_a) {
     "size"
   ]);
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     Button,
     __spreadProps(__spreadValues({
       "data-slot": "carousel-previous",
@@ -1381,8 +1521,8 @@ function CarouselPrevious(_a) {
       onClick: scrollPrev
     }, props), {
       children: [
-        /* @__PURE__ */ jsx12(ArrowLeft, {}),
-        /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx13(ArrowLeft, {}),
+        /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Previous slide" })
       ]
     })
   );
@@ -1398,7 +1538,7 @@ function CarouselNext(_a) {
     "size"
   ]);
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     Button,
     __spreadProps(__spreadValues({
       "data-slot": "carousel-next",
@@ -1413,21 +1553,21 @@ function CarouselNext(_a) {
       onClick: scrollNext
     }, props), {
       children: [
-        /* @__PURE__ */ jsx12(ArrowRight, {}),
-        /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx13(ArrowRight, {}),
+        /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Next slide" })
       ]
     })
   );
 }
 // components/ui/chart.tsx
-import * as React4 from "react";
+import * as React5 from "react";
 import * as RechartsPrimitive from "recharts";
-import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 var THEMES = { light: "" };
-var ChartContext = React4.createContext(null);
+var ChartContext = React5.createContext(null);
 function useChart() {
-  const context = React4.useContext(ChartContext);
+  const context = React5.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -1445,9 +1585,9 @@ function ChartContainer(_a) {
     "children",
     "config"
   ]);
-  const uniqueId = React4.useId();
+  const uniqueId = React5.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx13(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx14(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs9(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "chart",
@@ -1458,8 +1598,8 @@ function ChartContainer(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx13(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx13(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ jsx14(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx14(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     })
   ) });
@@ -1471,7 +1611,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -1507,7 +1647,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;
@@ -1517,12 +1657,12 @@ function ChartTooltipContent({
     const itemConfig = getPayloadConfigFromPayload(config, item, key);
     const value = !labelKey && typeof label === "string" ? ((_a = config[label]) == null ? void 0 : _a.label) || label : itemConfig == null ? void 0 : itemConfig.label;
     if (labelFormatter) {
-      return /* @__PURE__ */ jsx13("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+      return /* @__PURE__ */ jsx14("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
     }
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ jsx13("div", { className: cn("font-medium", labelClassName), children: value });
+    return /* @__PURE__ */ jsx14("div", { className: cn("font-medium", labelClassName), children: value });
   }, [
     label,
     labelFormatter,
@@ -1536,7 +1676,7 @@ function ChartTooltipContent({
     return null;
   }
   const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: cn(
@@ -1545,19 +1685,19 @@ function ChartTooltipContent({
       ),
       children: [
         !nestLabel ? tooltipLabel : null,
-        /* @__PURE__ */ jsx13("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+        /* @__PURE__ */ jsx14("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
           const key = `${nameKey || item.name || item.dataKey || "value"}`;
           const itemConfig = getPayloadConfigFromPayload(config, item, key);
           const indicatorColor = color || item.payload.fill || item.color;
-          return /* @__PURE__ */ jsx13(
+          return /* @__PURE__ */ jsx14(
             "div",
             {
               className: cn(
                 "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-on-subtle",
                 indicator === "dot" && "items-center"
               ),
-              children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs8(Fragment3, { children: [
-                (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx13(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx13(
+              children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs9(Fragment4, { children: [
+                (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx14(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx14(
                   "div",
                   {
                     className: cn(
@@ -1575,7 +1715,7 @@ function ChartTooltipContent({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxs8(
+                /* @__PURE__ */ jsxs9(
                   "div",
                   {
                     className: cn(
@@ -1583,11 +1723,11 @@ function ChartTooltipContent({
                       nestLabel ? "items-end" : "items-center"
                     ),
                     children: [
-                      /* @__PURE__ */ jsxs8("div", { className: "grid gap-1.5", children: [
+                      /* @__PURE__ */ jsxs9("div", { className: "grid gap-1.5", children: [
                         nestLabel ? tooltipLabel : null,
-                        /* @__PURE__ */ jsx13("span", { className: "text-on-subtle", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
+                        /* @__PURE__ */ jsx14("span", { className: "text-on-subtle", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
                       ] }),
-                      item.value && /* @__PURE__ */ jsx13("span", { className: "font-mono font-medium text-on-prominent tabular-nums", children: item.value.toLocaleString() })
+                      item.value && /* @__PURE__ */ jsx14("span", { className: "font-mono font-medium text-on-prominent tabular-nums", children: item.value.toLocaleString() })
                     ]
                   }
                 )
@@ -1612,7 +1752,7 @@ function ChartLegendContent({
   if (!(payload == null ? void 0 : payload.length)) {
     return null;
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       className: cn(
@@ -1623,14 +1763,14 @@ function ChartLegendContent({
       children: payload.filter((item) => item.type !== "none").map((item) => {
         const key = `${nameKey || item.dataKey || "value"}`;
         const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        return /* @__PURE__ */ jsxs8(
+        return /* @__PURE__ */ jsxs9(
           "div",
           {
             className: cn(
               "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-on-subtle"
             ),
             children: [
-              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsx13(itemConfig.icon, {}) : /* @__PURE__ */ jsx13(
+              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsx14(itemConfig.icon, {}) : /* @__PURE__ */ jsx14(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -1665,14 +1805,14 @@ function getPayloadConfigFromPayload(config, payload, key) {
 // components/ui/checkbox.tsx
 import { CheckIcon } from "lucide-react";
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function Checkbox(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     CheckboxPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "checkbox",
@@ -1681,12 +1821,12 @@ function Checkbox(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx14(
+      children: /* @__PURE__ */ jsx15(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsx14(CheckIcon, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx15(CheckIcon, { className: "size-3.5" })
         }
       )
     })
@@ -1695,14 +1835,14 @@ function Checkbox(_a) {
 // components/ui/collapsible.tsx
 import { Collapsible as CollapsiblePrimitive } from "radix-ui";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function Collapsible(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx15(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
+  return /* @__PURE__ */ jsx16(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
 }
 function CollapsibleTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     CollapsiblePrimitive.CollapsibleTrigger,
     __spreadValues({
       "data-slot": "collapsible-trigger"
@@ -1711,7 +1851,7 @@ function CollapsibleTrigger(_a) {
 }
 function CollapsibleContent(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     CollapsiblePrimitive.CollapsibleContent,
     __spreadValues({
       "data-slot": "collapsible-content"
@@ -1720,17 +1860,17 @@ function CollapsibleContent(_a) {
 }
 // components/ui/combobox.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 import { Combobox as ComboboxPrimitive } from "@base-ui/react";
 import { CheckIcon as CheckIcon2, ChevronDownIcon as ChevronDownIcon3, XIcon } from "lucide-react";
 // components/ui/input-group.tsx
-import * as React5 from "react";
+import * as React6 from "react";
 import { cva as cva5 } from "class-variance-authority";
 // components/ui/input.tsx
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var inputVariants = cva4(
   [
     "w-full min-w-0 rounded-sm border border-border-subtle bg-white/5",
@@ -1764,7 +1904,7 @@ function Input(_a) {
     "type",
     "size"
   ]);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "input",
     __spreadValues({
       type,
@@ -1776,10 +1916,10 @@ function Input(_a) {
 }
 // components/ui/textarea.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function Textarea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "textarea",
     __spreadValues({
       "data-slot": "textarea",
@@ -1792,8 +1932,8 @@ function Textarea(_a) {
 }
 // components/ui/input-group.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-var InputGroupSizeContext = React5.createContext("md");
+import { jsx as jsx19 } from "react/jsx-runtime";
+var InputGroupSizeContext = React6.createContext("md");
 var inputGroupVariants = cva5(
   [
     "group/input-group relative flex w-full items-center rounded-sm border border-border-subtle bg-white/5",
@@ -1831,7 +1971,7 @@ function InputGroup(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsx18(InputGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(InputGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx19(
     "div",
     __spreadValues({
       "data-slot": "input-group",
@@ -1876,7 +2016,7 @@ function InputGroupAddon(_a) {
     "className",
     "align"
   ]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     __spreadValues({
       role: "group",
@@ -1921,7 +2061,7 @@ function InputGroupButton(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Button,
     __spreadValues({
       type,
@@ -1933,7 +2073,7 @@ function InputGroupButton(_a) {
 }
 function InputGroupText(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "span",
     __spreadValues({
       className: cn(
@@ -1955,9 +2095,9 @@ function InputGroupInput(_a) {
     "className",
     "size"
   ]);
-  const groupSize = React5.useContext(InputGroupSizeContext);
+  const groupSize = React6.useContext(InputGroupSizeContext);
   const size = sizeProp != null ? sizeProp : groupSize;
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Input,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -1975,7 +2115,7 @@ function InputGroupTextarea(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Textarea,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -1988,11 +2128,11 @@ function InputGroupTextarea(_a) {
 }
 // components/ui/combobox.tsx
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 var Combobox = ComboboxPrimitive.Root;
 function ComboboxValue(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx19(ComboboxPrimitive.Value, __spreadValues({ "data-slot": "combobox-value" }, props));
+  return /* @__PURE__ */ jsx20(ComboboxPrimitive.Value, __spreadValues({ "data-slot": "combobox-value" }, props));
 }
 function ComboboxTrigger(_a) {
   var _b = _a, {
@@ -2002,7 +2142,7 @@ function ComboboxTrigger(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     ComboboxPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-trigger",
@@ -2010,7 +2150,7 @@ function ComboboxTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           ChevronDownIcon3,
           {
             "data-slot": "combobox-trigger-icon",
@@ -2023,14 +2163,14 @@ function ComboboxTrigger(_a) {
 }
 function ComboboxClear(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.Clear,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-clear",
-      render: /* @__PURE__ */ jsx19(InputGroupButton, { variant: "secondary", size: "icon-xs" }),
+      render: /* @__PURE__ */ jsx20(InputGroupButton, { variant: "secondary", size: "icon-xs" }),
       className: cn(className)
     }, props), {
-      children: /* @__PURE__ */ jsx19(XIcon, { className: "pointer-events-none" })
+      children: /* @__PURE__ */ jsx20(XIcon, { className: "pointer-events-none" })
     })
   );
 }
@@ -2048,15 +2188,15 @@ function ComboboxInput(_a) {
     "showTrigger",
     "showClear"
   ]);
-  return /* @__PURE__ */ jsxs9(InputGroup, { className: cn("w-auto", className), children: [
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs10(InputGroup, { className: cn("w-auto", className), children: [
+    /* @__PURE__ */ jsx20(
       ComboboxPrimitive.Input,
       __spreadValues({
-        render: /* @__PURE__ */ jsx19(InputGroupInput, { disabled })
+        render: /* @__PURE__ */ jsx20(InputGroupInput, { disabled })
       }, props)
     ),
-    /* @__PURE__ */ jsxs9(InputGroupAddon, { align: "inline-end", children: [
-      showTrigger && /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsxs10(InputGroupAddon, { align: "inline-end", children: [
+      showTrigger && /* @__PURE__ */ jsx20(
         InputGroupButton,
         {
           size: "icon-xs",
@@ -2065,10 +2205,10 @@ function ComboboxInput(_a) {
           "data-slot": "input-group-button",
           className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
           disabled,
-          children: /* @__PURE__ */ jsx19(ComboboxTrigger, {})
+          children: /* @__PURE__ */ jsx20(ComboboxTrigger, {})
         }
       ),
-      showClear && /* @__PURE__ */ jsx19(ComboboxClear, { disabled })
+      showClear && /* @__PURE__ */ jsx20(ComboboxClear, { disabled })
     ] }),
     children
   ] });
@@ -2089,7 +2229,7 @@ function ComboboxContent(_a) {
     "alignOffset",
     "anchor"
   ]);
-  return /* @__PURE__ */ jsx19(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx20(
     ComboboxPrimitive.Positioner,
     {
       side,
@@ -2098,7 +2238,7 @@ function ComboboxContent(_a) {
       alignOffset,
       anchor,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx19(
+      children: /* @__PURE__ */ jsx20(
         ComboboxPrimitive.Popup,
         __spreadValues({
           "data-slot": "combobox-content",
@@ -2114,7 +2254,7 @@ function ComboboxContent(_a) {
 }
 function ComboboxList(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.List,
     __spreadValues({
       "data-slot": "combobox-list",
@@ -2133,7 +2273,7 @@ function ComboboxItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     ComboboxPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-item",
@@ -2144,12 +2284,12 @@ function ComboboxItem(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           ComboboxPrimitive.ItemIndicator,
           {
             "data-slot": "combobox-item-indicator",
-            render: /* @__PURE__ */ jsx19("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-            children: /* @__PURE__ */ jsx19(CheckIcon2, { className: "pointer-events-none size-4 pointer-coarse:size-5" })
+            render: /* @__PURE__ */ jsx20("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ jsx20(CheckIcon2, { className: "pointer-events-none size-4 pointer-coarse:size-5" })
           }
         )
       ]
@@ -2158,7 +2298,7 @@ function ComboboxItem(_a) {
 }
 function ComboboxGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.Group,
     __spreadValues({
       "data-slot": "combobox-group",
@@ -2172,7 +2312,7 @@ function ComboboxLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.GroupLabel,
     __spreadValues({
       "data-slot": "combobox-label",
@@ -2185,11 +2325,11 @@ function ComboboxLabel(_a) {
 }
 function ComboboxCollection(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx19(ComboboxPrimitive.Collection, __spreadValues({ "data-slot": "combobox-collection" }, props));
+  return /* @__PURE__ */ jsx20(ComboboxPrimitive.Collection, __spreadValues({ "data-slot": "combobox-collection" }, props));
 }
 function ComboboxEmpty(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.Empty,
     __spreadValues({
       "data-slot": "combobox-empty",
@@ -2206,7 +2346,7 @@ function ComboboxSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.Separator,
     __spreadValues({
       "data-slot": "combobox-separator",
@@ -2220,7 +2360,7 @@ function ComboboxChips(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.Chips,
     __spreadValues({
       "data-slot": "combobox-chips",
@@ -2241,7 +2381,7 @@ function ComboboxChip(_a) {
     "children",
     "showRemove"
   ]);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     ComboboxPrimitive.Chip,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-chip",
@@ -2252,13 +2392,13 @@ function ComboboxChip(_a) {
     }, props), {
       children: [
         children,
-        showRemove && /* @__PURE__ */ jsx19(
+        showRemove && /* @__PURE__ */ jsx20(
           ComboboxPrimitive.ChipRemove,
           {
-            render: /* @__PURE__ */ jsx19(Button, { variant: "secondary", size: "icon-xs" }),
+            render: /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "icon-xs" }),
             className: "-ml-1 opacity-50 hover:opacity-100",
             "data-slot": "combobox-chip-remove",
-            children: /* @__PURE__ */ jsx19(XIcon, { className: "pointer-events-none" })
+            children: /* @__PURE__ */ jsx20(XIcon, { className: "pointer-events-none" })
           }
         )
       ]
@@ -2273,7 +2413,7 @@ function ComboboxChipsInput(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ComboboxPrimitive.Input,
     __spreadValues({
       "data-slot": "combobox-chip-input",
@@ -2282,7 +2422,7 @@ function ComboboxChipsInput(_a) {
   );
 }
 function useComboboxAnchor() {
-  return React6.useRef(null);
+  return React7.useRef(null);
 }
 // components/ui/command.tsx
@@ -2292,22 +2432,22 @@ import { SearchIcon } from "lucide-react";
 // components/ui/dialog.tsx
 import { XIcon as XIcon2 } from "lucide-react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 function Dialog(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx20(DialogPrimitive.Root, __spreadValues({ "data-slot": "dialog" }, props));
+  return /* @__PURE__ */ jsx21(DialogPrimitive.Root, __spreadValues({ "data-slot": "dialog" }, props));
 }
 function DialogTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx20(DialogPrimitive.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
+  return /* @__PURE__ */ jsx21(DialogPrimitive.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
 }
 function DialogPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx20(DialogPrimitive.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+  return /* @__PURE__ */ jsx21(DialogPrimitive.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
 }
 function DialogClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx20(DialogPrimitive.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
+  return /* @__PURE__ */ jsx21(DialogPrimitive.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
 }
 function DialogOverlay(_a) {
   var _b = _a, {
@@ -2315,7 +2455,7 @@ function DialogOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     DialogPrimitive.Overlay,
     __spreadValues({
       "data-slot": "dialog-overlay",
@@ -2336,9 +2476,9 @@ function DialogContent(_a) {
     "children",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs10(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx20(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx21(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs11(
       DialogPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "dialog-content",
@@ -2349,14 +2489,14 @@ function DialogContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs10(
+          showCloseButton && /* @__PURE__ */ jsxs11(
             DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
               className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-prominent transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-on-subtle [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsx20(XIcon2, {}),
-                /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx21(XIcon2, {}),
+                /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -2367,7 +2507,7 @@ function DialogContent(_a) {
 }
 function DialogHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "div",
     __spreadValues({
       "data-slot": "dialog-header",
@@ -2385,7 +2525,7 @@ function DialogFooter(_a) {
     "showCloseButton",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "dialog-footer",
@@ -2396,7 +2536,7 @@ function DialogFooter(_a) {
     }, props), {
       children: [
         children,
-        showCloseButton && /* @__PURE__ */ jsx20(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "md", children: "Close" }) })
+        showCloseButton && /* @__PURE__ */ jsx21(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx21(Button, { variant: "secondary", size: "md", children: "Close" }) })
       ]
     })
   );
@@ -2407,7 +2547,7 @@ function DialogTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     DialogPrimitive.Title,
     __spreadValues({
       "data-slot": "dialog-title",
@@ -2421,7 +2561,7 @@ function DialogDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     DialogPrimitive.Description,
     __spreadValues({
       "data-slot": "dialog-description",
@@ -2431,14 +2571,14 @@ function DialogDescription(_a) {
 }
 // components/ui/command.tsx
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
 function Command(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive,
     __spreadValues({
       "data-slot": "command",
@@ -2463,17 +2603,17 @@ function CommandDialog(_a) {
     "className",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs11(Dialog, __spreadProps(__spreadValues({}, props), { children: [
-    /* @__PURE__ */ jsxs11(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsx21(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx21(DialogDescription, { children: description })
+  return /* @__PURE__ */ jsxs12(Dialog, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsxs12(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx22(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx22(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(
       DialogContent,
       {
         className: cn("overflow-hidden p-0", className),
         showCloseButton,
-        children: /* @__PURE__ */ jsx21(Command, { className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-on-subtle [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+        children: /* @__PURE__ */ jsx22(Command, { className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-on-subtle [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
       }
     )
   ] }));
@@ -2484,14 +2624,14 @@ function CommandInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ jsx21(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx22(
           CommandPrimitive.Input,
           __spreadValues({
             "data-slot": "command-input",
@@ -2511,7 +2651,7 @@ function CommandList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.List,
     __spreadValues({
       "data-slot": "command-list",
@@ -2524,7 +2664,7 @@ function CommandList(_a) {
 }
 function CommandEmpty(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.Empty,
     __spreadValues({
       "data-slot": "command-empty",
@@ -2538,7 +2678,7 @@ function CommandGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.Group,
     __spreadValues({
       "data-slot": "command-group",
@@ -2555,7 +2695,7 @@ function CommandSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.Separator,
     __spreadValues({
       "data-slot": "command-separator",
@@ -2569,7 +2709,7 @@ function CommandItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     CommandPrimitive.Item,
     __spreadValues({
       "data-slot": "command-item",
@@ -2586,7 +2726,7 @@ function CommandShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "span",
     __spreadValues({
       "data-slot": "command-shortcut",
@@ -2601,30 +2741,30 @@ function CommandShortcut(_a) {
 // components/ui/context-menu.tsx
 import { CheckIcon as CheckIcon3, ChevronRightIcon as ChevronRightIcon2, CircleIcon } from "lucide-react";
 import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 function ContextMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Root, __spreadValues({ "data-slot": "context-menu" }, props));
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Root, __spreadValues({ "data-slot": "context-menu" }, props));
 }
 function ContextMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Trigger, __spreadValues({ "data-slot": "context-menu-trigger" }, props));
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Trigger, __spreadValues({ "data-slot": "context-menu-trigger" }, props));
 }
 function ContextMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Group, __spreadValues({ "data-slot": "context-menu-group" }, props));
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Group, __spreadValues({ "data-slot": "context-menu-group" }, props));
 }
 function ContextMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Portal, __spreadValues({ "data-slot": "context-menu-portal" }, props));
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Portal, __spreadValues({ "data-slot": "context-menu-portal" }, props));
 }
 function ContextMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Sub, __spreadValues({ "data-slot": "context-menu-sub" }, props));
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Sub, __spreadValues({ "data-slot": "context-menu-sub" }, props));
 }
 function ContextMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.RadioGroup,
     __spreadValues({
       "data-slot": "context-menu-radio-group"
@@ -2641,7 +2781,7 @@ function ContextMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     ContextMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-sub-trigger",
@@ -2653,7 +2793,7 @@ function ContextMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx22(ChevronRightIcon2, { className: "ml-auto" })
+        /* @__PURE__ */ jsx23(ChevronRightIcon2, { className: "ml-auto" })
       ]
     })
   );
@@ -2664,7 +2804,7 @@ function ContextMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.SubContent,
     __spreadValues({
       "data-slot": "context-menu-sub-content",
@@ -2681,7 +2821,7 @@ function ContextMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "context-menu-content",
@@ -2702,7 +2842,7 @@ function ContextMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "context-menu-item",
@@ -2725,7 +2865,7 @@ function ContextMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     ContextMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-checkbox-item",
@@ -2736,7 +2876,7 @@ function ContextMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx22("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(CheckIcon3, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx23("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(CheckIcon3, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -2750,7 +2890,7 @@ function ContextMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     ContextMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-radio-item",
@@ -2760,7 +2900,7 @@ function ContextMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx22("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx23("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -2774,7 +2914,7 @@ function ContextMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.Label,
     __spreadValues({
       "data-slot": "context-menu-label",
@@ -2792,7 +2932,7 @@ function ContextMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ContextMenuPrimitive.Separator,
     __spreadValues({
       "data-slot": "context-menu-separator",
@@ -2806,7 +2946,7 @@ function ContextMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "span",
     __spreadValues({
       "data-slot": "context-menu-shortcut",
@@ -2820,34 +2960,34 @@ function ContextMenuShortcut(_a) {
 // components/ui/direction.tsx
 import { Direction } from "radix-ui";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function DirectionProvider({
   dir,
   direction,
   children
 }) {
-  return /* @__PURE__ */ jsx23(Direction.DirectionProvider, { dir: direction != null ? direction : dir, children });
+  return /* @__PURE__ */ jsx24(Direction.DirectionProvider, { dir: direction != null ? direction : dir, children });
 }
 var useDirection = Direction.useDirection;
 // components/ui/drawer.tsx
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 function Drawer(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
+  return /* @__PURE__ */ jsx25(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
 }
 function DrawerTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
+  return /* @__PURE__ */ jsx25(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
 }
 function DrawerPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
+  return /* @__PURE__ */ jsx25(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
 }
 function DrawerClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
+  return /* @__PURE__ */ jsx25(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
 }
 function DrawerOverlay(_a) {
   var _b = _a, {
@@ -2855,7 +2995,7 @@ function DrawerOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DrawerPrimitive.Overlay,
     __spreadValues({
       "data-slot": "drawer-overlay",
@@ -2874,9 +3014,9 @@ function DrawerContent(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs13(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ jsx24(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsx25(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs14(
       DrawerPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "drawer-content",
@@ -2890,7 +3030,7 @@ function DrawerContent(_a) {
         )
       }, props), {
         children: [
-          /* @__PURE__ */ jsx24("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-subtle group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ jsx25("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-subtle group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       })
@@ -2899,7 +3039,7 @@ function DrawerContent(_a) {
 }
 function DrawerHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     __spreadValues({
       "data-slot": "drawer-header",
@@ -2912,7 +3052,7 @@ function DrawerHeader(_a) {
 }
 function DrawerFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     __spreadValues({
       "data-slot": "drawer-footer",
@@ -2926,7 +3066,7 @@ function DrawerTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DrawerPrimitive.Title,
     __spreadValues({
       "data-slot": "drawer-title",
@@ -2940,7 +3080,7 @@ function DrawerDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DrawerPrimitive.Description,
     __spreadValues({
       "data-slot": "drawer-description",
@@ -2952,18 +3092,18 @@ function DrawerDescription(_a) {
 // components/ui/dropdown-menu.tsx
 import { CheckIcon as CheckIcon4, ChevronRightIcon as ChevronRightIcon3, CircleIcon as CircleIcon2 } from "lucide-react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
 }
 function DropdownMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
 }
 function DropdownMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DropdownMenuPrimitive.Trigger,
     __spreadValues({
       "data-slot": "dropdown-menu-trigger"
@@ -2978,7 +3118,7 @@ function DropdownMenuContent(_a) {
     "className",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx26(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "dropdown-menu-content",
@@ -2992,7 +3132,7 @@ function DropdownMenuContent(_a) {
 }
 function DropdownMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
 }
 function DropdownMenuItem(_a) {
   var _b = _a, {
@@ -3004,7 +3144,7 @@ function DropdownMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "dropdown-menu-item",
@@ -3027,7 +3167,7 @@ function DropdownMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     DropdownMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-checkbox-item",
@@ -3038,7 +3178,7 @@ function DropdownMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx25("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(CheckIcon4, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx26("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(CheckIcon4, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -3046,7 +3186,7 @@ function DropdownMenuCheckboxItem(_a) {
 }
 function DropdownMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DropdownMenuPrimitive.RadioGroup,
     __spreadValues({
       "data-slot": "dropdown-menu-radio-group"
@@ -3061,7 +3201,7 @@ function DropdownMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     DropdownMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-radio-item",
@@ -3071,7 +3211,7 @@ function DropdownMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx25("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(CircleIcon2, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx26("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(CircleIcon2, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -3085,7 +3225,7 @@ function DropdownMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DropdownMenuPrimitive.Label,
     __spreadValues({
       "data-slot": "dropdown-menu-label",
@@ -3103,7 +3243,7 @@ function DropdownMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       "data-slot": "dropdown-menu-separator",
@@ -3117,7 +3257,7 @@ function DropdownMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "span",
     __spreadValues({
       "data-slot": "dropdown-menu-shortcut",
@@ -3130,7 +3270,7 @@ function DropdownMenuShortcut(_a) {
 }
 function DropdownMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
 }
 function DropdownMenuSubTrigger(_a) {
   var _b = _a, {
@@ -3142,7 +3282,7 @@ function DropdownMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     DropdownMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-sub-trigger",
@@ -3154,7 +3294,7 @@ function DropdownMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx25(ChevronRightIcon3, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx26(ChevronRightIcon3, { className: "ml-auto size-4" })
       ]
     })
   );
@@ -3165,7 +3305,7 @@ function DropdownMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DropdownMenuPrimitive.SubContent,
     __spreadValues({
       "data-slot": "dropdown-menu-sub-content",
@@ -3179,10 +3319,10 @@ function DropdownMenuSubContent(_a) {
 // components/ui/empty.tsx
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function Empty(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     __spreadValues({
       "data-slot": "empty",
@@ -3195,7 +3335,7 @@ function Empty(_a) {
 }
 function EmptyHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     __spreadValues({
       "data-slot": "empty-header",
@@ -3228,7 +3368,7 @@ function EmptyMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     __spreadValues({
       "data-slot": "empty-icon",
@@ -3239,7 +3379,7 @@ function EmptyMedia(_a) {
 }
 function EmptyTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     __spreadValues({
       "data-slot": "empty-title",
@@ -3249,7 +3389,7 @@ function EmptyTitle(_a) {
 }
 function EmptyDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     __spreadValues({
       "data-slot": "empty-description",
@@ -3262,7 +3402,7 @@ function EmptyDescription(_a) {
 }
 function EmptyContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     __spreadValues({
       "data-slot": "empty-content",
@@ -3280,14 +3420,14 @@ import { cva as cva7 } from "class-variance-authority";
 // components/ui/label.tsx
 import { Label as LabelPrimitive } from "radix-ui";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Label(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     LabelPrimitive.Root,
     __spreadValues({
       "data-slot": "label",
@@ -3301,7 +3441,7 @@ function Label(_a) {
 // components/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Separator(_a) {
   var _b = _a, {
     className,
@@ -3312,7 +3452,7 @@ function Separator(_a) {
     "orientation",
     "decorative"
   ]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     SeparatorPrimitive.Root,
     __spreadValues({
       "data-slot": "separator",
@@ -3327,10 +3467,10 @@ function Separator(_a) {
 }
 // components/ui/field.tsx
-import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
 function FieldSet(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "fieldset",
     __spreadValues({
       "data-slot": "field-set",
@@ -3350,7 +3490,7 @@ function FieldLegend(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "legend",
     __spreadValues({
       "data-slot": "field-legend",
@@ -3366,7 +3506,7 @@ function FieldLegend(_a) {
 }
 function FieldGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     __spreadValues({
       "data-slot": "field-group",
@@ -3408,7 +3548,7 @@ function Field(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     __spreadValues({
       role: "group",
@@ -3420,7 +3560,7 @@ function Field(_a) {
 }
 function FieldContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     __spreadValues({
       "data-slot": "field-content",
@@ -3437,7 +3577,7 @@ function FieldLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     Label,
     __spreadValues({
       "data-slot": "field-label",
@@ -3452,7 +3592,7 @@ function FieldLabel(_a) {
 }
 function FieldTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     __spreadValues({
       "data-slot": "field-label",
@@ -3465,7 +3605,7 @@ function FieldTitle(_a) {
 }
 function FieldDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "p",
     __spreadValues({
       "data-slot": "field-description",
@@ -3486,7 +3626,7 @@ function FieldSeparator(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "field-separator",
@@ -3497,8 +3637,8 @@ function FieldSeparator(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx29(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx30(
           "span",
           {
             className: "relative mx-auto block w-fit bg-prominent px-2 text-on-subtle",
@@ -3534,14 +3674,14 @@ function FieldError(_a) {
     if ((uniqueErrors == null ? void 0 : uniqueErrors.length) == 1) {
       return (_a2 = uniqueErrors[0]) == null ? void 0 : _a2.message;
     }
-    return /* @__PURE__ */ jsx29("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx29("li", { children: error.message }, index)
+    return /* @__PURE__ */ jsx30("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx30("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     __spreadProps(__spreadValues({
       role: "alert",
@@ -3554,7 +3694,7 @@ function FieldError(_a) {
 }
 // components/ui/form.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import { Slot as Slot4 } from "radix-ui";
 import {
   Controller,
@@ -3562,18 +3702,18 @@ import {
   useFormContext,
   useFormState
 } from "react-hook-form";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React7.createContext(
+var FormFieldContext = React8.createContext(
   {}
 );
 var FormField = (_a) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx30(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx30(Controller, __spreadValues({}, props)) });
+  return /* @__PURE__ */ jsx31(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx31(Controller, __spreadValues({}, props)) });
 };
 var useFormField = () => {
-  const fieldContext = React7.useContext(FormFieldContext);
-  const itemContext = React7.useContext(FormItemContext);
+  const fieldContext = React8.useContext(FormFieldContext);
+  const itemContext = React8.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -3589,13 +3729,13 @@ var useFormField = () => {
     formMessageId: `${id}-form-item-message`
   }, fieldState);
 };
-var FormItemContext = React7.createContext(
+var FormItemContext = React8.createContext(
   {}
 );
 function FormItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const id = React7.useId();
-  return /* @__PURE__ */ jsx30(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx30(
+  const id = React8.useId();
+  return /* @__PURE__ */ jsx31(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx31(
     "div",
     __spreadValues({
       "data-slot": "form-item",
@@ -3610,7 +3750,7 @@ function FormLabel(_a) {
     "className"
   ]);
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     Label,
     __spreadValues({
       "data-slot": "form-label",
@@ -3623,7 +3763,7 @@ function FormLabel(_a) {
 function FormControl(_a) {
   var props = __objRest(_a, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     Slot4.Root,
     __spreadValues({
       "data-slot": "form-control",
@@ -3636,7 +3776,7 @@ function FormControl(_a) {
 function FormDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "p",
     __spreadValues({
       "data-slot": "form-description",
@@ -3653,7 +3793,7 @@ function FormMessage(_a) {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "p",
     __spreadProps(__spreadValues({
       "data-slot": "form-message",
@@ -3667,14 +3807,14 @@ function FormMessage(_a) {
 // components/ui/hover-card.tsx
 import { HoverCard as HoverCardPrimitive } from "radix-ui";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function HoverCard(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx31(HoverCardPrimitive.Root, __spreadValues({ "data-slot": "hover-card" }, props));
+  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Root, __spreadValues({ "data-slot": "hover-card" }, props));
 }
 function HoverCardTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx31(HoverCardPrimitive.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
+  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
 }
 function HoverCardContent(_a) {
   var _b = _a, {
@@ -3686,7 +3826,7 @@ function HoverCardContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx31(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx32(
     HoverCardPrimitive.Content,
     __spreadValues({
       "data-slot": "hover-card-content",
@@ -3701,10 +3841,10 @@ function HoverCardContent(_a) {
 }
 // components/ui/input-otp.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
 function InputOTP(_a) {
   var _b = _a, {
     className,
@@ -3713,7 +3853,7 @@ function InputOTP(_a) {
     "className",
     "containerClassName"
   ]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     OTPInput,
     __spreadValues({
       "data-slot": "input-otp",
@@ -3727,7 +3867,7 @@ function InputOTP(_a) {
 }
 function InputOTPGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     __spreadValues({
       "data-slot": "input-otp-group",
@@ -3744,9 +3884,9 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React8.useContext(OTPInputContext);
+  const inputOTPContext = React9.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) != null ? _a2 : {};
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "input-otp-slot",
@@ -3758,23 +3898,23 @@ function InputOTPSlot(_a) {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx32("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx32("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx33("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx33("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     })
   );
 }
 function InputOTPSeparator(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx32("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx32(MinusIcon, {}) }));
+  return /* @__PURE__ */ jsx33("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx33(MinusIcon, {}) }));
 }
 // components/ui/item.tsx
 import { cva as cva8 } from "class-variance-authority";
 import { Slot as Slot5 } from "radix-ui";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function ItemGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       role: "list",
@@ -3789,7 +3929,7 @@ function ItemSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Separator,
     __spreadValues({
       "data-slot": "item-separator",
@@ -3831,7 +3971,7 @@ function Item(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot5.Root : "div";
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Comp,
     __spreadValues({
       "data-slot": "item",
@@ -3864,7 +4004,7 @@ function ItemMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-media",
@@ -3875,7 +4015,7 @@ function ItemMedia(_a) {
 }
 function ItemContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-content",
@@ -3888,7 +4028,7 @@ function ItemContent(_a) {
 }
 function ItemTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-title",
@@ -3901,7 +4041,7 @@ function ItemTitle(_a) {
 }
 function ItemDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "p",
     __spreadValues({
       "data-slot": "item-description",
@@ -3915,7 +4055,7 @@ function ItemDescription(_a) {
 }
 function ItemActions(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-actions",
@@ -3925,7 +4065,7 @@ function ItemActions(_a) {
 }
 function ItemHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-header",
@@ -3938,7 +4078,7 @@ function ItemHeader(_a) {
 }
 function ItemFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-footer",
@@ -3951,10 +4091,10 @@ function ItemFooter(_a) {
 }
 // components/ui/kbd.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Kbd(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "kbd",
     __spreadValues({
       "data-slot": "kbd",
@@ -3969,7 +4109,7 @@ function Kbd(_a) {
 }
 function KbdGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "kbd",
     __spreadValues({
       "data-slot": "kbd-group",
@@ -3981,7 +4121,7 @@ function KbdGroup(_a) {
 // components/ui/link.tsx
 import { cva as cva9 } from "class-variance-authority";
 import { Slot as Slot6 } from "radix-ui";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var linkVariants = cva9(
   "inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:inline font-display font-bold normal-case text-primary hover:underline decoration-2 underline-offset-4",
   {
@@ -4008,7 +4148,7 @@ function Link(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot6.Root : "a";
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     Comp,
     __spreadValues({
       "data-slot": "link",
@@ -4021,14 +4161,14 @@ function Link(_a) {
 // components/ui/menubar.tsx
 import { CheckIcon as CheckIcon5, ChevronRightIcon as ChevronRightIcon4, CircleIcon as CircleIcon3 } from "lucide-react";
 import { Menubar as MenubarPrimitive } from "radix-ui";
-import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
 function Menubar(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Root,
     __spreadValues({
       "data-slot": "menubar",
@@ -4041,19 +4181,19 @@ function Menubar(_a) {
 }
 function MenubarMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
 }
 function MenubarGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
 }
 function MenubarPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
 }
 function MenubarRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
 }
 function MenubarTrigger(_a) {
   var _b = _a, {
@@ -4061,7 +4201,7 @@ function MenubarTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Trigger,
     __spreadValues({
       "data-slot": "menubar-trigger",
@@ -4084,7 +4224,7 @@ function MenubarContent(_a) {
     "alignOffset",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx36(MenubarPortal, { children: /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(MenubarPortal, { children: /* @__PURE__ */ jsx37(
     MenubarPrimitive.Content,
     __spreadValues({
       "data-slot": "menubar-content",
@@ -4108,7 +4248,7 @@ function MenubarItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Item,
     __spreadValues({
       "data-slot": "menubar-item",
@@ -4131,7 +4271,7 @@ function MenubarCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     MenubarPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-checkbox-item",
@@ -4142,7 +4282,7 @@ function MenubarCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx36("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CheckIcon5, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx37("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(CheckIcon5, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -4156,7 +4296,7 @@ function MenubarRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     MenubarPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-radio-item",
@@ -4166,7 +4306,7 @@ function MenubarRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx36("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CircleIcon3, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx37("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(CircleIcon3, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -4180,7 +4320,7 @@ function MenubarLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Label,
     __spreadValues({
       "data-slot": "menubar-label",
@@ -4198,7 +4338,7 @@ function MenubarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Separator,
     __spreadValues({
       "data-slot": "menubar-separator",
@@ -4212,7 +4352,7 @@ function MenubarShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "span",
     __spreadValues({
       "data-slot": "menubar-shortcut",
@@ -4225,7 +4365,7 @@ function MenubarShortcut(_a) {
 }
 function MenubarSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
 }
 function MenubarSubTrigger(_a) {
   var _b = _a, {
@@ -4237,7 +4377,7 @@ function MenubarSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     MenubarPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-sub-trigger",
@@ -4249,7 +4389,7 @@ function MenubarSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx36(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx37(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
       ]
     })
   );
@@ -4260,7 +4400,7 @@ function MenubarSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.SubContent,
     __spreadValues({
       "data-slot": "menubar-sub-content",
@@ -4274,7 +4414,7 @@ function MenubarSubContent(_a) {
 // components/ui/native-select.tsx
 import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
 function NativeSelect(_a) {
   var _b = _a, {
     className,
@@ -4283,13 +4423,13 @@ function NativeSelect(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
       "data-slot": "native-select-wrapper",
       children: [
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           "select",
           __spreadValues({
             "data-slot": "native-select",
@@ -4301,7 +4441,7 @@ function NativeSelect(_a) {
             )
           }, props)
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           ChevronDownIcon4,
           {
             className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-on-subtle opacity-50 select-none",
@@ -4315,7 +4455,7 @@ function NativeSelect(_a) {
 }
 function NativeSelectOption(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx37("option", __spreadValues({ "data-slot": "native-select-option" }, props));
+  return /* @__PURE__ */ jsx38("option", __spreadValues({ "data-slot": "native-select-option" }, props));
 }
 function NativeSelectOptGroup(_a) {
   var _b = _a, {
@@ -4323,7 +4463,7 @@ function NativeSelectOptGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "optgroup",
     __spreadValues({
       "data-slot": "native-select-optgroup",
@@ -4335,7 +4475,7 @@ function NativeSelectOptGroup(_a) {
 // components/ui/navigation-button.tsx
 import { cva as cva10 } from "class-variance-authority";
 import { Slot as Slot7 } from "radix-ui";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var navigationButtonVariants = cva10(
   "inline-flex shrink-0 items-center justify-center bg-transparent text-on-prominent hover:bg-secondary-hover transition-all duration-fast ease-standard outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-24 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
@@ -4365,7 +4505,7 @@ function NavigationButton(_a) {
     "children"
   ]);
   const Comp = asChild ? Slot7.Root : "button";
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     Comp,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-button",
@@ -4381,7 +4521,7 @@ function NavigationButton(_a) {
 import { cva as cva11 } from "class-variance-authority";
 import { ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
 import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
-import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
 function NavigationMenu(_a) {
   var _b = _a, {
     className,
@@ -4392,7 +4532,7 @@ function NavigationMenu(_a) {
     "children",
     "viewport"
   ]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     NavigationMenuPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu",
@@ -4404,7 +4544,7 @@ function NavigationMenu(_a) {
     }, props), {
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx39(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx40(NavigationMenuViewport, {})
       ]
     })
   );
@@ -4415,7 +4555,7 @@ function NavigationMenuList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.List,
     __spreadValues({
       "data-slot": "navigation-menu-list",
@@ -4432,7 +4572,7 @@ function NavigationMenuItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "navigation-menu-item",
@@ -4451,7 +4591,7 @@ function NavigationMenuTrigger(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     NavigationMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-trigger",
@@ -4460,7 +4600,7 @@ function NavigationMenuTrigger(_a) {
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           ChevronDownIcon5,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-slow group-data-[state=open]:rotate-180",
@@ -4477,7 +4617,7 @@ function NavigationMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "navigation-menu-content",
@@ -4495,13 +4635,13 @@ function NavigationMenuViewport(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       className: cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ jsx39(
+      children: /* @__PURE__ */ jsx40(
         NavigationMenuPrimitive.Viewport,
         __spreadValues({
           "data-slot": "navigation-menu-viewport",
@@ -4520,7 +4660,7 @@ function NavigationMenuLink(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Link,
     __spreadValues({
       "data-slot": "navigation-menu-link",
@@ -4537,7 +4677,7 @@ function NavigationMenuIndicator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-indicator",
@@ -4546,7 +4686,7 @@ function NavigationMenuIndicator(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx39("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx40("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 }
@@ -4557,10 +4697,10 @@ import {
   ChevronRightIcon as ChevronRightIcon5,
   MoreHorizontalIcon
 } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
 function Pagination(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -4576,7 +4716,7 @@ function PaginationContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "ul",
     __spreadValues({
       "data-slot": "pagination-content",
@@ -4586,7 +4726,7 @@ function PaginationContent(_a) {
 }
 function PaginationItem(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx40("li", __spreadValues({ "data-slot": "pagination-item" }, props));
+  return /* @__PURE__ */ jsx41("li", __spreadValues({ "data-slot": "pagination-item" }, props));
 }
 function PaginationLink(_a) {
   var _b = _a, {
@@ -4598,7 +4738,7 @@ function PaginationLink(_a) {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -4618,7 +4758,7 @@ function PaginationPrevious(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx40("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx40(ChevronLeftIcon2, { className: "size-5" }) })) });
+  return /* @__PURE__ */ jsx41(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx41("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx41(ChevronLeftIcon2, { className: "size-5" }) })) });
 }
 function PaginationNext(_a) {
   var _b = _a, {
@@ -4626,7 +4766,7 @@ function PaginationNext(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx40("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx40(ChevronRightIcon5, { className: "size-5" }) })) });
+  return /* @__PURE__ */ jsx41(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx41("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx41(ChevronRightIcon5, { className: "size-5" }) })) });
 }
 function PaginationEllipsis(_a) {
   var _b = _a, {
@@ -4634,7 +4774,7 @@ function PaginationEllipsis(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
@@ -4642,8 +4782,8 @@ function PaginationEllipsis(_a) {
       className: cn("flex size-10 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx40(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx41(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -4651,14 +4791,14 @@ function PaginationEllipsis(_a) {
 // components/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx41(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ jsx42(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx41(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ jsx42(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -4670,7 +4810,7 @@ function PopoverContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx41(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx42(
     PopoverPrimitive.Content,
     __spreadValues({
       "data-slot": "popover-content",
@@ -4685,11 +4825,11 @@ function PopoverContent(_a) {
 }
 function PopoverAnchor(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx41(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
+  return /* @__PURE__ */ jsx42(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
 }
 function PopoverHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     __spreadValues({
       "data-slot": "popover-header",
@@ -4699,7 +4839,7 @@ function PopoverHeader(_a) {
 }
 function PopoverTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     __spreadValues({
       "data-slot": "popover-title",
@@ -4713,7 +4853,7 @@ function PopoverDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "p",
     __spreadValues({
       "data-slot": "popover-description",
@@ -4724,7 +4864,7 @@ function PopoverDescription(_a) {
 // components/ui/progress.tsx
 import { Progress as ProgressPrimitive } from "radix-ui";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function Progress(_a) {
   var _b = _a, {
     className,
@@ -4733,7 +4873,7 @@ function Progress(_a) {
     "className",
     "value"
   ]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "progress",
@@ -4742,7 +4882,7 @@ function Progress(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx42(
+      children: /* @__PURE__ */ jsx43(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -4757,14 +4897,14 @@ function Progress(_a) {
 // components/ui/radio-group.tsx
 import { CircleIcon as CircleIcon4 } from "lucide-react";
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function RadioGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     RadioGroupPrimitive.Root,
     __spreadValues({
       "data-slot": "radio-group",
@@ -4778,7 +4918,7 @@ function RadioGroupItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "radio-group-item",
@@ -4787,12 +4927,12 @@ function RadioGroupItem(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx43(
+      children: /* @__PURE__ */ jsx44(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx43(CircleIcon4, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
+          children: /* @__PURE__ */ jsx44(CircleIcon4, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
         }
       )
     })
@@ -4802,14 +4942,14 @@ function RadioGroupItem(_a) {
 // components/ui/resizable.tsx
 import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function ResizablePanelGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     ResizablePrimitive.Group,
     __spreadValues({
       "data-slot": "resizable-panel-group",
@@ -4822,7 +4962,7 @@ function ResizablePanelGroup(_a) {
 }
 function ResizablePanel(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx44(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
+  return /* @__PURE__ */ jsx45(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
 }
 function ResizableHandle(_a) {
   var _b = _a, {
@@ -4832,7 +4972,7 @@ function ResizableHandle(_a) {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       "data-slot": "resizable-handle",
@@ -4841,14 +4981,14 @@ function ResizableHandle(_a) {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ jsx44("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ jsx44(GripVerticalIcon, { className: "size-2.5" }) })
+      children: withHandle && /* @__PURE__ */ jsx45("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ jsx45(GripVerticalIcon, { className: "size-2.5" }) })
     })
   );
 }
 // components/ui/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
 function ScrollArea(_a) {
   var _b = _a, {
     className,
@@ -4857,14 +4997,14 @@ function ScrollArea(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     ScrollAreaPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area",
       className: cn("relative", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -4872,8 +5012,8 @@ function ScrollArea(_a) {
             children
           }
         ),
-        /* @__PURE__ */ jsx45(ScrollBar, {}),
-        /* @__PURE__ */ jsx45(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx46(ScrollBar, {}),
+        /* @__PURE__ */ jsx46(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
@@ -4886,7 +5026,7 @@ function ScrollBar(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area-scrollbar",
@@ -4898,7 +5038,7 @@ function ScrollBar(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx45(
+      children: /* @__PURE__ */ jsx46(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -4912,18 +5052,18 @@ function ScrollBar(_a) {
 // components/ui/select.tsx
 import { CheckIcon as CheckIcon6, ChevronDownIcon as ChevronDownIcon6, ChevronUpIcon } from "lucide-react";
 import { Select as SelectPrimitive } from "radix-ui";
-import { jsx as jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs23 } from "react/jsx-runtime";
 function Select(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx46(SelectPrimitive.Root, __spreadValues({ "data-slot": "select" }, props));
+  return /* @__PURE__ */ jsx47(SelectPrimitive.Root, __spreadValues({ "data-slot": "select" }, props));
 }
 function SelectGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx46(SelectPrimitive.Group, __spreadValues({ "data-slot": "select-group" }, props));
+  return /* @__PURE__ */ jsx47(SelectPrimitive.Group, __spreadValues({ "data-slot": "select-group" }, props));
 }
 function SelectValue(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx46(SelectPrimitive.Value, __spreadValues({ "data-slot": "select-value" }, props));
+  return /* @__PURE__ */ jsx47(SelectPrimitive.Value, __spreadValues({ "data-slot": "select-value" }, props));
 }
 function SelectTrigger(_a) {
   var _b = _a, {
@@ -4937,7 +5077,7 @@ function SelectTrigger(_a) {
     "readOnly",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     SelectPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "select-trigger",
@@ -4951,7 +5091,7 @@ function SelectTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx46(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx46(ChevronDownIcon6, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
+        /* @__PURE__ */ jsx47(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx47(ChevronDownIcon6, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
       ]
     })
   );
@@ -4968,7 +5108,7 @@ function SelectContent(_a) {
     "position",
     "align"
   ]);
-  return /* @__PURE__ */ jsx46(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsx47(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs23(
     SelectPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "select-content",
@@ -4981,8 +5121,8 @@ function SelectContent(_a) {
       align
     }, props), {
       children: [
-        /* @__PURE__ */ jsx46(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx47(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -4992,7 +5132,7 @@ function SelectContent(_a) {
             children
           }
         ),
-        /* @__PURE__ */ jsx46(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx47(SelectScrollDownButton, {})
       ]
     })
   ) });
@@ -5003,7 +5143,7 @@ function SelectLabel(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     SelectPrimitive.Label,
     __spreadValues({
       "data-slot": "select-label",
@@ -5019,7 +5159,7 @@ function SelectItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     SelectPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "select-item",
@@ -5029,15 +5169,15 @@ function SelectItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47(
           "span",
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ jsx46(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx46(CheckIcon6, { className: "size-4 text-primary" }) })
+            children: /* @__PURE__ */ jsx47(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx47(CheckIcon6, { className: "size-4 text-primary" }) })
           }
         ),
-        /* @__PURE__ */ jsx46(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx47(SelectPrimitive.ItemText, { children })
       ]
     })
   );
@@ -5048,7 +5188,7 @@ function SelectSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     SelectPrimitive.Separator,
     __spreadValues({
       "data-slot": "select-separator",
@@ -5062,7 +5202,7 @@ function SelectScrollUpButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     SelectPrimitive.ScrollUpButton,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-up-button",
@@ -5071,7 +5211,7 @@ function SelectScrollUpButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx46(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx47(ChevronUpIcon, { className: "size-4" })
     })
   );
 }
@@ -5081,7 +5221,7 @@ function SelectScrollDownButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     SelectPrimitive.ScrollDownButton,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-down-button",
@@ -5090,7 +5230,7 @@ function SelectScrollDownButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx46(ChevronDownIcon6, { className: "size-4" })
+      children: /* @__PURE__ */ jsx47(ChevronDownIcon6, { className: "size-4" })
     })
   );
 }
@@ -5098,22 +5238,22 @@ function SelectScrollDownButton(_a) {
 // components/ui/sheet.tsx
 import { XIcon as XIcon3 } from "lucide-react";
 import { Dialog as SheetPrimitive } from "radix-ui";
-import { jsx as jsx47, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs24 } from "react/jsx-runtime";
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx47(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ jsx48(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx47(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+  return /* @__PURE__ */ jsx48(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
 }
 function SheetClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx47(SheetPrimitive.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
+  return /* @__PURE__ */ jsx48(SheetPrimitive.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx47(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ jsx48(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -5121,7 +5261,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     SheetPrimitive.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
@@ -5144,9 +5284,9 @@ function SheetContent(_a) {
     "side",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs23(SheetPortal, { children: [
-    /* @__PURE__ */ jsx47(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(SheetPortal, { children: [
+    /* @__PURE__ */ jsx48(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs24(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "sheet-content",
@@ -5161,9 +5301,9 @@ function SheetContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs23(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-prominent transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-            /* @__PURE__ */ jsx47(XIcon3, { className: "size-4" }),
-            /* @__PURE__ */ jsx47("span", { className: "sr-only", children: "Close" })
+          showCloseButton && /* @__PURE__ */ jsxs24(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-prominent transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+            /* @__PURE__ */ jsx48(XIcon3, { className: "size-4" }),
+            /* @__PURE__ */ jsx48("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -5172,7 +5312,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -5182,7 +5322,7 @@ function SheetHeader(_a) {
 }
 function SheetFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     __spreadValues({
       "data-slot": "sheet-footer",
@@ -5196,7 +5336,7 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     SheetPrimitive.Title,
     __spreadValues({
       "data-slot": "sheet-title",
@@ -5210,7 +5350,7 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     SheetPrimitive.Description,
     __spreadValues({
       "data-slot": "sheet-description",
@@ -5220,17 +5360,17 @@ function SheetDescription(_a) {
 }
 // components/ui/sidebar.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import { cva as cva12 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
 import { Slot as Slot8 } from "radix-ui";
 // hooks/use-mobile.ts
-import * as React9 from "react";
+import * as React10 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React9.useState(void 0);
-  React9.useEffect(() => {
+  const [isMobile, setIsMobile] = React10.useState(void 0);
+  React10.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -5243,10 +5383,10 @@ function useIsMobile() {
 }
 // components/ui/skeleton.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function Skeleton(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     __spreadValues({
       "data-slot": "skeleton",
@@ -5256,17 +5396,17 @@ function Skeleton(_a) {
 }
 // components/ui/tooltip.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
-var TooltipModeContext = React10.createContext("tooltip");
+import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
+var TooltipModeContext = React11.createContext("tooltip");
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     TooltipPrimitive.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -5283,9 +5423,9 @@ function Tooltip2(_a) {
   const isMobile = useIsMobile();
   const mode = isMobile ? "drawer" : "tooltip";
   if (mode === "drawer") {
-    return /* @__PURE__ */ jsx49(TooltipModeContext.Provider, { value: "drawer", children: /* @__PURE__ */ jsx49(Drawer, { children }) });
+    return /* @__PURE__ */ jsx50(TooltipModeContext.Provider, { value: "drawer", children: /* @__PURE__ */ jsx50(Drawer, { children }) });
   }
-  return /* @__PURE__ */ jsx49(TooltipModeContext.Provider, { value: "tooltip", children: /* @__PURE__ */ jsx49(TooltipPrimitive.Root, __spreadProps(__spreadValues({ "data-slot": "tooltip" }, props), { children })) });
+  return /* @__PURE__ */ jsx50(TooltipModeContext.Provider, { value: "tooltip", children: /* @__PURE__ */ jsx50(TooltipPrimitive.Root, __spreadProps(__spreadValues({ "data-slot": "tooltip" }, props), { children })) });
 }
 function TooltipTrigger(_a) {
   var _b = _a, {
@@ -5293,11 +5433,11 @@ function TooltipTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "children"
   ]);
-  const mode = React10.useContext(TooltipModeContext);
+  const mode = React11.useContext(TooltipModeContext);
   if (mode === "drawer") {
-    return /* @__PURE__ */ jsx49(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
+    return /* @__PURE__ */ jsx50(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
   }
-  return /* @__PURE__ */ jsx49(TooltipPrimitive.Trigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
+  return /* @__PURE__ */ jsx50(TooltipPrimitive.Trigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -5315,17 +5455,17 @@ function TooltipContent(_a) {
     "closeLabel",
     "children"
   ]);
-  const mode = React10.useContext(TooltipModeContext);
+  const mode = React11.useContext(TooltipModeContext);
   if (mode === "drawer") {
-    return /* @__PURE__ */ jsxs24(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
-      /* @__PURE__ */ jsx49(DrawerHeader, { children: /* @__PURE__ */ jsx49(DrawerTitle, { children: title }) }),
-      /* @__PURE__ */ jsx49("div", { className: cn("p-4 text-sm text-on-subtle", className), children }),
-      /* @__PURE__ */ jsx49(DrawerFooter, { children: /* @__PURE__ */ jsx49(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx49(Button, { variant: "primary", size: "md", children: closeLabel }) }) })
+    return /* @__PURE__ */ jsxs25(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
+      /* @__PURE__ */ jsx50(DrawerHeader, { children: /* @__PURE__ */ jsx50(DrawerTitle, { children: title }) }),
+      /* @__PURE__ */ jsx50("div", { className: cn("p-4 text-sm text-on-subtle", className), children }),
+      /* @__PURE__ */ jsx50(DrawerFooter, { children: /* @__PURE__ */ jsx50(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx50(Button, { variant: "primary", size: "md", children: closeLabel }) }) })
     ] });
   }
   const surfaceClasses = variant === "inverse" ? "bg-prominent text-on-prominent shadow-sm" : "bg-primary text-on-primary";
   const arrowClasses = variant === "inverse" ? "fill-prominent" : "fill-primary";
-  return /* @__PURE__ */ jsx49(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx50(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs25(
     TooltipPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
@@ -5339,23 +5479,23 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx49(TooltipPrimitive.Arrow, { className: arrowClasses })
+        /* @__PURE__ */ jsx50(TooltipPrimitive.Arrow, { className: arrowClasses })
       ]
     })
   ) });
 }
 // components/ui/sidebar.tsx
-import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React11.createContext(null);
+var SidebarContext = React12.createContext(null);
 function useSidebar() {
-  const context = React11.useContext(SidebarContext);
+  const context = React12.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -5378,10 +5518,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) {
@@ -5393,10 +5533,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();
@@ -5407,7 +5547,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,
@@ -5419,7 +5559,7 @@ function SidebarProvider(_a) {
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx50(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx50(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx51(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx51(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -5452,7 +5592,7 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx51(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
@@ -5466,7 +5606,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx50(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsx51(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs26(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -5478,16 +5618,16 @@ function Sidebar(_a) {
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs25(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx50(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx50(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxs26(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx51(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx51(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx50("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx51("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
   }
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
@@ -5497,7 +5637,7 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -5509,7 +5649,7 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
@@ -5521,7 +5661,7 @@ function Sidebar(_a) {
               className
             )
           }, props), {
-            children: /* @__PURE__ */ jsx50(
+            children: /* @__PURE__ */ jsx51(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -5545,7 +5685,7 @@ function SidebarTrigger(_a) {
     "onClick"
   ]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     Button,
     __spreadProps(__spreadValues({
       "data-sidebar": "trigger",
@@ -5559,8 +5699,8 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        /* @__PURE__ */ jsx50(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx50("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx51(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx51("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
   );
@@ -5568,7 +5708,7 @@ function SidebarTrigger(_a) {
 function SidebarRail(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "button",
     __spreadValues({
       "data-sidebar": "rail",
@@ -5591,7 +5731,7 @@ function SidebarRail(_a) {
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
@@ -5609,7 +5749,7 @@ function SidebarInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Input,
     __spreadValues({
       "data-slot": "sidebar-input",
@@ -5620,7 +5760,7 @@ function SidebarInput(_a) {
 }
 function SidebarHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     __spreadValues({
       "data-slot": "sidebar-header",
@@ -5631,7 +5771,7 @@ function SidebarHeader(_a) {
 }
 function SidebarFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     __spreadValues({
       "data-slot": "sidebar-footer",
@@ -5646,7 +5786,7 @@ function SidebarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Separator,
     __spreadValues({
       "data-slot": "sidebar-separator",
@@ -5657,7 +5797,7 @@ function SidebarSeparator(_a) {
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
@@ -5671,7 +5811,7 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
@@ -5689,7 +5829,7 @@ function SidebarGroupLabel(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot8.Root : "div";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-label",
@@ -5711,7 +5851,7 @@ function SidebarGroupAction(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot8.Root : "button";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-action",
@@ -5732,7 +5872,7 @@ function SidebarGroupContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group-content",
@@ -5743,7 +5883,7 @@ function SidebarGroupContent(_a) {
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
@@ -5754,7 +5894,7 @@ function SidebarMenu(_a) {
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
@@ -5801,7 +5941,7 @@ function SidebarMenuButton(_a) {
   ]);
   const Comp = asChild ? Slot8.Root : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx50(
+  const button = /* @__PURE__ */ jsx51(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-button",
@@ -5819,9 +5959,9 @@ function SidebarMenuButton(_a) {
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs25(Tooltip2, { children: [
-    /* @__PURE__ */ jsx50(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsxs26(Tooltip2, { children: [
+    /* @__PURE__ */ jsx51(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx51(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -5842,7 +5982,7 @@ function SidebarMenuAction(_a) {
     "showOnHover"
   ]);
   const Comp = asChild ? Slot8.Root : "button";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-action",
@@ -5867,7 +6007,7 @@ function SidebarMenuBadge(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "div",
     __spreadValues({
       "data-slot": "sidebar-menu-badge",
@@ -5893,7 +6033,7 @@ function SidebarMenuSkeleton(_a) {
     "showIcon"
   ]);
   const width = "70%";
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-menu-skeleton",
@@ -5901,14 +6041,14 @@ function SidebarMenuSkeleton(_a) {
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className)
     }, props), {
       children: [
-        showIcon && /* @__PURE__ */ jsx50(
+        showIcon && /* @__PURE__ */ jsx51(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -5924,7 +6064,7 @@ function SidebarMenuSkeleton(_a) {
 }
 function SidebarMenuSub(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu-sub",
@@ -5943,7 +6083,7 @@ function SidebarMenuSubItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-sub-item",
@@ -5965,7 +6105,7 @@ function SidebarMenuSubButton(_a) {
     "className"
   ]);
   const Comp = asChild ? Slot8.Root : "a";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-sub-button",
@@ -5985,9 +6125,9 @@ function SidebarMenuSubButton(_a) {
 }
 // components/ui/slider.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import { Slider as SliderPrimitive } from "radix-ui";
-import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs27 } from "react/jsx-runtime";
 function Slider(_a) {
   var _b = _a, {
     className,
@@ -6002,11 +6142,11 @@ function Slider(_a) {
     "min",
     "max"
   ]);
-  const _values = React12.useMemo(
+  const _values = React13.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     SliderPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "slider",
@@ -6020,14 +6160,14 @@ function Slider(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52(
           SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
             className: cn(
               "relative grow overflow-hidden rounded-full bg-subtle data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
-            children: /* @__PURE__ */ jsx51(
+            children: /* @__PURE__ */ jsx52(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -6038,7 +6178,7 @@ function Slider(_a) {
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx51(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx52(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -6061,12 +6201,12 @@ import {
 } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Toaster as Sonner, toast } from "sonner";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 var Toaster = (_a) => {
   var props = __objRest(_a, []);
   const { theme = "system" } = useTheme();
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     Sonner,
     __spreadValues({
       theme,
@@ -6075,11 +6215,11 @@ var Toaster = (_a) => {
       visibleToasts: isMobile ? 1 : 3,
       duration: 4e3,
       icons: {
-        success: /* @__PURE__ */ jsx52(CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx52(InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx52(TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ jsx52(OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsx52(Loader2Icon, { className: "size-4 animate-spin" })
+        success: /* @__PURE__ */ jsx53(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx53(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx53(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx53(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx53(Loader2Icon, { className: "size-4 animate-spin" })
       },
       toastOptions: {
         classNames: {
@@ -6100,9 +6240,9 @@ var Toaster = (_a) => {
 };
 // components/ui/stepper.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import { Minus, Plus } from "lucide-react";
-import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
@@ -6136,16 +6276,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));
     }
@@ -6195,14 +6335,14 @@ function Stepper({
       }
     }
   }
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     InputGroup,
     {
       "data-slot": "stepper",
       "data-disabled": disabled || void 0,
       className: cn("w-32", container, className),
       children: [
-        /* @__PURE__ */ jsx53(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx54(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx54(
           InputGroupButton,
           {
             size: buttonSize,
@@ -6210,10 +6350,10 @@ function Stepper({
             onClick: handleDecrement,
             disabled: disabled || currentValue <= min,
             "aria-label": "Decrease value",
-            children: /* @__PURE__ */ jsx53(Minus, { className: iconClass })
+            children: /* @__PURE__ */ jsx54(Minus, { className: iconClass })
           }
         ) }),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx54(
           InputGroupInput,
           {
             type: "text",
@@ -6235,9 +6375,9 @@ function Stepper({
             className: "text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
           }
         ),
-        /* @__PURE__ */ jsxs27(InputGroupAddon, { align: "inline-end", children: [
-          /* @__PURE__ */ jsx53(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
-          /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsxs28(InputGroupAddon, { align: "inline-end", children: [
+          /* @__PURE__ */ jsx54(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
+          /* @__PURE__ */ jsx54(
             InputGroupButton,
             {
               size: buttonSize,
@@ -6245,7 +6385,7 @@ function Stepper({
               onClick: handleIncrement,
               disabled: disabled || currentValue >= max,
               "aria-label": "Increase value",
-              children: /* @__PURE__ */ jsx53(Plus, { className: iconClass })
+              children: /* @__PURE__ */ jsx54(Plus, { className: iconClass })
             }
           )
         ] })
@@ -6256,7 +6396,7 @@ function Stepper({
 // components/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "radix-ui";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function Switch(_a) {
   var _b = _a, {
     className,
@@ -6265,7 +6405,7 @@ function Switch(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     SwitchPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "switch",
@@ -6275,7 +6415,7 @@ function Switch(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx54(
+      children: /* @__PURE__ */ jsx55(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -6289,15 +6429,15 @@ function Switch(_a) {
 }
 // components/ui/table.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function Table(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx55(
+      children: /* @__PURE__ */ jsx56(
         "table",
         __spreadValues({
           "data-slot": "table",
@@ -6309,7 +6449,7 @@ function Table(_a) {
 }
 function TableHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "thead",
     __spreadValues({
       "data-slot": "table-header",
@@ -6319,7 +6459,7 @@ function TableHeader(_a) {
 }
 function TableBody(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "tbody",
     __spreadValues({
       "data-slot": "table-body",
@@ -6329,7 +6469,7 @@ function TableBody(_a) {
 }
 function TableFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "tfoot",
     __spreadValues({
       "data-slot": "table-footer",
@@ -6342,7 +6482,7 @@ function TableFooter(_a) {
 }
 function TableRow(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "tr",
     __spreadValues({
       "data-slot": "table-row",
@@ -6355,7 +6495,7 @@ function TableRow(_a) {
 }
 function TableHead(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "th",
     __spreadValues({
       "data-slot": "table-head",
@@ -6368,7 +6508,7 @@ function TableHead(_a) {
 }
 function TableCell(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "td",
     __spreadValues({
       "data-slot": "table-cell",
@@ -6385,7 +6525,7 @@ function TableCaption(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "caption",
     __spreadValues({
       "data-slot": "table-caption",
@@ -6397,7 +6537,7 @@ function TableCaption(_a) {
 // components/ui/tabs.tsx
 import { cva as cva13 } from "class-variance-authority";
 import { Tabs as TabsPrimitive } from "radix-ui";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -6406,7 +6546,7 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     TabsPrimitive.Root,
     __spreadValues({
       "data-slot": "tabs",
@@ -6449,7 +6589,7 @@ function TabsList(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     TabsPrimitive.List,
     __spreadValues({
       "data-slot": "tabs-list",
@@ -6467,7 +6607,7 @@ function TabsTrigger(_a) {
     "className",
     "iconPosition"
   ]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     TabsPrimitive.Trigger,
     __spreadValues({
       "data-slot": "tabs-trigger",
@@ -6493,7 +6633,7 @@ function TabsContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     TabsPrimitive.Content,
     __spreadValues({
       "data-slot": "tabs-content",
@@ -6504,7 +6644,7 @@ function TabsContent(_a) {
 // components/ui/ticket-card.tsx
 import { ArrowRight as ArrowRight2, Info as Info2 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx57, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx58, jsxs as jsxs29 } from "react/jsx-runtime";
 function formatBalanceValue(raw) {
   const match = raw.match(/^(\D*)([\d,]+(?:\.\d+)?)(\D*)$/);
   if (!match) return raw;
@@ -6528,23 +6668,23 @@ function TicketCard({
   stubDisabled = false,
   compact = false
 }) {
-  return /* @__PURE__ */ jsx57("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs28("div", { className: "relative flex h-20 w-full items-stretch justify-between rounded-sm bg-subtle", children: [
-    /* @__PURE__ */ jsxs28("div", { className: cn("flex flex-1 items-center overflow-hidden", compact ? "gap-2 px-2" : "gap-4 px-4"), children: [
-      icon && /* @__PURE__ */ jsx57("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
-      /* @__PURE__ */ jsxs28("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
-        /* @__PURE__ */ jsx57("p", { className: "text-xs text-on-subtle", children: label }),
-        /* @__PURE__ */ jsxs28("p", { className: "leading-none", children: [
-          /* @__PURE__ */ jsx57("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-          currency && /* @__PURE__ */ jsxs28(Fragment4, { children: [
+  return /* @__PURE__ */ jsx58("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs29("div", { className: "relative flex h-20 w-full items-stretch justify-between rounded-sm bg-subtle", children: [
+    /* @__PURE__ */ jsxs29("div", { className: cn("flex flex-1 items-center overflow-hidden", compact ? "gap-2 px-2" : "gap-4 px-4"), children: [
+      icon && /* @__PURE__ */ jsx58("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
+      /* @__PURE__ */ jsxs29("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
+        /* @__PURE__ */ jsx58("p", { className: "text-xs text-on-subtle", children: label }),
+        /* @__PURE__ */ jsxs29("p", { className: "leading-none", children: [
+          /* @__PURE__ */ jsx58("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
+          currency && /* @__PURE__ */ jsxs29(Fragment5, { children: [
             " ",
-            /* @__PURE__ */ jsx57("span", { className: "text-sm text-on-subtle", children: currency })
+            /* @__PURE__ */ jsx58("span", { className: "text-sm text-on-subtle", children: currency })
           ] })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx57("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ jsx57("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[68px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx58("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ jsx58("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[68px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ jsx58(
       "div",
       {
         "aria-hidden": true,
@@ -6555,7 +6695,7 @@ function TicketCard({
         }
       }
     ),
-    /* @__PURE__ */ jsxs28(
+    /* @__PURE__ */ jsxs29(
       "button",
       {
         type: "button",
@@ -6569,7 +6709,7 @@ function TicketCard({
           stubDisabled ? "cursor-not-allowed opacity-50" : "hover:bg-primary-hover"
         ),
         children: [
-          !stubDisabled && /* @__PURE__ */ jsx57(
+          !stubDisabled && /* @__PURE__ */ jsx58(
             "span",
             {
               "aria-hidden": true,
@@ -6579,8 +6719,8 @@ function TicketCard({
               }
             }
           ),
-          /* @__PURE__ */ jsx57(ArrowRight2, { className: "size-4 text-on-primary" }),
-          /* @__PURE__ */ jsx57("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
+          /* @__PURE__ */ jsx58(ArrowRight2, { className: "size-4 text-on-primary" }),
+          /* @__PURE__ */ jsx58("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
         ]
       }
     )
@@ -6606,58 +6746,58 @@ function CreditTicketCard({
   badgeInfoCloseLabel,
   compact = false
 }) {
-  return /* @__PURE__ */ jsx57("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs28("div", { className: "relative flex w-full items-stretch justify-between rounded-sm bg-subtle", children: [
+  return /* @__PURE__ */ jsx58("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs29("div", { className: "relative flex w-full items-stretch justify-between rounded-sm bg-subtle", children: [
     (() => {
       const badgeText = badgeValue || badgeCurrency ? `${badgeLabel}: ${badgeValue}${badgeCurrency ? ` ${badgeCurrency}` : ""}` : badgeLabel;
-      const creditBadge = /* @__PURE__ */ jsxs28(Badge, { variant: "fill-credit", size: "sm", className: "!gap-1 !font-medium !tracking-normal", children: [
+      const creditBadge = /* @__PURE__ */ jsxs29(Badge, { variant: "fill-credit", size: "sm", className: "!gap-1 !font-medium !tracking-normal", children: [
         badgeIcon,
         badgeText,
-        badgeInfo && /* @__PURE__ */ jsx57(TooltipProvider, { children: /* @__PURE__ */ jsxs28(Tooltip2, { children: [
-          /* @__PURE__ */ jsx57(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx57(
+        badgeInfo && /* @__PURE__ */ jsx58(TooltipProvider, { children: /* @__PURE__ */ jsxs29(Tooltip2, { children: [
+          /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx58(
             "button",
             {
               type: "button",
               "aria-label": `More info about ${badgeLabel.toLowerCase()}`,
               className: "inline-flex shrink-0 items-center justify-center rounded-full text-on-semantic-boost outline-none transition-opacity hover:opacity-70 focus-visible:opacity-70 focus-visible:ring-2 focus-visible:ring-on-semantic-boost/40 cursor-pointer",
-              children: /* @__PURE__ */ jsx57(Info2, { className: "!size-3.5", strokeWidth: 2 })
+              children: /* @__PURE__ */ jsx58(Info2, { className: "!size-3.5", strokeWidth: 2 })
             }
           ) }),
-          /* @__PURE__ */ jsx57(TooltipContent, { side: badgeInfoSide, align: badgeInfoAlign, title: badgeInfoTitle, closeLabel: badgeInfoCloseLabel, variant: "inverse", className: "max-w-xs whitespace-normal", children: badgeInfo })
+          /* @__PURE__ */ jsx58(TooltipContent, { side: badgeInfoSide, align: badgeInfoAlign, title: badgeInfoTitle, closeLabel: badgeInfoCloseLabel, variant: "inverse", className: "max-w-xs whitespace-normal", children: badgeInfo })
         ] }) })
       ] });
-      const labelValue = /* @__PURE__ */ jsxs28("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
-        /* @__PURE__ */ jsx57("p", { className: "text-xs text-on-subtle", children: label }),
-        /* @__PURE__ */ jsxs28("p", { className: "leading-none", children: [
-          /* @__PURE__ */ jsx57("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-          currency && /* @__PURE__ */ jsxs28(Fragment4, { children: [
+      const labelValue = /* @__PURE__ */ jsxs29("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
+        /* @__PURE__ */ jsx58("p", { className: "text-xs text-on-subtle", children: label }),
+        /* @__PURE__ */ jsxs29("p", { className: "leading-none", children: [
+          /* @__PURE__ */ jsx58("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
+          currency && /* @__PURE__ */ jsxs29(Fragment5, { children: [
             " ",
-            /* @__PURE__ */ jsx57("span", { className: "text-sm text-on-subtle", children: currency })
+            /* @__PURE__ */ jsx58("span", { className: "text-sm text-on-subtle", children: currency })
           ] })
         ] })
       ] });
-      return /* @__PURE__ */ jsx57(
+      return /* @__PURE__ */ jsx58(
         "div",
         {
           className: cn(
             "flex flex-1 overflow-hidden",
             compact ? "flex-col gap-2 px-2 py-4" : "items-center gap-4 px-4 py-4"
           ),
-          children: compact ? /* @__PURE__ */ jsxs28("div", { className: "flex flex-1 flex-col gap-2", children: [
-            /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
-              icon && /* @__PURE__ */ jsx57("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
+          children: compact ? /* @__PURE__ */ jsxs29("div", { className: "flex flex-1 flex-col gap-2", children: [
+            /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
+              icon && /* @__PURE__ */ jsx58("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
               labelValue
             ] }),
-            /* @__PURE__ */ jsx57("div", { className: "flex", children: icon ? /* @__PURE__ */ jsx57("div", { className: "flex w-10 shrink-0 justify-start", children: /* @__PURE__ */ jsx57("div", { className: "w-max", children: creditBadge }) }) : creditBadge })
-          ] }) : /* @__PURE__ */ jsxs28(Fragment4, { children: [
-            icon && /* @__PURE__ */ jsx57("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
-            /* @__PURE__ */ jsxs28("div", { className: "flex flex-col gap-1 whitespace-nowrap", children: [
-              /* @__PURE__ */ jsx57("p", { className: "text-xs text-on-subtle", children: label }),
-              /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-4", children: [
-                /* @__PURE__ */ jsxs28("p", { className: "leading-none", children: [
-                  /* @__PURE__ */ jsx57("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-                  currency && /* @__PURE__ */ jsxs28(Fragment4, { children: [
+            /* @__PURE__ */ jsx58("div", { className: "flex", children: icon ? /* @__PURE__ */ jsx58("div", { className: "flex w-10 shrink-0 justify-start", children: /* @__PURE__ */ jsx58("div", { className: "w-max", children: creditBadge }) }) : creditBadge })
+          ] }) : /* @__PURE__ */ jsxs29(Fragment5, { children: [
+            icon && /* @__PURE__ */ jsx58("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
+            /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-1 whitespace-nowrap", children: [
+              /* @__PURE__ */ jsx58("p", { className: "text-xs text-on-subtle", children: label }),
+              /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-4", children: [
+                /* @__PURE__ */ jsxs29("p", { className: "leading-none", children: [
+                  /* @__PURE__ */ jsx58("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
+                  currency && /* @__PURE__ */ jsxs29(Fragment5, { children: [
                     " ",
-                    /* @__PURE__ */ jsx57("span", { className: "text-sm text-on-subtle", children: currency })
+                    /* @__PURE__ */ jsx58("span", { className: "text-sm text-on-subtle", children: currency })
                   ] })
                 ] }),
                 creditBadge
@@ -6667,9 +6807,9 @@ function CreditTicketCard({
         }
       );
     })(),
-    /* @__PURE__ */ jsx57("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ jsx57("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] bottom-[-12px] z-10 size-6 rounded-full bg-prominent" }),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx58("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] top-[-12px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ jsx58("div", { "aria-hidden": true, className: "pointer-events-none absolute right-[88px] bottom-[-12px] z-10 size-6 rounded-full bg-prominent" }),
+    /* @__PURE__ */ jsx58(
       "div",
       {
         "aria-hidden": true,
@@ -6680,7 +6820,7 @@ function CreditTicketCard({
         }
       }
     ),
-    /* @__PURE__ */ jsxs28(
+    /* @__PURE__ */ jsxs29(
       "button",
       {
         type: "button",
@@ -6694,7 +6834,7 @@ function CreditTicketCard({
           stubDisabled ? "cursor-not-allowed opacity-50" : "hover:bg-primary-hover"
         ),
         children: [
-          !stubDisabled && /* @__PURE__ */ jsx57(
+          !stubDisabled && /* @__PURE__ */ jsx58(
             "span",
             {
               "aria-hidden": true,
@@ -6704,8 +6844,8 @@ function CreditTicketCard({
               }
             }
           ),
-          /* @__PURE__ */ jsx57(ArrowRight2, { className: "size-4 text-on-primary" }),
-          /* @__PURE__ */ jsx57("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
+          /* @__PURE__ */ jsx58(ArrowRight2, { className: "size-4 text-on-primary" }),
+          /* @__PURE__ */ jsx58("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
         ]
       }
     )
@@ -6716,7 +6856,7 @@ var TicketCardDesktop = TicketCard;
 // components/ui/toggle.tsx
 import { cva as cva14 } from "class-variance-authority";
 import { Toggle as TogglePrimitive } from "radix-ui";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var toggleVariants = cva14(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-secondary-hover hover:text-on-prominent focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-secondary-hover data-[state=on]:border-transparent data-[state=on]:text-primary [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -6747,7 +6887,7 @@ function Toggle(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     TogglePrimitive.Root,
     __spreadValues({
       "data-slot": "toggle",
@@ -6757,10 +6897,10 @@ function Toggle(_a) {
 }
 // components/ui/toggle-group.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
-import { jsx as jsx59 } from "react/jsx-runtime";
-var ToggleGroupContext = React14.createContext({
+import { jsx as jsx60 } from "react/jsx-runtime";
+var ToggleGroupContext = React15.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -6779,7 +6919,7 @@ function ToggleGroup(_a) {
     "spacing",
     "children"
   ]);
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     ToggleGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group",
@@ -6792,7 +6932,7 @@ function ToggleGroup(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx59(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+      children: /* @__PURE__ */ jsx60(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
     })
   );
 }
@@ -6808,8 +6948,8 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React14.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx59(
+  const context = React15.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx60(
     ToggleGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group-item",
@@ -6832,7 +6972,7 @@ function ToggleGroupItem(_a) {
 }
 // components/blocks/result-block.tsx
-import { Fragment as Fragment5, jsx as jsx60, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx61, jsxs as jsxs30 } from "react/jsx-runtime";
 var THUMBS_UP_DATA_URL = "data:image/webp;base64,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,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";
 function ResultBlock({
@@ -6849,9 +6989,9 @@ function ResultBlock({
   const signedAmount = isWin ? `+${amount}` : `\u2212${amount}`;
   const amountColorClass = isWin ? "text-semantic-win" : "text-semantic-loss";
   const haloBgClass = isWin ? "bg-semantic-win" : "bg-semantic-loss";
-  return /* @__PURE__ */ jsxs29(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
-    /* @__PURE__ */ jsxs29("div", { className: "relative flex items-center justify-center py-2", children: [
-      /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsxs30(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "relative flex items-center justify-center py-2", children: [
+      /* @__PURE__ */ jsx61(
         "span",
         {
           "aria-hidden": true,
@@ -6859,7 +6999,7 @@ function ResultBlock({
           className: `absolute size-24 rounded-full blur-2xl opacity-20 ${haloBgClass}`
         }
       ),
-      /* @__PURE__ */ jsx60(
+      /* @__PURE__ */ jsx61(
         "img",
         {
           "data-results-motion": isWin ? "icon-win" : "icon-loss",
@@ -6869,28 +7009,28 @@ function ResultBlock({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx60("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
-    /* @__PURE__ */ jsxs29("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
-      /* @__PURE__ */ jsx60("span", { className: "font-display text-4xl font-bold tabular-nums tracking-tight", children: signedAmount }),
-      /* @__PURE__ */ jsx60("span", { className: "text-lg font-semibold", children: currency })
+    /* @__PURE__ */ jsx61("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
+    /* @__PURE__ */ jsxs30("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
+      /* @__PURE__ */ jsx61("span", { className: "font-display text-4xl font-bold tabular-nums tracking-tight", children: signedAmount }),
+      /* @__PURE__ */ jsx61("span", { className: "text-lg font-semibold", children: currency })
     ] }),
-    /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs29(Badge, { variant: "standard", size: "sm", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs30(Badge, { variant: "standard", size: "sm", children: [
         contractLabel,
-        pickedDigit !== void 0 && /* @__PURE__ */ jsxs29(Fragment5, { children: [
-          /* @__PURE__ */ jsx60("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
-          /* @__PURE__ */ jsx60("span", { className: "tabular-nums", children: pickedDigit })
+        pickedDigit !== void 0 && /* @__PURE__ */ jsxs30(Fragment6, { children: [
+          /* @__PURE__ */ jsx61("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
+          /* @__PURE__ */ jsx61("span", { className: "tabular-nums", children: pickedDigit })
         ] })
       ] }),
-      /* @__PURE__ */ jsx60(Badge, { variant: "standard", size: "sm", children: duration })
+      /* @__PURE__ */ jsx61(Badge, { variant: "standard", size: "sm", children: duration })
     ] }),
-    /* @__PURE__ */ jsxs29("div", { className: "w-full pt-2", children: [
-      ctaMode === "next-round" && /* @__PURE__ */ jsx60(Button, { className: "w-full", children: "Next round" }),
-      ctaMode === "go-again" && /* @__PURE__ */ jsx60(Button, { className: "w-full", children: "Go again" }),
-      ctaMode === "conversion" && /* @__PURE__ */ jsxs29("div", { className: "w-full flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsx60("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
-        /* @__PURE__ */ jsx60(Button, { className: "w-full", children: "Deposit now" }),
-        /* @__PURE__ */ jsx60(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
+    /* @__PURE__ */ jsxs30("div", { className: "w-full pt-2", children: [
+      ctaMode === "next-round" && /* @__PURE__ */ jsx61(Button, { className: "w-full", children: "Next round" }),
+      ctaMode === "go-again" && /* @__PURE__ */ jsx61(Button, { className: "w-full", children: "Go again" }),
+      ctaMode === "conversion" && /* @__PURE__ */ jsxs30("div", { className: "w-full flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx61("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
+        /* @__PURE__ */ jsx61(Button, { className: "w-full", children: "Deposit now" }),
+        /* @__PURE__ */ jsx61(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
       ] })
     ] })
   ] });
@@ -6901,21 +7041,21 @@ function ResultDialog({
   primaryLabel,
   secondaryLabel
 }) {
-  return /* @__PURE__ */ jsxs29(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
-    /* @__PURE__ */ jsxs29("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-      /* @__PURE__ */ jsx60("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
-      /* @__PURE__ */ jsx60("p", { className: "text-sm text-on-subtle", children: body })
+  return /* @__PURE__ */ jsxs30(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+      /* @__PURE__ */ jsx61("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
+      /* @__PURE__ */ jsx61("p", { className: "text-sm text-on-subtle", children: body })
     ] }),
-    /* @__PURE__ */ jsxs29("div", { className: "w-full flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx60(Button, { className: "w-full", children: primaryLabel }),
-      /* @__PURE__ */ jsx60(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
+    /* @__PURE__ */ jsxs30("div", { className: "w-full flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx61(Button, { className: "w-full", children: primaryLabel }),
+      /* @__PURE__ */ jsx61(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
     ] })
   ] });
 }
 // components/blocks/header-navigation-block.tsx
 import { ArrowLeft as ArrowLeft2, History } from "lucide-react";
-import { jsx as jsx61, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs31 } from "react/jsx-runtime";
 function HeaderNavigationBlock({
   onBack,
   badge,
@@ -6924,15 +7064,15 @@ function HeaderNavigationBlock({
   actions
 }) {
   var _a;
-  return /* @__PURE__ */ jsx61("div", { className: "w-full min-w-80 max-w-layout-diagram-small border border-border-subtle rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs30("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
-    onBack && /* @__PURE__ */ jsx61(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx61(ArrowLeft2, { className: "size-5" }) }),
-    /* @__PURE__ */ jsxs30("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
-      badge && /* @__PURE__ */ jsx61(Badge, { variant: (_a = badge.variant) != null ? _a : "fill-warning", size: "sm", children: badge.label }),
-      /* @__PURE__ */ jsx61("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
-      /* @__PURE__ */ jsx61("span", { className: "text-sm text-on-subtle", children: balance.currency })
+  return /* @__PURE__ */ jsx62("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs31("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
+    onBack && /* @__PURE__ */ jsx62(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx62(ArrowLeft2, { className: "size-5" }) }),
+    /* @__PURE__ */ jsxs31("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
+      badge && /* @__PURE__ */ jsx62(Badge, { variant: (_a = badge.variant) != null ? _a : "fill-warning", size: "sm", children: badge.label }),
+      /* @__PURE__ */ jsx62("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
+      /* @__PURE__ */ jsx62("span", { className: "text-sm text-on-subtle", children: balance.currency })
     ] }),
-    /* @__PURE__ */ jsxs30("div", { className: "flex shrink-0 items-center gap-1", children: [
-      history && /* @__PURE__ */ jsx61(HistoryButton, __spreadValues({}, history)),
+    /* @__PURE__ */ jsxs31("div", { className: "flex shrink-0 items-center gap-1", children: [
+      history && /* @__PURE__ */ jsx62(HistoryButton, __spreadValues({}, history)),
       actions
     ] })
   ] }) });
@@ -6945,9 +7085,9 @@ function HistoryButton({
   const show = typeof count === "number" && count > 0;
   const label = show ? count > 99 ? "99+" : String(count) : null;
   const ariaLabel = ariaLabelOverride != null ? ariaLabelOverride : show ? `Open history, ${count} new` : "Open history";
-  return /* @__PURE__ */ jsxs30("div", { className: "relative inline-flex", children: [
-    /* @__PURE__ */ jsx61(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ jsx61(History, { className: "size-5" }) }),
-    show && /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsxs31("div", { className: "relative inline-flex", children: [
+    /* @__PURE__ */ jsx62(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ jsx62(History, { className: "size-5" }) }),
+    show && /* @__PURE__ */ jsx62(
       "span",
       {
         "aria-hidden": true,
@@ -6959,7 +7099,7 @@ function HistoryButton({
 }
 // components/blocks/faq-block.tsx
-import { jsx as jsx62, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs32 } from "react/jsx-runtime";
 function FAQBlock({
   eyebrow = "FAQ Section",
   title = "Frequently asked questions",
@@ -6975,38 +7115,38 @@ function FAQBlock({
   const helpCardPaddingClass = layout === "desktop" ? "p-8" : "p-6";
   const gapClass = layout === "desktop" ? "gap-12" : "gap-10";
   const headerGapClass = layout === "desktop" ? "gap-5" : "gap-4";
-  return /* @__PURE__ */ jsxs31("div", { className: `w-full flex flex-col ${gapClass}`, children: [
-    /* @__PURE__ */ jsxs31("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
-      /* @__PURE__ */ jsx62("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
-      /* @__PURE__ */ jsx62("h2", { className: headingClass, children: title }),
-      intro && /* @__PURE__ */ jsx62("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
+  return /* @__PURE__ */ jsxs32("div", { className: `w-full flex flex-col ${gapClass}`, children: [
+    /* @__PURE__ */ jsxs32("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
+      /* @__PURE__ */ jsx63("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
+      /* @__PURE__ */ jsx63("h2", { className: headingClass, children: title }),
+      intro && /* @__PURE__ */ jsx63("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
     ] }),
-    /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx63(
       Accordion,
       {
         type: "single",
         collapsible: true,
         defaultValue: defaultValue != null ? defaultValue : (_a = items[0]) == null ? void 0 : _a.value,
         className: "w-full",
-        children: items.map(({ value, question, answer }) => /* @__PURE__ */ jsxs31(AccordionItem, { value, children: [
-          /* @__PURE__ */ jsx62(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
-          /* @__PURE__ */ jsx62(AccordionContent, { children: /* @__PURE__ */ jsx62("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
+        children: items.map(({ value, question, answer }) => /* @__PURE__ */ jsxs32(AccordionItem, { value, children: [
+          /* @__PURE__ */ jsx63(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
+          /* @__PURE__ */ jsx63(AccordionContent, { children: /* @__PURE__ */ jsx63("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
         ] }, value))
       }
     ),
-    helpCard && /* @__PURE__ */ jsxs31("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
-      /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ jsx62("h3", { className: helpTitleClass, children: helpCard.title }),
-        /* @__PURE__ */ jsx62("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
+    helpCard && /* @__PURE__ */ jsxs32("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
+      /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ jsx63("h3", { className: helpTitleClass, children: helpCard.title }),
+        /* @__PURE__ */ jsx63("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
       ] }),
-      /* @__PURE__ */ jsx62(Button, { size: "sm", onClick: helpCard.onCtaClick, children: helpCard.ctaLabel })
+      /* @__PURE__ */ jsx63(Button, { size: "sm", onClick: helpCard.onCtaClick, children: helpCard.ctaLabel })
     ] })
   ] });
 }
 // components/blocks/hero-block.tsx
 import { ArrowRight as ArrowRight3, ArrowUpRight } from "lucide-react";
-import { jsx as jsx63, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs33 } from "react/jsx-runtime";
 function HeroBlock({
   layout = "centered",
   tagline,
@@ -7017,31 +7157,31 @@ function HeroBlock({
   image
 }) {
   if (layout === "centered") {
-    return /* @__PURE__ */ jsx63("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs32("div", { className: "flex flex-col items-center justify-center gap-8 px-layout-margin-inline py-24 max-w-2xl mx-auto text-center", children: [
-      /* @__PURE__ */ jsxs32("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-        tagline && /* @__PURE__ */ jsx63(TaglinePill, __spreadValues({}, tagline)),
-        /* @__PURE__ */ jsx63("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
-        /* @__PURE__ */ jsx63("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
+    return /* @__PURE__ */ jsx64("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs33("div", { className: "flex flex-col items-center justify-center gap-8 px-layout-margin-inline py-24 max-w-2xl mx-auto text-center", children: [
+      /* @__PURE__ */ jsxs33("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+        tagline && /* @__PURE__ */ jsx64(TaglinePill, __spreadValues({}, tagline)),
+        /* @__PURE__ */ jsx64("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
+        /* @__PURE__ */ jsx64("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
       ] }),
-      /* @__PURE__ */ jsxs32(Button, { size: "sm", onClick: primaryCta.onClick, children: [
+      /* @__PURE__ */ jsxs33(Button, { size: "sm", onClick: primaryCta.onClick, children: [
         primaryCta.label,
-        primaryCta.trailingArrow !== false && /* @__PURE__ */ jsx63(ArrowRight3, { className: "size-4" })
+        primaryCta.trailingArrow !== false && /* @__PURE__ */ jsx64(ArrowRight3, { className: "size-4" })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx63("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs32("div", { className: "flex flex-col min-[600px]:flex-row items-center gap-layout-gutter px-layout-margin-inline py-16 min-[600px]:py-24 max-w-5xl mx-auto", children: [
-    /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-6 min-[600px]:gap-8 flex-1 min-w-0 items-center min-[600px]:items-start text-center min-[600px]:text-left w-full", children: [
-      /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
-        tagline && /* @__PURE__ */ jsx63(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
-        /* @__PURE__ */ jsx63("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
-        /* @__PURE__ */ jsx63("p", { className: "text-lg font-body text-on-subtle", children: body })
+  return /* @__PURE__ */ jsx64("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs33("div", { className: "flex flex-col min-[600px]:flex-row items-center gap-layout-gutter px-layout-margin-inline py-16 min-[600px]:py-24 max-w-5xl mx-auto", children: [
+    /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-6 min-[600px]:gap-8 flex-1 min-w-0 items-center min-[600px]:items-start text-center min-[600px]:text-left w-full", children: [
+      /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
+        tagline && /* @__PURE__ */ jsx64(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
+        /* @__PURE__ */ jsx64("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
+        /* @__PURE__ */ jsx64("p", { className: "text-lg font-body text-on-subtle", children: body })
       ] }),
-      /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
-        /* @__PURE__ */ jsx63(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
-        secondaryCta && /* @__PURE__ */ jsx63(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
+      /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
+        /* @__PURE__ */ jsx64(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
+        secondaryCta && /* @__PURE__ */ jsx64(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
       ] })
     ] }),
-    /* @__PURE__ */ jsx63("div", { className: "w-full min-[600px]:flex-1 min-[600px]:min-w-0 aspect-square rounded-xl bg-subtle shrink-0", "aria-hidden": "true", children: image })
+    /* @__PURE__ */ jsx64("div", { className: "w-full min-[600px]:flex-1 min-[600px]:min-w-0 aspect-square rounded-xl bg-subtle shrink-0", "aria-hidden": "true", children: image })
   ] }) });
 }
 function TaglinePill({
@@ -7049,25 +7189,25 @@ function TaglinePill({
   suffix,
   responsive
 }) {
-  return /* @__PURE__ */ jsxs32("div", { className: "inline-flex items-center gap-1.5 h-7 px-3 rounded-full border border-border-subtle bg-prominent shadow-sm shrink-0", children: [
-    /* @__PURE__ */ jsx63("span", { className: "size-1.5 rounded-full bg-semantic-win shrink-0", "aria-hidden": "true" }),
-    responsive && suffix ? /* @__PURE__ */ jsxs32("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
-      /* @__PURE__ */ jsxs32("span", { className: "hidden min-[600px]:inline", children: [
+  return /* @__PURE__ */ jsxs33("div", { className: "inline-flex items-center gap-1.5 h-7 px-3 rounded-full border border-border-subtle bg-prominent shadow-sm shrink-0", children: [
+    /* @__PURE__ */ jsx64("span", { className: "size-1.5 rounded-full bg-semantic-win shrink-0", "aria-hidden": "true" }),
+    responsive && suffix ? /* @__PURE__ */ jsxs33("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+      /* @__PURE__ */ jsxs33("span", { className: "hidden min-[600px]:inline", children: [
         label,
-        /* @__PURE__ */ jsx63("span", { className: "text-on-subtle", children: " \xB7 " })
+        /* @__PURE__ */ jsx64("span", { className: "text-on-subtle", children: " \xB7 " })
       ] }),
-      /* @__PURE__ */ jsx63("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
-    ] }) : /* @__PURE__ */ jsxs32("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+      /* @__PURE__ */ jsx64("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
+    ] }) : /* @__PURE__ */ jsxs33("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
       label,
-      suffix && /* @__PURE__ */ jsx63("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
+      suffix && /* @__PURE__ */ jsx64("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
     ] }),
-    /* @__PURE__ */ jsx63(ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
+    /* @__PURE__ */ jsx64(ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
   ] });
 }
 // components/blocks/auth-block.tsx
-import * as React15 from "react";
-import { jsx as jsx64, jsxs as jsxs33 } from "react/jsx-runtime";
+import * as React16 from "react";
+import { jsx as jsx65, jsxs as jsxs34 } from "react/jsx-runtime";
 function AuthBlock({
   mode,
   logoSrc,
@@ -7082,20 +7222,20 @@ function AuthBlock({
   const ctaText = mode === "sign-in" ? "Sign in" : "Sign up";
   const footerPrompt = mode === "sign-in" ? "Don't have an account?" : "Already have an account?";
   const footerLinkLabel = mode === "sign-in" ? "Sign up" : "Log in";
-  const [email, setEmail] = React15.useState("");
-  return /* @__PURE__ */ jsxs33("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-    /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx64("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
-      /* @__PURE__ */ jsx64("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
+  const [email, setEmail] = React16.useState("");
+  return /* @__PURE__ */ jsxs34("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+    /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx65("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
+      /* @__PURE__ */ jsx65("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
     ] }),
-    /* @__PURE__ */ jsx64("h2", { className: "text-3xl font-bold font-display text-on-prominent text-center", children: headingText }),
-    /* @__PURE__ */ jsx64("div", { className: "flex flex-col gap-3 w-full", children: providers.map((p) => /* @__PURE__ */ jsx64(ProviderButton, { provider: p }, p)) }),
-    /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-3 w-full", children: [
-      /* @__PURE__ */ jsx64("div", { className: "flex-1 h-px bg-border-subtle" }),
-      /* @__PURE__ */ jsx64("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
-      /* @__PURE__ */ jsx64("div", { className: "flex-1 h-px bg-border-subtle" })
+    /* @__PURE__ */ jsx65("h2", { className: "text-3xl font-bold font-display text-on-prominent text-center", children: headingText }),
+    /* @__PURE__ */ jsx65("div", { className: "flex flex-col gap-3 w-full", children: providers.map((p) => /* @__PURE__ */ jsx65(ProviderButton, { provider: p }, p)) }),
+    /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-3 w-full", children: [
+      /* @__PURE__ */ jsx65("div", { className: "flex-1 h-px bg-border-subtle" }),
+      /* @__PURE__ */ jsx65("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
+      /* @__PURE__ */ jsx65("div", { className: "flex-1 h-px bg-border-subtle" })
     ] }),
-    /* @__PURE__ */ jsx64("div", { className: "flex items-center gap-2 w-full", children: /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx65("div", { className: "flex items-center gap-2 w-full", children: /* @__PURE__ */ jsx65(
       Input,
       {
         id: `${idPrefix}-email`,
@@ -7106,60 +7246,60 @@ function AuthBlock({
         onChange: (e) => setEmail(e.target.value)
       }
     ) }),
-    /* @__PURE__ */ jsxs33("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
+    /* @__PURE__ */ jsxs34("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
       termsText,
       ", you agree to our",
       " ",
-      /* @__PURE__ */ jsx64(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
+      /* @__PURE__ */ jsx65(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
     ] }),
-    /* @__PURE__ */ jsx64(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
-    /* @__PURE__ */ jsxs33("p", { className: "text-sm text-on-subtle font-body text-center", children: [
+    /* @__PURE__ */ jsx65(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
+    /* @__PURE__ */ jsxs34("p", { className: "text-sm text-on-subtle font-body text-center", children: [
       footerPrompt,
       " ",
-      /* @__PURE__ */ jsx64(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
+      /* @__PURE__ */ jsx65(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
     ] })
   ] });
 }
 function ProviderButton({ provider }) {
   switch (provider) {
     case "google":
-      return /* @__PURE__ */ jsxs33(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ jsxs33("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
-          /* @__PURE__ */ jsx64("path", { d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z", fill: "#4285F4" }),
-          /* @__PURE__ */ jsx64("path", { d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z", fill: "#34A853" }),
-          /* @__PURE__ */ jsx64("path", { d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z", fill: "#FBBC05" }),
-          /* @__PURE__ */ jsx64("path", { d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58Z", fill: "#EA4335" })
+      return /* @__PURE__ */ jsxs34(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ jsxs34("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+          /* @__PURE__ */ jsx65("path", { d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z", fill: "#4285F4" }),
+          /* @__PURE__ */ jsx65("path", { d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z", fill: "#34A853" }),
+          /* @__PURE__ */ jsx65("path", { d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z", fill: "#FBBC05" }),
+          /* @__PURE__ */ jsx65("path", { d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58Z", fill: "#EA4335" })
         ] }),
         "Continue with Google"
       ] });
     case "telegram":
-      return /* @__PURE__ */ jsxs33(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ jsxs33("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
-          /* @__PURE__ */ jsx64("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
-          /* @__PURE__ */ jsx64("path", { d: "M13.5 5.25 11.25 13.5l-2.25-3-3 1.5 1.5-5.25 6-1.5Z", fill: "white", opacity: "0.3" }),
-          /* @__PURE__ */ jsx64("path", { d: "m4.5 8.625 7.5-3-1.125 7.125-2.625-2.25-1.5 1.5.375-3.375Z", fill: "white" })
+      return /* @__PURE__ */ jsxs34(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ jsxs34("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+          /* @__PURE__ */ jsx65("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
+          /* @__PURE__ */ jsx65("path", { d: "M13.5 5.25 11.25 13.5l-2.25-3-3 1.5 1.5-5.25 6-1.5Z", fill: "white", opacity: "0.3" }),
+          /* @__PURE__ */ jsx65("path", { d: "m4.5 8.625 7.5-3-1.125 7.125-2.625-2.25-1.5 1.5.375-3.375Z", fill: "white" })
         ] }),
         "Continue with Telegram"
       ] });
     case "x":
-      return /* @__PURE__ */ jsxs33(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ jsx64("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ jsx64("path", { d: "M13.955 2.25h2.423L10.977 8.28 17.25 15.75h-4.812l-3.913-5.116-4.477 5.116H1.645l5.703-6.52L1.125 2.25h4.934l3.538 4.678 4.358-4.678Zm-.85 12.105h1.343L5.025 3.627H3.579l9.526 10.728Z" }) }),
+      return /* @__PURE__ */ jsxs34(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ jsx65("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ jsx65("path", { d: "M13.955 2.25h2.423L10.977 8.28 17.25 15.75h-4.812l-3.913-5.116-4.477 5.116H1.645l5.703-6.52L1.125 2.25h4.934l3.538 4.678 4.358-4.678Zm-.85 12.105h1.343L5.025 3.627H3.579l9.526 10.728Z" }) }),
         "Continue with X (Twitter)"
       ] });
   }
 }
 // components/blocks/navbar-block.tsx
-import * as React16 from "react";
-import { Menu, X as X2 } from "lucide-react";
-import { jsx as jsx65, jsxs as jsxs34 } from "react/jsx-runtime";
+import * as React17 from "react";
+import { Menu, X as X3 } from "lucide-react";
+import { jsx as jsx66, jsxs as jsxs35 } from "react/jsx-runtime";
 function NavBarBlock({ brand, links, signIn, signUp }) {
   var _a, _b, _c, _d;
-  const [mobileMenuOpen, setMobileMenuOpen] = React16.useState(false);
-  return /* @__PURE__ */ jsx65("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ jsxs34("nav", { className: "bg-prominent", children: [
-    /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
-      /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-6", children: [
-        /* @__PURE__ */ jsx65(
+  const [mobileMenuOpen, setMobileMenuOpen] = React17.useState(false);
+  return /* @__PURE__ */ jsx66("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ jsxs35("nav", { className: "bg-prominent", children: [
+    /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
+      /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ jsx66(
           "img",
           {
             src: brand.fullLogoSrc,
@@ -7167,7 +7307,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
             className: "hidden min-[600px]:block h-7 w-auto shrink-0 object-contain object-left"
           }
         ),
-        /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx66(
           "img",
           {
             src: brand.iconLogoSrc,
@@ -7175,13 +7315,13 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
             className: "min-[600px]:hidden size-7 shrink-0 object-contain"
           }
         ),
-        /* @__PURE__ */ jsx65("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ jsx65(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
+        /* @__PURE__ */ jsx66("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
       ] }),
-      /* @__PURE__ */ jsxs34("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
-        signIn && /* @__PURE__ */ jsx65(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
-        signUp && /* @__PURE__ */ jsx65(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
+      /* @__PURE__ */ jsxs35("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
+        signIn && /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
+        signUp && /* @__PURE__ */ jsx66(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
       ] }),
-      /* @__PURE__ */ jsx65(
+      /* @__PURE__ */ jsx66(
         Button,
         {
           variant: "tertiary",
@@ -7190,12 +7330,12 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
           "aria-expanded": mobileMenuOpen,
           className: "min-[600px]:hidden",
           onClick: () => setMobileMenuOpen((prev) => !prev),
-          children: mobileMenuOpen ? /* @__PURE__ */ jsx65(X2, { className: "size-4" }) : /* @__PURE__ */ jsx65(Menu, { className: "size-4" })
+          children: mobileMenuOpen ? /* @__PURE__ */ jsx66(X3, { className: "size-4" }) : /* @__PURE__ */ jsx66(Menu, { className: "size-4" })
         }
       )
     ] }),
-    mobileMenuOpen && /* @__PURE__ */ jsxs34("div", { className: "min-[600px]:hidden flex flex-col border-t border-border-subtle px-layout-margin-inline py-3 gap-1", children: [
-      links.map((l) => /* @__PURE__ */ jsx65(
+    mobileMenuOpen && /* @__PURE__ */ jsxs35("div", { className: "min-[600px]:hidden flex flex-col border-t border-border-subtle px-layout-margin-inline py-3 gap-1", children: [
+      links.map((l) => /* @__PURE__ */ jsx66(
         Button,
         {
           variant: "tertiary",
@@ -7206,18 +7346,18 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
         },
         l.label
       )),
-      (signIn || signUp) && /* @__PURE__ */ jsxs34("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
-        signIn && /* @__PURE__ */ jsx65(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
-        signUp && /* @__PURE__ */ jsx65(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
+      (signIn || signUp) && /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
+        signIn && /* @__PURE__ */ jsx66(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
+        signUp && /* @__PURE__ */ jsx66(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
       ] })
     ] })
   ] }) });
 }
 // components/blocks/open-positions-block.tsx
-import * as React17 from "react";
-import { History as History2, X as X3 } from "lucide-react";
-import { jsx as jsx66, jsxs as jsxs35 } from "react/jsx-runtime";
+import * as React18 from "react";
+import { History as History2, X as X4 } from "lucide-react";
+import { jsx as jsx67, jsxs as jsxs36 } from "react/jsx-runtime";
 function OpenPositionsBlock({
   trigger,
   sheetTitle = "Positions",
@@ -7226,28 +7366,28 @@ function OpenPositionsBlock({
   emptyState
 }) {
   const isMobile = useIsMobile();
-  const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ jsx66(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ jsx66(PositionsList, { positions, onViewHistory });
+  const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ jsx67(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ jsx67(PositionsList, { positions, onViewHistory });
   if (isMobile) {
-    return /* @__PURE__ */ jsxs35(Drawer, { children: [
-      /* @__PURE__ */ jsx66(DrawerTrigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsxs35(DrawerContent, { className: "p-0 flex flex-col", children: [
-        /* @__PURE__ */ jsxs35(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
-          /* @__PURE__ */ jsx66(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
-          /* @__PURE__ */ jsx66(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx66(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx66(X3, {}) }) })
+    return /* @__PURE__ */ jsxs36(Drawer, { children: [
+      /* @__PURE__ */ jsx67(DrawerTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsxs36(DrawerContent, { className: "p-0 flex flex-col", children: [
+        /* @__PURE__ */ jsxs36(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
+          /* @__PURE__ */ jsx67(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
+          /* @__PURE__ */ jsx67(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx67(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx67(X4, {}) }) })
         ] }),
-        /* @__PURE__ */ jsx66(Separator, {}),
+        /* @__PURE__ */ jsx67(Separator, {}),
         body
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs35(Sheet, { children: [
-    /* @__PURE__ */ jsx66(SheetTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs35(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
-      /* @__PURE__ */ jsxs35(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
-        /* @__PURE__ */ jsx66(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
-        /* @__PURE__ */ jsx66(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx66(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx66(X3, {}) }) })
+  return /* @__PURE__ */ jsxs36(Sheet, { children: [
+    /* @__PURE__ */ jsx67(SheetTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs36(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
+      /* @__PURE__ */ jsxs36(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
+        /* @__PURE__ */ jsx67(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
+        /* @__PURE__ */ jsx67(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx67(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx67(X4, {}) }) })
       ] }),
-      /* @__PURE__ */ jsx66(Separator, {}),
+      /* @__PURE__ */ jsx67(Separator, {}),
       body
     ] })
   ] });
@@ -7256,26 +7396,26 @@ function PositionsList({
   positions,
   onViewHistory
 }) {
-  return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col flex-1 min-h-0", children: [
-    /* @__PURE__ */ jsx66(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ jsxs35(React17.Fragment, { children: [
-      /* @__PURE__ */ jsx66(PositionRow, { position: pos }),
-      i < positions.length - 1 && /* @__PURE__ */ jsx66("div", { className: "h-px mx-4 bg-border-subtle" })
+  return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col flex-1 min-h-0", children: [
+    /* @__PURE__ */ jsx67(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ jsxs36(React18.Fragment, { children: [
+      /* @__PURE__ */ jsx67(PositionRow, { position: pos }),
+      i < positions.length - 1 && /* @__PURE__ */ jsx67("div", { className: "h-px mx-4 bg-border-subtle" })
     ] }, i)) }),
-    /* @__PURE__ */ jsx66(Separator, {}),
-    /* @__PURE__ */ jsx66("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" }) })
+    /* @__PURE__ */ jsx67(Separator, {}),
+    /* @__PURE__ */ jsx67("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ jsx67(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" }) })
   ] });
 }
 function PositionRow({ position }) {
   const { label, suffix } = positionTitleParts(position);
-  return /* @__PURE__ */ jsxs35(Item, { size: "sm", children: [
-    /* @__PURE__ */ jsxs35(ItemContent, { children: [
-      /* @__PURE__ */ jsxs35(ItemTitle, { children: [
-        /* @__PURE__ */ jsx66("span", { className: "text-on-prominent", children: label }),
-        suffix && /* @__PURE__ */ jsx66("span", { className: "text-on-subtle", children: ` ${suffix}` })
+  return /* @__PURE__ */ jsxs36(Item, { size: "sm", children: [
+    /* @__PURE__ */ jsxs36(ItemContent, { children: [
+      /* @__PURE__ */ jsxs36(ItemTitle, { children: [
+        /* @__PURE__ */ jsx67("span", { className: "text-on-prominent", children: label }),
+        suffix && /* @__PURE__ */ jsx67("span", { className: "text-on-subtle", children: ` ${suffix}` })
       ] }),
-      /* @__PURE__ */ jsx66(MetaNote, { market: position.market, duration: position.duration })
+      /* @__PURE__ */ jsx67(MetaNote, { market: position.market, duration: position.duration })
     ] }),
-    /* @__PURE__ */ jsx66(ItemActions, { children: /* @__PURE__ */ jsx66(PnlMeta, { pnl: position.pnl, win: position.win, stake: position.stake }) })
+    /* @__PURE__ */ jsx67(ItemActions, { children: /* @__PURE__ */ jsx67(PnlMeta, { pnl: position.pnl, win: position.win, stake: position.stake }) })
   ] });
 }
 var DIGITS_TYPE_LABEL = {
@@ -7301,23 +7441,23 @@ function positionTitleParts(p) {
   }
 }
 function MetaNote({ market, duration }) {
-  return /* @__PURE__ */ jsxs35("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
+  return /* @__PURE__ */ jsxs36("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
     market,
     " \xB7 ",
     duration
   ] });
 }
 function PnlMeta({ pnl, win, stake }) {
-  return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col items-end gap-0.5", children: [
-    /* @__PURE__ */ jsx66("span", { className: `font-display font-bold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
-    /* @__PURE__ */ jsx66("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
+  return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col items-end gap-0.5", children: [
+    /* @__PURE__ */ jsx67("span", { className: `font-display font-bold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
+    /* @__PURE__ */ jsx67("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
   ] });
 }
 function DefaultEmptyState({ onViewHistory }) {
-  return /* @__PURE__ */ jsx66(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ jsxs35(EmptyHeader, { className: "gap-4", children: [
-    /* @__PURE__ */ jsx66(EmptyMedia, { children: /* @__PURE__ */ jsx66(History2, { className: "size-8 text-on-subtle" }) }),
-    /* @__PURE__ */ jsx66(EmptyTitle, { className: "text-base leading-6 font-semibold tracking-normal body-md text-on-subtle", children: "No trades yet." }),
-    /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" })
+  return /* @__PURE__ */ jsx67(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ jsxs36(EmptyHeader, { className: "gap-4", children: [
+    /* @__PURE__ */ jsx67(EmptyMedia, { children: /* @__PURE__ */ jsx67(History2, { className: "size-8 text-on-subtle" }) }),
+    /* @__PURE__ */ jsx67(EmptyTitle, { className: "text-base leading-6 font-semibold tracking-normal body-md text-on-subtle", children: "No trades yet." }),
+    /* @__PURE__ */ jsx67(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" })
   ] }) });
 }
 export {
@@ -7347,6 +7487,7 @@ export {
   AvatarGroupCount,
   AvatarImage,
   Badge,
+  Banner,
   Breadcrumb,
   BreadcrumbEllipsis,
   BreadcrumbItem,