@trading-game/design-intelligence-layer 1.0.7 → 1.2.0

package/dist/index.js

@@ -935,9 +935,11 @@ var badgeVariants = cva4(
         "solid-fail": "bg-background-error-solid text-text-on-status-static",
         "solid-warning": "bg-background-warning-solid text-text-on-status-static",
         // Tint — the Section Message surface tokens, coloured foreground.
-        // Brand tint = the static brand-container recipe (layered value,
-        // so it paints via `background`, not a bg-* utility).
-        tint: "[background:var(--background-brand-container)] border-transparent text-text-brand-container-static",
+        // Brand tint rides `brand-selected`, the theme-aware selection
+        // family, for the same reason Calendar's range band does: the
+        // static `brand-container` is one value in both themes and sits
+        // near-white on a dark surface.
+        tint: "bg-background-brand-selected border-transparent text-text-brand-selected",
         "tint-demo": "bg-background-demo-default border-transparent text-text-demo-default",
         "tint-neutral": "bg-background-secondary-surface border-transparent text-text-prominent-default",
         "tint-success": "bg-background-success-default border-transparent text-text-success-default",
@@ -948,7 +950,18 @@ var badgeVariants = cva4(
         xs: "type-badge-xs h-5 px-2 py-0.5",
         sm: "type-badge-sm h-6 px-2.5 py-0.5",
         md: "type-badge-md h-8 px-3 py-1",
-        lg: "type-badge-lg h-10 px-4 py-1.5"
+        lg: "type-badge-lg h-10 px-4 py-1.5",
+        /* `count` is a shape, not a step on the xs/sm/md/lg rail: an
+           18px disc that grows into a pill as digits are added. The
+           padding is deliberately tight (`px-1`): one digit then
+           measures under the 18px min-width, so min-width wins and the
+           disc is a true circle. Widen the padding and a single digit
+           overshoots 18px, turning it back into an oval. `tabular-nums` keeps every digit
+           the same width, so a ticking count only resizes when the
+           digit count changes, not on every update. Callers that pin
+           it over other chrome add their own knockout ring — Badge
+           cannot know what sits behind it. */
+        count: "type-badge-xs min-w-[1.125rem] h-[1.125rem] px-1 tabular-nums"
       }
     },
     defaultVariants: {
@@ -3013,25 +3026,297 @@ function ContextMenuShortcut(_a) {
   );
 }
 
+// components/ui/date-wheel-picker.tsx
+import * as React7 from "react";
+import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+var ROW = 40;
+var VISIBLE_ROWS = 5;
+var SETTLE_MS = 120;
+var toParts = (date) => ({
+  y: date.getFullYear(),
+  m: date.getMonth(),
+  d: date.getDate()
+});
+var toDate = ({ y, m, d }) => new Date(y, m, d);
+var daysIn = (y, m) => new Date(y, m + 1, 0).getDate();
+var dayStart = (date) => new Date(date.getFullYear(), date.getMonth(), date.getDate());
+function clamp(parts, min, max) {
+  const d = Math.min(parts.d, daysIn(parts.y, parts.m));
+  const date = toDate(__spreadProps(__spreadValues({}, parts), { d }));
+  if (date < min) return toParts(min);
+  if (date > max) return toParts(max);
+  return __spreadProps(__spreadValues({}, parts), { d });
+}
+function Wheel({ items, index, onIndexChange, label, className }) {
+  var _a;
+  const ref = React7.useRef(null);
+  const settleTimer = React7.useRef(null);
+  const mounted = React7.useRef(false);
+  const [live, setLive] = React7.useState(index);
+  const scrollToIndex = React7.useCallback((i, smooth) => {
+    var _a2;
+    const el = ref.current;
+    if (!el) return;
+    const reduce = (_a2 = window.matchMedia) == null ? void 0 : _a2.call(window, "(prefers-reduced-motion: reduce)").matches;
+    el.scrollTo({ top: i * ROW, behavior: smooth && !reduce ? "smooth" : "auto" });
+  }, []);
+  React7.useEffect(() => {
+    setLive(index);
+    const el = ref.current;
+    if (el && Math.round(el.scrollTop / ROW) !== index) {
+      scrollToIndex(index, mounted.current);
+    }
+    mounted.current = true;
+  }, [index, items.length, scrollToIndex]);
+  React7.useEffect(
+    () => () => {
+      if (settleTimer.current) clearTimeout(settleTimer.current);
+    },
+    []
+  );
+  const nearestEnabled = (i) => {
+    var _a2;
+    if (!((_a2 = items[i]) == null ? void 0 : _a2.disabled)) return i;
+    for (let step2 = 1; step2 < items.length; step2++) {
+      if (items[i - step2] && !items[i - step2].disabled) return i - step2;
+      if (items[i + step2] && !items[i + step2].disabled) return i + step2;
+    }
+    return i;
+  };
+  const onScroll = () => {
+    var _a2;
+    const el = ref.current;
+    if (!el) return;
+    const i = Math.max(0, Math.min(items.length - 1, Math.round(el.scrollTop / ROW)));
+    if (i !== live) {
+      setLive(i);
+      (_a2 = navigator.vibrate) == null ? void 0 : _a2.call(navigator, 4);
+    }
+    if (settleTimer.current) clearTimeout(settleTimer.current);
+    settleTimer.current = setTimeout(() => {
+      const target = nearestEnabled(i);
+      if (target !== i) {
+        setLive(target);
+        scrollToIndex(target, true);
+        if (target !== index) onIndexChange(target);
+      } else if (target !== index) onIndexChange(target);
+    }, SETTLE_MS);
+  };
+  const step = (from, delta) => {
+    var _a2;
+    let i = from;
+    for (let n = Math.abs(delta); n > 0; n--) {
+      let next = i + Math.sign(delta);
+      while ((_a2 = items[next]) == null ? void 0 : _a2.disabled) next += Math.sign(delta);
+      if (!items[next]) break;
+      i = next;
+    }
+    return i;
+  };
+  const onKeyDown = (e) => {
+    const last = items.length - 1;
+    let next = null;
+    if (e.key === "ArrowDown") next = step(index, 1);
+    else if (e.key === "ArrowUp") next = step(index, -1);
+    else if (e.key === "PageDown") next = step(index, 5);
+    else if (e.key === "PageUp") next = step(index, -5);
+    else if (e.key === "Home") next = nearestEnabled(0);
+    else if (e.key === "End") next = nearestEnabled(last);
+    if (next === null) return;
+    e.preventDefault();
+    if (next !== index) onIndexChange(next);
+  };
+  const enabled = items.filter((it) => !it.disabled);
+  return /* @__PURE__ */ jsxs15(
+    "div",
+    {
+      ref,
+      "data-slot": "date-wheel-picker-wheel",
+      role: "spinbutton",
+      tabIndex: 0,
+      "aria-label": label,
+      "aria-valuenow": index,
+      "aria-valuetext": (_a = items[index]) == null ? void 0 : _a.label,
+      "aria-valuemin": items.indexOf(enabled[0]),
+      "aria-valuemax": items.indexOf(enabled[enabled.length - 1]),
+      onScroll,
+      onKeyDown,
+      className: cn(
+        "relative z-10 h-50 min-w-0 snap-y snap-mandatory overflow-y-scroll rounded-md outline-none",
+        "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+        // Rows fade toward the edges so the wheel reads as a drum.
+        "[mask-image:linear-gradient(to_bottom,transparent,black_32%,black_68%,transparent)]",
+        "focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx23("div", { "aria-hidden": true, className: "h-20" }),
+        items.map((item, i) => /* @__PURE__ */ jsx23(
+          "div",
+          {
+            "aria-hidden": true,
+            "data-selected": i === live ? "" : void 0,
+            "data-disabled": item.disabled ? "" : void 0,
+            onClick: () => !item.disabled && scrollToIndex(i, true),
+            className: cn(
+              "type-date-wheel-picker-item flex h-10 cursor-pointer snap-center items-center justify-center whitespace-nowrap tabular-nums select-none",
+              "text-text-subtle-default transition-[color,transform] duration-fast ease-standard motion-reduce:transition-none",
+              "data-selected:scale-[1.04] data-selected:text-text-brand-selected",
+              "data-disabled:cursor-default data-disabled:text-text-disabled-default"
+            ),
+            children: item.label
+          },
+          i
+        )),
+        /* @__PURE__ */ jsx23("div", { "aria-hidden": true, className: "h-20" })
+      ]
+    }
+  );
+}
+function DateWheelPicker(_a) {
+  var _b = _a, {
+    value,
+    defaultValue,
+    onValueChange,
+    min: minProp,
+    max: maxProp,
+    order = "dmy",
+    monthFormat = "long",
+    locale,
+    className
+  } = _b, props = __objRest(_b, [
+    "value",
+    "defaultValue",
+    "onValueChange",
+    "min",
+    "max",
+    "order",
+    "monthFormat",
+    "locale",
+    "className"
+  ]);
+  const min = React7.useMemo(
+    () => dayStart(minProp != null ? minProp : new Date(1900, 0, 1)),
+    [minProp]
+  );
+  const max = React7.useMemo(
+    () => dayStart(maxProp != null ? maxProp : new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11, 31)),
+    [maxProp]
+  );
+  const [inner, setInner] = React7.useState(
+    () => clamp(toParts(defaultValue != null ? defaultValue : /* @__PURE__ */ new Date()), min, max)
+  );
+  const parts = value ? clamp(toParts(value), min, max) : clamp(inner, min, max);
+  const commit = (next) => {
+    const c = clamp(next, min, max);
+    if (!value) setInner(c);
+    if (c.y !== parts.y || c.m !== parts.m || c.d !== parts.d) {
+      onValueChange == null ? void 0 : onValueChange(toDate(c));
+    }
+  };
+  const monthNames = React7.useMemo(() => {
+    const fmt = new Intl.DateTimeFormat(locale, {
+      month: monthFormat === "numeric" ? "2-digit" : monthFormat
+    });
+    return Array.from({ length: 12 }, (_, m) => fmt.format(new Date(2e3, m, 1)));
+  }, [locale, monthFormat]);
+  const years = React7.useMemo(() => {
+    const list = [];
+    for (let y = min.getFullYear(); y <= max.getFullYear(); y++) list.push(y);
+    return list;
+  }, [min, max]);
+  const inRange = (y, m, d) => {
+    const date = new Date(y, m, d);
+    return date >= min && date <= max;
+  };
+  const dayItems = Array.from({ length: daysIn(parts.y, parts.m) }, (_, i) => ({
+    label: String(i + 1).padStart(2, "0"),
+    disabled: !inRange(parts.y, parts.m, i + 1)
+  }));
+  const monthItems = monthNames.map((label, m) => ({
+    label,
+    // A month is off only when none of its days are in range.
+    disabled: new Date(parts.y, m, daysIn(parts.y, m)) < min || new Date(parts.y, m, 1) > max
+  }));
+  const yearItems = years.map((y) => ({ label: String(y), disabled: false }));
+  const wheels = {
+    d: /* @__PURE__ */ jsx23(
+      Wheel,
+      {
+        label: "Day",
+        items: dayItems,
+        index: parts.d - 1,
+        onIndexChange: (i) => commit(__spreadProps(__spreadValues({}, parts), { d: i + 1 })),
+        className: "flex-[0.8]"
+      },
+      "d"
+    ),
+    m: /* @__PURE__ */ jsx23(
+      Wheel,
+      {
+        label: "Month",
+        items: monthItems,
+        index: parts.m,
+        onIndexChange: (i) => commit(__spreadProps(__spreadValues({}, parts), { m: i })),
+        className: monthFormat === "long" ? "flex-[1.5]" : "flex-1"
+      },
+      "m"
+    ),
+    y: /* @__PURE__ */ jsx23(
+      Wheel,
+      {
+        label: "Year",
+        items: yearItems,
+        index: parts.y - years[0],
+        onIndexChange: (i) => commit(__spreadProps(__spreadValues({}, parts), { y: years[i] })),
+        className: "flex-1"
+      },
+      "y"
+    )
+  };
+  return /* @__PURE__ */ jsxs15(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "date-wheel-picker",
+      role: "group",
+      "aria-label": "Date",
+      className: cn("relative flex w-full gap-1", className),
+      style: { height: ROW * VISIBLE_ROWS }
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx23(
+          "div",
+          {
+            "aria-hidden": true,
+            "data-slot": "date-wheel-picker-band",
+            className: "pointer-events-none absolute inset-x-0 top-20 h-10 rounded-md bg-background-brand-selected"
+          }
+        ),
+        order.split("").map((k) => wheels[k])
+      ]
+    })
+  );
+}
+
 // components/ui/drawer.tsx
 import { XIcon as XIcon2 } from "lucide-react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function Drawer(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
+  return /* @__PURE__ */ jsx24(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
 }
 function DrawerTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
+  return /* @__PURE__ */ jsx24(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
 }
 function DrawerPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
+  return /* @__PURE__ */ jsx24(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
 }
 function DrawerClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
