@trading-game/design-intelligence-layer 1.0.1 → 1.0.2

package/dist/index.cjs

@@ -319,9 +319,12 @@ __export(index_exports, {
   SidebarSeparator: () => SidebarSeparator,
   SidebarTrigger: () => SidebarTrigger,
   Skeleton: () => Skeleton,
+  SlideToConfirm: () => SlideToConfirm,
   Slider: () => Slider,
   Spinner: () => Spinner,
+  Step: () => Step,
   Stepper: () => Stepper,
+  Steps: () => Steps,
   Switch: () => Switch,
   Table: () => Table,
   TableBody: () => TableBody,
@@ -632,7 +635,7 @@ var navigationButtonVariants = (0, import_class_variance_authority2.cva)(
   {
     variants: {
       variant: {
-        default: "bg-transparent text-icon-prominent-default hover:bg-background-hover-default",
+        default: "bg-background-hover-default text-icon-prominent-default hover:bg-background-pressed-default",
         // Frosted circle for art/hero/brand surfaces — same recipe as
         // Button's frosted-on-brand: hover thickens the frost, press thins it.
         "frosted-on-brand": "bg-(--primitive-white-alpha-24) backdrop-blur-md border border-(--primitive-white-alpha-24) text-text-on-brand-static hover:bg-(--primitive-white-alpha-32) active:bg-(--primitive-white-alpha-16) active:opacity-100",
@@ -1676,7 +1679,7 @@ function BreadcrumbPage(_a) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: cn("type-breadcrumb-page text-text-brand-default", className)
+      className: cn("type-breadcrumb-page text-text-brand-selected", className)
     }, props)
   );
 }
@@ -2029,12 +2032,15 @@ function Calendar(_a) {
           props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-full" : "[&:first-child[data-selected=true]_button]:rounded-l-full",
           defaultClassNames.day
         ),
+        /* The range band rides `brand-selected` — the theme-aware selection
+           family — not the static `brand-container`, which is one value in
+           both themes and reads as a pale strip on the dark canvas. */
         range_start: cn(
-          "rounded-l-full [background:var(--background-brand-container)]",
+          "rounded-l-full bg-background-brand-selected",
           defaultClassNames.range_start
         ),
         range_middle: cn("rounded-none", defaultClassNames.range_middle),
-        range_end: cn("rounded-r-full [background:var(--background-brand-container)]", defaultClassNames.range_end),
+        range_end: cn("rounded-r-full bg-background-brand-selected", defaultClassNames.range_end),
         today: cn(
           "rounded-full data-[selected=true]:rounded-none",
           defaultClassNames.today
@@ -2154,14 +2160,19 @@ function CalendarDayButton(_a) {
         // Base day cell — circular, calendar's own type, prominent ink,
         // hover = the standard hover glaze.
         "type-calendar-day flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 rounded-full leading-none font-body bg-transparent border-transparent shadow-none text-text-prominent-default hover:!bg-background-hover-default hover:text-text-prominent-default hover:no-underline hover:shadow-none group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong",
-        // Today (when not selected) — brand number + a 4px brand dot below.
-        "[&[data-today='true']:not([data-selected-single='true']):not([data-range-start='true']):not([data-range-end='true'])]:font-semibold [&[data-today='true']:not([data-selected-single='true']):not([data-range-start='true']):not([data-range-end='true'])]:text-text-brand-default [&[data-today='true']:not([data-selected-single='true']):not([data-range-start='true']):not([data-range-end='true'])]:relative [&[data-today='true']:not([data-selected-single='true']):not([data-range-start='true']):not([data-range-end='true'])]:after:absolute [&[data-today='true']:not([data-selected-single='true']):not([data-range-start='true']):not([data-range-end='true'])]:after:bottom-0.5 [&[data-today='true']:not([data-selected-single='true']):not([data-range-start='true']):not([data-range-end='true'])]:after:left-1/2 [&[data-today='true']:not([data-selected-single='true']):not([data-range-start='true']):not([data-range-end='true'])]:after:-translate-x-1/2 [&[data-today='true']:not([data-selected-single='true']):not([data-range-start='true']):not([data-range-end='true'])]:after:size-1 [&[data-today='true']:not([data-selected-single='true']):not([data-range-start='true']):not([data-range-end='true'])]:after:rounded-full [&[data-today='true']:not([data-selected-single='true']):not([data-range-start='true']):not([data-range-end='true'])]:after:bg-background-brand-default",
-        // Selected single — the static icy brand chip, circular.
-        "data-[selected-single=true]:[background:var(--background-brand-container)] data-[selected-single=true]:border-transparent data-[selected-single=true]:text-text-brand-container-static data-[selected-single=true]:font-semibold data-[selected-single=true]:hover:![background:var(--background-brand-container)]",
-        // Range — icy band: circular ends (semibold), square middle.
-        "data-[range-start=true]:rounded-full data-[range-start=true]:rounded-l-full data-[range-start=true]:[background:var(--background-brand-container)] data-[range-start=true]:border-transparent data-[range-start=true]:text-text-brand-container-static data-[range-start=true]:font-semibold data-[range-start=true]:hover:![background:var(--background-brand-container)]",
-        "data-[range-middle=true]:rounded-none data-[range-middle=true]:[background:var(--background-brand-container)] data-[range-middle=true]:text-text-brand-container-static data-[range-middle=true]:hover:![background:var(--background-brand-container)]",
-        "data-[range-end=true]:rounded-full data-[range-end=true]:rounded-r-full data-[range-end=true]:[background:var(--background-brand-container)] data-[range-end=true]:border-transparent data-[range-end=true]:text-text-brand-container-static data-[range-end=true]:font-semibold data-[range-end=true]:hover:![background:var(--background-brand-container)]",
+        // Today (when not selected) — brand number inside a brand hairline
+        // ring. The ring, not a heavier weight, is what makes today legible:
+        // components cap at semibold 600, and 600 vs 400 doesn't read at 14px.
+        "[&[data-today='true']:not([data-selected-single='true']):not([data-range-start='true']):not([data-range-end='true'])]:font-semibold [&[data-today='true']:not([data-selected-single='true']):not([data-range-start='true']):not([data-range-end='true'])]:text-text-brand-selected [&[data-today='true']:not([data-selected-single='true']):not([data-range-start='true']):not([data-range-end='true'])]:border-[1.5px] [&[data-today='true']:not([data-selected-single='true']):not([data-range-start='true']):not([data-range-end='true'])]:border-border-brand-selected",
+        // Selected single — the same solid brand disc as a range endpoint:
+        // both mean "the date you picked", so they must not diverge.
+        "data-[selected-single=true]:bg-background-brand-default data-[selected-single=true]:border-transparent data-[selected-single=true]:text-text-on-brand-static data-[selected-single=true]:font-semibold data-[selected-single=true]:hover:!bg-background-brand-default",
+        // Range — the two endpoints are solid brand discs (they're the values
+        // the user actually picked); the days between keep the quiet
+        // brand-selected band. Both ends and band are theme-aware.
+        "data-[range-start=true]:rounded-full data-[range-start=true]:bg-background-brand-default data-[range-start=true]:border-transparent data-[range-start=true]:text-text-on-brand-static data-[range-start=true]:font-semibold data-[range-start=true]:hover:!bg-background-brand-default",
+        "data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-background-brand-selected data-[range-middle=true]:text-text-brand-selected data-[range-middle=true]:hover:!bg-background-brand-selected",
+        "data-[range-end=true]:rounded-full data-[range-end=true]:bg-background-brand-default data-[range-end=true]:border-transparent data-[range-end=true]:text-text-on-brand-static data-[range-end=true]:font-semibold data-[range-end=true]:hover:!bg-background-brand-default",
         "[&>span]:text-xs [&>span]:opacity-70",
         defaultClassNames.day,
         className
@@ -2189,7 +2200,7 @@ function Card(_a) {
       "data-variant": variant,
       className: cn(
         "flex flex-col gap-4 rounded-2xl py-4",
-        variant === "frosted-on-brand" || variant === "glass" ? "border border-(--primitive-white-alpha-64) bg-(--primitive-white-alpha-80) backdrop-blur-xl text-text-static-black" : "border border-border-default-default bg-background-primary-surface text-text-prominent-default",
+        variant === "frosted-on-brand" || variant === "glass" ? "border border-(--primitive-white-alpha-64) bg-(--primitive-white-alpha-80) backdrop-blur-xl text-text-static-black" : variant === "frosted" ? "bg-background-brand-selected text-text-brand-selected" : "border border-border-default-default bg-background-primary-surface text-text-prominent-default",
         interactive && "transition-transform duration-base ease-standard sm:hover:-translate-y-0.75 motion-reduce:transition-none motion-reduce:sm:hover:translate-y-0",
         className
       )
@@ -2603,17 +2614,16 @@ function DialogContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-            import_radix_ui12.Dialog.Close,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_radix_ui12.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            NavigationButton,
             {
               "data-slot": "dialog-close",
-              className: "absolute top-4 right-4 inline-flex size-8 items-center justify-center rounded-full text-icon-subtle-default opacity-70 transition-opacity hover:opacity-100 hover:bg-background-hover-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong focus-visible:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react10.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "sr-only", children: "Close" })
-              ]
+              size: "sm",
+              "aria-label": "Close",
+              className: "absolute top-4 right-4",
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react10.XIcon, { className: "size-4" })
             }
-          )
+          ) })
         ]
       })
     )
