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

package/dist/index.js

@@ -106,79 +106,23 @@ function AccordionContent(_a) {
 }
 
 // components/ui/alert.tsx
-import { cva } from "class-variance-authority";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var alertVariants = cva(
-  "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-sm border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-  {
-    variants: {
-      variant: {
-        info: "bg-transparent text-alert-info-text border-alert-info-border *:data-[slot=alert-description]:text-on-subtle [&>svg]:text-current",
-        error: "bg-transparent text-alert-error-text border-alert-error-border *:data-[slot=alert-description]:text-on-subtle [&>svg]:text-current"
-      }
-    },
-    defaultVariants: {
-      variant: "info"
-    }
-  }
-);
-function Alert(_a) {
-  var _b = _a, {
-    className,
-    variant
-  } = _b, props = __objRest(_b, [
-    "className",
-    "variant"
-  ]);
-  return /* @__PURE__ */ jsx2(
-    "div",
-    __spreadValues({
-      "data-slot": "alert",
-      role: "alert",
-      className: cn(alertVariants({ variant }), className)
-    }, props)
-  );
-}
-function AlertTitle(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx2(
-    "div",
-    __spreadValues({
-      "data-slot": "alert-title",
-      className: cn(
-        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
-        className
-      )
-    }, props)
-  );
-}
-function AlertDescription(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx2(
-    "div",
-    __spreadValues({
-      "data-slot": "alert-description",
-      className: cn(
-        "col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
-        className
-      )
-    }, props)
-  );
-}
-
-// components/ui/alert-dialog.tsx
-import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import * as React from "react";
+import { cva as cva2 } from "class-variance-authority";
+import {
+  AlertTriangle,
+  CheckCircle2,
+  Info,
+  Sparkles,
+  X,
+  XCircle
+} from "lucide-react";
 
 // components/ui/button.tsx
