@trading-game/design-intelligence-layer 1.0.3 → 1.0.4

package/dist/index.js

@@ -75,7 +75,7 @@ function AccordionTrigger(_a) {
     __spreadProps(__spreadValues({
       "data-slot": "accordion-trigger",
       className: cn(
-        "flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left type-accordion-trigger transition-all outline-none hover:underline focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong disabled:pointer-events-none disabled:opacity-24 [&[data-state=open]>svg]:rotate-180",
+        "flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left type-accordion-trigger transition-all outline-none hover:underline focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong disabled:pointer-events-none disabled:text-text-disabled-default [&[data-state=open]>svg]:rotate-180",
         className
       )
     }, props), {
@@ -157,44 +157,53 @@ function Spinner(_a) {
 // components/ui/button.tsx
 import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var buttonVariants = cva(
-  "inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-[color,border-color,opacity,box-shadow,transform] outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong active:opacity-60 disabled:pointer-events-none disabled:opacity-24 aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft [&_svg]:pointer-events-none [&_svg]:shrink-0 font-display",
+  "inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-[color,border-color,opacity,box-shadow,transform] outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong active:opacity-60 disabled:pointer-events-none aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft [&_svg]:pointer-events-none [&_svg]:shrink-0 font-display",
   {
     variants: {
       variant: {
         // Primary brand blue (#2323FF)
-        primary: "bg-background-brand-default text-text-on-brand-static hover:bg-background-brand-hover active:bg-background-brand-pressed active:opacity-100",
+        primary: "bg-background-brand-default text-text-on-brand-static hover:bg-background-brand-hover active:bg-background-brand-pressed active:opacity-100 disabled:[background-image:linear-gradient(var(--background-disabled-default),var(--background-disabled-default))] disabled:text-text-disabled-default",
         // Primary Inverse — white bg + blue text; for use on dark/coloured surfaces
         // On-brand family — for buttons standing on a brand-coloured surface
         // (NOT theme inverses): white pill with primary ink, white outline,
         // white text. All static, because the brand panel is the same in
         // both themes.
-        "primary-on-brand": "bg-background-static-white text-text-brand-default hover:bg-background-static-white-wash",
+        "primary-on-brand": "bg-background-static-white text-text-brand-default hover:bg-background-static-white-wash disabled:bg-(--primitive-white-alpha-24) disabled:text-text-on-brand-disabled-default",
         // Secondary — the design file's white-surface pill: card surface,
-        // hairline border, prominent ink. Hover swaps to the secondary
-        // surface (one lift up), press dims via the shared active state.
-        secondary: "bg-background-primary-surface border border-border-default-default text-text-prominent-default hover:bg-background-secondary-surface",
+        // prominent ink, hover swaps to the secondary surface (one lift up),
+        // press dims via the shared active state.
+        //
+        // The edge is 1.5px on `border-control-default`, not the shared 1px
+        // hairline. The white fill separates from the canvas by only 1.06:1,
+        // so the border — not the fill — is what contains the 16px semibold
+        // label; at 1px on the shared hairline it read as detached from both.
+        // `secondary-on-brand` matches the width and the *subtlety*
+        // (white-alpha-32 = 1.84:1 on brand, against 1.71:1 here) so both
+        // read as the same quiet edge. Its contrast is higher only because it
+        // has no fill behind it — there, the border IS the button.
+        secondary: "bg-background-primary-surface border-[1.5px] border-border-control-default text-text-prominent-default hover:bg-background-secondary-surface disabled:[background-image:linear-gradient(var(--background-disabled-default),var(--background-disabled-default))] disabled:border-border-disabled-default disabled:text-text-disabled-default",
         // Secondary Inverse — white border + white text; for use on dark/coloured surfaces
-        "secondary-on-brand": "bg-transparent border border-background-static-white text-text-on-brand-static hover:bg-(--primitive-white-alpha-8)",
-        tertiary: "bg-transparent text-text-prominent-default hover:bg-background-hover-default",
+        "secondary-on-brand": "bg-transparent border-[1.5px] border-(--primitive-white-alpha-32) text-text-on-brand-static hover:bg-(--primitive-white-alpha-8) disabled:border-(--primitive-white-alpha-16) disabled:text-text-on-brand-disabled-default",
+        tertiary: "bg-transparent text-text-prominent-default hover:bg-background-hover-default disabled:text-text-disabled-default",
         // Tertiary Inverse — transparent + white text/icon; for use on dark/coloured surfaces
-        "tertiary-on-brand": "bg-transparent text-text-on-brand-static hover:bg-(--primitive-white-alpha-8)",
+        "tertiary-on-brand": "bg-transparent text-text-on-brand-static hover:bg-(--primitive-white-alpha-8) disabled:text-text-on-brand-disabled-default",
         // Frosted — the tinted-glass family, one look per surface:
         // `frosted` sits on page surfaces (brand-selected tint + brand ink,
         // hover/pressed via the state-layer glazes stacked over the solid
         // fill); `frosted-on-brand` is the white frost for coloured/art
         // surfaces (hover thickens the frost, press thins it).
-        frosted: "bg-background-brand-selected text-text-brand-selected active:opacity-100 hover:[background-image:linear-gradient(var(--background-hover-default),var(--background-hover-default))] active:[background-image:linear-gradient(var(--background-pressed-default),var(--background-pressed-default))]",
-        "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",
+        frosted: "bg-background-brand-selected text-text-brand-selected active:opacity-100 hover:[background-image:linear-gradient(var(--background-hover-default),var(--background-hover-default))] active:[background-image:linear-gradient(var(--background-pressed-default),var(--background-pressed-default))] disabled:[background-image:linear-gradient(var(--background-disabled-default),var(--background-disabled-default))] disabled:text-text-disabled-default",
+        "frosted-on-brand": "bg-(--primitive-white-alpha-24) backdrop-blur-md text-text-on-brand-static hover:bg-(--primitive-white-alpha-32) active:bg-(--primitive-white-alpha-16) active:opacity-100 disabled:bg-(--primitive-white-alpha-8) disabled:text-text-on-brand-disabled-default",
         /* @deprecated aliases — shimmer became the `shimmer` boolean prop;
            the inverse names became the on-brand family; `glass` became
            `frosted-on-brand`. Deleted at v1.0. */
-        glass: "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",
+        glass: "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 disabled:bg-(--primitive-white-alpha-8) disabled:text-text-on-brand-disabled-default",
         "primary-shimmer": "relative overflow-hidden bg-background-brand-default text-text-on-brand-static hover:bg-background-brand-hover active:bg-background-brand-pressed active:opacity-100",
         "primary-on-brand-shimmer": "relative overflow-hidden bg-background-static-white text-text-brand-default hover:bg-background-static-white-wash",
         "primary-inverse": "bg-background-static-white text-text-brand-container-static hover:bg-background-static-white-wash",
         "primary-inverse-shimmer": "relative overflow-hidden bg-background-static-white text-text-brand-container-static hover:bg-background-static-white-wash",
         "secondary-inverse": "bg-transparent border border-background-static-white text-text-on-brand-static hover:bg-(--primitive-white-alpha-8)",
-        "tertiary-inverse": "bg-transparent text-text-on-brand-static hover:bg-(--primitive-white-alpha-8)"
+        "tertiary-inverse": "bg-transparent text-text-on-brand-static hover:bg-(--primitive-white-alpha-8) disabled:text-text-on-brand-disabled-default"
       },
       size: {
         // One primitive type step per size (16/14/12) and padding-x = half
@@ -301,16 +310,16 @@ import { Slot as Slot2 } from "radix-ui";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var navigationButtonVariants = cva2(
   // Icon-only nav control — circular like every icon button in the system.
-  "inline-flex shrink-0 items-center justify-center rounded-full transition-all duration-fast ease-standard outline-none focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong active:opacity-60 disabled:pointer-events-none disabled:opacity-24 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  "inline-flex shrink-0 items-center justify-center rounded-full transition-all duration-fast ease-standard outline-none focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong active:opacity-60 disabled:pointer-events-none disabled:[background-image:linear-gradient(var(--background-disabled-default),var(--background-disabled-default))] disabled:text-text-disabled-default [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
       variant: {
         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",
+        "frosted-on-brand": "bg-(--primitive-white-alpha-24) backdrop-blur-md text-text-on-brand-static hover:bg-(--primitive-white-alpha-32) active:bg-(--primitive-white-alpha-16) active:opacity-100",
         /* @deprecated — renamed to frosted-on-brand. Deleted at v1.0. */
-        glass: "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"
+        glass: "bg-(--primitive-white-alpha-24) backdrop-blur-md text-text-on-brand-static hover:bg-(--primitive-white-alpha-32) active:bg-(--primitive-white-alpha-16) active:opacity-100"
       },
       size: {
         lg: "size-12 [&_svg:not([class*='size-'])]:size-6",
@@ -1448,7 +1457,7 @@ function SelectTrigger(_a) {
       "data-readonly": readOnly ? "" : void 0,
       className: cn(
         selectTriggerType[size],
-        "flex w-fit items-center justify-between gap-2 rounded-xs border border-border-default-default bg-background-primary-surface text-text-prominent-default appearance-none whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-soft disabled:cursor-not-allowed disabled:opacity-24 aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft data-[placeholder]:text-text-subtle-default data-[size=sm]:h-8 data-[size=sm]:px-3 data-[size=sm]:py-1 data-[size=md]:h-10 data-[size=md]:px-3 data-[size=md]:py-1 data-[size=lg]:h-12 data-[size=lg]:px-4 data-[size=lg]:py-2 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-icon-subtle-default data-[readonly]:cursor-default data-[readonly]:opacity-100",
+        "flex w-fit items-center justify-between gap-2 rounded-xs border border-border-default-default bg-background-primary-surface text-text-prominent-default appearance-none whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-soft disabled:cursor-not-allowed disabled:text-text-disabled-default disabled:[background-image:linear-gradient(var(--background-disabled-default),var(--background-disabled-default))] aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft data-[placeholder]:text-text-subtle-default data-[size=sm]:h-8 data-[size=sm]:px-3 data-[size=sm]:py-1 data-[size=md]:h-10 data-[size=md]:px-3 data-[size=md]:py-1 data-[size=lg]:h-12 data-[size=lg]:px-4 data-[size=lg]:py-2 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-icon-subtle-default data-[readonly]:cursor-default data-[readonly]:opacity-100",
         className
       )
     }, props), {
@@ -1547,7 +1556,7 @@ function SelectItem(_a) {
     __spreadProps(__spreadValues({
       "data-slot": "select-item",
       className: cn(
-        "relative flex w-full cursor-default items-center gap-2 type-menu-item rounded-md py-1.5 pr-8 pl-2 outline-hidden select-none focus:bg-background-hover-default focus:text-text-prominent-default data-[state=checked]:text-text-brand-selected data-[disabled]:pointer-events-none data-[disabled]:opacity-24 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-icon-subtle-default *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "relative flex w-full cursor-default items-center gap-2 type-menu-item rounded-md py-1.5 pr-8 pl-2 outline-hidden select-none focus:bg-background-hover-default focus:text-text-prominent-default data-[state=checked]:text-text-brand-selected data-[disabled]:pointer-events-none data-[disabled]:text-text-disabled-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-icon-subtle-default *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       )
     }, props), {
@@ -1668,12 +1677,12 @@ function Calendar(_a) {
         ),
         button_previous: cn(
           buttonVariants({ variant: buttonVariant }),
-          "pointer-events-auto size-(--cell-size) p-0 select-none aria-disabled:opacity-24",
+          "pointer-events-auto size-(--cell-size) p-0 select-none aria-disabled:[background-image:linear-gradient(var(--background-disabled-default),var(--background-disabled-default))] disabled:text-text-disabled-default",
           defaultClassNames.button_previous
         ),
         button_next: cn(
           buttonVariants({ variant: buttonVariant }),
-          "pointer-events-auto size-(--cell-size) p-0 select-none aria-disabled:opacity-24",
+          "pointer-events-auto size-(--cell-size) p-0 select-none aria-disabled:[background-image:linear-gradient(var(--background-disabled-default),var(--background-disabled-default))] disabled:text-text-disabled-default",
           defaultClassNames.button_next
         ),
         month_caption: cn(
@@ -1952,13 +1961,230 @@ function CardFooter(_a) {
 }
 
 // components/ui/carousel.tsx
-import * as React5 from "react";
+import * as React6 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
+
+// components/ui/pagination.tsx
+import * as React5 from "react";
+import {
+  ChevronLeftIcon as ChevronLeftIcon2,
+  ChevronRightIcon as ChevronRightIcon2,
+  MoreHorizontalIcon
+} from "lucide-react";
 import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
-var CarouselContext = React5.createContext(null);
+function Pagination(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx16(
+    "nav",
+    __spreadValues({
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className)
+    }, props)
+  );
+}
+function PaginationContent(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx16(
+    "ul",
+    __spreadValues({
+      "data-slot": "pagination-content",
+      className: cn("flex flex-row items-center gap-1", className)
+    }, props)
+  );
+}
+function PaginationItem(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx16("li", __spreadValues({ "data-slot": "pagination-item" }, props));
+}
+function PaginationLink(_a) {
+  var _b = _a, {
+    className,
+    isActive
+  } = _b, props = __objRest(_b, [
+    "className",
+    "isActive"
+  ]);
+  return /* @__PURE__ */ jsx16(
+    "a",
+    __spreadValues({
+      "aria-current": isActive ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      className: cn(
+        "type-pagination inline-flex shrink-0 items-center justify-center size-10 rounded-full font-display whitespace-nowrap transition-[color,background-color,border-color] outline-none border focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong",
+        isActive ? "bg-background-brand-selected border-border-brand-selected text-text-brand-selected" : "bg-transparent border-transparent text-text-prominent-default hover:bg-background-hover-default",
+        className
+      )
+    }, props)
+  );
+}
+function PaginationPrevious(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx16(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx16("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx16(ChevronLeftIcon2, { className: "size-5" }) })) });
+}
+function PaginationNext(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx16(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx16("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx16(ChevronRightIcon2, { className: "size-5" }) })) });
+}
+function PaginationEllipsis(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs10(
+    "span",
+    __spreadProps(__spreadValues({
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: cn("flex size-10 items-center justify-center", className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx16(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "More pages" })
+      ]
+    })
+  );
+}
+var INDICATOR_WIDTHS = {
+  sm: "w-4",
+  md: "w-6",
+  lg: "w-8"
+};
+var ACTIVE_DOT_WIDTHS = {
+  sm: "w-4",
+  md: "w-5",
+  lg: "w-6"
+};
+var DOT_SIZES = {
+  sm: "size-1.5",
+  md: "size-2",
+  lg: "size-2.5"
+};
+function useIndicatorPages(total) {
+  return React5.useMemo(
+    () => Array.from({ length: Math.max(0, total) }, (_, i) => i),
+    [total]
+  );
+}
+function PaginationDots(_a) {
+  var _b = _a, {
+    className,
+    page,
+    total,
+    onPageChange,
+    size = "md",
+    label = "Pagination"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "page",
+    "total",
+    "onPageChange",
+    "size",
+    "label"
+  ]);
+  const pages = useIndicatorPages(total);
+  return /* @__PURE__ */ jsx16(
+    "nav",
+    __spreadProps(__spreadValues({
+      role: "navigation",
+      "aria-label": label,
+      "data-slot": "pagination-dots",
+      className: cn("flex items-center justify-center gap-1", className)
+    }, props), {
+      children: pages.map((i) => {
+        const active = i === page;
+        return /* @__PURE__ */ jsx16(
+          "button",
+          {
+            type: "button",
+            "data-slot": "pagination-dot",
+            "data-active": active || void 0,
+            "aria-current": active ? "page" : void 0,
+            "aria-label": `Go to page ${i + 1}`,
+            onClick: () => onPageChange == null ? void 0 : onPageChange(i),
+            className: cn(
+              "rounded-full outline-none transition-[width,background-color] duration-base ease-standard",
+              "focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong",
+              active ? cn("h-1.5 bg-background-brand-default", ACTIVE_DOT_WIDTHS[size]) : cn(DOT_SIZES[size], "bg-background-secondary-surface hover:bg-background-brand-selected")
+            )
+          },
+          i
+        );
+      })
+    })
+  );
+}
+function PaginationBar(_a) {
+  var _b = _a, {
+    className,
+    page,
+    total,
+    onPageChange,
+    size = "md",
+    label = "Pagination"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "page",
+    "total",
+    "onPageChange",
+    "size",
+    "label"
+  ]);
+  const pages = useIndicatorPages(total);
+  return /* @__PURE__ */ jsx16(
+    "nav",
+    __spreadProps(__spreadValues({
+      role: "navigation",
+      "aria-label": label,
+      "data-slot": "pagination-bar",
+      className: cn("flex items-center justify-center gap-1", className)
+    }, props), {
+      children: pages.map((i) => {
+        const active = i === page;
+        return /* @__PURE__ */ jsx16(
+          "button",
+          {
+            type: "button",
+            "data-slot": "pagination-segment",
+            "data-active": active || void 0,
+            "aria-current": active ? "page" : void 0,
+            "aria-label": `Go to page ${i + 1}`,
+            onClick: () => onPageChange == null ? void 0 : onPageChange(i),
+            className: cn(
+              "h-1 rounded-full outline-none transition-colors duration-base ease-standard",
+              INDICATOR_WIDTHS[size],
+              "focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong",
+              active ? "bg-background-brand-default" : "bg-background-secondary-surface hover:bg-background-brand-selected"
+            )
+          },
+          i
+        );
+      })
+    })
+  );
+}
+
+// components/ui/carousel.tsx
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+var CarouselContext = React6.createContext(null);
 function useCarousel() {
-  const context = React5.useContext(CarouselContext);
+  const context = React6.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -1986,20 +2212,27 @@ function Carousel(_a) {
     }),
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React5.useState(false);
-  const [canScrollNext, setCanScrollNext] = React5.useState(false);
-  const onSelect = React5.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React6.useState(false);
+  const [canScrollNext, setCanScrollNext] = React6.useState(false);
+  const [selectedIndex, setSelectedIndex] = React6.useState(0);
+  const [slideCount, setSlideCount] = React6.useState(0);
+  const onSelect = React6.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
+    setSelectedIndex(api2.selectedScrollSnap());
+    setSlideCount(api2.scrollSnapList().length);
   }, []);
-  const scrollPrev = React5.useCallback(() => {
+  const scrollPrev = React6.useCallback(() => {
     api == null ? void 0 : api.scrollPrev();
   }, [api]);
-  const scrollNext = React5.useCallback(() => {
+  const scrollNext = React6.useCallback(() => {
     api == null ? void 0 : api.scrollNext();
   }, [api]);
-  const handleKeyDown = React5.useCallback(
+  const scrollTo = React6.useCallback((index) => {
+    api == null ? void 0 : api.scrollTo(index);
+  }, [api]);
+  const handleKeyDown = React6.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -2011,11 +2244,11 @@ function Carousel(_a) {
     },
     [scrollPrev, scrollNext]
   );
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -2024,7 +2257,7 @@ function Carousel(_a) {
       api == null ? void 0 : api.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     CarouselContext.Provider,
     {
       value: {
@@ -2035,9 +2268,12 @@ function Carousel(_a) {
         scrollPrev,
         scrollNext,
         canScrollPrev,
-        canScrollNext
+        canScrollNext,
+        selectedIndex,
+        slideCount,
+        scrollTo
       },
-      children: /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsx17(
         "div",
         __spreadProps(__spreadValues({
           onKeyDownCapture: handleKeyDown,
@@ -2055,13 +2291,13 @@ function Carousel(_a) {
 function CarouselContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       ref: carouselRef,
       className: "overflow-hidden",
       "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsx17(
         "div",
         __spreadValues({
           className: cn(
@@ -2077,7 +2313,7 @@ function CarouselContent(_a) {
 function CarouselItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     __spreadValues({
       role: "group",
@@ -2102,7 +2338,7 @@ function CarouselPrevious(_a) {
     "size"
   ]);
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     Button,
     __spreadProps(__spreadValues({
       "data-slot": "carousel-previous",
@@ -2117,8 +2353,8 @@ function CarouselPrevious(_a) {
       onClick: scrollPrev
     }, props), {
       children: [
-        /* @__PURE__ */ jsx16(ArrowLeft, {}),
-        /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx17(ArrowLeft, {}),
+        /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Previous slide" })
       ]
     })
   );
@@ -2134,7 +2370,7 @@ function CarouselNext(_a) {
     "size"
   ]);
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     Button,
     __spreadProps(__spreadValues({
       "data-slot": "carousel-next",
@@ -2149,16 +2385,34 @@ function CarouselNext(_a) {
       onClick: scrollNext
     }, props), {
       children: [
-        /* @__PURE__ */ jsx16(ArrowRight, {}),
-        /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx17(ArrowRight, {}),
+        /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Next slide" })
       ]
     })
   );
 }
+function CarouselDots(_a) {
+  var _b = _a, {
+    variant = "dots"
+  } = _b, props = __objRest(_b, [
+    "variant"
+  ]);
+  const { selectedIndex, slideCount, scrollTo } = useCarousel();
+  const Indicator = variant === "bar" ? PaginationBar : PaginationDots;
+  return /* @__PURE__ */ jsx17(
+    Indicator,
+    __spreadValues({
+      page: selectedIndex,
+      total: slideCount,
+      onPageChange: scrollTo,
+      label: "Carousel position"
+    }, props)
+  );
+}
 
 // components/ui/chip.tsx
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var chipVariants = cva5(
   "inline-flex w-fit items-center justify-center rounded-full font-body whitespace-nowrap transition-colors outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong disabled:pointer-events-none disabled:border disabled:border-border-default-default disabled:bg-transparent disabled:text-text-disabled-default",
   {
@@ -2175,7 +2429,7 @@ var chipVariants = cva5(
 );
 function Chip(_a) {
   var _b = _a, { children, selected = false, variant = "default", size, className, disabled } = _b, props = __objRest(_b, ["children", "selected", "variant", "size", "className", "disabled"]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "button",
     __spreadProps(__spreadValues({
       type: "button",
@@ -2199,28 +2453,28 @@ function Chip(_a) {
 // components/ui/checkbox.tsx
 import { CheckIcon as CheckIcon2 } from "lucide-react";
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Checkbox(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     CheckboxPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "checkbox",
       className: cn(
-        "peer size-4 shrink-0 rounded-2xs border border-border-default-default bg-background-primary-surface transition-colors outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong disabled:cursor-not-allowed disabled:opacity-24 data-[state=checked]:border-transparent data-[state=checked]:bg-background-brand-default data-[state=checked]:text-text-on-brand-static",
+        "peer size-4 shrink-0 rounded-2xs border border-border-default-default bg-background-primary-surface transition-colors outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong disabled:cursor-not-allowed disabled:border-border-default-default disabled:text-text-disabled-default data-[state=checked]:border-transparent data-[state=checked]:bg-background-brand-default data-[state=checked]:text-text-on-brand-static",
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx19(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsx18(CheckIcon2, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx19(CheckIcon2, { className: "size-3.5" })
         }
       )
     })
@@ -2234,22 +2488,22 @@ import { SearchIcon } from "lucide-react";
 // components/ui/dialog.tsx
 import { XIcon } from "lucide-react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 function Dialog(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx19(DialogPrimitive.Root, __spreadValues({ "data-slot": "dialog" }, props));
+  return /* @__PURE__ */ jsx20(DialogPrimitive.Root, __spreadValues({ "data-slot": "dialog" }, props));
 }
 function DialogTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx19(DialogPrimitive.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
+  return /* @__PURE__ */ jsx20(DialogPrimitive.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
 }
 function DialogPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx19(DialogPrimitive.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+  return /* @__PURE__ */ jsx20(DialogPrimitive.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
 }
 function DialogClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx19(DialogPrimitive.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
+  return /* @__PURE__ */ jsx20(DialogPrimitive.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
 }
 function DialogOverlay(_a) {
   var _b = _a, {
@@ -2257,7 +2511,7 @@ function DialogOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     DialogPrimitive.Overlay,
     __spreadValues({
       "data-slot": "dialog-overlay",
@@ -2278,9 +2532,9 @@ function DialogContent(_a) {
     "children",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs11(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx19(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx20(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs12(
       DialogPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "dialog-content",
@@ -2291,14 +2545,14 @@ function DialogContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsx19(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx19(
+          showCloseButton && /* @__PURE__ */ jsx20(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx20(
             NavigationButton,
             {
               "data-slot": "dialog-close",
               size: "sm",
               "aria-label": "Close",
               className: "absolute top-4 right-4",
-              children: /* @__PURE__ */ jsx19(XIcon, { className: "size-4" })
+              children: /* @__PURE__ */ jsx20(XIcon, { className: "size-4" })
             }
           ) })
         ]
@@ -2308,7 +2562,7 @@ function DialogContent(_a) {
 }
 function DialogHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     __spreadValues({
       "data-slot": "dialog-header",
@@ -2326,7 +2580,7 @@ function DialogFooter(_a) {
     "showCloseButton",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "dialog-footer",
@@ -2337,7 +2591,7 @@ function DialogFooter(_a) {
     }, props), {
       children: [
         children,
-        showCloseButton && /* @__PURE__ */ jsx19(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx19(Button, { variant: "secondary", size: "md", children: "Close" }) })
+        showCloseButton && /* @__PURE__ */ jsx20(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "md", children: "Close" }) })
       ]
     })
   );
@@ -2348,7 +2602,7 @@ function DialogTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     DialogPrimitive.Title,
     __spreadValues({
       "data-slot": "dialog-title",
@@ -2362,7 +2616,7 @@ function DialogDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     DialogPrimitive.Description,
     __spreadValues({
       "data-slot": "dialog-description",
@@ -2372,14 +2626,14 @@ function DialogDescription(_a) {
 }
 
 // components/ui/command.tsx
-import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 function Command(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     CommandPrimitive,
     __spreadValues({
       "data-slot": "command",
@@ -2404,17 +2658,17 @@ function CommandDialog(_a) {
     "className",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs12(Dialog, __spreadProps(__spreadValues({}, props), { children: [
-    /* @__PURE__ */ jsxs12(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsx20(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx20(DialogDescription, { children: description })
+  return /* @__PURE__ */ jsxs13(Dialog, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsxs13(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx21(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx21(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       DialogContent,
       {
         className: cn("overflow-hidden p-0", className),
         showCloseButton,
-        children: /* @__PURE__ */ jsx20(Command, { className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-text-subtle-default [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+        children: /* @__PURE__ */ jsx21(Command, { className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-text-subtle-default [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
       }
     )
   ] }));
@@ -2425,19 +2679,19 @@ function CommandInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b border-border-default-default px-3",
       children: [
-        /* @__PURE__ */ jsx20(SearchIcon, { className: "size-4 shrink-0 text-icon-subtle-default" }),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(SearchIcon, { className: "size-4 shrink-0 text-icon-subtle-default" }),
+        /* @__PURE__ */ jsx21(
           CommandPrimitive.Input,
           __spreadValues({
             "data-slot": "command-input",
             className: cn(
-              "type-menu-item flex h-10 w-full rounded-md bg-transparent py-3 outline-hidden placeholder:text-text-subtle-default disabled:cursor-not-allowed disabled:opacity-24",
+              "type-menu-item flex h-10 w-full rounded-md bg-transparent py-3 outline-hidden placeholder:text-text-subtle-default disabled:cursor-not-allowed disabled:text-text-disabled-default",
               className
             )
           }, props)
@@ -2452,7 +2706,7 @@ function CommandList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     CommandPrimitive.List,
     __spreadValues({
       "data-slot": "command-list",
@@ -2465,7 +2719,7 @@ function CommandList(_a) {
 }
 function CommandEmpty(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     CommandPrimitive.Empty,
     __spreadValues({
       "data-slot": "command-empty",
@@ -2479,7 +2733,7 @@ function CommandGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     CommandPrimitive.Group,
     __spreadValues({
       "data-slot": "command-group",
@@ -2496,7 +2750,7 @@ function CommandSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     CommandPrimitive.Separator,
     __spreadValues({
       "data-slot": "command-separator",
@@ -2510,12 +2764,12 @@ function CommandItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     CommandPrimitive.Item,
     __spreadValues({
       "data-slot": "command-item",
       className: cn(
-        "type-menu-item relative flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-24 data-[selected=true]:bg-background-hover-default data-[selected=true]:text-text-prominent-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-icon-subtle-default",
+        "type-menu-item relative flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:text-text-disabled-default data-[selected=true]:bg-background-hover-default data-[selected=true]:text-text-prominent-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-icon-subtle-default",
         className
       )
     }, props)
@@ -2527,7 +2781,7 @@ function CommandShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "span",
     __spreadValues({
       "data-slot": "command-shortcut",
@@ -2540,32 +2794,32 @@ function CommandShortcut(_a) {
 }
 
 // components/ui/context-menu.tsx
-import { CheckIcon as CheckIcon3, ChevronRightIcon as ChevronRightIcon2, CircleIcon } from "lucide-react";
+import { CheckIcon as CheckIcon3, ChevronRightIcon as ChevronRightIcon3, CircleIcon } from "lucide-react";
 import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
-import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
 function ContextMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Root, __spreadValues({ "data-slot": "context-menu" }, props));
+  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Root, __spreadValues({ "data-slot": "context-menu" }, props));
 }
 function ContextMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Trigger, __spreadValues({ "data-slot": "context-menu-trigger" }, props));
+  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Trigger, __spreadValues({ "data-slot": "context-menu-trigger" }, props));
 }
 function ContextMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Group, __spreadValues({ "data-slot": "context-menu-group" }, props));
+  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Group, __spreadValues({ "data-slot": "context-menu-group" }, props));
 }
 function ContextMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Portal, __spreadValues({ "data-slot": "context-menu-portal" }, props));
+  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Portal, __spreadValues({ "data-slot": "context-menu-portal" }, props));
 }
 function ContextMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Sub, __spreadValues({ "data-slot": "context-menu-sub" }, props));
+  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Sub, __spreadValues({ "data-slot": "context-menu-sub" }, props));
 }
 function ContextMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ContextMenuPrimitive.RadioGroup,
     __spreadValues({
       "data-slot": "context-menu-radio-group"
@@ -2582,7 +2836,7 @@ function ContextMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     ContextMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-sub-trigger",
@@ -2594,7 +2848,7 @@ function ContextMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx21(ChevronRightIcon2, { className: "ml-auto" })
+        /* @__PURE__ */ jsx22(ChevronRightIcon3, { className: "ml-auto" })
       ]
     })
   );
@@ -2605,7 +2859,7 @@ function ContextMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ContextMenuPrimitive.SubContent,
     __spreadValues({
       "data-slot": "context-menu-sub-content",
@@ -2622,7 +2876,7 @@ function ContextMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx22(
     ContextMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "context-menu-content",
@@ -2643,14 +2897,14 @@ function ContextMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ContextMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "context-menu-item",
       "data-inset": inset,
       "data-variant": variant,
       className: cn(
-        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md px-2 py-1.5 outline-hidden select-none focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:opacity-24 data-[inset]:pl-8 data-[variant=destructive]:text-text-error-default data-[variant=destructive]:focus:bg-background-error-default data-[variant=destructive]:focus:text-text-error-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-icon-subtle-default data-[variant=destructive]:*:[svg]:text-text-error-default!",
+        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md px-2 py-1.5 outline-hidden select-none focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:text-text-disabled-default data-[inset]:pl-8 data-[variant=destructive]:text-text-error-default data-[variant=destructive]:focus:bg-background-error-default data-[variant=destructive]:focus:text-text-error-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-icon-subtle-default data-[variant=destructive]:*:[svg]:text-text-error-default!",
         className
       )
     }, props)
@@ -2666,18 +2920,18 @@ function ContextMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     ContextMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-checkbox-item",
       className: cn(
-        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md py-1.5 pr-2 pl-8 outline-hidden select-none focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:opacity-24 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md py-1.5 pr-2 pl-8 outline-hidden select-none focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:text-text-disabled-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx21("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx21(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx21(CheckIcon3, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx22("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(CheckIcon3, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -2691,17 +2945,17 @@ function ContextMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     ContextMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "context-menu-radio-item",
       className: cn(
-        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md py-1.5 pr-2 pl-8 outline-hidden select-none focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:opacity-24 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md py-1.5 pr-2 pl-8 outline-hidden select-none focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:text-text-disabled-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx21("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx21(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx21(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx22("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -2715,7 +2969,7 @@ function ContextMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ContextMenuPrimitive.Label,
     __spreadValues({
       "data-slot": "context-menu-label",
@@ -2733,7 +2987,7 @@ function ContextMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ContextMenuPrimitive.Separator,
     __spreadValues({
       "data-slot": "context-menu-separator",
@@ -2747,7 +3001,7 @@ function ContextMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "span",
     __spreadValues({
       "data-slot": "context-menu-shortcut",
@@ -2761,22 +3015,22 @@ function ContextMenuShortcut(_a) {
 
 // components/ui/drawer.tsx
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 function Drawer(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
+  return /* @__PURE__ */ jsx23(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
 }
 function DrawerTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
+  return /* @__PURE__ */ jsx23(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
 }
 function DrawerPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
+  return /* @__PURE__ */ jsx23(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
 }
 function DrawerClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
+  return /* @__PURE__ */ jsx23(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
 }
 function DrawerOverlay(_a) {
   var _b = _a, {
@@ -2784,7 +3038,7 @@ function DrawerOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     DrawerPrimitive.Overlay,
     __spreadValues({
       "data-slot": "drawer-overlay",
@@ -2803,9 +3057,9 @@ function DrawerContent(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs14(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ jsx22(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsx23(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs15(
       DrawerPrimitive.Content,
       __spreadProps(__spreadValues({
         "data-slot": "drawer-content",
@@ -2819,7 +3073,7 @@ function DrawerContent(_a) {
         )
       }, props), {
         children: [
-          /* @__PURE__ */ jsx22("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-border-default-default group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ jsx23("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-border-default-default group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       })
@@ -2828,7 +3082,7 @@ function DrawerContent(_a) {
 }
 function DrawerHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     __spreadValues({
       "data-slot": "drawer-header",
@@ -2841,7 +3095,7 @@ function DrawerHeader(_a) {
 }
 function DrawerFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     __spreadValues({
       "data-slot": "drawer-footer",
@@ -2855,7 +3109,7 @@ function DrawerTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     DrawerPrimitive.Title,
     __spreadValues({
       "data-slot": "drawer-title",
@@ -2869,7 +3123,7 @@ function DrawerDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     DrawerPrimitive.Description,
     __spreadValues({
       "data-slot": "drawer-description",
@@ -2879,20 +3133,20 @@ function DrawerDescription(_a) {
 }
 
 // components/ui/dropdown-menu.tsx
-import { CheckIcon as CheckIcon4, ChevronRightIcon as ChevronRightIcon3, CircleIcon as CircleIcon2 } from "lucide-react";
+import { CheckIcon as CheckIcon4, ChevronRightIcon as ChevronRightIcon4, CircleIcon as CircleIcon2 } from "lucide-react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
 }
 function DropdownMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
+  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
 }
 function DropdownMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DropdownMenuPrimitive.Trigger,
     __spreadValues({
       "data-slot": "dropdown-menu-trigger"
@@ -2907,7 +3161,7 @@ function DropdownMenuContent(_a) {
     "className",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "dropdown-menu-content",
@@ -2921,7 +3175,7 @@ function DropdownMenuContent(_a) {
 }
 function DropdownMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
+  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
 }
 function DropdownMenuItem(_a) {
   var _b = _a, {
@@ -2933,14 +3187,14 @@ function DropdownMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
       "data-variant": variant,
       className: cn(
-        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md px-2 py-1.5 outline-hidden select-none focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:opacity-24 data-[inset]:pl-8 data-[variant=destructive]:text-text-error-default data-[variant=destructive]:focus:bg-background-error-default data-[variant=destructive]:focus:text-text-error-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-icon-subtle-default data-[variant=destructive]:*:[svg]:text-text-error-default!",
+        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md px-2 py-1.5 outline-hidden select-none focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:text-text-disabled-default data-[inset]:pl-8 data-[variant=destructive]:text-text-error-default data-[variant=destructive]:focus:bg-background-error-default data-[variant=destructive]:focus:text-text-error-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-icon-subtle-default data-[variant=destructive]:*:[svg]:text-text-error-default!",
         className
       )
     }, props)
@@ -2956,18 +3210,18 @@ function DropdownMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     DropdownMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-checkbox-item",
       className: cn(
-        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md py-1.5 pr-2 pl-8 outline-hidden select-none focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:opacity-24 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md py-1.5 pr-2 pl-8 outline-hidden select-none focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:text-text-disabled-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx23("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(CheckIcon4, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx24("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CheckIcon4, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -2975,7 +3229,7 @@ function DropdownMenuCheckboxItem(_a) {
 }
 function DropdownMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DropdownMenuPrimitive.RadioGroup,
     __spreadValues({
       "data-slot": "dropdown-menu-radio-group"
@@ -2990,17 +3244,17 @@ function DropdownMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     DropdownMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-radio-item",
       className: cn(
-        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md py-1.5 pr-2 pl-8 outline-hidden select-none focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:opacity-24 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md py-1.5 pr-2 pl-8 outline-hidden select-none focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:text-text-disabled-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx23("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(CircleIcon2, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx24("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CircleIcon2, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -3014,7 +3268,7 @@ function DropdownMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DropdownMenuPrimitive.Label,
     __spreadValues({
       "data-slot": "dropdown-menu-label",
@@ -3032,7 +3286,7 @@ function DropdownMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       "data-slot": "dropdown-menu-separator",
@@ -3046,7 +3300,7 @@ function DropdownMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "span",
     __spreadValues({
       "data-slot": "dropdown-menu-shortcut",
@@ -3059,7 +3313,7 @@ function DropdownMenuShortcut(_a) {
 }
 function DropdownMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
+  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
 }
 function DropdownMenuSubTrigger(_a) {
   var _b = _a, {
@@ -3071,7 +3325,7 @@ function DropdownMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     DropdownMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-sub-trigger",
@@ -3083,7 +3337,7 @@ function DropdownMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx23(ChevronRightIcon3, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx24(ChevronRightIcon4, { className: "ml-auto size-4" })
       ]
     })
   );
@@ -3094,7 +3348,7 @@ function DropdownMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     DropdownMenuPrimitive.SubContent,
     __spreadValues({
       "data-slot": "dropdown-menu-sub-content",
@@ -3108,10 +3362,10 @@ function DropdownMenuSubContent(_a) {
 
 // components/ui/empty.tsx
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Empty(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     __spreadValues({
       "data-slot": "empty",
@@ -3124,7 +3378,7 @@ function Empty(_a) {
 }
 function EmptyHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     __spreadValues({
       "data-slot": "empty-header",
@@ -3157,7 +3411,7 @@ function EmptyMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     __spreadValues({
       "data-slot": "empty-icon",
@@ -3168,7 +3422,7 @@ function EmptyMedia(_a) {
 }
 function EmptyTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     __spreadValues({
       "data-slot": "empty-title",
@@ -3178,7 +3432,7 @@ function EmptyTitle(_a) {
 }
 function EmptyDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     __spreadValues({
       "data-slot": "empty-description",
@@ -3191,7 +3445,7 @@ function EmptyDescription(_a) {
 }
 function EmptyContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     __spreadValues({
       "data-slot": "empty-content",
@@ -3204,27 +3458,27 @@ function EmptyContent(_a) {
 }
 
 // components/ui/field.tsx
-import * as React6 from "react";
-import { useMemo } from "react";
+import * as React7 from "react";
+import { useMemo as useMemo2 } from "react";
 import { cva as cva7 } from "class-variance-authority";
 
 // components/ui/label.tsx
 import { Label as LabelPrimitive } from "radix-ui";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Label(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     LabelPrimitive.Root,
     __spreadValues({
       "data-slot": "label",
       className: cn(
         // Colour is inherited on purpose: a Field marked data-invalid paints its
         // subtree error-red, and the label follows.
-        "type-label flex items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-24 peer-disabled:cursor-not-allowed peer-disabled:opacity-24",
+        "type-label flex items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:text-text-disabled-default peer-disabled:cursor-not-allowed peer-disabled:text-text-disabled-default",
         className
       )
     }, props)
@@ -3233,7 +3487,7 @@ function Label(_a) {
 
 // components/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function Separator(_a) {
   var _b = _a, {
     className,
@@ -3244,7 +3498,7 @@ function Separator(_a) {
     "orientation",
     "decorative"
   ]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     SeparatorPrimitive.Root,
     __spreadValues({
       "data-slot": "separator",
@@ -3259,10 +3513,10 @@ function Separator(_a) {
 }
 
 // components/ui/field.tsx
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
-var FieldSizeContext = React6.createContext("md");
+import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+var FieldSizeContext = React7.createContext("md");
 function useFieldSize() {
-  return React6.useContext(FieldSizeContext);
+  return React7.useContext(FieldSizeContext);
 }
 var fieldLabelType = {
   sm: "type-field-label-sm",
@@ -3271,7 +3525,7 @@ var fieldLabelType = {
 };
 function FieldSet(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "fieldset",
     __spreadValues({
       "data-slot": "field-set",
@@ -3291,7 +3545,7 @@ function FieldLegend(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "legend",
     __spreadValues({
       "data-slot": "field-legend",
@@ -3308,7 +3562,7 @@ function FieldLegend(_a) {
 }
 function FieldGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     __spreadValues({
       "data-slot": "field-group",
@@ -3358,7 +3612,7 @@ function Field(_a) {
     "orientation",
     "size"
   ]);
-  return /* @__PURE__ */ jsx27(FieldSizeContext.Provider, { value: size != null ? size : "md", children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(FieldSizeContext.Provider, { value: size != null ? size : "md", children: /* @__PURE__ */ jsx28(
     "div",
     __spreadValues({
       role: "group",
@@ -3371,7 +3625,7 @@ function Field(_a) {
 }
 function FieldContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     __spreadValues({
       "data-slot": "field-content",
@@ -3389,13 +3643,13 @@ function FieldLabel(_a) {
     "className"
   ]);
   const size = useFieldSize();
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     Label,
     __spreadValues({
       "data-slot": "field-label",
       className: cn(
         fieldLabelType[size],
-        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-24",
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:text-text-disabled-default",
         "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border has-[>[data-slot=field]]:border-border-default-default [&>*]:data-[slot=field]:p-4",
         "has-data-[state=checked]:border-border-brand-selected has-data-[state=checked]:bg-background-brand-selected",
         className
@@ -3406,13 +3660,13 @@ function FieldLabel(_a) {
 function FieldTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const size = useFieldSize();
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     __spreadValues({
       "data-slot": "field-label",
       className: cn(
         fieldLabelType[size],
-        "flex w-fit items-center gap-2 group-data-[disabled=true]/field:opacity-24",
+        "flex w-fit items-center gap-2 group-data-[disabled=true]/field:text-text-disabled-default",
         className
       )
     }, props)
@@ -3420,7 +3674,7 @@ function FieldTitle(_a) {
 }
 function FieldDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "p",
     __spreadValues({
       "data-slot": "field-description",
@@ -3441,7 +3695,7 @@ function FieldSeparator(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "field-separator",
@@ -3452,8 +3706,8 @@ function FieldSeparator(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx27(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx28(
           "span",
           {
             className: "relative mx-auto block w-fit bg-background-primary-surface px-2 text-text-subtle-default",
@@ -3475,7 +3729,7 @@ function FieldError(_a) {
     "children",
     "errors"
   ]);
-  const content = useMemo(() => {
+  const content = useMemo2(() => {
     var _a2;
     if (children) {
       return children;
@@ -3489,14 +3743,14 @@ function FieldError(_a) {
     if ((uniqueErrors == null ? void 0 : uniqueErrors.length) == 1) {
       return (_a2 = uniqueErrors[0]) == null ? void 0 : _a2.message;
     }
-    return /* @__PURE__ */ jsx27("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx27("li", { children: error.message }, index)
+    return /* @__PURE__ */ jsx28("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx28("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     __spreadProps(__spreadValues({
       role: "alert",
@@ -3510,14 +3764,14 @@ function FieldError(_a) {
 
 // components/ui/hover-card.tsx
 import { HoverCard as HoverCardPrimitive } from "radix-ui";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function HoverCard(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx28(HoverCardPrimitive.Root, __spreadValues({ "data-slot": "hover-card" }, props));
+  return /* @__PURE__ */ jsx29(HoverCardPrimitive.Root, __spreadValues({ "data-slot": "hover-card" }, props));
 }
 function HoverCardTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx28(HoverCardPrimitive.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
+  return /* @__PURE__ */ jsx29(HoverCardPrimitive.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
 }
 function HoverCardContent(_a) {
   var _b = _a, {
@@ -3529,7 +3783,7 @@ function HoverCardContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx28(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx29(
     HoverCardPrimitive.Content,
     __spreadValues({
       "data-slot": "hover-card-content",
@@ -3545,15 +3799,18 @@ function HoverCardContent(_a) {
 
 // components/ui/input.tsx
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var inputVariants = cva8(
   [
     "w-full min-w-0 rounded-xs border font-body transition-[color,box-shadow] outline-none",
     "file:inline-flex file:border-0 file:bg-transparent file:font-medium",
-    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-24",
+    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-text-disabled-default disabled:[background-image:linear-gradient(var(--background-disabled-default),var(--background-disabled-default))]",
     // Read-only stays focusable and selectable (users copy codes/amounts);
-    // only the surface flattens.
-    "read-only:border-transparent read-only:bg-background-secondary-surface",
+    // only the surface flattens. Matched on the [readonly] attribute, not the
+    // `:read-only` pseudo-class — that also matches disabled inputs, which
+    // would hand disabled the read-only surface and erase the two states'
+    // difference.
+    "[&[readonly]]:border-transparent [&[readonly]]:bg-background-secondary-surface",
     "focus-visible:ring-[3px]",
     "aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft"
   ].join(" "),
@@ -3574,7 +3831,7 @@ var inputVariants = cva8(
         "on-brand": [
           "border-(--primitive-white-alpha-24) bg-(--primitive-black-alpha-32) text-text-on-brand-static",
           "file:text-text-on-brand-static",
-          "placeholder:text-(--primitive-white-alpha-50)",
+          "placeholder:text-text-on-brand-subtle-static",
           "selection:bg-background-static-white selection:text-text-brand-container-static",
           "focus-visible:border-background-static-white focus-visible:ring-(--primitive-white-alpha-40)"
         ].join(" "),
@@ -3582,7 +3839,7 @@ var inputVariants = cva8(
         inverse: [
           "border-(--primitive-white-alpha-24) bg-(--primitive-black-alpha-32) text-text-on-brand-static",
           "file:text-text-on-brand-static",
-          "placeholder:text-(--primitive-white-alpha-50)",
+          "placeholder:text-text-on-brand-subtle-static",
           "selection:bg-background-static-white selection:text-text-brand-container-static",
           "focus-visible:border-background-static-white focus-visible:ring-(--primitive-white-alpha-40)"
         ].join(" ")
@@ -3613,7 +3870,7 @@ function Input(_a) {
   ]);
   const fieldSize = useFieldSize();
   const resolvedSize = size != null ? size : fieldSize;
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "input",
     __spreadValues({
       type,
@@ -3626,19 +3883,19 @@ function Input(_a) {
 }
 
 // components/ui/input-group.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import { cva as cva9 } from "class-variance-authority";
 
 // components/ui/textarea.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function Textarea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "textarea",
     __spreadValues({
       "data-slot": "textarea",
       className: cn(
-        "type-textarea flex field-sizing-content min-h-16 w-full rounded-xs border border-border-default-default bg-background-primary-surface px-3 py-2 text-text-prominent-default font-body transition-[color,box-shadow] outline-none placeholder:text-text-subtle-default selection:bg-background-brand-default selection:text-text-on-brand-static focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-soft disabled:cursor-not-allowed disabled:opacity-24 aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft",
+        "type-textarea flex field-sizing-content min-h-16 w-full rounded-xs border border-border-default-default bg-background-primary-surface px-3 py-2 text-text-prominent-default font-body transition-[color,box-shadow] outline-none placeholder:text-text-subtle-default selection:bg-background-brand-default selection:text-text-on-brand-static focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-soft disabled:cursor-not-allowed disabled:text-text-disabled-default disabled:[background-image:linear-gradient(var(--background-disabled-default),var(--background-disabled-default))] aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft",
         className
       )
     }, props)
@@ -3646,9 +3903,9 @@ function Textarea(_a) {
 }
 
 // components/ui/input-group.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
-var InputGroupSizeContext = React7.createContext("md");
-var InputGroupVariantContext = React7.createContext("default");
+import { jsx as jsx32 } from "react/jsx-runtime";
+var InputGroupSizeContext = React8.createContext("md");
+var InputGroupVariantContext = React8.createContext("default");
 var inputGroupVariants = cva9(
   [
     "group/input-group relative flex w-full items-center rounded-xs border",
@@ -3707,11 +3964,11 @@ function InputGroup(_a) {
   ]);
   const fieldSize = useFieldSize();
   const resolvedSize = size != null ? size : fieldSize;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     InputGroupVariantContext.Provider,
     {
       value: variant,
-      children: /* @__PURE__ */ jsx31(InputGroupSizeContext.Provider, { value: resolvedSize, children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx32(InputGroupSizeContext.Provider, { value: resolvedSize, children: /* @__PURE__ */ jsx32(
         "div",
         __spreadValues({
           "data-slot": "input-group",
@@ -3727,10 +3984,15 @@ function InputGroup(_a) {
 var inputGroupAddonVariants = cva9(
   [
     "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-text-subtle-default select-none",
-    // Swap addon text/icon colour when inside an on-brand group.
-    "group-data-[variant=on-brand]/input-group:text-(--primitive-white-alpha-64)",
-    "group-data-[variant=inverse]/input-group:text-(--primitive-white-alpha-64)",
-    "group-data-[disabled=true]/input-group:opacity-24",
+    // Swap addon text/icon colour when inside an on-brand group. On brand the
+    // ink ladder inverts — white down through the alpha rungs — so this is the
+    // semantic subtle rung, not a hand-rolled primitive.
+    "group-data-[variant=on-brand]/input-group:text-text-on-brand-subtle-static",
+    "group-data-[variant=inverse]/input-group:text-text-on-brand-subtle-static",
+    "group-data-[disabled=true]/input-group:has-disabled:text-text-disabled-default",
+    // …but on brand the neutral disabled ink has no contrast, so the on-brand
+    // rung wins there.
+    "group-data-[variant=on-brand]/input-group:group-data-[disabled=true]/input-group:has-disabled:text-text-on-brand-disabled-default",
     "[&>kbd]:rounded-[calc(var(--radius)-5px)]",
     // Text size inherits the group's --input-* ladder (set on the group in CSS).
     "group-data-[size=sm]/input-group:py-1",
@@ -3761,7 +4023,7 @@ function InputGroupAddon(_a) {
     "className",
     "align"
   ]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "div",
     __spreadValues({
       role: "group",
@@ -3808,7 +4070,7 @@ function InputGroupButton(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     Button,
     __spreadValues({
       type,
@@ -3821,14 +4083,15 @@ function InputGroupButton(_a) {
 }
 function InputGroupText(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "span",
     __spreadValues({
       className: cn(
         "flex items-center gap-2 text-text-subtle-default",
-        // Swap text/icon colour when inside an on-brand group.
-        "group-data-[variant=on-brand]/input-group:text-(--primitive-white-alpha-64)",
-        "group-data-[variant=inverse]/input-group:text-(--primitive-white-alpha-64)",
+        // Swap text/icon colour when inside an on-brand group — the on-brand
+        // subtle rung, not a hand-rolled primitive.
+        "group-data-[variant=on-brand]/input-group:text-text-on-brand-subtle-static",
+        "group-data-[variant=inverse]/input-group:text-text-on-brand-subtle-static",
         // Text size inherits the group's --input-* ladder; icons track it.
         "group-data-[size=sm]/input-group:[&_svg:not([class*='size-'])]:size-3.5",
         "group-data-[size=md]/input-group:[&_svg:not([class*='size-'])]:size-4",
@@ -3849,11 +4112,11 @@ function InputGroupInput(_a) {
     "size",
     "variant"
   ]);
-  const groupSize = React7.useContext(InputGroupSizeContext);
-  const groupVariant = React7.useContext(InputGroupVariantContext);
+  const groupSize = React8.useContext(InputGroupSizeContext);
+  const groupVariant = React8.useContext(InputGroupVariantContext);
   const size = sizeProp != null ? sizeProp : groupSize;
   const variant = variantProp != null ? variantProp : groupVariant;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     Input,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -3872,7 +4135,7 @@ function InputGroupTextarea(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     Textarea,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -3885,10 +4148,10 @@ function InputGroupTextarea(_a) {
 }
 
 // components/ui/input-otp.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
 function InputOTP(_a) {
   var _b = _a, {
     className,
@@ -3897,12 +4160,12 @@ function InputOTP(_a) {
     "className",
     "containerClassName"
   ]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     OTPInput,
     __spreadValues({
       "data-slot": "input-otp",
       containerClassName: cn(
-        "flex items-center gap-2 has-disabled:opacity-24",
+        "flex items-center gap-2 has-disabled:text-text-disabled-default",
         containerClassName
       ),
       className: cn("disabled:cursor-not-allowed", className)
@@ -3911,7 +4174,7 @@ function InputOTP(_a) {
 }
 function InputOTPGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     __spreadValues({
       "data-slot": "input-otp-group",
@@ -3928,9 +4191,9 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React8.useContext(OTPInputContext);
+  const inputOTPContext = React9.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) != null ? _a2 : {};
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "input-otp-slot",
@@ -3942,20 +4205,20 @@ function InputOTPSlot(_a) {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx32("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx32("div", { className: "h-4 w-px animate-caret-blink bg-text-prominent-default duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx33("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx33("div", { className: "h-4 w-px animate-caret-blink bg-text-prominent-default duration-1000" }) })
       ]
     })
   );
 }
 function InputOTPSeparator(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx32("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx32(MinusIcon, {}) }));
+  return /* @__PURE__ */ jsx33("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx33(MinusIcon, {}) }));
 }
 
 // components/ui/item.tsx
 import { cva as cva10 } from "class-variance-authority";
 import { Slot as Slot6 } from "radix-ui";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function ItemGroup(_a) {
   var _b = _a, {
     className,
@@ -3964,7 +4227,7 @@ function ItemGroup(_a) {
     "className",
     "divider"
   ]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       role: "list",
@@ -3997,7 +4260,7 @@ function ItemSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Separator,
     __spreadValues({
       "data-slot": "item-separator",
@@ -4039,7 +4302,7 @@ function Item(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot6.Root : "div";
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Comp,
     __spreadValues({
       "data-slot": "item",
@@ -4072,7 +4335,7 @@ function ItemMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-media",
@@ -4083,7 +4346,7 @@ function ItemMedia(_a) {
 }
 function ItemContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-content",
@@ -4096,7 +4359,7 @@ function ItemContent(_a) {
 }
 function ItemTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-title",
@@ -4109,7 +4372,7 @@ function ItemTitle(_a) {
 }
 function ItemDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "p",
     __spreadValues({
       "data-slot": "item-description",
@@ -4123,7 +4386,7 @@ function ItemDescription(_a) {
 }
 function ItemActions(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-actions",
@@ -4133,7 +4396,7 @@ function ItemActions(_a) {
 }
 function ItemHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-header",
@@ -4146,7 +4409,7 @@ function ItemHeader(_a) {
 }
 function ItemFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     __spreadValues({
       "data-slot": "item-footer",
@@ -4161,7 +4424,7 @@ function ItemFooter(_a) {
 // components/ui/link.tsx
 import { cva as cva11 } from "class-variance-authority";
 import { Slot as Slot7 } from "radix-ui";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var linkVariants = cva11(
   [
     "inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong active:opacity-60 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:inline font-display normal-case",
@@ -4203,7 +4466,7 @@ function Link(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot7.Root : "a";
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     Comp,
     __spreadValues({
       "data-slot": "link",
@@ -4215,16 +4478,16 @@ function Link(_a) {
 }
 
 // components/ui/menubar.tsx
-import { CheckIcon as CheckIcon5, ChevronRightIcon as ChevronRightIcon4, CircleIcon as CircleIcon3 } from "lucide-react";
+import { CheckIcon as CheckIcon5, ChevronRightIcon as ChevronRightIcon5, CircleIcon as CircleIcon3 } from "lucide-react";
 import { Menubar as MenubarPrimitive } from "radix-ui";
-import { jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
 function Menubar(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Root,
     __spreadValues({
       "data-slot": "menubar",
@@ -4237,19 +4500,19 @@ function Menubar(_a) {
 }
 function MenubarMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx35(MenubarPrimitive.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
 }
 function MenubarGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx35(MenubarPrimitive.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
 }
 function MenubarPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx35(MenubarPrimitive.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
 }
 function MenubarRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx35(MenubarPrimitive.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
 }
 function MenubarTrigger(_a) {
   var _b = _a, {
@@ -4257,7 +4520,7 @@ function MenubarTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Trigger,
     __spreadValues({
       "data-slot": "menubar-trigger",
@@ -4280,7 +4543,7 @@ function MenubarContent(_a) {
     "alignOffset",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx35(MenubarPortal, { children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(MenubarPortal, { children: /* @__PURE__ */ jsx36(
     MenubarPrimitive.Content,
     __spreadValues({
       "data-slot": "menubar-content",
@@ -4304,14 +4567,14 @@ function MenubarItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Item,
     __spreadValues({
       "data-slot": "menubar-item",
       "data-inset": inset,
       "data-variant": variant,
       className: cn(
-        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md px-2 py-1.5 outline-hidden select-none hover:bg-background-hover-default hover:text-text-prominent-default focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:opacity-24 data-[inset]:pl-8 data-[variant=destructive]:text-text-error-default data-[variant=destructive]:focus:bg-background-error-default data-[variant=destructive]:focus:text-text-error-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-icon-subtle-default data-[variant=destructive]:*:[svg]:text-text-error-default!",
+        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md px-2 py-1.5 outline-hidden select-none hover:bg-background-hover-default hover:text-text-prominent-default focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:text-text-disabled-default data-[inset]:pl-8 data-[variant=destructive]:text-text-error-default data-[variant=destructive]:focus:bg-background-error-default data-[variant=destructive]:focus:text-text-error-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-icon-subtle-default data-[variant=destructive]:*:[svg]:text-text-error-default!",
         className
       )
     }, props)
@@ -4327,18 +4590,18 @@ function MenubarCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     MenubarPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-checkbox-item",
       className: cn(
-        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md py-1.5 pr-2 pl-8 outline-hidden select-none hover:bg-background-hover-default hover:text-text-prominent-default focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:opacity-24 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md py-1.5 pr-2 pl-8 outline-hidden select-none hover:bg-background-hover-default hover:text-text-prominent-default focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:text-text-disabled-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx35("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(CheckIcon5, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx36("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CheckIcon5, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -4352,17 +4615,17 @@ function MenubarRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     MenubarPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-radio-item",
       className: cn(
-        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md py-1.5 pr-2 pl-8 outline-hidden select-none hover:bg-background-hover-default hover:text-text-prominent-default focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:opacity-24 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex cursor-default items-center gap-2 type-menu-item rounded-md py-1.5 pr-2 pl-8 outline-hidden select-none hover:bg-background-hover-default hover:text-text-prominent-default focus:bg-background-hover-default focus:text-text-prominent-default data-[disabled]:pointer-events-none data-[disabled]:text-text-disabled-default [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx35("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(CircleIcon3, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx36("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CircleIcon3, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -4376,7 +4639,7 @@ function MenubarLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Label,
     __spreadValues({
       "data-slot": "menubar-label",
@@ -4394,7 +4657,7 @@ function MenubarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Separator,
     __spreadValues({
       "data-slot": "menubar-separator",
@@ -4408,7 +4671,7 @@ function MenubarShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "span",
     __spreadValues({
       "data-slot": "menubar-shortcut",
@@ -4421,7 +4684,7 @@ function MenubarShortcut(_a) {
 }
 function MenubarSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx35(MenubarPrimitive.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
 }
 function MenubarSubTrigger(_a) {
   var _b = _a, {
@@ -4433,7 +4696,7 @@ function MenubarSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     MenubarPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-sub-trigger",
@@ -4445,7 +4708,7 @@ function MenubarSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx35(ChevronRightIcon4, { className: "ml-auto" })
+        /* @__PURE__ */ jsx36(ChevronRightIcon5, { className: "ml-auto" })
       ]
     })
   );
@@ -4456,7 +4719,7 @@ function MenubarSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.SubContent,
     __spreadValues({
       "data-slot": "menubar-sub-content",
@@ -4470,7 +4733,7 @@ function MenubarSubContent(_a) {
 
 // components/ui/native-select.tsx
 import { ChevronDownIcon as ChevronDownIcon4 } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
 var sizeClasses = {
   sm: "type-native-select-sm h-8 py-1",
   md: "type-native-select-md h-10 py-2",
@@ -4486,26 +4749,26 @@ function NativeSelect(_a) {
   ]);
   const fieldSize = useFieldSize();
   const resolvedSize = size === "default" || size == null ? size == null ? fieldSize : "md" : size;
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
-      className: "group/native-select relative w-fit has-[select:disabled]:opacity-24",
+      className: "group/native-select relative w-fit has-[select:disabled]:text-text-disabled-default",
       "data-slot": "native-select-wrapper",
       children: [
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(
           "select",
           __spreadValues({
             "data-slot": "native-select",
             "data-size": resolvedSize,
             className: cn(
-              "w-full min-w-0 appearance-none rounded-xs border border-border-default-default bg-background-primary-surface px-3 pr-9 text-text-prominent-default transition-[color,box-shadow] outline-none selection:bg-background-brand-default selection:text-text-on-brand-static disabled:pointer-events-none disabled:cursor-not-allowed",
+              "w-full min-w-0 appearance-none rounded-xs border border-border-default-default bg-background-primary-surface px-3 pr-9 text-text-prominent-default transition-[color,box-shadow] outline-none selection:bg-background-brand-default selection:text-text-on-brand-static disabled:pointer-events-none disabled:cursor-not-allowed disabled:[background-image:linear-gradient(var(--background-disabled-default),var(--background-disabled-default))]",
               "focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-soft",
               sizeClasses[resolvedSize],
               className
             )
           }, props)
         ),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(
           ChevronDownIcon4,
           {
             className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-icon-subtle-default select-none",
@@ -4519,7 +4782,7 @@ function NativeSelect(_a) {
 }
 function NativeSelectOption(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx36("option", __spreadValues({ "data-slot": "native-select-option" }, props));
+  return /* @__PURE__ */ jsx37("option", __spreadValues({ "data-slot": "native-select-option" }, props));
 }
 function NativeSelectOptGroup(_a) {
   var _b = _a, {
@@ -4527,7 +4790,7 @@ function NativeSelectOptGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "optgroup",
     __spreadValues({
       "data-slot": "native-select-optgroup",
@@ -4540,7 +4803,7 @@ function NativeSelectOptGroup(_a) {
 import { cva as cva12 } from "class-variance-authority";
 import { ChevronDownIcon as ChevronDownIcon5 } from "lucide-react";
 import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
-import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
 function NavigationMenu(_a) {
   var _b = _a, {
     className,
@@ -4551,7 +4814,7 @@ function NavigationMenu(_a) {
     "children",
     "viewport"
   ]);
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     NavigationMenuPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu",
@@ -4563,7 +4826,7 @@ function NavigationMenu(_a) {
     }, props), {
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx37(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx38(NavigationMenuViewport, {})
       ]
     })
   );
@@ -4574,7 +4837,7 @@ function NavigationMenuList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     NavigationMenuPrimitive.List,
     __spreadValues({
       "data-slot": "navigation-menu-list",
@@ -4591,7 +4854,7 @@ function NavigationMenuItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     NavigationMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "navigation-menu-item",
@@ -4600,7 +4863,7 @@ function NavigationMenuItem(_a) {
   );
 }
 var navigationMenuTriggerStyle = cva12(
-  "group type-menu-trigger inline-flex h-10 w-max items-center justify-center rounded-md bg-background-primary-surface px-4 py-2 transition-[color,box-shadow] outline-none hover:bg-background-hover-default hover:text-text-prominent-default focus:bg-background-hover-default focus:text-text-prominent-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-24 data-[state=open]:bg-background-hover-default data-[state=open]:text-text-prominent-default data-[state=open]:hover:bg-background-hover-default data-[state=open]:focus:bg-background-hover-default"
+  "group type-menu-trigger inline-flex h-10 w-max items-center justify-center rounded-md bg-background-primary-surface px-4 py-2 transition-[color,box-shadow] outline-none hover:bg-background-hover-default hover:text-text-prominent-default focus:bg-background-hover-default focus:text-text-prominent-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong focus-visible:outline-1 disabled:pointer-events-none disabled:text-text-disabled-default data-[state=open]:bg-background-hover-default data-[state=open]:text-text-prominent-default data-[state=open]:hover:bg-background-hover-default data-[state=open]:focus:bg-background-hover-default"
 );
 function NavigationMenuTrigger(_a) {
   var _b = _a, {
@@ -4610,7 +4873,7 @@ function NavigationMenuTrigger(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     NavigationMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-trigger",
@@ -4619,7 +4882,7 @@ function NavigationMenuTrigger(_a) {
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           ChevronDownIcon5,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-slow group-data-[state=open]:rotate-180",
@@ -4636,7 +4899,7 @@ function NavigationMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "navigation-menu-content",
@@ -4654,13 +4917,13 @@ function NavigationMenuViewport(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       className: cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ jsx37(
+      children: /* @__PURE__ */ jsx38(
         NavigationMenuPrimitive.Viewport,
         __spreadValues({
           "data-slot": "navigation-menu-viewport",
@@ -4679,7 +4942,7 @@ function NavigationMenuLink(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     NavigationMenuPrimitive.Link,
     __spreadValues({
       "data-slot": "navigation-menu-link",
@@ -4696,7 +4959,7 @@ function NavigationMenuIndicator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-indicator",
@@ -4705,15 +4968,15 @@ function NavigationMenuIndicator(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx37("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-default-default" })
+      children: /* @__PURE__ */ jsx38("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-default-default" })
     })
   );
 }
 
 // components/ui/numpad.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 import { Delete } from "lucide-react";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var LONG_PRESS_MS = 600;
 function Numpad(_a) {
   var _b = _a, {
@@ -4729,8 +4992,8 @@ function Numpad(_a) {
     "decimal",
     "disabled"
   ]);
-  const holdTimer = React9.useRef(null);
-  const longPressFired = React9.useRef(false);
+  const holdTimer = React10.useRef(null);
+  const longPressFired = React10.useRef(false);
   const startHold = () => {
     longPressFired.current = false;
     holdTimer.current = setTimeout(() => {
@@ -4742,7 +5005,7 @@ function Numpad(_a) {
     if (holdTimer.current) clearTimeout(holdTimer.current);
     holdTimer.current = null;
   };
-  React9.useEffect(() => cancelHold, []);
+  React10.useEffect(() => cancelHold, []);
   const keys = [
     "1",
     "2",
@@ -4757,7 +5020,7 @@ function Numpad(_a) {
     "0",
     "backspace"
   ];
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "numpad",
@@ -4765,12 +5028,12 @@ function Numpad(_a) {
       "aria-label": "Number pad",
       className: cn(
         "grid w-full grid-cols-3 gap-1",
-        disabled && "pointer-events-none opacity-24",
+        disabled && "pointer-events-none [background-image:linear-gradient(var(--background-disabled-default),var(--background-disabled-default))] text-text-disabled-default",
         className
       )
     }, props), {
       children: keys.map(
-        (key, i) => key === null ? /* @__PURE__ */ jsx38("span", { "aria-hidden": true }, `empty-${i}`) : /* @__PURE__ */ jsx38(
+        (key, i) => key === null ? /* @__PURE__ */ jsx39("span", { "aria-hidden": true }, `empty-${i}`) : /* @__PURE__ */ jsx39(
           "button",
           {
             type: "button",
@@ -4795,7 +5058,7 @@ function Numpad(_a) {
               }
               onKeyPress == null ? void 0 : onKeyPress(key);
             },
-            children: key === "backspace" ? /* @__PURE__ */ jsx38(Delete, { className: "size-5.5" }) : key
+            children: key === "backspace" ? /* @__PURE__ */ jsx39(Delete, { className: "size-5.5" }) : key
           },
           key
         )
@@ -4804,102 +5067,6 @@ function Numpad(_a) {
   );
 }
 
-// components/ui/pagination.tsx
-import {
-  ChevronLeftIcon as ChevronLeftIcon2,
-  ChevronRightIcon as ChevronRightIcon5,
-  MoreHorizontalIcon
-} from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs21 } from "react/jsx-runtime";
-function Pagination(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx39(
-    "nav",
-    __spreadValues({
-      role: "navigation",
-      "aria-label": "pagination",
-      "data-slot": "pagination",
-      className: cn("mx-auto flex w-full justify-center", className)
-    }, props)
-  );
-}
-function PaginationContent(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx39(
-    "ul",
-    __spreadValues({
-      "data-slot": "pagination-content",
-      className: cn("flex flex-row items-center gap-1", className)
-    }, props)
-  );
-}
-function PaginationItem(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx39("li", __spreadValues({ "data-slot": "pagination-item" }, props));
-}
-function PaginationLink(_a) {
-  var _b = _a, {
-    className,
-    isActive
-  } = _b, props = __objRest(_b, [
-    "className",
-    "isActive"
-  ]);
-  return /* @__PURE__ */ jsx39(
-    "a",
-    __spreadValues({
-      "aria-current": isActive ? "page" : void 0,
-      "data-slot": "pagination-link",
-      "data-active": isActive,
-      className: cn(
-        "type-pagination inline-flex shrink-0 items-center justify-center size-10 rounded-full font-display whitespace-nowrap transition-[color,background-color,border-color] outline-none border focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong",
-        isActive ? "bg-background-brand-selected border-border-brand-selected text-text-brand-selected" : "bg-transparent border-transparent text-text-prominent-default hover:bg-background-hover-default",
-        className
-      )
-    }, props)
-  );
-}
-function PaginationPrevious(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx39(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx39("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx39(ChevronLeftIcon2, { className: "size-5" }) })) });
-}
-function PaginationNext(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx39(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ jsx39("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ jsx39(ChevronRightIcon5, { className: "size-5" }) })) });
-}
-function PaginationEllipsis(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsxs21(
-    "span",
-    __spreadProps(__spreadValues({
-      "aria-hidden": true,
-      "data-slot": "pagination-ellipsis",
-      className: cn("flex size-10 items-center justify-center", className)
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx39(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "More pages" })
-      ]
-    })
-  );
-}
-
 // components/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "radix-ui";
 import { jsx as jsx40 } from "react/jsx-runtime";
@@ -4974,7 +5141,7 @@ function PopoverDescription(_a) {
 }
 
 // components/ui/progress.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import { Progress as ProgressPrimitive } from "radix-ui";
 import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
 var BAR_HEIGHTS = {
@@ -5019,11 +5186,11 @@ function Progress(_a) {
     "onTimerEnd",
     "children"
   ]);
-  const [timerPct, setTimerPct] = React10.useState(
+  const [timerPct, setTimerPct] = React11.useState(
     timer != null ? direction === "up" ? 0 : 100 : null
   );
-  const endedRef = React10.useRef(false);
-  React10.useEffect(() => {
+  const endedRef = React11.useRef(false);
+  React11.useEffect(() => {
     if (timer == null) {
       setTimerPct(null);
       return;
@@ -5316,7 +5483,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 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",
+        "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:border-border-default-default disabled:text-text-disabled-default aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft",
         className
       )
     }, props), {
@@ -5573,17 +5740,17 @@ function SheetDescription(_a) {
 }
 
 // components/ui/sidebar.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import { cva as cva13 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
 import { Slot as Slot8 } from "radix-ui";
 
 // hooks/use-mobile.ts
-import * as React11 from "react";
+import * as React12 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React11.useState(void 0);
-  React11.useEffect(() => {
+  const [isMobile, setIsMobile] = React12.useState(void 0);
+  React12.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -5613,10 +5780,10 @@ function Skeleton(_a) {
 }
 
 // components/ui/tooltip.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
 import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
-var TooltipModeContext = React12.createContext("tooltip");
+var TooltipModeContext = React13.createContext("tooltip");
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
@@ -5650,7 +5817,7 @@ function TooltipTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "children"
   ]);
-  const mode = React12.useContext(TooltipModeContext);
+  const mode = React13.useContext(TooltipModeContext);
   if (mode === "drawer") {
     return /* @__PURE__ */ jsx48(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
   }
@@ -5672,7 +5839,7 @@ function TooltipContent(_a) {
     "closeLabel",
     "children"
   ]);
-  const mode = React12.useContext(TooltipModeContext);
+  const mode = React13.useContext(TooltipModeContext);
   if (mode === "drawer") {
     return /* @__PURE__ */ jsxs26(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
       /* @__PURE__ */ jsx48(DrawerHeader, { children: /* @__PURE__ */ jsx48(DrawerTitle, { children: title }) }),
@@ -5710,9 +5877,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React13.createContext(null);
+var SidebarContext = React14.createContext(null);
 function useSidebar() {
-  const context = React13.useContext(SidebarContext);
+  const context = React14.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -5735,10 +5902,10 @@ function SidebarProvider(_a) {
     "children"
   ]);
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React13.useState(false);
-  const [_open, _setOpen] = React13.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React14.useState(false);
+  const [_open, _setOpen] = React14.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React13.useCallback(
+  const setOpen = React14.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -5750,10 +5917,10 @@ function SidebarProvider(_a) {
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React13.useCallback(() => {
+  const toggleSidebar = React14.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -5764,7 +5931,7 @@ function SidebarProvider(_a) {
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React13.useMemo(
+  const contextValue = React14.useMemo(
     () => ({
       state,
       open,
@@ -6130,7 +6297,7 @@ function SidebarMenuItem(_a) {
   );
 }
 var sidebarMenuButtonVariants = cva13(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-sm p-2 text-left text-text-prominent-default ring-ring-focus-default outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-background-hover-default hover:text-text-brand-hover focus-visible:ring-2 active:bg-background-hover-default active:text-text-brand-hover disabled:pointer-events-none disabled:opacity-24 aria-disabled:pointer-events-none aria-disabled:opacity-24 data-[active=true]:bg-background-brand-selected data-[active=true]:text-text-brand-selected data-[active=true]:hover:bg-background-brand-selected data-[active=true]:hover:text-text-brand-selected data-[state=open]:hover:bg-background-hover-default data-[state=open]:hover:text-text-brand-hover [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 data-[active=true]:[&>svg]:text-text-brand-selected",
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-sm p-2 text-left text-text-prominent-default ring-ring-focus-default outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-background-hover-default hover:text-text-brand-hover focus-visible:ring-2 active:bg-background-hover-default active:text-text-brand-hover disabled:pointer-events-none disabled:text-text-disabled-default aria-disabled:pointer-events-none aria-disabled:text-text-disabled-default data-[active=true]:bg-background-brand-selected data-[active=true]:text-text-brand-selected data-[active=true]:hover:bg-background-brand-selected data-[active=true]:hover:text-text-brand-selected data-[state=open]:hover:bg-background-hover-default data-[state=open]:hover:text-text-brand-hover [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 data-[active=true]:[&>svg]:text-text-brand-selected",
   {
     variants: {
       variant: {
@@ -6339,7 +6506,7 @@ function SidebarMenuSubButton(_a) {
       "data-size": size,
       "data-active": isActive,
       className: cn(
-        "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-sm px-2 text-text-prominent-default ring-ring-focus-default outline-hidden hover:bg-background-hover-default hover:text-text-brand-hover focus-visible:ring-2 active:bg-background-hover-default active:text-text-brand-hover disabled:pointer-events-none disabled:opacity-24 aria-disabled:pointer-events-none aria-disabled:opacity-24 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 data-[active=true]:[&>svg]:text-text-brand-selected",
+        "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-sm px-2 text-text-prominent-default ring-ring-focus-default outline-hidden hover:bg-background-hover-default hover:text-text-brand-hover focus-visible:ring-2 active:bg-background-hover-default active:text-text-brand-hover disabled:pointer-events-none disabled:text-text-disabled-default aria-disabled:pointer-events-none aria-disabled:text-text-disabled-default [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 data-[active=true]:[&>svg]:text-text-brand-selected",
         "data-[active=true]:bg-background-brand-selected data-[active=true]:text-text-brand-selected",
         size === "sm" && "type-sidebar-menu-sm",
         size === "md" && "type-sidebar-menu",
@@ -6351,7 +6518,7 @@ function SidebarMenuSubButton(_a) {
 }
 
 // components/ui/slider.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { Slider as SliderPrimitive } from "radix-ui";
 import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
 function Slider(_a) {
@@ -6368,7 +6535,7 @@ function Slider(_a) {
     "min",
     "max"
   ]);
-  const _values = React14.useMemo(
+  const _values = React15.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -6381,7 +6548,7 @@ function Slider(_a) {
       min,
       max,
       className: cn(
-        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-24 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+        "relative flex w-full touch-none items-center select-none data-[disabled]:[background-image:linear-gradient(var(--background-disabled-default),var(--background-disabled-default))] data-[disabled]:text-text-disabled-default data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
         className
       )
     }, props), {
@@ -6420,6 +6587,7 @@ function Slider(_a) {
 }
 
 // components/ui/toast.tsx
+import * as React16 from "react";
 import {
   CircleCheckIcon,
   InfoIcon,
@@ -6429,7 +6597,7 @@ import {
 } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Toaster as Sonner, toast } from "sonner";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
 var Toaster = (_a) => {
   var props = __objRest(_a, []);
   const { theme = "system" } = useTheme();
@@ -6466,11 +6634,176 @@ var Toaster = (_a) => {
     }, props)
   );
 };
+var RESULT_SNACKBAR_EXIT_MS = 350;
+var RESULT_SNACKBAR_ICON_DELAY_MS = 150;
+function ResultSnackbar(_a) {
+  var _b = _a, {
+    outcome,
+    amount,
+    currency,
+    contractLabel,
+    duration,
+    icon,
+    amountValue,
+    placement = "top",
+    durationMs = 2500,
+    onDismiss,
+    announcement,
+    className
+  } = _b, props = __objRest(_b, [
+    "outcome",
+    "amount",
+    "currency",
+    "contractLabel",
+    "duration",
+    "icon",
+    "amountValue",
+    "placement",
+    "durationMs",
+    "onDismiss",
+    "announcement",
+    "className"
+  ]);
+  const isWin = outcome === "win";
+  const [leaving, setLeaving] = React16.useState(false);
+  const reduced = usePrefersReducedMotion();
+  const onDismissRef = React16.useRef(onDismiss);
+  React16.useEffect(() => {
+    onDismissRef.current = onDismiss;
+  }, [onDismiss]);
+  const firedRef = React16.useRef(false);
+  const finish = React16.useCallback(() => {
+    var _a2;
+    if (firedRef.current) return;
+    firedRef.current = true;
+    (_a2 = onDismissRef.current) == null ? void 0 : _a2.call(onDismissRef);
+  }, []);
+  React16.useEffect(() => {
+    const leave = window.setTimeout(() => setLeaving(true), durationMs);
+    return () => window.clearTimeout(leave);
+  }, [durationMs]);
+  React16.useEffect(() => {
+    if (!leaving) return;
+    const done = window.setTimeout(finish, reduced ? 0 : RESULT_SNACKBAR_EXIT_MS);
+    return () => window.clearTimeout(done);
+  }, [leaving, finish, reduced]);
+  const [display, setDisplay] = React16.useState(null);
+  React16.useEffect(() => {
+    if (amountValue === void 0 || reduced || !Number.isFinite(amountValue)) {
+      setDisplay(null);
+      return;
+    }
+    const total = isWin ? 500 : 250;
+    const sign = isWin ? "+" : "\u2212";
+    const startedAt = performance.now();
+    let frame = 0;
+    const step = (now) => {
+      const t = Math.min(1, (now - startedAt) / total);
+      const eased = 1 - Math.pow(1 - t, 3);
+      if (t < 1) {
+        setDisplay(`${sign}${(amountValue * eased).toFixed(2)}`);
+        frame = requestAnimationFrame(step);
+      } else {
+        setDisplay(null);
+      }
+    };
+    frame = requestAnimationFrame(step);
+    return () => cancelAnimationFrame(frame);
+  }, [amountValue, isWin, reduced]);
+  const spoken = announcement != null ? announcement : `${isWin ? "Won" : "Lost"} ${amount} ${currency}. ${contractLabel}, ${duration}.`;
+  const enterOut = leaving ? "out" : "in";
+  const motionName = `result-snackbar-${enterOut}-${placement}`;
+  return /* @__PURE__ */ jsxs29(
+    "div",
+    __spreadProps(__spreadValues({
+      role: "status",
+      "aria-live": "polite",
+      "data-slot": "result-snackbar",
+      "data-outcome": outcome,
+      "data-leaving": leaving || void 0,
+      className: cn(
+        // Floating chrome, the same surface family as Bottom Navigation —
+        // it floats over live chart content, so it frosts what is behind it
+        // and carries the sanctioned chrome lift.
+        "pointer-events-none absolute z-40 flex w-max items-center gap-3 overflow-hidden",
+        "rounded-2xl border border-(--border-chrome-default) bg-(--background-chrome-default)",
+        "[backdrop-filter:blur(20px)_saturate(1.4)]",
+        "[box-shadow:var(--shadow-chrome-default),inset_0_1px_0_var(--chrome-highlight-default)]",
+        "py-2 pr-4 pl-2 whitespace-nowrap",
+        className
+      ),
+      style: {
+        animation: reduced ? `result-snackbar-fade var(--motion-overlay-close) var(--ease-standard) ${leaving ? "reverse forwards" : "forwards"}` : `${motionName} ${RESULT_SNACKBAR_EXIT_MS}ms var(--primitive-ease-overshoot) forwards`
+      }
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx51("span", { className: "sr-only", children: spoken }),
+        icon ? /* @__PURE__ */ jsx51(
+          "span",
+          {
+            "data-slot": "result-snackbar-icon",
+            className: "flex size-10 flex-none items-center justify-center",
+            style: reduced ? void 0 : {
+              animation: `result-snackbar-icon-${outcome} var(--motion-pop) var(--primitive-ease-overshoot) ${RESULT_SNACKBAR_ICON_DELAY_MS}ms both`
+            },
+            children: icon
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs29("span", { "aria-hidden": true, className: "flex min-w-max flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsxs29(
+            "span",
+            {
+              className: cn(
+                "type-result-snackbar-amount min-w-max",
+                isWin ? "text-text-success-default" : "text-text-error-default"
+              ),
+              children: [
+                display != null ? display : amount,
+                " ",
+                /* @__PURE__ */ jsx51("span", { className: "type-result-snackbar-currency", children: currency })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs29("span", { className: "type-result-snackbar-terms min-w-max text-text-subtle-default", children: [
+            contractLabel,
+            " \xB7 ",
+            duration
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx51(
+          "span",
+          {
+            "aria-hidden": true,
+            "data-slot": "result-snackbar-drain",
+            className: cn(
+              "absolute bottom-0 left-0 h-1 w-full origin-left",
+              isWin ? "bg-background-success-solid" : "bg-background-error-solid"
+            ),
+            style: reduced ? { transform: "scaleX(0)" } : {
+              animation: `result-snackbar-drain ${durationMs}ms var(--ease-linear) forwards`
+            }
+          }
+        )
+      ]
+    })
+  );
+}
+function usePrefersReducedMotion() {
+  const [reduced, setReduced] = React16.useState(false);
+  React16.useEffect(() => {
+    const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setReduced(query.matches);
+    const onChange = (event) => setReduced(event.matches);
+    query.addEventListener("change", onChange);
+    return () => query.removeEventListener("change", onChange);
+  }, []);
+  return reduced;
+}
 
 // components/ui/slide-to-confirm.tsx
-import * as React15 from "react";
+import * as React17 from "react";
 import { ArrowRight as ArrowRight2, Check } from "lucide-react";
-import { jsx as jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
 var CONFIRM_AT = 0.9;
 var HANDLE = 46;
 var INSET2 = 5;
@@ -6490,21 +6823,21 @@ function SlideToConfirm(_a) {
     "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 trackRef = React17.useRef(null);
+  const [dragX, setDragX] = React17.useState(0);
+  const [dragging, setDragging] = React17.useState(false);
+  const [trackWidth, setTrackWidth] = React17.useState(0);
+  const [internalConfirmed, setInternalConfirmed] = React17.useState(false);
   const confirmed = controlledConfirmed != null ? controlledConfirmed : internalConfirmed;
-  const firedRef = React15.useRef(false);
-  React15.useEffect(() => {
+  const firedRef = React17.useRef(false);
+  React17.useEffect(() => {
     if (controlledConfirmed === false) {
       setInternalConfirmed(false);
       setDragX(0);
       firedRef.current = false;
     }
   }, [controlledConfirmed]);
-  React15.useEffect(() => {
+  React17.useEffect(() => {
     const track = trackRef.current;
     if (!track) return;
     const ro = new ResizeObserver(() => setTrackWidth(track.clientWidth));
@@ -6553,7 +6886,7 @@ function SlideToConfirm(_a) {
   const fillWidth = dragX === 0 ? 0 : dragX + HANDLE;
   const revealWidth = INSET2 + dragX + HANDLE / 2;
   const spring = "duration-slow ease-(--primitive-ease-spring)";
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "div",
     __spreadProps(__spreadValues({
       ref: trackRef,
@@ -6566,7 +6899,7 @@ function SlideToConfirm(_a) {
       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",
+        disabled && "pointer-events-none [background-image:linear-gradient(var(--background-disabled-default),var(--background-disabled-default))] text-text-disabled-default",
         "outline-none focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong",
         className
       )
@@ -6644,9 +6977,9 @@ function SlideToConfirm(_a) {
 }
 
 // components/ui/stepper.tsx
-import * as React16 from "react";
+import * as React18 from "react";
 import { Minus, Plus } from "lucide-react";
-import { jsx as jsx53, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
@@ -6674,16 +7007,16 @@ function Stepper({
   "aria-label": ariaLabel
 }) {
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React16.useState(
+  const [internalValue, setInternalValue] = React18.useState(
     clamp(defaultValue, min, max)
   );
   const currentValue = isControlled ? controlledValue : internalValue;
   const decimalPlaces = getDecimalPlaces(step);
-  const [displayString, setDisplayString] = React16.useState(
+  const [displayString, setDisplayString] = React18.useState(
     formatValue(currentValue, decimalPlaces)
   );
-  const [isFocused, setIsFocused] = React16.useState(false);
-  React16.useEffect(() => {
+  const [isFocused, setIsFocused] = React18.useState(false);
+  React18.useEffect(() => {
     if (!isFocused) {
       setDisplayString(formatValue(currentValue, decimalPlaces));
     }
@@ -6733,7 +7066,7 @@ function Stepper({
       }
     }
   }
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
       "data-slot": "stepper",
@@ -6760,7 +7093,7 @@ function Stepper({
             children: /* @__PURE__ */ jsx53(Minus, {})
           }
         ),
-        /* @__PURE__ */ jsxs30("div", { className: "flex min-w-0 flex-col items-center", children: [
+        /* @__PURE__ */ jsxs31("div", { className: "flex min-w-0 flex-col items-center", children: [
           label != null && /* @__PURE__ */ jsx53(
             "span",
             {
@@ -6813,10 +7146,10 @@ function Stepper({
 }
 
 // components/ui/steps.tsx
-import * as React17 from "react";
+import * as React19 from "react";
 import { Check as Check2 } from "lucide-react";
-import { jsx as jsx54, jsxs as jsxs31 } from "react/jsx-runtime";
-var StepsContext = React17.createContext({ shape: "circle", orientation: "horizontal", size: "md" });
+import { jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
+var StepsContext = React19.createContext({ shape: "circle", orientation: "horizontal", size: "md" });
 function Steps(_a) {
   var _b = _a, {
     shape = "circle",
@@ -6831,7 +7164,7 @@ function Steps(_a) {
     "className",
     "children"
   ]);
-  const steps = React17.Children.toArray(children);
+  const steps = React19.Children.toArray(children);
   return /* @__PURE__ */ jsx54(StepsContext.Provider, { value: { shape, orientation, size }, children: /* @__PURE__ */ jsx54(
     "ol",
     __spreadProps(__spreadValues({
@@ -6846,7 +7179,7 @@ function Steps(_a) {
       )
     }, props), {
       children: steps.map(
-        (child, index) => React17.isValidElement(child) ? React17.cloneElement(child, {
+        (child, index) => React19.isValidElement(child) ? React19.cloneElement(child, {
           index: index + 1,
           isFirst: index === 0,
           isLast: index === steps.length - 1
@@ -6877,7 +7210,7 @@ function Step(_a) {
     "isLast",
     "className"
   ]);
-  const { shape, orientation, size } = React17.useContext(StepsContext);
+  const { shape, orientation, size } = React19.useContext(StepsContext);
   const horizontal = orientation === "horizontal";
   const sm = size === "sm";
   const indicator = /* @__PURE__ */ jsx54(
@@ -6898,7 +7231,7 @@ function Step(_a) {
     }
   );
   if (horizontal) {
-    return /* @__PURE__ */ jsxs31(
+    return /* @__PURE__ */ jsxs32(
       "li",
       __spreadProps(__spreadValues({
         "data-slot": "step",
@@ -6907,7 +7240,7 @@ function Step(_a) {
         className: cn("flex min-w-0 flex-1 flex-col items-center", className)
       }, props), {
         children: [
-          /* @__PURE__ */ jsxs31("div", { className: "flex w-full items-center", children: [
+          /* @__PURE__ */ jsxs32("div", { className: "flex w-full items-center", children: [
             /* @__PURE__ */ jsx54(
               "span",
               {
@@ -6928,7 +7261,7 @@ function Step(_a) {
               }
             )
           ] }),
-          (title != null || description != null) && /* @__PURE__ */ jsxs31(
+          (title != null || description != null) && /* @__PURE__ */ jsxs32(
             "div",
             {
               "data-slot": "step-body",
@@ -6957,7 +7290,7 @@ function Step(_a) {
     );
   }
   const hasBody = title != null || description != null;
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "li",
     __spreadProps(__spreadValues({
       "data-slot": "step",
@@ -6974,7 +7307,7 @@ function Step(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsxs31("div", { className: "flex flex-col items-center self-stretch", children: [
+        /* @__PURE__ */ jsxs32("div", { className: "flex flex-col items-center self-stretch", children: [
           indicator,
           !isLast && /* @__PURE__ */ jsx54(
             "span",
@@ -6985,13 +7318,13 @@ function Step(_a) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs31(
+        /* @__PURE__ */ jsxs32(
           "div",
           {
             "data-slot": "step-body",
             className: cn("flex min-w-0 flex-col", !isLast && (sm ? "pb-4" : "pb-6")),
             children: [
-              title != null && /* @__PURE__ */ jsxs31(
+              title != null && /* @__PURE__ */ jsxs32(
                 "span",
                 {
                   className: cn(
@@ -7005,7 +7338,7 @@ function Step(_a) {
                 }
               ),
               description != null && /* @__PURE__ */ jsx54("span", { className: "type-steps-description text-text-subtle-default", children: description }),
-              !hasBody && /* @__PURE__ */ jsxs31("span", { className: "sr-only", children: [
+              !hasBody && /* @__PURE__ */ jsxs32("span", { className: "sr-only", children: [
                 "Step ",
                 index
               ] })
@@ -7034,7 +7367,7 @@ function Switch(_a) {
       "data-slot": "switch",
       "data-size": size,
       className: cn(
-        "peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent p-[3px] transition-all outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong disabled:cursor-not-allowed disabled:opacity-24 data-[size=default]:h-6 data-[size=default]:w-11 data-[size=sm]:h-5 data-[size=sm]:w-9 data-[state=checked]:bg-background-brand-default data-[state=unchecked]:bg-border-default-default",
+        "peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent p-[3px] transition-all outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong disabled:cursor-not-allowed disabled:border-border-default-default disabled:text-text-disabled-default data-[size=default]:h-6 data-[size=default]:w-11 data-[size=sm]:h-5 data-[size=sm]:w-9 data-[state=checked]:bg-background-brand-default data-[state=unchecked]:bg-border-default-default",
         className
       )
     }, props), {
@@ -7236,7 +7569,7 @@ function TabsTrigger(_a) {
       "data-slot": "tabs-trigger",
       "data-icon-position": iconPosition,
       className: cn(
-        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-3 py-1 whitespace-nowrap text-text-subtle-default transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start 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 focus-visible:outline-1 focus-visible:outline-ring-focus-default disabled:pointer-events-none disabled:opacity-24 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-none group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-3 py-1 whitespace-nowrap text-text-subtle-default transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start 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 focus-visible:outline-1 focus-visible:outline-ring-focus-default disabled:pointer-events-none disabled:text-text-disabled-default group-data-[variant=default]/tabs-list:data-[state=active]:shadow-none group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         "group-data-[size=sm]/tabs-list:gap-1 group-data-[size=sm]/tabs-list:rounded-sm group-data-[size=sm]/tabs-list:px-2",
         "group-data-[size=lg]/tabs-list:gap-2 group-data-[size=lg]/tabs-list:rounded-lg group-data-[size=lg]/tabs-list:px-4",
         "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:hover:bg-transparent group-data-[variant=line]/tabs-list:hover:text-text-brand-hover group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent",
@@ -7270,7 +7603,7 @@ import { cva as cva15 } from "class-variance-authority";
 import { Toggle as TogglePrimitive } from "radix-ui";
 import { jsx as jsx58 } from "react/jsx-runtime";
 var toggleVariants = cva15(
-  "type-toggle inline-flex items-center justify-center gap-2 rounded-md border border-border-default-default bg-background-primary-surface text-text-prominent-default whitespace-nowrap transition-[color,background-color,border-color,box-shadow] outline-none hover:bg-background-secondary-surface active:bg-background-secondary-wash focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong disabled:pointer-events-none disabled:opacity-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",
+  "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:border-border-default-default disabled:text-text-disabled-default 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: {
       size: {
@@ -7302,10 +7635,10 @@ function Toggle(_a) {
 }
 
 // components/ui/toggle-group.tsx
-import * as React18 from "react";
+import * as React20 from "react";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
 import { jsx as jsx59 } from "react/jsx-runtime";
-var ToggleGroupContext = React18.createContext({
+var ToggleGroupContext = React20.createContext({
   size: "default",
   spacing: 0
 });
@@ -7347,7 +7680,7 @@ function ToggleGroupItem(_a) {
     "children",
     "size"
   ]);
-  const context = React18.useContext(ToggleGroupContext);
+  const context = React20.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx59(
     ToggleGroupPrimitive.Item,
     __spreadProps(__spreadValues({
@@ -7371,7 +7704,7 @@ function ToggleGroupItem(_a) {
 }
 
 // components/blocks/result-block.tsx
-import { Fragment as Fragment3, jsx as jsx60, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
 var THUMBS_UP_DATA_URL = "data:image/webp;base64,UklGRmYPAABXRUJQVlA4WAoAAAAQAAAAxwAAxwAAQUxQSCcFAAABsIftsylJUsQ5N8sYZHaPbdu2bdu2bfM/27Zte7Mya22rmRnnt8hblfcgcr0RMQH0/zrz37H+mLt2efCjV0+bjwyrrkSno/X3VyKjOEufOGklqC9JhpXG9LRgjILaMmR1ZlbEOAWfzsxGYUyTGuMABGdRpi97ENoo+JKstixB2gA0plCmLHqoifY2J1GmKjMXXJvQrJJRFNO3gra7c1hRdgMUKJjZqskQmgVAviQ18xWCYmdhJdk+FOTuJC2/Jyj4T0oyy6L4soqYftsobgMV2aPg4ZEaygjiwU0aohcFHt6mIDMPvLxVP0w/Ei9u14/dGn7epR5LED/OVQ/dJfBzK+3Y2eE8mVs5TFWBp6Rcuz58/Vw5hlzTlzeVw5cKfH1RN7YL/iBjxTC9J/B3G82YleCxe4P0auhPTY/wB80c7+DzdL1YA/EK3WqhlwV+D2nFLATftcL0y6Zv/UoxB8F3Rzq1BPFtilLoaYHvb+jELAz/N2WNMP1C/LMqsbvCe/c5adQSxDvsxBqhOwT+G43YiXD+vUsKZfpa4P9arBC7LkIkhRhyTf/cg6RQvkwQ4KKsj6wfAcgfSZ+GPhX47841qWEmMqWu7q6uUstusnnMppQZY69DkP293d2lUmbNWK01LbMsy0qlUtaC48BMlVM//KNgzD8YynLMZoBzAichTEdrJ2N1zomIOOfQsjl19OmdK8QmOLZ0xO8xfvkd5TcEKfzFMWQ4LMNLTXPSBvx6LEiiOOxJWUiGzkEDbf1TagDB15SFw3QjBO2dnh6gMYWyYOxOELS5mSI0J1EWiGU00W7hFEE+JhMGPSxouzNJAnYOBQWmSqYTh8ArFYFEAdsHQdf4MT0tboSCfFEhQHcQ1UJssuYJ4luVrN8xbNsxbN8x7BDEd1SyXRBVlawbG0f501IzT2ywTE4JqaUgRwrZKmc4NR/GZ/NUbc7R2SJV61GQNY0sEUa9kM1zZkjNsmHUvBhOzXI2iFGFyI8oyJpCgFm5UziMQhxVyb1B1L0YSs5TQdRU8ma0BpPzScfwdhAjKnk0iKpKDuMQRrwYSM4CFGLNi/7UTKcg64Vslii5O4yaQjC/iVZfWtzvKUw/etMiF5ow6vrAzIGMFLJpkqRKgVbVge24U6BQatpwz1Ko9UI2yelJCRbnzkD+RMHWCtk4pzch7ioOpq4MTDTB1ArZJKcnHe6HFG4xG6cH+3GcNklQFlBdFe5dCrhWyMbJwUocUL2QTVLjhEKuaUJuCaquCczFsdo0pzcR7hcU9KgmjjcdAnq4M3CfUdh1PWA97hQosJoa3CMU+IgasDgHVvOiLwXuDxS6Hi7mDgEzmtCqXvQnwH2Xgh8pZLOEYC8TXM2LvhQYDm5UB+4tCl8JWJU7A+coEQPxu5ci6Mdg9LAoR2DEi6HYya8phtVCNk+FO4Fj8B0NoMvE4FsNfExR9GMwdhtyp0AdgnuC4vh5+rAEx+Ht5LlJFMnnkydXciRuTR5mMpE4ppAtUiBfUSznKWTLFGB1jgVNkgK2SkDjFxQNc7DzoD9eDosbigb9vtG+LXP6InYDRTQbRKNtm+f0xMq5N8lEhLI50UyT4G7KKKoZfQxpzzY5RmIkbtqaZCmyGS1XbUcDxK3od80ITTqdDFN8Dc108qdTxoNFLLU2SyGy03583dLEhuLMRDQ46/zzzTffvPPMPffc88w7fymjfEOzTpwwYUIlt1yu/H15rJXy31fKlXKlnF8pj7tSrvx9uZeIien//v9XfQBWUDggGAoAANAwAJ0BKsgAyAA+kUScS6WjoqUjc5pgsBIJZ278Qi8Hwvc8Z/PndH0L8Y+3P/DeGNhV4uz8do8qx9p5gcZv+s8NH7D/z/YD/PX66ewT/4f6XzifTPsG/rz6Vnrs/cP2Hv11//JFOyneeAW0wbcou/igl1zxho0WRxDimPALaYM6+VrqjKr+SiMnElO878dA3yFCkM+t+whevqvMGhXCcaDwUXXFH4eQ6sCNOis0oDUln4e9M3beAvzbZyUe2sUvdvtjPDFhG8dPxVDA/XZGk1ETr69eacwYnPhuLS56ol4GHT+w+hq85I7EHxvN4n68ZUeC+sDOCSQMpz6m4Fzqzrg9ZyhyQnUfmHqhcGQ/yBDy4W+qjcsBfDq4xpVARzZ2uW47mzNOIigiKz5Tw+mTHb7K5m9lSfmeMPMPpWXhZQVTZawZgxiMdOg3ccW5pccD7hwGCZ0+pV2azLYrT+zGOqIcbr1PYUXPl9LQ8IhKTeyhGBmpdCXdUSSJMKko79zaD//rSyWRpF1MNueAW0v+AAD++5zAAALiasAmBAtMjd3teHxoV/JwSycQb8T24aWw5wWjnP87DL5yaEnvCifBRcW/QYZPObqU0f4fAjw2ZLaVKj7hZoTyQu4dPqH4gTQMcAfv8BCfJ7DObKNJoDat3XoqhZuiW8sQ6GBrRMq9Dkd0xl5ULWfjBCUXzvE+yRWByiMm9GvwsjN6pMTLTAfwDK8x8YHP7IFXmr9Ohbw3lVDYPJKpWXmHeO7wb8vGqU2ThOJXtJ9olH5g1qkVNO7MdAd5FvxU86R1i/SUqzBMrxSAPdTXXmLZu+gveBx/eYqSRNuu0tqHIV9T+mP1xEC5dX+HdTXYA1Pdhk+9yLuHAU2D8bazJuRhexCVychOyXyv+7dpTzpNfrj+lC5dIVyzoW5Fyra3W3dyl1mQ3MrAMiHwf1pV5axectvd4CM+Iu4n1yHfPKGPcrcm/G9+a5dAzXL9YOdbO+GmAYyFR+E0uZd7nFwfW9OvRmg/k1ekfsv4dZEZ45M6yITB/1GMCi872dJHGq4nCKuaCXURhXCNsLy+tpj6YCTt5oJDuG1WXTgI8++c5/4AM/eJFCx0dMaf8Loyp9W/PAHdOZgC2aG4/1/lA3Epa/4hAEPIiuAo3vZyTXO65nn9/A+eLuy/449dgY7gSsrQDrP2Hmh05OsdFBPj+BsefJZAyMS4T6jPsdCNtu6bH4KcFVBwIegQ22lQnlBIG2D4R24k/McwxQQC6sR8c/eJCL6o+anvM+BC4dVih1h5ae/4s1Q6GkFw9gE6+2/rhedXEzoV8TtJ3dLuPi+nRU8XxTZqq/E4ctlcWd0H0aawPjTIcXaxQk36BEC/njKgHlc7c/d4+WQiihb7eG2ng4KVyJHZ3bzK/4I0yU1/ile9IfW342gFB3dUS7yrQxNbRdeoE4f47jSRZD4uP4qpVOWmKtIE31xquU1ep2EeCbLB8UoludUvkjG8U8M3pe7XlyGBYQcgcsn3HFUuPXp/5yXaZR9H9scEjkX6MlhwKI3QGuk8UZborE1j0lt5pNTfq2K6d1/6SoiVNVLSRZ9ry7YQGRhQ48mewSXEEVownN9KTXH5SXUylJLr1jB9KOAhLAGdMfpkFNbgPlU70iYmRw9xYQz1yfvUH6Ul80AcAra/1tvp5kua7H5wgy30feuCKUXQIzcIoIpSuFQ/i7SxQkRCfWQIAsOc0XZmr3/IOBAZKbzIMOlBkoxYtjE95cV04d+6N792Le6VUmArBadYp7BOgqcNfxU4dfBtJ74uDkc6VQRuIpPg478BODjpfsWFA0vlLIKFTdRwVUdJOxBvFnhWwKP0D1apVqohwg0IPDfWP8UVdpVUhGrWYuUTDE2nubQrJ5v+usi24qv+3kysRqQMjDJOqpQkxnigjREutxNfsLY1xUvO2lTqrORSagjcR7pA8924ES/dA1lEZ3ZQ5z1F6nS8Bq2xnTiQ9BqcmJ7zSJd22si8KtuN/siapwQIzTHW63B7xXAKQtKMnUE639KX83BWcVOWGr50CTiUvkK8yDy38AHewCCa/fjhQeHabgNE/0tmbOaN5stn1H/m6qKp0WCbyVA7tKaSaRklqfipnbXoVHMguAGss38eJa3FLWweUAl7rNzHv79GalBMmNgUznun+3m3dWMn5WK/34+LilQXVLXAzuRipKqi3cNMeLO8B+ug7CpRCchBUESkH2ep5anNgdsYR5rfffGhVW3o3VIRyYpN35MK7tlEi/t7OeSTr10CeQQnpcc5pd9K4SdIQCZ5/G9WjwRMnVf0oXJ25OUzYGMakzcjz5vjSV7Fh+UNNjgLnlnM5zdtz8DyB6OlSAA/xFhwY8uyPpMaJBpmJVjNOdEChpZ9QUc+gAz/Awt2ER8coD6OZhX5NUjEKrJvHjOQTeuvCAyJ9CJAHY1HDkY1Saa2/vC8jm+Sc9DiMKg+LJriUFijlLwHEPOluQhWObjSqhybrp1vmS1Mt/KPMDPZyt6Kxox6jMvL/xgGNNE+JaFEcEZ/H/Ws6oWhQT9Qteg2TDkQISuXe+FCmot1BtA3iCJ29VxNMNaWuGXJdmhEfp/ST9UNlxSsfVfbEkqQdBoiUIhK5GZlUF1tOTbgEdr60Ty1S6ZSFLIovKBxheqO5TAGNtbCaJ7nvRkqRaIb+LRL7P/c3EGI4PFCpyNZnNajr3oh7e8M8mufcpqT+DXDSZ1KG56xJQ06T18FfS5s4r6tbLWSbMQO8uH19kYca2lgvljt0gfWU3h7FSWwRDGQGLhWojhmxHZrgtn/gyvw5GGLqjCqwx8KHX/maaRTUYSwWSmwXtS1RBmIDLx1GHCS2ED5ciDx7qn4HOqEzNpwfN/XMYuRmyvMDqb0u1FEQ/NHsDl2yA7MopUtbm7A3rB7jH3+o8Y5Aaq0egHuftsojcTr2yQ2tqnZusSb6vb2Qgf0ZV80OOwJYY35WQr8st1x3UCrKmS3X1TXIlvAUQgwS72DVKESwuab+Nlb2FLU9/UfmZzs1bGi2wfdsiqXt3Da1HGSb/1OAFDj4P5b03Saw9Pf7kplOscrGW93H9ZW1JmNiPNi/OW6hL0I2ZLtM8vQwYylPwdMGln9ZddXNn9HgsnNATObEWO1BfVE3Vx1OqLeOSo8aw5bNxSPfyUFvwV9LIgpeSE+a7JZV0sMm/K6xXubpoIPqa6tXoP/g8/tvZbgguLvKcaYVpiTe4orHUeYbU/VEaQdLW5kGBmCTUU8fSDGjZhUqVp86z4tNdZx3P2C654aOxJW5G3pVcdlqsipHwLgFBUCfcsGTJ0U+svqOD8TEXkbq6DsqXDRuYB94Pz74uM+Zh3xXaDJU48d8SBhfPPEtop5pxU6j3s0czCqev5OjlwuW/ESXLpZiO2Gx24Pwl33O8l/z9VzhVM+sZy7NWzUASRdBsuUPG+PAAAAAAAAAAA=";
 var THUMBS_DOWN_DATA_URL = "data:image/webp;base64,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";
 function ResultBlock({
@@ -7388,8 +7721,8 @@ function ResultBlock({
   const signedAmount = isWin ? `+${amount}` : `\u2212${amount}`;
   const amountColorClass = isWin ? "text-semantic-win" : "text-semantic-loss";
   const haloBgClass = isWin ? "bg-semantic-win" : "bg-semantic-loss";
-  return /* @__PURE__ */ jsxs32(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
-    /* @__PURE__ */ jsxs32("div", { className: "relative flex items-center justify-center py-2", children: [
+  return /* @__PURE__ */ jsxs33(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
+    /* @__PURE__ */ jsxs33("div", { className: "relative flex items-center justify-center py-2", children: [
       /* @__PURE__ */ jsx60(
         "span",
         {
@@ -7409,24 +7742,24 @@ function ResultBlock({
       )
     ] }),
     /* @__PURE__ */ jsx60("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
-    /* @__PURE__ */ jsxs32("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
+    /* @__PURE__ */ jsxs33("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
       /* @__PURE__ */ jsx60("span", { className: "font-display text-4xl font-semibold tabular-nums tracking-tight", children: signedAmount }),
       /* @__PURE__ */ jsx60("span", { className: "text-lg font-semibold", children: currency })
     ] }),
-    /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs32(Badge, { variant: "tint-neutral", size: "sm", children: [
+    /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs33(Badge, { variant: "tint-neutral", size: "sm", children: [
         contractLabel,
-        pickedDigit !== void 0 && /* @__PURE__ */ jsxs32(Fragment3, { children: [
+        pickedDigit !== void 0 && /* @__PURE__ */ jsxs33(Fragment3, { children: [
           /* @__PURE__ */ jsx60("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
           /* @__PURE__ */ jsx60("span", { className: "tabular-nums", children: pickedDigit })
         ] })
       ] }),
       /* @__PURE__ */ jsx60(Badge, { variant: "tint-neutral", size: "sm", children: duration })
     ] }),
-    /* @__PURE__ */ jsxs32("div", { className: "w-full pt-2", children: [
+    /* @__PURE__ */ jsxs33("div", { className: "w-full pt-2", children: [
       ctaMode === "next-round" && /* @__PURE__ */ jsx60(Button, { className: "w-full", children: "Next round" }),
       ctaMode === "go-again" && /* @__PURE__ */ jsx60(Button, { className: "w-full", children: "Go again" }),
-      ctaMode === "conversion" && /* @__PURE__ */ jsxs32("div", { className: "w-full flex flex-col gap-3", children: [
+      ctaMode === "conversion" && /* @__PURE__ */ jsxs33("div", { className: "w-full flex flex-col gap-3", children: [
         /* @__PURE__ */ jsx60("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
         /* @__PURE__ */ jsx60(Button, { className: "w-full", children: "Deposit now" }),
         /* @__PURE__ */ jsx60(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
@@ -7440,12 +7773,12 @@ function ResultDialog({
   primaryLabel,
   secondaryLabel
 }) {
-  return /* @__PURE__ */ jsxs32(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
-    /* @__PURE__ */ jsxs32("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+  return /* @__PURE__ */ jsxs33(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
+    /* @__PURE__ */ jsxs33("div", { className: "flex flex-col items-center gap-2 text-center", children: [
       /* @__PURE__ */ jsx60("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
       /* @__PURE__ */ jsx60("p", { className: "text-sm text-on-subtle", children: body })
     ] }),
-    /* @__PURE__ */ jsxs32("div", { className: "w-full flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs33("div", { className: "w-full flex flex-col gap-2", children: [
       /* @__PURE__ */ jsx60(Button, { className: "w-full", children: primaryLabel }),
       /* @__PURE__ */ jsx60(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
     ] })
@@ -7454,7 +7787,7 @@ function ResultDialog({
 
 // components/blocks/header-navigation-block.tsx
 import { ArrowLeft as ArrowLeft2, History } from "lucide-react";
-import { jsx as jsx61, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
 function HeaderNavigationBlock({
   onBack,
   badge,
@@ -7463,14 +7796,14 @@ function HeaderNavigationBlock({
   actions
 }) {
   var _a;
-  return /* @__PURE__ */ jsx61("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs33("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
+  return /* @__PURE__ */ jsx61("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs34("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
     onBack && /* @__PURE__ */ jsx61(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ jsx61(ArrowLeft2, { className: "size-5" }) }),
-    /* @__PURE__ */ jsxs33("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
+    /* @__PURE__ */ jsxs34("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
       badge && /* @__PURE__ */ jsx61(Badge, { variant: (_a = badge.variant) != null ? _a : "tint-warning", size: "sm", children: badge.label }),
       /* @__PURE__ */ jsx61("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
       /* @__PURE__ */ jsx61("span", { className: "text-sm text-on-subtle", children: balance.currency })
     ] }),
-    /* @__PURE__ */ jsxs33("div", { className: "flex shrink-0 items-center gap-1", children: [
+    /* @__PURE__ */ jsxs34("div", { className: "flex shrink-0 items-center gap-1", children: [
       history && /* @__PURE__ */ jsx61(HistoryButton, __spreadValues({}, history)),
       actions
     ] })
@@ -7484,7 +7817,7 @@ function HistoryButton({
   const show = typeof count === "number" && count > 0;
   const label = show ? count > 99 ? "99+" : String(count) : null;
   const ariaLabel = ariaLabelOverride != null ? ariaLabelOverride : show ? `Open history, ${count} new` : "Open history";
-  return /* @__PURE__ */ jsxs33("div", { className: "relative inline-flex", children: [
+  return /* @__PURE__ */ jsxs34("div", { className: "relative inline-flex", children: [
     /* @__PURE__ */ jsx61(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ jsx61(History, { className: "size-5" }) }),
     show && /* @__PURE__ */ jsx61(
       "span",
@@ -7500,7 +7833,7 @@ function HistoryButton({
 // components/blocks/faq-block.tsx
 import { Plus as Plus2 } from "lucide-react";
 import { Accordion as AccordionPrimitive2 } from "radix-ui";
-import { jsx as jsx62, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs35 } from "react/jsx-runtime";
 function FAQBlock({
   eyebrow = "FAQ",
   title = "Frequently asked questions",
@@ -7512,8 +7845,8 @@ function FAQBlock({
 }) {
   var _a, _b;
   if (layout === "two-column") {
-    return /* @__PURE__ */ jsx62("div", { className: "@container w-full", children: /* @__PURE__ */ jsxs34("div", { className: "flex flex-col @[600px]:flex-row gap-8 @[600px]:gap-12", children: [
-      /* @__PURE__ */ jsxs34("div", { className: "flex flex-col gap-4 flex-1 @[600px]:max-w-xs", children: [
+    return /* @__PURE__ */ jsx62("div", { className: "@container w-full", children: /* @__PURE__ */ jsxs35("div", { className: "flex flex-col @[600px]:flex-row gap-8 @[600px]:gap-12", children: [
+      /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-4 flex-1 @[600px]:max-w-xs", children: [
         /* @__PURE__ */ jsx62("span", { className: "text-xs font-body font-semibold tracking-widest uppercase text-on-subtle", children: eyebrow }),
         /* @__PURE__ */ jsx62("h2", { className: "text-4xl @[600px]:text-6xl font-semibold font-display text-on-prominent tracking-tight", children: title }),
         intro && /* @__PURE__ */ jsx62("p", { className: "text-base font-body text-on-subtle", children: intro })
@@ -7525,13 +7858,13 @@ function FAQBlock({
           collapsible: true,
           defaultValue: defaultValue != null ? defaultValue : (_a = items[0]) == null ? void 0 : _a.value,
           className: "w-full",
-          children: items.map(({ value, question, answer }, i) => /* @__PURE__ */ jsxs34(AccordionItem, { value, children: [
-            /* @__PURE__ */ jsx62(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ jsxs34(
+          children: items.map(({ value, question, answer }, i) => /* @__PURE__ */ jsxs35(AccordionItem, { value, children: [
+            /* @__PURE__ */ jsx62(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ jsxs35(
               AccordionPrimitive2.Trigger,
               {
                 className: "group flex flex-1 items-center justify-between gap-4 py-5 text-left outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
                 children: [
-                  /* @__PURE__ */ jsxs34("span", { className: "flex items-baseline gap-4", children: [
+                  /* @__PURE__ */ jsxs35("span", { className: "flex items-baseline gap-4", children: [
                     /* @__PURE__ */ jsx62("span", { className: "text-sm font-body text-on-subtle shrink-0 w-6", children: String(i + 1).padStart(2, "0") }),
                     /* @__PURE__ */ jsx62("span", { className: "text-lg @[600px]:text-xl font-semibold font-display text-on-prominent", children: question })
                   ] }),
@@ -7558,8 +7891,8 @@ function FAQBlock({
   const helpCardPaddingClass = layout === "desktop" ? "p-8" : "p-6";
   const gapClass = layout === "desktop" ? "gap-12" : "gap-10";
   const headerGapClass = layout === "desktop" ? "gap-5" : "gap-4";
-  return /* @__PURE__ */ jsxs34("div", { className: `w-full flex flex-col ${gapClass}`, children: [
-    /* @__PURE__ */ jsxs34("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
+  return /* @__PURE__ */ jsxs35("div", { className: `w-full flex flex-col ${gapClass}`, children: [
+    /* @__PURE__ */ jsxs35("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
       /* @__PURE__ */ jsx62("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
       /* @__PURE__ */ jsx62("h2", { className: headingClass, children: title }),
       intro && /* @__PURE__ */ jsx62("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
@@ -7571,14 +7904,14 @@ function FAQBlock({
         collapsible: true,
         defaultValue: defaultValue != null ? defaultValue : (_b = items[0]) == null ? void 0 : _b.value,
         className: "w-full",
-        children: items.map(({ value, question, answer }) => /* @__PURE__ */ jsxs34(AccordionItem, { value, children: [
+        children: items.map(({ value, question, answer }) => /* @__PURE__ */ jsxs35(AccordionItem, { value, children: [
           /* @__PURE__ */ jsx62(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
           /* @__PURE__ */ jsx62(AccordionContent, { children: /* @__PURE__ */ jsx62("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
         ] }, value))
       }
     ),
-    helpCard && /* @__PURE__ */ jsxs34("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
-      /* @__PURE__ */ jsxs34("div", { className: "flex flex-col gap-2 w-full", children: [
+    helpCard && /* @__PURE__ */ jsxs35("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
+      /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-2 w-full", children: [
         /* @__PURE__ */ jsx62("h3", { className: helpTitleClass, children: helpCard.title }),
         /* @__PURE__ */ jsx62("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
       ] }),
@@ -7589,7 +7922,7 @@ function FAQBlock({
 
 // components/blocks/hero-block.tsx
 import { ArrowRight as ArrowRight3, ArrowUpRight } from "lucide-react";
-import { jsx as jsx63, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs36 } from "react/jsx-runtime";
 function HeroBlock({
   layout = "centered",
   tagline,
@@ -7600,26 +7933,26 @@ function HeroBlock({
   image
 }) {
   if (layout === "centered") {
-    return /* @__PURE__ */ jsx63("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs35("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__ */ jsxs35("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+    return /* @__PURE__ */ jsx63("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs36("div", { className: "flex flex-col items-center justify-center gap-8 px-layout-margin-inline py-24 max-w-2xl mx-auto text-center", children: [
+      /* @__PURE__ */ jsxs36("div", { className: "flex flex-col items-center gap-6 w-full", children: [
         tagline && /* @__PURE__ */ jsx63(TaglinePill, __spreadValues({}, tagline)),
         /* @__PURE__ */ jsx63("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
         /* @__PURE__ */ jsx63("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
       ] }),
-      /* @__PURE__ */ jsxs35(Button, { size: "sm", onClick: primaryCta.onClick, children: [
+      /* @__PURE__ */ jsxs36(Button, { size: "sm", onClick: primaryCta.onClick, children: [
         primaryCta.label,
         primaryCta.trailingArrow !== false && /* @__PURE__ */ jsx63(ArrowRight3, { className: "size-4" })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx63("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs35("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__ */ jsxs35("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__ */ jsxs35("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
+  return /* @__PURE__ */ jsx63("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ jsxs36("div", { className: "flex flex-col min-[600px]:flex-row items-center gap-layout-gutter px-layout-margin-inline py-16 min-[600px]:py-24 max-w-5xl mx-auto", children: [
+    /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-6 min-[600px]:gap-8 flex-1 min-w-0 items-center min-[600px]:items-start text-center min-[600px]:text-left w-full", children: [
+      /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
         tagline && /* @__PURE__ */ jsx63(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
         /* @__PURE__ */ jsx63("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
         /* @__PURE__ */ jsx63("p", { className: "text-lg font-body text-on-subtle", children: body })
       ] }),
-      /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
+      /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
         /* @__PURE__ */ jsx63(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
         secondaryCta && /* @__PURE__ */ jsx63(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
       ] })
@@ -7632,15 +7965,15 @@ function TaglinePill({
   suffix,
   responsive
 }) {
-  return /* @__PURE__ */ jsxs35("div", { className: "inline-flex items-center gap-1.5 h-7 px-3 rounded-full border border-border-subtle bg-prominent shadow-sm shrink-0", children: [
+  return /* @__PURE__ */ jsxs36("div", { className: "inline-flex items-center gap-1.5 h-7 px-3 rounded-full border border-border-subtle bg-prominent shadow-sm shrink-0", children: [
     /* @__PURE__ */ jsx63("span", { className: "size-1.5 rounded-full bg-semantic-win shrink-0", "aria-hidden": "true" }),
-    responsive && suffix ? /* @__PURE__ */ jsxs35("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
-      /* @__PURE__ */ jsxs35("span", { className: "hidden min-[600px]:inline", children: [
+    responsive && suffix ? /* @__PURE__ */ jsxs36("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+      /* @__PURE__ */ jsxs36("span", { className: "hidden min-[600px]:inline", children: [
         label,
         /* @__PURE__ */ jsx63("span", { className: "text-on-subtle", children: " \xB7 " })
       ] }),
       /* @__PURE__ */ jsx63("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
-    ] }) : /* @__PURE__ */ jsxs35("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+    ] }) : /* @__PURE__ */ jsxs36("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
       label,
       suffix && /* @__PURE__ */ jsx63("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
     ] }),
@@ -7649,8 +7982,8 @@ function TaglinePill({
 }
 
 // components/blocks/auth-block.tsx
-import * as React19 from "react";
-import { jsx as jsx64, jsxs as jsxs36 } from "react/jsx-runtime";
+import * as React21 from "react";
+import { jsx as jsx64, jsxs as jsxs37 } from "react/jsx-runtime";
 function AuthBlock({
   mode,
   logoSrc,
@@ -7665,15 +7998,15 @@ function AuthBlock({
   const ctaText = mode === "sign-in" ? "Sign in" : "Sign up";
   const footerPrompt = mode === "sign-in" ? "Don't have an account?" : "Already have an account?";
   const footerLinkLabel = mode === "sign-in" ? "Sign up" : "Log in";
-  const [email, setEmail] = React19.useState("");
-  return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-    /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-2", children: [
+  const [email, setEmail] = React21.useState("");
+  return /* @__PURE__ */ jsxs37("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+    /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx64("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
       /* @__PURE__ */ jsx64("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
     ] }),
     /* @__PURE__ */ jsx64("h2", { className: "text-3xl font-semibold font-display text-on-prominent text-center", children: headingText }),
     /* @__PURE__ */ jsx64("div", { className: "flex flex-col gap-3 w-full", children: providers.map((p) => /* @__PURE__ */ jsx64(ProviderButton, { provider: p }, p)) }),
-    /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-3 w-full", children: [
+    /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-3 w-full", children: [
       /* @__PURE__ */ jsx64("div", { className: "flex-1 h-px bg-border-subtle" }),
       /* @__PURE__ */ jsx64("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
       /* @__PURE__ */ jsx64("div", { className: "flex-1 h-px bg-border-subtle" })
@@ -7689,14 +8022,14 @@ function AuthBlock({
         onChange: (e) => setEmail(e.target.value)
       }
     ) }),
-    /* @__PURE__ */ jsxs36("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
+    /* @__PURE__ */ jsxs37("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
       termsText,
       ", you agree to our",
       " ",
       /* @__PURE__ */ jsx64(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
     ] }),
     /* @__PURE__ */ jsx64(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
-    /* @__PURE__ */ jsxs36("p", { className: "text-sm text-on-subtle font-body text-center", children: [
+    /* @__PURE__ */ jsxs37("p", { className: "text-sm text-on-subtle font-body text-center", children: [
       footerPrompt,
       " ",
       /* @__PURE__ */ jsx64(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
@@ -7706,8 +8039,8 @@ function AuthBlock({
 function ProviderButton({ provider }) {
   switch (provider) {
     case "google":
-      return /* @__PURE__ */ jsxs36(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ jsxs36("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+      return /* @__PURE__ */ jsxs37(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ jsxs37("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
           /* @__PURE__ */ jsx64("path", { d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z", fill: "#4285F4" }),
           /* @__PURE__ */ jsx64("path", { d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z", fill: "#34A853" }),
           /* @__PURE__ */ jsx64("path", { d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z", fill: "#FBBC05" }),
@@ -7716,8 +8049,8 @@ function ProviderButton({ provider }) {
         "Continue with Google"
       ] });
     case "telegram":
-      return /* @__PURE__ */ jsxs36(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ jsxs36("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+      return /* @__PURE__ */ jsxs37(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ jsxs37("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
           /* @__PURE__ */ jsx64("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
           /* @__PURE__ */ jsx64("path", { d: "M13.5 5.25 11.25 13.5l-2.25-3-3 1.5 1.5-5.25 6-1.5Z", fill: "white", opacity: "0.3" }),
           /* @__PURE__ */ jsx64("path", { d: "m4.5 8.625 7.5-3-1.125 7.125-2.625-2.25-1.5 1.5.375-3.375Z", fill: "white" })
@@ -7725,7 +8058,7 @@ function ProviderButton({ provider }) {
         "Continue with Telegram"
       ] });
     case "x":
-      return /* @__PURE__ */ jsxs36(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+      return /* @__PURE__ */ jsxs37(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
         /* @__PURE__ */ jsx64("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ jsx64("path", { d: "M13.955 2.25h2.423L10.977 8.28 17.25 15.75h-4.812l-3.913-5.116-4.477 5.116H1.645l5.703-6.52L1.125 2.25h4.934l3.538 4.678 4.358-4.678Zm-.85 12.105h1.343L5.025 3.627H3.579l9.526 10.728Z" }) }),
         "Continue with X (Twitter)"
       ] });
@@ -7733,15 +8066,15 @@ function ProviderButton({ provider }) {
 }
 
 // components/blocks/navbar-block.tsx
-import * as React20 from "react";
+import * as React22 from "react";
 import { Menu, X as X3 } from "lucide-react";
-import { jsx as jsx65, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs38 } from "react/jsx-runtime";
 function NavBarBlock({ brand, links, signIn, signUp }) {
   var _a, _b, _c, _d;
-  const [mobileMenuOpen, setMobileMenuOpen] = React20.useState(false);
-  return /* @__PURE__ */ jsx65("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ jsxs37("nav", { className: "bg-prominent", children: [
-    /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
-      /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-6", children: [
+  const [mobileMenuOpen, setMobileMenuOpen] = React22.useState(false);
+  return /* @__PURE__ */ jsx65("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ jsxs38("nav", { className: "bg-prominent", children: [
+    /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
+      /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-6", children: [
         /* @__PURE__ */ jsx65(
           "img",
           {
@@ -7760,7 +8093,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
         ),
         /* @__PURE__ */ jsx65("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ jsx65(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
       ] }),
-      /* @__PURE__ */ jsxs37("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs38("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
         signIn && /* @__PURE__ */ jsx65(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
         signUp && /* @__PURE__ */ jsx65(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
       ] }),
@@ -7777,7 +8110,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
         }
       )
     ] }),
-    mobileMenuOpen && /* @__PURE__ */ jsxs37("div", { className: "min-[600px]:hidden flex flex-col border-t border-border-subtle px-layout-margin-inline py-3 gap-1", children: [
+    mobileMenuOpen && /* @__PURE__ */ jsxs38("div", { className: "min-[600px]:hidden flex flex-col border-t border-border-subtle px-layout-margin-inline py-3 gap-1", children: [
       links.map((l) => /* @__PURE__ */ jsx65(
         Button,
         {
@@ -7789,7 +8122,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
         },
         l.label
       )),
-      (signIn || signUp) && /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
+      (signIn || signUp) && /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
         signIn && /* @__PURE__ */ jsx65(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
         signUp && /* @__PURE__ */ jsx65(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
       ] })
@@ -7799,7 +8132,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
 
 // components/blocks/open-positions-block.tsx
 import { History as History2, X as X4 } from "lucide-react";
-import { jsx as jsx66, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs39 } from "react/jsx-runtime";
 function OpenPositionsBlock({
   trigger,
   sheetTitle = "Positions",
@@ -7810,10 +8143,10 @@ function OpenPositionsBlock({
   const isMobile = useIsMobile();
   const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ jsx66(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ jsx66(PositionsList, { positions, onViewHistory });
   if (isMobile) {
-    return /* @__PURE__ */ jsxs38(Drawer, { children: [
+    return /* @__PURE__ */ jsxs39(Drawer, { children: [
       /* @__PURE__ */ jsx66(DrawerTrigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ jsxs38(DrawerContent, { className: "p-0 flex flex-col", children: [
-        /* @__PURE__ */ jsxs38(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
+      /* @__PURE__ */ jsxs39(DrawerContent, { className: "p-0 flex flex-col", children: [
+        /* @__PURE__ */ jsxs39(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
           /* @__PURE__ */ jsx66(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
           /* @__PURE__ */ jsx66(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx66(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx66(X4, {}) }) })
         ] }),
@@ -7822,10 +8155,10 @@ function OpenPositionsBlock({
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs38(Sheet, { children: [
+  return /* @__PURE__ */ jsxs39(Sheet, { children: [
     /* @__PURE__ */ jsx66(SheetTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs38(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
-      /* @__PURE__ */ jsxs38(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
+    /* @__PURE__ */ jsxs39(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
+      /* @__PURE__ */ jsxs39(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
         /* @__PURE__ */ jsx66(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
         /* @__PURE__ */ jsx66(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx66(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ jsx66(X4, {}) }) })
       ] }),
@@ -7838,7 +8171,7 @@ function PositionsList({
   positions,
   onViewHistory
 }) {
-  return /* @__PURE__ */ jsxs38("div", { className: "flex flex-col flex-1 min-h-0", children: [
+  return /* @__PURE__ */ jsxs39("div", { className: "flex flex-col flex-1 min-h-0", children: [
     /* @__PURE__ */ jsx66(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ jsx66(PositionRow, { position: pos }, i)) }),
     /* @__PURE__ */ jsx66(Separator, {}),
     /* @__PURE__ */ jsx66("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" }) })
@@ -7846,9 +8179,9 @@ function PositionsList({
 }
 function PositionRow({ position }) {
   const { label, suffix } = positionTitleParts(position);
-  return /* @__PURE__ */ jsxs38(Item, { size: "sm", children: [
-    /* @__PURE__ */ jsxs38(ItemContent, { children: [
-      /* @__PURE__ */ jsxs38(ItemTitle, { children: [
+  return /* @__PURE__ */ jsxs39(Item, { size: "sm", children: [
+    /* @__PURE__ */ jsxs39(ItemContent, { children: [
+      /* @__PURE__ */ jsxs39(ItemTitle, { children: [
         /* @__PURE__ */ jsx66("span", { className: "text-on-prominent", children: label }),
         suffix && /* @__PURE__ */ jsx66("span", { className: "text-on-subtle", children: ` ${suffix}` })
       ] }),
@@ -7880,20 +8213,20 @@ function positionTitleParts(p) {
   }
 }
 function MetaNote({ market, duration }) {
-  return /* @__PURE__ */ jsxs38("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
+  return /* @__PURE__ */ jsxs39("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
     market,
     " \xB7 ",
     duration
   ] });
 }
 function PnlMeta({ pnl, win, stake }) {
-  return /* @__PURE__ */ jsxs38("div", { className: "flex flex-col items-end gap-0.5", children: [
+  return /* @__PURE__ */ jsxs39("div", { className: "flex flex-col items-end gap-0.5", children: [
     /* @__PURE__ */ jsx66("span", { className: `font-display font-semibold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
     /* @__PURE__ */ jsx66("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
   ] });
 }
 function DefaultEmptyState({ onViewHistory }) {
-  return /* @__PURE__ */ jsx66(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ jsxs38(EmptyHeader, { className: "gap-4", children: [
+  return /* @__PURE__ */ jsx66(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ jsxs39(EmptyHeader, { className: "gap-4", children: [
     /* @__PURE__ */ jsx66(EmptyMedia, { children: /* @__PURE__ */ jsx66(History2, { className: "size-8 text-on-subtle" }) }),
     /* @__PURE__ */ jsx66(EmptyTitle, { className: "h6 text-on-subtle", children: "No trades yet." }),
     /* @__PURE__ */ jsx66(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" })
@@ -7901,8 +8234,8 @@ function DefaultEmptyState({ onViewHistory }) {
 }
 
 // components/blocks/game-loading-block.tsx
-import * as React21 from "react";
-import { jsx as jsx67, jsxs as jsxs39 } from "react/jsx-runtime";
+import * as React23 from "react";
+import { jsx as jsx67, jsxs as jsxs40 } from "react/jsx-runtime";
 function useSmoothProgress({
   checkpoints,
   reached,
@@ -7912,19 +8245,19 @@ function useSmoothProgress({
   readyLabel = "Ready"
 }) {
   var _a, _b;
-  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(() => {
+  const [progress, setProgress] = React23.useState(0);
+  const [delayed, setDelayed] = React23.useState(false);
+  const checkpointsRef = React23.useRef(checkpoints);
+  const reachedRef = React23.useRef(reached);
+  const doneRef = React23.useRef(done);
+  React23.useEffect(() => {
     checkpointsRef.current = checkpoints;
     reachedRef.current = reached;
     doneRef.current = done;
   });
-  const progressRef = React21.useRef(0);
-  const lastAdvanceRef = React21.useRef(0);
-  React21.useEffect(() => {
+  const progressRef = React23.useRef(0);
+  const lastAdvanceRef = React23.useRef(0);
+  React23.useEffect(() => {
     let raf = 0;
     let last = 0;
     const tick = (ts) => {
@@ -7978,14 +8311,14 @@ function GameLoadingBlock({
   backgroundImageUrl,
   className
 }) {
-  const [go, setGo] = React21.useState(false);
-  const [reduced, setReduced] = React21.useState(false);
-  React21.useEffect(() => {
+  const [go, setGo] = React23.useState(false);
+  const [reduced, setReduced] = React23.useState(false);
+  React23.useEffect(() => {
     if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
       setReduced(window.matchMedia("(prefers-reduced-motion: reduce)").matches);
     }
   }, []);
-  React21.useEffect(() => {
+  React23.useEffect(() => {
     if (!exiting) return;
     const raf = requestAnimationFrame(() => setGo(true));
     const timer = setTimeout(() => onExitEnd == null ? void 0 : onExitEnd(), reduced ? 240 : 520);
@@ -7995,7 +8328,7 @@ function GameLoadingBlock({
     };
   }, [exiting, reduced, onExitEnd]);
   const isAbsolute = exiting || contained;
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "div",
     {
       role: "status",
@@ -8026,7 +8359,7 @@ function GameLoadingBlock({
             children: /* @__PURE__ */ jsx67("path", { d: MONOGRAM_D })
           }
         ),
-        !exiting && /* @__PURE__ */ jsxs39("div", { className: "flex w-[200px] flex-col items-start gap-3.5", children: [
+        !exiting && /* @__PURE__ */ jsxs40("div", { className: "flex w-[200px] flex-col items-start gap-3.5", children: [
           /* @__PURE__ */ jsx67("div", { className: "relative h-2 w-full overflow-hidden rounded-xs bg-on-primary/25", children: /* @__PURE__ */ jsx67(
             "div",
             {
@@ -8091,6 +8424,7 @@ export {
   CardTitle,
   Carousel,
   CarouselContent,
+  CarouselDots,
   CarouselItem,
   CarouselNext,
   CarouselPrevious,
@@ -8233,7 +8567,9 @@ export {
   Numpad,
   OpenPositionsBlock,
   Pagination,
+  PaginationBar,
   PaginationContent,
+  PaginationDots,
   PaginationEllipsis,
   PaginationItem,
   PaginationLink,
@@ -8255,6 +8591,7 @@ export {
   ResizablePanelGroup,
   ResultBlock,
   ResultDialog,
+  ResultSnackbar,
   ScrollArea,
   ScrollBar,
   SectionMessage,