@@ -3496,7 +3506,7 @@ function EmptyDescription(_a) {
     __spreadValues({
       "data-slot": "empty-description",
       className: cn(
-        "type-empty-description text-text-subtle-default [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-text-brand-default",
+        "type-empty-description text-text-subtle-default [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-text-brand-selected",
         className
       )
     }, props)
@@ -3740,7 +3750,7 @@ function FieldDescription(_a) {
       className: cn(
         "type-field-description text-text-subtle-default group-has-[[data-orientation=horizontal]]/field:text-balance",
         "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
-        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-text-brand-default",
+        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-text-brand-selected",
         className
       )
     }, props)
@@ -4249,7 +4259,7 @@ function InputOTPSlot(_a) {
       "data-slot": "input-otp-slot",
       "data-active": isActive,
       className: cn(
-        "type-input-otp relative flex size-10 items-center justify-center border border-border-default-default bg-background-primary-surface font-body text-text-prominent-default transition-[color,box-shadow] outline-none first:rounded-l-xs last:rounded-r-xs aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft data-[active=true]:z-10 data-[active=true]:border-ring-focus-default data-[active=true]:ring-[3px] data-[active=true]:ring-ring-focus-soft data-[active=true]:aria-invalid:border-border-error-default data-[active=true]:aria-invalid:ring-ring-error-soft",
+        "type-input-otp relative flex size-12 items-center justify-center border border-border-default-default bg-background-primary-surface font-body text-text-prominent-default transition-[color,box-shadow] outline-none first:rounded-l-xs last:rounded-r-xs aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft data-[active=true]:z-10 data-[active=true]:border-ring-focus-default data-[active=true]:ring-[3px] data-[active=true]:ring-ring-focus-soft data-[active=true]:aria-invalid:border-border-error-default data-[active=true]:aria-invalid:ring-ring-error-soft",
         className
       )
     }, props), {
@@ -4428,7 +4438,7 @@ function ItemDescription(_a) {
       "data-slot": "item-description",
       className: cn(
         "type-item-description line-clamp-2 text-balance text-text-subtle-default",
-        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-text-brand-default",
+        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-text-brand-selected",
         className
       )
     }, props)
@@ -4493,7 +4503,7 @@ var linkVariants = (0, import_class_variance_authority11.cva)(
       // on-brand = static white for links on brand-coloured surfaces
       // (same family naming as Button/Input).
       tone: {
-        brand: "text-text-brand-default hover:text-text-brand-hover",
+        brand: "text-text-brand-selected hover:text-text-brand-hover",
         "on-brand": "text-text-on-brand-static hover:text-(--primitive-white-alpha-80)"
       }
     },
@@ -5283,37 +5293,203 @@ function PopoverDescription(_a) {
 }
 
 // components/ui/progress.tsx
+var React10 = __toESM(require("react"), 1);
 var import_radix_ui23 = require("radix-ui");
 var import_jsx_runtime41 = require("react/jsx-runtime");
+var BAR_HEIGHTS = {
+  sm: "h-1",
+  md: "h-2",
+  lg: "h-3"
+};
+var DOT_WIDTHS = {
+  sm: "w-4",
+  md: "w-6",
+  lg: "w-8"
+};
+var RINGS = {
+  sm: { box: 24, r: 11, stroke: 2 },
+  md: { box: 32, r: 15, stroke: 2 },
+  lg: { box: 48, r: 22, stroke: 3 },
+  xl: { box: 112, r: 52, stroke: 7 }
+};
 function Progress(_a) {
   var _b = _a, {
     className,
-    value
+    value,
+    variant = "bar",
+    size = "md",
+    label,
+    valueLabel,
+    segments = 5,
+    timer,
+    direction = "down",
+    onTimerEnd,
+    children
   } = _b, props = __objRest(_b, [
     "className",
-    "value"
+    "value",
+    "variant",
+    "size",
+    "label",
+    "valueLabel",
+    "segments",
+    "timer",
+    "direction",
+    "onTimerEnd",
+    "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  const [timerPct, setTimerPct] = React10.useState(
+    timer != null ? direction === "up" ? 0 : 100 : null
+  );
+  const endedRef = React10.useRef(false);
+  React10.useEffect(() => {
+    if (timer == null) {
+      setTimerPct(null);
+      return;
+    }
+    endedRef.current = false;
+    const start = performance.now();
+    let raf = 0;
+    const frame = (now) => {
+      const p = Math.min((now - start) / timer * 100, 100);
+      setTimerPct(direction === "up" ? p : 100 - p);
+      if (p < 100) {
+        raf = requestAnimationFrame(frame);
+      } else if (!endedRef.current) {
+        endedRef.current = true;
+        onTimerEnd == null ? void 0 : onTimerEnd();
+      }
+    };
+    raf = requestAnimationFrame(frame);
+    return () => cancelAnimationFrame(raf);
+  }, [timer, direction]);
+  const timed = timerPct != null;
+  const pct = timed ? timerPct : Math.min(Math.max(value != null ? value : 0, 0), 100);
+  const content = typeof children === "function" ? children(pct) : children;
+  if (variant === "dots") {
+    const filled = Math.round(pct / 100 * segments);
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      "div",
+      __spreadProps(__spreadValues({
+        "data-slot": "progress",
+        "data-variant": "dots",
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": pct,
+        className: cn("flex items-center gap-1", className)
+      }, props), {
+        children: Array.from({ length: segments }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          "span",
+          {
+            "data-slot": "progress-dot",
+            "data-filled": i < filled || void 0,
+            className: cn(
+              "h-1 rounded-full",
+              DOT_WIDTHS[size in BAR_HEIGHTS ? size : "md"],
+              i < filled ? "bg-background-brand-default" : "bg-background-secondary-surface"
+            )
+          },
+          i
+        ))
+      })
+    );
+  }
+  if (variant === "ring") {
+    const { box, r, stroke } = RINGS[size in RINGS ? size : "md"];
+    const circumference = 2 * Math.PI * r;
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+      "div",
+      __spreadProps(__spreadValues({
+        "data-slot": "progress",
+        "data-variant": "ring",
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": pct,
+        className: cn("relative inline-grid place-items-center", className),
+        style: { width: box, height: box }
+      }, props), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+            "svg",
+            {
+              viewBox: `0 0 ${box} ${box}`,
+              className: "absolute inset-0 -rotate-90",
+              "aria-hidden": true,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                  "circle",
+                  {
+                    cx: box / 2,
+                    cy: box / 2,
+                    r,
+                    fill: "none",
+                    className: "stroke-border-default-default",
+                    strokeWidth: stroke
+                  }
+                ),
+                pct > 0 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                  "circle",
+                  {
+                    "data-slot": "progress-ring-fill",
+                    cx: box / 2,
+                    cy: box / 2,
+                    r,
+                    fill: "none",
+                    className: cn(
+                      "stroke-background-brand-default",
+                      !timed && "transition-[stroke-dashoffset] duration-slow ease-linear"
+                    ),
+                    strokeWidth: stroke,
+                    strokeLinecap: "round",
+                    strokeDasharray: circumference,
+                    strokeDashoffset: circumference * (1 - pct / 100)
+                  }
+                )
+              ]
+            }
+          ),
+          content != null && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "type-progress-value relative text-text-prominent-default", children: content })
+        ]
+      })
+    );
+  }
+  const bar = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     import_radix_ui23.Progress.Root,
     __spreadProps(__spreadValues({
       "data-slot": "progress",
+      "data-variant": "bar",
+      value: pct,
       className: cn(
-        // One track spec, shared with Slider: h-2, full radius, secondary
+        // One track spec, shared with Slider: rounded-full, secondary
         // surface, solid brand fill.
-        "relative h-2 w-full overflow-hidden rounded-full bg-background-secondary-surface",
-        className
+        "relative w-full overflow-hidden rounded-full bg-background-secondary-surface",
+        BAR_HEIGHTS[size in BAR_HEIGHTS ? size : "md"],
+        label == null && valueLabel == null && className
       )
     }, props), {
       children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         import_radix_ui23.Progress.Indicator,
         {
           "data-slot": "progress-indicator",
-          className: "h-full w-full flex-1 bg-background-brand-default transition-all",
-          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+          className: cn(
+            "h-full w-full flex-1 rounded-full bg-background-brand-default",
+            !timed && "transition-transform duration-slow ease-linear"
+          ),
+          style: { transform: `translateX(-${100 - pct}%)` }
         }
       )
     })
   );
