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

package/dist/index.cjs

@@ -65,7 +65,6 @@ __export(index_exports, {
   AccordionItem: () => AccordionItem,
   AccordionTrigger: () => AccordionTrigger,
   Alert: () => Alert,
-  AlertDescription: () => AlertDescription,
   AlertDialog: () => AlertDialog,
   AlertDialogAction: () => AlertDialogAction,
   AlertDialogCancel: () => AlertDialogCancel,
@@ -78,7 +77,6 @@ __export(index_exports, {
   AlertDialogPortal: () => AlertDialogPortal,
   AlertDialogTitle: () => AlertDialogTitle,
   AlertDialogTrigger: () => AlertDialogTrigger,
-  AlertTitle: () => AlertTitle,
   AspectRatio: () => AspectRatio,
   AuthBlock: () => AuthBlock,
   Avatar: () => Avatar,
@@ -374,6 +372,7 @@ __export(index_exports, {
   TooltipContent: () => TooltipContent,
   TooltipProvider: () => TooltipProvider,
   TooltipTrigger: () => TooltipTrigger,
+  alertVariants: () => alertVariants,
   badgeVariants: () => badgeVariants,
   buttonVariants: () => buttonVariants,
   cn: () => cn,
@@ -467,83 +466,20 @@ function AccordionContent(_a) {
 }
 
 // components/ui/alert.tsx
-var import_class_variance_authority = require("class-variance-authority");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var alertVariants = (0, import_class_variance_authority.cva)(
-  "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-sm border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-  {
-    variants: {
-      variant: {
-        info: "bg-transparent text-alert-info-text border-alert-info-border *:data-[slot=alert-description]:text-on-subtle [&>svg]:text-current",
-        error: "bg-transparent text-alert-error-text border-alert-error-border *:data-[slot=alert-description]:text-on-subtle [&>svg]:text-current"
-      }
-    },
-    defaultVariants: {
-      variant: "info"
-    }
-  }
-);
-function Alert(_a) {
-  var _b = _a, {
-    className,
-    variant
-  } = _b, props = __objRest(_b, [
-    "className",
-    "variant"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "div",
-    __spreadValues({
-      "data-slot": "alert",
-      role: "alert",
-      className: cn(alertVariants({ variant }), className)
-    }, props)
-  );
-}
-function AlertTitle(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "div",
-    __spreadValues({
-      "data-slot": "alert-title",
-      className: cn(
-        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
-        className
-      )
-    }, props)
-  );
-}
-function AlertDescription(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "div",
-    __spreadValues({
-      "data-slot": "alert-description",
-      className: cn(
-        "col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
-        className
-      )
-    }, props)
-  );
-}
-
-// components/ui/alert-dialog.tsx
-var import_radix_ui3 = require("radix-ui");
+var React = __toESM(require("react"), 1);
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_lucide_react2 = require("lucide-react");
 
 // components/ui/button.tsx
-var import_class_variance_authority2 = require("class-variance-authority");
+var import_class_variance_authority = require("class-variance-authority");
 var import_radix_ui2 = require("radix-ui");
 
 // components/ui/spinner.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var PILL_COUNT = 8;
 function Spinner(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       role: "status",
@@ -551,13 +487,13 @@ function Spinner(_a) {
       className: cn("relative inline-block size-4 text-current", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("style", { children: `
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("style", { children: `
         @keyframes spinner-fade {
           0% { opacity: 1; }
           100% { opacity: 0.15; }
         }
       ` }),
-        Array.from({ length: PILL_COUNT }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        Array.from({ length: PILL_COUNT }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "span",
           {
             style: {
@@ -581,8 +517,8 @@ function Spinner(_a) {
 }
 
 // components/ui/button.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority2.cva)(
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
   "inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-24 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 font-display font-bold",
   {
     variants: {
@@ -642,7 +578,7 @@ function Button(_a) {
     "children"
   ]);
   const Comp = asChild ? import_radix_ui2.Slot.Root : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Comp,
     __spreadProps(__spreadValues({
       "data-slot": "button",
@@ -655,15 +591,255 @@ function Button(_a) {
       ),
       "aria-busy": loading || void 0
     }, props), {
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "invisible inline-flex items-center gap-[inherit]", "aria-hidden": true, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Spinner, { className: spinnerSizeMap[size != null ? size : "lg"] }) })
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "invisible inline-flex items-center gap-[inherit]", "aria-hidden": true, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Spinner, { className: spinnerSizeMap[size != null ? size : "lg"] }) })
       ] }) : children
     })
   );
 }
 
+// components/ui/alert.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority2.cva)(
+  "grid w-full rounded-sm",
+  {
+    variants: {
+      variant: {
+        default: "bg-prominent border border-border-subtle",
+        brand: "bg-primary",
+        info: "bg-semantic-info/10",
+        warning: "bg-semantic-warning/10",
+        danger: "bg-semantic-error/10",
+        success: "bg-semantic-win/10"
+      },
+      layout: {
+        // Inline is mobile-first: 3 columns × 2 rows so a long title can wrap and the
+        // action button drops below the body. At sm+ (640px) it collapses to a single
+        // row of 4 columns (icon · body · action · close).
+        inline: "grid-cols-[auto_1fr_auto] grid-rows-[auto_auto] items-start gap-x-3 gap-y-3 px-4 py-4 sm:grid-cols-[auto_1fr_auto_auto] sm:grid-rows-1",
+        card: "grid-cols-[auto_1fr_auto] grid-rows-[auto_auto] items-start gap-x-3 gap-y-2 px-4 py-4"
+      }
+    },
+    defaultVariants: {
+      variant: "info",
+      layout: "inline"
+    }
+  }
+);
+var SINGLE_LINE_CLASSES = "items-center min-h-12 py-2 gap-y-0";
+var TITLE_CLASSES = {
+  default: "text-on-prominent",
+  brand: "text-on-primary",
+  info: "text-on-prominent",
+  warning: "text-on-prominent",
+  danger: "text-on-prominent",
+  success: "text-on-prominent"
+};
+var ICON_CLASSES = {
+  default: "text-on-prominent",
+  brand: "text-on-primary",
+  info: "text-semantic-info",
+  warning: "text-semantic-warning",
+  danger: "text-semantic-error",
+  success: "text-semantic-win"
+};
+var DESC_CLASSES = {
+  default: "text-on-subtle",
+  brand: "text-on-primary opacity-80",
+  info: "text-on-subtle",
+  warning: "text-on-subtle",
+  danger: "text-on-subtle",
+  success: "text-on-subtle"
+};
+var CLOSE_CLASSES = {
+  default: "text-on-subtle opacity-70",
+  brand: "text-on-primary opacity-70",
+  info: "text-on-subtle opacity-70",
+  warning: "text-on-subtle opacity-70",
+  danger: "text-on-subtle opacity-70",
+  success: "text-on-subtle opacity-70"
+};
+function defaultIconForVariant(variant) {
+  switch (variant) {
+    case "default":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Info, {});
+    case "brand":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Sparkles, {});
+    case "info":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Info, {});
+    case "warning":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.AlertTriangle, {});
+    case "danger":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.XCircle, {});
+    case "success":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.CheckCircle2, {});
+  }
+}
+function actionButtonVariantFor(variant) {
+  return variant === "brand" ? "primary-inverse" : "secondary";
+}
+function Alert(_a) {
+  var _b = _a, {
+    variant = "info",
+    layout = "inline",
+    title,
+    description,
+    icon,
+    action,
+    actions,
+    onDismiss,
+    dismissLabel = "Dismiss",
+    className
+  } = _b, props = __objRest(_b, [
+    "variant",
+    "layout",
+    "title",
+    "description",
+    "icon",
+    "action",
+    "actions",
+    "onDismiss",
+    "dismissLabel",
+    "className"
+  ]);
+  if (!title && !description) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(
+        "Alert: requires at least one of `title` or `description`. Rendering null."
+      );
+    }
+    return null;
+  }
+  const isInline = layout === "inline";
+  const isSingleLine = isInline && !(title && description);
+  const showIcon = icon !== null;
+  const resolvedIcon = icon === void 0 ? defaultIconForVariant(variant) : icon;
+  const showCloseButton = typeof onDismiss === "function";
+  const buttonVariant = actionButtonVariantFor(variant);
+  const isAssertive = variant === "danger" || variant === "warning";
+  const role = isAssertive ? "alert" : "status";
+  const ariaLive = isAssertive ? "assertive" : "polite";
+  if (process.env.NODE_ENV !== "production") {
+    if (isInline && actions && actions.length > 0) {
+      console.warn(
+        'Alert: `actions` is ignored when layout="inline". Use `action` instead.'
+      );
+    }
+    if (!isInline && action) {
+      console.warn(
+        'Alert: `action` is ignored when layout="card". Use `actions` instead.'
+      );
+    }
+  }
+  const body = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "min-w-0", children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "p",
+      {
+        className: cn(
+          // Mobile-first: 13/11px scale so narrow viewports breathe. sm+ bumps to
+          // 14/12px which lines up with the rest of the design system's body sizes.
+          "text-[13px] font-semibold leading-snug sm:text-sm",
+          TITLE_CLASSES[variant],
+          description ? "mb-2" : "mb-0"
+        ),
+        children: title
+      }
+    ) : null,
+    description ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "p",
+      {
+        className: cn(
+          "text-[11px] leading-snug m-0 sm:text-xs",
+          DESC_CLASSES[variant]
+        ),
+        children: description
+      }
+    ) : null
+  ] });
+  const closeButton = showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick: onDismiss,
+      "aria-label": dismissLabel,
+      className: cn(
+        "inline-flex shrink-0 items-center justify-center rounded-xs size-6 cursor-pointer outline-none transition-opacity hover:opacity-100 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [&_svg]:size-4 [&_svg]:pointer-events-none",
+        // tuck the close into the top-right corner for the multi-line cases
+        isSingleLine ? "" : "-mt-1 -mr-1",
+        CLOSE_CLASSES[variant]
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.X, {})
+    }
+  ) : null;
+  const iconColumn = showIcon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "inline-flex shrink-0 size-4 [&_svg]:size-full",
+        // 2px nudge (mt-0.5) aligns the 16px icon with the title cap-height
+        // in multi-line / card layouts. This is the one exception to the
+        // 8-point grid — required for optical typography alignment.
+        isSingleLine ? "" : "mt-0.5",
+        ICON_CLASSES[variant]
+      ),
+      children: resolvedIcon
+    }
+  ) : null;
+  if (isInline) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "div",
+      __spreadProps(__spreadValues({
+        role,
+        "aria-live": ariaLive,
+        "data-slot": "alert",
+        "data-variant": variant,
+        "data-layout": "inline",
+        className: cn(
+          alertVariants({ variant, layout }),
+          isSingleLine ? SINGLE_LINE_CLASSES : "",
+          className
+        )
+      }, props), {
+        children: [
+          iconColumn,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "col-start-2 row-start-1 min-w-0", children: body }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "col-start-3 row-start-1 sm:col-start-4 sm:row-start-1", children: closeButton }),
+          action ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "col-start-2 row-start-2 justify-self-start sm:col-start-3 sm:row-start-1 sm:self-center sm:justify-self-end", children: wrapAction(action, buttonVariant) }) : null
+        ]
+      })
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "div",
+    __spreadProps(__spreadValues({
+      role,
+      "aria-live": ariaLive,
+      "data-slot": "alert",
+      "data-variant": variant,
+      "data-layout": "card",
+      className: cn(
+        alertVariants({ variant, layout }),
+        className
+      )
+    }, props), {
+      children: [
+        iconColumn,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "col-span-2 col-start-2 row-start-1", children: body }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "col-start-3 row-start-1", children: closeButton }),
+        actions && actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "col-span-3 col-start-2 row-start-2 mt-2 flex flex-wrap items-center justify-start gap-2", children: actions.slice(0, 2).map((node, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(React.Fragment, { children: wrapAction(node, buttonVariant) }, i)) }) : null
+      ]
+    })
+  );
+}
+function wrapAction(node, variant) {
+  if (React.isValidElement(node)) return node;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Button, { variant, size: "sm", children: node });
+}
+
 // components/ui/alert-dialog.tsx
+var import_radix_ui3 = require("radix-ui");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function AlertDialog(_a) {
   var props = __objRest(_a, []);
@@ -1008,7 +1184,7 @@ function Badge(_a) {
 }
 
 // components/ui/breadcrumb.tsx
-var import_lucide_react2 = require("lucide-react");
+var import_lucide_react3 = require("lucide-react");
 var import_radix_ui7 = require("radix-ui");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function Breadcrumb(_a) {
@@ -1084,7 +1260,7 @@ function BreadcrumbSeparator(_a) {
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className)
     }, props), {
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ChevronRight, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.ChevronRight, {})
     })
   );
 }
@@ -1103,7 +1279,7 @@ function BreadcrumbEllipsis(_a) {
       className: cn("flex size-9 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.MoreHorizontal, { className: "size-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sr-only", children: "More" })
       ]
     })
@@ -1111,8 +1287,8 @@ function BreadcrumbEllipsis(_a) {
 }
 
 // components/ui/calendar.tsx
-var React = __toESM(require("react"), 1);
-var import_lucide_react3 = require("lucide-react");
+var React2 = __toESM(require("react"), 1);
+var import_lucide_react4 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function Calendar(_a) {
@@ -1245,17 +1421,17 @@ function Calendar(_a) {
         Chevron: (_c) => {
           var _d = _c, { className: className2, orientation } = _d, props2 = __objRest(_d, ["className", "orientation"]);
           if (orientation === "left") {
-            return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+            return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
           }
           if (orientation === "right") {
             return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-              import_lucide_react3.ChevronRightIcon,
+              import_lucide_react4.ChevronRightIcon,
               __spreadValues({
                 className: cn("size-4", className2)
               }, props2)
             );
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.ChevronDownIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+          return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.ChevronDownIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
         },
         DayButton: CalendarDayButton,
         WeekNumber: (_e) => {
@@ -1277,8 +1453,8 @@ function CalendarDayButton(_a) {
     "modifiers"
   ]);
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  const ref = React.useRef(null);
-  React.useEffect(() => {
+  const ref = React2.useRef(null);
+  React2.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -1386,13 +1562,13 @@ function CardFooter(_a) {
 }
 
 // components/ui/carousel.tsx
-var React2 = __toESM(require("react"), 1);
+var React3 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
-var import_lucide_react4 = require("lucide-react");
+var import_lucide_react5 = require("lucide-react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var CarouselContext = React2.createContext(null);
+var CarouselContext = React3.createContext(null);
 function useCarousel() {
-  const context = React2.useContext(CarouselContext);
+  const context = React3.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -1420,20 +1596,20 @@ function Carousel(_a) {
     }),
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React2.useState(false);
-  const [canScrollNext, setCanScrollNext] = React2.useState(false);
-  const onSelect = React2.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React3.useState(false);
+  const [canScrollNext, setCanScrollNext] = React3.useState(false);
+  const onSelect = React3.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React2.useCallback(() => {
+  const scrollPrev = React3.useCallback(() => {
     api == null ? void 0 : api.scrollPrev();
   }, [api]);
-  const scrollNext = React2.useCallback(() => {
+  const scrollNext = React3.useCallback(() => {
     api == null ? void 0 : api.scrollNext();
   }, [api]);
-  const handleKeyDown = React2.useCallback(
+  const handleKeyDown = React3.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -1445,11 +1621,11 @@ function Carousel(_a) {
     },
     [scrollPrev, scrollNext]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -1551,7 +1727,7 @@ function CarouselPrevious(_a) {
       onClick: scrollPrev
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.ArrowLeft, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ArrowLeft, {}),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     })
@@ -1583,7 +1759,7 @@ function CarouselNext(_a) {
       onClick: scrollNext
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.ArrowRight, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ArrowRight, {}),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     })
@@ -1591,13 +1767,13 @@ function CarouselNext(_a) {
 }
 
 // components/ui/chart.tsx
-var React3 = __toESM(require("react"), 1);
+var React4 = __toESM(require("react"), 1);
 var RechartsPrimitive = __toESM(require("recharts"), 1);
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var THEMES = { light: "" };
-var ChartContext = React3.createContext(null);
+var ChartContext = React4.createContext(null);
 function useChart() {
-  const context = React3.useContext(ChartContext);
+  const context = React4.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -1615,7 +1791,7 @@ function ChartContainer(_a) {
     "children",
     "config"
   ]);
-  const uniqueId = React3.useId();
+  const uniqueId = React4.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "div",
@@ -1677,7 +1853,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React3.useMemo(() => {
+  const tooltipLabel = React4.useMemo(() => {
     var _a;
     if (hideLabel || !(payload == null ? void 0 : payload.length)) {
       return null;
@@ -1833,7 +2009,7 @@ function getPayloadConfigFromPayload(config, payload, key) {
 }
 
 // components/ui/checkbox.tsx
-var import_lucide_react5 = require("lucide-react");
+var import_lucide_react6 = require("lucide-react");
 var import_radix_ui8 = require("radix-ui");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function Checkbox(_a) {
@@ -1856,7 +2032,7 @@ function Checkbox(_a) {
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react5.CheckIcon, { className: "size-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react6.CheckIcon, { className: "size-3.5" })
         }
       )
     })
@@ -1890,12 +2066,12 @@ function CollapsibleContent(_a) {
 }
 
 // components/ui/combobox.tsx
-var React5 = __toESM(require("react"), 1);
+var React6 = __toESM(require("react"), 1);
 var import_react = require("@base-ui/react");
-var import_lucide_react6 = require("lucide-react");
+var import_lucide_react7 = require("lucide-react");
 
 // components/ui/input-group.tsx
-var React4 = __toESM(require("react"), 1);
+var React5 = __toESM(require("react"), 1);
 var import_class_variance_authority5 = require("class-variance-authority");
 
 // components/ui/input.tsx
@@ -1963,7 +2139,7 @@ function Textarea(_a) {
 
 // components/ui/input-group.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var InputGroupSizeContext = React4.createContext("md");
+var InputGroupSizeContext = React5.createContext("md");
 var inputGroupVariants = (0, import_class_variance_authority5.cva)(
   [
     "group/input-group relative flex w-full items-center rounded-sm border border-border-subtle bg-white/5",
@@ -2125,7 +2301,7 @@ function InputGroupInput(_a) {
     "className",
     "size"
   ]);
-  const groupSize = React4.useContext(InputGroupSizeContext);
+  const groupSize = React5.useContext(InputGroupSizeContext);
   const size = sizeProp != null ? sizeProp : groupSize;
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     Input,
@@ -2181,7 +2357,7 @@ function ComboboxTrigger(_a) {
       children: [
         children,
         /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          import_lucide_react6.ChevronDownIcon,
+          import_lucide_react7.ChevronDownIcon,
           {
             "data-slot": "combobox-trigger-icon",
             className: "pointer-events-none size-4 text-on-subtle"
@@ -2200,7 +2376,7 @@ function ComboboxClear(_a) {
       render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(InputGroupButton, { variant: "secondary", size: "icon-xs" }),
       className: cn(className)
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react6.XIcon, { className: "pointer-events-none" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.XIcon, { className: "pointer-events-none" })
     })
   );
 }
@@ -2319,7 +2495,7 @@ function ComboboxItem(_a) {
           {
             "data-slot": "combobox-item-indicator",
             render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react6.CheckIcon, { className: "pointer-events-none size-4 pointer-coarse:size-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.CheckIcon, { className: "pointer-events-none size-4 pointer-coarse:size-5" })
           }
         )
       ]
@@ -2428,7 +2604,7 @@ function ComboboxChip(_a) {
             render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "secondary", size: "icon-xs" }),
             className: "-ml-1 opacity-50 hover:opacity-100",
             "data-slot": "combobox-chip-remove",
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react6.XIcon, { className: "pointer-events-none" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.XIcon, { className: "pointer-events-none" })
           }
         )
       ]
@@ -2452,15 +2628,15 @@ function ComboboxChipsInput(_a) {
   );
 }
 function useComboboxAnchor() {
-  return React5.useRef(null);
+  return React6.useRef(null);
 }
 
 // components/ui/command.tsx
 var import_cmdk = require("cmdk");
-var import_lucide_react8 = require("lucide-react");
+var import_lucide_react9 = require("lucide-react");
 
 // components/ui/dialog.tsx
-var import_lucide_react7 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 var import_radix_ui10 = require("radix-ui");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function Dialog(_a) {
@@ -2525,7 +2701,7 @@ function DialogContent(_a) {
               "data-slot": "dialog-close",
               className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-prominent transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-on-subtle [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.XIcon, {}),
                 /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
@@ -2660,7 +2836,7 @@ function CommandInput(_a) {
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react8.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
         /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           import_cmdk.Command.Input,
           __spreadValues({
@@ -2769,7 +2945,7 @@ function CommandShortcut(_a) {
 }
 
 // components/ui/context-menu.tsx
-var import_lucide_react9 = require("lucide-react");
+var import_lucide_react10 = require("lucide-react");
 var import_radix_ui11 = require("radix-ui");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function ContextMenu(_a) {
@@ -2823,7 +2999,7 @@ function ContextMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.ChevronRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.ChevronRightIcon, { className: "ml-auto" })
       ]
     })
   );
@@ -2906,7 +3082,7 @@ function ContextMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui11.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui11.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -2930,7 +3106,7 @@ function ContextMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui11.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui11.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -3120,7 +3296,7 @@ function DrawerDescription(_a) {
 }
 
 // components/ui/dropdown-menu.tsx
-var import_lucide_react10 = require("lucide-react");
+var import_lucide_react11 = require("lucide-react");
 var import_radix_ui13 = require("radix-ui");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 function DropdownMenu(_a) {
@@ -3208,7 +3384,7 @@ function DropdownMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui13.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui13.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -3241,7 +3417,7 @@ function DropdownMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui13.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui13.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -3324,7 +3500,7 @@ function DropdownMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.ChevronRightIcon, { className: "ml-auto size-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.ChevronRightIcon, { className: "ml-auto size-4" })
       ]
     })
   );
@@ -3724,12 +3900,12 @@ function FieldError(_a) {
 }
 
 // components/ui/form.tsx
-var React6 = __toESM(require("react"), 1);
+var React7 = __toESM(require("react"), 1);
 var import_radix_ui16 = require("radix-ui");
 var import_react_hook_form = require("react-hook-form");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var Form = import_react_hook_form.FormProvider;
-var FormFieldContext = React6.createContext(
+var FormFieldContext = React7.createContext(
   {}
 );
 var FormField = (_a) => {
@@ -3737,8 +3913,8 @@ var FormField = (_a) => {
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_hook_form.Controller, __spreadValues({}, props)) });
 };
 var useFormField = () => {
-  const fieldContext = React6.useContext(FormFieldContext);
-  const itemContext = React6.useContext(FormItemContext);
+  const fieldContext = React7.useContext(FormFieldContext);
+  const itemContext = React7.useContext(FormItemContext);
   const { getFieldState } = (0, import_react_hook_form.useFormContext)();
   const formState = (0, import_react_hook_form.useFormState)({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -3754,12 +3930,12 @@ var useFormField = () => {
     formMessageId: `${id}-form-item-message`
   }, fieldState);
 };
-var FormItemContext = React6.createContext(
+var FormItemContext = React7.createContext(
   {}
 );
 function FormItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const id = React6.useId();
+  const id = React7.useId();
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     __spreadValues({
@@ -3866,9 +4042,9 @@ function HoverCardContent(_a) {
 }
 
 // components/ui/input-otp.tsx
-var React7 = __toESM(require("react"), 1);
+var React8 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
-var import_lucide_react11 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function InputOTP(_a) {
   var _b = _a, {
@@ -3909,7 +4085,7 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React7.useContext(import_input_otp.OTPInputContext);
+  const inputOTPContext = React8.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) != null ? _a2 : {};
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
@@ -3930,7 +4106,7 @@ function InputOTPSlot(_a) {
 }
 function InputOTPSeparator(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react11.MinusIcon, {}) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react12.MinusIcon, {}) }));
 }
 
 // components/ui/item.tsx
@@ -4184,7 +4360,7 @@ function Link(_a) {
 }
 
 // components/ui/menubar.tsx
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 var import_radix_ui20 = require("radix-ui");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function Menubar(_a) {
@@ -4307,7 +4483,7 @@ function MenubarCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react12.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react13.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -4331,7 +4507,7 @@ function MenubarRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react12.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react13.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -4414,7 +4590,7 @@ function MenubarSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react12.ChevronRightIcon, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react13.ChevronRightIcon, { className: "ml-auto h-4 w-4" })
       ]
     })
   );
@@ -4438,7 +4614,7 @@ function MenubarSubContent(_a) {
 }
 
 // components/ui/native-select.tsx
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react14 = require("lucide-react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function NativeSelect(_a) {
   var _b = _a, {
@@ -4467,7 +4643,7 @@ function NativeSelect(_a) {
           }, props)
         ),
         /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          import_lucide_react13.ChevronDownIcon,
+          import_lucide_react14.ChevronDownIcon,
           {
             className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-on-subtle opacity-50 select-none",
             "aria-hidden": "true",
@@ -4544,7 +4720,7 @@ function NavigationButton(_a) {
 
 // components/ui/navigation-menu.tsx
 var import_class_variance_authority11 = require("class-variance-authority");
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react15 = require("lucide-react");
 var import_radix_ui22 = require("radix-ui");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function NavigationMenu(_a) {
@@ -4626,7 +4802,7 @@ function NavigationMenuTrigger(_a) {
         children,
         " ",
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-          import_lucide_react14.ChevronDownIcon,
+          import_lucide_react15.ChevronDownIcon,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-slow group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -4717,7 +4893,7 @@ function NavigationMenuIndicator(_a) {
 }
 
 // components/ui/pagination.tsx
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 function Pagination(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
@@ -4779,7 +4955,7 @@ function PaginationPrevious(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react15.ChevronLeftIcon, { className: "size-5" }) })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("a", __spreadProps(__spreadValues({ "aria-label": "Go to previous page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.ChevronLeftIcon, { className: "size-5" }) })) });
 }
 function PaginationNext(_a) {
   var _b = _a, {
@@ -4787,7 +4963,7 @@ function PaginationNext(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react15.ChevronRightIcon, { className: "size-5" }) })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { asChild: true, variant: "tertiary", size: "icon-md", className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("a", __spreadProps(__spreadValues({ "aria-label": "Go to next page", "data-slot": "pagination-link" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.ChevronRightIcon, { className: "size-5" }) })) });
 }
 function PaginationEllipsis(_a) {
   var _b = _a, {
@@ -4803,7 +4979,7 @@ function PaginationEllipsis(_a) {
       className: cn("flex size-10 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react15.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.MoreHorizontalIcon, { className: "size-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     })
@@ -4916,7 +5092,7 @@ function Progress(_a) {
 }
 
 // components/ui/radio-group.tsx
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react17 = require("lucide-react");
 var import_radix_ui25 = require("radix-ui");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function RadioGroup(_a) {
@@ -4953,7 +5129,7 @@ function RadioGroupItem(_a) {
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react16.CircleIcon, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react17.CircleIcon, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" })
         }
       )
     })
@@ -4961,7 +5137,7 @@ function RadioGroupItem(_a) {
 }
 
 // components/ui/resizable.tsx
-var import_lucide_react17 = require("lucide-react");
+var import_lucide_react18 = require("lucide-react");
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function ResizablePanelGroup(_a) {
@@ -5002,7 +5178,7 @@ function ResizableHandle(_a) {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react17.GripVerticalIcon, { className: "size-2.5" }) })
+      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react18.GripVerticalIcon, { className: "size-2.5" }) })
     })
   );
 }
@@ -5071,7 +5247,7 @@ function ScrollBar(_a) {
 }
 
 // components/ui/select.tsx
-var import_lucide_react18 = require("lucide-react");
+var import_lucide_react19 = require("lucide-react");
 var import_radix_ui27 = require("radix-ui");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function Select(_a) {
@@ -5112,7 +5288,7 @@ function SelectTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react18.ChevronDownIcon, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react19.ChevronDownIcon, { className: cn("size-4", readOnly ? "opacity-30" : "opacity-50") }) })
       ]
     })
   );
@@ -5195,7 +5371,7 @@ function SelectItem(_a) {
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react18.CheckIcon, { className: "size-4 text-primary" }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react19.CheckIcon, { className: "size-4 text-primary" }) })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui27.Select.ItemText, { children })
@@ -5232,7 +5408,7 @@ function SelectScrollUpButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react18.ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react19.ChevronUpIcon, { className: "size-4" })
     })
   );
 }
@@ -5251,13 +5427,13 @@ function SelectScrollDownButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react18.ChevronDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react19.ChevronDownIcon, { className: "size-4" })
     })
   );
 }
 
 // components/ui/sheet.tsx
-var import_lucide_react19 = require("lucide-react");
+var import_lucide_react20 = require("lucide-react");
 var import_radix_ui28 = require("radix-ui");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function Sheet(_a) {
@@ -5323,7 +5499,7 @@ function SheetContent(_a) {
         children: [
           children,
           showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_radix_ui28.Dialog.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-prominent transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react19.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react20.XIcon, { className: "size-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -5381,17 +5557,17 @@ function SheetDescription(_a) {
 }
 
 // components/ui/sidebar.tsx
-var React10 = __toESM(require("react"), 1);
+var React11 = __toESM(require("react"), 1);
 var import_class_variance_authority12 = require("class-variance-authority");
-var import_lucide_react20 = require("lucide-react");
+var import_lucide_react21 = require("lucide-react");
 var import_radix_ui30 = require("radix-ui");
 
 // hooks/use-mobile.ts
-var React8 = __toESM(require("react"), 1);
+var React9 = __toESM(require("react"), 1);
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React8.useState(void 0);
-  React8.useEffect(() => {
+  const [isMobile, setIsMobile] = React9.useState(void 0);
+  React9.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -5417,10 +5593,10 @@ function Skeleton(_a) {
 }
 
 // components/ui/tooltip.tsx
-var React9 = __toESM(require("react"), 1);
+var React10 = __toESM(require("react"), 1);
 var import_radix_ui29 = require("radix-ui");
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var TooltipModeContext = React9.createContext("tooltip");
+var TooltipModeContext = React10.createContext("tooltip");
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
@@ -5454,7 +5630,7 @@ function TooltipTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "children"
   ]);
-  const mode = React9.useContext(TooltipModeContext);
+  const mode = React10.useContext(TooltipModeContext);
   if (mode === "drawer") {
     return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
   }
@@ -5476,11 +5652,11 @@ function TooltipContent(_a) {
     "closeLabel",
     "children"
   ]);
-  const mode = React9.useContext(TooltipModeContext);
+  const mode = React10.useContext(TooltipModeContext);
   if (mode === "drawer") {
     return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerTitle, { className: "px-5 pt-2 text-left text-base font-bold text-on-prominent", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("px-5 pt-2 pb-2 text-sm font-medium text-on-prominent", className), children }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerTitle, { children: title }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("p-4 text-sm text-on-subtle", className), children }),
       /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, { variant: "primary", size: "md", children: closeLabel }) }) })
     ] });
   }
@@ -5514,9 +5690,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React10.createContext(null);
+var SidebarContext = React11.createContext(null);
 function useSidebar() {
-  const context = React10.useContext(SidebarContext);
+  const context = React11.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -5539,10 +5715,10 @@ function SidebarProvider(_a) {
     "children"
   ]);
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React10.useState(false);
-  const [_open, _setOpen] = React10.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React11.useState(false);
+  const [_open, _setOpen] = React11.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React10.useCallback(
+  const setOpen = React11.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -5554,10 +5730,10 @@ function SidebarProvider(_a) {
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React10.useCallback(() => {
+  const toggleSidebar = React11.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -5568,7 +5744,7 @@ function SidebarProvider(_a) {
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React10.useMemo(
+  const contextValue = React11.useMemo(
     () => ({
       state,
       open,
@@ -5720,7 +5896,7 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react20.PanelLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.PanelLeftIcon, {}),
         /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
@@ -6146,7 +6322,7 @@ function SidebarMenuSubButton(_a) {
 }
 
 // components/ui/slider.tsx
-var React11 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 var import_radix_ui31 = require("radix-ui");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function Slider(_a) {
@@ -6163,7 +6339,7 @@ function Slider(_a) {
     "min",
     "max"
   ]);
-  const _values = React11.useMemo(
+  const _values = React12.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -6213,7 +6389,7 @@ function Slider(_a) {
 }
 
 // components/ui/toast.tsx
-var import_lucide_react21 = require("lucide-react");
+var import_lucide_react22 = require("lucide-react");
 var import_next_themes = require("next-themes");
 var import_sonner = require("sonner");
 var import_jsx_runtime52 = require("react/jsx-runtime");
@@ -6230,11 +6406,11 @@ var Toaster = (_a) => {
       visibleToasts: isMobile ? 1 : 3,
       duration: 4e3,
       icons: {
-        success: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react21.CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react21.InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react21.TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react21.OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react21.Loader2Icon, { className: "size-4 animate-spin" })
+        success: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react22.CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react22.InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react22.TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react22.OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react22.Loader2Icon, { className: "size-4 animate-spin" })
       },
       toastOptions: {
         classNames: {
@@ -6255,8 +6431,8 @@ var Toaster = (_a) => {
 };
 
 // components/ui/stepper.tsx
-var React12 = __toESM(require("react"), 1);
-var import_lucide_react22 = require("lucide-react");
+var React13 = __toESM(require("react"), 1);
+var import_lucide_react23 = require("lucide-react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
@@ -6291,16 +6467,16 @@ function Stepper({
 }) {
   const { container, buttonSize, iconClass } = stepperSizeConfig[size];
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React12.useState(
+  const [internalValue, setInternalValue] = React13.useState(
     clamp(defaultValue, min, max)
   );
   const currentValue = isControlled ? controlledValue : internalValue;
   const decimalPlaces = getDecimalPlaces(step);
-  const [displayString, setDisplayString] = React12.useState(
+  const [displayString, setDisplayString] = React13.useState(
     formatValue(currentValue, decimalPlaces)
   );
-  const [isFocused, setIsFocused] = React12.useState(false);
-  React12.useEffect(() => {
+  const [isFocused, setIsFocused] = React13.useState(false);
+  React13.useEffect(() => {
     if (!isFocused) {
       setDisplayString(formatValue(currentValue, decimalPlaces));
     }
@@ -6365,7 +6541,7 @@ function Stepper({
             onClick: handleDecrement,
             disabled: disabled || currentValue <= min,
             "aria-label": "Decrease value",
-            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react22.Minus, { className: iconClass })
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react23.Minus, { className: iconClass })
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
@@ -6400,7 +6576,7 @@ function Stepper({
               onClick: handleIncrement,
               disabled: disabled || currentValue >= max,
               "aria-label": "Increase value",
-              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react22.Plus, { className: iconClass })
+              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react23.Plus, { className: iconClass })
             }
           )
         ] })
@@ -6658,7 +6834,7 @@ function TabsContent(_a) {
 }
 
 // components/ui/ticket-card.tsx
-var import_lucide_react23 = require("lucide-react");
+var import_lucide_react24 = require("lucide-react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function formatBalanceValue(raw) {
   const match = raw.match(/^(\D*)([\d,]+(?:\.\d+)?)(\D*)$/);
@@ -6734,7 +6910,7 @@ function TicketCard({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react23.ArrowRight, { className: "size-4 text-on-primary" }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react24.ArrowRight, { className: "size-4 text-on-primary" }),
           /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
         ]
       }
@@ -6774,7 +6950,7 @@ function CreditTicketCard({
               type: "button",
               "aria-label": `More info about ${badgeLabel.toLowerCase()}`,
               className: "inline-flex shrink-0 items-center justify-center rounded-full text-on-semantic-boost outline-none transition-opacity hover:opacity-70 focus-visible:opacity-70 focus-visible:ring-2 focus-visible:ring-on-semantic-boost/40 cursor-pointer",
-              children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react23.Info, { className: "!size-3.5", strokeWidth: 2 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react24.Info, { className: "!size-3.5", strokeWidth: 2 })
             }
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TooltipContent, { side: badgeInfoSide, align: badgeInfoAlign, title: badgeInfoTitle, closeLabel: badgeInfoCloseLabel, variant: "inverse", className: "max-w-xs whitespace-normal", children: badgeInfo })
@@ -6859,7 +7035,7 @@ function CreditTicketCard({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react23.ArrowRight, { className: "size-4 text-on-primary" }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react24.ArrowRight, { className: "size-4 text-on-primary" }),
           /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm font-semibold text-on-primary", children: stubLabel })
         ]
       }
@@ -6912,10 +7088,10 @@ function Toggle(_a) {
 }
 
 // components/ui/toggle-group.tsx
-var React13 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 var import_radix_ui35 = require("radix-ui");
 var import_jsx_runtime59 = require("react/jsx-runtime");
-var ToggleGroupContext = React13.createContext({
+var ToggleGroupContext = React14.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -6963,7 +7139,7 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React13.useContext(ToggleGroupContext);
+  const context = React14.useContext(ToggleGroupContext);
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_radix_ui35.ToggleGroup.Item,
     __spreadProps(__spreadValues({
@@ -7069,7 +7245,7 @@ function ResultDialog({
 }
 
 // components/blocks/header-navigation-block.tsx
-var import_lucide_react24 = require("lucide-react");
+var import_lucide_react25 = require("lucide-react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 function HeaderNavigationBlock({
   onBack,
@@ -7080,7 +7256,7 @@ function HeaderNavigationBlock({
 }) {
   var _a;
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-full min-w-80 max-w-layout-diagram-small border border-border-subtle rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
-    onBack && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react24.ArrowLeft, { className: "size-5" }) }),
+    onBack && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react25.ArrowLeft, { className: "size-5" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
       badge && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Badge, { variant: (_a = badge.variant) != null ? _a : "fill-warning", size: "sm", children: badge.label }),
       /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
@@ -7101,7 +7277,7 @@ function HistoryButton({
   const label = show ? count > 99 ? "99+" : String(count) : null;
   const ariaLabel = ariaLabelOverride != null ? ariaLabelOverride : show ? `Open history, ${count} new` : "Open history";
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "relative inline-flex", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react24.History, { className: "size-5" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react25.History, { className: "size-5" }) }),
     show && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       "span",
       {
@@ -7160,7 +7336,7 @@ function FAQBlock({
 }
 
 // components/blocks/hero-block.tsx
-var import_lucide_react25 = require("lucide-react");
+var import_lucide_react26 = require("lucide-react");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 function HeroBlock({
   layout = "centered",
@@ -7180,7 +7356,7 @@ function HeroBlock({
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Button, { size: "sm", onClick: primaryCta.onClick, children: [
         primaryCta.label,
-        primaryCta.trailingArrow !== false && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react25.ArrowRight, { className: "size-4" })
+        primaryCta.trailingArrow !== false && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react26.ArrowRight, { className: "size-4" })
       ] })
     ] }) });
   }
@@ -7216,12 +7392,12 @@ function TaglinePill({
       label,
       suffix && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react25.ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react26.ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
   ] });
 }
 
 // components/blocks/auth-block.tsx
-var React14 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 var import_jsx_runtime64 = require("react/jsx-runtime");
 function AuthBlock({
   mode,
@@ -7237,7 +7413,7 @@ function AuthBlock({
   const ctaText = mode === "sign-in" ? "Sign in" : "Sign up";
   const footerPrompt = mode === "sign-in" ? "Don't have an account?" : "Already have an account?";
   const footerLinkLabel = mode === "sign-in" ? "Sign up" : "Log in";
-  const [email, setEmail] = React14.useState("");
+  const [email, setEmail] = React15.useState("");
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col items-center gap-6 w-full", children: [
     /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
@@ -7305,12 +7481,12 @@ function ProviderButton({ provider }) {
 }
 
 // components/blocks/navbar-block.tsx
-var React15 = __toESM(require("react"), 1);
-var import_lucide_react26 = require("lucide-react");
+var React16 = __toESM(require("react"), 1);
+var import_lucide_react27 = require("lucide-react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 function NavBarBlock({ brand, links, signIn, signUp }) {
   var _a, _b, _c, _d;
-  const [mobileMenuOpen, setMobileMenuOpen] = React15.useState(false);
+  const [mobileMenuOpen, setMobileMenuOpen] = React16.useState(false);
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("nav", { className: "bg-prominent", children: [
     /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-6", children: [
@@ -7345,7 +7521,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
           "aria-expanded": mobileMenuOpen,
           className: "min-[600px]:hidden",
           onClick: () => setMobileMenuOpen((prev) => !prev),
-          children: mobileMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react26.X, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react26.Menu, { className: "size-4" })
+          children: mobileMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react27.X, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react27.Menu, { className: "size-4" })
         }
       )
     ] }),
@@ -7370,8 +7546,8 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
 }
 
 // components/blocks/open-positions-block.tsx
-var React16 = __toESM(require("react"), 1);
-var import_lucide_react27 = require("lucide-react");
+var React17 = __toESM(require("react"), 1);
+var import_lucide_react28 = require("lucide-react");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function OpenPositionsBlock({
   trigger,
@@ -7388,7 +7564,7 @@ function OpenPositionsBlock({
       /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(DrawerContent, { className: "p-0 flex flex-col", children: [
         /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
           /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react27.X, {}) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react28.X, {}) }) })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Separator, {}),
         body
@@ -7400,7 +7576,7 @@ function OpenPositionsBlock({
     /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
       /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
         /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SheetClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react27.X, {}) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SheetClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react28.X, {}) }) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Separator, {}),
       body
@@ -7412,7 +7588,7 @@ function PositionsList({
   onViewHistory
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col flex-1 min-h-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(React16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(React17.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PositionRow, { position: pos }),
       i < positions.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "h-px mx-4 bg-border-subtle" })
     ] }, i)) }),
@@ -7470,7 +7646,7 @@ function PnlMeta({ pnl, win, stake }) {
 }
 function DefaultEmptyState({ onViewHistory }) {
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(EmptyHeader, { className: "gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EmptyMedia, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react27.History, { className: "size-8 text-on-subtle" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EmptyMedia, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react28.History, { className: "size-8 text-on-subtle" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EmptyTitle, { className: "text-base leading-6 font-semibold tracking-normal body-md text-on-subtle", children: "No trades yet." }),
     /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View transaction history" })
   ] }) });
@@ -7482,7 +7658,6 @@ function DefaultEmptyState({ onViewHistory }) {
   AccordionItem,
   AccordionTrigger,
   Alert,
-  AlertDescription,
   AlertDialog,
   AlertDialogAction,
   AlertDialogCancel,
@@ -7495,7 +7670,6 @@ function DefaultEmptyState({ onViewHistory }) {
   AlertDialogPortal,
   AlertDialogTitle,
   AlertDialogTrigger,
-  AlertTitle,
   AspectRatio,
   AuthBlock,
   Avatar,
@@ -7791,6 +7965,7 @@ function DefaultEmptyState({ onViewHistory }) {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
+  alertVariants,
   badgeVariants,
   buttonVariants,
   cn,