+  return /* @__PURE__ */ jsx24(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
 }
 function DrawerOverlay(_a) {
   var _b = _a, {
@@ -3039,7 +3324,7 @@ function DrawerOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DrawerPrimitive.Overlay,
     __spreadValues({
       "data-slot": "drawer-overlay",
@@ -3060,9 +3345,9 @@ function DrawerContent(_a) {
     "children",
     "dismiss"
   ]);
-  return /* @__PURE__ */ jsxs15(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ jsx23(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsx24(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs16(
       DrawerPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "drawer-content",
@@ -3076,13 +3361,13 @@ function DrawerContent(_a) {
         )
       }, props), {
         children: [
-          dismiss === "handle" ? /* @__PURE__ */ jsx23("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-border-default-default group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }) : /* @__PURE__ */ jsx23("div", { className: "flex shrink-0 justify-end p-4 pb-0", children: /* @__PURE__ */ jsx23(DrawerPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx23(
+          dismiss === "handle" ? /* @__PURE__ */ jsx24("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-border-default-default group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }) : /* @__PURE__ */ jsx24("div", { className: "flex shrink-0 justify-end p-4 pb-0", children: /* @__PURE__ */ jsx24(DrawerPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx24(
             NavigationButton,
             {
               "data-slot": "drawer-close",
               size: "sm",
               "aria-label": "Close",
-              children: /* @__PURE__ */ jsx23(XIcon2, { className: "size-4" })
+              children: /* @__PURE__ */ jsx24(XIcon2, { className: "size-4" })
             }
           ) }) }),
           children
@@ -3093,7 +3378,7 @@ function DrawerContent(_a) {
 }
 function DrawerHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     __spreadValues({
       "data-slot": "drawer-header",
@@ -3106,7 +3391,7 @@ function DrawerHeader(_a) {
 }
 function DrawerFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "div",
     __spreadValues({
       "data-slot": "drawer-footer",
@@ -3120,7 +3405,7 @@ function DrawerTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DrawerPrimitive.Title,
     __spreadValues({
       "data-slot": "drawer-title",
@@ -3134,7 +3419,7 @@ function DrawerDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DrawerPrimitive.Description,
     __spreadValues({
       "data-slot": "drawer-description",
@@ -3146,18 +3431,18 @@ function DrawerDescription(_a) {
 // components/ui/dropdown-menu.tsx
 import { CheckIcon as CheckIcon4, ChevronRightIcon as ChevronRightIcon4, CircleIcon as CircleIcon2 } from "lucide-react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
 }
 function DropdownMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
 }
 function DropdownMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Trigger,
     __spreadValues({
       "data-slot": "dropdown-menu-trigger"
@@ -3172,7 +3457,7 @@ function DropdownMenuContent(_a) {
     "className",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "dropdown-menu-content",
@@ -3186,7 +3471,7 @@ function DropdownMenuContent(_a) {
 }
 function DropdownMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
 }
 function DropdownMenuItem(_a) {
   var _b = _a, {
@@ -3198,7 +3483,7 @@ function DropdownMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "dropdown-menu-item",
@@ -3221,7 +3506,7 @@ function DropdownMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     DropdownMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-checkbox-item",
@@ -3232,7 +3517,7 @@ function DropdownMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx24("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CheckIcon4, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx25("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(CheckIcon4, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -3240,7 +3525,7 @@ function DropdownMenuCheckboxItem(_a) {
 }
 function DropdownMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.RadioGroup,
     __spreadValues({
       "data-slot": "dropdown-menu-radio-group"
@@ -3255,7 +3540,7 @@ function DropdownMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     DropdownMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-radio-item",
@@ -3265,7 +3550,7 @@ function DropdownMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx24("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CircleIcon2, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx25("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(CircleIcon2, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -3279,7 +3564,7 @@ function DropdownMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Label,
     __spreadValues({
       "data-slot": "dropdown-menu-label",
@@ -3297,7 +3582,7 @@ function DropdownMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       "data-slot": "dropdown-menu-separator",
@@ -3311,7 +3596,7 @@ function DropdownMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "span",
     __spreadValues({
       "data-slot": "dropdown-menu-shortcut",
@@ -3324,7 +3609,7 @@ function DropdownMenuShortcut(_a) {
 }
 function DropdownMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
 }
 function DropdownMenuSubTrigger(_a) {
   var _b = _a, {
@@ -3336,7 +3621,7 @@ function DropdownMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     DropdownMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-sub-trigger",
@@ -3348,7 +3633,7 @@ function DropdownMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx24(ChevronRightIcon4, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx25(ChevronRightIcon4, { className: "ml-auto size-4" })
       ]
     })
   );
@@ -3359,7 +3644,7 @@ function DropdownMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.SubContent,
     __spreadValues({
       "data-slot": "dropdown-menu-sub-content",
@@ -3373,10 +3658,10 @@ function DropdownMenuSubContent(_a) {
 
 // components/ui/empty.tsx
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Empty(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "empty",
@@ -3389,7 +3674,7 @@ function Empty(_a) {
 }
 function EmptyHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "empty-header",
@@ -3422,7 +3707,7 @@ function EmptyMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "empty-icon",
@@ -3433,7 +3718,7 @@ function EmptyMedia(_a) {
 }
 function EmptyTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "empty-title",
@@ -3443,7 +3728,7 @@ function EmptyTitle(_a) {
 }
 function EmptyDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "empty-description",
@@ -3456,7 +3741,7 @@ function EmptyDescription(_a) {
 }
 function EmptyContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "empty-content",
@@ -3469,20 +3754,20 @@ function EmptyContent(_a) {
 }
 
 // components/ui/field.tsx
-import * as React7 from "react";
-import { useMemo as useMemo2 } from "react";
+import * as React8 from "react";
+import { useMemo as useMemo3 } from "react";
 import { cva as cva7 } from "class-variance-authority";
 
 // components/ui/label.tsx
 import { Label as LabelPrimitive } from "radix-ui";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function Label(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     LabelPrimitive.Root,
     __spreadValues({
       "data-slot": "label",
@@ -3498,7 +3783,7 @@ function Label(_a) {
 
 // components/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Separator(_a) {
   var _b = _a, {
     className,
@@ -3509,7 +3794,7 @@ function Separator(_a) {
     "orientation",
     "decorative"
   ]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     SeparatorPrimitive.Root,
     __spreadValues({
       "data-slot": "separator",
@@ -3524,10 +3809,10 @@ function Separator(_a) {
 }
 
 // components/ui/field.tsx
-import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
-var FieldSizeContext = React7.createContext("md");
+import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
+var FieldSizeContext = React8.createContext("md");
 function useFieldSize() {
-  return React7.useContext(FieldSizeContext);
+  return React8.useContext(FieldSizeContext);
 }
 var fieldLabelType = {
   sm: "type-field-label-sm",
@@ -3536,7 +3821,7 @@ var fieldLabelType = {
 };
 function FieldSet(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "fieldset",
     __spreadValues({
       "data-slot": "field-set",
@@ -3556,7 +3841,7 @@ function FieldLegend(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "legend",
     __spreadValues({
       "data-slot": "field-legend",
@@ -3573,7 +3858,7 @@ function FieldLegend(_a) {
 }
 function FieldGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     __spreadValues({
       "data-slot": "field-group",
@@ -3623,7 +3908,7 @@ function Field(_a) {
     "orientation",
     "size"
   ]);
-  return /* @__PURE__ */ jsx28(FieldSizeContext.Provider, { value: size != null ? size : "md", children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(FieldSizeContext.Provider, { value: size != null ? size : "md", children: /* @__PURE__ */ jsx29(
     "div",
     __spreadValues({
       role: "group",
@@ -3636,7 +3921,7 @@ function Field(_a) {
 }
 function FieldContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     __spreadValues({
       "data-slot": "field-content",
@@ -3654,7 +3939,7 @@ function FieldLabel(_a) {
     "className"
   ]);
   const size = useFieldSize();
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     Label,
     __spreadValues({
       "data-slot": "field-label",
@@ -3671,7 +3956,7 @@ function FieldLabel(_a) {
 function FieldTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const size = useFieldSize();
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     __spreadValues({
       "data-slot": "field-label",
@@ -3685,7 +3970,7 @@ function FieldTitle(_a) {
 }
 function FieldDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "p",
     __spreadValues({
       "data-slot": "field-description",
@@ -3706,7 +3991,7 @@ function FieldSeparator(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "field-separator",
@@ -3717,8 +4002,8 @@ function FieldSeparator(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx28(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx29(
           "span",
           {
             className: "relative mx-auto block w-fit bg-background-primary-surface px-2 text-text-subtle-default",
@@ -3740,7 +4025,7 @@ function FieldError(_a) {
     "children",
     "errors"
   ]);
-  const content = useMemo2(() => {
+  const content = useMemo3(() => {
     var _a2;
     if (children) {
       return children;
@@ -3754,14 +4039,14 @@ function FieldError(_a) {
     if ((uniqueErrors == null ? void 0 : uniqueErrors.length) == 1) {
       return (_a2 = uniqueErrors[0]) == null ? void 0 : _a2.message;
     }
-    return /* @__PURE__ */ jsx28("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx28("li", { children: error.message }, index)
+    return /* @__PURE__ */ jsx29("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx29("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     __spreadProps(__spreadValues({
       role: "alert",
@@ -3775,14 +4060,14 @@ function FieldError(_a) {
 
 // components/ui/hover-card.tsx
 import { HoverCard as HoverCardPrimitive } from "radix-ui";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function HoverCard(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx29(HoverCardPrimitive.Root, __spreadValues({ "data-slot": "hover-card" }, props));
+  return /* @__PURE__ */ jsx30(HoverCardPrimitive.Root, __spreadValues({ "data-slot": "hover-card" }, props));
 }
 function HoverCardTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx29(HoverCardPrimitive.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
+  return /* @__PURE__ */ jsx30(HoverCardPrimitive.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
 }
 function HoverCardContent(_a) {
   var _b = _a, {
@@ -3794,7 +4079,7 @@ function HoverCardContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx29(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx30(
     HoverCardPrimitive.Content,
     __spreadValues({
       "data-slot": "hover-card-content",
@@ -3810,7 +4095,7 @@ function HoverCardContent(_a) {
 
 // components/ui/input.tsx
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var inputVariants = cva8(
   [
     "w-full min-w-0 rounded-xs border font-body transition-[color,box-shadow] outline-none",
@@ -3881,7 +4166,7 @@ function Input(_a) {
   ]);
   const fieldSize = useFieldSize();
   const resolvedSize = size != null ? size : fieldSize;
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "input",
     __spreadValues({
       type,
@@ -3894,14 +4179,14 @@ function Input(_a) {
 }
 
 // components/ui/input-group.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { cva as cva9 } from "class-variance-authority";
 
 // components/ui/textarea.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function Textarea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "textarea",
     __spreadValues({
       "data-slot": "textarea",
@@ -3914,9 +4199,9 @@ function Textarea(_a) {
 }
 
 // components/ui/input-group.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
-var InputGroupSizeContext = React8.createContext("md");
-var InputGroupVariantContext = React8.createContext("default");
+import { jsx as jsx33 } from "react/jsx-runtime";
+var InputGroupSizeContext = React9.createContext("md");
+var InputGroupVariantContext = React9.createContext("default");
 var inputGroupVariants = cva9(
   [
     "group/input-group relative flex w-full items-center rounded-xs border",
@@ -3975,11 +4260,11 @@ function InputGroup(_a) {
   ]);
   const fieldSize = useFieldSize();
   const resolvedSize = size != null ? size : fieldSize;
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     InputGroupVariantContext.Provider,
     {
       value: variant,
-      children: /* @__PURE__ */ jsx32(InputGroupSizeContext.Provider, { value: resolvedSize, children: /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsx33(InputGroupSizeContext.Provider, { value: resolvedSize, children: /* @__PURE__ */ jsx33(
         "div",
         __spreadValues({
           "data-slot": "input-group",
@@ -4034,7 +4319,7 @@ function InputGroupAddon(_a) {
     "className",
     "align"
   ]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     __spreadValues({
       role: "group",
@@ -4081,7 +4366,7 @@ function InputGroupButton(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     Button,
     __spreadValues({
       type,
@@ -4094,7 +4379,7 @@ function InputGroupButton(_a) {
 }
 function InputGroupText(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "span",
     __spreadValues({
       className: cn(
@@ -4123,11 +4408,11 @@ function InputGroupInput(_a) {
     "size",
     "variant"
   ]);
-  const groupSize = React8.useContext(InputGroupSizeContext);
-  const groupVariant = React8.useContext(InputGroupVariantContext);
+  const groupSize = React9.useContext(InputGroupSizeContext);
+  const groupVariant = React9.useContext(InputGroupVariantContext);
   const size = sizeProp != null ? sizeProp : groupSize;
   const variant = variantProp != null ? variantProp : groupVariant;
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     Input,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -4146,7 +4431,7 @@ function InputGroupTextarea(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     Textarea,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -4159,10 +4444,10 @@ function InputGroupTextarea(_a) {
 }
 
 // components/ui/input-otp.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
 function InputOTP(_a) {
   var _b = _a, {
     className,
@@ -4171,7 +4456,7 @@ function InputOTP(_a) {
     "className",
     "containerClassName"
   ]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     OTPInput,
     __spreadValues({
       "data-slot": "input-otp",
@@ -4185,7 +4470,7 @@ function InputOTP(_a) {
 }
 function InputOTPGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "input-otp-group",
@@ -4202,9 +4487,9 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React9.useContext(OTPInputContext);
+  const inputOTPContext = React10.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) != null ? _a2 : {};
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "input-otp-slot",
@@ -4216,20 +4501,20 @@ function InputOTPSlot(_a) {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx33("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx33("div", { className: "h-4 w-px animate-caret-blink bg-text-prominent-default duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx34("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx34("div", { className: "h-4 w-px animate-caret-blink bg-text-prominent-default duration-1000" }) })
       ]
     })
   );
 }
 function InputOTPSeparator(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx33("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx33(MinusIcon, {}) }));
+  return /* @__PURE__ */ jsx34("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx34(MinusIcon, {}) }));
 }
 
 // components/ui/item.tsx
 import { cva as cva10 } from "class-variance-authority";
 import { Slot as Slot6 } from "radix-ui";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function ItemGroup(_a) {
   var _b = _a, {
     className,
@@ -4238,7 +4523,7 @@ function ItemGroup(_a) {
     "className",
     "divider"
   ]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       role: "list",
@@ -4271,7 +4556,7 @@ function ItemSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     Separator,
     __spreadValues({
       "data-slot": "item-separator",
@@ -4281,12 +4566,21 @@ function ItemSeparator(_a) {
   );
 }
 var itemVariants = cva10(
-  "group/item type-item-description flex flex-wrap items-center rounded-md border border-transparent transition-colors duration-instant outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong [a]:transition-colors [a]:hover:bg-background-hover-default",
+  "group/item type-item-description flex flex-wrap items-center rounded-2xl border border-transparent transition-colors duration-instant outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong [a]:transition-colors [a]:hover:bg-background-hover-default",
   {
     variants: {
       variant: {
         default: "bg-transparent",
         outline: "border-border-default-default text-text-prominent-default hover:bg-background-hover-default",
+        /* `fill` is `outline` plus a solid surface: a bordered card that reads
+           as its own plane on the page canvas, the wallet-ledger pattern.
+           Its hover steps primary -> secondary surface like the default Chip,
+           because the shared `background-hover-default` glaze is translucent —
+           laid over a filled row it would let the canvas show through instead
+           of darkening the fill. The `[a]:` rule repeats for the same reason:
+           the base link hover is that same glaze and outranks a plain
+           `hover:` on an anchor. */
+        fill: "bg-background-primary-surface border-border-default-default text-text-prominent-default hover:bg-background-secondary-surface [a]:hover:bg-background-secondary-surface",
         muted: "bg-background-secondary-surface"
       },
       size: {
@@ -4313,7 +4607,7 @@ function Item(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot6.Root : "div";
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     Comp,
     __spreadValues({
       "data-slot": "item",
@@ -4346,7 +4640,7 @@ function ItemMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       "data-slot": "item-media",
@@ -4357,7 +4651,7 @@ function ItemMedia(_a) {
 }
 function ItemContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       "data-slot": "item-content",
@@ -4370,7 +4664,7 @@ function ItemContent(_a) {
 }
 function ItemTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       "data-slot": "item-title",
@@ -4383,7 +4677,7 @@ function ItemTitle(_a) {
 }
 function ItemDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "p",
     __spreadValues({
       "data-slot": "item-description",
@@ -4397,7 +4691,7 @@ function ItemDescription(_a) {
 }
 function ItemActions(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       "data-slot": "item-actions",
@@ -4407,7 +4701,7 @@ function ItemActions(_a) {
 }
 function ItemHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       "data-slot": "item-header",
@@ -4420,7 +4714,7 @@ function ItemHeader(_a) {
 }
 function ItemFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     __spreadValues({
       "data-slot": "item-footer",
@@ -4435,7 +4729,7 @@ function ItemFooter(_a) {
 // components/ui/link.tsx
 import { cva as cva11 } from "class-variance-authority";
 import { Slot as Slot7 } from "radix-ui";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var linkVariants = cva11(
   [
     "inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong active:opacity-60 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:inline font-display normal-case",
@@ -4477,7 +4771,7 @@ function Link(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot7.Root : "a";
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     Comp,
     __spreadValues({
       "data-slot": "link",
@@ -4491,14 +4785,14 @@ function Link(_a) {
 // components/ui/menubar.tsx
 import { CheckIcon as CheckIcon5, ChevronRightIcon as ChevronRightIcon5, CircleIcon as CircleIcon3 } from "lucide-react";
 import { Menubar as MenubarPrimitive } from "radix-ui";
-import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
 function Menubar(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Root,
     __spreadValues({
       "data-slot": "menubar",
@@ -4511,19 +4805,19 @@ function Menubar(_a) {
 }
 function MenubarMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
 }
 function MenubarGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
 }
 function MenubarPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
 }
 function MenubarRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
 }
 function MenubarTrigger(_a) {
   var _b = _a, {
@@ -4531,7 +4825,7 @@ function MenubarTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Trigger,
     __spreadValues({
       "data-slot": "menubar-trigger",
@@ -4554,7 +4848,7 @@ function MenubarContent(_a) {
     "alignOffset",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx36(MenubarPortal, { children: /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(MenubarPortal, { children: /* @__PURE__ */ jsx37(
     MenubarPrimitive.Content,
     __spreadValues({
       "data-slot": "menubar-content",
@@ -4578,7 +4872,7 @@ function MenubarItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Item,
     __spreadValues({
       "data-slot": "menubar-item",
@@ -4601,7 +4895,7 @@ function MenubarCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     MenubarPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-checkbox-item",
@@ -4612,7 +4906,7 @@ function MenubarCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx36("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CheckIcon5, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx37("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(CheckIcon5, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -4626,7 +4920,7 @@ function MenubarRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     MenubarPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-radio-item",
@@ -4636,7 +4930,7 @@ function MenubarRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx36("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CircleIcon3, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx37("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(CircleIcon3, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -4650,7 +4944,7 @@ function MenubarLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Label,
     __spreadValues({
       "data-slot": "menubar-label",
@@ -4668,7 +4962,7 @@ function MenubarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.Separator,
     __spreadValues({
       "data-slot": "menubar-separator",
@@ -4682,7 +4976,7 @@ function MenubarShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "span",
     __spreadValues({
       "data-slot": "menubar-shortcut",
@@ -4695,7 +4989,7 @@ function MenubarShortcut(_a) {
 }
 function MenubarSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
+  return /* @__PURE__ */ jsx37(MenubarPrimitive.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
 }
 function MenubarSubTrigger(_a) {
   var _b = _a, {
@@ -4707,7 +5001,7 @@ function MenubarSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     MenubarPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-sub-trigger",
@@ -4719,7 +5013,7 @@ function MenubarSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx36(ChevronRightIcon5, { className: "ml-auto" })
+        /* @__PURE__ */ jsx37(ChevronRightIcon5, { className: "ml-auto" })
       ]
     })
   );
@@ -4730,7 +5024,7 @@ function MenubarSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     MenubarPrimitive.SubContent,
     __spreadValues({
       "data-slot": "menubar-sub-content",
@@ -4744,7 +5038,7 @@ function MenubarSubContent(_a) {
 
 // components/ui/native-select.tsx
 import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
 var sizeClasses = {
   sm: "type-native-select-sm h-8 py-1",
   md: "type-native-select-md h-10 py-2",
@@ -4760,13 +5054,13 @@ function NativeSelect(_a) {
   ]);
   const fieldSize = useFieldSize();
   const resolvedSize = size === "default" || size == null ? size == null ? fieldSize : "md" : size;
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       className: "group/native-select relative w-fit has-[select:disabled]:text-text-disabled-default",
       "data-slot": "native-select-wrapper",
       children: [
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           "select",
           __spreadValues({
             "data-slot": "native-select",
@@ -4779,7 +5073,7 @@ function NativeSelect(_a) {
             )
           }, props)
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           ChevronDownIcon4,
           {
             className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-icon-subtle-default select-none group-has-[select:disabled]/native-select:text-icon-disabled-default",
@@ -4793,7 +5087,7 @@ function NativeSelect(_a) {
 }
 function NativeSelectOption(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx37("option", __spreadValues({ "data-slot": "native-select-option" }, props));
+  return /* @__PURE__ */ jsx38("option", __spreadValues({ "data-slot": "native-select-option" }, props));
 }
 function NativeSelectOptGroup(_a) {
   var _b = _a, {
@@ -4801,7 +5095,7 @@ function NativeSelectOptGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "optgroup",
     __spreadValues({
       "data-slot": "native-select-optgroup",
@@ -4814,7 +5108,7 @@ function NativeSelectOptGroup(_a) {
 import { cva as cva12 } from "class-variance-authority";
 import { ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
 import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
-import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
 function NavigationMenu(_a) {
   var _b = _a, {
     className,
@@ -4825,7 +5119,7 @@ function NavigationMenu(_a) {
     "children",
     "viewport"
   ]);
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     NavigationMenuPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu",
@@ -4837,7 +5131,7 @@ function NavigationMenu(_a) {
     }, props), {
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx38(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx39(NavigationMenuViewport, {})
       ]
     })
   );
@@ -4848,7 +5142,7 @@ function NavigationMenuList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     NavigationMenuPrimitive.List,
     __spreadValues({
       "data-slot": "navigation-menu-list",
@@ -4865,7 +5159,7 @@ function NavigationMenuItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     NavigationMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "navigation-menu-item",
@@ -4884,7 +5178,7 @@ function NavigationMenuTrigger(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     NavigationMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-trigger",
@@ -4893,7 +5187,7 @@ function NavigationMenuTrigger(_a) {
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           ChevronDownIcon5,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-slow group-data-[state=open]:rotate-180",
@@ -4910,7 +5204,7 @@ function NavigationMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "navigation-menu-content",
@@ -4928,13 +5222,13 @@ function NavigationMenuViewport(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx39(
         NavigationMenuPrimitive.Viewport,
         __spreadValues({
           "data-slot": "navigation-menu-viewport",
@@ -4953,7 +5247,7 @@ function NavigationMenuLink(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     NavigationMenuPrimitive.Link,
     __spreadValues({
       "data-slot": "navigation-menu-link",
@@ -4970,7 +5264,7 @@ function NavigationMenuIndicator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-indicator",
@@ -4979,15 +5273,15 @@ function NavigationMenuIndicator(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx38("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-default-default" })
+      children: /* @__PURE__ */ jsx39("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-default-default" })
     })
   );
 }
 
 // components/ui/numpad.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import { Delete } from "lucide-react";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var LONG_PRESS_MS = 600;
 function Numpad(_a) {
   var _b = _a, {
@@ -5003,8 +5297,8 @@ function Numpad(_a) {
     "decimal",
     "disabled"
   ]);
-  const holdTimer = React10.useRef(null);
-  const longPressFired = React10.useRef(false);
+  const holdTimer = React11.useRef(null);
+  const longPressFired = React11.useRef(false);
   const startHold = () => {
     longPressFired.current = false;
     holdTimer.current = setTimeout(() => {
@@ -5016,7 +5310,7 @@ function Numpad(_a) {
     if (holdTimer.current) clearTimeout(holdTimer.current);
     holdTimer.current = null;
   };
-  React10.useEffect(() => cancelHold, []);
+  React11.useEffect(() => cancelHold, []);
   const keys = [
     "1",
     "2",
@@ -5031,7 +5325,7 @@ function Numpad(_a) {
     "0",
     "backspace"
   ];
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "numpad",
@@ -5044,7 +5338,7 @@ function Numpad(_a) {
       )
     }, props), {
       children: keys.map(
-        (key, i) => key === null ? /* @__PURE__ */ jsx39("span", { "aria-hidden": true }, `empty-${i}`) : /* @__PURE__ */ jsx39(
+        (key, i) => key === null ? /* @__PURE__ */ jsx40("span", { "aria-hidden": true }, `empty-${i}`) : /* @__PURE__ */ jsx40(
           "button",
           {
             type: "button",
@@ -5069,7 +5363,7 @@ function Numpad(_a) {
               }
               onKeyPress == null ? void 0 : onKeyPress(key);
             },
-            children: key === "backspace" ? /* @__PURE__ */ jsx39(Delete, { className: "size-5.5" }) : key
+            children: key === "backspace" ? /* @__PURE__ */ jsx40(Delete, { className: "size-5.5" }) : key
           },
           key
         )
@@ -5080,14 +5374,14 @@ function Numpad(_a) {
 
 // components/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx40(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ jsx41(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx40(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ jsx41(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -5099,7 +5393,7 @@ function PopoverContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx40(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx41(
     PopoverPrimitive.Content,
     __spreadValues({
       "data-slot": "popover-content",
@@ -5114,11 +5408,11 @@ function PopoverContent(_a) {
 }
 function PopoverAnchor(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx40(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
+  return /* @__PURE__ */ jsx41(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
 }
 function PopoverHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "div",
     __spreadValues({
       "data-slot": "popover-header",
@@ -5128,7 +5422,7 @@ function PopoverHeader(_a) {
 }
 function PopoverTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "div",
     __spreadValues({
       "data-slot": "popover-title",
@@ -5142,7 +5436,7 @@ function PopoverDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "p",
     __spreadValues({
       "data-slot": "popover-description",
@@ -5152,9 +5446,9 @@ function PopoverDescription(_a) {
 }
 
 // components/ui/progress.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import { Progress as ProgressPrimitive } from "radix-ui";
-import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
 var BAR_HEIGHTS = {
   sm: "h-1",
   md: "h-2",
@@ -5197,11 +5491,11 @@ function Progress(_a) {
     "onTimerEnd",
     "children"
   ]);
-  const [timerPct, setTimerPct] = React11.useState(
+  const [timerPct, setTimerPct] = React12.useState(
     timer != null ? direction === "up" ? 0 : 100 : null
   );
-  const endedRef = React11.useRef(false);
-  React11.useEffect(() => {
+  const endedRef = React12.useRef(false);
+  React12.useEffect(() => {
     if (timer == null) {
       setTimerPct(null);
       return;
@@ -5227,7 +5521,7 @@ function Progress(_a) {
   const content = typeof children === "function" ? children(pct) : children;
   if (variant === "dots") {
     const filled = Math.round(pct / 100 * segments);
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "progress",
@@ -5238,7 +5532,7 @@ function Progress(_a) {
         "aria-valuenow": pct,
         className: cn("flex items-center gap-1", className)
       }, props), {
-        children: Array.from({ length: segments }, (_, i) => /* @__PURE__ */ jsx41(
+        children: Array.from({ length: segments }, (_, i) => /* @__PURE__ */ jsx42(
           "span",
           {
             "data-slot": "progress-dot",
@@ -5257,7 +5551,7 @@ function Progress(_a) {
   if (variant === "ring") {
     const { box, r, stroke } = RINGS[size in RINGS ? size : "md"];
     const circumference = 2 * Math.PI * r;
-    return /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsxs23(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "progress",
@@ -5270,14 +5564,14 @@ function Progress(_a) {
         style: { width: box, height: box }
       }, props), {
         children: [
-          /* @__PURE__ */ jsxs22(
+          /* @__PURE__ */ jsxs23(
             "svg",
             {
               viewBox: `0 0 ${box} ${box}`,
               className: "absolute inset-0 -rotate-90",
               "aria-hidden": true,
               children: [
-                /* @__PURE__ */ jsx41(
+                /* @__PURE__ */ jsx42(
                   "circle",
                   {
                     cx: box / 2,
@@ -5288,7 +5582,7 @@ function Progress(_a) {
                     strokeWidth: stroke
                   }
                 ),
-                pct > 0 && /* @__PURE__ */ jsx41(
+                pct > 0 && /* @__PURE__ */ jsx42(
                   "circle",
                   {
                     "data-slot": "progress-ring-fill",
@@ -5309,12 +5603,12 @@ function Progress(_a) {
               ]
             }
           ),
-          content != null && /* @__PURE__ */ jsx41("span", { className: "type-progress-value relative text-text-prominent-default", children: content })
+          content != null && /* @__PURE__ */ jsx42("span", { className: "type-progress-value relative text-text-prominent-default", children: content })
         ]
       })
     );
   }
-  const bar = /* @__PURE__ */ jsx41(
+  const bar = /* @__PURE__ */ jsx42(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "progress",
@@ -5328,7 +5622,7 @@ function Progress(_a) {
         label == null && valueLabel == null && className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx41(
+      children: /* @__PURE__ */ jsx42(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -5342,10 +5636,10 @@ function Progress(_a) {
     })
   );
   if (label == null && valueLabel == null) return bar;
-  return /* @__PURE__ */ jsxs22("div", { "data-slot": "progress-meter", className: cn("flex w-full flex-col gap-1.5", className), children: [
-    /* @__PURE__ */ jsxs22("div", { className: "flex items-baseline justify-between gap-3", children: [
-      label != null && /* @__PURE__ */ jsx41("span", { className: "type-progress-label text-text-prominent-default", children: label }),
-      valueLabel != null && /* @__PURE__ */ jsx41("span", { className: "type-progress-label ml-auto text-text-subtle-default tabular-nums", children: valueLabel })
+  return /* @__PURE__ */ jsxs23("div", { "data-slot": "progress-meter", className: cn("flex w-full flex-col gap-1.5", className), children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-baseline justify-between gap-3", children: [
+      label != null && /* @__PURE__ */ jsx42("span", { className: "type-progress-label text-text-prominent-default", children: label }),
+      valueLabel != null && /* @__PURE__ */ jsx42("span", { className: "type-progress-label ml-auto text-text-subtle-default tabular-nums", children: valueLabel })
     ] }),
     bar
   ] });
@@ -5353,7 +5647,7 @@ function Progress(_a) {
 
 // components/ui/profile-photo.tsx
 import { Camera, User } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
 var BOX = 112;
 var PHOTO = 96;
 var STROKE = 5;
@@ -5380,7 +5674,7 @@ function ProfilePhoto(_a) {
   ]);
   const pct = Math.min(100, Math.max(0, progress));
   const complete = pct >= 100;
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "profile-photo",
@@ -5390,14 +5684,14 @@ function ProfilePhoto(_a) {
       style: { width: BOX, height: BOX }
     }, props), {
       children: [
-        /* @__PURE__ */ jsxs23(
+        /* @__PURE__ */ jsxs24(
           "svg",
           {
             viewBox: `0 0 ${BOX} ${BOX}`,
             "aria-hidden": "true",
             className: "absolute inset-0 size-full rotate-90",
             children: [
-              /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsx43(
                 "circle",
                 {
                   cx: BOX / 2,
@@ -5408,7 +5702,7 @@ function ProfilePhoto(_a) {
                   strokeWidth: STROKE
                 }
               ),
-              /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsx43(
                 "circle",
                 {
                   "data-slot": "profile-photo-ring",
@@ -5427,19 +5721,19 @@ function ProfilePhoto(_a) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx43(
           "div",
           {
             "data-slot": "profile-photo-image",
             className: "absolute flex items-center justify-center overflow-hidden rounded-full bg-background-secondary-surface",
             style: { inset: INSET },
-            children: src ? /* @__PURE__ */ jsx42("img", { src, alt, className: "size-full object-cover" }) : /* @__PURE__ */ jsx42(User, { className: "size-10 text-icon-subtle-default", strokeWidth: 1.5, "aria-hidden": "true" })
+            children: src ? /* @__PURE__ */ jsx43("img", { src, alt, className: "size-full object-cover" }) : /* @__PURE__ */ jsx43(User, { className: "size-10 text-icon-subtle-default", strokeWidth: 1.5, "aria-hidden": "true" })
           }
         ),
         onPhotoChange ? (
           // 24px keeps the chip subordinate to the photo; the ::after extends the
           // hit area to ~44px so it still meets the touch-target minimum.
-          /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsx43(
             Button,
             {
               variant: "primary",
@@ -5448,11 +5742,11 @@ function ProfilePhoto(_a) {
               onClick: onPhotoChange,
               "data-slot": "profile-photo-camera",
               className: "absolute right-0.5 bottom-5 rounded-full border-2 border-prominent after:absolute after:-inset-2.5 after:content-['']",
-              children: /* @__PURE__ */ jsx42(Camera, {})
+              children: /* @__PURE__ */ jsx43(Camera, {})
             }
           )
         ) : null,
-        status ? /* @__PURE__ */ jsx42(
+        status ? /* @__PURE__ */ jsx43(
           "div",
           {
             "data-slot": "profile-photo-status",
@@ -5468,14 +5762,14 @@ function ProfilePhoto(_a) {
 // components/ui/radio-group.tsx
 import { CircleIcon as CircleIcon4 } from "lucide-react";
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function RadioGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     RadioGroupPrimitive.Root,
     __spreadValues({
       "data-slot": "radio-group",
@@ -5489,7 +5783,7 @@ function RadioGroupItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "radio-group-item",
@@ -5498,12 +5792,12 @@ function RadioGroupItem(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx43(
+      children: /* @__PURE__ */ jsx44(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx43(CircleIcon4, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-text-brand-selected text-background-brand-default" })
+          children: /* @__PURE__ */ jsx44(CircleIcon4, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-text-brand-selected text-background-brand-default" })
         }
       )
     })
@@ -5513,14 +5807,14 @@ function RadioGroupItem(_a) {
 // components/ui/resizable.tsx
 import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function ResizablePanelGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     ResizablePrimitive.Group,
     __spreadValues({
       "data-slot": "resizable-panel-group",
@@ -5533,7 +5827,7 @@ function ResizablePanelGroup(_a) {
 }
 function ResizablePanel(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx44(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
+  return /* @__PURE__ */ jsx45(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
 }
 function ResizableHandle(_a) {
   var _b = _a, {
@@ -5543,7 +5837,7 @@ function ResizableHandle(_a) {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       "data-slot": "resizable-handle",
@@ -5552,14 +5846,14 @@ function ResizableHandle(_a) {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ jsx44("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border-default-default bg-border-default-default text-icon-subtle-default", children: /* @__PURE__ */ jsx44(GripVerticalIcon, { className: "size-2.5" }) })
+      children: withHandle && /* @__PURE__ */ jsx45("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border-default-default bg-border-default-default text-icon-subtle-default", children: /* @__PURE__ */ jsx45(GripVerticalIcon, { className: "size-2.5" }) })
     })
   );
 }
 
 // components/ui/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { jsx as jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
 function ScrollArea(_a) {
   var _b = _a, {
     className,
@@ -5568,14 +5862,14 @@ function ScrollArea(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     ScrollAreaPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area",
       className: cn("relative", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -5583,8 +5877,8 @@ function ScrollArea(_a) {
             children
           }
         ),
-        /* @__PURE__ */ jsx45(ScrollBar, {}),
-        /* @__PURE__ */ jsx45(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx46(ScrollBar, {}),
+        /* @__PURE__ */ jsx46(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
@@ -5597,7 +5891,7 @@ function ScrollBar(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area-scrollbar",
@@ -5609,7 +5903,7 @@ function ScrollBar(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx45(
+      children: /* @__PURE__ */ jsx46(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -5623,22 +5917,22 @@ function ScrollBar(_a) {
 // components/ui/sheet.tsx
 import { XIcon as XIcon3 } from "lucide-react";
 import { Dialog as SheetPrimitive } from "radix-ui";
-import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs26 } from "react/jsx-runtime";
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx46(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ jsx47(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx46(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+  return /* @__PURE__ */ jsx47(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
 }
 function SheetClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx46(SheetPrimitive.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
+  return /* @__PURE__ */ jsx47(SheetPrimitive.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx46(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ jsx47(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -5646,7 +5940,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     SheetPrimitive.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
@@ -5669,9 +5963,9 @@ function SheetContent(_a) {
     "side",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs25(SheetPortal, { children: [
-    /* @__PURE__ */ jsx46(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(SheetPortal, { children: [
+    /* @__PURE__ */ jsx47(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs26(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "sheet-content",
@@ -5686,14 +5980,14 @@ function SheetContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsx46(SheetPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx46(
+          showCloseButton && /* @__PURE__ */ jsx47(SheetPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx47(
             NavigationButton,
             {
               "data-slot": "sheet-close",
               size: "sm",
               "aria-label": "Close",
               className: "absolute top-4 right-4",
-              children: /* @__PURE__ */ jsx46(XIcon3, { className: "size-4" })
+              children: /* @__PURE__ */ jsx47(XIcon3, { className: "size-4" })
             }
           ) })
         ]
@@ -5703,7 +5997,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -5713,7 +6007,7 @@ function SheetHeader(_a) {
 }
 function SheetFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     __spreadValues({
       "data-slot": "sheet-footer",
@@ -5727,7 +6021,7 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     SheetPrimitive.Title,
     __spreadValues({
       "data-slot": "sheet-title",
@@ -5741,7 +6035,7 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     SheetPrimitive.Description,
     __spreadValues({
       "data-slot": "sheet-description",
@@ -5751,17 +6045,17 @@ function SheetDescription(_a) {
 }
 
 // components/ui/sidebar.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { cva as cva13 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
 import { Slot as Slot8 } from "radix-ui";
 
 // hooks/use-mobile.ts
-import * as React12 from "react";
+import * as React13 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React12.useState(void 0);
-  React12.useEffect(() => {
+  const [isMobile, setIsMobile] = React13.useState(void 0);
+  React13.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -5774,10 +6068,10 @@ function useIsMobile() {
 }
 
 // components/ui/skeleton.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function Skeleton(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     __spreadValues({
       "data-slot": "skeleton",
@@ -5791,17 +6085,17 @@ function Skeleton(_a) {
 }
 
 // components/ui/tooltip.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
-var TooltipModeContext = React13.createContext("tooltip");
+import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
+var TooltipModeContext = React14.createContext("tooltip");
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     TooltipPrimitive.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -5818,9 +6112,9 @@ function Tooltip(_a) {
   const isMobile = useIsMobile();
   const mode = isMobile ? "drawer" : "tooltip";
   if (mode === "drawer") {
-    return /* @__PURE__ */ jsx48(TooltipModeContext.Provider, { value: "drawer", children: /* @__PURE__ */ jsx48(Drawer, { children }) });
+    return /* @__PURE__ */ jsx49(TooltipModeContext.Provider, { value: "drawer", children: /* @__PURE__ */ jsx49(Drawer, { children }) });
   }
-  return /* @__PURE__ */ jsx48(TooltipModeContext.Provider, { value: "tooltip", children: /* @__PURE__ */ jsx48(TooltipPrimitive.Root, __spreadProps(__spreadValues({ "data-slot": "tooltip" }, props), { children })) });
+  return /* @__PURE__ */ jsx49(TooltipModeContext.Provider, { value: "tooltip", children: /* @__PURE__ */ jsx49(TooltipPrimitive.Root, __spreadProps(__spreadValues({ "data-slot": "tooltip" }, props), { children })) });
 }
 function TooltipTrigger(_a) {
   var _b = _a, {
@@ -5828,11 +6122,11 @@ function TooltipTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "children"
   ]);
-  const mode = React13.useContext(TooltipModeContext);
+  const mode = React14.useContext(TooltipModeContext);
   if (mode === "drawer") {
-    return /* @__PURE__ */ jsx48(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
+    return /* @__PURE__ */ jsx49(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
   }
-  return /* @__PURE__ */ jsx48(TooltipPrimitive.Trigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
+  return /* @__PURE__ */ jsx49(TooltipPrimitive.Trigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -5850,17 +6144,17 @@ function TooltipContent(_a) {
     "closeLabel",
     "children"
   ]);
-  const mode = React13.useContext(TooltipModeContext);
+  const mode = React14.useContext(TooltipModeContext);
   if (mode === "drawer") {
-    return /* @__PURE__ */ jsxs26(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
-      /* @__PURE__ */ jsx48(DrawerHeader, { children: /* @__PURE__ */ jsx48(DrawerTitle, { children: title }) }),
-      /* @__PURE__ */ jsx48("div", { className: cn("type-drawer-description p-4 text-text-subtle-default", className), children }),
-      /* @__PURE__ */ jsx48(DrawerFooter, { children: /* @__PURE__ */ jsx48(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx48(Button, { variant: "primary", size: "md", children: closeLabel }) }) })
+    return /* @__PURE__ */ jsxs27(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
+      /* @__PURE__ */ jsx49(DrawerHeader, { children: /* @__PURE__ */ jsx49(DrawerTitle, { children: title }) }),
+      /* @__PURE__ */ jsx49("div", { className: cn("type-drawer-description p-4 text-text-subtle-default", className), children }),
+      /* @__PURE__ */ jsx49(DrawerFooter, { children: /* @__PURE__ */ jsx49(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx49(Button, { variant: "primary", size: "md", children: closeLabel }) }) })
     ] });
   }
   const surfaceClasses = variant === "inverse" ? "border border-border-default-default bg-background-primary-surface text-text-prominent-default" : "bg-background-inverse-surface text-text-prominent-inverse";
   const arrowClasses = variant === "inverse" ? "fill-background-primary-surface" : "fill-background-inverse-surface";
-  return /* @__PURE__ */ jsx48(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsx49(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs27(
     TooltipPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
@@ -5874,23 +6168,23 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx48(TooltipPrimitive.Arrow, { className: arrowClasses })
+        /* @__PURE__ */ jsx49(TooltipPrimitive.Arrow, { className: arrowClasses })
       ]
     })
   ) });
 }
 
 // components/ui/sidebar.tsx
-import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs28 } 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 = React14.createContext(null);
+var SidebarContext = React15.createContext(null);
 function useSidebar() {
-  const context = React14.useContext(SidebarContext);
+  const context = React15.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -5913,10 +6207,10 @@ function SidebarProvider(_a) {
     "children"
   ]);
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React14.useState(false);
-  const [_open, _setOpen] = React14.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React15.useState(false);
+  const [_open, _setOpen] = React15.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React14.useCallback(
+  const setOpen = React15.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -5928,10 +6222,10 @@ function SidebarProvider(_a) {
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React14.useCallback(() => {
+  const toggleSidebar = React15.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -5942,7 +6236,7 @@ function SidebarProvider(_a) {
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React14.useMemo(
+  const contextValue = React15.useMemo(
     () => ({
       state,
       open,
@@ -5954,7 +6248,7 @@ function SidebarProvider(_a) {
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx49(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx49(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx50(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx50(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -5987,7 +6281,7 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
@@ -6001,7 +6295,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx49(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs27(
+    return /* @__PURE__ */ jsx50(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs28(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -6013,16 +6307,16 @@ function Sidebar(_a) {
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs27(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx49(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx49(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxs28(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx50(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx50(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx49("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx50("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
   }
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       className: "group peer hidden text-text-prominent-default md:block",
@@ -6032,7 +6326,7 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -6044,7 +6338,7 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
@@ -6056,7 +6350,7 @@ function Sidebar(_a) {
               className
             )
           }, props), {
-            children: /* @__PURE__ */ jsx49(
+            children: /* @__PURE__ */ jsx50(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -6080,7 +6374,7 @@ function SidebarTrigger(_a) {
     "onClick"
   ]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     Button,
     __spreadProps(__spreadValues({
       "data-sidebar": "trigger",
@@ -6094,8 +6388,8 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        /* @__PURE__ */ jsx49(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx49("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx50(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx50("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
   );
@@ -6103,7 +6397,7 @@ function SidebarTrigger(_a) {
 function SidebarRail(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "button",
     __spreadValues({
       "data-sidebar": "rail",
@@ -6126,7 +6420,7 @@ function SidebarRail(_a) {
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
@@ -6144,7 +6438,7 @@ function SidebarInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     Input,
     __spreadValues({
       "data-slot": "sidebar-input",
@@ -6155,7 +6449,7 @@ function SidebarInput(_a) {
 }
 function SidebarHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "sidebar-header",
@@ -6169,7 +6463,7 @@ function SidebarHeader(_a) {
 }
 function SidebarFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "sidebar-footer",
@@ -6187,7 +6481,7 @@ function SidebarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     Separator,
     __spreadValues({
       "data-slot": "sidebar-separator",
@@ -6198,7 +6492,7 @@ function SidebarSeparator(_a) {
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
@@ -6212,7 +6506,7 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
@@ -6233,7 +6527,7 @@ function SidebarGroupLabel(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot8.Root : "div";
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-label",
@@ -6255,7 +6549,7 @@ function SidebarGroupAction(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot8.Root : "button";
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-action",
@@ -6276,7 +6570,7 @@ function SidebarGroupContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group-content",
@@ -6287,7 +6581,7 @@ function SidebarGroupContent(_a) {
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
@@ -6298,7 +6592,7 @@ function SidebarMenu(_a) {
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
@@ -6345,7 +6639,7 @@ function SidebarMenuButton(_a) {
   ]);
   const Comp = asChild ? Slot8.Root : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx49(
+  const button = /* @__PURE__ */ jsx50(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-button",
@@ -6363,9 +6657,9 @@ function SidebarMenuButton(_a) {
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs27(Tooltip, { children: [
-    /* @__PURE__ */ jsx49(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsxs28(Tooltip, { children: [
+    /* @__PURE__ */ jsx50(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx50(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -6386,7 +6680,7 @@ function SidebarMenuAction(_a) {
     "showOnHover"
   ]);
   const Comp = asChild ? Slot8.Root : "button";
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-action",
@@ -6411,7 +6705,7 @@ function SidebarMenuBadge(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "sidebar-menu-badge",
@@ -6437,7 +6731,7 @@ function SidebarMenuSkeleton(_a) {
     "showIcon"
   ]);
   const width = "70%";
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-menu-skeleton",
@@ -6445,14 +6739,14 @@ function SidebarMenuSkeleton(_a) {
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className)
     }, props), {
       children: [
-        showIcon && /* @__PURE__ */ jsx49(
+        showIcon && /* @__PURE__ */ jsx50(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -6468,7 +6762,7 @@ function SidebarMenuSkeleton(_a) {
 }
 function SidebarMenuSub(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu-sub",
@@ -6487,7 +6781,7 @@ function SidebarMenuSubItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-sub-item",
@@ -6509,7 +6803,7 @@ function SidebarMenuSubButton(_a) {
     "className"
   ]);
   const Comp = asChild ? Slot8.Root : "a";
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-sub-button",
@@ -6529,9 +6823,9 @@ function SidebarMenuSubButton(_a) {
 }
 
 // components/ui/slider.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 import { Slider as SliderPrimitive } from "radix-ui";
-import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
 function Slider(_a) {
   var _b = _a, {
     className,
@@ -6546,11 +6840,11 @@ function Slider(_a) {
     "min",
     "max"
   ]);
-  const _values = React15.useMemo(
+  const _values = React16.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     SliderPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "slider",
@@ -6564,7 +6858,7 @@ function Slider(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(
           SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
@@ -6573,7 +6867,7 @@ function Slider(_a) {
               // surface, solid brand fill.
               "relative grow overflow-hidden rounded-full bg-background-secondary-surface data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"
             ),
-            children: /* @__PURE__ */ jsx50(
+            children: /* @__PURE__ */ jsx51(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -6584,7 +6878,7 @@ function Slider(_a) {
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx50(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx51(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -6598,7 +6892,7 @@ function Slider(_a) {
 }
 
 // components/ui/toast.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import {
   CircleCheckIcon,
   InfoIcon,
@@ -6606,27 +6900,25 @@ import {
   OctagonXIcon,
   TriangleAlertIcon
 } from "lucide-react";
-import { useTheme } from "next-themes";
 import { Toaster as Sonner, toast } from "sonner";
-import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
 var Toaster = (_a) => {
   var props = __objRest(_a, []);
-  const { theme = "system" } = useTheme();
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     Sonner,
     __spreadValues({
-      theme,
+      theme: "system",
       className: "toaster group",
       position: isMobile ? "top-center" : "bottom-right",
       visibleToasts: isMobile ? 1 : 3,
       duration: 4e3,
       icons: {
-        success: /* @__PURE__ */ jsx51(CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ jsx51(InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ jsx51(TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ jsx51(OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ jsx51(Loader2Icon, { className: "size-4 animate-spin" })
+        success: /* @__PURE__ */ jsx52(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx52(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx52(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx52(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx52(Loader2Icon, { className: "size-4 animate-spin" })
       },
       toastOptions: {
         classNames: {
@@ -6676,30 +6968,30 @@ function ResultSnackbar(_a) {
     "className"
   ]);
   const isWin = outcome === "win";
-  const [leaving, setLeaving] = React16.useState(false);
+  const [leaving, setLeaving] = React17.useState(false);
   const reduced = usePrefersReducedMotion();
-  const onDismissRef = React16.useRef(onDismiss);
-  React16.useEffect(() => {
+  const onDismissRef = React17.useRef(onDismiss);
+  React17.useEffect(() => {
     onDismissRef.current = onDismiss;
   }, [onDismiss]);
-  const firedRef = React16.useRef(false);
-  const finish = React16.useCallback(() => {
+  const firedRef = React17.useRef(false);
+  const finish = React17.useCallback(() => {
     var _a2;
     if (firedRef.current) return;
     firedRef.current = true;
     (_a2 = onDismissRef.current) == null ? void 0 : _a2.call(onDismissRef);
   }, []);
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     const leave = window.setTimeout(() => setLeaving(true), durationMs);
     return () => window.clearTimeout(leave);
   }, [durationMs]);
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     if (!leaving) return;
     const done = window.setTimeout(finish, reduced ? 0 : RESULT_SNACKBAR_EXIT_MS);
     return () => window.clearTimeout(done);
   }, [leaving, finish, reduced]);
-  const [display, setDisplay] = React16.useState(null);
-  React16.useEffect(() => {
+  const [display, setDisplay] = React17.useState(null);
+  React17.useEffect(() => {
     if (amountValue === void 0 || reduced || !Number.isFinite(amountValue)) {
       setDisplay(null);
       return;
@@ -6724,7 +7016,7 @@ function ResultSnackbar(_a) {
   const spoken = announcement != null ? announcement : `${isWin ? "Won" : "Lost"} ${amount} ${currency}. ${contractLabel}, ${duration}.`;
   const enterOut = leaving ? "out" : "in";
   const motionName = `result-snackbar-${enterOut}-${placement}`;
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "div",
     __spreadProps(__spreadValues({
       role: "status",
@@ -6748,8 +7040,8 @@ function ResultSnackbar(_a) {
       }
     }, props), {
       children: [
-        /* @__PURE__ */ jsx51("span", { className: "sr-only", children: spoken }),
-        icon ? /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52("span", { className: "sr-only", children: spoken }),
+        icon ? /* @__PURE__ */ jsx52(
           "span",
           {
             "data-slot": "result-snackbar-icon",
@@ -6760,8 +7052,8 @@ function ResultSnackbar(_a) {
             children: icon
           }
         ) : null,
-        /* @__PURE__ */ jsxs29("span", { "aria-hidden": true, className: "flex min-w-max flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsxs29(
+        /* @__PURE__ */ jsxs30("span", { "aria-hidden": true, className: "flex min-w-max flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsxs30(
             "span",
             {
               className: cn(
@@ -6771,17 +7063,17 @@ function ResultSnackbar(_a) {
               children: [
                 display != null ? display : amount,
                 " ",
-                /* @__PURE__ */ jsx51("span", { className: "type-result-snackbar-currency", children: currency })
+                /* @__PURE__ */ jsx52("span", { className: "type-result-snackbar-currency", children: currency })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs29("span", { className: "type-result-snackbar-terms min-w-max text-text-subtle-default", children: [
+          /* @__PURE__ */ jsxs30("span", { className: "type-result-snackbar-terms min-w-max text-text-subtle-default", children: [
             contractLabel,
             " \xB7 ",
             duration
           ] })
         ] }),
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52(
           "span",
           {
             "aria-hidden": true,
@@ -6800,8 +7092,8 @@ function ResultSnackbar(_a) {
   );
 }
 function usePrefersReducedMotion() {
-  const [reduced, setReduced] = React16.useState(false);
-  React16.useEffect(() => {
+  const [reduced, setReduced] = React17.useState(false);
+  React17.useEffect(() => {
     const query = window.matchMedia("(prefers-reduced-motion: reduce)");
     setReduced(query.matches);
     const onChange = (event) => setReduced(event.matches);
@@ -6812,9 +7104,9 @@ function usePrefersReducedMotion() {
 }
 
 // components/ui/slide-to-confirm.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import { ArrowRight as ArrowRight2, Check } from "lucide-react";
-import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
 var CONFIRM_AT = 0.9;
 var HANDLE = 46;
 var INSET2 = 5;
@@ -6834,21 +7126,21 @@ function SlideToConfirm(_a) {
     "confirmed",
     "className"
   ]);
-  const trackRef = React17.useRef(null);
-  const [dragX, setDragX] = React17.useState(0);
-  const [dragging, setDragging] = React17.useState(false);
-  const [trackWidth, setTrackWidth] = React17.useState(0);
-  const [internalConfirmed, setInternalConfirmed] = React17.useState(false);
+  const trackRef = React18.useRef(null);
+  const [dragX, setDragX] = React18.useState(0);
+  const [dragging, setDragging] = React18.useState(false);
+  const [trackWidth, setTrackWidth] = React18.useState(0);
+  const [internalConfirmed, setInternalConfirmed] = React18.useState(false);
   const confirmed = controlledConfirmed != null ? controlledConfirmed : internalConfirmed;
-  const firedRef = React17.useRef(false);
-  React17.useEffect(() => {
+  const firedRef = React18.useRef(false);
+  React18.useEffect(() => {
     if (controlledConfirmed === false) {
       setInternalConfirmed(false);
       setDragX(0);
       firedRef.current = false;
     }
   }, [controlledConfirmed]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     const track = trackRef.current;
     if (!track) return;
     const ro = new ResizeObserver(() => setTrackWidth(track.clientWidth));
@@ -6897,7 +7189,7 @@ function SlideToConfirm(_a) {
   const fillWidth = dragX === 0 ? 0 : dragX + HANDLE;
   const revealWidth = INSET2 + dragX + HANDLE / 2;
   const spring = "duration-slow ease-(--primitive-ease-spring)";
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "div",
     __spreadProps(__spreadValues({
       ref: trackRef,
@@ -6916,8 +7208,8 @@ function SlideToConfirm(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx52("span", { className: "absolute inset-0 grid place-items-center", children: /* @__PURE__ */ jsx52("span", { className: "type-slide-to-confirm text-text-subtle-default", children: label }) }),
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53("span", { className: "absolute inset-0 grid place-items-center", children: /* @__PURE__ */ jsx53("span", { className: "type-slide-to-confirm text-text-subtle-default", children: label }) }),
+        /* @__PURE__ */ jsx53(
           "span",
           {
             "aria-hidden": true,
@@ -6935,7 +7227,7 @@ function SlideToConfirm(_a) {
             }
           }
         ),
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(
           "span",
           {
             "aria-hidden": true,
@@ -6947,10 +7239,10 @@ function SlideToConfirm(_a) {
             style: {
               clipPath: confirmed ? "inset(0 round 9999px)" : `inset(0 calc(100% - ${revealWidth}px) 0 0 round 9999px)`
             },
-            children: /* @__PURE__ */ jsx52("span", { className: "type-slide-to-confirm flex items-center gap-2 text-text-on-brand-static", children: confirmed ? confirmedLabel : label })
+            children: /* @__PURE__ */ jsx53("span", { className: "type-slide-to-confirm flex items-center gap-2 text-text-on-brand-static", children: confirmed ? confirmedLabel : label })
           }
         ),
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(
           "span",
           {
             "data-slot": "slide-to-confirm-handle",
@@ -6979,7 +7271,7 @@ function SlideToConfirm(_a) {
               // the keyboard, where dragX never moved.
               translate: `${confirmed ? maxTravel : dragX}px -50%`
             },
-            children: confirmed ? /* @__PURE__ */ jsx52(Check, { className: "size-4.5 [animation:slide-confirm-pop_var(--motion-pop)_var(--primitive-ease-overshoot)]" }) : /* @__PURE__ */ jsx52(ArrowRight2, { className: "size-4.5" })
+            children: confirmed ? /* @__PURE__ */ jsx53(Check, { className: "size-4.5 [animation:slide-confirm-pop_var(--motion-pop)_var(--primitive-ease-overshoot)]" }) : /* @__PURE__ */ jsx53(ArrowRight2, { className: "size-4.5" })
           }
         )
       ]
@@ -6988,10 +7280,10 @@ function SlideToConfirm(_a) {
 }
 
 // components/ui/stepper.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import { Minus, Plus } from "lucide-react";
-import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
-function clamp(value, min, max) {
+import { jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
+function clamp2(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
 function getDecimalPlaces(n) {
@@ -7018,16 +7310,16 @@ function Stepper({
   "aria-label": ariaLabel
 }) {
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React18.useState(
-    clamp(defaultValue, min, max)
+  const [internalValue, setInternalValue] = React19.useState(
+    clamp2(defaultValue, min, max)
   );
   const currentValue = isControlled ? controlledValue : internalValue;
   const decimalPlaces = getDecimalPlaces(step);
-  const [displayString, setDisplayString] = React18.useState(
+  const [displayString, setDisplayString] = React19.useState(
     formatValue(currentValue, decimalPlaces)
   );
-  const [isFocused, setIsFocused] = React18.useState(false);
-  React18.useEffect(() => {
+  const [isFocused, setIsFocused] = React19.useState(false);
+  React19.useEffect(() => {
     if (!isFocused) {
       setDisplayString(formatValue(currentValue, decimalPlaces));
     }
@@ -7040,7 +7332,7 @@ function Stepper({
       committed = max;
     } else {
       const rounded = decimalPlaces > 0 ? parseFloat(next.toFixed(decimalPlaces)) : Math.round(next);
-      committed = clamp(rounded, min, max);
+      committed = clamp2(rounded, min, max);
     }
     if (!isControlled) setInternalValue(committed);
     setDisplayString(formatValue(committed, decimalPlaces));
@@ -7084,7 +7376,7 @@ function Stepper({
       }
     }
   }
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       "data-slot": "stepper",
@@ -7103,7 +7395,7 @@ function Stepper({
         className
       ),
       children: [
-        label != null && /* @__PURE__ */ jsx53(
+        label != null && /* @__PURE__ */ jsx54(
           "span",
           {
             "data-slot": "stepper-label",
@@ -7114,13 +7406,13 @@ function Stepper({
             children: label
           }
         ),
-        /* @__PURE__ */ jsxs31(
+        /* @__PURE__ */ jsxs32(
           "div",
           {
             "data-slot": "stepper-row",
             className: "flex w-full items-center justify-between gap-4",
             children: [
-              /* @__PURE__ */ jsx53(
+              /* @__PURE__ */ jsx54(
                 Button,
                 {
                   type: "button",
@@ -7129,10 +7421,10 @@ function Stepper({
                   onClick: handleDecrement,
                   disabled: disabled || currentValue <= min,
                   "aria-label": "Decrease value",
-                  children: /* @__PURE__ */ jsx53(Minus, {})
+                  children: /* @__PURE__ */ jsx54(Minus, {})
                 }
               ),
-              /* @__PURE__ */ jsx53(
+              /* @__PURE__ */ jsx54(
                 "input",
                 {
                   type: "text",
@@ -7156,7 +7448,7 @@ function Stepper({
                   className: "type-stepper-stake-amount min-w-0 flex-1 border-0 bg-transparent text-center text-text-prominent-default outline-none disabled:text-text-disabled-default [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
                 }
               ),
-              /* @__PURE__ */ jsx53(
+              /* @__PURE__ */ jsx54(
                 Button,
                 {
                   type: "button",
@@ -7165,7 +7457,7 @@ function Stepper({
                   onClick: handleIncrement,
                   disabled: disabled || currentValue >= max,
                   "aria-label": "Increase value",
-                  children: /* @__PURE__ */ jsx53(Plus, {})
+                  children: /* @__PURE__ */ jsx54(Plus, {})
                 }
               )
             ]
@@ -7177,10 +7469,10 @@ function Stepper({
 }
 
 // components/ui/steps.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import { Check as Check2 } from "lucide-react";
-import { jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
-var StepsContext = React19.createContext({ shape: "circle", orientation: "horizontal", size: "md" });
+import { jsx as jsx55, jsxs as jsxs33 } from "react/jsx-runtime";
+var StepsContext = React20.createContext({ shape: "circle", orientation: "horizontal", size: "md" });
 function Steps(_a) {
   var _b = _a, {
     shape = "circle",
@@ -7195,8 +7487,8 @@ function Steps(_a) {
     "className",
     "children"
   ]);
-  const steps = React19.Children.toArray(children);
-  return /* @__PURE__ */ jsx54(StepsContext.Provider, { value: { shape, orientation, size }, children: /* @__PURE__ */ jsx54(
+  const steps = React20.Children.toArray(children);
+  return /* @__PURE__ */ jsx55(StepsContext.Provider, { value: { shape, orientation, size }, children: /* @__PURE__ */ jsx55(
     "ol",
     __spreadProps(__spreadValues({
       "data-slot": "steps",
@@ -7210,7 +7502,7 @@ function Steps(_a) {
       )
     }, props), {
       children: steps.map(
-        (child, index) => React19.isValidElement(child) ? React19.cloneElement(child, {
+        (child, index) => React20.isValidElement(child) ? React20.cloneElement(child, {
           index: index + 1,
           isFirst: index === 0,
           isLast: index === steps.length - 1
@@ -7241,10 +7533,10 @@ function Step(_a) {
     "isLast",
     "className"
   ]);
-  const { shape, orientation, size } = React19.useContext(StepsContext);
+  const { shape, orientation, size } = React20.useContext(StepsContext);
   const horizontal = orientation === "horizontal";
   const sm = size === "sm";
-  const indicator = /* @__PURE__ */ jsx54(
+  const indicator = /* @__PURE__ */ jsx55(
     "span",
     {
       "data-slot": "step-indicator",
@@ -7258,11 +7550,11 @@ function Step(_a) {
         "[&_svg]:pointer-events-none [&_svg]:shrink-0",
         sm ? "[&_svg:not([class*='size-'])]:size-3.5" : "[&_svg:not([class*='size-'])]:size-4"
       ),
-      children: state === "done" ? /* @__PURE__ */ jsx54(Check2, {}) : icon != null ? icon : index
+      children: state === "done" ? /* @__PURE__ */ jsx55(Check2, {}) : icon != null ? icon : index
     }
   );
   if (horizontal) {
-    return /* @__PURE__ */ jsxs32(
+    return /* @__PURE__ */ jsxs33(
       "li",
       __spreadProps(__spreadValues({
         "data-slot": "step",
@@ -7271,8 +7563,8 @@ function Step(_a) {
         className: cn("flex min-w-0 flex-1 flex-col items-center", className)
       }, props), {
         children: [
-          /* @__PURE__ */ jsxs32("div", { className: "flex w-full items-center", children: [
-            /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsxs33("div", { className: "flex w-full items-center", children: [
+            /* @__PURE__ */ jsx55(
               "span",
               {
                 "aria-hidden": true,
@@ -7280,10 +7572,10 @@ function Step(_a) {
                 className: cn("h-px flex-1", !isFirst && "bg-border-neutral-default")
               }
             ),
-            /* @__PURE__ */ jsx54("span", { className: cn(!isFirst && "w-1", "shrink-0") }),
+            /* @__PURE__ */ jsx55("span", { className: cn(!isFirst && "w-1", "shrink-0") }),
             indicator,
-            /* @__PURE__ */ jsx54("span", { className: cn(!isLast && "w-1", "shrink-0") }),
-            /* @__PURE__ */ jsx54(
+            /* @__PURE__ */ jsx55("span", { className: cn(!isLast && "w-1", "shrink-0") }),
+            /* @__PURE__ */ jsx55(
               "span",
               {
                 "aria-hidden": true,
@@ -7292,7 +7584,7 @@ function Step(_a) {
               }
             )
           ] }),
-          (title != null || description != null) && /* @__PURE__ */ jsxs32(
+          (title != null || description != null) && /* @__PURE__ */ jsxs33(
             "div",
             {
               "data-slot": "step-body",
@@ -7301,7 +7593,7 @@ function Step(_a) {
                 sm ? "mt-1" : "mt-1.5"
               ),
               children: [
-                title != null && /* @__PURE__ */ jsx54(
+                title != null && /* @__PURE__ */ jsx55(
                   "span",
                   {
                     className: cn(
@@ -7311,8 +7603,8 @@ function Step(_a) {
                     children: title
                   }
                 ),
-                tag != null && /* @__PURE__ */ jsx54("span", { className: "type-steps-tag whitespace-nowrap text-text-brand-selected", children: tag }),
-                description != null && /* @__PURE__ */ jsx54("span", { className: "type-steps-description text-text-subtle-default", children: description })
+                tag != null && /* @__PURE__ */ jsx55("span", { className: "type-steps-tag whitespace-nowrap text-text-brand-selected", children: tag }),
+                description != null && /* @__PURE__ */ jsx55("span", { className: "type-steps-description text-text-subtle-default", children: description })
               ]
             }
           )
@@ -7321,7 +7613,7 @@ function Step(_a) {
     );
   }
   const hasBody = title != null || description != null;
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     "li",
     __spreadProps(__spreadValues({
       "data-slot": "step",
@@ -7338,9 +7630,9 @@ function Step(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsxs32("div", { className: "flex flex-col items-center self-stretch", children: [
+        /* @__PURE__ */ jsxs33("div", { className: "flex flex-col items-center self-stretch", children: [
           indicator,
-          !isLast && /* @__PURE__ */ jsx54(
+          !isLast && /* @__PURE__ */ jsx55(
             "span",
             {
               "aria-hidden": true,
@@ -7349,13 +7641,13 @@ function Step(_a) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs32(
+        /* @__PURE__ */ jsxs33(
           "div",
           {
             "data-slot": "step-body",
             className: cn("flex min-w-0 flex-col", !isLast && (sm ? "pb-4" : "pb-6")),
             children: [
-              title != null && /* @__PURE__ */ jsxs32(
+              title != null && /* @__PURE__ */ jsxs33(
                 "span",
                 {
                   className: cn(
@@ -7364,12 +7656,12 @@ function Step(_a) {
                   ),
                   children: [
                     title,
-                    tag != null && /* @__PURE__ */ jsx54("span", { className: "type-steps-tag ml-2 whitespace-nowrap text-text-brand-selected", children: tag })
+                    tag != null && /* @__PURE__ */ jsx55("span", { className: "type-steps-tag ml-2 whitespace-nowrap text-text-brand-selected", children: tag })
                   ]
                 }
               ),
-              description != null && /* @__PURE__ */ jsx54("span", { className: "type-steps-description text-text-subtle-default", children: description }),
-              !hasBody && /* @__PURE__ */ jsxs32("span", { className: "sr-only", children: [
+              description != null && /* @__PURE__ */ jsx55("span", { className: "type-steps-description text-text-subtle-default", children: description }),
+              !hasBody && /* @__PURE__ */ jsxs33("span", { className: "sr-only", children: [
                 "Step ",
                 index
               ] })
@@ -7383,7 +7675,7 @@ function Step(_a) {
 
 // components/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "radix-ui";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function Switch(_a) {
   var _b = _a, {
     className,
@@ -7392,7 +7684,7 @@ function Switch(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     SwitchPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "switch",
@@ -7402,7 +7694,7 @@ function Switch(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx55(
+      children: /* @__PURE__ */ jsx56(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -7416,15 +7708,15 @@ function Switch(_a) {
 }
 
 // components/ui/table.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function Table(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx56(
+      children: /* @__PURE__ */ jsx57(
         "table",
         __spreadValues({
           "data-slot": "table",
@@ -7436,7 +7728,7 @@ function Table(_a) {
 }
 function TableHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "thead",
     __spreadValues({
       "data-slot": "table-header",
@@ -7446,7 +7738,7 @@ function TableHeader(_a) {
 }
 function TableBody(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "tbody",
     __spreadValues({
       "data-slot": "table-body",
@@ -7456,7 +7748,7 @@ function TableBody(_a) {
 }
 function TableFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "tfoot",
     __spreadValues({
       "data-slot": "table-footer",
@@ -7469,7 +7761,7 @@ function TableFooter(_a) {
 }
 function TableRow(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "tr",
     __spreadValues({
       "data-slot": "table-row",
@@ -7482,7 +7774,7 @@ function TableRow(_a) {
 }
 function TableHead(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "th",
     __spreadValues({
       "data-slot": "table-head",
@@ -7495,7 +7787,7 @@ function TableHead(_a) {
 }
 function TableCell(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "td",
     __spreadValues({
       "data-slot": "table-cell",
@@ -7512,7 +7804,7 @@ function TableCaption(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "caption",
     __spreadValues({
       "data-slot": "table-caption",
@@ -7524,7 +7816,7 @@ function TableCaption(_a) {
 // components/ui/tabs.tsx
 import { cva as cva14 } from "class-variance-authority";
 import { Tabs as TabsPrimitive } from "radix-ui";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -7533,7 +7825,7 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     TabsPrimitive.Root,
     __spreadValues({
       "data-slot": "tabs",
@@ -7576,7 +7868,7 @@ function TabsList(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     TabsPrimitive.List,
     __spreadValues({
       "data-slot": "tabs-list",
@@ -7594,7 +7886,7 @@ function TabsTrigger(_a) {
     "className",
     "iconPosition"
   ]);
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     TabsPrimitive.Trigger,
     __spreadValues({
       "data-slot": "tabs-trigger",
@@ -7620,7 +7912,7 @@ function TabsContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     TabsPrimitive.Content,
     __spreadValues({
       "data-slot": "tabs-content",
@@ -7632,7 +7924,7 @@ function TabsContent(_a) {
 // components/ui/toggle.tsx
 import { cva as cva15 } from "class-variance-authority";
 import { Toggle as TogglePrimitive } from "radix-ui";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var toggleVariants = cva15(
   "type-toggle inline-flex items-center justify-center gap-2 rounded-md border border-border-default-default bg-background-primary-surface text-text-prominent-default whitespace-nowrap transition-[color,background-color,border-color,box-shadow] outline-none hover:bg-background-secondary-surface active:bg-background-secondary-wash focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong disabled:pointer-events-none disabled:opacity-(--opacity-disabled) aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft data-[state=on]:border-transparent data-[state=on]:bg-background-brand-default data-[state=on]:text-text-on-brand-static [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -7656,7 +7948,7 @@ function Toggle(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     TogglePrimitive.Root,
     __spreadValues({
       "data-slot": "toggle",
@@ -7666,10 +7958,10 @@ function Toggle(_a) {
 }
 
 // components/ui/toggle-group.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
-import { jsx as jsx59 } from "react/jsx-runtime";
-var ToggleGroupContext = React20.createContext({
+import { jsx as jsx60 } from "react/jsx-runtime";
+var ToggleGroupContext = React21.createContext({
   size: "default",
   spacing: 0
 });
@@ -7685,7 +7977,7 @@ function ToggleGroup(_a) {
     "spacing",
     "children"
   ]);
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     ToggleGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group",
@@ -7697,7 +7989,7 @@ function ToggleGroup(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx59(ToggleGroupContext.Provider, { value: { size, spacing }, children })
+      children: /* @__PURE__ */ jsx60(ToggleGroupContext.Provider, { value: { size, spacing }, children })
     })
   );
 }
@@ -7711,8 +8003,8 @@ function ToggleGroupItem(_a) {
     "children",
     "size"
   ]);
-  const context = React20.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx59(
+  const context = React21.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx60(
     ToggleGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group-item",
@@ -7735,7 +8027,7 @@ function ToggleGroupItem(_a) {
 }
 
 // components/blocks/result-block.tsx
-import { Fragment as Fragment3, jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
 var THUMBS_UP_DATA_URL = "data:image/webp;base64,UklGRmYPAABXRUJQVlA4WAoAAAAQAAAAxwAAxwAAQUxQSCcFAAABsIftsylJUsQ5N8sYZHaPbdu2bdu2bfM/27Zte7Mya22rmRnnt8hblfcgcr0RMQH0/zrz37H+mLt2efCjV0+bjwyrrkSno/X3VyKjOEufOGklqC9JhpXG9LRgjILaMmR1ZlbEOAWfzsxGYUyTGuMABGdRpi97ENoo+JKstixB2gA0plCmLHqoifY2J1GmKjMXXJvQrJJRFNO3gra7c1hRdgMUKJjZqskQmgVAviQ18xWCYmdhJdk+FOTuJC2/Jyj4T0oyy6L4soqYftsobgMV2aPg4ZEaygjiwU0aohcFHt6mIDMPvLxVP0w/Ei9u14/dGn7epR5LED/OVQ/dJfBzK+3Y2eE8mVs5TFWBp6Rcuz58/Vw5hlzTlzeVw5cKfH1RN7YL/iBjxTC9J/B3G82YleCxe4P0auhPTY/wB80c7+DzdL1YA/EK3WqhlwV+D2nFLATftcL0y6Zv/UoxB8F3Rzq1BPFtilLoaYHvb+jELAz/N2WNMP1C/LMqsbvCe/c5adQSxDvsxBqhOwT+G43YiXD+vUsKZfpa4P9arBC7LkIkhRhyTf/cg6RQvkwQ4KKsj6wfAcgfSZ+GPhX47841qWEmMqWu7q6uUstusnnMppQZY69DkP293d2lUmbNWK01LbMsy0qlUtaC48BMlVM//KNgzD8YynLMZoBzAichTEdrJ2N1zomIOOfQsjl19OmdK8QmOLZ0xO8xfvkd5TcEKfzFMWQ4LMNLTXPSBvx6LEiiOOxJWUiGzkEDbf1TagDB15SFw3QjBO2dnh6gMYWyYOxOELS5mSI0J1EWiGU00W7hFEE+JhMGPSxouzNJAnYOBQWmSqYTh8ArFYFEAdsHQdf4MT0tboSCfFEhQHcQ1UJssuYJ4luVrN8xbNsxbN8x7BDEd1SyXRBVlawbG0f501IzT2ywTE4JqaUgRwrZKmc4NR/GZ/NUbc7R2SJV61GQNY0sEUa9kM1zZkjNsmHUvBhOzXI2iFGFyI8oyJpCgFm5UziMQhxVyb1B1L0YSs5TQdRU8ma0BpPzScfwdhAjKnk0iKpKDuMQRrwYSM4CFGLNi/7UTKcg64Vslii5O4yaQjC/iVZfWtzvKUw/etMiF5ow6vrAzIGMFLJpkqRKgVbVge24U6BQatpwz1Ko9UI2yelJCRbnzkD+RMHWCtk4pzch7ioOpq4MTDTB1ArZJKcnHe6HFG4xG6cH+3GcNklQFlBdFe5dCrhWyMbJwUocUL2QTVLjhEKuaUJuCaquCczFsdo0pzcR7hcU9KgmjjcdAnq4M3CfUdh1PWA97hQosJoa3CMU+IgasDgHVvOiLwXuDxS6Hi7mDgEzmtCqXvQnwH2Xgh8pZLOEYC8TXM2LvhQYDm5UB+4tCl8JWJU7A+coEQPxu5ci6Mdg9LAoR2DEi6HYya8phtVCNk+FO4Fj8B0NoMvE4FsNfExR9GMwdhtyp0AdgnuC4vh5+rAEx+Ht5LlJFMnnkydXciRuTR5mMpE4ppAtUiBfUSznKWTLFGB1jgVNkgK2SkDjFxQNc7DzoD9eDosbigb9vtG+LXP6InYDRTQbRKNtm+f0xMq5N8lEhLI50UyT4G7KKKoZfQxpzzY5RmIkbtqaZCmyGS1XbUcDxK3od80ITTqdDFN8Dc108qdTxoNFLLU2SyGy03583dLEhuLMRDQ46/zzzTffvPPMPffc88w7fymjfEOzTpwwYUIlt1yu/H15rJXy31fKlXKlnF8pj7tSrvx9uZeIien//v9XfQBWUDggGAoAANAwAJ0BKsgAyAA+kUScS6WjoqUjc5pgsBIJZ278Qi8Hwvc8Z/PndH0L8Y+3P/DeGNhV4uz8do8qx9p5gcZv+s8NH7D/z/YD/PX66ewT/4f6XzifTPsG/rz6Vnrs/cP2Hv11//JFOyneeAW0wbcou/igl1zxho0WRxDimPALaYM6+VrqjKr+SiMnElO878dA3yFCkM+t+whevqvMGhXCcaDwUXXFH4eQ6sCNOis0oDUln4e9M3beAvzbZyUe2sUvdvtjPDFhG8dPxVDA/XZGk1ETr69eacwYnPhuLS56ol4GHT+w+hq85I7EHxvN4n68ZUeC+sDOCSQMpz6m4Fzqzrg9ZyhyQnUfmHqhcGQ/yBDy4W+qjcsBfDq4xpVARzZ2uW47mzNOIigiKz5Tw+mTHb7K5m9lSfmeMPMPpWXhZQVTZawZgxiMdOg3ccW5pccD7hwGCZ0+pV2azLYrT+zGOqIcbr1PYUXPl9LQ8IhKTeyhGBmpdCXdUSSJMKko79zaD//rSyWRpF1MNueAW0v+AAD++5zAAALiasAmBAtMjd3teHxoV/JwSycQb8T24aWw5wWjnP87DL5yaEnvCifBRcW/QYZPObqU0f4fAjw2ZLaVKj7hZoTyQu4dPqH4gTQMcAfv8BCfJ7DObKNJoDat3XoqhZuiW8sQ6GBrRMq9Dkd0xl5ULWfjBCUXzvE+yRWByiMm9GvwsjN6pMTLTAfwDK8x8YHP7IFXmr9Ohbw3lVDYPJKpWXmHeO7wb8vGqU2ThOJXtJ9olH5g1qkVNO7MdAd5FvxU86R1i/SUqzBMrxSAPdTXXmLZu+gveBx/eYqSRNuu0tqHIV9T+mP1xEC5dX+HdTXYA1Pdhk+9yLuHAU2D8bazJuRhexCVychOyXyv+7dpTzpNfrj+lC5dIVyzoW5Fyra3W3dyl1mQ3MrAMiHwf1pV5axectvd4CM+Iu4n1yHfPKGPcrcm/G9+a5dAzXL9YOdbO+GmAYyFR+E0uZd7nFwfW9OvRmg/k1ekfsv4dZEZ45M6yITB/1GMCi872dJHGq4nCKuaCXURhXCNsLy+tpj6YCTt5oJDuG1WXTgI8++c5/4AM/eJFCx0dMaf8Loyp9W/PAHdOZgC2aG4/1/lA3Epa/4hAEPIiuAo3vZyTXO65nn9/A+eLuy/449dgY7gSsrQDrP2Hmh05OsdFBPj+BsefJZAyMS4T6jPsdCNtu6bH4KcFVBwIegQ22lQnlBIG2D4R24k/McwxQQC6sR8c/eJCL6o+anvM+BC4dVih1h5ae/4s1Q6GkFw9gE6+2/rhedXEzoV8TtJ3dLuPi+nRU8XxTZqq/E4ctlcWd0H0aawPjTIcXaxQk36BEC/njKgHlc7c/d4+WQiihb7eG2ng4KVyJHZ3bzK/4I0yU1/ile9IfW342gFB3dUS7yrQxNbRdeoE4f47jSRZD4uP4qpVOWmKtIE31xquU1ep2EeCbLB8UoludUvkjG8U8M3pe7XlyGBYQcgcsn3HFUuPXp/5yXaZR9H9scEjkX6MlhwKI3QGuk8UZborE1j0lt5pNTfq2K6d1/6SoiVNVLSRZ9ry7YQGRhQ48mewSXEEVownN9KTXH5SXUylJLr1jB9KOAhLAGdMfpkFNbgPlU70iYmRw9xYQz1yfvUH6Ul80AcAra/1tvp5kua7H5wgy30feuCKUXQIzcIoIpSuFQ/i7SxQkRCfWQIAsOc0XZmr3/IOBAZKbzIMOlBkoxYtjE95cV04d+6N792Le6VUmArBadYp7BOgqcNfxU4dfBtJ74uDkc6VQRuIpPg478BODjpfsWFA0vlLIKFTdRwVUdJOxBvFnhWwKP0D1apVqohwg0IPDfWP8UVdpVUhGrWYuUTDE2nubQrJ5v+usi24qv+3kysRqQMjDJOqpQkxnigjREutxNfsLY1xUvO2lTqrORSagjcR7pA8924ES/dA1lEZ3ZQ5z1F6nS8Bq2xnTiQ9BqcmJ7zSJd22si8KtuN/siapwQIzTHW63B7xXAKQtKMnUE639KX83BWcVOWGr50CTiUvkK8yDy38AHewCCa/fjhQeHabgNE/0tmbOaN5stn1H/m6qKp0WCbyVA7tKaSaRklqfipnbXoVHMguAGss38eJa3FLWweUAl7rNzHv79GalBMmNgUznun+3m3dWMn5WK/34+LilQXVLXAzuRipKqi3cNMeLO8B+ug7CpRCchBUESkH2ep5anNgdsYR5rfffGhVW3o3VIRyYpN35MK7tlEi/t7OeSTr10CeQQnpcc5pd9K4SdIQCZ5/G9WjwRMnVf0oXJ25OUzYGMakzcjz5vjSV7Fh+UNNjgLnlnM5zdtz8DyB6OlSAA/xFhwY8uyPpMaJBpmJVjNOdEChpZ9QUc+gAz/Awt2ER8coD6OZhX5NUjEKrJvHjOQTeuvCAyJ9CJAHY1HDkY1Saa2/vC8jm+Sc9DiMKg+LJriUFijlLwHEPOluQhWObjSqhybrp1vmS1Mt/KPMDPZyt6Kxox6jMvL/xgGNNE+JaFEcEZ/H/Ws6oWhQT9Qteg2TDkQISuXe+FCmot1BtA3iCJ29VxNMNaWuGXJdmhEfp/ST9UNlxSsfVfbEkqQdBoiUIhK5GZlUF1tOTbgEdr60Ty1S6ZSFLIovKBxheqO5TAGNtbCaJ7nvRkqRaIb+LRL7P/c3EGI4PFCpyNZnNajr3oh7e8M8mufcpqT+DXDSZ1KG56xJQ06T18FfS5s4r6tbLWSbMQO8uH19kYca2lgvljt0gfWU3h7FSWwRDGQGLhWojhmxHZrgtn/gyvw5GGLqjCqwx8KHX/maaRTUYSwWSmwXtS1RBmIDLx1GHCS2ED5ciDx7qn4HOqEzNpwfN/XMYuRmyvMDqb0u1FEQ/NHsDl2yA7MopUtbm7A3rB7jH3+o8Y5Aaq0egHuftsojcTr2yQ2tqnZusSb6vb2Qgf0ZV80OOwJYY35WQr8st1x3UCrKmS3X1TXIlvAUQgwS72DVKESwuab+Nlb2FLU9/UfmZzs1bGi2wfdsiqXt3Da1HGSb/1OAFDj4P5b03Saw9Pf7kplOscrGW93H9ZW1JmNiPNi/OW6hL0I2ZLtM8vQwYylPwdMGln9ZddXNn9HgsnNATObEWO1BfVE3Vx1OqLeOSo8aw5bNxSPfyUFvwV9LIgpeSE+a7JZV0sMm/K6xXubpoIPqa6tXoP/g8/tvZbgguLvKcaYVpiTe4orHUeYbU/VEaQdLW5kGBmCTUU8fSDGjZhUqVp86z4tNdZx3P2C654aOxJW5G3pVcdlqsipHwLgFBUCfcsGTJ0U+svqOD8TEXkbq6DsqXDRuYB94Pz74uM+Zh3xXaDJU48d8SBhfPPEtop5pxU6j3s0czCqev5OjlwuW/ESXLpZiO2Gx24Pwl33O8l/z9VzhVM+sZy7NWzUASRdBsuUPG+PAAAAAAAAAAA=";
 var THUMBS_DOWN_DATA_URL = "data:image/webp;base64,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";
 function ResultBlock({
@@ -7752,9 +8044,9 @@ function ResultBlock({
   const signedAmount = isWin ? `+${amount}` : `\u2212${amount}`;
   const amountColorClass = isWin ? "text-semantic-win" : "text-semantic-loss";
   const haloBgClass = isWin ? "bg-semantic-win" : "bg-semantic-loss";
-  return /* @__PURE__ */ jsxs33(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
-    /* @__PURE__ */ jsxs33("div", { className: "relative flex items-center justify-center py-2", children: [
-      /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsxs34(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
+    /* @__PURE__ */ jsxs34("div", { className: "relative flex items-center justify-center py-2", children: [
+      /* @__PURE__ */ jsx61(
         "span",
         {
           "aria-hidden": true,
@@ -7762,7 +8054,7 @@ function ResultBlock({
           className: `absolute size-24 rounded-full blur-2xl opacity-20 ${haloBgClass}`
         }
       ),
-      /* @__PURE__ */ jsx60(
+      /* @__PURE__ */ jsx61(
         "img",
         {
           "data-results-motion": isWin ? "icon-win" : "icon-loss",
@@ -7772,28 +8064,28 @@ function ResultBlock({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx60("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
-    /* @__PURE__ */ jsxs33("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
-      /* @__PURE__ */ jsx60("span", { className: "font-display text-4xl font-semibold tabular-nums tracking-tight", children: signedAmount }),
-      /* @__PURE__ */ jsx60("span", { className: "text-lg font-semibold", children: currency })
+    /* @__PURE__ */ jsx61("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
+    /* @__PURE__ */ jsxs34("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
+      /* @__PURE__ */ jsx61("span", { className: "font-display text-4xl font-semibold tabular-nums tracking-tight", children: signedAmount }),
+      /* @__PURE__ */ jsx61("span", { className: "text-lg font-semibold", children: currency })
     ] }),
-    /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs33(Badge, { variant: "tint-neutral", size: "sm", children: [
+    /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs34(Badge, { variant: "tint-neutral", size: "sm", children: [
         contractLabel,
-        pickedDigit !== void 0 && /* @__PURE__ */ jsxs33(Fragment3, { children: [
-          /* @__PURE__ */ jsx60("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
-          /* @__PURE__ */ jsx60("span", { className: "tabular-nums", children: pickedDigit })
+        pickedDigit !== void 0 && /* @__PURE__ */ jsxs34(Fragment3, { children: [
+          /* @__PURE__ */ jsx61("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
+          /* @__PURE__ */ jsx61("span", { className: "tabular-nums", children: pickedDigit })
         ] })
       ] }),
-      /* @__PURE__ */ jsx60(Badge, { variant: "tint-neutral", size: "sm", children: duration })
+      /* @__PURE__ */ jsx61(Badge, { variant: "tint-neutral", size: "sm", children: duration })
     ] }),
-    /* @__PURE__ */ jsxs33("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__ */ jsxs33("div", { className: "w-full flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsx60("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
-        /* @__PURE__ */ jsx60(Button, { className: "w-full", children: "Deposit now" }),
-        /* @__PURE__ */ jsx60(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
+    /* @__PURE__ */ jsxs34("div", { className: "w-full pt-2", children: [
+      ctaMode === "next-round" && /* @__PURE__ */ jsx61(Button, { className: "w-full", children: "Next round" }),
+      ctaMode === "go-again" && /* @__PURE__ */ jsx61(Button, { className: "w-full", children: "Go again" }),
+      ctaMode === "conversion" && /* @__PURE__ */ jsxs34("div", { className: "w-full flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx61("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
+        /* @__PURE__ */ jsx61(Button, { className: "w-full", children: "Deposit now" }),
+        /* @__PURE__ */ jsx61(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
       ] })
     ] })
   ] });
@@ -7804,21 +8096,21 @@ function ResultDialog({
   primaryLabel,
   secondaryLabel
 }) {
-  return /* @__PURE__ */ jsxs33(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
-    /* @__PURE__ */ jsxs33("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-      /* @__PURE__ */ jsx60("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
-      /* @__PURE__ */ jsx60("p", { className: "text-sm text-on-subtle", children: body })
+  return /* @__PURE__ */ jsxs34(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
+    /* @__PURE__ */ jsxs34("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+      /* @__PURE__ */ jsx61("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
+      /* @__PURE__ */ jsx61("p", { className: "text-sm text-on-subtle", children: body })
     ] }),
-    /* @__PURE__ */ jsxs33("div", { className: "w-full flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx60(Button, { className: "w-full", children: primaryLabel }),
-      /* @__PURE__ */ jsx60(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
+    /* @__PURE__ */ jsxs34("div", { className: "w-full flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx61(Button, { className: "w-full", children: primaryLabel }),
+      /* @__PURE__ */ jsx61(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
     ] })
   ] });
 }
 
 // components/blocks/header-navigation-block.tsx
 import { ArrowLeft as ArrowLeft2, History } from "lucide-react";
-import { jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs35 } from "react/jsx-runtime";
 function HeaderNavigationBlock({
   onBack,
   badge,
@@ -7827,15 +8119,15 @@ function HeaderNavigationBlock({
   actions
 }) {
   var _a;
-  return /* @__PURE__ */ jsx61("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs34("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__ */ jsxs34("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 : "tint-warning", size: "sm", children: badge.label }),
-      /* @__PURE__ */ jsx61("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
-      /* @__PURE__ */ jsx61("span", { className: "text-sm text-on-subtle", children: balance.currency })
+  return /* @__PURE__ */ jsx62("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs35("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
+    onBack && /* @__PURE__ */ jsx62(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx62(ArrowLeft2, { className: "size-5" }) }),
+    /* @__PURE__ */ jsxs35("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
+      badge && /* @__PURE__ */ jsx62(Badge, { variant: (_a = badge.variant) != null ? _a : "tint-warning", size: "sm", children: badge.label }),
+      /* @__PURE__ */ jsx62("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
+      /* @__PURE__ */ jsx62("span", { className: "text-sm text-on-subtle", children: balance.currency })
     ] }),
-    /* @__PURE__ */ jsxs34("div", { className: "flex shrink-0 items-center gap-1", children: [
-      history && /* @__PURE__ */ jsx61(HistoryButton, __spreadValues({}, history)),
+    /* @__PURE__ */ jsxs35("div", { className: "flex shrink-0 items-center gap-1", children: [
+      history && /* @__PURE__ */ jsx62(HistoryButton, __spreadValues({}, history)),
       actions
     ] })
   ] }) });
@@ -7848,13 +8140,14 @@ 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__ */ jsxs34("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",
+  return /* @__PURE__ */ jsxs35("div", { className: "relative inline-flex", children: [
+    /* @__PURE__ */ jsx62(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ jsx62(History, { className: "size-5" }) }),
+    show && /* @__PURE__ */ jsx62(
+      Badge,
       {
         "aria-hidden": true,
-        className: "pointer-events-none absolute -top-0.5 -right-0.5 min-w-[1.125rem] h-[1.125rem] px-1 rounded-full bg-primary text-on-primary text-[10px] leading-none font-semibold tabular-nums inline-flex items-center justify-center ring-2 ring-prominent",
+        size: "count",
+        className: "pointer-events-none absolute -top-0.5 -right-0.5 ring-2 ring-background-primary-canvas",
         children: label
       }
     )
@@ -7864,7 +8157,7 @@ function HistoryButton({
 // components/blocks/faq-block.tsx
 import { Plus as Plus2 } from "lucide-react";
 import { Accordion as AccordionPrimitive2 } from "radix-ui";
-import { jsx as jsx62, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs36 } from "react/jsx-runtime";
 function FAQBlock({
   eyebrow = "FAQ",
   title = "Frequently asked questions",
@@ -7876,34 +8169,34 @@ function FAQBlock({
 }) {
   var _a, _b;
   if (layout === "two-column") {
-    return /* @__PURE__ */ jsx62("div", { className: "@container w-full", children: /* @__PURE__ */ jsxs35("div", { className: "flex flex-col @[600px]:flex-row gap-8 @[600px]:gap-12", children: [
-      /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-4 flex-1 @[600px]:max-w-xs", children: [
-        /* @__PURE__ */ jsx62("span", { className: "text-xs font-body font-semibold tracking-widest uppercase text-on-subtle", children: eyebrow }),
-        /* @__PURE__ */ jsx62("h2", { className: "text-4xl @[600px]:text-6xl font-semibold font-display text-on-prominent tracking-tight", children: title }),
-        intro && /* @__PURE__ */ jsx62("p", { className: "text-base font-body text-on-subtle", children: intro })
+    return /* @__PURE__ */ jsx63("div", { className: "@container w-full", children: /* @__PURE__ */ jsxs36("div", { className: "flex flex-col @[600px]:flex-row gap-8 @[600px]:gap-12", children: [
+      /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-4 flex-1 @[600px]:max-w-xs", children: [
+        /* @__PURE__ */ jsx63("span", { className: "text-xs font-body font-semibold tracking-widest uppercase text-on-subtle", children: eyebrow }),
+        /* @__PURE__ */ jsx63("h2", { className: "text-4xl @[600px]:text-6xl font-semibold font-display text-on-prominent tracking-tight", children: title }),
+        intro && /* @__PURE__ */ jsx63("p", { className: "text-base font-body text-on-subtle", children: intro })
       ] }),
-      /* @__PURE__ */ jsx62("div", { className: "flex-1", children: /* @__PURE__ */ jsx62(
+      /* @__PURE__ */ jsx63("div", { className: "flex-1", children: /* @__PURE__ */ jsx63(
         Accordion,
         {
           type: "single",
           collapsible: true,
           defaultValue: defaultValue != null ? defaultValue : (_a = items[0]) == null ? void 0 : _a.value,
           className: "w-full",
-          children: items.map(({ value, question, answer }, i) => /* @__PURE__ */ jsxs35(AccordionItem, { value, children: [
-            /* @__PURE__ */ jsx62(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ jsxs35(
+          children: items.map(({ value, question, answer }, i) => /* @__PURE__ */ jsxs36(AccordionItem, { value, children: [
+            /* @__PURE__ */ jsx63(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ jsxs36(
               AccordionPrimitive2.Trigger,
               {
                 className: "group flex flex-1 items-center justify-between gap-4 py-5 text-left outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
                 children: [
-                  /* @__PURE__ */ jsxs35("span", { className: "flex items-baseline gap-4", children: [
-                    /* @__PURE__ */ jsx62("span", { className: "text-sm font-body text-on-subtle shrink-0 w-6", children: String(i + 1).padStart(2, "0") }),
-                    /* @__PURE__ */ jsx62("span", { className: "text-lg @[600px]:text-xl font-semibold font-display text-on-prominent", children: question })
+                  /* @__PURE__ */ jsxs36("span", { className: "flex items-baseline gap-4", children: [
+                    /* @__PURE__ */ jsx63("span", { className: "text-sm font-body text-on-subtle shrink-0 w-6", children: String(i + 1).padStart(2, "0") }),
+                    /* @__PURE__ */ jsx63("span", { className: "text-lg @[600px]:text-xl font-semibold font-display text-on-prominent", children: question })
                   ] }),
-                  /* @__PURE__ */ jsx62("span", { className: cn(
+                  /* @__PURE__ */ jsx63("span", { className: cn(
                     "shrink-0 size-7 flex items-center justify-center rounded-sm border transition-all duration-200",
                     "group-data-[state=open]:bg-primary group-data-[state=open]:border-primary",
                     "group-data-[state=closed]:bg-transparent group-data-[state=closed]:border-border-subtle"
-                  ), children: /* @__PURE__ */ jsx62(Plus2, { className: cn(
+                  ), children: /* @__PURE__ */ jsx63(Plus2, { className: cn(
                     "size-4 transition-all duration-200",
                     "group-data-[state=open]:rotate-45 group-data-[state=open]:text-on-primary",
                     "group-data-[state=closed]:text-on-prominent"
@@ -7911,7 +8204,7 @@ function FAQBlock({
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx62(AccordionContent, { children: /* @__PURE__ */ jsx62("p", { className: "text-base font-body text-on-subtle pl-10 pb-4", children: answer }) })
+            /* @__PURE__ */ jsx63(AccordionContent, { children: /* @__PURE__ */ jsx63("p", { className: "text-base font-body text-on-subtle pl-10 pb-4", children: answer }) })
           ] }, value))
         }
       ) })
@@ -7922,38 +8215,38 @@ function FAQBlock({
   const helpCardPaddingClass = layout === "desktop" ? "p-8" : "p-6";
   const gapClass = layout === "desktop" ? "gap-12" : "gap-10";
   const headerGapClass = layout === "desktop" ? "gap-5" : "gap-4";
-  return /* @__PURE__ */ jsxs35("div", { className: `w-full flex flex-col ${gapClass}`, children: [
-    /* @__PURE__ */ jsxs35("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
-      /* @__PURE__ */ jsx62("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
-      /* @__PURE__ */ jsx62("h2", { className: headingClass, children: title }),
-      intro && /* @__PURE__ */ jsx62("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
+  return /* @__PURE__ */ jsxs36("div", { className: `w-full flex flex-col ${gapClass}`, children: [
+    /* @__PURE__ */ jsxs36("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
+      /* @__PURE__ */ jsx63("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
+      /* @__PURE__ */ jsx63("h2", { className: headingClass, children: title }),
+      intro && /* @__PURE__ */ jsx63("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
     ] }),
-    /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx63(
       Accordion,
       {
         type: "single",
         collapsible: true,
         defaultValue: defaultValue != null ? defaultValue : (_b = items[0]) == null ? void 0 : _b.value,
         className: "w-full",
-        children: items.map(({ value, question, answer }) => /* @__PURE__ */ jsxs35(AccordionItem, { value, children: [
-          /* @__PURE__ */ jsx62(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
-          /* @__PURE__ */ jsx62(AccordionContent, { children: /* @__PURE__ */ jsx62("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
+        children: items.map(({ value, question, answer }) => /* @__PURE__ */ jsxs36(AccordionItem, { value, children: [
+          /* @__PURE__ */ jsx63(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
+          /* @__PURE__ */ jsx63(AccordionContent, { children: /* @__PURE__ */ jsx63("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
         ] }, value))
       }
     ),
-    helpCard && /* @__PURE__ */ jsxs35("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
-      /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ jsx62("h3", { className: helpTitleClass, children: helpCard.title }),
-        /* @__PURE__ */ jsx62("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
+    helpCard && /* @__PURE__ */ jsxs36("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
+      /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ jsx63("h3", { className: helpTitleClass, children: helpCard.title }),
+        /* @__PURE__ */ jsx63("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
       ] }),
-      /* @__PURE__ */ jsx62(Button, { size: "sm", onClick: helpCard.onCtaClick, children: helpCard.ctaLabel })
+      /* @__PURE__ */ jsx63(Button, { size: "sm", onClick: helpCard.onCtaClick, children: helpCard.ctaLabel })
     ] })
   ] });
 }
 
 // components/blocks/hero-block.tsx
 import { ArrowRight as ArrowRight3, ArrowUpRight } from "lucide-react";
-import { jsx as jsx63, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs37 } from "react/jsx-runtime";
 function HeroBlock({
   layout = "centered",
   tagline,
@@ -7964,31 +8257,31 @@ function HeroBlock({
   image
 }) {
   if (layout === "centered") {
-    return /* @__PURE__ */ jsx63("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs36("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__ */ jsxs36("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-        tagline && /* @__PURE__ */ jsx63(TaglinePill, __spreadValues({}, tagline)),
-        /* @__PURE__ */ jsx63("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
-        /* @__PURE__ */ jsx63("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
+    return /* @__PURE__ */ jsx64("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs37("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__ */ jsxs37("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+        tagline && /* @__PURE__ */ jsx64(TaglinePill, __spreadValues({}, tagline)),
+        /* @__PURE__ */ jsx64("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
+        /* @__PURE__ */ jsx64("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
       ] }),
-      /* @__PURE__ */ jsxs36(Button, { size: "sm", onClick: primaryCta.onClick, children: [
+      /* @__PURE__ */ jsxs37(Button, { size: "sm", onClick: primaryCta.onClick, children: [
         primaryCta.label,
-        primaryCta.trailingArrow !== false && /* @__PURE__ */ jsx63(ArrowRight3, { className: "size-4" })
+        primaryCta.trailingArrow !== false && /* @__PURE__ */ jsx64(ArrowRight3, { className: "size-4" })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx63("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs36("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__ */ jsxs36("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__ */ jsxs36("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
-        tagline && /* @__PURE__ */ jsx63(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
-        /* @__PURE__ */ jsx63("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
-        /* @__PURE__ */ jsx63("p", { className: "text-lg font-body text-on-subtle", children: body })
+  return /* @__PURE__ */ jsx64("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs37("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__ */ jsxs37("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__ */ jsxs37("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
+        tagline && /* @__PURE__ */ jsx64(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
+        /* @__PURE__ */ jsx64("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
+        /* @__PURE__ */ jsx64("p", { className: "text-lg font-body text-on-subtle", children: body })
       ] }),
-      /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
-        /* @__PURE__ */ jsx63(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
-        secondaryCta && /* @__PURE__ */ jsx63(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
+      /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
+        /* @__PURE__ */ jsx64(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
+        secondaryCta && /* @__PURE__ */ jsx64(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
       ] })
     ] }),
-    /* @__PURE__ */ jsx63("div", { className: "w-full min-[600px]:flex-1 min-[600px]:min-w-0 aspect-square rounded-xl bg-subtle shrink-0", "aria-hidden": "true", children: image })
+    /* @__PURE__ */ jsx64("div", { className: "w-full min-[600px]:flex-1 min-[600px]:min-w-0 aspect-square rounded-xl bg-subtle shrink-0", "aria-hidden": "true", children: image })
   ] }) });
 }
 function TaglinePill({
@@ -7996,25 +8289,25 @@ function TaglinePill({
   suffix,
   responsive
 }) {
-  return /* @__PURE__ */ jsxs36("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__ */ jsxs36("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
-      /* @__PURE__ */ jsxs36("span", { className: "hidden min-[600px]:inline", children: [
+  return /* @__PURE__ */ jsxs37("div", { className: "inline-flex items-center gap-1.5 h-7 px-3 rounded-full border border-border-subtle bg-prominent shadow-sm shrink-0", children: [
+    /* @__PURE__ */ jsx64("span", { className: "size-1.5 rounded-full bg-semantic-win shrink-0", "aria-hidden": "true" }),
+    responsive && suffix ? /* @__PURE__ */ jsxs37("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+      /* @__PURE__ */ jsxs37("span", { className: "hidden min-[600px]:inline", children: [
         label,
-        /* @__PURE__ */ jsx63("span", { className: "text-on-subtle", children: " \xB7 " })
+        /* @__PURE__ */ jsx64("span", { className: "text-on-subtle", children: " \xB7 " })
       ] }),
-      /* @__PURE__ */ jsx63("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
-    ] }) : /* @__PURE__ */ jsxs36("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+      /* @__PURE__ */ jsx64("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
+    ] }) : /* @__PURE__ */ jsxs37("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
       label,
-      suffix && /* @__PURE__ */ jsx63("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
+      suffix && /* @__PURE__ */ jsx64("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
     ] }),
-    /* @__PURE__ */ jsx63(ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
+    /* @__PURE__ */ jsx64(ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
   ] });
 }
 
 // components/blocks/auth-block.tsx
-import * as React21 from "react";
-import { jsx as jsx64, jsxs as jsxs37 } from "react/jsx-runtime";
+import * as React22 from "react";
+import { jsx as jsx65, jsxs as jsxs38 } from "react/jsx-runtime";
 function AuthBlock({
   mode,
   logoSrc,
@@ -8029,20 +8322,20 @@ function AuthBlock({
   const ctaText = mode === "sign-in" ? "Sign in" : "Sign up";
   const footerPrompt = mode === "sign-in" ? "Don't have an account?" : "Already have an account?";
   const footerLinkLabel = mode === "sign-in" ? "Sign up" : "Log in";
-  const [email, setEmail] = React21.useState("");
-  return /* @__PURE__ */ jsxs37("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-    /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx64("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
-      /* @__PURE__ */ jsx64("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
+  const [email, setEmail] = React22.useState("");
+  return /* @__PURE__ */ jsxs38("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+    /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx65("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
+      /* @__PURE__ */ jsx65("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
     ] }),
-    /* @__PURE__ */ jsx64("h2", { className: "text-3xl font-semibold 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__ */ jsxs37("div", { className: "flex items-center gap-3 w-full", children: [
-      /* @__PURE__ */ jsx64("div", { className: "flex-1 h-px bg-border-subtle" }),
-      /* @__PURE__ */ jsx64("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
-      /* @__PURE__ */ jsx64("div", { className: "flex-1 h-px bg-border-subtle" })
+    /* @__PURE__ */ jsx65("h2", { className: "text-3xl font-semibold font-display text-on-prominent text-center", children: headingText }),
+    /* @__PURE__ */ jsx65("div", { className: "flex flex-col gap-3 w-full", children: providers.map((p) => /* @__PURE__ */ jsx65(ProviderButton, { provider: p }, p)) }),
+    /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-3 w-full", children: [
+      /* @__PURE__ */ jsx65("div", { className: "flex-1 h-px bg-border-subtle" }),
+      /* @__PURE__ */ jsx65("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
+      /* @__PURE__ */ jsx65("div", { className: "flex-1 h-px bg-border-subtle" })
     ] }),
-    /* @__PURE__ */ jsx64("div", { className: "flex items-center gap-2 w-full", children: /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx65("div", { className: "flex items-center gap-2 w-full", children: /* @__PURE__ */ jsx65(
       Input,
       {
         id: `${idPrefix}-email`,
@@ -8053,60 +8346,60 @@ function AuthBlock({
         onChange: (e) => setEmail(e.target.value)
       }
     ) }),
-    /* @__PURE__ */ jsxs37("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
+    /* @__PURE__ */ jsxs38("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
       termsText,
       ", you agree to our",
       " ",
-      /* @__PURE__ */ jsx64(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
+      /* @__PURE__ */ jsx65(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
     ] }),
-    /* @__PURE__ */ jsx64(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
-    /* @__PURE__ */ jsxs37("p", { className: "text-sm text-on-subtle font-body text-center", children: [
+    /* @__PURE__ */ jsx65(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
+    /* @__PURE__ */ jsxs38("p", { className: "text-sm text-on-subtle font-body text-center", children: [
       footerPrompt,
       " ",
-      /* @__PURE__ */ jsx64(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
+      /* @__PURE__ */ jsx65(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
     ] })
   ] });
 }
 function ProviderButton({ provider }) {
   switch (provider) {
     case "google":
-      return /* @__PURE__ */ jsxs37(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ jsxs37("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
-          /* @__PURE__ */ jsx64("path", { d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z", fill: "#4285F4" }),
-          /* @__PURE__ */ jsx64("path", { d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z", fill: "#34A853" }),
-          /* @__PURE__ */ jsx64("path", { d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z", fill: "#FBBC05" }),
-          /* @__PURE__ */ jsx64("path", { d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58Z", fill: "#EA4335" })
+      return /* @__PURE__ */ jsxs38(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ jsxs38("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+          /* @__PURE__ */ jsx65("path", { d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z", fill: "#4285F4" }),
+          /* @__PURE__ */ jsx65("path", { d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z", fill: "#34A853" }),
+          /* @__PURE__ */ jsx65("path", { d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z", fill: "#FBBC05" }),
+          /* @__PURE__ */ jsx65("path", { d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58Z", fill: "#EA4335" })
         ] }),
         "Continue with Google"
       ] });
     case "telegram":
-      return /* @__PURE__ */ jsxs37(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ jsxs37("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
-          /* @__PURE__ */ jsx64("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
-          /* @__PURE__ */ jsx64("path", { d: "M13.5 5.25 11.25 13.5l-2.25-3-3 1.5 1.5-5.25 6-1.5Z", fill: "white", opacity: "0.3" }),
-          /* @__PURE__ */ jsx64("path", { d: "m4.5 8.625 7.5-3-1.125 7.125-2.625-2.25-1.5 1.5.375-3.375Z", fill: "white" })
+      return /* @__PURE__ */ jsxs38(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ jsxs38("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+          /* @__PURE__ */ jsx65("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
+          /* @__PURE__ */ jsx65("path", { d: "M13.5 5.25 11.25 13.5l-2.25-3-3 1.5 1.5-5.25 6-1.5Z", fill: "white", opacity: "0.3" }),
+          /* @__PURE__ */ jsx65("path", { d: "m4.5 8.625 7.5-3-1.125 7.125-2.625-2.25-1.5 1.5.375-3.375Z", fill: "white" })
         ] }),
         "Continue with Telegram"
       ] });
     case "x":
-      return /* @__PURE__ */ jsxs37(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ jsx64("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ jsx64("path", { d: "M13.955 2.25h2.423L10.977 8.28 17.25 15.75h-4.812l-3.913-5.116-4.477 5.116H1.645l5.703-6.52L1.125 2.25h4.934l3.538 4.678 4.358-4.678Zm-.85 12.105h1.343L5.025 3.627H3.579l9.526 10.728Z" }) }),
+      return /* @__PURE__ */ jsxs38(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ jsx65("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ jsx65("path", { d: "M13.955 2.25h2.423L10.977 8.28 17.25 15.75h-4.812l-3.913-5.116-4.477 5.116H1.645l5.703-6.52L1.125 2.25h4.934l3.538 4.678 4.358-4.678Zm-.85 12.105h1.343L5.025 3.627H3.579l9.526 10.728Z" }) }),
         "Continue with X (Twitter)"
       ] });
   }
 }
 
 // components/blocks/navbar-block.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import { Menu, X as X3 } from "lucide-react";
-import { jsx as jsx65, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs39 } from "react/jsx-runtime";
 function NavBarBlock({ brand, links, signIn, signUp }) {
   var _a, _b, _c, _d;
-  const [mobileMenuOpen, setMobileMenuOpen] = React22.useState(false);
-  return /* @__PURE__ */ jsx65("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ jsxs38("nav", { className: "bg-prominent", children: [
-    /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
-      /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-6", children: [
-        /* @__PURE__ */ jsx65(
+  const [mobileMenuOpen, setMobileMenuOpen] = React23.useState(false);
+  return /* @__PURE__ */ jsx66("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ jsxs39("nav", { className: "bg-prominent", children: [
+    /* @__PURE__ */ jsxs39("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
+      /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ jsx66(
           "img",
           {
             src: brand.fullLogoSrc,
@@ -8114,7 +8407,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
             className: "hidden min-[600px]:block h-7 w-auto shrink-0 object-contain object-left"
           }
         ),
-        /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx66(
           "img",
           {
             src: brand.iconLogoSrc,
@@ -8122,13 +8415,13 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
             className: "min-[600px]:hidden size-7 shrink-0 object-contain"
           }
         ),
-        /* @__PURE__ */ jsx65("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ jsx65(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
+        /* @__PURE__ */ jsx66("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
       ] }),
-      /* @__PURE__ */ jsxs38("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
-        signIn && /* @__PURE__ */ jsx65(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
-        signUp && /* @__PURE__ */ jsx65(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
+      /* @__PURE__ */ jsxs39("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
+        signIn && /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
+        signUp && /* @__PURE__ */ jsx66(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
       ] }),
-      /* @__PURE__ */ jsx65(
+      /* @__PURE__ */ jsx66(
         Button,
         {
           variant: "tertiary",
@@ -8137,12 +8430,12 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
           "aria-expanded": mobileMenuOpen,
           className: "min-[600px]:hidden",
           onClick: () => setMobileMenuOpen((prev) => !prev),
-          children: mobileMenuOpen ? /* @__PURE__ */ jsx65(X3, { className: "size-4" }) : /* @__PURE__ */ jsx65(Menu, { className: "size-4" })
+          children: mobileMenuOpen ? /* @__PURE__ */ jsx66(X3, { className: "size-4" }) : /* @__PURE__ */ jsx66(Menu, { className: "size-4" })
         }
       )
     ] }),
-    mobileMenuOpen && /* @__PURE__ */ jsxs38("div", { className: "min-[600px]:hidden flex flex-col border-t border-border-subtle px-layout-margin-inline py-3 gap-1", children: [
-      links.map((l) => /* @__PURE__ */ jsx65(
+    mobileMenuOpen && /* @__PURE__ */ jsxs39("div", { className: "min-[600px]:hidden flex flex-col border-t border-border-subtle px-layout-margin-inline py-3 gap-1", children: [
+      links.map((l) => /* @__PURE__ */ jsx66(
         Button,
         {
           variant: "tertiary",
@@ -8153,9 +8446,9 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
         },
         l.label
       )),
-      (signIn || signUp) && /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
-        signIn && /* @__PURE__ */ jsx65(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
-        signUp && /* @__PURE__ */ jsx65(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
+      (signIn || signUp) && /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
+        signIn && /* @__PURE__ */ jsx66(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
+        signUp && /* @__PURE__ */ jsx66(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
       ] })
     ] })
   ] }) });
@@ -8163,7 +8456,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
 
 // components/blocks/open-positions-block.tsx
 import { History as History2, X as X4 } from "lucide-react";
-import { jsx as jsx66, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs40 } from "react/jsx-runtime";
 function OpenPositionsBlock({
   trigger,
   sheetTitle = "Positions",
@@ -8172,28 +8465,28 @@ function OpenPositionsBlock({
   emptyState
 }) {
   const isMobile = useIsMobile();
-  const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ jsx66(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ jsx66(PositionsList, { positions, onViewHistory });
+  const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ jsx67(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ jsx67(PositionsList, { positions, onViewHistory });
   if (isMobile) {
-    return /* @__PURE__ */ jsxs39(Drawer, { children: [
-      /* @__PURE__ */ jsx66(DrawerTrigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsxs39(DrawerContent, { className: "p-0 flex flex-col", children: [
-        /* @__PURE__ */ jsxs39(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(X4, {}) }) })
+    return /* @__PURE__ */ jsxs40(Drawer, { children: [
+      /* @__PURE__ */ jsx67(DrawerTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsxs40(DrawerContent, { className: "p-0 flex flex-col", children: [
+        /* @__PURE__ */ jsxs40(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
+          /* @__PURE__ */ jsx67(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
+          /* @__PURE__ */ jsx67(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx67(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx67(X4, {}) }) })
         ] }),
-        /* @__PURE__ */ jsx66(Separator, {}),
+        /* @__PURE__ */ jsx67(Separator, {}),
         body
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs39(Sheet, { children: [
-    /* @__PURE__ */ jsx66(SheetTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs39(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
-      /* @__PURE__ */ jsxs39(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(X4, {}) }) })
+  return /* @__PURE__ */ jsxs40(Sheet, { children: [
+    /* @__PURE__ */ jsx67(SheetTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs40(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
+      /* @__PURE__ */ jsxs40(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
+        /* @__PURE__ */ jsx67(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
+        /* @__PURE__ */ jsx67(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx67(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx67(X4, {}) }) })
       ] }),
-      /* @__PURE__ */ jsx66(Separator, {}),
+      /* @__PURE__ */ jsx67(Separator, {}),
       body
     ] })
   ] });
@@ -8202,23 +8495,23 @@ function PositionsList({
   positions,
   onViewHistory
 }) {
-  return /* @__PURE__ */ jsxs39("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__ */ jsx66(PositionRow, { position: pos }, i)) }),
-    /* @__PURE__ */ jsx66(Separator, {}),
-    /* @__PURE__ */ jsx66("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" }) })
+  return /* @__PURE__ */ jsxs40("div", { className: "flex flex-col flex-1 min-h-0", children: [
+    /* @__PURE__ */ jsx67(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ jsx67(PositionRow, { position: pos }, i)) }),
+    /* @__PURE__ */ jsx67(Separator, {}),
+    /* @__PURE__ */ jsx67("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ jsx67(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" }) })
   ] });
 }
 function PositionRow({ position }) {
   const { label, suffix } = positionTitleParts(position);
-  return /* @__PURE__ */ jsxs39(Item, { size: "sm", children: [
-    /* @__PURE__ */ jsxs39(ItemContent, { children: [
-      /* @__PURE__ */ jsxs39(ItemTitle, { children: [
-        /* @__PURE__ */ jsx66("span", { className: "text-on-prominent", children: label }),
-        suffix && /* @__PURE__ */ jsx66("span", { className: "text-on-subtle", children: ` ${suffix}` })
+  return /* @__PURE__ */ jsxs40(Item, { size: "sm", children: [
+    /* @__PURE__ */ jsxs40(ItemContent, { children: [
+      /* @__PURE__ */ jsxs40(ItemTitle, { children: [
+        /* @__PURE__ */ jsx67("span", { className: "text-on-prominent", children: label }),
+        suffix && /* @__PURE__ */ jsx67("span", { className: "text-on-subtle", children: ` ${suffix}` })
       ] }),
-      /* @__PURE__ */ jsx66(MetaNote, { market: position.market, duration: position.duration })
+      /* @__PURE__ */ jsx67(MetaNote, { market: position.market, duration: position.duration })
     ] }),
-    /* @__PURE__ */ jsx66(ItemActions, { children: /* @__PURE__ */ jsx66(PnlMeta, { pnl: position.pnl, win: position.win, stake: position.stake }) })
+    /* @__PURE__ */ jsx67(ItemActions, { children: /* @__PURE__ */ jsx67(PnlMeta, { pnl: position.pnl, win: position.win, stake: position.stake }) })
   ] });
 }
 var DIGITS_TYPE_LABEL = {
@@ -8244,29 +8537,29 @@ function positionTitleParts(p) {
   }
 }
 function MetaNote({ market, duration }) {
-  return /* @__PURE__ */ jsxs39("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
+  return /* @__PURE__ */ jsxs40("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
     market,
     " \xB7 ",
     duration
   ] });
 }
 function PnlMeta({ pnl, win, stake }) {
-  return /* @__PURE__ */ jsxs39("div", { className: "flex flex-col items-end gap-0.5", children: [
-    /* @__PURE__ */ jsx66("span", { className: `font-display font-semibold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
-    /* @__PURE__ */ jsx66("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
+  return /* @__PURE__ */ jsxs40("div", { className: "flex flex-col items-end gap-0.5", children: [
+    /* @__PURE__ */ jsx67("span", { className: `font-display font-semibold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
+    /* @__PURE__ */ jsx67("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
   ] });
 }
 function DefaultEmptyState({ onViewHistory }) {
-  return /* @__PURE__ */ jsx66(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ jsxs39(EmptyHeader, { className: "gap-4", children: [
-    /* @__PURE__ */ jsx66(EmptyMedia, { children: /* @__PURE__ */ jsx66(History2, { className: "size-8 text-on-subtle" }) }),
-    /* @__PURE__ */ jsx66(EmptyTitle, { className: "h6 text-on-subtle", children: "No trades yet." }),
-    /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" })
+  return /* @__PURE__ */ jsx67(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ jsxs40(EmptyHeader, { className: "gap-4", children: [
+    /* @__PURE__ */ jsx67(EmptyMedia, { children: /* @__PURE__ */ jsx67(History2, { className: "size-8 text-on-subtle" }) }),
+    /* @__PURE__ */ jsx67(EmptyTitle, { className: "h6 text-on-subtle", children: "No trades yet." }),
+    /* @__PURE__ */ jsx67(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" })
   ] }) });
 }
 
 // components/blocks/game-loading-block.tsx
-import * as React23 from "react";
-import { jsx as jsx67, jsxs as jsxs40 } from "react/jsx-runtime";
+import * as React24 from "react";
+import { jsx as jsx68, jsxs as jsxs41 } from "react/jsx-runtime";
 function useSmoothProgress({
   checkpoints,
   reached,
@@ -8276,19 +8569,19 @@ function useSmoothProgress({
   readyLabel = "Ready"
 }) {
   var _a, _b;
-  const [progress, setProgress] = React23.useState(0);
-  const [delayed, setDelayed] = React23.useState(false);
-  const checkpointsRef = React23.useRef(checkpoints);
-  const reachedRef = React23.useRef(reached);
-  const doneRef = React23.useRef(done);
-  React23.useEffect(() => {
+  const [progress, setProgress] = React24.useState(0);
+  const [delayed, setDelayed] = React24.useState(false);
+  const checkpointsRef = React24.useRef(checkpoints);
+  const reachedRef = React24.useRef(reached);
+  const doneRef = React24.useRef(done);
+  React24.useEffect(() => {
     checkpointsRef.current = checkpoints;
     reachedRef.current = reached;
     doneRef.current = done;
   });
-  const progressRef = React23.useRef(0);
-  const lastAdvanceRef = React23.useRef(0);
-  React23.useEffect(() => {
+  const progressRef = React24.useRef(0);
+  const lastAdvanceRef = React24.useRef(0);
+  React24.useEffect(() => {
     let raf = 0;
     let last = 0;
     const tick = (ts) => {
@@ -8342,14 +8635,14 @@ function GameLoadingBlock({
   backgroundImageUrl,
   className
 }) {
-  const [go, setGo] = React23.useState(false);
-  const [reduced, setReduced] = React23.useState(false);
-  React23.useEffect(() => {
+  const [go, setGo] = React24.useState(false);
+  const [reduced, setReduced] = React24.useState(false);
+  React24.useEffect(() => {
     if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
       setReduced(window.matchMedia("(prefers-reduced-motion: reduce)").matches);
     }
   }, []);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (!exiting) return;
     const raf = requestAnimationFrame(() => setGo(true));
     const timer = setTimeout(() => onExitEnd == null ? void 0 : onExitEnd(), reduced ? 240 : 700);
@@ -8361,7 +8654,7 @@ function GameLoadingBlock({
   const isAbsolute = exiting || contained;
   const punched = Boolean(logoSrc);
   const animate = exiting && go && !reduced;
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     "div",
     {
       role: "status",
@@ -8377,7 +8670,7 @@ function GameLoadingBlock({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx67(
+        /* @__PURE__ */ jsx68(
           "div",
           {
             "aria-hidden": "true",
@@ -8395,7 +8688,7 @@ function GameLoadingBlock({
             } : null)
           }
         ),
-        logoSrc && /* @__PURE__ */ jsx67(
+        logoSrc && /* @__PURE__ */ jsx68(
           "img",
           {
             src: logoSrc,
@@ -8404,16 +8697,16 @@ function GameLoadingBlock({
             className: cn("game-loader-mark", animate && "game-loader-mark-exit")
           }
         ),
-        !exiting && /* @__PURE__ */ jsxs40("div", { className: "absolute bottom-10 left-1/2 flex w-[200px] -translate-x-1/2 flex-col items-start gap-3.5", children: [
-          /* @__PURE__ */ jsx67("div", { className: "relative h-2 w-full overflow-hidden rounded-xs bg-background-secondary-surface", children: /* @__PURE__ */ jsx67(
+        !exiting && /* @__PURE__ */ jsxs41("div", { className: "absolute bottom-10 left-1/2 flex w-[200px] -translate-x-1/2 flex-col items-start gap-3.5", children: [
+          /* @__PURE__ */ jsx68("div", { className: "relative h-2 w-full overflow-hidden rounded-xs bg-background-secondary-surface", children: /* @__PURE__ */ jsx68(
             "div",
             {
               className: "absolute inset-y-0 left-0 overflow-hidden rounded-xs bg-background-brand-default",
               style: { width: `${progress}%` },
-              children: /* @__PURE__ */ jsx67("span", { "aria-hidden": "true", className: "game-loader-shimmer absolute inset-y-0 left-[-60%] w-[60%]" })
+              children: /* @__PURE__ */ jsx68("span", { "aria-hidden": "true", className: "game-loader-shimmer absolute inset-y-0 left-[-60%] w-[60%]" })
             }
           ) }),
-          /* @__PURE__ */ jsx67("span", { className: "caption text-text-subtle-default", children: delayed ? "Taking longer than usual\u2026" : label })
+          /* @__PURE__ */ jsx68("span", { className: "caption text-text-subtle-default", children: delayed ? "Taking longer than usual\u2026" : label })
         ] })
       ]
     }
@@ -8499,6 +8792,7 @@ export {
   ContextMenuSubContent,
   ContextMenuSubTrigger,
   ContextMenuTrigger,
+  DateWheelPicker,
   Dialog,
   DialogClose,
   DialogContent,