+  if (label == null && valueLabel == null) return bar;
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { "data-slot": "progress-meter", className: cn("flex w-full flex-col gap-1.5", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-baseline justify-between gap-3", children: [
+      label != null && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "type-progress-label text-text-prominent-default", children: label }),
+      valueLabel != null && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "type-progress-label ml-auto text-text-subtle-default tabular-nums", children: valueLabel })
+    ] }),
+    bar
+  ] });
 }
 
 // components/ui/profile-photo.tsx
@@ -5459,7 +5635,7 @@ function RadioGroupItem(_a) {
     __spreadProps(__spreadValues({
       "data-slot": "radio-group-item",
       className: cn(
-        "aspect-square size-4 shrink-0 rounded-full border border-border-default-default bg-background-primary-surface text-text-brand-default transition-[color,box-shadow] outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong data-[state=checked]:border-background-brand-default disabled:cursor-not-allowed disabled:opacity-24 aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft",
+        "aspect-square size-4 shrink-0 rounded-full border border-border-default-default bg-background-primary-surface transition-[color,box-shadow] outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong data-[state=checked]:border-border-brand-selected disabled:cursor-not-allowed disabled:opacity-24 aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft",
         className
       )
     }, props), {
@@ -5468,7 +5644,7 @@ function RadioGroupItem(_a) {
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react21.CircleIcon, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-background-brand-default text-background-brand-default" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react21.CircleIcon, { 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" })
         }
       )
     })
@@ -5651,10 +5827,16 @@ function SheetContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_radix_ui26.Dialog.Close, { className: "absolute top-4 right-4 inline-flex size-8 items-center justify-center rounded-full text-icon-subtle-default opacity-70 transition-opacity hover:opacity-100 hover:bg-background-hover-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong focus-visible:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react23.XIcon, { className: "size-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "sr-only", children: "Close" })
-          ] })
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui26.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            NavigationButton,
+            {
+              "data-slot": "sheet-close",
+              size: "sm",
+              "aria-label": "Close",
+              className: "absolute top-4 right-4",
+              children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react23.XIcon, { className: "size-4" })
+            }
+          ) })
         ]
       })
     )
@@ -5710,17 +5892,17 @@ function SheetDescription(_a) {
 }
 
 // components/ui/sidebar.tsx
-var React12 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var import_class_variance_authority13 = require("class-variance-authority");
 var import_lucide_react24 = require("lucide-react");
 var import_radix_ui28 = require("radix-ui");
 
 // hooks/use-mobile.ts
-var React10 = __toESM(require("react"), 1);
+var React11 = __toESM(require("react"), 1);
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React10.useState(void 0);
-  React10.useEffect(() => {
+  const [isMobile, setIsMobile] = React11.useState(void 0);
+  React11.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -5750,10 +5932,10 @@ function Skeleton(_a) {
 }
 
 // components/ui/tooltip.tsx
-var React11 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 var import_radix_ui27 = require("radix-ui");
 var import_jsx_runtime48 = require("react/jsx-runtime");
-var TooltipModeContext = React11.createContext("tooltip");
+var TooltipModeContext = React12.createContext("tooltip");
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
@@ -5787,7 +5969,7 @@ function TooltipTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "children"
   ]);
-  const mode = React11.useContext(TooltipModeContext);
+  const mode = React12.useContext(TooltipModeContext);
   if (mode === "drawer") {
     return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
   }
@@ -5809,7 +5991,7 @@ function TooltipContent(_a) {
     "closeLabel",
     "children"
   ]);
-  const mode = React11.useContext(TooltipModeContext);
+  const mode = React12.useContext(TooltipModeContext);
   if (mode === "drawer") {
     return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
       /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DrawerHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DrawerTitle, { children: title }) }),