-import { cva as cva2 } from "class-variance-authority";
+import { cva } from "class-variance-authority";
 import { Slot } from "radix-ui";
 
 // components/ui/spinner.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var PILL_COUNT = 8;
 function Spinner(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
@@ -190,13 +134,13 @@ function Spinner(_a) {
       className: cn("relative inline-block size-4 text-current", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx3("style", { children: `
+        /* @__PURE__ */ jsx2("style", { children: `
         @keyframes spinner-fade {
           0% { opacity: 1; }
           100% { opacity: 0.15; }
         }
       ` }),
-        Array.from({ length: PILL_COUNT }, (_, i) => /* @__PURE__ */ jsx3(
+        Array.from({ length: PILL_COUNT }, (_, i) => /* @__PURE__ */ jsx2(
           "span",
           {
             style: {
@@ -220,8 +164,8 @@ function Spinner(_a) {
 }
 
 // components/ui/button.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var buttonVariants = cva2(
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var buttonVariants = cva(
   "inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-24 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 font-display font-bold",
   {
     variants: {
@@ -281,7 +225,7 @@ function Button(_a) {
     "children"
   ]);
   const Comp = asChild ? Slot.Root : "button";
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     Comp,
     __spreadProps(__spreadValues({
       "data-slot": "button",
@@ -295,15 +239,255 @@ function Button(_a) {
       "aria-busy": loading || void 0
     }, props), {
       children: loading ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-        /* @__PURE__ */ jsx4("span", { className: "invisible inline-flex items-center gap-[inherit]", "aria-hidden": true, children }),
-        /* @__PURE__ */ jsx4("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx4(Spinner, { className: spinnerSizeMap[size != null ? size : "lg"] }) })
+        /* @__PURE__ */ jsx3("span", { className: "invisible inline-flex items-center gap-[inherit]", "aria-hidden": true, children }),
+        /* @__PURE__ */ jsx3("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx3(Spinner, { className: spinnerSizeMap[size != null ? size : "lg"] }) })
       ] }) : children
     })
   );
 }
 
+// components/ui/alert.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var alertVariants = cva2(
+  "grid w-full rounded-sm",
+  {
+    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",
+        success: "bg-semantic-win/10"
+      },
+      layout: {
+        // Inline is mobile-first: 3 columns × 2 rows so a long title can wrap and the
+        // action button drops below the body. At sm+ (640px) it collapses to a single
+        // row of 4 columns (icon · body · action · close).
+        inline: "grid-cols-[auto_1fr_auto] grid-rows-[auto_auto] items-start gap-x-3 gap-y-3 px-4 py-4 sm:grid-cols-[auto_1fr_auto_auto] sm:grid-rows-1",
+        card: "grid-cols-[auto_1fr_auto] grid-rows-[auto_auto] items-start gap-x-3 gap-y-2 px-4 py-4"
+      }
+    },
+    defaultVariants: {
+      variant: "info",
+      layout: "inline"
+    }
+  }
+);
+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",
+  success: "text-on-subtle opacity-70"
+};
+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":
+      return /* @__PURE__ */ jsx4(AlertTriangle, {});
+    case "danger":
+      return /* @__PURE__ */ jsx4(XCircle, {});
+    case "success":
+      return /* @__PURE__ */ jsx4(CheckCircle2, {});
+  }
+}
+function actionButtonVariantFor(variant) {
+  return variant === "brand" ? "primary-inverse" : "secondary";
+}
+function Alert(_a) {
+  var _b = _a, {
+    variant = "info",
+    layout = "inline",
+    title,
+    description,
+    icon,
+    action,
+    actions,
+    onDismiss,
+    dismissLabel = "Dismiss",
+    className
+  } = _b, props = __objRest(_b, [
+    "variant",
+    "layout",
+    "title",
+    "description",
+    "icon",
+    "action",
+    "actions",
+    "onDismiss",
+    "dismissLabel",
+    "className"
+  ]);
+  if (!title && !description) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(
+        "Alert: requires at least one of `title` or `description`. Rendering null."
+      );
+    }
+    return null;
+  }
+  const isInline = layout === "inline";
+  const isSingleLine = isInline && !(title && description);
+  const showIcon = icon !== null;
+  const resolvedIcon = icon === void 0 ? defaultIconForVariant(variant) : icon;
+  const showCloseButton = typeof onDismiss === "function";
+  const buttonVariant = actionButtonVariantFor(variant);
+  const isAssertive = variant === "danger" || variant === "warning";
+  const role = isAssertive ? "alert" : "status";
+  const ariaLive = isAssertive ? "assertive" : "polite";
+  if (process.env.NODE_ENV !== "production") {
+    if (isInline && actions && actions.length > 0) {
+      console.warn(
+        'Alert: `actions` is ignored when layout="inline". Use `action` instead.'
+      );
+    }
+    if (!isInline && action) {
+      console.warn(
+        'Alert: `action` is ignored when layout="card". Use `actions` instead.'
+      );
+    }
+  }
+  const body = /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
+    title ? /* @__PURE__ */ jsx4(
+      "p",
+      {
+        className: cn(
+          // Mobile-first: 13/11px scale so narrow viewports breathe. sm+ bumps to
+          // 14/12px which lines up with the rest of the design system's body sizes.
+          "text-[13px] font-semibold leading-snug sm:text-sm",
+          TITLE_CLASSES[variant],
+          description ? "mb-2" : "mb-0"
+        ),
+        children: title
+      }
+    ) : null,
+    description ? /* @__PURE__ */ jsx4(
+      "p",
+      {
+        className: cn(
+          "text-[11px] leading-snug m-0 sm:text-xs",
+          DESC_CLASSES[variant]
+        ),
+        children: description
+      }
+    ) : null
+  ] });
+  const closeButton = showCloseButton ? /* @__PURE__ */ jsx4(
+    "button",
+    {
+      type: "button",
+      onClick: onDismiss,
+      "aria-label": dismissLabel,
+      className: cn(
+        "inline-flex shrink-0 items-center justify-center rounded-xs size-6 cursor-pointer outline-none transition-opacity hover:opacity-100 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [&_svg]:size-4 [&_svg]:pointer-events-none",
+        // tuck the close into the top-right corner for the multi-line cases
+        isSingleLine ? "" : "-mt-1 -mr-1",
+        CLOSE_CLASSES[variant]
+      ),
+      children: /* @__PURE__ */ jsx4(X, {})
+    }
+  ) : null;
+  const iconColumn = showIcon ? /* @__PURE__ */ jsx4(
+    "div",
+    {
+      "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.
+        isSingleLine ? "" : "mt-0.5",
+        ICON_CLASSES[variant]
+      ),
+      children: resolvedIcon
+    }
+  ) : null;
+  if (isInline) {
+    return /* @__PURE__ */ jsxs4(
+      "div",
+      __spreadProps(__spreadValues({
+        role,
+        "aria-live": ariaLive,
+        "data-slot": "alert",
+        "data-variant": variant,
+        "data-layout": "inline",
+        className: cn(
+          alertVariants({ variant, layout }),
+          isSingleLine ? SINGLE_LINE_CLASSES : "",
+          className
+        )
+      }, props), {
+        children: [
+          iconColumn,
+          /* @__PURE__ */ jsx4("div", { className: "col-start-2 row-start-1 min-w-0", children: body }),
+          /* @__PURE__ */ jsx4("div", { className: "col-start-3 row-start-1 sm:col-start-4 sm:row-start-1", children: closeButton }),
+          action ? /* @__PURE__ */ jsx4("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: wrapAction(action, buttonVariant) }) : null
+        ]
+      })
+    );
+  }
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    __spreadProps(__spreadValues({
+      role,
+      "aria-live": ariaLive,
+      "data-slot": "alert",
+      "data-variant": variant,
+      "data-layout": "card",
+      className: cn(
+        alertVariants({ variant, layout }),
+        className
+      )
+    }, props), {
+      children: [
+        iconColumn,
+        /* @__PURE__ */ jsx4("div", { className: "col-span-2 col-start-2 row-start-1", children: body }),
+        /* @__PURE__ */ jsx4("div", { className: "col-start-3 row-start-1", children: closeButton }),
+        actions && actions.length > 0 ? /* @__PURE__ */ jsx4("div", { className: "col-span-3 col-start-2 row-start-2 mt-2 flex flex-wrap items-center justify-start gap-2", children: actions.slice(0, 2).map((node, i) => /* @__PURE__ */ jsx4(React.Fragment, { children: wrapAction(node, buttonVariant) }, i)) }) : null
+      ]
+    })
+  );
+}
+function wrapAction(node, variant) {
+  if (React.isValidElement(node)) return node;
+  return /* @__PURE__ */ jsx4(Button, { variant, size: "sm", children: node });
+}
+
 // components/ui/alert-dialog.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function AlertDialog(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ jsx5(AlertDialogPrimitive.Root, __spreadValues({ "data-slot": "alert-dialog" }, props));
@@ -341,7 +525,7 @@ function AlertDialogContent(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsxs4(AlertDialogPortal, { children: [
+  return /* @__PURE__ */ jsxs5(AlertDialogPortal, { children: [
     /* @__PURE__ */ jsx5(AlertDialogOverlay, {}),
     /* @__PURE__ */ jsx5(
       AlertDialogPrimitive.Content,
@@ -649,7 +833,7 @@ function Badge(_a) {
 // components/ui/breadcrumb.tsx
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import { Slot as Slot3 } from "radix-ui";
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function Breadcrumb(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ jsx9("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
@@ -733,7 +917,7 @@ function BreadcrumbEllipsis(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "span",
     __spreadProps(__spreadValues({
       "data-slot": "breadcrumb-ellipsis",
@@ -750,7 +934,7 @@ function BreadcrumbEllipsis(_a) {
 }
 
 // components/ui/calendar.tsx
-import * as React from "react";
+import * as React2 from "react";
 import {
   ChevronDownIcon as ChevronDownIcon2,
   ChevronLeftIcon,
@@ -923,8 +1107,8 @@ function CalendarDayButton(_a) {
     "modifiers"
   ]);
   const defaultClassNames = getDefaultClassNames();
-  const ref = React.useRef(null);
-  React.useEffect(() => {
+  const ref = React2.useRef(null);
+  React2.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -1032,13 +1216,13 @@ function CardFooter(_a) {
 }
 
 // components/ui/carousel.tsx
-import * as React2 from "react";
+import * as React3 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
-var CarouselContext = React2.createContext(null);
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+var CarouselContext = React3.createContext(null);
 function useCarousel() {
-  const context = React2.useContext(CarouselContext);
+  const context = React3.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -1066,20 +1250,20 @@ function Carousel(_a) {
     }),
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React2.useState(false);
-  const [canScrollNext, setCanScrollNext] = React2.useState(false);
-  const onSelect = React2.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React3.useState(false);
+  const [canScrollNext, setCanScrollNext] = React3.useState(false);
+  const onSelect = React3.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React2.useCallback(() => {
+  const scrollPrev = React3.useCallback(() => {
     api == null ? void 0 : api.scrollPrev();
   }, [api]);
-  const scrollNext = React2.useCallback(() => {
+  const scrollNext = React3.useCallback(() => {
     api == null ? void 0 : api.scrollNext();
   }, [api]);
-  const handleKeyDown = React2.useCallback(
+  const handleKeyDown = React3.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -1091,11 +1275,11 @@ function Carousel(_a) {
     },
     [scrollPrev, scrollNext]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -1182,7 +1366,7 @@ function CarouselPrevious(_a) {
     "size"
   ]);
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     Button,
     __spreadProps(__spreadValues({
       "data-slot": "carousel-previous",
@@ -1214,7 +1398,7 @@ function CarouselNext(_a) {
     "size"
   ]);
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     Button,
     __spreadProps(__spreadValues({
       "data-slot": "carousel-next",
@@ -1237,13 +1421,13 @@ function CarouselNext(_a) {
 }
 
 // components/ui/chart.tsx
-import * as React3 from "react";
+import * as React4 from "react";
 import * as RechartsPrimitive from "recharts";
-import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 var THEMES = { light: "" };
-var ChartContext = React3.createContext(null);
+var ChartContext = React4.createContext(null);
 function useChart() {
-  const context = React3.useContext(ChartContext);
+  const context = React4.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -1261,9 +1445,9 @@ function ChartContainer(_a) {
     "children",
     "config"
   ]);
-  const uniqueId = React3.useId();
+  const uniqueId = React4.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx13(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx13(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs8(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "chart",
@@ -1323,7 +1507,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React3.useMemo(() => {
+  const tooltipLabel = React4.useMemo(() => {
     var _a;
     if (hideLabel || !(payload == null ? void 0 : payload.length)) {
       return null;
@@ -1352,7 +1536,7 @@ function ChartTooltipContent({
     return null;
   }
   const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: cn(
@@ -1372,7 +1556,7 @@ function ChartTooltipContent({
                 "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__ */ jsxs7(Fragment2, { children: [
+              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(
                   "div",
                   {
@@ -1391,7 +1575,7 @@ function ChartTooltipContent({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxs7(
+                /* @__PURE__ */ jsxs8(
                   "div",
                   {
                     className: cn(
@@ -1399,7 +1583,7 @@ function ChartTooltipContent({
                       nestLabel ? "items-end" : "items-center"
                     ),
                     children: [
-                      /* @__PURE__ */ jsxs7("div", { className: "grid gap-1.5", children: [
+                      /* @__PURE__ */ jsxs8("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 })
                       ] }),
@@ -1439,7 +1623,7 @@ 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__ */ jsxs7(
+        return /* @__PURE__ */ jsxs8(
           "div",
           {
             className: cn(
@@ -1536,12 +1720,12 @@ function CollapsibleContent(_a) {
 }
 
 // components/ui/combobox.tsx
-import * as React5 from "react";
+import * as React6 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 React4 from "react";
+import * as React5 from "react";
 import { cva as cva5 } from "class-variance-authority";
 
 // components/ui/input.tsx
@@ -1609,7 +1793,7 @@ function Textarea(_a) {
 
 // components/ui/input-group.tsx
 import { jsx as jsx18 } from "react/jsx-runtime";
-var InputGroupSizeContext = React4.createContext("md");
+var InputGroupSizeContext = React5.createContext("md");
 var inputGroupVariants = cva5(
   [
     "group/input-group relative flex w-full items-center rounded-sm border border-border-subtle bg-white/5",
@@ -1771,7 +1955,7 @@ function InputGroupInput(_a) {
     "className",
     "size"
   ]);
-  const groupSize = React4.useContext(InputGroupSizeContext);
+  const groupSize = React5.useContext(InputGroupSizeContext);
   const size = sizeProp != null ? sizeProp : groupSize;
   return /* @__PURE__ */ jsx18(
     Input,
@@ -1804,7 +1988,7 @@ function InputGroupTextarea(_a) {
 }
 
 // components/ui/combobox.tsx
-import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
 var Combobox = ComboboxPrimitive.Root;
 function ComboboxValue(_a) {
   var props = __objRest(_a, []);
@@ -1818,7 +2002,7 @@ function ComboboxTrigger(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     ComboboxPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-trigger",
@@ -1864,14 +2048,14 @@ function ComboboxInput(_a) {
     "showTrigger",
     "showClear"
   ]);
-  return /* @__PURE__ */ jsxs8(InputGroup, { className: cn("w-auto", className), children: [
+  return /* @__PURE__ */ jsxs9(InputGroup, { className: cn("w-auto", className), children: [
     /* @__PURE__ */ jsx19(
       ComboboxPrimitive.Input,
       __spreadValues({
         render: /* @__PURE__ */ jsx19(InputGroupInput, { disabled })
       }, props)
     ),
-    /* @__PURE__ */ jsxs8(InputGroupAddon, { align: "inline-end", children: [
+    /* @__PURE__ */ jsxs9(InputGroupAddon, { align: "inline-end", children: [
       showTrigger && /* @__PURE__ */ jsx19(
         InputGroupButton,
         {
@@ -1949,7 +2133,7 @@ function ComboboxItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     ComboboxPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-item",
@@ -2057,7 +2241,7 @@ function ComboboxChip(_a) {
     "children",
     "showRemove"
   ]);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     ComboboxPrimitive.Chip,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-chip",
@@ -2098,7 +2282,7 @@ function ComboboxChipsInput(_a) {
   );
 }
 function useComboboxAnchor() {
-  return React5.useRef(null);
+  return React6.useRef(null);
 }
 
 // components/ui/command.tsx
@@ -2108,7 +2292,7 @@ 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 jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 function Dialog(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ jsx20(DialogPrimitive.Root, __spreadValues({ "data-slot": "dialog" }, props));
@@ -2152,9 +2336,9 @@ function DialogContent(_a) {
     "children",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs9(DialogPortal, { "data-slot": "dialog-portal", children: [
+  return /* @__PURE__ */ jsxs10(DialogPortal, { "data-slot": "dialog-portal", children: [
     /* @__PURE__ */ jsx20(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsxs10(
       DialogPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "dialog-content",
@@ -2165,7 +2349,7 @@ function DialogContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs9(
+          showCloseButton && /* @__PURE__ */ jsxs10(
             DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
@@ -2201,7 +2385,7 @@ function DialogFooter(_a) {
     "showCloseButton",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "dialog-footer",
@@ -2247,7 +2431,7 @@ function DialogDescription(_a) {
 }
 
 // components/ui/command.tsx
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 function Command(_a) {
   var _b = _a, {
     className
@@ -2279,8 +2463,8 @@ function CommandDialog(_a) {
     "className",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs10(Dialog, __spreadProps(__spreadValues({}, props), { children: [
-    /* @__PURE__ */ jsxs10(DialogHeader, { className: "sr-only", children: [
+  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 })
     ] }),
@@ -2300,7 +2484,7 @@ function CommandInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       "data-slot": "command-input-wrapper",
@@ -2417,7 +2601,7 @@ 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 jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
 function ContextMenu(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Root, __spreadValues({ "data-slot": "context-menu" }, props));
@@ -2457,7 +2641,7 @@ function ContextMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     ContextMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-sub-trigger",
@@ -2541,7 +2725,7 @@ function ContextMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     ContextMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-checkbox-item",
@@ -2566,7 +2750,7 @@ function ContextMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     ContextMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-radio-item",
@@ -2648,7 +2832,7 @@ var useDirection = Direction.useDirection;
 
 // components/ui/drawer.tsx
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 function Drawer(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ jsx24(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
@@ -2690,9 +2874,9 @@ function DrawerContent(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs12(DrawerPortal, { "data-slot": "drawer-portal", children: [
+  return /* @__PURE__ */ jsxs13(DrawerPortal, { "data-slot": "drawer-portal", children: [
     /* @__PURE__ */ jsx24(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsxs13(
       DrawerPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "drawer-content",
@@ -2768,7 +2952,7 @@ 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 jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
@@ -2843,7 +3027,7 @@ function DropdownMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     DropdownMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-checkbox-item",
@@ -2877,7 +3061,7 @@ function DropdownMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     DropdownMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-radio-item",
@@ -2958,7 +3142,7 @@ function DropdownMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     DropdownMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-sub-trigger",
@@ -3143,7 +3327,7 @@ function Separator(_a) {
 }
 
 // components/ui/field.tsx
-import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
 function FieldSet(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx29(
@@ -3302,7 +3486,7 @@ function FieldSeparator(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "field-separator",
@@ -3370,7 +3554,7 @@ function FieldError(_a) {
 }
 
 // components/ui/form.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 import { Slot as Slot4 } from "radix-ui";
 import {
   Controller,
@@ -3380,7 +3564,7 @@ import {
 } from "react-hook-form";
 import { jsx as jsx30 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React6.createContext(
+var FormFieldContext = React7.createContext(
   {}
 );
 var FormField = (_a) => {
@@ -3388,8 +3572,8 @@ var FormField = (_a) => {
   return /* @__PURE__ */ jsx30(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx30(Controller, __spreadValues({}, props)) });
 };
 var useFormField = () => {
-  const fieldContext = React6.useContext(FormFieldContext);
-  const itemContext = React6.useContext(FormItemContext);
+  const fieldContext = React7.useContext(FormFieldContext);
+  const itemContext = React7.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -3405,12 +3589,12 @@ var useFormField = () => {
     formMessageId: `${id}-form-item-message`
   }, fieldState);
 };
-var FormItemContext = React6.createContext(
+var FormItemContext = React7.createContext(
   {}
 );
 function FormItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const id = React6.useId();
+  const id = React7.useId();
   return /* @__PURE__ */ jsx30(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx30(
     "div",
     __spreadValues({
@@ -3517,10 +3701,10 @@ function HoverCardContent(_a) {
 }
 
 // components/ui/input-otp.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
 function InputOTP(_a) {
   var _b = _a, {
     className,
@@ -3560,9 +3744,9 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React7.useContext(OTPInputContext);
+  const inputOTPContext = React8.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) != null ? _a2 : {};
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "input-otp-slot",
@@ -3837,7 +4021,7 @@ 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 jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
 function Menubar(_a) {
   var _b = _a, {
     className
@@ -3947,7 +4131,7 @@ function MenubarCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     MenubarPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-checkbox-item",
@@ -3972,7 +4156,7 @@ function MenubarRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     MenubarPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-radio-item",
@@ -4053,7 +4237,7 @@ function MenubarSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     MenubarPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-sub-trigger",
@@ -4090,7 +4274,7 @@ function MenubarSubContent(_a) {
 
 // components/ui/native-select.tsx
 import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
 function NativeSelect(_a) {
   var _b = _a, {
     className,
@@ -4099,7 +4283,7 @@ function NativeSelect(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
@@ -4197,7 +4381,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 jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
 function NavigationMenu(_a) {
   var _b = _a, {
     className,
@@ -4208,7 +4392,7 @@ function NavigationMenu(_a) {
     "children",
     "viewport"
   ]);
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     NavigationMenuPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu",
@@ -4267,7 +4451,7 @@ function NavigationMenuTrigger(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     NavigationMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-trigger",
@@ -4373,7 +4557,7 @@ import {
   ChevronRightIcon as ChevronRightIcon5,
   MoreHorizontalIcon
 } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
 function Pagination(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx40(
@@ -4450,7 +4634,7 @@ function PaginationEllipsis(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
@@ -4664,7 +4848,7 @@ function ResizableHandle(_a) {
 
 // components/ui/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
 function ScrollArea(_a) {
   var _b = _a, {
     className,
@@ -4673,7 +4857,7 @@ function ScrollArea(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     ScrollAreaPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area",
@@ -4728,7 +4912,7 @@ 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 jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ jsx46(SelectPrimitive.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -4753,7 +4937,7 @@ function SelectTrigger(_a) {
     "readOnly",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     SelectPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "select-trigger",
@@ -4784,7 +4968,7 @@ function SelectContent(_a) {
     "position",
     "align"
   ]);
-  return /* @__PURE__ */ jsx46(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx46(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs22(
     SelectPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "select-content",
@@ -4835,7 +5019,7 @@ function SelectItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     SelectPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "select-item",
@@ -4914,7 +5098,7 @@ 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 jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs23 } from "react/jsx-runtime";
 function Sheet(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ jsx47(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
@@ -4960,9 +5144,9 @@ function SheetContent(_a) {
     "side",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs22(SheetPortal, { children: [
+  return /* @__PURE__ */ jsxs23(SheetPortal, { children: [
     /* @__PURE__ */ jsx47(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs22(
+    /* @__PURE__ */ jsxs23(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "sheet-content",
@@ -4977,7 +5161,7 @@ function SheetContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs22(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-prominent transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          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" })
           ] })
@@ -5036,17 +5220,17 @@ function SheetDescription(_a) {
 }
 
 // components/ui/sidebar.tsx
-import * as React10 from "react";
+import * as React11 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 React8 from "react";
+import * as React9 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React8.useState(void 0);
-  React8.useEffect(() => {
+  const [isMobile, setIsMobile] = React9.useState(void 0);
+  React9.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -5072,10 +5256,10 @@ function Skeleton(_a) {
 }
 
 // components/ui/tooltip.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
-var TooltipModeContext = React9.createContext("tooltip");
+import { jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
+var TooltipModeContext = React10.createContext("tooltip");
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
@@ -5109,7 +5293,7 @@ function TooltipTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "children"
   ]);
-  const mode = React9.useContext(TooltipModeContext);
+  const mode = React10.useContext(TooltipModeContext);
   if (mode === "drawer") {
     return /* @__PURE__ */ jsx49(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
   }
@@ -5131,9 +5315,9 @@ function TooltipContent(_a) {
     "closeLabel",
     "children"
   ]);
-  const mode = React9.useContext(TooltipModeContext);
+  const mode = React10.useContext(TooltipModeContext);
   if (mode === "drawer") {
-    return /* @__PURE__ */ jsxs23(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
+    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 }) }) })
@@ -5141,7 +5325,7 @@ function TooltipContent(_a) {
   }
   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__ */ jsxs23(
+  return /* @__PURE__ */ jsx49(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs24(
     TooltipPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
@@ -5162,16 +5346,16 @@ function TooltipContent(_a) {
 }
 
 // components/ui/sidebar.tsx
-import { jsx as jsx50, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs25 } 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 = React10.createContext(null);
+var SidebarContext = React11.createContext(null);
 function useSidebar() {
-  const context = React10.useContext(SidebarContext);
+  const context = React11.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -5194,10 +5378,10 @@ function SidebarProvider(_a) {
     "children"
   ]);
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React10.useState(false);
-  const [_open, _setOpen] = React10.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React11.useState(false);
+  const [_open, _setOpen] = React11.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React10.useCallback(
+  const setOpen = React11.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -5209,10 +5393,10 @@ function SidebarProvider(_a) {
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React10.useCallback(() => {
+  const toggleSidebar = React11.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -5223,7 +5407,7 @@ function SidebarProvider(_a) {
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React10.useMemo(
+  const contextValue = React11.useMemo(
     () => ({
       state,
       open,
@@ -5282,7 +5466,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx50(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs24(
+    return /* @__PURE__ */ jsx50(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs25(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -5294,7 +5478,7 @@ function Sidebar(_a) {
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs24(SheetHeader, { className: "sr-only", children: [
+          /* @__PURE__ */ jsxs25(SheetHeader, { className: "sr-only", children: [
             /* @__PURE__ */ jsx50(SheetTitle, { children: "Sidebar" }),
             /* @__PURE__ */ jsx50(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
@@ -5303,7 +5487,7 @@ function Sidebar(_a) {
       }
     ) }));
   }
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
@@ -5361,7 +5545,7 @@ function SidebarTrigger(_a) {
     "onClick"
   ]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     Button,
     __spreadProps(__spreadValues({
       "data-sidebar": "trigger",
@@ -5635,7 +5819,7 @@ function SidebarMenuButton(_a) {
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs24(Tooltip2, { children: [
+  return /* @__PURE__ */ jsxs25(Tooltip2, { children: [
     /* @__PURE__ */ jsx50(TooltipTrigger, { asChild: true, children: button }),
     /* @__PURE__ */ jsx50(
       TooltipContent,
@@ -5709,7 +5893,7 @@ function SidebarMenuSkeleton(_a) {
     "showIcon"
   ]);
   const width = "70%";
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-menu-skeleton",
@@ -5801,9 +5985,9 @@ function SidebarMenuSubButton(_a) {
 }
 
 // components/ui/slider.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import { Slider as SliderPrimitive } from "radix-ui";
-import { jsx as jsx51, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
 function Slider(_a) {
   var _b = _a, {
     className,
@@ -5818,11 +6002,11 @@ function Slider(_a) {
     "min",
     "max"
   ]);
-  const _values = React11.useMemo(
+  const _values = React12.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     SliderPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "slider",
@@ -5916,9 +6100,9 @@ var Toaster = (_a) => {
 };
 
 // components/ui/stepper.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import { Minus, Plus } from "lucide-react";
-import { jsx as jsx53, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
@@ -5952,16 +6136,16 @@ function Stepper({
 }) {
   const { container, buttonSize, iconClass } = stepperSizeConfig[size];
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React12.useState(
+  const [internalValue, setInternalValue] = React13.useState(
     clamp(defaultValue, min, max)
   );
   const currentValue = isControlled ? controlledValue : internalValue;
   const decimalPlaces = getDecimalPlaces(step);
-  const [displayString, setDisplayString] = React12.useState(
+  const [displayString, setDisplayString] = React13.useState(
     formatValue(currentValue, decimalPlaces)
   );
-  const [isFocused, setIsFocused] = React12.useState(false);
-  React12.useEffect(() => {
+  const [isFocused, setIsFocused] = React13.useState(false);
+  React13.useEffect(() => {
     if (!isFocused) {
       setDisplayString(formatValue(currentValue, decimalPlaces));
     }
@@ -6011,7 +6195,7 @@ function Stepper({
       }
     }
   }
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     InputGroup,
     {
       "data-slot": "stepper",
@@ -6051,7 +6235,7 @@ function Stepper({
             className: "text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
           }
         ),
-        /* @__PURE__ */ jsxs26(InputGroupAddon, { align: "inline-end", children: [
+        /* @__PURE__ */ jsxs27(InputGroupAddon, { align: "inline-end", children: [
           /* @__PURE__ */ jsx53(InputGroupText, { className: "font-normal text-on-subtle", children: "USDT" }),
           /* @__PURE__ */ jsx53(
             InputGroupButton,
@@ -6319,8 +6503,8 @@ function TabsContent(_a) {
 }
 
 // components/ui/ticket-card.tsx
-import { ArrowRight as ArrowRight2, Info } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx57, jsxs as jsxs27 } from "react/jsx-runtime";
+import { ArrowRight as ArrowRight2, Info as Info2 } from "lucide-react";
+import { Fragment as Fragment4, jsx as jsx57, jsxs as jsxs28 } from "react/jsx-runtime";
 function formatBalanceValue(raw) {
   const match = raw.match(/^(\D*)([\d,]+(?:\.\d+)?)(\D*)$/);
   if (!match) return raw;
@@ -6344,14 +6528,14 @@ function TicketCard({
   stubDisabled = false,
   compact = false
 }) {
-  return /* @__PURE__ */ jsx57("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs27("div", { className: "relative flex h-20 w-full items-stretch justify-between rounded-sm bg-subtle", children: [
-    /* @__PURE__ */ jsxs27("div", { className: cn("flex flex-1 items-center overflow-hidden", compact ? "gap-2 px-2" : "gap-4 px-4"), children: [
+  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__ */ jsxs27("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
+      /* @__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__ */ jsxs27("p", { className: "leading-none", children: [
+        /* @__PURE__ */ jsxs28("p", { className: "leading-none", children: [
           /* @__PURE__ */ jsx57("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-          currency && /* @__PURE__ */ jsxs27(Fragment3, { children: [
+          currency && /* @__PURE__ */ jsxs28(Fragment4, { children: [
             " ",
             /* @__PURE__ */ jsx57("span", { className: "text-sm text-on-subtle", children: currency })
           ] })
@@ -6371,7 +6555,7 @@ function TicketCard({
         }
       }
     ),
-    /* @__PURE__ */ jsxs27(
+    /* @__PURE__ */ jsxs28(
       "button",
       {
         type: "button",
@@ -6422,30 +6606,30 @@ function CreditTicketCard({
   badgeInfoCloseLabel,
   compact = false
 }) {
-  return /* @__PURE__ */ jsx57("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ jsxs27("div", { className: "relative flex w-full items-stretch justify-between rounded-sm bg-subtle", children: [
+  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: [
     (() => {
       const badgeText = badgeValue || badgeCurrency ? `${badgeLabel}: ${badgeValue}${badgeCurrency ? ` ${badgeCurrency}` : ""}` : badgeLabel;
-      const creditBadge = /* @__PURE__ */ jsxs27(Badge, { variant: "fill-credit", size: "sm", className: "!gap-1 !font-medium !tracking-normal", children: [
+      const creditBadge = /* @__PURE__ */ jsxs28(Badge, { variant: "fill-credit", size: "sm", className: "!gap-1 !font-medium !tracking-normal", children: [
         badgeIcon,
         badgeText,
-        badgeInfo && /* @__PURE__ */ jsx57(TooltipProvider, { children: /* @__PURE__ */ jsxs27(Tooltip2, { children: [
+        badgeInfo && /* @__PURE__ */ jsx57(TooltipProvider, { children: /* @__PURE__ */ jsxs28(Tooltip2, { children: [
           /* @__PURE__ */ jsx57(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx57(
             "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(Info, { className: "!size-3.5", strokeWidth: 2 })
+              children: /* @__PURE__ */ jsx57(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 })
         ] }) })
       ] });
-      const labelValue = /* @__PURE__ */ jsxs27("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
+      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__ */ jsxs27("p", { className: "leading-none", children: [
+        /* @__PURE__ */ jsxs28("p", { className: "leading-none", children: [
           /* @__PURE__ */ jsx57("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
-          currency && /* @__PURE__ */ jsxs27(Fragment3, { children: [
+          currency && /* @__PURE__ */ jsxs28(Fragment4, { children: [
             " ",
             /* @__PURE__ */ jsx57("span", { className: "text-sm text-on-subtle", children: currency })
           ] })
@@ -6458,20 +6642,20 @@ function CreditTicketCard({
             "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__ */ jsxs27("div", { className: "flex flex-1 flex-col gap-2", children: [
-            /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
+          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 }),
               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__ */ jsxs27(Fragment3, { children: [
+          ] }) : /* @__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__ */ jsxs27("div", { className: "flex flex-col gap-1 whitespace-nowrap", children: [
+            /* @__PURE__ */ jsxs28("div", { className: "flex flex-col gap-1 whitespace-nowrap", children: [
               /* @__PURE__ */ jsx57("p", { className: "text-xs text-on-subtle", children: label }),
-              /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-4", children: [
-                /* @__PURE__ */ jsxs27("p", { className: "leading-none", children: [
+              /* @__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__ */ jsxs27(Fragment3, { children: [
+                  currency && /* @__PURE__ */ jsxs28(Fragment4, { children: [
                     " ",
                     /* @__PURE__ */ jsx57("span", { className: "text-sm text-on-subtle", children: currency })
                   ] })
@@ -6496,7 +6680,7 @@ function CreditTicketCard({
         }
       }
     ),
-    /* @__PURE__ */ jsxs27(
+    /* @__PURE__ */ jsxs28(
       "button",
       {
         type: "button",
@@ -6573,10 +6757,10 @@ function Toggle(_a) {
 }
 
 // components/ui/toggle-group.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
 import { jsx as jsx59 } from "react/jsx-runtime";
-var ToggleGroupContext = React13.createContext({
+var ToggleGroupContext = React14.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -6624,7 +6808,7 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React13.useContext(ToggleGroupContext);
+  const context = React14.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx59(
     ToggleGroupPrimitive.Item,
     __spreadProps(__spreadValues({
@@ -6648,7 +6832,7 @@ function ToggleGroupItem(_a) {
 }
 
 // components/blocks/result-block.tsx
-import { Fragment as Fragment4, jsx as jsx60, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx60, jsxs as jsxs29 } from "react/jsx-runtime";
 var THUMBS_UP_DATA_URL = "data:image/webp;base64,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";
 var THUMBS_DOWN_DATA_URL = "data:image/webp;base64,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";
 function ResultBlock({
@@ -6665,8 +6849,8 @@ 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__ */ jsxs28(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "relative flex items-center justify-center py-2", children: [
+  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(
         "span",
         {
@@ -6686,24 +6870,24 @@ function ResultBlock({
       )
     ] }),
     /* @__PURE__ */ jsx60("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
-    /* @__PURE__ */ jsxs28("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
+    /* @__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__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs28(Badge, { variant: "standard", size: "sm", children: [
+    /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs29(Badge, { variant: "standard", size: "sm", children: [
         contractLabel,
-        pickedDigit !== void 0 && /* @__PURE__ */ jsxs28(Fragment4, { children: [
+        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 })
         ] })
       ] }),
       /* @__PURE__ */ jsx60(Badge, { variant: "standard", size: "sm", children: duration })
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "w-full pt-2", children: [
+    /* @__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__ */ jsxs28("div", { className: "w-full flex flex-col gap-3", children: [
+      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" })
@@ -6717,12 +6901,12 @@ function ResultDialog({
   primaryLabel,
   secondaryLabel
 }) {
-  return /* @__PURE__ */ jsxs28(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+  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 })
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "w-full flex flex-col gap-2", children: [
+    /* @__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 })
     ] })
@@ -6731,7 +6915,7 @@ function ResultDialog({
 
 // components/blocks/header-navigation-block.tsx
 import { ArrowLeft as ArrowLeft2, History } from "lucide-react";
-import { jsx as jsx61, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs30 } from "react/jsx-runtime";
 function HeaderNavigationBlock({
   onBack,
   badge,
@@ -6740,14 +6924,14 @@ 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__ */ jsxs29("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
+  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__ */ jsxs29("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
+    /* @__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 })
     ] }),
-    /* @__PURE__ */ jsxs29("div", { className: "flex shrink-0 items-center gap-1", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "flex shrink-0 items-center gap-1", children: [
       history && /* @__PURE__ */ jsx61(HistoryButton, __spreadValues({}, history)),
       actions
     ] })
@@ -6761,7 +6945,7 @@ 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__ */ jsxs29("div", { className: "relative inline-flex", children: [
+  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(
       "span",
@@ -6775,7 +6959,7 @@ function HistoryButton({
 }
 
 // components/blocks/faq-block.tsx
-import { jsx as jsx62, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs31 } from "react/jsx-runtime";
 function FAQBlock({
   eyebrow = "FAQ Section",
   title = "Frequently asked questions",
@@ -6791,8 +6975,8 @@ 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__ */ jsxs30("div", { className: `w-full flex flex-col ${gapClass}`, children: [
-    /* @__PURE__ */ jsxs30("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
+  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 })
@@ -6804,14 +6988,14 @@ function FAQBlock({
         collapsible: true,
         defaultValue: defaultValue != null ? defaultValue : (_a = items[0]) == null ? void 0 : _a.value,
         className: "w-full",
-        children: items.map(({ value, question, answer }) => /* @__PURE__ */ jsxs30(AccordionItem, { value, children: [
+        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 }) })
         ] }, value))
       }
     ),
-    helpCard && /* @__PURE__ */ jsxs30("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
-      /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-2 w-full", children: [
+    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 })
       ] }),
@@ -6822,7 +7006,7 @@ function FAQBlock({
 
 // components/blocks/hero-block.tsx
 import { ArrowRight as ArrowRight3, ArrowUpRight } from "lucide-react";
-import { jsx as jsx63, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs32 } from "react/jsx-runtime";
 function HeroBlock({
   layout = "centered",
   tagline,
@@ -6833,26 +7017,26 @@ 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__ */ jsxs31("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__ */ jsxs31("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+    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 })
       ] }),
-      /* @__PURE__ */ jsxs31(Button, { size: "sm", onClick: primaryCta.onClick, children: [
+      /* @__PURE__ */ jsxs32(Button, { size: "sm", onClick: primaryCta.onClick, children: [
         primaryCta.label,
         primaryCta.trailingArrow !== false && /* @__PURE__ */ jsx63(ArrowRight3, { className: "size-4" })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx63("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs31("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__ */ jsxs31("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__ */ jsxs31("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
+  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 })
       ] }),
-      /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
+      /* @__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 })
       ] })
@@ -6865,15 +7049,15 @@ function TaglinePill({
   suffix,
   responsive
 }) {
-  return /* @__PURE__ */ jsxs31("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: [
+  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__ */ jsxs31("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
-      /* @__PURE__ */ jsxs31("span", { className: "hidden min-[600px]:inline", children: [
+    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: [
         label,
         /* @__PURE__ */ jsx63("span", { className: "text-on-subtle", children: " \xB7 " })
       ] }),
       /* @__PURE__ */ jsx63("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
-    ] }) : /* @__PURE__ */ jsxs31("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+    ] }) : /* @__PURE__ */ jsxs32("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
       label,
       suffix && /* @__PURE__ */ jsx63("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
     ] }),
@@ -6882,8 +7066,8 @@ function TaglinePill({
 }
 
 // components/blocks/auth-block.tsx
-import * as React14 from "react";
-import { jsx as jsx64, jsxs as jsxs32 } from "react/jsx-runtime";
+import * as React15 from "react";
+import { jsx as jsx64, jsxs as jsxs33 } from "react/jsx-runtime";
 function AuthBlock({
   mode,
   logoSrc,
@@ -6898,15 +7082,15 @@ 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] = React14.useState("");
-  return /* @__PURE__ */ jsxs32("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-    /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
+  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 })
     ] }),
     /* @__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__ */ jsxs32("div", { className: "flex items-center gap-3 w-full", children: [
+    /* @__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" })
@@ -6922,14 +7106,14 @@ function AuthBlock({
         onChange: (e) => setEmail(e.target.value)
       }
     ) }),
-    /* @__PURE__ */ jsxs32("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
+    /* @__PURE__ */ jsxs33("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__ */ jsx64(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
-    /* @__PURE__ */ jsxs32("p", { className: "text-sm text-on-subtle font-body text-center", children: [
+    /* @__PURE__ */ jsxs33("p", { className: "text-sm text-on-subtle font-body text-center", children: [
       footerPrompt,
       " ",
       /* @__PURE__ */ jsx64(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
@@ -6939,8 +7123,8 @@ function AuthBlock({
 function ProviderButton({ provider }) {
   switch (provider) {
     case "google":
-      return /* @__PURE__ */ jsxs32(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ jsxs32("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+      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" }),
@@ -6949,8 +7133,8 @@ function ProviderButton({ provider }) {
         "Continue with Google"
       ] });
     case "telegram":
-      return /* @__PURE__ */ jsxs32(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ jsxs32("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+      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" })
@@ -6958,7 +7142,7 @@ function ProviderButton({ provider }) {
         "Continue with Telegram"
       ] });
     case "x":
-      return /* @__PURE__ */ jsxs32(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+      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" }) }),
         "Continue with X (Twitter)"
       ] });
@@ -6966,15 +7150,15 @@ function ProviderButton({ provider }) {
 }
 
 // components/blocks/navbar-block.tsx
-import * as React15 from "react";
-import { Menu, X } from "lucide-react";
-import { jsx as jsx65, jsxs as jsxs33 } from "react/jsx-runtime";
+import * as React16 from "react";
+import { Menu, X as X2 } from "lucide-react";
+import { jsx as jsx65, jsxs as jsxs34 } from "react/jsx-runtime";
 function NavBarBlock({ brand, links, signIn, signUp }) {
   var _a, _b, _c, _d;
-  const [mobileMenuOpen, setMobileMenuOpen] = React15.useState(false);
-  return /* @__PURE__ */ jsx65("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ jsxs33("nav", { className: "bg-prominent", children: [
-    /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
-      /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-6", children: [
+  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(
           "img",
           {
@@ -6993,7 +7177,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
         ),
         /* @__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__ */ jsxs33("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
+      /* @__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" })
       ] }),
@@ -7006,11 +7190,11 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
           "aria-expanded": mobileMenuOpen,
           className: "min-[600px]:hidden",
           onClick: () => setMobileMenuOpen((prev) => !prev),
-          children: mobileMenuOpen ? /* @__PURE__ */ jsx65(X, { className: "size-4" }) : /* @__PURE__ */ jsx65(Menu, { className: "size-4" })
+          children: mobileMenuOpen ? /* @__PURE__ */ jsx65(X2, { className: "size-4" }) : /* @__PURE__ */ jsx65(Menu, { className: "size-4" })
         }
       )
     ] }),
-    mobileMenuOpen && /* @__PURE__ */ jsxs33("div", { className: "min-[600px]:hidden flex flex-col border-t border-border-subtle px-layout-margin-inline py-3 gap-1", children: [
+    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(
         Button,
         {
@@ -7022,7 +7206,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
         },
         l.label
       )),
-      (signIn || signUp) && /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
+      (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" })
       ] })
@@ -7031,9 +7215,9 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
 }
 
 // components/blocks/open-positions-block.tsx
-import * as React16 from "react";
-import { History as History2, X as X2 } from "lucide-react";
-import { jsx as jsx66, jsxs as jsxs34 } from "react/jsx-runtime";
+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";
 function OpenPositionsBlock({
   trigger,
   sheetTitle = "Positions",
@@ -7044,24 +7228,24 @@ function OpenPositionsBlock({
   const isMobile = useIsMobile();
   const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ jsx66(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ jsx66(PositionsList, { positions, onViewHistory });
   if (isMobile) {
-    return /* @__PURE__ */ jsxs34(Drawer, { children: [
+    return /* @__PURE__ */ jsxs35(Drawer, { children: [
       /* @__PURE__ */ jsx66(DrawerTrigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsxs34(DrawerContent, { className: "p-0 flex flex-col", children: [
-        /* @__PURE__ */ jsxs34(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
+      /* @__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(X2, {}) }) })
+          /* @__PURE__ */ jsx66(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx66(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx66(X3, {}) }) })
         ] }),
         /* @__PURE__ */ jsx66(Separator, {}),
         body
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs34(Sheet, { children: [
+  return /* @__PURE__ */ jsxs35(Sheet, { children: [
     /* @__PURE__ */ jsx66(SheetTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs34(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
-      /* @__PURE__ */ jsxs34(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
+    /* @__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(X2, {}) }) })
+        /* @__PURE__ */ jsx66(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx66(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx66(X3, {}) }) })
       ] }),
       /* @__PURE__ */ jsx66(Separator, {}),
       body
@@ -7072,8 +7256,8 @@ function PositionsList({
   positions,
   onViewHistory
 }) {
-  return /* @__PURE__ */ jsxs34("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__ */ jsxs34(React16.Fragment, { children: [
+  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" })
     ] }, i)) }),
@@ -7083,9 +7267,9 @@ function PositionsList({
 }
 function PositionRow({ position }) {
   const { label, suffix } = positionTitleParts(position);
-  return /* @__PURE__ */ jsxs34(Item, { size: "sm", children: [
-    /* @__PURE__ */ jsxs34(ItemContent, { children: [
-      /* @__PURE__ */ jsxs34(ItemTitle, { children: [
+  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}` })
       ] }),
@@ -7117,20 +7301,20 @@ function positionTitleParts(p) {
   }
 }
 function MetaNote({ market, duration }) {
-  return /* @__PURE__ */ jsxs34("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
+  return /* @__PURE__ */ jsxs35("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
     market,
     " \xB7 ",
     duration
   ] });
 }
 function PnlMeta({ pnl, win, stake }) {
-  return /* @__PURE__ */ jsxs34("div", { className: "flex flex-col items-end gap-0.5", children: [
+  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 })
   ] });
 }
 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__ */ jsxs34(EmptyHeader, { className: "gap-4", children: [
+  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" })
@@ -7142,7 +7326,6 @@ export {
   AccordionItem,
   AccordionTrigger,
   Alert,
-  AlertDescription,
   AlertDialog,
   AlertDialogAction,
   AlertDialogCancel,
@@ -7155,7 +7338,6 @@ export {
   AlertDialogPortal,
   AlertDialogTitle,
   AlertDialogTrigger,
-  AlertTitle,
   AspectRatio,
   AuthBlock,
   Avatar,
@@ -7451,6 +7633,7 @@ export {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
+  alertVariants,
   badgeVariants,
   buttonVariants,
   cn,