@@ -5847,9 +6029,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React12.createContext(null);
+var SidebarContext = React13.createContext(null);
 function useSidebar() {
-  const context = React12.useContext(SidebarContext);
+  const context = React13.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -5872,10 +6054,10 @@ function SidebarProvider(_a) {
     "children"
   ]);
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React12.useState(false);
-  const [_open, _setOpen] = React12.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React13.useState(false);
+  const [_open, _setOpen] = React13.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React12.useCallback(
+  const setOpen = React13.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -5887,10 +6069,10 @@ function SidebarProvider(_a) {
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React12.useCallback(() => {
+  const toggleSidebar = React13.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -5901,7 +6083,7 @@ function SidebarProvider(_a) {
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React12.useMemo(
+  const contextValue = React13.useMemo(
     () => ({
       state,
       open,
@@ -6488,7 +6670,7 @@ function SidebarMenuSubButton(_a) {
 }
 
 // components/ui/slider.tsx
-var React13 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 var import_radix_ui29 = require("radix-ui");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function Slider(_a) {
@@ -6505,7 +6687,7 @@ function Slider(_a) {
     "min",
     "max"
   ]);
-  const _values = React13.useMemo(
+  const _values = React14.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -6598,10 +6780,186 @@ var Toaster = (_a) => {
   );
 };
 
-// components/ui/stepper.tsx
-var React14 = __toESM(require("react"), 1);
+// components/ui/slide-to-confirm.tsx
+var React15 = __toESM(require("react"), 1);
 var import_lucide_react26 = require("lucide-react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
+var CONFIRM_AT = 0.9;
+var HANDLE = 46;
+var INSET2 = 5;
+function SlideToConfirm(_a) {
+  var _b = _a, {
+    onConfirm,
+    label = "Slide to confirm",
+    confirmedLabel = "Confirmed",
+    disabled = false,
+    confirmed: controlledConfirmed,
+    className
+  } = _b, props = __objRest(_b, [
+    "onConfirm",
+    "label",
+    "confirmedLabel",
+    "disabled",
+    "confirmed",
+    "className"
+  ]);
+  const trackRef = React15.useRef(null);
+  const [dragX, setDragX] = React15.useState(0);
+  const [dragging, setDragging] = React15.useState(false);
+  const [trackWidth, setTrackWidth] = React15.useState(0);
+  const [internalConfirmed, setInternalConfirmed] = React15.useState(false);
+  const confirmed = controlledConfirmed != null ? controlledConfirmed : internalConfirmed;
+  const firedRef = React15.useRef(false);
+  React15.useEffect(() => {
+    if (controlledConfirmed === false) {
+      setInternalConfirmed(false);
+      setDragX(0);
+      firedRef.current = false;
+    }
+  }, [controlledConfirmed]);
+  React15.useEffect(() => {
+    const track = trackRef.current;
+    if (!track) return;
+    const ro = new ResizeObserver(() => setTrackWidth(track.clientWidth));
+    ro.observe(track);
+    setTrackWidth(track.clientWidth);
+    return () => ro.disconnect();
+  }, []);
+  const maxTravel = Math.max(trackWidth - HANDLE - INSET2 * 2, 0);
+  function confirm() {
+    if (firedRef.current) return;
+    firedRef.current = true;
+    setInternalConfirmed(true);
+    onConfirm == null ? void 0 : onConfirm();
+  }
+  function handlePointerDown(e) {
+    if (disabled || confirmed) return;
+    e.target.setPointerCapture(e.pointerId);
+    setDragging(true);
+  }
+  function handlePointerMove(e) {
+    if (!dragging || disabled || confirmed) return;
+    const track = trackRef.current;
+    if (!track) return;
+    const rect = track.getBoundingClientRect();
+    const x = e.clientX - rect.left - INSET2 - HANDLE / 2;
+    setDragX(Math.min(Math.max(x, 0), maxTravel));
+  }
+  function handlePointerUp() {
+    if (!dragging) return;
+    setDragging(false);
+    if (dragX >= maxTravel * CONFIRM_AT) {
+      setDragX(maxTravel);
+      confirm();
+    } else {
+      setDragX(0);
+    }
+  }
+  function handleKeyDown(e) {
+    if (disabled || confirmed) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      setDragX(maxTravel);
+      confirm();
+    }
+  }
+  const fillWidth = dragX === 0 ? 0 : dragX + HANDLE;
+  const revealWidth = INSET2 + dragX + HANDLE / 2;
+  const spring = "duration-slow ease-(--primitive-ease-spring)";
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    "div",
+    __spreadProps(__spreadValues({
+      ref: trackRef,
+      "data-slot": "slide-to-confirm",
+      "data-confirmed": confirmed || void 0,
+      role: "button",
+      tabIndex: disabled ? -1 : 0,
+      "aria-disabled": disabled || void 0,
+      "aria-label": typeof label === "string" ? label : void 0,
+      onKeyDown: handleKeyDown,
+      className: cn(
+        "relative h-14 w-full touch-none overflow-hidden rounded-full bg-background-secondary-surface select-none",
+        disabled && "pointer-events-none opacity-24",
+        "outline-none focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "absolute inset-0 grid place-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "type-slide-to-confirm text-text-subtle-default", children: label }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          "span",
+          {
+            "aria-hidden": true,
+            "data-slot": "slide-to-confirm-progress",
+            className: cn(
+              "absolute rounded-full bg-background-brand-default",
+              // Confirmed floods the whole track; mid-drag it sits inside the
+              // handle's inset so the two read as one continuous brand shape.
+              confirmed ? "inset-0" : "top-(--inset) bottom-(--inset) left-(--inset)",
+              !dragging && cn("transition-[width]", spring)
+            ),
+            style: {
+              "--inset": `${INSET2}px`,
+              width: confirmed ? "100%" : `${fillWidth}px`
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          "span",
+          {
+            "aria-hidden": true,
+            "data-slot": "slide-to-confirm-reveal",
+            className: cn(
+              "absolute inset-0 grid place-items-center",
+              !dragging && cn("transition-[clip-path]", spring)
+            ),
+            style: {
+              clipPath: confirmed ? "inset(0 round 9999px)" : `inset(0 calc(100% - ${revealWidth}px) 0 0 round 9999px)`
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "type-slide-to-confirm flex items-center gap-2 text-text-on-brand-static", children: confirmed ? confirmedLabel : label })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          "span",
+          {
+            "data-slot": "slide-to-confirm-handle",
+            "data-confirmed": confirmed || void 0,
+            onPointerDown: handlePointerDown,
+            onPointerMove: handlePointerMove,
+            onPointerUp: handlePointerUp,
+            onPointerCancel: handlePointerUp,
+            className: cn(
+              "absolute top-1/2 z-20 grid size-11.5 place-items-center rounded-full",
+              confirmed ? (
+                // Landed: an inverted disc on the flooded track, glow dropped
+                // — nothing left to drag, so no grab cursor.
+                "bg-background-static-white text-text-brand-default"
+              ) : "cursor-grab bg-background-brand-default text-text-on-brand-static [box-shadow:var(--shadow-brand-glow)] active:cursor-grabbing",
+              !dragging && cn("transition-[translate]", spring),
+              // Idle nudge, per the Refined spec: the handle drifts 10px and
+              // back. Safe because the sweep is 0-width at rest, so there is
+              // nothing behind the handle to expose. Rest only, and reduced
+              // motion turns it off.
+              !dragging && !disabled && !confirmed && dragX === 0 && "animate-slide-confirm-nudge motion-reduce:animate-none"
+            ),
+            style: {
+              left: `${INSET2}px`,
+              // Confirmed pins it to the far end even when the gesture came from
+              // the keyboard, where dragX never moved.
+              translate: `${confirmed ? maxTravel : dragX}px -50%`
+            },
+            children: confirmed ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react26.Check, { className: "size-4.5 [animation:slide-confirm-pop_var(--motion-pop)_var(--primitive-ease-overshoot)]" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react26.ArrowRight, { className: "size-4.5" })
+          }
+        )
+      ]
+    })
+  );
+}
+
+// components/ui/stepper.tsx
+var React16 = __toESM(require("react"), 1);
+var import_lucide_react27 = require("lucide-react");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
@@ -6613,19 +6971,14 @@ function getDecimalPlaces(n) {
 function formatValue(value, decimalPlaces) {
   return decimalPlaces > 0 ? value.toFixed(decimalPlaces) : String(value);
 }
-var stepperSizeConfig = {
-  sm: { container: "h-8", buttonSize: "icon-xs", iconClass: "size-3" },
-  md: { container: "h-10", buttonSize: "icon-xs", iconClass: "size-3.5" },
-  lg: { container: "h-12", buttonSize: "icon-sm", iconClass: "size-4" }
-};
 function Stepper({
+  label,
   value: controlledValue,
   defaultValue = 0,
   onValueChange,
   min = -Infinity,
   max = Infinity,
   step = 1,
-  size = "md",
   disabled,
   placeholder,
   className,
@@ -6633,18 +6986,17 @@ function Stepper({
   name,
   "aria-label": ariaLabel
 }) {
-  const { container, buttonSize, iconClass } = stepperSizeConfig[size];
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React14.useState(
+  const [internalValue, setInternalValue] = React16.useState(
     clamp(defaultValue, min, max)
   );
   const currentValue = isControlled ? controlledValue : internalValue;
   const decimalPlaces = getDecimalPlaces(step);
-  const [displayString, setDisplayString] = React14.useState(
+  const [displayString, setDisplayString] = React16.useState(
     formatValue(currentValue, decimalPlaces)
   );
-  const [isFocused, setIsFocused] = React14.useState(false);
-  React14.useEffect(() => {
+  const [isFocused, setIsFocused] = React16.useState(false);
+  React16.useEffect(() => {
     if (!isFocused) {
       setDisplayString(formatValue(currentValue, decimalPlaces));
     }
@@ -6694,68 +7046,293 @@ function Stepper({
       }
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
-    InputGroup,
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    "div",
     {
       "data-slot": "stepper",
       "data-disabled": disabled || void 0,
-      className: cn("w-32", container, className),
+      className: cn(
+        "flex w-full items-center justify-between gap-4",
+        // No opacity here on purpose. The +/- are Buttons and already carry
+        // their own disabled treatment; dimming the wrapper too multiplied
+        // with theirs (24% × 24% ≈ 6%) and made them all but invisible.
+        // Disabled text takes the disabled ink token instead of a wash.
+        disabled && "pointer-events-none",
+        className
+      ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-          InputGroupButton,
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          Button,
           {
-            size: buttonSize,
-            variant: "secondary",
+            type: "button",
+            variant: "frosted",
+            size: "icon-lg",
             onClick: handleDecrement,
             disabled: disabled || currentValue <= min,
             "aria-label": "Decrease value",
-            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react26.Minus, { className: iconClass })
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-          InputGroupInput,
-          {
-            type: "text",
-            inputMode: "numeric",
-            role: "spinbutton",
-            "aria-valuemin": min === -Infinity ? void 0 : min,
-            "aria-valuemax": max === Infinity ? void 0 : max,
-            "aria-valuenow": currentValue,
-            "aria-label": ariaLabel,
-            value: displayString,
-            onChange: handleInputChange,
-            onBlur: handleBlur,
-            onFocus: handleFocus,
-            onKeyDown: handleKeyDown,
-            disabled,
-            placeholder,
-            id,
-            name,
-            className: "text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react27.Minus, {})
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(InputGroupAddon, { align: "inline-end", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(InputGroupText, { children: "USDT" }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-            InputGroupButton,
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex min-w-0 flex-col items-center", children: [
+          label != null && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            "span",
+            {
+              className: cn(
+                "type-stepper-stake-label",
+                disabled ? "text-text-disabled-default" : "text-text-subtle-default"
+              ),
+              children: label
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            "input",
             {
-              size: buttonSize,
-              variant: "secondary",
-              onClick: handleIncrement,
-              disabled: disabled || currentValue >= max,
-              "aria-label": "Increase value",
-              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react26.Plus, { className: iconClass })
+              type: "text",
+              inputMode: "decimal",
+              role: "spinbutton",
+              "aria-valuemin": min === -Infinity ? void 0 : min,
+              "aria-valuemax": max === Infinity ? void 0 : max,
+              "aria-valuenow": currentValue,
+              "aria-label": ariaLabel,
+              value: displayString,
+              onChange: handleInputChange,
+              onBlur: handleBlur,
+              onFocus: handleFocus,
+              onKeyDown: handleKeyDown,
+              disabled,
+              placeholder,
+              id,
+              name,
+              size: Math.max(displayString.length, 1),
+              className: "type-stepper-stake-amount w-full min-w-0 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__ */ (0, import_jsx_runtime53.jsx)(
+          Button,
+          {
+            type: "button",
+            variant: "frosted",
+            size: "icon-lg",
+            onClick: handleIncrement,
+            disabled: disabled || currentValue >= max,
+            "aria-label": "Increase value",
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react27.Plus, {})
+          }
+        )
       ]
     }
   );
 }
 
+// components/ui/steps.tsx
+var React17 = __toESM(require("react"), 1);
+var import_lucide_react28 = require("lucide-react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var StepsContext = React17.createContext({ shape: "circle", orientation: "horizontal", size: "md" });
+function Steps(_a) {
+  var _b = _a, {
+    shape = "circle",
+    orientation = "horizontal",
+    size = "md",
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "shape",
+    "orientation",
+    "size",
+    "className",
+    "children"
+  ]);
+  const steps = React17.Children.toArray(children);
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StepsContext.Provider, { value: { shape, orientation, size }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    "ol",
+    __spreadProps(__spreadValues({
+      "data-slot": "steps",
+      "data-shape": shape,
+      "data-orientation": orientation,
+      "data-size": size,
+      className: cn(
+        "flex list-none",
+        orientation === "horizontal" ? "flex-row items-start" : "flex-col",
+        className
+      )
+    }, props), {
+      children: steps.map(
+        (child, index) => React17.isValidElement(child) ? React17.cloneElement(child, {
+          index: index + 1,
+          isFirst: index === 0,
+          isLast: index === steps.length - 1
+        }) : child
+      )
+    })
+  ) });
+}
+function Step(_a) {
+  var _b = _a, {
+    state = "upcoming",
+    icon,
+    title,
+    description,
+    tag,
+    index,
+    isFirst = false,
+    isLast = false,
+    className
+  } = _b, props = __objRest(_b, [
+    "state",
+    "icon",
+    "title",
+    "description",
+    "tag",
+    "index",
+    "isFirst",
+    "isLast",
+    "className"
+  ]);
+  const { shape, orientation, size } = React17.useContext(StepsContext);
+  const horizontal = orientation === "horizontal";
+  const sm = size === "sm";
+  const indicator = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    "span",
+    {
+      "data-slot": "step-indicator",
+      className: cn(
+        "type-steps-indicator z-10 grid shrink-0 place-items-center",
+        sm ? "size-6" : "size-8",
+        shape === "circle" ? "rounded-full" : "rounded-md",
+        state === "done" && "bg-background-success-solid text-text-on-status-static",
+        state === "active" && "bg-background-brand-default text-text-on-brand-static",
+        state === "upcoming" && "bg-background-secondary-surface text-text-subtle-default",
+        "[&_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__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react28.Check, {}) : icon != null ? icon : index
+    }
+  );
+  if (horizontal) {
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+      "li",
+      __spreadProps(__spreadValues({
+        "data-slot": "step",
+        "data-state": state,
+        "aria-current": state === "active" ? "step" : void 0,
+        className: cn("flex min-w-0 flex-1 flex-col items-center", className)
+      }, props), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-full items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+              "span",
+              {
+                "aria-hidden": true,
+                "data-slot": "step-connector",
+                className: cn("h-px flex-1", !isFirst && "bg-border-neutral-default")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: cn(!isFirst && "w-1", "shrink-0") }),
+            indicator,
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: cn(!isLast && "w-1", "shrink-0") }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+              "span",
+              {
+                "aria-hidden": true,
+                "data-slot": "step-connector",
+                className: cn("h-px flex-1", !isLast && "bg-border-neutral-default")
+              }
+            )
+          ] }),
+          (title != null || description != null) && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+            "div",
+            {
+              "data-slot": "step-body",
+              className: cn(
+                "flex min-w-0 flex-col items-center px-1 text-center",
+                sm ? "mt-1" : "mt-1.5"
+              ),
+              children: [
+                title != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                  "span",
+                  {
+                    className: cn(
+                      "type-steps-title",
+                      state === "upcoming" ? "text-text-subtle-default" : "text-text-prominent-default"
+                    ),
+                    children: title
+                  }
+                ),
+                tag != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "type-steps-tag whitespace-nowrap text-text-brand-selected", children: tag }),
+                description != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "type-steps-description text-text-subtle-default", children: description })
+              ]
+            }
+          )
+        ]
+      })
+    );
+  }
+  const hasBody = title != null || description != null;
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    "li",
+    __spreadProps(__spreadValues({
+      "data-slot": "step",
+      "data-state": state,
+      "aria-current": state === "active" ? "step" : void 0,
+      className: cn(
+        "flex min-w-0",
+        sm ? "gap-2.5" : "gap-3",
+        // Minimum row rhythm so title-only steps still leave a visible
+        // stretch of rail; description steps outgrow it naturally, and the
+        // last step needs none (no connector below it).
+        !isLast && (sm ? "min-h-11" : "min-h-14"),
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col items-center self-stretch", children: [
+          indicator,
+          !isLast && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+            "span",
+            {
+              "aria-hidden": true,
+              "data-slot": "step-connector",
+              className: "mt-1 mb-1 w-px flex-1 bg-border-neutral-default"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+          "div",
+          {
+            "data-slot": "step-body",
+            className: cn("flex min-w-0 flex-col", !isLast && (sm ? "pb-4" : "pb-6")),
+            children: [
+              title != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+                "span",
+                {
+                  className: cn(
+                    "type-steps-title",
+                    state === "upcoming" ? "text-text-subtle-default" : "text-text-prominent-default"
+                  ),
+                  children: [
+                    title,
+                    tag != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "type-steps-tag ml-2 whitespace-nowrap text-text-brand-selected", children: tag })
+                  ]
+                }
+              ),
+              description != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "type-steps-description text-text-subtle-default", children: description }),
+              !hasBody && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "sr-only", children: [
+                "Step ",
+                index
+              ] })
+            ]
+          }
+        )
+      ]
+    })
+  );
+}
+
 // components/ui/switch.tsx
 var import_radix_ui30 = require("radix-ui");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Switch(_a) {
   var _b = _a, {
     className,
@@ -6764,7 +7341,7 @@ function Switch(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     import_radix_ui30.Switch.Root,
     __spreadProps(__spreadValues({
       "data-slot": "switch",
@@ -6774,7 +7351,7 @@ function Switch(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         import_radix_ui30.Switch.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -6788,15 +7365,15 @@ function Switch(_a) {
 }
 
 // components/ui/table.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Table(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "table",
         __spreadValues({
           "data-slot": "table",
@@ -6808,7 +7385,7 @@ function Table(_a) {
 }
 function TableHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "thead",
     __spreadValues({
       "data-slot": "table-header",
@@ -6818,7 +7395,7 @@ function TableHeader(_a) {
 }
 function TableBody(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "tbody",
     __spreadValues({
       "data-slot": "table-body",
@@ -6828,7 +7405,7 @@ function TableBody(_a) {
 }
 function TableFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "tfoot",
     __spreadValues({
       "data-slot": "table-footer",
@@ -6841,7 +7418,7 @@ function TableFooter(_a) {
 }
 function TableRow(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "tr",
     __spreadValues({
       "data-slot": "table-row",
@@ -6854,7 +7431,7 @@ function TableRow(_a) {
 }
 function TableHead(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "th",
     __spreadValues({
       "data-slot": "table-head",
@@ -6867,7 +7444,7 @@ function TableHead(_a) {
 }
 function TableCell(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "td",
     __spreadValues({
       "data-slot": "table-cell",
@@ -6884,7 +7461,7 @@ function TableCaption(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "caption",
     __spreadValues({
       "data-slot": "table-caption",
@@ -6896,7 +7473,7 @@ function TableCaption(_a) {
 // components/ui/tabs.tsx
 var import_class_variance_authority14 = require("class-variance-authority");
 var import_radix_ui31 = require("radix-ui");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -6905,7 +7482,7 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_radix_ui31.Tabs.Root,
     __spreadValues({
       "data-slot": "tabs",
@@ -6948,7 +7525,7 @@ function TabsList(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_radix_ui31.Tabs.List,
     __spreadValues({
       "data-slot": "tabs-list",
@@ -6966,7 +7543,7 @@ function TabsTrigger(_a) {
     "className",
     "iconPosition"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_radix_ui31.Tabs.Trigger,
     __spreadValues({
       "data-slot": "tabs-trigger",
@@ -6992,7 +7569,7 @@ function TabsContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_radix_ui31.Tabs.Content,
     __spreadValues({
       "data-slot": "tabs-content",
@@ -7004,15 +7581,11 @@ function TabsContent(_a) {
 // components/ui/toggle.tsx
 var import_class_variance_authority15 = require("class-variance-authority");
 var import_radix_ui32 = require("radix-ui");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority15.cva)(
-  "type-toggle inline-flex items-center justify-center gap-2 rounded-md whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-background-hover-default hover:text-text-prominent-default focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong disabled:pointer-events-none disabled:opacity-24 aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft data-[state=on]:bg-background-hover-default data-[state=on]:border-transparent data-[state=on]:text-text-brand-selected [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "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-24 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",
   {
     variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border border-border-prominent-default bg-transparent text-text-prominent-default hover:bg-background-hover-default"
-      },
       size: {
         default: "h-10 min-w-10 px-2.5",
         sm: "h-8 min-w-8 px-1.5",
@@ -7020,7 +7593,6 @@ var toggleVariants = (0, import_class_variance_authority15.cva)(
       }
     },
     defaultVariants: {
-      variant: "default",
       size: "default"
     }
   }
@@ -7028,50 +7600,44 @@ var toggleVariants = (0, import_class_variance_authority15.cva)(
 function Toggle(_a) {
   var _b = _a, {
     className,
-    variant,
     size
   } = _b, props = __objRest(_b, [
     "className",
-    "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     import_radix_ui32.Toggle.Root,
     __spreadValues({
       "data-slot": "toggle",
-      className: cn(toggleVariants({ variant, size, className }))
+      className: cn(toggleVariants({ size, className }))
     }, props)
   );
 }
 
 // components/ui/toggle-group.tsx
-var React15 = __toESM(require("react"), 1);
+var React18 = __toESM(require("react"), 1);
 var import_radix_ui33 = require("radix-ui");
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var ToggleGroupContext = React15.createContext({
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var ToggleGroupContext = React18.createContext({
   size: "default",
-  variant: "default",
   spacing: 0
 });
 function ToggleGroup(_a) {
   var _b = _a, {
     className,
-    variant,
     size,
     spacing = 0,
     children
   } = _b, props = __objRest(_b, [
     "className",
-    "variant",
     "size",
     "spacing",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_radix_ui33.ToggleGroup.Root,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group",
-      "data-variant": variant,
       "data-size": size,
       "data-spacing": spacing,
       style: { "--gap": spacing },
@@ -7080,7 +7646,7 @@ function ToggleGroup(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ToggleGroupContext.Provider, { value: { size, spacing }, children })
     })
   );
 }
@@ -7088,29 +7654,27 @@ function ToggleGroupItem(_a) {
   var _b = _a, {
     className,
     children,
-    variant,
     size
   } = _b, props = __objRest(_b, [
     "className",
     "children",
-    "variant",
     "size"
   ]);
-  const context = React15.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  const context = React18.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_radix_ui33.ToggleGroup.Item,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group-item",
-      "data-variant": context.variant || variant,
       "data-size": context.size || size,
       "data-spacing": context.spacing,
       className: cn(
         toggleVariants({
-          variant: context.variant || variant,
           size: context.size || size
         }),
         "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10",
-        "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l data-[spacing=0]:data-[variant=outline]:data-[state=on]:border-l data-[spacing=0]:data-[variant=outline]:data-[state=on]:border-border-brand-selected",
+        // Joined (spacing 0): shared hairlines — every item after the first
+        // drops its left border; the on item paints solid over its cell.
+        "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:border-l-0 data-[spacing=0]:first:border-l",
         className
       )
     }, props), {
@@ -7120,7 +7684,7 @@ function ToggleGroupItem(_a) {
 }
 
 // components/blocks/result-block.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var THUMBS_UP_DATA_URL = "data:image/webp;base64,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";
 var THUMBS_DOWN_DATA_URL = "data:image/webp;base64,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";
 function ResultBlock({
@@ -7137,9 +7701,9 @@ function ResultBlock({
   const signedAmount = isWin ? `+${amount}` : `\u2212${amount}`;
   const amountColorClass = isWin ? "text-semantic-win" : "text-semantic-loss";
   const haloBgClass = isWin ? "bg-semantic-win" : "bg-semantic-loss";
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "relative flex items-center justify-center py-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "relative flex items-center justify-center py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         "span",
         {
           "aria-hidden": true,
@@ -7147,7 +7711,7 @@ function ResultBlock({
           className: `absolute size-24 rounded-full blur-2xl opacity-20 ${haloBgClass}`
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         "img",
         {
           "data-results-motion": isWin ? "icon-win" : "icon-loss",
@@ -7157,28 +7721,28 @@ function ResultBlock({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "font-display text-4xl font-semibold tabular-nums tracking-tight", children: signedAmount }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-lg font-semibold", children: currency })
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "font-display text-4xl font-semibold tabular-nums tracking-tight", children: signedAmount }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-lg font-semibold", children: currency })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Badge, { variant: "tint-neutral", size: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Badge, { variant: "tint-neutral", size: "sm", children: [
         contractLabel,
-        pickedDigit !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "tabular-nums", children: pickedDigit })
+        pickedDigit !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "tabular-nums", children: pickedDigit })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Badge, { variant: "tint-neutral", size: "sm", children: duration })
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Badge, { variant: "tint-neutral", size: "sm", children: duration })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "w-full pt-2", children: [
-      ctaMode === "next-round" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { className: "w-full", children: "Next round" }),
-      ctaMode === "go-again" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { className: "w-full", children: "Go again" }),
-      ctaMode === "conversion" && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "w-full flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { className: "w-full", children: "Deposit now" }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "w-full pt-2", children: [
+      ctaMode === "next-round" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { className: "w-full", children: "Next round" }),
+      ctaMode === "go-again" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { className: "w-full", children: "Go again" }),
+      ctaMode === "conversion" && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "w-full flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { className: "w-full", children: "Deposit now" }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
       ] })
     ] })
   ] });
@@ -7189,21 +7753,21 @@ function ResultDialog({
   primaryLabel,
   secondaryLabel
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-sm text-on-subtle", children: body })
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-sm text-on-subtle", children: body })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "w-full flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { className: "w-full", children: primaryLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "w-full flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { className: "w-full", children: primaryLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
     ] })
   ] });
 }
 
 // components/blocks/header-navigation-block.tsx
-var import_lucide_react27 = require("lucide-react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_lucide_react29 = require("lucide-react");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function HeaderNavigationBlock({
   onBack,
   badge,
@@ -7212,15 +7776,15 @@ function HeaderNavigationBlock({
   actions
 }) {
   var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
-    onBack && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react27.ArrowLeft, { className: "size-5" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
-      badge && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Badge, { variant: (_a = badge.variant) != null ? _a : "tint-warning", size: "sm", children: badge.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-sm text-on-subtle", children: balance.currency })
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
+    onBack && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react29.ArrowLeft, { className: "size-5" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
+      badge && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Badge, { variant: (_a = badge.variant) != null ? _a : "tint-warning", size: "sm", children: badge.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-sm text-on-subtle", children: balance.currency })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
-      history && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(HistoryButton, __spreadValues({}, history)),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
+      history && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HistoryButton, __spreadValues({}, history)),
       actions
     ] })
   ] }) });
@@ -7233,9 +7797,9 @@ function HistoryButton({
   const show = typeof count === "number" && count > 0;
   const label = show ? count > 99 ? "99+" : String(count) : null;
   const ariaLabel = ariaLabelOverride != null ? ariaLabelOverride : show ? `Open history, ${count} new` : "Open history";
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "relative inline-flex", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react27.History, { className: "size-5" }) }),
-    show && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "relative inline-flex", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react29.History, { className: "size-5" }) }),
+    show && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       "span",
       {
         "aria-hidden": true,
@@ -7247,9 +7811,9 @@ function HistoryButton({
 }
 
 // components/blocks/faq-block.tsx
-var import_lucide_react28 = require("lucide-react");
+var import_lucide_react30 = require("lucide-react");
 var import_radix_ui34 = require("radix-ui");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function FAQBlock({
   eyebrow = "FAQ",
   title = "Frequently asked questions",
@@ -7261,34 +7825,34 @@ function FAQBlock({
 }) {
   var _a, _b;
   if (layout === "two-column") {
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "@container w-full", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col @[600px]:flex-row gap-8 @[600px]:gap-12", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col gap-4 flex-1 @[600px]:max-w-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-xs font-body font-semibold tracking-widest uppercase text-on-subtle", children: eyebrow }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h2", { className: "text-4xl @[600px]:text-6xl font-semibold font-display text-on-prominent tracking-tight", children: title }),
-        intro && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-base font-body text-on-subtle", children: intro })
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "@container w-full", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col @[600px]:flex-row gap-8 @[600px]:gap-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col gap-4 flex-1 @[600px]:max-w-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-xs font-body font-semibold tracking-widest uppercase text-on-subtle", children: eyebrow }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h2", { className: "text-4xl @[600px]:text-6xl font-semibold font-display text-on-prominent tracking-tight", children: title }),
+        intro && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-base font-body text-on-subtle", children: intro })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         Accordion,
         {
           type: "single",
           collapsible: true,
           defaultValue: defaultValue != null ? defaultValue : (_a = items[0]) == null ? void 0 : _a.value,
           className: "w-full",
-          children: items.map(({ value, question, answer }, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(AccordionItem, { value, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_radix_ui34.Accordion.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+          children: items.map(({ value, question, answer }, i) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(AccordionItem, { value, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_radix_ui34.Accordion.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
               import_radix_ui34.Accordion.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__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "flex items-baseline gap-4", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-sm font-body text-on-subtle shrink-0 w-6", children: String(i + 1).padStart(2, "0") }),
-                    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-lg @[600px]:text-xl font-semibold font-display text-on-prominent", children: question })
+                  /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "flex items-baseline gap-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-sm font-body text-on-subtle shrink-0 w-6", children: String(i + 1).padStart(2, "0") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-lg @[600px]:text-xl font-semibold font-display text-on-prominent", children: question })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: cn(
+                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("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__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react28.Plus, { className: cn(
+                  ), children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react30.Plus, { 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"
@@ -7296,7 +7860,7 @@ function FAQBlock({
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-base font-body text-on-subtle pl-10 pb-4", children: answer }) })
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-base font-body text-on-subtle pl-10 pb-4", children: answer }) })
           ] }, value))
         }
       ) })
@@ -7307,38 +7871,38 @@ function FAQBlock({
   const helpCardPaddingClass = layout === "desktop" ? "p-8" : "p-6";
   const gapClass = layout === "desktop" ? "gap-12" : "gap-10";
   const headerGapClass = layout === "desktop" ? "gap-5" : "gap-4";
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: `w-full flex flex-col ${gapClass}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h2", { className: headingClass, children: title }),
-      intro && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: `w-full flex flex-col ${gapClass}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h2", { className: headingClass, children: title }),
+      intro && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       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__ */ (0, import_jsx_runtime60.jsxs)(AccordionItem, { value, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
+        children: items.map(({ value, question, answer }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(AccordionItem, { value, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
         ] }, value))
       }
     ),
-    helpCard && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h3", { className: helpTitleClass, children: helpCard.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
+    helpCard && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h3", { className: helpTitleClass, children: helpCard.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { size: "sm", onClick: helpCard.onCtaClick, children: helpCard.ctaLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { size: "sm", onClick: helpCard.onCtaClick, children: helpCard.ctaLabel })
     ] })
   ] });
 }
 
 // components/blocks/hero-block.tsx
-var import_lucide_react29 = require("lucide-react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_lucide_react31 = require("lucide-react");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function HeroBlock({
   layout = "centered",
   tagline,
@@ -7349,31 +7913,31 @@ function HeroBlock({
   image
 }) {
   if (layout === "centered") {
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col items-center justify-center gap-8 px-layout-margin-inline py-24 max-w-2xl mx-auto text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-        tagline && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TaglinePill, __spreadValues({}, tagline)),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col items-center justify-center gap-8 px-layout-margin-inline py-24 max-w-2xl mx-auto text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+        tagline && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TaglinePill, __spreadValues({}, tagline)),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Button, { size: "sm", onClick: primaryCta.onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Button, { size: "sm", onClick: primaryCta.onClick, children: [
         primaryCta.label,
-        primaryCta.trailingArrow !== false && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react29.ArrowRight, { className: "size-4" })
+        primaryCta.trailingArrow !== false && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react31.ArrowRight, { className: "size-4" })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col min-[600px]:flex-row items-center gap-layout-gutter px-layout-margin-inline py-16 min-[600px]:py-24 max-w-5xl mx-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-6 min-[600px]:gap-8 flex-1 min-w-0 items-center min-[600px]:items-start text-center min-[600px]:text-left w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
-        tagline && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-lg font-body text-on-subtle", children: body })
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col min-[600px]:flex-row items-center gap-layout-gutter px-layout-margin-inline py-16 min-[600px]:py-24 max-w-5xl mx-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-6 min-[600px]:gap-8 flex-1 min-w-0 items-center min-[600px]:items-start text-center min-[600px]:text-left w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
+        tagline && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-lg font-body text-on-subtle", children: body })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
-        secondaryCta && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
+        secondaryCta && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-full min-[600px]:flex-1 min-[600px]:min-w-0 aspect-square rounded-xl bg-subtle shrink-0", "aria-hidden": "true", children: image })
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "w-full min-[600px]:flex-1 min-[600px]:min-w-0 aspect-square rounded-xl bg-subtle shrink-0", "aria-hidden": "true", children: image })
   ] }) });
 }
 function TaglinePill({
@@ -7381,25 +7945,25 @@ function TaglinePill({
   suffix,
   responsive
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "inline-flex items-center gap-1.5 h-7 px-3 rounded-full border border-border-subtle bg-prominent shadow-sm shrink-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "size-1.5 rounded-full bg-semantic-win shrink-0", "aria-hidden": "true" }),
-    responsive && suffix ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "hidden min-[600px]:inline", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "inline-flex items-center gap-1.5 h-7 px-3 rounded-full border border-border-subtle bg-prominent shadow-sm shrink-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "size-1.5 rounded-full bg-semantic-win shrink-0", "aria-hidden": "true" }),
+    responsive && suffix ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "hidden min-[600px]:inline", children: [
         label,
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-on-subtle", children: " \xB7 " })
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-on-subtle", children: " \xB7 " })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
       label,
-      suffix && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
+      suffix && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react29.ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react31.ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
   ] });
 }
 
 // components/blocks/auth-block.tsx
-var React16 = __toESM(require("react"), 1);
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var React19 = __toESM(require("react"), 1);
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function AuthBlock({
   mode,
   logoSrc,
@@ -7414,20 +7978,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] = React16.useState("");
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
+  const [email, setEmail] = React19.useState("");
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h2", { className: "text-3xl font-semibold font-display text-on-prominent text-center", children: headingText }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex flex-col gap-3 w-full", children: providers.map((p) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ProviderButton, { provider: p }, p)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center gap-3 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex-1 h-px bg-border-subtle" }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex-1 h-px bg-border-subtle" })
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h2", { className: "text-3xl font-semibold font-display text-on-prominent text-center", children: headingText }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex flex-col gap-3 w-full", children: providers.map((p) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ProviderButton, { provider: p }, p)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-3 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex-1 h-px bg-border-subtle" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex-1 h-px bg-border-subtle" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex items-center gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex items-center gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       Input,
       {
         id: `${idPrefix}-email`,
@@ -7438,60 +8002,60 @@ function AuthBlock({
         onChange: (e) => setEmail(e.target.value)
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
       termsText,
       ", you agree to our",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("p", { className: "text-sm text-on-subtle font-body text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("p", { className: "text-sm text-on-subtle font-body text-center", children: [
       footerPrompt,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
     ] })
   ] });
 }
 function ProviderButton({ provider }) {
   switch (provider) {
     case "google":
-      return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z", fill: "#4285F4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z", fill: "#34A853" }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z", fill: "#FBBC05" }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58Z", fill: "#EA4335" })
+      return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z", fill: "#4285F4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z", fill: "#34A853" }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z", fill: "#FBBC05" }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58Z", fill: "#EA4335" })
         ] }),
         "Continue with Google"
       ] });
     case "telegram":
-      return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M13.5 5.25 11.25 13.5l-2.25-3-3 1.5 1.5-5.25 6-1.5Z", fill: "white", opacity: "0.3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "m4.5 8.625 7.5-3-1.125 7.125-2.625-2.25-1.5 1.5.375-3.375Z", fill: "white" })
+      return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M13.5 5.25 11.25 13.5l-2.25-3-3 1.5 1.5-5.25 6-1.5Z", fill: "white", opacity: "0.3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "m4.5 8.625 7.5-3-1.125 7.125-2.625-2.25-1.5 1.5.375-3.375Z", fill: "white" })
         ] }),
         "Continue with Telegram"
       ] });
     case "x":
-      return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M13.955 2.25h2.423L10.977 8.28 17.25 15.75h-4.812l-3.913-5.116-4.477 5.116H1.645l5.703-6.52L1.125 2.25h4.934l3.538 4.678 4.358-4.678Zm-.85 12.105h1.343L5.025 3.627H3.579l9.526 10.728Z" }) }),
+      return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M13.955 2.25h2.423L10.977 8.28 17.25 15.75h-4.812l-3.913-5.116-4.477 5.116H1.645l5.703-6.52L1.125 2.25h4.934l3.538 4.678 4.358-4.678Zm-.85 12.105h1.343L5.025 3.627H3.579l9.526 10.728Z" }) }),
         "Continue with X (Twitter)"
       ] });
   }
 }
 
 // components/blocks/navbar-block.tsx
-var React17 = __toESM(require("react"), 1);
-var import_lucide_react30 = require("lucide-react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var React20 = __toESM(require("react"), 1);
+var import_lucide_react32 = require("lucide-react");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function NavBarBlock({ brand, links, signIn, signUp }) {
   var _a, _b, _c, _d;
-  const [mobileMenuOpen, setMobileMenuOpen] = React17.useState(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("nav", { className: "bg-prominent", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center gap-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  const [mobileMenuOpen, setMobileMenuOpen] = React20.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("nav", { className: "bg-prominent", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "img",
           {
             src: brand.fullLogoSrc,
@@ -7499,7 +8063,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
             className: "hidden min-[600px]:block h-7 w-auto shrink-0 object-contain object-left"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "img",
           {
             src: brand.iconLogoSrc,
@@ -7507,13 +8071,13 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
             className: "min-[600px]:hidden size-7 shrink-0 object-contain"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
-        signIn && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
-        signUp && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
+        signIn && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
+        signUp && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         Button,
         {
           variant: "tertiary",
@@ -7522,12 +8086,12 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
           "aria-expanded": mobileMenuOpen,
           className: "min-[600px]:hidden",
           onClick: () => setMobileMenuOpen((prev) => !prev),
-          children: mobileMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react30.X, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react30.Menu, { className: "size-4" })
+          children: mobileMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react32.X, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react32.Menu, { className: "size-4" })
         }
       )
     ] }),
-    mobileMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "min-[600px]:hidden flex flex-col border-t border-border-subtle px-layout-margin-inline py-3 gap-1", children: [
-      links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    mobileMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "min-[600px]:hidden flex flex-col border-t border-border-subtle px-layout-margin-inline py-3 gap-1", children: [
+      links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         Button,
         {
           variant: "tertiary",
@@ -7538,17 +8102,17 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
         },
         l.label
       )),
-      (signIn || signUp) && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
-        signIn && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
-        signUp && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
+      (signIn || signUp) && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
+        signIn && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
+        signUp && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
       ] })
     ] })
   ] }) });
 }
 
 // components/blocks/open-positions-block.tsx
-var import_lucide_react31 = require("lucide-react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_lucide_react33 = require("lucide-react");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function OpenPositionsBlock({
   trigger,
   sheetTitle = "Positions",
@@ -7557,28 +8121,28 @@ function OpenPositionsBlock({
   emptyState
 }) {
   const isMobile = useIsMobile();
-  const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(PositionsList, { positions, onViewHistory });
+  const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PositionsList, { positions, onViewHistory });
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Drawer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DrawerTrigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(DrawerContent, { className: "p-0 flex flex-col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react31.X, {}) }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Drawer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DrawerTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(DrawerContent, { className: "p-0 flex flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react33.X, {}) }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Separator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Separator, {}),
         body
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Sheet, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SheetTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SheetClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react31.X, {}) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Sheet, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SheetTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SheetClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react33.X, {}) }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Separator, {}),
       body
     ] })
   ] });
@@ -7587,23 +8151,23 @@ function PositionsList({
   positions,
   onViewHistory
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col flex-1 min-h-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(PositionRow, { position: pos }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col flex-1 min-h-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PositionRow, { position: pos }, i)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Separator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" }) })
   ] });
 }
 function PositionRow({ position }) {
   const { label, suffix } = positionTitleParts(position);
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Item, { size: "sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(ItemContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(ItemTitle, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-on-prominent", children: label }),
-        suffix && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-on-subtle", children: ` ${suffix}` })
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Item, { size: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ItemContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ItemTitle, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-on-prominent", children: label }),
+        suffix && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-on-subtle", children: ` ${suffix}` })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(MetaNote, { market: position.market, duration: position.duration })
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MetaNote, { market: position.market, duration: position.duration })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ItemActions, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(PnlMeta, { pnl: position.pnl, win: position.win, stake: position.stake }) })
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ItemActions, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PnlMeta, { pnl: position.pnl, win: position.win, stake: position.stake }) })
   ] });
 }
 var DIGITS_TYPE_LABEL = {
@@ -7629,29 +8193,29 @@ function positionTitleParts(p) {
   }
 }
 function MetaNote({ market, duration }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
     market,
     " \xB7 ",
     duration
   ] });
 }
 function PnlMeta({ pnl, win, stake }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col items-end gap-0.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: `font-display font-semibold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col items-end gap-0.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: `font-display font-semibold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
   ] });
 }
 function DefaultEmptyState({ onViewHistory }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(EmptyHeader, { className: "gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EmptyMedia, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react31.History, { className: "size-8 text-on-subtle" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(EmptyTitle, { className: "h6 text-on-subtle", children: "No trades yet." }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" })
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(EmptyHeader, { className: "gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EmptyMedia, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react33.History, { className: "size-8 text-on-subtle" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EmptyTitle, { className: "h6 text-on-subtle", children: "No trades yet." }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" })
   ] }) });
 }
 
 // components/blocks/game-loading-block.tsx
-var React18 = __toESM(require("react"), 1);
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var React21 = __toESM(require("react"), 1);
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function useSmoothProgress({
   checkpoints,
   reached,
@@ -7661,19 +8225,19 @@ function useSmoothProgress({
   readyLabel = "Ready"
 }) {
   var _a, _b;
-  const [progress, setProgress] = React18.useState(0);
-  const [delayed, setDelayed] = React18.useState(false);
-  const checkpointsRef = React18.useRef(checkpoints);
-  const reachedRef = React18.useRef(reached);
-  const doneRef = React18.useRef(done);
-  React18.useEffect(() => {
+  const [progress, setProgress] = React21.useState(0);
+  const [delayed, setDelayed] = React21.useState(false);
+  const checkpointsRef = React21.useRef(checkpoints);
+  const reachedRef = React21.useRef(reached);
+  const doneRef = React21.useRef(done);
+  React21.useEffect(() => {
     checkpointsRef.current = checkpoints;
     reachedRef.current = reached;
     doneRef.current = done;
   });
-  const progressRef = React18.useRef(0);
-  const lastAdvanceRef = React18.useRef(0);
-  React18.useEffect(() => {
+  const progressRef = React21.useRef(0);
+  const lastAdvanceRef = React21.useRef(0);
+  React21.useEffect(() => {
     let raf = 0;
     let last = 0;
     const tick = (ts) => {
@@ -7727,14 +8291,14 @@ function GameLoadingBlock({
   backgroundImageUrl,
   className
 }) {
-  const [go, setGo] = React18.useState(false);
-  const [reduced, setReduced] = React18.useState(false);
-  React18.useEffect(() => {
+  const [go, setGo] = React21.useState(false);
+  const [reduced, setReduced] = React21.useState(false);
+  React21.useEffect(() => {
     if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
       setReduced(window.matchMedia("(prefers-reduced-motion: reduce)").matches);
     }
   }, []);
-  React18.useEffect(() => {
+  React21.useEffect(() => {
     if (!exiting) return;
     const raf = requestAnimationFrame(() => setGo(true));
     const timer = setTimeout(() => onExitEnd == null ? void 0 : onExitEnd(), reduced ? 240 : 520);
@@ -7744,7 +8308,7 @@ function GameLoadingBlock({
     };
   }, [exiting, reduced, onExitEnd]);
   const isAbsolute = exiting || contained;
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     "div",
     {
       role: "status",
@@ -7763,7 +8327,7 @@ function GameLoadingBlock({
       ),
       style: backgroundImageUrl ? { backgroundImage: `url(${backgroundImageUrl})` } : void 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           "svg",
           {
             width: "120",
@@ -7772,19 +8336,19 @@ function GameLoadingBlock({
             xmlns: "http://www.w3.org/2000/svg",
             "aria-hidden": "true",
             className: cn("game-loader-mark fill-on-primary", exiting && go && !reduced && "game-loader-mark-exit"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: MONOGRAM_D })
+            children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { d: MONOGRAM_D })
           }
         ),
-        !exiting && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex w-[200px] flex-col items-start gap-3.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "relative h-2 w-full overflow-hidden rounded-xs bg-on-primary/25", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        !exiting && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex w-[200px] flex-col items-start gap-3.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "relative h-2 w-full overflow-hidden rounded-xs bg-on-primary/25", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
             "div",
             {
               className: "absolute inset-y-0 left-0 overflow-hidden rounded-xs bg-on-primary",
               style: { width: `${progress}%` },
-              children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { "aria-hidden": "true", className: "game-loader-shimmer absolute inset-y-0 left-[-60%] w-[60%]" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { "aria-hidden": "true", className: "game-loader-shimmer absolute inset-y-0 left-[-60%] w-[60%]" })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "caption text-on-primary/90", children: delayed ? "Taking longer than usual\u2026" : label })
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "caption text-on-primary/90", children: delayed ? "Taking longer than usual\u2026" : label })
         ] })
       ]
     }
@@ -8051,9 +8615,12 @@ function GameLoadingBlock({
   SidebarSeparator,
   SidebarTrigger,
   Skeleton,
+  SlideToConfirm,
   Slider,
   Spinner,
+  Step,
   Stepper,
+  Steps,
   Switch,
   Table,
   TableBody,