@platned/ui 0.5.1 → 0.6.1

package/dist/index.js

@@ -1644,7 +1644,7 @@ var SelectControl = forwardRef7(
           "aria-required": field["aria-required"],
           "aria-invalid": field["aria-invalid"],
           style: { ...floatingStyles, width: "var(--panel-anchor-width)" },
-          className: clsx14("z-dropdown", OVERLAY_PANEL, OVERLAY_PANEL_SCROLL),
+          className: clsx14("z-popover", OVERLAY_PANEL, OVERLAY_PANEL_SCROLL),
           ...roving.containerProps,
           onKeyDown: (event) => {
             roving.containerProps.onKeyDown(event);
@@ -2835,7 +2835,7 @@ function Combobox({
         role: "listbox",
         "aria-label": label,
         style: { ...floatingStyles, width: "var(--panel-anchor-width)" },
-        className: clsx25("z-dropdown", OVERLAY_PANEL, OVERLAY_PANEL_SCROLL),
+        className: clsx25("z-popover", OVERLAY_PANEL, OVERLAY_PANEL_SCROLL),
         children: [
           matches.length === 0 && /* @__PURE__ */ jsx22("p", { className: "px-2.5 py-2 text-body-xs text-default-secondary", children: emptyMessage }),
           matches.map((option, index) => {
@@ -2929,11 +2929,128 @@ function RoleComboBox({
   );
 }
 
+// src/components/forms/country-select.tsx
+import { useMemo as useMemo3 } from "react";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var ISO_3166_ALPHA_2 = "AD AE AF AG AI AL AM AO AQ AR AS AT AU AW AX AZ BA BB BD BE BF BG BH BI BJ BL BM BN BO BQ BR BS BT BV BW BY BZ CA CC CD CF CG CH CI CK CL CM CN CO CR CU CV CW CX CY CZ DE DJ DK DM DO DZ EC EE EG EH ER ES ET FI FJ FK FM FO FR GA GB GD GE GF GG GH GI GL GM GN GP GQ GR GS GT GU GW GY HK HM HN HR HT HU ID IE IL IM IN IO IQ IR IS IT JE JM JO JP KE KG KH KI KM KN KP KR KW KY KZ LA LB LC LI LK LR LS LT LU LV LY MA MC MD ME MF MG MH MK ML MM MN MO MP MQ MR MS MT MU MV MW MX MY MZ NA NC NE NF NG NI NL NO NP NR NU NZ OM PA PE PF PG PH PK PL PM PN PR PS PT PW PY QA RE RO RS RU RW SA SB SC SD SE SG SH SI SJ SK SL SM SN SO SR SS ST SV SX SY SZ TC TD TF TG TH TJ TK TL TM TN TO TR TT TV TW TZ UA UG UM US UY UZ VA VC VE VG VI VN VU WF WS YE YT ZA ZM ZW";
+var COUNTRY_CODES = ISO_3166_ALPHA_2.split(" ");
+function countryOptions(codes = COUNTRY_CODES, locale) {
+  let names = null;
+  try {
+    names = new Intl.DisplayNames(locale ? [locale] : void 0, { type: "region" });
+  } catch {
+  }
+  return codes.map((code) => ({ value: code, label: names?.of(code) ?? code, description: code })).sort((a, b) => a.label.localeCompare(b.label, locale));
+}
+function CountrySelect({
+  countries,
+  locale,
+  placeholder = "Select a country\u2026",
+  emptyMessage = "No countries match",
+  ...props
+}) {
+  const keep = [props.value, props.defaultValue].filter((v) => !!v);
+  const keepKey = keep.join("|");
+  const options = useMemo3(() => {
+    const list = countryOptions(countries, locale);
+    const missing = keep.filter((v) => !list.some((o) => o.value === v));
+    return [...countryOptions(missing, locale), ...list];
+  }, [countries, locale, keepKey]);
+  return /* @__PURE__ */ jsx24(
+    Combobox,
+    {
+      ...props,
+      options,
+      placeholder,
+      emptyMessage,
+      filter: (option, query) => {
+        const q = query.trim().toLowerCase();
+        return option.label.toLowerCase().includes(q) || option.value.toLowerCase() === q;
+      }
+    }
+  );
+}
+
+// src/components/forms/time-zone-select.tsx
+import { useMemo as useMemo4 } from "react";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var RENAMED = {
+  "America/Godthab": "America/Nuuk",
+  "Asia/Calcutta": "Asia/Kolkata",
+  "Asia/Katmandu": "Asia/Kathmandu",
+  "Asia/Rangoon": "Asia/Yangon",
+  "Asia/Saigon": "Asia/Ho_Chi_Minh",
+  "Atlantic/Faeroe": "Atlantic/Faroe",
+  "Europe/Kiev": "Europe/Kyiv",
+  "Pacific/Enderbury": "Pacific/Kanton",
+  "Pacific/Ponape": "Pacific/Pohnpei",
+  "Pacific/Truk": "Pacific/Chuuk"
+};
+var currentZoneName = (zone) => RENAMED[zone] ?? zone;
+function supportedTimeZones() {
+  const intl = Intl;
+  try {
+    const zones = intl.supportedValuesOf?.("timeZone");
+    if (zones && zones.length > 0) return zones;
+  } catch {
+  }
+  return ["UTC"];
+}
+function timeZoneOffset(timeZone, at = /* @__PURE__ */ new Date()) {
+  try {
+    const part = new Intl.DateTimeFormat("en-US", { timeZone, timeZoneName: "longOffset" }).formatToParts(at).find((p) => p.type === "timeZoneName")?.value;
+    const match = part?.match(/GMT([+-])(\d{2}):(\d{2})/);
+    if (!match) return { label: "+00:00", minutes: 0 };
+    const [, sign, hh, mm] = match;
+    const minutes = (Number(hh) * 60 + Number(mm)) * (sign === "-" ? -1 : 1);
+    return { label: `${sign}${hh}:${mm}`, minutes };
+  } catch {
+    return { label: "+00:00", minutes: 0 };
+  }
+}
+function timeZoneOptions(zones = supportedTimeZones(), at = /* @__PURE__ */ new Date()) {
+  return Array.from(new Set(zones.map(currentZoneName))).map((zone) => ({ zone, minutes: timeZoneOffset(zone, at).minutes })).sort((a, b) => a.minutes - b.minutes || a.zone.localeCompare(b.zone)).map(({ zone }) => zoneOption(zone, at));
+}
+var zoneOption = (zone, at) => ({
+  value: zone,
+  label: `(UTC${timeZoneOffset(zone, at).label}) ${zone.replace(/_/g, " ")}`
+});
+function TimeZoneSelect({
+  timeZones,
+  at,
+  placeholder = "Select a time zone\u2026",
+  emptyMessage = "No time zones match",
+  ...props
+}) {
+  const atTime = at?.getTime();
+  const keep = [props.value, props.defaultValue].filter((v) => !!v);
+  const keepKey = keep.join("|");
+  const options = useMemo4(() => {
+    const when = atTime === void 0 ? /* @__PURE__ */ new Date() : new Date(atTime);
+    const list = timeZoneOptions(timeZones, when);
+    const missing = keep.filter((v) => !list.some((o) => o.value === v));
+    return [...missing.map((v) => zoneOption(v, when)), ...list];
+  }, [timeZones, atTime, keepKey]);
+  return /* @__PURE__ */ jsx25(
+    Combobox,
+    {
+      ...props,
+      options,
+      placeholder,
+      emptyMessage,
+      filter: (option, query) => {
+        const q = query.trim().toLowerCase();
+        return option.label.toLowerCase().includes(q) || option.value.toLowerCase().includes(q);
+      }
+    }
+  );
+}
+
 // src/components/forms/command.tsx
-import { useEffect as useEffect7, useId as useId6, useMemo as useMemo3, useRef as useRef11, useState as useState9 } from "react";
+import { useEffect as useEffect7, useId as useId6, useMemo as useMemo5, useRef as useRef11, useState as useState9 } from "react";
 import clsx26 from "clsx";
 import { LuSearch } from "react-icons/lu";
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
 function Command({
   items,
   label = "Command palette",
@@ -2949,7 +3066,7 @@ function Command({
   const listboxId = `${baseId}-listbox`;
   const optionId = (index) => `${baseId}-option-${index}`;
   const listRef = useRef11(null);
-  const matches = useMemo3(() => {
+  const matches = useMemo5(() => {
     if (!query) return items;
     const q = query.toLowerCase();
     return items.filter((item) => {
@@ -2986,8 +3103,8 @@ function Command({
   let renderedGroup;
   return /* @__PURE__ */ jsxs18("div", { className: clsx26("flex w-full flex-col", className), children: [
     /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 border-b border-default px-3.5 py-3", children: [
-      /* @__PURE__ */ jsx24(LuSearch, { "aria-hidden": true, className: "size-4 shrink-0 text-icon-default-secondary" }),
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx26(LuSearch, { "aria-hidden": true, className: "size-4 shrink-0 text-icon-default-secondary" }),
+      /* @__PURE__ */ jsx26(
         "input",
         {
           role: "combobox",
@@ -3043,13 +3160,13 @@ function Command({
         "aria-label": label,
         className: clsx26("max-h-80 overflow-y-auto p-1.5", SCROLLBAR_CLASSES),
         children: [
-          matches.length === 0 && /* @__PURE__ */ jsx24("p", { className: "px-2.5 py-6 text-center text-body-sm text-default-secondary", children: emptyMessage }),
+          matches.length === 0 && /* @__PURE__ */ jsx26("p", { className: "px-2.5 py-6 text-center text-body-sm text-default-secondary", children: emptyMessage }),
           matches.map((item, index) => {
             const isActive = index === activeIndex;
             const groupHeading = item.group !== renderedGroup ? item.group : void 0;
             renderedGroup = item.group;
             return /* @__PURE__ */ jsxs18("div", { children: [
-              groupHeading && /* @__PURE__ */ jsx24(
+              groupHeading && /* @__PURE__ */ jsx26(
                 "div",
                 {
                   role: "presentation",
@@ -3074,12 +3191,12 @@ function Command({
                     item.disabled ? "cursor-not-allowed text-disabled" : isActive ? clsx26(OVERLAY_ITEM_ACTIVE, "text-default") : "text-default"
                   ),
                   children: [
-                    item.icon && /* @__PURE__ */ jsx24("span", { "aria-hidden": true, className: "flex size-4 shrink-0 items-center justify-center", children: item.icon }),
+                    item.icon && /* @__PURE__ */ jsx26("span", { "aria-hidden": true, className: "flex size-4 shrink-0 items-center justify-center", children: item.icon }),
                     /* @__PURE__ */ jsxs18("span", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ jsx24("span", { className: "block truncate", children: item.label }),
-                      item.description && /* @__PURE__ */ jsx24("span", { className: "block truncate text-body-tiny text-default-secondary", children: item.description })
+                      /* @__PURE__ */ jsx26("span", { className: "block truncate", children: item.label }),
+                      item.description && /* @__PURE__ */ jsx26("span", { className: "block truncate text-body-tiny text-default-secondary", children: item.description })
                     ] }),
-                    item.shortcut && /* @__PURE__ */ jsx24("span", { className: "ml-auto flex shrink-0 items-center gap-1", children: item.shortcut })
+                    item.shortcut && /* @__PURE__ */ jsx26("span", { className: "ml-auto flex shrink-0 items-center gap-1", children: item.shortcut })
                   ]
                 }
               )
@@ -3088,13 +3205,13 @@ function Command({
         ]
       }
     ),
-    /* @__PURE__ */ jsx24("span", { "aria-live": "polite", className: "sr-only", children: `${matches.length} ${matches.length === 1 ? "result" : "results"}` })
+    /* @__PURE__ */ jsx26("span", { "aria-live": "polite", className: "sr-only", children: `${matches.length} ${matches.length === 1 ? "result" : "results"}` })
   ] });
 }
 
 // src/components/status/status-badge.tsx
 import clsx27 from "clsx";
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 var TONE_STYLES2 = {
   neutral: "bg-status-neutral  text-status-neutral",
   info: "bg-status-info     text-status-info",
@@ -3135,7 +3252,7 @@ function StatusBadge({
         className
       ),
       children: [
-        icon ? /* @__PURE__ */ jsx25("span", { className: "shrink-0", children: icon }) : dot && /* @__PURE__ */ jsx25("span", { className: clsx27("size-1.5 shrink-0 rounded-full", DOT_STYLES[tone]) }),
+        icon ? /* @__PURE__ */ jsx27("span", { className: "shrink-0", children: icon }) : dot && /* @__PURE__ */ jsx27("span", { className: clsx27("size-1.5 shrink-0 rounded-full", DOT_STYLES[tone]) }),
         label
       ]
     }
@@ -3144,7 +3261,7 @@ function StatusBadge({
 
 // src/components/status/status-dot.tsx
 import clsx28 from "clsx";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var dotTones = {
   brand: "bg-brand",
   positive: "bg-positive",
@@ -3154,7 +3271,7 @@ var dotTones = {
   default: "bg-default-tertiary"
 };
 function StatusDot({ tone = "default", color, className }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     "span",
     {
       className: clsx28("inline-block size-1.5 shrink-0 rounded-full", !color && dotTones[tone], className),
@@ -3165,7 +3282,7 @@ function StatusDot({ tone = "default", color, className }) {
 
 // src/components/status/status-chip.tsx
 import clsx29 from "clsx";
-import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
 function StatusChip({ label, count, tone = "default", dotColor, bg, className }) {
   return /* @__PURE__ */ jsxs20(
     "span",
@@ -3177,9 +3294,9 @@ function StatusChip({ label, count, tone = "default", dotColor, bg, className })
       ),
       style: bg ? { backgroundColor: bg } : void 0,
       children: [
-        /* @__PURE__ */ jsx27(StatusDot, { tone, color: dotColor }),
-        /* @__PURE__ */ jsx27("span", { className: "text-body-xs font-medium text-default", children: count }),
-        /* @__PURE__ */ jsx27("span", { className: "text-body-xs text-default-secondary", children: label })
+        /* @__PURE__ */ jsx29(StatusDot, { tone, color: dotColor }),
+        /* @__PURE__ */ jsx29("span", { className: "text-body-xs font-medium text-default", children: count }),
+        /* @__PURE__ */ jsx29("span", { className: "text-body-xs text-default-secondary", children: label })
       ]
     }
   );
@@ -3187,7 +3304,7 @@ function StatusChip({ label, count, tone = "default", dotColor, bg, className })
 
 // src/components/status/count-badge.tsx
 import clsx30 from "clsx";
-import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
 function CountBadge({ count, label, tone = "positive", className }) {
   return /* @__PURE__ */ jsxs21(
     "span",
@@ -3197,9 +3314,9 @@ function CountBadge({ count, label, tone = "positive", className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx28(StatusDot, { tone }),
+        /* @__PURE__ */ jsx30(StatusDot, { tone }),
         count,
-        label && /* @__PURE__ */ jsx28("span", { className: "text-default-secondary", children: label })
+        label && /* @__PURE__ */ jsx30("span", { className: "text-default-secondary", children: label })
       ]
     }
   );
@@ -3207,7 +3324,7 @@ function CountBadge({ count, label, tone = "positive", className }) {
 
 // src/components/status/tag-pill.tsx
 import clsx31 from "clsx";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var toneStyles = {
   default: "bg-default-secondary text-default-secondary",
   brand: "bg-brand-tertiary text-brand",
@@ -3216,7 +3333,7 @@ var toneStyles = {
   danger: "bg-danger-tertiary text-danger"
 };
 function TagPill({ label, tone = "default", bg, color, className }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     "span",
     {
       className: clsx31(
@@ -3235,7 +3352,7 @@ function TagPill({ label, tone = "default", bg, color, className }) {
 
 // src/components/status/trail-chip.tsx
 import clsx32 from "clsx";
-import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
 var DOT = {
   neutral: "bg-status-dot-neutral",
   info: "bg-status-dot-info",
@@ -3254,22 +3371,22 @@ function TrailChip({ label, value, tone = "info", dotColor, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx32(
           "span",
           {
             className: clsx32("size-1.5 shrink-0 rounded-full", !dotColor && DOT[tone]),
             style: dotColor ? { backgroundColor: dotColor } : void 0
           }
         ),
-        /* @__PURE__ */ jsx30("span", { className: "text-body-tiny font-semibold uppercase tracking-wide text-default-secondary", children: label }),
-        /* @__PURE__ */ jsx30("span", { className: "text-body-xs font-medium text-default", children: value })
+        /* @__PURE__ */ jsx32("span", { className: "text-body-tiny font-semibold uppercase tracking-wide text-default-secondary", children: label }),
+        /* @__PURE__ */ jsx32("span", { className: "text-body-xs font-medium text-default", children: value })
       ]
     }
   );
 }
 
 // src/components/status/user-status-pill.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var STATUS_META = {
   active: { label: "Active", tone: "positive" },
   // `caution` (pale yellow), not `warning` (orange) — Pending is one step below a
@@ -3279,13 +3396,13 @@ var STATUS_META = {
 };
 function UserStatusPill({ status }) {
   const { label, tone } = STATUS_META[status];
-  return /* @__PURE__ */ jsx31(StatusBadge, { label, tone });
+  return /* @__PURE__ */ jsx33(StatusBadge, { label, tone });
 }
 
 // src/components/status/check-indicator.tsx
 import clsx33 from "clsx";
 import { LuCheck as LuCheck5, LuCircleAlert, LuLoaderCircle, LuMinus, LuX as LuX2 } from "react-icons/lu";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var STATUS_STYLES = {
   passed: "bg-status-check-passed   border-status-check-passed   text-status-check-passed",
   in_progress: "bg-status-check-progress border-status-check-progress text-status-check-progress",
@@ -3297,21 +3414,21 @@ var STATUS_STYLES = {
 function StatusGlyph({ status }) {
   switch (status) {
     case "passed":
-      return /* @__PURE__ */ jsx32(LuCheck5, { className: "size-3", strokeWidth: 3, "aria-hidden": true });
+      return /* @__PURE__ */ jsx34(LuCheck5, { className: "size-3", strokeWidth: 3, "aria-hidden": true });
     case "failed":
-      return /* @__PURE__ */ jsx32(LuX2, { className: "size-3", strokeWidth: 3, "aria-hidden": true });
+      return /* @__PURE__ */ jsx34(LuX2, { className: "size-3", strokeWidth: 3, "aria-hidden": true });
     case "waived":
-      return /* @__PURE__ */ jsx32(LuMinus, { className: "size-3", strokeWidth: 3, "aria-hidden": true });
+      return /* @__PURE__ */ jsx34(LuMinus, { className: "size-3", strokeWidth: 3, "aria-hidden": true });
     case "in_progress":
-      return /* @__PURE__ */ jsx32(LuLoaderCircle, { className: "size-3", strokeWidth: 3, "aria-hidden": true });
+      return /* @__PURE__ */ jsx34(LuLoaderCircle, { className: "size-3", strokeWidth: 3, "aria-hidden": true });
     case "action_required":
-      return /* @__PURE__ */ jsx32(LuCircleAlert, { className: "size-3.5", strokeWidth: 2.5, "aria-hidden": true });
+      return /* @__PURE__ */ jsx34(LuCircleAlert, { className: "size-3.5", strokeWidth: 2.5, "aria-hidden": true });
     case "pending":
       return null;
   }
 }
 function CheckIndicator({ status, label, className }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       className: clsx33(
@@ -3322,14 +3439,14 @@ function CheckIndicator({ status, label, className }) {
       role: label ? "img" : void 0,
       "aria-label": label,
       "aria-hidden": label ? void 0 : true,
-      children: /* @__PURE__ */ jsx32(StatusGlyph, { status })
+      children: /* @__PURE__ */ jsx34(StatusGlyph, { status })
     }
   );
 }
 
 // src/components/status/entity-icon-badge.tsx
 import clsx34 from "clsx";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var sizeStyles4 = {
   sm: "size-8",
   md: "size-10"
@@ -3347,7 +3464,7 @@ var toneStyles2 = {
   neutral: "bg-neutral-tertiary text-icon-neutral"
 };
 function EntityIconBadge({ size: size2 = "sm", tone = "default", shape = "square", bg, iconColor, children, className }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     "span",
     {
       className: clsx34(
@@ -3373,7 +3490,7 @@ import clsx36 from "clsx";
 // src/components/forms/check-control.tsx
 import clsx35 from "clsx";
 import { LuCheck as LuCheck6, LuMinus as LuMinus2 } from "react-icons/lu";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var CHECK_SIZE = {
   sm: { box: "size-4", glyph: "size-2.5", dot: "size-1.5" },
   md: { box: "size-[18px]", glyph: "size-3", dot: "size-2" }
@@ -3388,7 +3505,7 @@ function CheckControl({
 }) {
   const s = CHECK_SIZE[size2];
   const on = checked || indeterminate;
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx36(
     "span",
     {
       "aria-hidden": true,
@@ -3401,13 +3518,13 @@ function CheckControl({
         "peer-focus-visible:ring-2 peer-focus-visible:ring-brand peer-focus-visible:ring-offset-1 peer-focus-visible:ring-offset-default",
         disabled ? on ? "border-disabled bg-disabled text-disabled-on-disabled" : "border-disabled bg-disabled" : on ? "border-brand-emphasis bg-brand text-brand-on-brand" : invalid ? "border-danger bg-default" : "border-default-secondary bg-default"
       ),
-      children: type === "checkbox" ? indeterminate ? /* @__PURE__ */ jsx34(LuMinus2, { className: s.glyph, strokeWidth: 3 }) : checked ? /* @__PURE__ */ jsx34(LuCheck6, { className: s.glyph, strokeWidth: 3 }) : null : checked ? /* @__PURE__ */ jsx34("span", { className: clsx35("rounded-full bg-current", s.dot) }) : null
+      children: type === "checkbox" ? indeterminate ? /* @__PURE__ */ jsx36(LuMinus2, { className: s.glyph, strokeWidth: 3 }) : checked ? /* @__PURE__ */ jsx36(LuCheck6, { className: s.glyph, strokeWidth: 3 }) : null : checked ? /* @__PURE__ */ jsx36("span", { className: clsx35("rounded-full bg-current", s.dot) }) : null
     }
   );
 }
 
 // src/components/forms/checkbox.tsx
-import { jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
 var LABEL_TEXT2 = {
   sm: "text-body-tiny",
   md: "text-body-xs"
@@ -3448,7 +3565,7 @@ var Checkbox = forwardRef12(function Checkbox2({
           disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"
         ),
         children: [
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx37(
             "input",
             {
               ref: composeRefs(inputRef, ref),
@@ -3463,7 +3580,7 @@ var Checkbox = forwardRef12(function Checkbox2({
               ...props
             }
           ),
-          /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx37(
             CheckControl,
             {
               type: "checkbox",
@@ -3474,11 +3591,11 @@ var Checkbox = forwardRef12(function Checkbox2({
               size: size2
             }
           ),
-          label && /* @__PURE__ */ jsx35("span", { className: clsx36(LABEL_TEXT2[size2], "text-default"), children: label })
+          label && /* @__PURE__ */ jsx37("span", { className: clsx36(LABEL_TEXT2[size2], "text-default"), children: label })
         ]
       }
     ),
-    description && /* @__PURE__ */ jsx35(
+    description && /* @__PURE__ */ jsx37(
       "span",
       {
         id: descriptionId,
@@ -3501,7 +3618,7 @@ import {
   useId as useId8
 } from "react";
 import clsx37 from "clsx";
-import { jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs24 } from "react/jsx-runtime";
 var RadioGroupContext = createContext4(null);
 var RadioGroup = forwardRef13(function RadioGroup2({
   children,
@@ -3524,7 +3641,7 @@ var RadioGroup = forwardRef13(function RadioGroup2({
     defaultValue,
     onChange: onValueChange
   });
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     RadioGroupContext.Provider,
     {
       value: {
@@ -3535,7 +3652,7 @@ var RadioGroup = forwardRef13(function RadioGroup2({
         disabled,
         invalid
       },
-      children: /* @__PURE__ */ jsx36(
+      children: /* @__PURE__ */ jsx38(
         "div",
         {
           ref,
@@ -3579,7 +3696,7 @@ var Radio = forwardRef13(function Radio2({ value, label, description, disabled,
           isDisabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"
         ),
         children: [
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx38(
             "input",
             {
               ref,
@@ -3595,7 +3712,7 @@ var Radio = forwardRef13(function Radio2({ value, label, description, disabled,
               ...props
             }
           ),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx38(
             CheckControl,
             {
               type: "radio",
@@ -3605,11 +3722,11 @@ var Radio = forwardRef13(function Radio2({ value, label, description, disabled,
               size: group.size
             }
           ),
-          label && /* @__PURE__ */ jsx36("span", { className: clsx37(LABEL_TEXT3[group.size], "text-default"), children: label })
+          label && /* @__PURE__ */ jsx38("span", { className: clsx37(LABEL_TEXT3[group.size], "text-default"), children: label })
         ]
       }
     ),
-    description && /* @__PURE__ */ jsx36(
+    description && /* @__PURE__ */ jsx38(
       "span",
       {
         id: descriptionId,
@@ -3626,7 +3743,7 @@ var Radio = forwardRef13(function Radio2({ value, label, description, disabled,
 
 // src/components/forms/segmented-control.tsx
 import clsx38 from "clsx";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function SegmentedControl({
   options,
   value: valueProp,
@@ -3649,7 +3766,7 @@ function SegmentedControl({
     loop: true,
     defaultIndex: selectedIndex
   });
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       role: "radiogroup",
@@ -3665,7 +3782,7 @@ function SegmentedControl({
           disabled: option.disabled,
           label: option.label
         });
-        return /* @__PURE__ */ jsx37(
+        return /* @__PURE__ */ jsx39(
           "button",
           {
             type: "button",
@@ -3697,7 +3814,7 @@ function SegmentedControl({
 // src/components/forms/slider.tsx
 import { forwardRef as forwardRef14, useId as useId9 } from "react";
 import clsx39 from "clsx";
-import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
 var Slider = forwardRef14(function Slider2({
   value,
   defaultValue,
@@ -3721,7 +3838,7 @@ var Slider = forwardRef14(function Slider2({
   const display = formatValue ? formatValue(current) : String(current);
   return /* @__PURE__ */ jsxs25("div", { className: clsx39("flex w-full flex-col gap-1.5", className), children: [
     (label || showValue) && /* @__PURE__ */ jsxs25("div", { className: "flex items-baseline justify-between gap-2", children: [
-      label && /* @__PURE__ */ jsx38(
+      label && /* @__PURE__ */ jsx40(
         "label",
         {
           htmlFor: controlId,
@@ -3729,9 +3846,9 @@ var Slider = forwardRef14(function Slider2({
           children: label
         }
       ),
-      showValue && /* @__PURE__ */ jsx38("span", { className: "text-body-sm font-medium tabular-nums text-default", children: display })
+      showValue && /* @__PURE__ */ jsx40("span", { className: "text-body-sm font-medium tabular-nums text-default", children: display })
     ] }),
-    description && /* @__PURE__ */ jsx38(
+    description && /* @__PURE__ */ jsx40(
       "p",
       {
         id: descriptionId,
@@ -3739,7 +3856,7 @@ var Slider = forwardRef14(function Slider2({
         children: description
       }
     ),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx40(
       "input",
       {
         ref,
@@ -3780,7 +3897,7 @@ var Slider = forwardRef14(function Slider2({
 // src/components/forms/label.tsx
 import { forwardRef as forwardRef15 } from "react";
 import clsx40 from "clsx";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var SIZE6 = {
   lg: "text-body",
   md: "text-body-sm",
@@ -3789,7 +3906,7 @@ var SIZE6 = {
 var Label = forwardRef15(function Label2({ children, size: size2, className, htmlFor, ...rest }, ref) {
   const field = useFieldContext();
   const resolvedSize = size2 ?? field?.size ?? "md";
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx41(
     "label",
     {
       ref,
@@ -3812,13 +3929,13 @@ import {
   useCallback as useCallback4,
   useEffect as useEffect9,
   useId as useId10,
-  useMemo as useMemo4,
+  useMemo as useMemo6,
   useRef as useRef13,
   useState as useState10
 } from "react";
 import clsx41 from "clsx";
 import { LuChevronLeft, LuChevronRight as LuChevronRight2 } from "react-icons/lu";
-import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
 var startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
 var sameDay = (a, b) => !!a && !!b && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 var addDays = (d, n) => new Date(d.getFullYear(), d.getMonth(), d.getDate() + n);
@@ -3848,7 +3965,7 @@ function Calendar({
   className,
   ...rest
 }) {
-  const today = useMemo4(() => startOfDay(/* @__PURE__ */ new Date()), []);
+  const today = useMemo6(() => startOfDay(/* @__PURE__ */ new Date()), []);
   const gridId = useId10();
   const [month, setMonth] = useState10(
     () => defaultMonth ?? value ?? range?.from ?? today
@@ -3857,15 +3974,15 @@ function Calendar({
     () => value ?? range?.from ?? today
   );
   const cellRefs = useRef13(/* @__PURE__ */ new Map());
-  const monthFormatter = useMemo4(
+  const monthFormatter = useMemo6(
     () => new Intl.DateTimeFormat(locale, { month: "long", year: "numeric" }),
     [locale]
   );
-  const dayNameFormatter = useMemo4(
+  const dayNameFormatter = useMemo6(
     () => new Intl.DateTimeFormat(locale, { weekday: "short" }),
     [locale]
   );
-  const fullDateFormatter = useMemo4(
+  const fullDateFormatter = useMemo6(
     () => new Intl.DateTimeFormat(locale, { weekday: "long", day: "numeric", month: "long", year: "numeric" }),
     [locale]
   );
@@ -3935,7 +4052,7 @@ function Calendar({
       ...rest,
       children: [
         /* @__PURE__ */ jsxs26("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsx42(
             IconButton,
             {
               variant: "subtle",
@@ -3943,11 +4060,11 @@ function Calendar({
               "aria-label": "Previous month",
               disabled: !!min && isBefore(addMonths(month, -1), new Date(min.getFullYear(), min.getMonth(), 1)),
               onClick: () => setMonth(addMonths(month, -1)),
-              children: /* @__PURE__ */ jsx40(LuChevronLeft, { "aria-hidden": true, size: 16 })
+              children: /* @__PURE__ */ jsx42(LuChevronLeft, { "aria-hidden": true, size: 16 })
             }
           ),
-          /* @__PURE__ */ jsx40("span", { "aria-live": "polite", className: "text-body-sm font-semibold text-default", children: monthFormatter.format(month) }),
-          /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsx42("span", { "aria-live": "polite", className: "text-body-sm font-semibold text-default", children: monthFormatter.format(month) }),
+          /* @__PURE__ */ jsx42(
             IconButton,
             {
               variant: "subtle",
@@ -3955,7 +4072,7 @@ function Calendar({
               "aria-label": "Next month",
               disabled: !!max && isAfter(addMonths(month, 1), new Date(max.getFullYear(), max.getMonth(), 1)),
               onClick: () => setMonth(addMonths(month, 1)),
-              children: /* @__PURE__ */ jsx40(LuChevronRight2, { "aria-hidden": true, size: 16 })
+              children: /* @__PURE__ */ jsx42(LuChevronRight2, { "aria-hidden": true, size: 16 })
             }
           )
         ] }),
@@ -3968,7 +4085,7 @@ function Calendar({
             tabIndex: -1,
             onKeyDown,
             children: [
-              /* @__PURE__ */ jsx40("div", { role: "row", className: "mb-1 grid grid-cols-7", children: weekdayNames.map((name) => /* @__PURE__ */ jsx40(
+              /* @__PURE__ */ jsx42("div", { role: "row", className: "mb-1 grid grid-cols-7", children: weekdayNames.map((name) => /* @__PURE__ */ jsx42(
                 "div",
                 {
                   role: "columnheader",
@@ -3977,13 +4094,13 @@ function Calendar({
                 },
                 name
               )) }),
-              Array.from({ length: 6 }, (_, week) => /* @__PURE__ */ jsx40("div", { role: "row", className: "grid grid-cols-7", children: days.slice(week * 7, week * 7 + 7).map((date) => {
+              Array.from({ length: 6 }, (_, week) => /* @__PURE__ */ jsx42("div", { role: "row", className: "grid grid-cols-7", children: days.slice(week * 7, week * 7 + 7).map((date) => {
                 const outside = date.getMonth() !== month.getMonth();
                 const isDisabled = disabled(date);
                 const selected = mode === "single" ? sameDay(date, value) : sameDay(date, range?.from) || sameDay(date, range?.to);
                 const between = mode === "range" && range?.from && range?.to ? inRange(date, range.from, range.to) : false;
                 const isFocused = sameDay(date, focusedDate);
-                return /* @__PURE__ */ jsx40("div", { role: "gridcell", "aria-selected": selected || void 0, children: /* @__PURE__ */ jsx40(
+                return /* @__PURE__ */ jsx42("div", { role: "gridcell", "aria-selected": selected || void 0, children: /* @__PURE__ */ jsx42(
                   "button",
                   {
                     ref: (node) => {
@@ -4022,7 +4139,7 @@ function Calendar({
 import { forwardRef as forwardRef16 } from "react";
 import clsx42 from "clsx";
 import { LuSearch as LuSearch2, LuX as LuX3 } from "react-icons/lu";
-import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
 var HEIGHT2 = {
   lg: "h-12 text-body",
   md: "h-9 text-body-sm",
@@ -4035,7 +4152,7 @@ var PAD = {
 };
 var InputGroup = forwardRef16(function InputGroup2({ children, size: sizeProp, invalid = false, disabled = false, className, ...rest }, ref) {
   const size2 = useControlSize(sizeProp);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       ref,
@@ -4060,7 +4177,7 @@ var InputGroup = forwardRef16(function InputGroup2({ children, size: sizeProp, i
 var InputGroupInput = forwardRef16(
   function InputGroupInput2({ className, ...props }, ref) {
     const field = useFieldControl();
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx43(
       "input",
       {
         ref,
@@ -4078,7 +4195,7 @@ var InputGroupInput = forwardRef16(
 );
 var InputGroupAddon = forwardRef16(
   function InputGroupAddon2({ children, align = "inline-start", decorative = true, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx43(
       "span",
       {
         ref,
@@ -4099,7 +4216,7 @@ var InputGroupAddon = forwardRef16(
 );
 var InputGroupText = forwardRef16(
   function InputGroupText2({ children, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx43(
       "span",
       {
         ref,
@@ -4114,8 +4231,8 @@ var SearchInput = forwardRef16(function SearchInput2({ size: sizeProp, onClear,
   const size2 = useControlSize(sizeProp);
   const hasValue = value !== void 0 && value !== "";
   return /* @__PURE__ */ jsxs27(InputGroup, { size: size2, disabled, className, children: [
-    /* @__PURE__ */ jsx41(InputGroupAddon, { children: /* @__PURE__ */ jsx41(LuSearch2, { className: size2 === "sm" ? "size-3" : "size-4" }) }),
-    /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx43(InputGroupAddon, { children: /* @__PURE__ */ jsx43(LuSearch2, { className: size2 === "sm" ? "size-3" : "size-4" }) }),
+    /* @__PURE__ */ jsx43(
       InputGroupInput,
       {
         ref,
@@ -4127,7 +4244,7 @@ var SearchInput = forwardRef16(function SearchInput2({ size: sizeProp, onClear,
         ...props
       }
     ),
-    onClear && hasValue && /* @__PURE__ */ jsx41(InputGroupAddon, { align: "inline-end", decorative: false, children: /* @__PURE__ */ jsx41(
+    onClear && hasValue && /* @__PURE__ */ jsx43(InputGroupAddon, { align: "inline-end", decorative: false, children: /* @__PURE__ */ jsx43(
       "button",
       {
         type: "button",
@@ -4135,7 +4252,7 @@ var SearchInput = forwardRef16(function SearchInput2({ size: sizeProp, onClear,
         onClick: onClear,
         disabled,
         className: "flex items-center justify-center rounded transition-colors hover:text-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand",
-        children: /* @__PURE__ */ jsx41(LuX3, { "aria-hidden": true, className: size2 === "sm" ? "size-3" : "size-4" })
+        children: /* @__PURE__ */ jsx43(LuX3, { "aria-hidden": true, className: size2 === "sm" ? "size-3" : "size-4" })
       }
     ) })
   ] });
@@ -4151,7 +4268,7 @@ import {
   useState as useState11
 } from "react";
 import { LuCircleCheckBig, LuInfo, LuOctagonAlert, LuTriangleAlert, LuX as LuX4 } from "react-icons/lu";
-import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
 var SIZE7 = {
   sm: "sm:max-w-[420px]",
   md: "sm:max-w-[540px]",
@@ -4159,10 +4276,10 @@ var SIZE7 = {
   xl: "sm:max-w-[800px]"
 };
 var TONE_ICON = {
-  info: /* @__PURE__ */ jsx42(LuInfo, { "aria-hidden": true, className: "size-5" }),
-  positive: /* @__PURE__ */ jsx42(LuCircleCheckBig, { "aria-hidden": true, className: "size-5" }),
-  warning: /* @__PURE__ */ jsx42(LuTriangleAlert, { "aria-hidden": true, className: "size-5" }),
-  danger: /* @__PURE__ */ jsx42(LuOctagonAlert, { "aria-hidden": true, className: "size-5" })
+  info: /* @__PURE__ */ jsx44(LuInfo, { "aria-hidden": true, className: "size-5" }),
+  positive: /* @__PURE__ */ jsx44(LuCircleCheckBig, { "aria-hidden": true, className: "size-5" }),
+  warning: /* @__PURE__ */ jsx44(LuTriangleAlert, { "aria-hidden": true, className: "size-5" }),
+  danger: /* @__PURE__ */ jsx44(LuOctagonAlert, { "aria-hidden": true, className: "size-5" })
 };
 var TONE_BADGE = {
   info: "brand",
@@ -4178,7 +4295,7 @@ var FOOTER_ALIGN = {
 var ModalNaming = createContext5(null);
 function Modal(props) {
   if (!props.open) return null;
-  return /* @__PURE__ */ jsx42(Portal, { children: /* @__PURE__ */ jsx42(ModalShell, { ...props }) });
+  return /* @__PURE__ */ jsx44(Portal, { children: /* @__PURE__ */ jsx44(ModalShell, { ...props }) });
 }
 function ModalShell({
   onOpenChange,
@@ -4205,7 +4322,7 @@ function ModalShell({
     onEscapeKeyDown,
     onInteractOutside
   });
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       className: cn(
@@ -4232,7 +4349,7 @@ function ModalShell({
             className
           ),
           children: [
-            showClose && /* @__PURE__ */ jsx42(
+            showClose && /* @__PURE__ */ jsx44(
               IconButton,
               {
                 variant: "subtle",
@@ -4240,10 +4357,10 @@ function ModalShell({
                 "aria-label": "Close dialog",
                 onClick: () => onOpenChange(false),
                 className: "absolute right-6 top-5 z-raised",
-                children: /* @__PURE__ */ jsx42(LuX4, { size: 16, "aria-hidden": true })
+                children: /* @__PURE__ */ jsx44(LuX4, { size: 16, "aria-hidden": true })
               }
             ),
-            /* @__PURE__ */ jsx42(
+            /* @__PURE__ */ jsx44(
               ModalNaming.Provider,
               {
                 value: {
@@ -4280,8 +4397,8 @@ function ModalHeader({
       ),
       ...rest,
       children: [
-        tone !== "default" && /* @__PURE__ */ jsx42(EntityIconBadge, { size: "md", shape: "circle", tone: TONE_BADGE[tone], children: TONE_ICON[tone] }),
-        /* @__PURE__ */ jsx42("div", { className: "min-w-0 flex-1", children })
+        tone !== "default" && /* @__PURE__ */ jsx44(EntityIconBadge, { size: "md", shape: "circle", tone: TONE_BADGE[tone], children: TONE_ICON[tone] }),
+        /* @__PURE__ */ jsx44("div", { className: "min-w-0 flex-1", children })
       ]
     }
   );
@@ -4292,7 +4409,7 @@ function ModalTitle({ children, className, id, ...rest }) {
     naming?.registerTitle(true);
     return () => naming?.registerTitle(false);
   }, [naming]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "h2",
     {
       id: id ?? naming?.titleId,
@@ -4308,7 +4425,7 @@ function ModalDescription({ children, className, id, ...rest }) {
     naming?.registerDescription(true);
     return () => naming?.registerDescription(false);
   }, [naming]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "p",
     {
       id: id ?? naming?.descriptionId,
@@ -4319,7 +4436,7 @@ function ModalDescription({ children, className, id, ...rest }) {
   );
 }
 function ModalBody({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx42("div", { className: cn("px-6 py-5", className), ...rest, children });
+  return /* @__PURE__ */ jsx44("div", { className: cn("px-6 py-5", className), ...rest, children });
 }
 function ModalFooter({
   children,
@@ -4328,7 +4445,7 @@ function ModalFooter({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       className: cn(
@@ -4354,7 +4471,7 @@ import {
   useState as useState12
 } from "react";
 import clsx43 from "clsx";
-import { Fragment as Fragment6, jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx45, jsxs as jsxs29 } from "react/jsx-runtime";
 function Tooltip({
   children,
   title,
@@ -4446,7 +4563,7 @@ function Tooltip({
   });
   return /* @__PURE__ */ jsxs29(Fragment6, { children: [
     trigger,
-    (open || association === "labelledby") && /* @__PURE__ */ jsx43(Portal, { children: /* @__PURE__ */ jsxs29(
+    (open || association === "labelledby") && /* @__PURE__ */ jsx45(Portal, { children: /* @__PURE__ */ jsxs29(
       "div",
       {
         ref: refs.setFloating,
@@ -4460,8 +4577,8 @@ function Tooltip({
           className
         ),
         children: [
-          title && /* @__PURE__ */ jsx43("p", { className: "font-semibold", children: title }),
-          body && /* @__PURE__ */ jsx43("p", { className: clsx43(title && "mt-0.5 opacity-80"), children: body })
+          title && /* @__PURE__ */ jsx45("p", { className: "font-semibold", children: title }),
+          body && /* @__PURE__ */ jsx45("p", { className: clsx43(title && "mt-0.5 opacity-80"), children: body })
         ]
       }
     ) })
@@ -4474,12 +4591,12 @@ import {
   useContext as useContext6,
   useEffect as useEffect12,
   useId as useId13,
-  useMemo as useMemo5,
+  useMemo as useMemo7,
   useRef as useRef16,
   useState as useState13
 } from "react";
 import clsx44 from "clsx";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var PopoverContext = createContext6(null);
 function usePopover(part) {
   const value = useContext6(PopoverContext);
@@ -4500,7 +4617,7 @@ function Popover({
   });
   const baseId = useId13();
   const [triggerNode, setTriggerNode] = useState13(null);
-  const context = useMemo5(
+  const context = useMemo7(
     () => ({
       open,
       setOpen,
@@ -4512,7 +4629,7 @@ function Popover({
     }),
     [open, setOpen, baseId, triggerNode, modal]
   );
-  return /* @__PURE__ */ jsx44(PopoverContext.Provider, { value: context, children });
+  return /* @__PURE__ */ jsx46(PopoverContext.Provider, { value: context, children });
 }
 function PopoverTrigger({
   children,
@@ -4532,9 +4649,9 @@ function PopoverTrigger({
     ...rest
   };
   if (asChild) {
-    return /* @__PURE__ */ jsx44(Slot, { ref: composeRefs(popover.setTriggerNode), ...triggerProps, children });
+    return /* @__PURE__ */ jsx46(Slot, { ref: composeRefs(popover.setTriggerNode), ...triggerProps, children });
   }
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     "button",
     {
       ref: composeRefs(popover.setTriggerNode),
@@ -4576,7 +4693,7 @@ function PopoverContent({
     inertBackground: popover.modal
   });
   if (!popover.open) return null;
-  return /* @__PURE__ */ jsx44(Portal, { children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(Portal, { children: /* @__PURE__ */ jsx46(
     "div",
     {
       ref: composeRefs(panelRef, refs.setFloating),
@@ -4607,7 +4724,7 @@ import {
   useState as useState14
 } from "react";
 import clsx45 from "clsx";
-import { Fragment as Fragment7, jsx as jsx45, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx47, jsxs as jsxs30 } from "react/jsx-runtime";
 function HoverCard({
   children,
   content,
@@ -4692,7 +4809,7 @@ function HoverCard({
   });
   return /* @__PURE__ */ jsxs30(Fragment7, { children: [
     trigger,
-    open && /* @__PURE__ */ jsx45(Portal, { children: /* @__PURE__ */ jsx45(
+    open && /* @__PURE__ */ jsx47(Portal, { children: /* @__PURE__ */ jsx47(
       "div",
       {
         ref: refs.setFloating,
@@ -4717,7 +4834,7 @@ import {
   createContext as createContext8,
   useContext as useContext8,
   useEffect as useEffect14,
-  useMemo as useMemo7,
+  useMemo as useMemo9,
   useRef as useRef19,
   useState as useState15
 } from "react";
@@ -4729,12 +4846,12 @@ import {
   useCallback as useCallback7,
   useContext as useContext7,
   useId as useId15,
-  useMemo as useMemo6,
+  useMemo as useMemo8,
   useRef as useRef18
 } from "react";
 import clsx46 from "clsx";
 import { LuCheck as LuCheck7 } from "react-icons/lu";
-import { jsx as jsx46, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs31 } from "react/jsx-runtime";
 var MenuContext = createContext7(null);
 function useMenu(part) {
   const context = useContext7(MenuContext);
@@ -4757,7 +4874,7 @@ function useMenuState({ open, setOpen }) {
   const resetIndices = useCallback7(() => {
     cursor.current = 0;
   }, []);
-  return useMemo6(
+  return useMemo8(
     () => ({
       open,
       setOpen,
@@ -4817,12 +4934,12 @@ function MenuItem({
       },
       ...rest,
       children: [
-        icon && /* @__PURE__ */ jsx46("span", { "aria-hidden": true, className: "mt-0.5 flex size-4 shrink-0 items-center justify-center", children: icon }),
+        icon && /* @__PURE__ */ jsx48("span", { "aria-hidden": true, className: "mt-0.5 flex size-4 shrink-0 items-center justify-center", children: icon }),
         /* @__PURE__ */ jsxs31("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx46("span", { className: "block truncate", children }),
-          description && /* @__PURE__ */ jsx46("span", { id: descriptionId, className: "mt-0.5 block text-body-tiny text-default-secondary", children: description })
+          /* @__PURE__ */ jsx48("span", { className: "block truncate", children }),
+          description && /* @__PURE__ */ jsx48("span", { id: descriptionId, className: "mt-0.5 block text-body-tiny text-default-secondary", children: description })
         ] }),
-        shortcut && /* @__PURE__ */ jsx46("span", { className: "ml-auto shrink-0 pl-4 text-body-tiny text-default-tertiary", children: shortcut })
+        shortcut && /* @__PURE__ */ jsx48("span", { className: "ml-auto shrink-0 pl-4 text-body-tiny text-default-tertiary", children: shortcut })
       ]
     }
   );
@@ -4867,17 +4984,17 @@ function MenuCheckboxItem({
       },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx46("span", { "aria-hidden": true, className: "flex size-4 shrink-0 items-center justify-center", children: checked && /* @__PURE__ */ jsx46(LuCheck7, { className: "size-3.5", strokeWidth: 3 }) }),
-        /* @__PURE__ */ jsx46("span", { className: "min-w-0 flex-1 truncate", children }),
-        shortcut && /* @__PURE__ */ jsx46("span", { className: "ml-auto shrink-0 pl-4 text-body-tiny text-default-tertiary", children: shortcut })
+        /* @__PURE__ */ jsx48("span", { "aria-hidden": true, className: "flex size-4 shrink-0 items-center justify-center", children: checked && /* @__PURE__ */ jsx48(LuCheck7, { className: "size-3.5", strokeWidth: 3 }) }),
+        /* @__PURE__ */ jsx48("span", { className: "min-w-0 flex-1 truncate", children }),
+        shortcut && /* @__PURE__ */ jsx48("span", { className: "ml-auto shrink-0 pl-4 text-body-tiny text-default-tertiary", children: shortcut })
       ]
     }
   );
 }
 var MenuRadioContext = createContext7(null);
 function MenuRadioGroup({ children, value, onValueChange }) {
-  const context = useMemo6(() => ({ value, onValueChange }), [value, onValueChange]);
-  return /* @__PURE__ */ jsx46(MenuRadioContext.Provider, { value: context, children: /* @__PURE__ */ jsx46("div", { role: "group", children }) });
+  const context = useMemo8(() => ({ value, onValueChange }), [value, onValueChange]);
+  return /* @__PURE__ */ jsx48(MenuRadioContext.Provider, { value: context, children: /* @__PURE__ */ jsx48("div", { role: "group", children }) });
 }
 function MenuRadioItem({
   children,
@@ -4920,8 +5037,8 @@ function MenuRadioItem({
       },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx46("span", { "aria-hidden": true, className: "flex size-4 shrink-0 items-center justify-center", children: checked && /* @__PURE__ */ jsx46("span", { className: "size-1.5 rounded-full bg-current" }) }),
-        /* @__PURE__ */ jsx46("span", { className: "min-w-0 flex-1 truncate", children })
+        /* @__PURE__ */ jsx48("span", { "aria-hidden": true, className: "flex size-4 shrink-0 items-center justify-center", children: checked && /* @__PURE__ */ jsx48("span", { className: "size-1.5 rounded-full bg-current" }) }),
+        /* @__PURE__ */ jsx48("span", { className: "min-w-0 flex-1 truncate", children })
       ]
     }
   );
@@ -4930,15 +5047,15 @@ var HEADING_CLASSES = OVERLAY_HEADING;
 function MenuGroup({ children, label, className, ...rest }) {
   const labelId = useId15();
   return /* @__PURE__ */ jsxs31("div", { role: "group", "aria-labelledby": label ? labelId : void 0, className, ...rest, children: [
-    label && /* @__PURE__ */ jsx46("div", { id: labelId, className: HEADING_CLASSES, children: label }),
+    label && /* @__PURE__ */ jsx48("div", { id: labelId, className: HEADING_CLASSES, children: label }),
     children
   ] });
 }
 function MenuLabel({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx46("div", { className: clsx46(HEADING_CLASSES, className), ...rest, children });
+  return /* @__PURE__ */ jsx48("div", { className: clsx46(HEADING_CLASSES, className), ...rest, children });
 }
 function MenuSeparator({ className, ...rest }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       role: "separator",
@@ -4949,7 +5066,7 @@ function MenuSeparator({ className, ...rest }) {
   );
 }
 function MenuShortcut({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     "span",
     {
       className: clsx46("ml-auto pl-4 text-body-tiny text-default-tertiary", className),
@@ -4960,7 +5077,7 @@ function MenuShortcut({ children, className, ...rest }) {
 }
 
 // src/components/overlays/context-menu.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 var PositionContext = createContext8(null);
 function usePosition() {
   const value = useContext8(PositionContext);
@@ -4980,8 +5097,8 @@ function ContextMenu({
   });
   const menu = useMenuState({ open, setOpen });
   const [point, setPoint] = useState15(null);
-  const position = useMemo7(() => ({ point, setPoint }), [point]);
-  return /* @__PURE__ */ jsx47(MenuContext.Provider, { value: menu, children: /* @__PURE__ */ jsx47(PositionContext.Provider, { value: position, children }) });
+  const position = useMemo9(() => ({ point, setPoint }), [point]);
+  return /* @__PURE__ */ jsx49(MenuContext.Provider, { value: menu, children: /* @__PURE__ */ jsx49(PositionContext.Provider, { value: position, children }) });
 }
 function ContextMenuTrigger({
   children,
@@ -5003,7 +5120,7 @@ function ContextMenuTrigger({
     // (see the note on `ContextMenu`), and a tab stop here would put an unexplained one in
     // the middle of a table row.
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx49(
       "div",
       {
         "data-slot": "context-menu-trigger",
@@ -5065,7 +5182,7 @@ function ContextMenuContent({
     });
   }, [panelNode, position.point, collisionPadding]);
   if (!menu.open || !position.point) return null;
-  return /* @__PURE__ */ jsx47(Portal, { children: /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(Portal, { children: /* @__PURE__ */ jsx49(
     "div",
     {
       ref: composeRefs(panelRef, (node) => setPanelNode(node)),
@@ -5096,12 +5213,12 @@ import {
   useContext as useContext9,
   useEffect as useEffect15,
   useId as useId16,
-  useMemo as useMemo8,
+  useMemo as useMemo10,
   useRef as useRef20,
   useState as useState16
 } from "react";
 import clsx48 from "clsx";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var MenubarContext = createContext9(null);
 function useMenubar(part) {
   const value = useContext9(MenubarContext);
@@ -5117,7 +5234,7 @@ function Menubar({ children, label, className, ...rest }) {
     loop: true,
     onEscape: () => setOpenValue(null)
   });
-  const context = useMemo8(
+  const context = useMemo10(
     () => ({
       openValue,
       setOpenValue,
@@ -5131,7 +5248,7 @@ function Menubar({ children, label, className, ...rest }) {
     [openValue, barRoving, baseId]
   );
   context.resetMenuIndices();
-  return /* @__PURE__ */ jsx48(MenubarContext.Provider, { value: context, children: /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(MenubarContext.Provider, { value: context, children: /* @__PURE__ */ jsx50(
     "div",
     {
       role: "menubar",
@@ -5153,8 +5270,8 @@ function MenubarMenu({ children, value }) {
     open,
     setOpen: (next) => bar.setOpenValue(next ? value : null)
   });
-  const scope = useMemo8(() => ({ value, index }), [value, index]);
-  return /* @__PURE__ */ jsx48(MenuContext.Provider, { value: menu, children: /* @__PURE__ */ jsx48(MenubarMenuScope.Provider, { value: scope, children }) });
+  const scope = useMemo10(() => ({ value, index }), [value, index]);
+  return /* @__PURE__ */ jsx50(MenuContext.Provider, { value: menu, children: /* @__PURE__ */ jsx50(MenubarMenuScope.Provider, { value: scope, children }) });
 }
 var MenubarMenuScope = createContext9(null);
 function useMenubarMenu(part) {
@@ -5176,7 +5293,7 @@ function MenubarTrigger({ children, className, ...rest }) {
       triggerNodes.delete(scope.value);
     };
   }, [scope.value, node]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     "button",
     {
       ref: composeRefs(setNode, rovingRef),
@@ -5256,7 +5373,7 @@ function MenubarContent({ children, className, ...rest }) {
     if (!menu.open) wasOpen.current = false;
   }, [menu.open, panelNode, menu.roving, menu.pendingEdge]);
   if (!menu.open) return null;
-  return /* @__PURE__ */ jsx48(Portal, { children: /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(Portal, { children: /* @__PURE__ */ jsx50(
     "div",
     {
       ref: composeRefs(panelRef, (node) => setPanelNode(node), refs.setFloating),
@@ -5266,7 +5383,7 @@ function MenubarContent({ children, className, ...rest }) {
       "aria-orientation": "vertical",
       "aria-labelledby": menu.triggerId,
       style: floatingStyles,
-      className: clsx48("z-dropdown", MENU_PANEL_CLASSES, className),
+      className: clsx48("z-popover", MENU_PANEL_CLASSES, className),
       ...menu.roving.containerProps,
       onKeyDown: (event) => {
         menu.roving.containerProps.onKeyDown(event);
@@ -5294,7 +5411,7 @@ import { LuX as LuX5 } from "react-icons/lu";
 // src/components/cards/scroll-area.tsx
 import { forwardRef as forwardRef17, useEffect as useEffect16, useRef as useRef21, useState as useState17 } from "react";
 import clsx49 from "clsx";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var OVERFLOW = {
   vertical: "overflow-y-auto overflow-x-hidden",
   horizontal: "overflow-x-auto overflow-y-hidden",
@@ -5320,7 +5437,7 @@ var ScrollArea = forwardRef17(function ScrollArea2({ children, axis = "vertical"
     if (node.firstElementChild) observer.observe(node.firstElementChild);
     return () => observer.disconnect();
   }, [axis, children]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       ref: composeRefs(localRef, ref),
@@ -5341,10 +5458,10 @@ var ScrollArea = forwardRef17(function ScrollArea2({ children, axis = "vertical"
 });
 
 // src/components/overlays/drawer.tsx
-import { jsx as jsx50, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs32 } from "react/jsx-runtime";
 function Drawer(props) {
   if (!props.open) return null;
-  return /* @__PURE__ */ jsx50(Portal, { children: /* @__PURE__ */ jsx50(DrawerShell, { ...props }) });
+  return /* @__PURE__ */ jsx52(Portal, { children: /* @__PURE__ */ jsx52(DrawerShell, { ...props }) });
 }
 function DrawerShell({
   onOpenChange,
@@ -5368,7 +5485,7 @@ function DrawerShell({
     onEscapeKeyDown,
     onInteractOutside
   });
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       className: clsx50(
@@ -5386,20 +5503,20 @@ function DrawerShell({
           className: clsx50("relative flex h-full flex-col bg-default shadow-500", width, className),
           children: [
             /* @__PURE__ */ jsxs32("div", { className: "flex items-start justify-between gap-3 border-b border-default p-6", children: [
-              /* @__PURE__ */ jsx50("div", { className: "min-w-0", children: header }),
-              /* @__PURE__ */ jsx50(
+              /* @__PURE__ */ jsx52("div", { className: "min-w-0", children: header }),
+              /* @__PURE__ */ jsx52(
                 IconButton,
                 {
                   variant: "subtle",
                   size: "sm",
                   "aria-label": "Close",
                   onClick: () => onOpenChange(false),
-                  children: /* @__PURE__ */ jsx50(LuX5, { size: 18, "aria-hidden": true })
+                  children: /* @__PURE__ */ jsx52(LuX5, { size: 18, "aria-hidden": true })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx50(ScrollArea, { axis: "vertical", label, className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx50("div", { className: "space-y-6 p-6", children }) }),
-            footer && /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsx52(ScrollArea, { axis: "vertical", label, className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx52("div", { className: "space-y-6 p-6", children }) }),
+            footer && /* @__PURE__ */ jsx52(
               "div",
               {
                 className: clsx50(
@@ -5417,7 +5534,7 @@ function DrawerShell({
 }
 
 // src/components/overlays/confirm-dialog.tsx
-import { jsx as jsx51, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs33 } from "react/jsx-runtime";
 function ConfirmDialog({
   open,
   title,
@@ -5448,13 +5565,13 @@ function ConfirmDialog({
         className,
         children: [
           /* @__PURE__ */ jsxs33(ModalHeader, { tone, divider: Boolean(children), children: [
-            /* @__PURE__ */ jsx51(ModalTitle, { children: title }),
-            subtitle && /* @__PURE__ */ jsx51(ModalDescription, { children: subtitle })
+            /* @__PURE__ */ jsx53(ModalTitle, { children: title }),
+            subtitle && /* @__PURE__ */ jsx53(ModalDescription, { children: subtitle })
           ] }),
-          children && /* @__PURE__ */ jsx51(ModalBody, { children }),
+          children && /* @__PURE__ */ jsx53(ModalBody, { children }),
           /* @__PURE__ */ jsxs33(ModalFooter, { children: [
-            /* @__PURE__ */ jsx51(Button, { variant: "neutral", size: "md", onClick: () => onOpenChange(false), children: cancelLabel }),
-            /* @__PURE__ */ jsx51(Button, { variant: confirmVariant, size: "md", disabled: isConfirming, onClick: onConfirm, children: isConfirming ? confirmingLabel : confirmLabel })
+            /* @__PURE__ */ jsx53(Button, { variant: "neutral", size: "md", onClick: () => onOpenChange(false), children: cancelLabel }),
+            /* @__PURE__ */ jsx53(Button, { variant: confirmVariant, size: "md", disabled: isConfirming, onClick: onConfirm, children: isConfirming ? confirmingLabel : confirmLabel })
           ] })
         ]
       }
@@ -5464,10 +5581,10 @@ function ConfirmDialog({
 
 // src/components/overlays/note-confirm-modal.tsx
 import { useState as useState18 } from "react";
-import { jsx as jsx52, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs34 } from "react/jsx-runtime";
 function NoteConfirmModal({ open, ...rest }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsx52(NoteConfirmModalShell, { ...rest });
+  return /* @__PURE__ */ jsx54(NoteConfirmModalShell, { ...rest });
 }
 function NoteConfirmModalShell({
   title,
@@ -5504,10 +5621,10 @@ function NoteConfirmModalShell({
       onInteractOutside: guardDiscard,
       children: [
         /* @__PURE__ */ jsxs34(ModalHeader, { tone, children: [
-          /* @__PURE__ */ jsx52(ModalTitle, { children: title }),
-          subtitle && /* @__PURE__ */ jsx52(ModalDescription, { children: subtitle })
+          /* @__PURE__ */ jsx54(ModalTitle, { children: title }),
+          subtitle && /* @__PURE__ */ jsx54(ModalDescription, { children: subtitle })
         ] }),
-        /* @__PURE__ */ jsx52(ModalBody, { children: /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx54(ModalBody, { children: /* @__PURE__ */ jsx54(
           Textarea,
           {
             value: note,
@@ -5517,8 +5634,8 @@ function NoteConfirmModalShell({
           }
         ) }),
         /* @__PURE__ */ jsxs34(ModalFooter, { children: [
-          /* @__PURE__ */ jsx52(Button, { variant: "neutral", size: "md", onClick: () => onOpenChange(false), children: cancelLabel }),
-          /* @__PURE__ */ jsx52(Button, { variant: confirmVariant, size: "md", disabled, onClick: () => onConfirm(note.trim()), children: isSubmitting ? submittingLabel : confirmLabel })
+          /* @__PURE__ */ jsx54(Button, { variant: "neutral", size: "md", onClick: () => onOpenChange(false), children: cancelLabel }),
+          /* @__PURE__ */ jsx54(Button, { variant: confirmVariant, size: "md", disabled, onClick: () => onConfirm(note.trim()), children: isSubmitting ? submittingLabel : confirmLabel })
         ] })
       ]
     }
@@ -5530,13 +5647,13 @@ import {
   createContext as createContext10,
   useContext as useContext10,
   useEffect as useEffect17,
-  useMemo as useMemo9,
+  useMemo as useMemo11,
   useRef as useRef23,
   useState as useState19
 } from "react";
 import clsx51 from "clsx";
 import { LuEllipsis } from "react-icons/lu";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 var TriggerNodeContext = createContext10(null);
 function useTriggerNode() {
   const value = useContext10(TriggerNodeContext);
@@ -5556,8 +5673,8 @@ function DropdownMenu({
   });
   const menu = useMenuState({ open, setOpen });
   const [triggerNode, setTriggerNode] = useState19(null);
-  const anchor = useMemo9(() => ({ triggerNode, setTriggerNode }), [triggerNode]);
-  return /* @__PURE__ */ jsx53(MenuContext.Provider, { value: menu, children: /* @__PURE__ */ jsx53(TriggerNodeContext.Provider, { value: anchor, children }) });
+  const anchor = useMemo11(() => ({ triggerNode, setTriggerNode }), [triggerNode]);
+  return /* @__PURE__ */ jsx55(MenuContext.Provider, { value: menu, children: /* @__PURE__ */ jsx55(TriggerNodeContext.Provider, { value: anchor, children }) });
 }
 function DropdownMenuTrigger({
   children,
@@ -5589,9 +5706,9 @@ function DropdownMenuTrigger({
     ...rest
   };
   if (asChild) {
-    return /* @__PURE__ */ jsx53(Slot, { ref: composeRefs(anchor.setTriggerNode), ...triggerProps, children });
+    return /* @__PURE__ */ jsx55(Slot, { ref: composeRefs(anchor.setTriggerNode), ...triggerProps, children });
   }
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     IconButton,
     {
       ref: composeRefs(anchor.setTriggerNode),
@@ -5599,7 +5716,7 @@ function DropdownMenuTrigger({
       size: "sm",
       "aria-label": label,
       ...triggerProps,
-      children: children ?? /* @__PURE__ */ jsx53(LuEllipsis, { className: "size-4", "aria-hidden": true })
+      children: children ?? /* @__PURE__ */ jsx55(LuEllipsis, { className: "size-4", "aria-hidden": true })
     }
   );
 }
@@ -5649,7 +5766,7 @@ function DropdownMenuContent({
     if (!menu.open) wasOpen.current = false;
   }, [menu.open, panelNode, menu.roving, menu.pendingEdge]);
   if (!menu.open) return null;
-  return /* @__PURE__ */ jsx53(Portal, { children: /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(Portal, { children: /* @__PURE__ */ jsx55(
     "div",
     {
       ref: composeRefs(
@@ -5663,7 +5780,7 @@ function DropdownMenuContent({
       "aria-orientation": "vertical",
       "aria-labelledby": menu.triggerId,
       style: floatingStyles,
-      className: clsx51("z-dropdown", MENU_PANEL_CLASSES, className),
+      className: clsx51("z-popover", MENU_PANEL_CLASSES, className),
       ...menu.roving.containerProps,
       onKeyDown: (event) => {
         menu.roving.containerProps.onKeyDown(event);
@@ -5677,7 +5794,7 @@ function DropdownMenuContent({
 
 // src/components/cards/card.tsx
 import { createContext as createContext11, useContext as useContext11 } from "react";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var RADIUS = {
   lg: "rounded-lg",
   xl: "rounded-xl",
@@ -5720,7 +5837,7 @@ var FOOTER_ALIGN2 = {
 };
 var CardHeaderContext = createContext11("md");
 function Card({ children, radius = "2xl", tone = "default", className, ...rest }) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       "data-slot": "card",
@@ -5737,7 +5854,7 @@ function CardHeader({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx54(CardHeaderContext.Provider, { value: size2, children: /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx56(CardHeaderContext.Provider, { value: size2, children: /* @__PURE__ */ jsx56(
     "div",
     {
       "data-slot": "card-header",
@@ -5754,7 +5871,7 @@ function CardHeader({
   ) });
 }
 function CardTitle({ children, size: size2 = "md", as: Tag = "p", className, ...rest }) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx56(
     Tag,
     {
       "data-slot": "card-title",
@@ -5766,7 +5883,7 @@ function CardTitle({ children, size: size2 = "md", as: Tag = "p", className, ...
 }
 function CardDescription({ children, size: size2, className, ...rest }) {
   const inherited = useContext11(CardHeaderContext);
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx56(
     "p",
     {
       "data-slot": "card-description",
@@ -5781,7 +5898,7 @@ function CardDescription({ children, size: size2, className, ...rest }) {
   );
 }
 function CardAction({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       "data-slot": "card-action",
@@ -5792,7 +5909,7 @@ function CardAction({ children, className, ...rest }) {
   );
 }
 function CardBody({ children, size: size2 = "md", className, ...rest }) {
-  return /* @__PURE__ */ jsx54("div", { "data-slot": "card-body", className: cn("flex flex-col", BODY_BOX[size2], className), ...rest, children });
+  return /* @__PURE__ */ jsx56("div", { "data-slot": "card-body", className: cn("flex flex-col", BODY_BOX[size2], className), ...rest, children });
 }
 function CardFooter({
   children,
@@ -5802,7 +5919,7 @@ function CardFooter({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       "data-slot": "card-footer",
@@ -5825,12 +5942,12 @@ import {
   useCallback as useCallback8,
   useContext as useContext12,
   useId as useId17,
-  useMemo as useMemo10,
+  useMemo as useMemo12,
   useRef as useRef24
 } from "react";
 import clsx52 from "clsx";
 import { LuChevronDown as LuChevronDown3 } from "react-icons/lu";
-import { jsx as jsx55, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs35 } from "react/jsx-runtime";
 var AccordionContext = createContext12(null);
 var AccordionItemContext = createContext12(null);
 function useAccordion(part) {
@@ -5875,11 +5992,11 @@ function Accordion({
   const roving = useRovingFocus({ orientation: "vertical", loop: true });
   cursor.current = 0;
   const claimIndex = useCallback8(() => cursor.current++, []);
-  const context = useMemo10(
+  const context = useMemo12(
     () => ({ isOpen, toggle, baseId, claimIndex, roving, headingLevel }),
     [isOpen, toggle, baseId, claimIndex, roving, headingLevel]
   );
-  return /* @__PURE__ */ jsx55(AccordionContext.Provider, { value: context, children: /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(AccordionContext.Provider, { value: context, children: /* @__PURE__ */ jsx57(
     "div",
     {
       "data-slot": "accordion",
@@ -5898,8 +6015,8 @@ function AccordionItem({
   ...rest
 }) {
   const ctx = useAccordion("AccordionItem");
-  const itemContext = useMemo10(() => ({ value, disabled }), [value, disabled]);
-  return /* @__PURE__ */ jsx55(AccordionItemContext.Provider, { value: itemContext, children: /* @__PURE__ */ jsx55(
+  const itemContext = useMemo12(() => ({ value, disabled }), [value, disabled]);
+  return /* @__PURE__ */ jsx57(AccordionItemContext.Provider, { value: itemContext, children: /* @__PURE__ */ jsx57(
     "div",
     {
       "data-slot": "accordion-item",
@@ -5929,7 +6046,7 @@ function AccordionTrigger({
   return (
     // The heading carries no styling of its own — it exists so the accordion shows up in
     // the document outline, which is how screen reader users navigate between sections.
-    /* @__PURE__ */ jsx55(Heading2, { className: "m-0", children: /* @__PURE__ */ jsxs35(
+    /* @__PURE__ */ jsx57(Heading2, { className: "m-0", children: /* @__PURE__ */ jsxs35(
       "button",
       {
         type: "button",
@@ -5950,8 +6067,8 @@ function AccordionTrigger({
         ),
         ...rest,
         children: [
-          /* @__PURE__ */ jsx55("span", { className: "min-w-0 flex-1", children }),
-          !hideIndicator && /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx57("span", { className: "min-w-0 flex-1", children }),
+          !hideIndicator && /* @__PURE__ */ jsx57(
             LuChevronDown3,
             {
               "aria-hidden": true,
@@ -5971,7 +6088,7 @@ function AccordionContent({ children, className, ...rest }) {
   const item = useContext12(AccordionItemContext);
   if (!item) throw new Error("<AccordionContent> must be used inside <AccordionItem>");
   if (!ctx.isOpen(item.value)) return null;
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(
     "div",
     {
       id: `${ctx.baseId}-content-${item.value}`,
@@ -5991,7 +6108,7 @@ import {
   useContext as useContext13,
   useId as useId18
 } from "react";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 var CollapsibleContext = createContext13(null);
 function useCollapsible(part) {
   const context = useContext13(CollapsibleContext);
@@ -6013,7 +6130,7 @@ function Collapsible({
     onChange: onOpenChange
   });
   const baseId = useId18();
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx58(
     CollapsibleContext.Provider,
     {
       value: {
@@ -6023,7 +6140,7 @@ function Collapsible({
         contentId: `${baseId}-content`,
         disabled
       },
-      children: /* @__PURE__ */ jsx56("div", { "data-slot": "collapsible", "data-state": open ? "open" : "closed", className, ...rest, children })
+      children: /* @__PURE__ */ jsx58("div", { "data-slot": "collapsible", "data-state": open ? "open" : "closed", className, ...rest, children })
     }
   );
 }
@@ -6044,9 +6161,9 @@ function CollapsibleTrigger({
     ...rest
   };
   if (asChild) {
-    return /* @__PURE__ */ jsx56(Slot, { "aria-disabled": ctx.disabled || void 0, ...triggerProps, children });
+    return /* @__PURE__ */ jsx58(Slot, { "aria-disabled": ctx.disabled || void 0, ...triggerProps, children });
   }
-  return /* @__PURE__ */ jsx56("button", { type: "button", disabled: ctx.disabled, ...triggerProps, children });
+  return /* @__PURE__ */ jsx58("button", { type: "button", disabled: ctx.disabled, ...triggerProps, children });
 }
 function CollapsibleContent({
   children,
@@ -6056,7 +6173,7 @@ function CollapsibleContent({
 }) {
   const ctx = useCollapsible("CollapsibleContent");
   if (!ctx.open && !keepMounted) return null;
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx58(
     "div",
     {
       id: ctx.contentId,
@@ -6074,9 +6191,9 @@ function CollapsibleContent({
 // src/components/cards/aspect-ratio.tsx
 import { forwardRef as forwardRef18 } from "react";
 import clsx53 from "clsx";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var AspectRatio = forwardRef18(function AspectRatio2({ children, ratio = 1, className, style, ...rest }, ref) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx59(
     "div",
     {
       ref,
@@ -6096,13 +6213,13 @@ import {
   useContext as useContext14,
   useEffect as useEffect18,
   useId as useId19,
-  useMemo as useMemo11,
+  useMemo as useMemo13,
   useRef as useRef25,
   useState as useState20
 } from "react";
 import clsx54 from "clsx";
 import { LuChevronLeft as LuChevronLeft2, LuChevronRight as LuChevronRight3 } from "react-icons/lu";
-import { jsx as jsx58, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs36 } from "react/jsx-runtime";
 var CarouselContext = createContext14(null);
 function useCarousel(part) {
   const value = useContext14(CarouselContext);
@@ -6131,7 +6248,7 @@ function Carousel({
   const [paused, setPaused] = useState20(false);
   const [userTookControl, setUserTookControl] = useState20(false);
   const hasAutoplay = autoplayInterval !== void 0 && autoplayInterval > 0;
-  const context = useMemo11(
+  const context = useMemo13(
     () => ({
       index,
       setIndex: (next) => {
@@ -6160,7 +6277,7 @@ function Carousel({
     }, autoplayInterval);
     return () => clearInterval(timer);
   }, [hasAutoplay, paused, userTookControl, autoplayInterval, index, count, loop, setIndex]);
-  return /* @__PURE__ */ jsx58(CarouselContext.Provider, { value: context, children: /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(CarouselContext.Provider, { value: context, children: /* @__PURE__ */ jsx60(
     "div",
     {
       role: "region",
@@ -6193,7 +6310,7 @@ function Carousel({
 }
 function CarouselViewport({ children, className, ...rest }) {
   const carousel = useCarousel("CarouselViewport");
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "div",
     {
       id: `${carousel.baseId}-viewport`,
@@ -6208,7 +6325,7 @@ function CarouselSlide({ children, className, ...rest }) {
   const carousel = useCarousel("CarouselSlide");
   const slideIndex = carousel.registerSlide();
   const active = slideIndex === carousel.index;
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "div",
     {
       role: "group",
@@ -6238,7 +6355,7 @@ function CarouselControls({ showDots = true, className, ...rest }) {
       className: clsx54("mt-3 flex items-center justify-between gap-3", className),
       ...rest,
       children: [
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx60(
           IconButton,
           {
             variant: "neutral",
@@ -6247,10 +6364,10 @@ function CarouselControls({ showDots = true, className, ...rest }) {
             "aria-controls": `${carousel.baseId}-viewport`,
             disabled: !loop && index === 0,
             onClick: () => go(index - 1),
-            children: /* @__PURE__ */ jsx58(LuChevronLeft2, { "aria-hidden": true, size: 16 })
+            children: /* @__PURE__ */ jsx60(LuChevronLeft2, { "aria-hidden": true, size: 16 })
           }
         ),
-        showDots && /* @__PURE__ */ jsx58("div", { role: "group", "aria-label": `Slide ${index + 1} of ${count}`, className: "flex items-center gap-2", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx58(
+        showDots && /* @__PURE__ */ jsx60("div", { role: "group", "aria-label": `Slide ${index + 1} of ${count}`, className: "flex items-center gap-2", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx60(
           "button",
           {
             type: "button",
@@ -6266,17 +6383,17 @@ function CarouselControls({ showDots = true, className, ...rest }) {
           i
         )) }),
         /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-1.5", children: [
-          carousel.hasAutoplay && /* @__PURE__ */ jsx58(
+          carousel.hasAutoplay && /* @__PURE__ */ jsx60(
             IconButton,
             {
               variant: "neutral",
               size: "sm",
               "aria-label": carousel.paused ? "Start automatic slide show" : "Stop automatic slide show",
               onClick: () => carousel.setPaused(!carousel.paused),
-              children: /* @__PURE__ */ jsx58("span", { "aria-hidden": true, className: "text-body-tiny font-semibold", children: carousel.paused ? "\u25B6" : "\u275A\u275A" })
+              children: /* @__PURE__ */ jsx60("span", { "aria-hidden": true, className: "text-body-tiny font-semibold", children: carousel.paused ? "\u25B6" : "\u275A\u275A" })
             }
           ),
-          /* @__PURE__ */ jsx58(
+          /* @__PURE__ */ jsx60(
             IconButton,
             {
               variant: "neutral",
@@ -6285,7 +6402,7 @@ function CarouselControls({ showDots = true, className, ...rest }) {
               "aria-controls": `${carousel.baseId}-viewport`,
               disabled: !loop && index === count - 1,
               onClick: () => go(index + 1),
-              children: /* @__PURE__ */ jsx58(LuChevronRight3, { "aria-hidden": true, size: 16 })
+              children: /* @__PURE__ */ jsx60(LuChevronRight3, { "aria-hidden": true, size: 16 })
             }
           )
         ] })
@@ -6301,12 +6418,12 @@ import {
   useContext as useContext15,
   useEffect as useEffect19,
   useId as useId20,
-  useMemo as useMemo12,
+  useMemo as useMemo14,
   useRef as useRef26,
   useState as useState21
 } from "react";
 import clsx55 from "clsx";
-import { jsx as jsx59, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs37 } from "react/jsx-runtime";
 var ResizableContext = createContext15(null);
 function useResizable(part) {
   const value = useContext15(ResizableContext);
@@ -6332,7 +6449,7 @@ function Resizable({
   const containerRef = useRef26(null);
   const baseId = useId20();
   const [dragging, setDragging] = useState21(false);
-  const context = useMemo12(
+  const context = useMemo14(
     () => ({
       direction,
       size: size2,
@@ -6346,7 +6463,7 @@ function Resizable({
     }),
     [direction, size2, setSize, min, max, baseId, dragging]
   );
-  return /* @__PURE__ */ jsx59(ResizableContext.Provider, { value: context, children: /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(ResizableContext.Provider, { value: context, children: /* @__PURE__ */ jsx61(
     "div",
     {
       ref: containerRef,
@@ -6370,7 +6487,7 @@ function ResizablePanel({ children, which, className, ...rest }) {
   return (
     // A panel holds arbitrary content, which may be entirely static — so it needs the tab
     // stop `ScrollArea` adds while overflowing, not just the scrollbar styling.
-    /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx61(
       ScrollArea,
       {
         axis: "both",
@@ -6474,14 +6591,14 @@ function ResizableHandle({
         ),
         ...rest,
         children: [
-          /* @__PURE__ */ jsx59(
+          /* @__PURE__ */ jsx61(
             "span",
             {
               "aria-hidden": true,
               className: clsx55("absolute", horizontal ? "inset-y-0 -inset-x-1.5" : "-inset-y-1.5 inset-x-0")
             }
           ),
-          withGrip && /* @__PURE__ */ jsx59(
+          withGrip && /* @__PURE__ */ jsx61(
             "span",
             {
               "aria-hidden": true,
@@ -6490,7 +6607,7 @@ function ResizableHandle({
                 "opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100",
                 horizontal ? "h-6 w-2.5" : "h-2.5 w-6"
               ),
-              children: /* @__PURE__ */ jsx59("span", { className: clsx55("rounded-full bg-default-tertiary", horizontal ? "h-2.5 w-px" : "h-px w-2.5") })
+              children: /* @__PURE__ */ jsx61("span", { className: clsx55("rounded-full bg-default-tertiary", horizontal ? "h-2.5 w-px" : "h-px w-2.5") })
             }
           )
         ]
@@ -6501,7 +6618,7 @@ function ResizableHandle({
 
 // src/components/chrome/page-heading.tsx
 import clsx56 from "clsx";
-import { jsx as jsx60, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs38 } from "react/jsx-runtime";
 var TITLE = {
   // `text-2xl` was stock Tailwind rather than the design tokens. Same 24px, now on-token.
   page: "text-heading font-semibold text-default",
@@ -6527,25 +6644,25 @@ function PageHeading({
 }) {
   const Tag = as ?? (size2 === "section" ? "h2" : "h1");
   const heading = /* @__PURE__ */ jsxs38("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
-    /* @__PURE__ */ jsx60(Tag, { className: clsx56(TITLE[size2], truncateTitle && "truncate"), children: title }),
-    subtitle && /* @__PURE__ */ jsx60("p", { className: SUBTITLE[size2], children: subtitle })
+    /* @__PURE__ */ jsx62(Tag, { className: clsx56(TITLE[size2], truncateTitle && "truncate"), children: title }),
+    subtitle && /* @__PURE__ */ jsx62("p", { className: SUBTITLE[size2], children: subtitle })
   ] });
-  if (!actions) return className ? /* @__PURE__ */ jsx60("div", { className, children: heading }) : heading;
+  if (!actions) return className ? /* @__PURE__ */ jsx62("div", { className, children: heading }) : heading;
   return /* @__PURE__ */ jsxs38("div", { className: clsx56("flex items-start justify-between gap-4", className), children: [
     heading,
-    /* @__PURE__ */ jsx60("div", { className: "flex shrink-0 items-center gap-2", children: actions })
+    /* @__PURE__ */ jsx62("div", { className: "flex shrink-0 items-center gap-2", children: actions })
   ] });
 }
 
 // src/components/chrome/page-toolbar.tsx
 import clsx57 from "clsx";
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var SIZE8 = {
   sm: "min-h-[56px] px-4 py-3 md:px-7",
   md: "min-h-[72px] px-4 py-4 md:px-7"
 };
 function PageToolbar({ children, wrap, size: size2 = "md", className }) {
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx63(
     "div",
     {
       className: clsx57(
@@ -6561,22 +6678,22 @@ function PageToolbar({ children, wrap, size: size2 = "md", className }) {
 
 // src/components/chrome/filter-bar.tsx
 import clsx58 from "clsx";
-import { jsx as jsx62, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs39 } from "react/jsx-runtime";
 var GAP2 = {
   sm: "gap-2",
   md: "gap-3"
 };
 function FilterBar({ children, trailing, size: size2 = "md", className }) {
-  return /* @__PURE__ */ jsx62(ControlSizeProvider, { size: size2, children: /* @__PURE__ */ jsxs39("div", { className: clsx58("flex flex-wrap items-center", GAP2[size2], className), children: [
+  return /* @__PURE__ */ jsx64(ControlSizeProvider, { size: size2, children: /* @__PURE__ */ jsxs39("div", { className: clsx58("flex flex-wrap items-center", GAP2[size2], className), children: [
     children,
-    trailing && /* @__PURE__ */ jsx62("div", { className: clsx58("ml-auto flex items-center", GAP2[size2]), children: trailing })
+    trailing && /* @__PURE__ */ jsx64("div", { className: clsx58("ml-auto flex items-center", GAP2[size2]), children: trailing })
   ] }) });
 }
 
 // src/components/chrome/tabs.tsx
 import { useId as useId21 } from "react";
 import clsx59 from "clsx";
-import { jsx as jsx63, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs40 } from "react/jsx-runtime";
 var SIZE9 = {
   underline: {
     sm: { strip: "gap-4", tab: "px-0.5 py-1.5 text-body-xs" },
@@ -6620,7 +6737,7 @@ function Tabs({
     loop: true,
     defaultIndex: selectedIndex
   });
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx65(
     "div",
     {
       role: "tablist",
@@ -6675,7 +6792,7 @@ function Tabs({
             ),
             children: [
               tab.label,
-              tab.count !== void 0 && /* @__PURE__ */ jsx63(
+              tab.count !== void 0 && /* @__PURE__ */ jsx65(
                 "span",
                 {
                   className: clsx59(
@@ -6703,7 +6820,7 @@ function TabsPanel({
   ...rest
 }) {
   if (!active && !keepMounted) return null;
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx65(
     "div",
     {
       role: "tabpanel",
@@ -6720,7 +6837,7 @@ function TabsPanel({
 
 // src/components/chrome/nav-item.tsx
 import clsx60 from "clsx";
-import { Fragment as Fragment8, jsx as jsx64, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx66, jsxs as jsxs41 } from "react/jsx-runtime";
 var SIZE10 = {
   sm: { box: "h-9 gap-2 rounded-lg px-3 py-1.5", label: "text-body-xs", square: "w-9" },
   md: { box: "h-11 gap-3 rounded-xl px-3.5 py-2.5", label: "text-body-sm", square: "w-11" }
@@ -6799,13 +6916,13 @@ function NavItem({
     ...rest
   };
   const content = /* @__PURE__ */ jsxs41(Fragment8, { children: [
-    icon != null ? /* @__PURE__ */ jsx64("span", { "aria-hidden": true, className: "shrink-0 [&_svg]:size-4", children: icon }) : (
+    icon != null ? /* @__PURE__ */ jsx66("span", { "aria-hidden": true, className: "shrink-0 [&_svg]:size-4", children: icon }) : (
       // Icons are optional, but the collapsed rail hides the label — so a row with neither
       // renders as an empty box. Through 0.5.0 that is exactly what a nav without icons
       // collapsed to, the docs site's own 36-row sidebar included. The monogram is
       // decorative in the same way the icon is: the `sr-only` label below still names the
       // row.
-      collapsed && /* @__PURE__ */ jsx64(
+      collapsed && /* @__PURE__ */ jsx66(
         "span",
         {
           "aria-hidden": true,
@@ -6814,7 +6931,7 @@ function NavItem({
         }
       )
     ),
-    /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx66(
       "span",
       {
         className: clsx60(
@@ -6825,7 +6942,7 @@ function NavItem({
         children: label
       }
     ),
-    indicator && /* @__PURE__ */ jsx64(
+    indicator && /* @__PURE__ */ jsx66(
       "span",
       {
         role: "status",
@@ -6835,16 +6952,16 @@ function NavItem({
     )
   ] });
   if (asChild) {
-    return /* @__PURE__ */ jsx64(Slot, { wrapChildren: () => content, ...rootProps, children });
+    return /* @__PURE__ */ jsx66(Slot, { wrapChildren: () => content, ...rootProps, children });
   }
-  return /* @__PURE__ */ jsx64("span", { ...rootProps, children: content });
+  return /* @__PURE__ */ jsx66("span", { ...rootProps, children: content });
 }
 
 // src/components/chrome/eyebrow-label.tsx
 import clsx61 from "clsx";
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 function EyebrowLabel({ children, variant = "uppercase", className }) {
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx67(
     "p",
     {
       className: clsx61(
@@ -6860,9 +6977,9 @@ function EyebrowLabel({ children, variant = "uppercase", className }) {
 // src/components/chrome/separator.tsx
 import { forwardRef as forwardRef19 } from "react";
 import clsx62 from "clsx";
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "react/jsx-runtime";
 var Separator = forwardRef19(function Separator2({ orientation = "horizontal", decorative = true, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx68(
     "div",
     {
       ref,
@@ -6882,13 +6999,13 @@ var Separator = forwardRef19(function Separator2({ orientation = "horizontal", d
 // src/components/chrome/kbd.tsx
 import { forwardRef as forwardRef20 } from "react";
 import clsx63 from "clsx";
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var SIZE11 = {
   sm: "h-4 min-w-4 px-1 text-body-tiny",
   md: "h-5 min-w-5 px-1.5 text-body-xs"
 };
 var Kbd = forwardRef20(function Kbd2({ children, size: size2 = "md", className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx69(
     "kbd",
     {
       ref,
@@ -6909,15 +7026,15 @@ var Kbd = forwardRef20(function Kbd2({ children, size: size2 = "md", className,
 import { forwardRef as forwardRef21 } from "react";
 import clsx64 from "clsx";
 import { LuChevronRight as LuChevronRight4 } from "react-icons/lu";
-import { jsx as jsx68, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs42 } from "react/jsx-runtime";
 var Breadcrumb = forwardRef21(function Breadcrumb2({ children, label = "Breadcrumb", className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx68("nav", { ref, "aria-label": label, "data-slot": "breadcrumb", ...rest, children: /* @__PURE__ */ jsx68("ol", { className: clsx64("flex flex-wrap items-center gap-1.5 p-0 text-body-xs", className), children }) });
+  return /* @__PURE__ */ jsx70("nav", { ref, "aria-label": label, "data-slot": "breadcrumb", ...rest, children: /* @__PURE__ */ jsx70("ol", { className: clsx64("flex flex-wrap items-center gap-1.5 p-0 text-body-xs", className), children }) });
 });
 var BreadcrumbItem = forwardRef21(
   function BreadcrumbItem2({ children, current = false, asChild = false, first = false, className, ...rest }, ref) {
     return /* @__PURE__ */ jsxs42("li", { className: "flex items-center gap-1.5", children: [
-      !first && /* @__PURE__ */ jsx68(LuChevronRight4, { "aria-hidden": true, className: "size-3.5 shrink-0 text-icon-default-tertiary" }),
-      current ? /* @__PURE__ */ jsx68("span", { "aria-current": "page", className: clsx64("font-medium text-default", className), children }) : asChild ? /* @__PURE__ */ jsx68(
+      !first && /* @__PURE__ */ jsx70(LuChevronRight4, { "aria-hidden": true, className: "size-3.5 shrink-0 text-icon-default-tertiary" }),
+      current ? /* @__PURE__ */ jsx70("span", { "aria-current": "page", className: clsx64("font-medium text-default", className), children }) : asChild ? /* @__PURE__ */ jsx70(
         Slot,
         {
           className: clsx64(
@@ -6928,7 +7045,7 @@ var BreadcrumbItem = forwardRef21(
           ...rest,
           children
         }
-      ) : /* @__PURE__ */ jsx68(
+      ) : /* @__PURE__ */ jsx70(
         "a",
         {
           ref,
@@ -6947,8 +7064,8 @@ var BreadcrumbItem = forwardRef21(
 var BreadcrumbEllipsis = forwardRef21(
   function BreadcrumbEllipsis2({ className, ...rest }, ref) {
     return /* @__PURE__ */ jsxs42("li", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx68(LuChevronRight4, { "aria-hidden": true, className: "size-3.5 shrink-0 text-icon-default-tertiary" }),
-      /* @__PURE__ */ jsx68(
+      /* @__PURE__ */ jsx70(LuChevronRight4, { "aria-hidden": true, className: "size-3.5 shrink-0 text-icon-default-tertiary" }),
+      /* @__PURE__ */ jsx70(
         "span",
         {
           ref,
@@ -6966,7 +7083,7 @@ var BreadcrumbEllipsis = forwardRef21(
 import { forwardRef as forwardRef22 } from "react";
 import clsx65 from "clsx";
 import { LuChevronLeft as LuChevronLeft3, LuChevronRight as LuChevronRight5 } from "react-icons/lu";
-import { jsx as jsx69, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs43 } from "react/jsx-runtime";
 var GAP3 = "\u2026";
 function paginationRange(page, pageCount, siblingCount = 1) {
   const totalSlots = siblingCount * 2 + 5;
@@ -7023,7 +7140,7 @@ var Pagination = forwardRef22(function Pagination2({
       className: clsx65("flex items-center gap-1.5", className),
       ...rest,
       children: [
-        /* @__PURE__ */ jsx69(
+        /* @__PURE__ */ jsx71(
           "button",
           {
             type: "button",
@@ -7031,19 +7148,19 @@ var Pagination = forwardRef22(function Pagination2({
             disabled: page <= 1,
             onClick: () => go(page - 1),
             className: ARROW_BASE,
-            children: /* @__PURE__ */ jsx69(LuChevronLeft3, { "aria-hidden": true, className: "size-4" })
+            children: /* @__PURE__ */ jsx71(LuChevronLeft3, { "aria-hidden": true, className: "size-4" })
           }
         ),
         type === "dots" ? (
           // The dots form has no room for numbers, so the list itself is the only place the
           // position can be stated — hence the live-region-free but explicitly named group.
-          /* @__PURE__ */ jsx69(
+          /* @__PURE__ */ jsx71(
             "span",
             {
               role: "group",
               "aria-label": `Page ${page} of ${pageCount}`,
               className: "flex items-center gap-2 px-2",
-              children: Array.from({ length: pageCount }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsx69(
+              children: Array.from({ length: pageCount }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsx71(
                 "button",
                 {
                   type: "button",
@@ -7061,7 +7178,7 @@ var Pagination = forwardRef22(function Pagination2({
             }
           )
         ) : paginationRange(page, pageCount, siblingCount).map(
-          (entry, index) => entry === GAP3 ? /* @__PURE__ */ jsx69(
+          (entry, index) => entry === GAP3 ? /* @__PURE__ */ jsx71(
             "span",
             {
               "aria-hidden": true,
@@ -7069,7 +7186,7 @@ var Pagination = forwardRef22(function Pagination2({
               children: GAP3
             },
             `gap-${index}`
-          ) : /* @__PURE__ */ jsx69(
+          ) : /* @__PURE__ */ jsx71(
             "button",
             {
               type: "button",
@@ -7086,7 +7203,7 @@ var Pagination = forwardRef22(function Pagination2({
             entry
           )
         ),
-        /* @__PURE__ */ jsx69(
+        /* @__PURE__ */ jsx71(
           "button",
           {
             type: "button",
@@ -7094,7 +7211,7 @@ var Pagination = forwardRef22(function Pagination2({
             disabled: page >= pageCount,
             onClick: () => go(page + 1),
             className: ARROW_BASE,
-            children: /* @__PURE__ */ jsx69(LuChevronRight5, { "aria-hidden": true, className: "size-4" })
+            children: /* @__PURE__ */ jsx71(LuChevronRight5, { "aria-hidden": true, className: "size-4" })
           }
         )
       ]
@@ -7105,10 +7222,10 @@ var Pagination = forwardRef22(function Pagination2({
 // src/components/chrome/navigation-menu.tsx
 import { forwardRef as forwardRef23 } from "react";
 import clsx66 from "clsx";
-import { Fragment as Fragment9, jsx as jsx70, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx72, jsxs as jsxs44 } from "react/jsx-runtime";
 var NavigationMenu = forwardRef23(
   function NavigationMenu2({ children, orientation = "horizontal", label, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx70("nav", { ref, "aria-label": label, "data-slot": "navigation-menu", ...rest, children: /* @__PURE__ */ jsx70(
+    return /* @__PURE__ */ jsx72("nav", { ref, "aria-label": label, "data-slot": "navigation-menu", ...rest, children: /* @__PURE__ */ jsx72(
       "ul",
       {
         className: clsx66(
@@ -7124,8 +7241,8 @@ var NavigationMenu = forwardRef23(
 var NavigationMenuItem = forwardRef23(
   function NavigationMenuItem2({ children, active = false, variant = "pill", asChild = false, icon, className, ...rest }, ref) {
     const content = /* @__PURE__ */ jsxs44(Fragment9, { children: [
-      icon && /* @__PURE__ */ jsx70("span", { "aria-hidden": true, className: "shrink-0 [&_svg]:size-4", children: icon }),
-      /* @__PURE__ */ jsx70("span", { className: "min-w-0 truncate", children })
+      icon && /* @__PURE__ */ jsx72("span", { "aria-hidden": true, className: "shrink-0 [&_svg]:size-4", children: icon }),
+      /* @__PURE__ */ jsx72("span", { className: "min-w-0 truncate", children })
     ] });
     const linkProps = {
       "aria-current": active ? "page" : void 0,
@@ -7143,18 +7260,18 @@ var NavigationMenuItem = forwardRef23(
       ),
       ...rest
     };
-    return /* @__PURE__ */ jsx70("li", { children: asChild ? /* @__PURE__ */ jsx70(Slot, { wrapChildren: () => content, ...linkProps, children }) : /* @__PURE__ */ jsx70("a", { ref, ...linkProps, children: content }) });
+    return /* @__PURE__ */ jsx72("li", { children: asChild ? /* @__PURE__ */ jsx72(Slot, { wrapChildren: () => content, ...linkProps, children }) : /* @__PURE__ */ jsx72("a", { ref, ...linkProps, children: content }) });
   }
 );
 
 // src/components/chrome/typography.tsx
 import { forwardRef as forwardRef24 } from "react";
 import clsx67 from "clsx";
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 function textComponent(displayName, defaultElement, classes) {
   const Component = forwardRef24(function TextComponent({ children, asChild = false, className, ...rest }, ref) {
     const Root = asChild ? Slot : defaultElement;
-    return /* @__PURE__ */ jsx71(Root, { ref, className: clsx67(classes, className), ...rest, children });
+    return /* @__PURE__ */ jsx73(Root, { ref, className: clsx67(classes, className), ...rest, children });
   });
   Component.displayName = displayName;
   return Component;
@@ -7176,7 +7293,7 @@ var Heading = textComponent("Heading", "h2", "text-heading font-semibold text-de
 var Subheading = textComponent("Subheading", "h3", "text-subheading text-default");
 var TextLink = forwardRef24(function TextLink2({ children, asChild = false, className, ...rest }, ref) {
   const Root = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx73(
     Root,
     {
       ref,
@@ -7198,7 +7315,7 @@ var LIST_MARKER = {
 };
 var TextList = forwardRef24(function TextList2({ children, variant = "bulleted", density = "default", className, ...rest }, ref) {
   const Root = variant === "numbered" ? "ol" : "ul";
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx73(
     Root,
     {
       ref,
@@ -7214,7 +7331,7 @@ var TextList = forwardRef24(function TextList2({ children, variant = "bulleted",
   );
 });
 var TextListItem = forwardRef24(function TextListItem2({ children, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx71("li", { ref, className: clsx67("text-body text-default", className), ...rest, children });
+  return /* @__PURE__ */ jsx73("li", { ref, className: clsx67("text-body text-default", className), ...rest, children });
 });
 
 // src/components/widgets/widget-header.tsx
@@ -7222,7 +7339,7 @@ import clsx69 from "clsx";
 
 // src/components/widgets/widget-title.tsx
 import clsx68 from "clsx";
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var sizeStyles5 = {
   sm: "text-subheading-sm font-semibold leading-none",
   // Was `text-[18px]`, which had no step on the type scale (Scale 04 = 16, Scale 05 = 20).
@@ -7232,11 +7349,11 @@ var sizeStyles5 = {
   lg: "text-subheading font-semibold leading-[1.2]"
 };
 function WidgetTitle({ children, size: size2 = "sm", className }) {
-  return /* @__PURE__ */ jsx72("h3", { className: clsx68(sizeStyles5[size2], "text-default", className), children });
+  return /* @__PURE__ */ jsx74("h3", { className: clsx68(sizeStyles5[size2], "text-default", className), children });
 }
 
 // src/components/widgets/widget-header.tsx
-import { jsx as jsx73, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs45 } from "react/jsx-runtime";
 var eyebrowStyles = {
   uppercase: "text-body-tiny font-medium uppercase tracking-[0.66px] text-default-secondary",
   plain: "text-body-xs leading-[1.4] text-default-secondary"
@@ -7253,9 +7370,9 @@ function WidgetHeader({
 }) {
   return /* @__PURE__ */ jsxs45("div", { className: clsx69("flex items-start justify-between gap-2", className), children: [
     /* @__PURE__ */ jsxs45("div", { className: "min-w-0 flex-1", children: [
-      eyebrow && /* @__PURE__ */ jsx73("p", { className: eyebrowStyles[eyebrowVariant], children: eyebrow }),
-      /* @__PURE__ */ jsx73(WidgetTitle, { size: titleSize, children: title }),
-      subtitle && /* @__PURE__ */ jsx73("p", { className: "mt-1 text-body-xs text-default-secondary leading-snug", children: subtitle })
+      eyebrow && /* @__PURE__ */ jsx75("p", { className: eyebrowStyles[eyebrowVariant], children: eyebrow }),
+      /* @__PURE__ */ jsx75(WidgetTitle, { size: titleSize, children: title }),
+      subtitle && /* @__PURE__ */ jsx75("p", { className: "mt-1 text-body-xs text-default-secondary leading-snug", children: subtitle })
     ] }),
     /* @__PURE__ */ jsxs45("div", { className: "flex shrink-0 items-center gap-2", children: [
       badge,
@@ -7266,23 +7383,23 @@ function WidgetHeader({
 
 // src/components/widgets/widget-footer.tsx
 import clsx70 from "clsx";
-import { jsx as jsx74, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs46 } from "react/jsx-runtime";
 function WidgetFooter({ caption, subcaption, action, className }) {
   return /* @__PURE__ */ jsxs46("div", { className: clsx70("flex items-center gap-3", className), children: [
     caption && /* @__PURE__ */ jsxs46("div", { className: "flex items-stretch gap-3 flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx74("div", { className: "w-0.5 shrink-0 self-stretch rounded-full bg-brand" }),
+      /* @__PURE__ */ jsx76("div", { className: "w-0.5 shrink-0 self-stretch rounded-full bg-brand" }),
       /* @__PURE__ */ jsxs46("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx74("p", { className: "text-body-sm font-medium text-default leading-snug", children: caption }),
-        subcaption && /* @__PURE__ */ jsx74("p", { className: "mt-0.5 text-body-xs text-default-secondary", children: subcaption })
+        /* @__PURE__ */ jsx76("p", { className: "text-body-sm font-medium text-default leading-snug", children: caption }),
+        subcaption && /* @__PURE__ */ jsx76("p", { className: "mt-0.5 text-body-xs text-default-secondary", children: subcaption })
       ] })
     ] }),
-    action && /* @__PURE__ */ jsx74("div", { className: "ml-auto shrink-0", children: action })
+    action && /* @__PURE__ */ jsx76("div", { className: "ml-auto shrink-0", children: action })
   ] });
 }
 
 // src/components/stats/stat-tile.tsx
 import clsx71 from "clsx";
-import { jsx as jsx75, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs47 } from "react/jsx-runtime";
 var DOT_TONE = {
   neutral: "bg-status-dot-neutral",
   info: "bg-status-dot-info",
@@ -7303,16 +7420,16 @@ function StatTile({ label, value, tone, dotColor, className }) {
       ),
       children: [
         /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-1.5", children: [
-          showDot && /* @__PURE__ */ jsx75(
+          showDot && /* @__PURE__ */ jsx77(
             "span",
             {
               className: clsx71("size-2 shrink-0 rounded-full", tone && DOT_TONE[tone]),
               style: tone ? void 0 : { backgroundColor: dotColor }
             }
           ),
-          /* @__PURE__ */ jsx75("span", { className: "text-body-xs font-medium text-default-secondary whitespace-nowrap", children: label })
+          /* @__PURE__ */ jsx77("span", { className: "text-body-xs font-medium text-default-secondary whitespace-nowrap", children: label })
         ] }),
-        /* @__PURE__ */ jsx75("span", { className: "text-heading font-semibold text-default leading-none", children: value })
+        /* @__PURE__ */ jsx77("span", { className: "text-heading font-semibold text-default leading-none", children: value })
       ]
     }
   );
@@ -7320,7 +7437,7 @@ function StatTile({ label, value, tone, dotColor, className }) {
 
 // src/components/stats/stat-number.tsx
 import clsx72 from "clsx";
-import { jsx as jsx76, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs48 } from "react/jsx-runtime";
 var sizeStyles6 = {
   sm: "text-subtitle",
   md: "text-subtitle-lg",
@@ -7338,7 +7455,7 @@ function StatNumber({ value, unit, size: size2 = "md", weight = "bold", color, c
       style: color ? { color } : void 0,
       children: [
         value,
-        unit && /* @__PURE__ */ jsx76("span", { className: "ml-1 text-subheading font-medium text-default-secondary", children: unit })
+        unit && /* @__PURE__ */ jsx78("span", { className: "ml-1 text-subheading font-medium text-default-secondary", children: unit })
       ]
     }
   );
@@ -7346,7 +7463,7 @@ function StatNumber({ value, unit, size: size2 = "md", weight = "bold", color, c
 
 // src/components/stats/score-value.tsx
 import clsx73 from "clsx";
-import { jsx as jsx77, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs49 } from "react/jsx-runtime";
 var DEFAULT_SCORE_THRESHOLDS = { danger: 80, warning: 65, neutral: 50 };
 function getScoreTone(score, {
   direction = "higher-is-worse",
@@ -7391,14 +7508,14 @@ function ScoreValue({
   const numeric = typeof value === "number" ? value : Number(value);
   const resolved = tone === "auto" ? Number.isFinite(numeric) ? getScoreTone(numeric, { direction, thresholds }) : "default" : tone;
   return /* @__PURE__ */ jsxs49("span", { className: clsx73("inline-flex items-baseline gap-1", className), children: [
-    /* @__PURE__ */ jsx77("span", { className: clsx73(SIZE12[size2], WEIGHT[weight], TONE2[resolved]), children: value }),
-    label && /* @__PURE__ */ jsx77("span", { className: "text-body-xs text-default-secondary whitespace-nowrap", children: label })
+    /* @__PURE__ */ jsx79("span", { className: clsx73(SIZE12[size2], WEIGHT[weight], TONE2[resolved]), children: value }),
+    label && /* @__PURE__ */ jsx79("span", { className: "text-body-xs text-default-secondary whitespace-nowrap", children: label })
   ] });
 }
 
 // src/components/stats/tile-grid.tsx
 import clsx74 from "clsx";
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 var COLUMNS = {
   sm: {
     2: "grid-cols-2",
@@ -7428,7 +7545,7 @@ function TileGrid({
   at = "lg",
   className
 }) {
-  return /* @__PURE__ */ jsx78("div", { className: clsx74("grid gap-3", COLUMNS[at][columns], className), children });
+  return /* @__PURE__ */ jsx80("div", { className: clsx74("grid gap-3", COLUMNS[at][columns], className), children });
 }
 
 // src/components/charts/chart-tone.ts
@@ -7450,7 +7567,7 @@ function resolveChartColor(color, tone, index = 0) {
 
 // src/components/charts/bar-chart.tsx
 import clsx75 from "clsx";
-import { jsx as jsx79, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs50 } from "react/jsx-runtime";
 var SIZE13 = {
   sm: { band: 14, gap: 6, label: "text-body-tiny" },
   md: { band: 20, gap: 8, label: "text-body-xs" },
@@ -7477,7 +7594,7 @@ function BarChart({
   );
   const max = Math.max(...categoryTotals, 1);
   const horizontal = orientation === "horizontal";
-  return /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx81(
     "div",
     {
       className: clsx75("flex w-full min-w-0", horizontal ? "flex-col gap-2" : "flex-row items-end gap-3", className),
@@ -7496,14 +7613,14 @@ function BarChart({
             className: clsx75("flex min-w-0", horizontal ? "flex-col gap-1" : "h-full flex-col justify-end gap-1.5"),
             style: horizontal ? void 0 : { width: perCategory },
             children: [
-              showLabels && horizontal && /* @__PURE__ */ jsx79("span", { className: clsx75("truncate text-default-secondary", labelClass2), children: category }),
+              showLabels && horizontal && /* @__PURE__ */ jsx81("span", { className: clsx75("truncate text-default-secondary", labelClass2), children: category }),
               /* @__PURE__ */ jsxs50(
                 "div",
                 {
                   className: clsx75("flex", horizontal ? "items-center gap-2" : "w-full flex-1 items-end justify-center"),
                   style: horizontal ? void 0 : { height: length },
                   children: [
-                    /* @__PURE__ */ jsx79(
+                    /* @__PURE__ */ jsx81(
                       "div",
                       {
                         className: clsx75("flex min-w-0", stacked ? "gap-0" : ""),
@@ -7516,7 +7633,7 @@ function BarChart({
                         },
                         children: bars.map((bar) => {
                           const extent = `${bar.value / max * 100}%`;
-                          return /* @__PURE__ */ jsx79(
+                          return /* @__PURE__ */ jsx81(
                             "div",
                             {
                               title: `${category} \xB7 ${bar.key}: ${bar.value}`,
@@ -7532,11 +7649,11 @@ function BarChart({
                         })
                       }
                     ),
-                    showValues && horizontal && /* @__PURE__ */ jsx79("span", { className: clsx75("shrink-0 tabular-nums text-default-secondary", labelClass2), children: categoryTotals[ci] })
+                    showValues && horizontal && /* @__PURE__ */ jsx81("span", { className: clsx75("shrink-0 tabular-nums text-default-secondary", labelClass2), children: categoryTotals[ci] })
                   ]
                 }
               ),
-              showLabels && !horizontal && /* @__PURE__ */ jsx79("span", { className: clsx75("truncate text-center text-default-secondary", labelClass2), children: category })
+              showLabels && !horizontal && /* @__PURE__ */ jsx81("span", { className: clsx75("truncate text-center text-default-secondary", labelClass2), children: category })
             ]
           },
           category
@@ -7548,7 +7665,7 @@ function BarChart({
 
 // src/components/charts/donut-chart.tsx
 import clsx76 from "clsx";
-import { jsx as jsx80, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs51 } from "react/jsx-runtime";
 var SIZE14 = {
   sm: { box: 88, thickness: 10 },
   md: { box: 128, thickness: 14 },
@@ -7584,7 +7701,7 @@ function DonutChart({
         "aria-hidden": label ? void 0 : true,
         className: "block -rotate-90",
         children: [
-          /* @__PURE__ */ jsx80("circle", { cx: box / 2, cy: box / 2, r: radius, fill: "none", stroke: CHART_TRACK, strokeWidth: ring }),
+          /* @__PURE__ */ jsx82("circle", { cx: box / 2, cy: box / 2, r: radius, fill: "none", stroke: CHART_TRACK, strokeWidth: ring }),
           total > 0 && segments.map((segment, i) => {
             const fraction = Math.max(0, segment.value) / total;
             const length = Math.max(0, fraction * circumference - gapLength);
@@ -7592,7 +7709,7 @@ function DonutChart({
             const thisOffset = offset2;
             offset2 += fraction * circumference;
             if (segment.value <= 0) return null;
-            return /* @__PURE__ */ jsx80(
+            return /* @__PURE__ */ jsx82(
               "circle",
               {
                 cx: box / 2,
@@ -7612,15 +7729,15 @@ function DonutChart({
       }
     ),
     (centerValue != null || centerLabel != null) && /* @__PURE__ */ jsxs51("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-center", children: [
-      centerValue != null && /* @__PURE__ */ jsx80("span", { className: "text-subheading-sm font-bold leading-none text-default", children: centerValue }),
-      centerLabel != null && /* @__PURE__ */ jsx80("span", { className: "mt-0.5 text-body-tiny text-default-secondary", children: centerLabel })
+      centerValue != null && /* @__PURE__ */ jsx82("span", { className: "text-subheading-sm font-bold leading-none text-default", children: centerValue }),
+      centerLabel != null && /* @__PURE__ */ jsx82("span", { className: "mt-0.5 text-body-tiny text-default-secondary", children: centerLabel })
     ] })
   ] });
 }
 
 // src/components/charts/radial-gauge.tsx
 import clsx77 from "clsx";
-import { jsx as jsx81, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs52 } from "react/jsx-runtime";
 var SIZE15 = {
   sm: { box: 72, thickness: 8, value: "text-body-sm" },
   md: { box: 104, thickness: 11, value: "text-subheading-sm" },
@@ -7662,7 +7779,7 @@ function RadialGauge({
         className: "block",
         style: { transform: `rotate(${rotation}deg)` },
         children: [
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx83(
             "circle",
             {
               cx: box / 2,
@@ -7675,7 +7792,7 @@ function RadialGauge({
               strokeLinecap: "round"
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx83(
             "circle",
             {
               cx: box / 2,
@@ -7693,8 +7810,8 @@ function RadialGauge({
       }
     ),
     /* @__PURE__ */ jsxs52("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-center", children: [
-      children === void 0 ? /* @__PURE__ */ jsx81("span", { className: clsx77("font-bold leading-none text-default", preset.value), children: value }) : children,
-      centerLabel != null && /* @__PURE__ */ jsx81("span", { className: "mt-0.5 text-body-tiny text-default-secondary", children: centerLabel })
+      children === void 0 ? /* @__PURE__ */ jsx83("span", { className: clsx77("font-bold leading-none text-default", preset.value), children: value }) : children,
+      centerLabel != null && /* @__PURE__ */ jsx83("span", { className: "mt-0.5 text-body-tiny text-default-secondary", children: centerLabel })
     ] })
   ] });
 }
@@ -7702,7 +7819,7 @@ function RadialGauge({
 // src/components/charts/sparkline.tsx
 import { useId as useId22 } from "react";
 import clsx78 from "clsx";
-import { Fragment as Fragment10, jsx as jsx82, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx84, jsxs as jsxs53 } from "react/jsx-runtime";
 var SIZE16 = {
   sm: { width: 80, height: 24 },
   md: { width: 120, height: 36 },
@@ -7754,13 +7871,13 @@ function Sparkline({
       className: clsx78("block", stretch ? "h-full w-full" : "shrink-0", className),
       children: [
         variant === "area" && /* @__PURE__ */ jsxs53(Fragment10, { children: [
-          /* @__PURE__ */ jsx82("defs", { children: /* @__PURE__ */ jsxs53("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-            /* @__PURE__ */ jsx82("stop", { offset: "0%", stopColor: stroke, stopOpacity: 0.24 }),
-            /* @__PURE__ */ jsx82("stop", { offset: "100%", stopColor: stroke, stopOpacity: 0 })
+          /* @__PURE__ */ jsx84("defs", { children: /* @__PURE__ */ jsxs53("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ jsx84("stop", { offset: "0%", stopColor: stroke, stopOpacity: 0.24 }),
+            /* @__PURE__ */ jsx84("stop", { offset: "100%", stopColor: stroke, stopOpacity: 0 })
           ] }) }),
-          /* @__PURE__ */ jsx82("path", { d: areaPath, fill: `url(#${gradientId})` })
+          /* @__PURE__ */ jsx84("path", { d: areaPath, fill: `url(#${gradientId})` })
         ] }),
-        /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx84(
           "polyline",
           {
             points,
@@ -7772,7 +7889,7 @@ function Sparkline({
             fill: "none"
           }
         ),
-        showEndDot && /* @__PURE__ */ jsx82(
+        showEndDot && /* @__PURE__ */ jsx84(
           "circle",
           {
             cx: last.x,
@@ -7790,7 +7907,7 @@ function Sparkline({
 
 // src/components/charts/mini-bar-chart.tsx
 import clsx79 from "clsx";
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx85 } from "react/jsx-runtime";
 var SIZE17 = {
   sm: { width: 80, height: 32, gap: 2 },
   md: { width: 120, height: 48, gap: 3 },
@@ -7826,7 +7943,7 @@ function MiniBarChart({
   const span = vertical ? w : h;
   const extent = vertical ? h : w;
   const barThickness = (span - g * (bars.length - 1)) / bars.length;
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx85(
     "svg",
     {
       width: stretch ? void 0 : w,
@@ -7841,7 +7958,7 @@ function MiniBarChart({
       children: bars.map((v, i) => {
         const magnitude = Math.max(2, v / max * extent);
         const offset2 = i * (barThickness + g);
-        return /* @__PURE__ */ jsx83(
+        return /* @__PURE__ */ jsx85(
           "rect",
           {
             x: (vertical ? offset2 : 0).toFixed(2),
@@ -7863,14 +7980,14 @@ import clsx81 from "clsx";
 
 // src/components/charts/legend-dot.tsx
 import clsx80 from "clsx";
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 var SHAPE = {
   dot: { sm: "size-1.5 rounded-full", md: "size-2 rounded-full" },
   square: { sm: "size-1.5 rounded-[2px]", md: "size-2 rounded-[3px]" },
   line: { sm: "h-0.5 w-3 rounded-full", md: "h-0.5 w-4 rounded-full" }
 };
 function LegendDot({ tone, color, size: size2 = "md", shape = "dot", className }) {
-  return /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx86(
     "span",
     {
       className: clsx80("inline-block shrink-0", SHAPE[shape][size2], className),
@@ -7881,7 +7998,7 @@ function LegendDot({ tone, color, size: size2 = "md", shape = "dot", className }
 }
 
 // src/components/charts/chart-legend.tsx
-import { jsx as jsx85, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs54 } from "react/jsx-runtime";
 function ChartLegend({
   items,
   orientation = "vertical",
@@ -7890,7 +8007,7 @@ function ChartLegend({
   className
 }) {
   const horizontal = orientation === "horizontal";
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx87(
     "div",
     {
       className: clsx81(
@@ -7903,10 +8020,10 @@ function ChartLegend({
           className: clsx81("flex items-center gap-2", horizontal ? "min-w-0" : "justify-between"),
           children: [
             /* @__PURE__ */ jsxs54("div", { className: "flex min-w-0 items-center gap-2", children: [
-              /* @__PURE__ */ jsx85(LegendDot, { color: resolveChartColor(item.color, item.tone, i), size: size2, shape }),
-              /* @__PURE__ */ jsx85("span", { className: "truncate text-body-xs text-default-secondary", children: item.label })
+              /* @__PURE__ */ jsx87(LegendDot, { color: resolveChartColor(item.color, item.tone, i), size: size2, shape }),
+              /* @__PURE__ */ jsx87("span", { className: "truncate text-body-xs text-default-secondary", children: item.label })
             ] }),
-            item.count != null && /* @__PURE__ */ jsx85("span", { className: "shrink-0 text-body-xs font-semibold tabular-nums text-default", children: item.count })
+            item.count != null && /* @__PURE__ */ jsx87("span", { className: "shrink-0 text-body-xs font-semibold tabular-nums text-default", children: item.count })
           ]
         },
         item.label
@@ -7918,7 +8035,7 @@ function ChartLegend({
 // src/components/charts/trend-label.tsx
 import clsx82 from "clsx";
 import { LuTrendingDown, LuTrendingUp } from "react-icons/lu";
-import { jsx as jsx86, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs55 } from "react/jsx-runtime";
 var SIZE18 = {
   sm: "text-body-xs",
   md: "text-body-sm",
@@ -7964,7 +8081,7 @@ function TrendLabel({
       ),
       style: color ? { color } : void 0,
       children: [
-        showArrow && !flat && /* @__PURE__ */ jsx86(Arrow, { className: clsx82("shrink-0", ICON_SIZE[size2]), "aria-hidden": true }),
+        showArrow && !flat && /* @__PURE__ */ jsx88(Arrow, { className: clsx82("shrink-0", ICON_SIZE[size2]), "aria-hidden": true }),
         rising ? "+" : "",
         value,
         suffix
@@ -7975,7 +8092,7 @@ function TrendLabel({
 
 // src/components/lists/list-row.tsx
 import clsx83 from "clsx";
-import { jsx as jsx87, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs56 } from "react/jsx-runtime";
 var DENSITY = {
   default: {
     pad: "py-4",
@@ -8037,19 +8154,19 @@ function ListRow({
           hasTitleLine && /* @__PURE__ */ jsxs56("div", { className: "flex items-center justify-between gap-2", children: [
             /* @__PURE__ */ jsxs56("div", { className: "flex min-w-0 items-center gap-2", children: [
               leading,
-              title != null && /* @__PURE__ */ jsx87("span", { className: clsx83("truncate", d.title), children: title }),
-              titleMeta && /* @__PURE__ */ jsx87("span", { className: "shrink-0", children: titleMeta })
+              title != null && /* @__PURE__ */ jsx89("span", { className: clsx83("truncate", d.title), children: title }),
+              titleMeta && /* @__PURE__ */ jsx89("span", { className: "shrink-0", children: titleMeta })
             ] }),
-            meta && /* @__PURE__ */ jsx87("span", { className: "shrink-0", children: meta })
+            meta && /* @__PURE__ */ jsx89("span", { className: "shrink-0", children: meta })
           ] }),
-          description && /* @__PURE__ */ jsx87("p", { className: d.description, children: description }),
+          description && /* @__PURE__ */ jsx89("p", { className: d.description, children: description }),
           footer && // These two wrappers are propagation barriers, not controls — they add no
           // behaviour of their own and must not be focusable or take a role.
           // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-          /* @__PURE__ */ jsx87("div", { onClick: stopIfInteractive, onKeyDown: stopIfInteractive, children: footer })
+          /* @__PURE__ */ jsx89("div", { onClick: stopIfInteractive, onKeyDown: stopIfInteractive, children: footer })
         ] }),
         trailing && // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-        /* @__PURE__ */ jsx87(
+        /* @__PURE__ */ jsx89(
           "div",
           {
             className: "ml-3 flex shrink-0 items-center self-center",
@@ -8068,9 +8185,9 @@ function stopIfInteractive(event) {
 
 // src/components/lists/file-row.tsx
 import clsx84 from "clsx";
-import { jsx as jsx88, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs57 } from "react/jsx-runtime";
 function FileTypeBadge({ type }) {
-  return /* @__PURE__ */ jsx88("span", { className: "flex size-[34px] shrink-0 items-center justify-center rounded-md bg-brand-tertiary text-body-tiny font-semibold text-brand", children: type });
+  return /* @__PURE__ */ jsx90("span", { className: "flex size-[34px] shrink-0 items-center justify-center rounded-md bg-brand-tertiary text-body-tiny font-semibold text-brand", children: type });
 }
 function FileRow({
   name,
@@ -8082,7 +8199,7 @@ function FileRow({
   actions,
   className
 }) {
-  const lead = leading ?? (fileType ? /* @__PURE__ */ jsx88(FileTypeBadge, { type: fileType }) : null);
+  const lead = leading ?? (fileType ? /* @__PURE__ */ jsx90(FileTypeBadge, { type: fileType }) : null);
   return /* @__PURE__ */ jsxs57(
     "div",
     {
@@ -8093,11 +8210,11 @@ function FileRow({
       children: [
         lead,
         /* @__PURE__ */ jsxs57("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsx88("span", { className: "truncate text-body-sm font-medium text-default", children: name }),
-          detail && /* @__PURE__ */ jsx88("span", { className: "text-body-xs text-default-secondary", children: detail })
+          /* @__PURE__ */ jsx90("span", { className: "truncate text-body-sm font-medium text-default", children: name }),
+          detail && /* @__PURE__ */ jsx90("span", { className: "text-body-xs text-default-secondary", children: detail })
         ] }),
         (onDownload || actions) && /* @__PURE__ */ jsxs57("div", { className: "flex shrink-0 items-center gap-3", children: [
-          onDownload && /* @__PURE__ */ jsx88(
+          onDownload && /* @__PURE__ */ jsx90(
             "button",
             {
               type: "button",
@@ -8115,7 +8232,7 @@ function FileRow({
 
 // src/components/lists/scored-row.tsx
 import clsx85 from "clsx";
-import { jsx as jsx89, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs58 } from "react/jsx-runtime";
 var GAP4 = {
   sm: "gap-2",
   md: "gap-3",
@@ -8156,13 +8273,13 @@ function ScoredRow({
         children: [
           leading,
           /* @__PURE__ */ jsxs58("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx89("p", { className: "truncate text-body-sm font-medium leading-none text-default", children: title }),
-            subtitle && /* @__PURE__ */ jsx89("p", { className: "mt-0.5 truncate text-body-xs text-default-secondary", children: subtitle })
+            /* @__PURE__ */ jsx91("p", { className: "truncate text-body-sm font-medium leading-none text-default", children: title }),
+            subtitle && /* @__PURE__ */ jsx91("p", { className: "mt-0.5 truncate text-body-xs text-default-secondary", children: subtitle })
           ] })
         ]
       }
     ),
-    aside && /* @__PURE__ */ jsx89(
+    aside && /* @__PURE__ */ jsx91(
       "div",
       {
         className: clsx85("min-w-0", asideWidth ? "shrink-0" : "flex-1"),
@@ -8170,7 +8287,7 @@ function ScoredRow({
         children: aside
       }
     ),
-    meter && /* @__PURE__ */ jsx89(
+    meter && /* @__PURE__ */ jsx91(
       "div",
       {
         className: clsx85("min-w-0", meterWidth ? "shrink-0" : "flex-1"),
@@ -8178,7 +8295,7 @@ function ScoredRow({
         children: meter
       }
     ),
-    trailing && /* @__PURE__ */ jsx89("div", { className: "shrink-0 text-right", style: trailingWidth ? { width: trailingWidth } : void 0, children: trailing })
+    trailing && /* @__PURE__ */ jsx91("div", { className: "shrink-0 text-right", style: trailingWidth ? { width: trailingWidth } : void 0, children: trailing })
   ] });
 }
 
@@ -8187,7 +8304,7 @@ import clsx86 from "clsx";
 
 // src/components/feedback/progress-bar.tsx
 import { useId as useId23 } from "react";
-import { jsx as jsx90, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs59 } from "react/jsx-runtime";
 var SIZE19 = {
   xs: "h-1",
   sm: "h-1.5",
@@ -8214,7 +8331,7 @@ function ProgressBar({
   const clamped = Math.min(100, Math.max(0, value));
   const rounded = radius ? void 0 : "rounded-full";
   const labelId = useId23();
-  const track = /* @__PURE__ */ jsx90(
+  const track = /* @__PURE__ */ jsx92(
     "div",
     {
       role: "progressbar",
@@ -8225,7 +8342,7 @@ function ProgressBar({
       "aria-label": label ? void 0 : ariaLabel,
       className: cn("w-full overflow-hidden bg-default-tertiary", SIZE19[size2], rounded, className),
       style: radius ? { borderRadius: radius } : void 0,
-      children: /* @__PURE__ */ jsx90(
+      children: /* @__PURE__ */ jsx92(
         "div",
         {
           className: cn("h-full transition-all", rounded, FILL[tone]),
@@ -8237,7 +8354,7 @@ function ProgressBar({
   if (!label && !showValue) return track;
   return /* @__PURE__ */ jsxs59("div", { children: [
     /* @__PURE__ */ jsxs59("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [
-      label && /* @__PURE__ */ jsx90("span", { id: labelId, className: "text-body-xs text-default-secondary", children: label }),
+      label && /* @__PURE__ */ jsx92("span", { id: labelId, className: "text-body-xs text-default-secondary", children: label }),
       showValue && /* @__PURE__ */ jsxs59("span", { className: "ml-auto text-body-xs font-medium tabular-nums text-default", children: [
         Math.round(clamped),
         "%"
@@ -8248,7 +8365,7 @@ function ProgressBar({
 }
 
 // src/components/lists/numbered-list.tsx
-import { jsx as jsx91, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs60 } from "react/jsx-runtime";
 var GAP5 = {
   sm: "gap-2",
   md: "gap-3"
@@ -8262,18 +8379,18 @@ function NumberedList({
   gap = "md",
   className
 }) {
-  return /* @__PURE__ */ jsx91("ol", { className: clsx86("flex list-none flex-col p-0", GAP5[gap], className), children: items.map((item, index) => {
+  return /* @__PURE__ */ jsx93("ol", { className: clsx86("flex list-none flex-col p-0", GAP5[gap], className), children: items.map((item, index) => {
     const tone = !item.tone || item.tone === "auto" ? getScoreTone(item.score, { direction }) : item.tone;
     return /* @__PURE__ */ jsxs60("li", { className: "flex w-full shrink-0 flex-col gap-1.5", children: [
       /* @__PURE__ */ jsxs60("div", { className: "flex w-full items-center justify-between", children: [
         /* @__PURE__ */ jsxs60("div", { className: "flex min-w-0 items-center gap-2.5", children: [
-          /* @__PURE__ */ jsx91("span", { className: "w-[14px] shrink-0 text-body-xs font-bold text-default-secondary", children: startAt + index }),
+          /* @__PURE__ */ jsx93("span", { className: "w-[14px] shrink-0 text-body-xs font-bold text-default-secondary", children: startAt + index }),
           /* @__PURE__ */ jsxs60("div", { className: "flex min-w-0 flex-col gap-px", children: [
-            /* @__PURE__ */ jsx91("span", { className: "truncate text-body-sm font-medium leading-none text-default", children: item.title }),
-            item.subtitle && /* @__PURE__ */ jsx91("span", { className: "text-body-tiny text-default-tertiary", children: item.subtitle })
+            /* @__PURE__ */ jsx93("span", { className: "truncate text-body-sm font-medium leading-none text-default", children: item.title }),
+            item.subtitle && /* @__PURE__ */ jsx93("span", { className: "text-body-tiny text-default-tertiary", children: item.subtitle })
           ] })
         ] }),
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx93(
           ScoreValue,
           {
             value: item.score,
@@ -8284,20 +8401,20 @@ function NumberedList({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx91(ProgressBar, { value: item.score, tone, "aria-label": `${item.title} score` })
+      /* @__PURE__ */ jsx93(ProgressBar, { value: item.score, tone, "aria-label": `${item.title} score` })
     ] }, `${item.title}-${index}`);
   }) });
 }
 
 // src/components/lists/icon-text-row.tsx
 import clsx87 from "clsx";
-import { jsx as jsx92, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs61 } from "react/jsx-runtime";
 function IconTextRow({ icon, title, detail, className }) {
   return /* @__PURE__ */ jsxs61("div", { className: clsx87("flex items-start gap-3", className), children: [
-    /* @__PURE__ */ jsx92("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-brand-tertiary text-brand", children: icon }),
+    /* @__PURE__ */ jsx94("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-brand-tertiary text-brand", children: icon }),
     /* @__PURE__ */ jsxs61("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx92("p", { className: "text-body-sm font-semibold text-default", children: title }),
-      /* @__PURE__ */ jsx92("p", { className: "mt-0.5 text-body-xs text-default-secondary", children: detail })
+      /* @__PURE__ */ jsx94("p", { className: "text-body-sm font-semibold text-default", children: title }),
+      /* @__PURE__ */ jsx94("p", { className: "mt-0.5 text-body-xs text-default-secondary", children: detail })
     ] })
   ] });
 }
@@ -8305,10 +8422,10 @@ function IconTextRow({ icon, title, detail, className }) {
 // src/components/lists/checklist-row.tsx
 import clsx88 from "clsx";
 import { LuCheck as LuCheck8 } from "react-icons/lu";
-import { jsx as jsx93, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs62 } from "react/jsx-runtime";
 function ChecklistRow({ label, state, className }) {
   return /* @__PURE__ */ jsxs62("li", { className: clsx88("flex items-center gap-3", className), children: [
-    /* @__PURE__ */ jsx93("span", { className: "flex size-5 shrink-0 items-center justify-center", children: state === "done" ? /* @__PURE__ */ jsx93(LuCheck8, { className: "size-4 text-positive", strokeWidth: 2.5, "aria-hidden": true }) : /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx95("span", { className: "flex size-5 shrink-0 items-center justify-center", children: state === "done" ? /* @__PURE__ */ jsx95(LuCheck8, { className: "size-4 text-positive", strokeWidth: 2.5, "aria-hidden": true }) : /* @__PURE__ */ jsx95(
       "span",
       {
         className: clsx88(
@@ -8317,7 +8434,7 @@ function ChecklistRow({ label, state, className }) {
         )
       }
     ) }),
-    /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx95(
       "span",
       {
         className: clsx88(
@@ -8332,13 +8449,13 @@ function ChecklistRow({ label, state, className }) {
 
 // src/components/lists/steps-list.tsx
 import clsx89 from "clsx";
-import { jsx as jsx94, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs63 } from "react/jsx-runtime";
 function StepsList({ steps, className }) {
-  return /* @__PURE__ */ jsx94("ol", { className: clsx89("flex flex-col gap-1.5", className), children: steps.map((step, i) => (
+  return /* @__PURE__ */ jsx96("ol", { className: clsx89("flex flex-col gap-1.5", className), children: steps.map((step, i) => (
     // `text-[12px]` was off the type scale; 12 sits midway between Scale 01 (11) and
     // Scale 02 (13), so it rounds up to 13 like every other snap in this pass.
     /* @__PURE__ */ jsxs63("li", { className: "flex items-start gap-2 text-body-xs text-default", children: [
-      /* @__PURE__ */ jsx94("span", { className: "mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full bg-brand-tertiary text-[9px] font-bold text-brand", children: i + 1 }),
+      /* @__PURE__ */ jsx96("span", { className: "mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full bg-brand-tertiary text-[9px] font-bold text-brand", children: i + 1 }),
       step
     ] }, i)
   )) });
@@ -8346,7 +8463,7 @@ function StepsList({ steps, className }) {
 
 // src/components/lists/detail-item.tsx
 import clsx90 from "clsx";
-import { jsx as jsx95, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs64 } from "react/jsx-runtime";
 var SPAN = {
   1: "",
   2: "sm:col-span-2",
@@ -8364,17 +8481,17 @@ function DetailItem({
   const shown = value === null || value === void 0 || value === "" ? "\u2014" : value;
   if (layout === "inline") {
     return /* @__PURE__ */ jsxs64("div", { className: clsx90("flex gap-3 text-body-xs", SPAN[span], className), children: [
-      /* @__PURE__ */ jsx95("span", { className: clsx90("shrink-0 text-default-secondary", labelWidth), children: label }),
+      /* @__PURE__ */ jsx97("span", { className: clsx90("shrink-0 text-default-secondary", labelWidth), children: label }),
       /* @__PURE__ */ jsxs64("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-        /* @__PURE__ */ jsx95("span", { className: "text-default", children: shown }),
-        detail && /* @__PURE__ */ jsx95("span", { className: "text-default-secondary", children: detail })
+        /* @__PURE__ */ jsx97("span", { className: "text-default", children: shown }),
+        detail && /* @__PURE__ */ jsx97("span", { className: "text-default-secondary", children: detail })
       ] })
     ] });
   }
   return /* @__PURE__ */ jsxs64("div", { className: clsx90("flex min-w-0 flex-col gap-0.5", SPAN[span], className), children: [
-    /* @__PURE__ */ jsx95("p", { className: "text-body-tiny font-medium text-default-secondary", children: label }),
-    /* @__PURE__ */ jsx95("p", { className: "text-body-sm font-medium text-default", children: shown }),
-    detail && /* @__PURE__ */ jsx95("p", { className: "text-body-xs text-default-secondary", children: detail })
+    /* @__PURE__ */ jsx97("p", { className: "text-body-tiny font-medium text-default-secondary", children: label }),
+    /* @__PURE__ */ jsx97("p", { className: "text-body-sm font-medium text-default", children: shown }),
+    detail && /* @__PURE__ */ jsx97("p", { className: "text-body-xs text-default-secondary", children: detail })
   ] });
 }
 var COLUMNS2 = {
@@ -8385,13 +8502,13 @@ var COLUMNS2 = {
   4: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4"
 };
 function DetailGrid({ children, columns = "auto", className }) {
-  return /* @__PURE__ */ jsx95("div", { className: clsx90("grid gap-x-4 gap-y-4", COLUMNS2[columns], className), children });
+  return /* @__PURE__ */ jsx97("div", { className: clsx90("grid gap-x-4 gap-y-4", COLUMNS2[columns], className), children });
 }
 
 // src/components/lists/checked-group-list.tsx
 import clsx91 from "clsx";
 import { LuCheck as LuCheck9 } from "react-icons/lu";
-import { jsx as jsx96, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs65 } from "react/jsx-runtime";
 var COLUMNS3 = {
   1: "columns-1",
   2: "columns-2",
@@ -8405,23 +8522,204 @@ function CheckedGroupList({
   className
 }) {
   if (groups.length === 0) {
-    return /* @__PURE__ */ jsx96("p", { className: clsx91("text-body-xs text-default-secondary", className), children: emptyLabel });
+    return /* @__PURE__ */ jsx98("p", { className: clsx91("text-body-xs text-default-secondary", className), children: emptyLabel });
   }
-  const glyph = icon === void 0 ? /* @__PURE__ */ jsx96(LuCheck9, { className: "size-3.5", strokeWidth: 2.5, "aria-hidden": true }) : icon;
-  return /* @__PURE__ */ jsx96("div", { className: clsx91(COLUMNS3[columns], "gap-x-6", className), children: groups.map((group) => /* @__PURE__ */ jsxs65("div", { className: "mb-5 break-inside-avoid last:mb-0", children: [
-    /* @__PURE__ */ jsx96("p", { className: "mb-2 text-body-tiny font-semibold uppercase tracking-wide text-default-secondary", children: group.label }),
-    /* @__PURE__ */ jsx96("ul", { className: "space-y-1.5", children: group.items.map((item) => /* @__PURE__ */ jsxs65("li", { className: "flex items-center gap-2 text-body-xs text-default", children: [
-      glyph && /* @__PURE__ */ jsx96("span", { className: "shrink-0", children: glyph }),
+  const glyph = icon === void 0 ? /* @__PURE__ */ jsx98(LuCheck9, { className: "size-3.5", strokeWidth: 2.5, "aria-hidden": true }) : icon;
+  return /* @__PURE__ */ jsx98("div", { className: clsx91(COLUMNS3[columns], "gap-x-6", className), children: groups.map((group) => /* @__PURE__ */ jsxs65("div", { className: "mb-5 break-inside-avoid last:mb-0", children: [
+    /* @__PURE__ */ jsx98("p", { className: "mb-2 text-body-tiny font-semibold uppercase tracking-wide text-default-secondary", children: group.label }),
+    /* @__PURE__ */ jsx98("ul", { className: "space-y-1.5", children: group.items.map((item) => /* @__PURE__ */ jsxs65("li", { className: "flex items-center gap-2 text-body-xs text-default", children: [
+      glyph && /* @__PURE__ */ jsx98("span", { className: "shrink-0", children: glyph }),
       item
     ] }, item)) })
   ] }, group.label)) });
 }
 
+// src/components/lists/tree-view.tsx
+import { useMemo as useMemo15, useRef as useRef27, useState as useState22 } from "react";
+import clsx92 from "clsx";
+import { LuChevronRight as LuChevronRight6 } from "react-icons/lu";
+import { jsx as jsx99, jsxs as jsxs66 } from "react/jsx-runtime";
+var ROW = {
+  sm: "min-h-8 py-1 text-body-xs",
+  md: "min-h-10 py-2 text-body-sm"
+};
+var INDENT = 18;
+function TreeView({
+  items,
+  getId,
+  getChildren,
+  renderItem,
+  label,
+  expanded: expandedProp,
+  defaultExpanded = [],
+  onExpandedChange,
+  selected: selectedProp,
+  defaultSelected = null,
+  onSelect,
+  size: size2 = "md",
+  className
+}) {
+  const [expanded, setExpanded] = useControllableState({
+    value: expandedProp,
+    defaultValue: defaultExpanded,
+    onChange: onExpandedChange
+  });
+  const [selected, setSelected] = useControllableState({
+    value: selectedProp,
+    defaultValue: defaultSelected
+  });
+  const [focusedId, setFocusedId] = useState22(null);
+  const rowRefs = useRef27(/* @__PURE__ */ new Map());
+  const expandedSet = useMemo15(() => new Set(expanded), [expanded]);
+  const visible = useMemo15(() => {
+    const out = [];
+    const walk = (nodes, level, parentId) => {
+      for (const item of nodes) {
+        const id = getId(item);
+        const children = getChildren?.(item) ?? [];
+        const isOpen = children.length > 0 && expandedSet.has(id);
+        out.push({ id, item, level, parentId, hasChildren: children.length > 0, expanded: isOpen });
+        if (isOpen) walk(children, level + 1, id);
+      }
+    };
+    walk(items, 1, null);
+    return out;
+  }, [items, getId, getChildren, expandedSet]);
+  const tabStop = visible.find((n) => n.id === focusedId)?.id ?? visible.find((n) => n.id === selected)?.id ?? visible[0]?.id;
+  const focus = (id) => {
+    if (!id) return;
+    setFocusedId(id);
+    rowRefs.current.get(id)?.focus();
+  };
+  const toggle = (id, open) => {
+    setExpanded((prev) => open ? [...prev.filter((x) => x !== id), id] : prev.filter((x) => x !== id));
+  };
+  const choose = (node) => {
+    setSelected(node.id);
+    onSelect?.(node.id, node.item);
+  };
+  const onKeyDown = (event, node) => {
+    const index = visible.findIndex((n) => n.id === node.id);
+    switch (event.key) {
+      case "ArrowDown":
+        event.preventDefault();
+        focus(visible[index + 1]?.id);
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        focus(visible[index - 1]?.id);
+        break;
+      case "ArrowRight":
+        event.preventDefault();
+        if (node.hasChildren && !node.expanded) toggle(node.id, true);
+        else if (node.expanded) focus(visible[index + 1]?.id);
+        break;
+      case "ArrowLeft":
+        event.preventDefault();
+        if (node.expanded) toggle(node.id, false);
+        else if (node.parentId) focus(node.parentId);
+        break;
+      case "Home":
+        event.preventDefault();
+        focus(visible[0]?.id);
+        break;
+      case "End":
+        event.preventDefault();
+        focus(visible[visible.length - 1]?.id);
+        break;
+      case "Enter":
+      case " ":
+        event.preventDefault();
+        choose(node);
+        break;
+      default:
+        break;
+    }
+  };
+  const renderLevel = (nodes, level) => nodes.map((item, i) => {
+    const id = getId(item);
+    const node = visible.find((n) => n.id === id);
+    if (!node) return null;
+    const children = getChildren?.(item) ?? [];
+    const isSelected = selected === id;
+    return /* @__PURE__ */ jsxs66(
+      "li",
+      {
+        role: "treeitem",
+        "aria-level": level,
+        "aria-setsize": nodes.length,
+        "aria-posinset": i + 1,
+        "aria-expanded": node.hasChildren ? node.expanded : void 0,
+        "aria-selected": isSelected,
+        tabIndex: tabStop === id ? 0 : -1,
+        ref: (el) => {
+          if (el) rowRefs.current.set(id, el);
+          else rowRefs.current.delete(id);
+        },
+        onFocus: (event) => {
+          if (event.target === event.currentTarget) setFocusedId(id);
+        },
+        onKeyDown: (event) => {
+          if (event.target === event.currentTarget) onKeyDown(event, node);
+        },
+        className: "outline-none [&:focus-visible>div]:ring-2 [&:focus-visible>div]:ring-inset [&:focus-visible>div]:ring-brand",
+        children: [
+          /* @__PURE__ */ jsxs66(
+            "div",
+            {
+              onClick: () => {
+                focus(id);
+                choose(node);
+              },
+              style: { paddingLeft: 8 + (level - 1) * INDENT },
+              className: clsx92(
+                "flex w-full cursor-pointer items-center gap-1.5 rounded-md pr-2 transition-colors",
+                ROW[size2],
+                isSelected ? "bg-brand-secondary text-default" : "text-default hover:bg-default-secondary"
+              ),
+              children: [
+                node.hasChildren ? (
+                  // Not a button: the treeitem is the one tab stop, and Left/Right already toggle.
+                  // A pointer user still needs a target that toggles without selecting.
+                  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+                  /* @__PURE__ */ jsx99(
+                    "span",
+                    {
+                      "aria-hidden": true,
+                      "data-tree-toggle": "",
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        toggle(id, !node.expanded);
+                        focus(id);
+                      },
+                      className: "flex size-5 shrink-0 items-center justify-center rounded text-icon-default-secondary hover:bg-default-tertiary",
+                      children: /* @__PURE__ */ jsx99(LuChevronRight6, { className: clsx92("size-3.5 transition-transform", node.expanded && "rotate-90") })
+                    }
+                  )
+                ) : /* @__PURE__ */ jsx99("span", { "aria-hidden": true, className: "size-5 shrink-0" }),
+                /* @__PURE__ */ jsx99("div", { className: "min-w-0 flex-1", children: renderItem(item, {
+                  level,
+                  hasChildren: node.hasChildren,
+                  expanded: node.expanded,
+                  selected: isSelected
+                }) })
+              ]
+            }
+          ),
+          node.expanded && /* @__PURE__ */ jsx99("ul", { role: "group", className: "m-0 list-none p-0", children: renderLevel(children, level + 1) })
+        ]
+      },
+      id
+    );
+  });
+  return /* @__PURE__ */ jsx99("ul", { role: "tree", "aria-label": label, className: clsx92("m-0 flex list-none flex-col p-0", className), children: renderLevel(items, 1) });
+}
+
 // src/components/lists/table.tsx
 import { forwardRef as forwardRef25 } from "react";
-import clsx92 from "clsx";
+import clsx93 from "clsx";
 import { LuChevronDown as LuChevronDown4, LuChevronsUpDown, LuChevronUp } from "react-icons/lu";
-import { jsx as jsx97, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs67 } from "react/jsx-runtime";
 var Table = forwardRef25(function Table2({ label, density = "default", fixed = false, className, children, ...rest }, ref) {
   return (
     // The scroll container is separate from the table so the header stays inside the
@@ -8429,7 +8727,7 @@ var Table = forwardRef25(function Table2({ label, density = "default", fixed = f
     // header.
     // The scroll wrapper is required for a <table>, which cannot itself scroll, so this
     // takes the scrollbar styling rather than ScrollArea.
-    /* @__PURE__ */ jsx97("div", { className: clsx92("w-full overflow-x-auto", SCROLLBAR_CLASSES), children: /* @__PURE__ */ jsx97(
+    /* @__PURE__ */ jsx100("div", { className: clsx93("w-full overflow-x-auto", SCROLLBAR_CLASSES), children: /* @__PURE__ */ jsx100(
       "table",
       {
         ref,
@@ -8445,7 +8743,7 @@ var Table = forwardRef25(function Table2({ label, density = "default", fixed = f
 });
 var TableCaption = forwardRef25(
   function TableCaption2({ className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx97(
+    return /* @__PURE__ */ jsx100(
       "caption",
       {
         ref,
@@ -8457,17 +8755,17 @@ var TableCaption = forwardRef25(
 );
 var TableHeader = forwardRef25(
   function TableHeader2({ className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx97("thead", { ref, className: cn("border-b border-default", className), ...rest });
+    return /* @__PURE__ */ jsx100("thead", { ref, className: cn("border-b border-default", className), ...rest });
   }
 );
 var TableBody = forwardRef25(
   function TableBody2({ className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx97("tbody", { ref, className, ...rest });
+    return /* @__PURE__ */ jsx100("tbody", { ref, className, ...rest });
   }
 );
 var TableFooter = forwardRef25(
   function TableFooter2({ className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx97(
+    return /* @__PURE__ */ jsx100(
       "tfoot",
       {
         ref,
@@ -8478,7 +8776,7 @@ var TableFooter = forwardRef25(
   }
 );
 var TableRow = forwardRef25(function TableRow2({ selected, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx100(
     "tr",
     {
       ref,
@@ -8496,7 +8794,7 @@ var TableRow = forwardRef25(function TableRow2({ selected, className, ...rest },
 var ALIGN2 = { left: "text-left", center: "text-center", right: "text-right" };
 var TableHead = forwardRef25(function TableHead2({ sort, onSort, align = "left", sticky = false, className, children, ...rest }, ref) {
   const sortable = sort !== void 0 && onSort !== void 0;
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx100(
     "th",
     {
       ref,
@@ -8509,18 +8807,18 @@ var TableHead = forwardRef25(function TableHead2({ sort, onSort, align = "left",
         className
       ),
       ...rest,
-      children: sortable ? /* @__PURE__ */ jsxs66(
+      children: sortable ? /* @__PURE__ */ jsxs67(
         "button",
         {
           type: "button",
           onClick: onSort,
-          className: clsx92(
+          className: clsx93(
             "inline-flex items-center gap-1.5 rounded transition-colors hover:text-default",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-1 focus-visible:ring-offset-default"
           ),
           children: [
             children,
-            sort === false ? /* @__PURE__ */ jsx97(LuChevronsUpDown, { "aria-hidden": true, className: "size-3.5 opacity-50" }) : sort === "ascending" ? /* @__PURE__ */ jsx97(LuChevronUp, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ jsx97(LuChevronDown4, { "aria-hidden": true, className: "size-3.5" })
+            sort === false ? /* @__PURE__ */ jsx100(LuChevronsUpDown, { "aria-hidden": true, className: "size-3.5 opacity-50" }) : sort === "ascending" ? /* @__PURE__ */ jsx100(LuChevronUp, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ jsx100(LuChevronDown4, { "aria-hidden": true, className: "size-3.5" })
           ]
         }
       ) : children
@@ -8529,7 +8827,7 @@ var TableHead = forwardRef25(function TableHead2({ sort, onSort, align = "left",
 });
 var TableCell = forwardRef25(function TableCell2({ align = "left", density = "default", header = false, className, ...rest }, ref) {
   const Tag = header ? "th" : "td";
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx100(
     Tag,
     {
       ref,
@@ -8547,8 +8845,8 @@ var TableCell = forwardRef25(function TableCell2({ align = "left", density = "de
 });
 
 // src/components/lists/data-table.tsx
-import clsx93 from "clsx";
-import { jsx as jsx98, jsxs as jsxs67 } from "react/jsx-runtime";
+import clsx94 from "clsx";
+import { jsx as jsx101, jsxs as jsxs68 } from "react/jsx-runtime";
 var DENSITY2 = {
   default: {
     headerCell: "px-4 py-3",
@@ -8577,29 +8875,29 @@ function DataTable({
 }) {
   const d = DENSITY2[density];
   const minWidth = columns.length ? `calc(${columns.map((c) => c.width).join(" + ")})` : void 0;
-  return /* @__PURE__ */ jsx98("div", { className: clsx93(
+  return /* @__PURE__ */ jsx101("div", { className: clsx94(
     // A wrapper element here is load-bearing for the table layout, and the rows are
     // focusable when clickable, so this takes the scrollbar styling rather than ScrollArea.
-    clsx93("overflow-x-auto rounded-xl border border-default bg-default", SCROLLBAR_CLASSES),
+    clsx94("overflow-x-auto rounded-xl border border-default bg-default", SCROLLBAR_CLASSES),
     className
-  ), children: /* @__PURE__ */ jsxs67("table", { className: "w-full table-fixed border-collapse text-left", style: { minWidth }, children: [
-    /* @__PURE__ */ jsx98("colgroup", { children: columns.map((col) => (
+  ), children: /* @__PURE__ */ jsxs68("table", { className: "w-full table-fixed border-collapse text-left", style: { minWidth }, children: [
+    /* @__PURE__ */ jsx101("colgroup", { children: columns.map((col) => (
       // A grow column gets no width, so table-fixed hands it the leftover space.
       // Its floor is already counted in the table's min-width.
-      /* @__PURE__ */ jsx98("col", { style: col.grow ? void 0 : { width: col.width } }, col.key)
+      /* @__PURE__ */ jsx101("col", { style: col.grow ? void 0 : { width: col.width } }, col.key)
     )) }),
-    /* @__PURE__ */ jsx98("thead", { children: /* @__PURE__ */ jsx98("tr", { className: "bg-default-secondary", children: columns.map((col) => /* @__PURE__ */ jsx98("th", { scope: "col", className: clsx93("overflow-hidden", d.headerCell, d.headerText), children: col.header }, col.key)) }) }),
-    /* @__PURE__ */ jsx98("tbody", { children: rows.length === 0 ? emptyLabel && /* @__PURE__ */ jsx98("tr", { children: /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsx101("thead", { children: /* @__PURE__ */ jsx101("tr", { className: "bg-default-secondary", children: columns.map((col) => /* @__PURE__ */ jsx101("th", { scope: "col", className: clsx94("overflow-hidden", d.headerCell, d.headerText), children: col.header }, col.key)) }) }),
+    /* @__PURE__ */ jsx101("tbody", { children: rows.length === 0 ? emptyLabel && /* @__PURE__ */ jsx101("tr", { children: /* @__PURE__ */ jsx101(
       "td",
       {
         colSpan: columns.length,
-        className: clsx93(d.bodyCell, "text-center text-body-sm text-default-secondary"),
+        className: clsx94(d.bodyCell, "text-center text-body-sm text-default-secondary"),
         children: emptyLabel
       }
-    ) }) : rows.map((row, i) => /* @__PURE__ */ jsx98(
+    ) }) : rows.map((row, i) => /* @__PURE__ */ jsx101(
       "tr",
       {
-        className: clsx93(
+        className: clsx94(
           "transition-colors hover:bg-default-secondary/50",
           i > 0 && "border-t border-default",
           // outline, not ring: `ring-*` compiles to box-shadow, which browsers
@@ -8614,28 +8912,28 @@ function DataTable({
             onRowClick(row);
           }
         } : void 0,
-        children: columns.map((col) => /* @__PURE__ */ jsx98("td", { className: clsx93("overflow-hidden", d.bodyCell, ALIGN3[align]), children: col.render(row) }, col.key))
+        children: columns.map((col) => /* @__PURE__ */ jsx101("td", { className: clsx94("overflow-hidden", d.bodyCell, ALIGN3[align]), children: col.render(row) }, col.key))
       },
       getRowKey(row, i)
     )) })
   ] }) });
 }
 function TableCellLeadText({ primary, secondary, size: size2 = "md", className }) {
-  return /* @__PURE__ */ jsxs67("div", { className: clsx93("flex flex-col gap-0.5", className), children: [
-    /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsxs68("div", { className: clsx94("flex flex-col gap-0.5", className), children: [
+    /* @__PURE__ */ jsx101(
       "span",
       {
-        className: clsx93(
+        className: clsx94(
           "font-medium leading-snug text-default",
           size2 === "sm" ? "text-body-xs" : "text-body-sm"
         ),
         children: primary
       }
     ),
-    secondary && /* @__PURE__ */ jsx98(
+    secondary && /* @__PURE__ */ jsx101(
       "span",
       {
-        className: clsx93(
+        className: clsx94(
           "font-normal leading-tight text-default-secondary",
           size2 === "sm" ? "text-body-tiny" : "text-body-xs"
         ),
@@ -8651,10 +8949,10 @@ function TableCellText({
   truncate = false,
   className
 }) {
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx101(
     "span",
     {
-      className: clsx93(
+      className: clsx94(
         "font-normal leading-snug",
         size2 === "sm" ? "text-body-tiny" : "text-body-xs",
         truncate ? "block truncate" : "whitespace-nowrap",
@@ -8666,10 +8964,10 @@ function TableCellText({
   );
 }
 function TableCellBadge({ label, className }) {
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx101(
     "span",
     {
-      className: clsx93(
+      className: clsx94(
         "inline-flex items-center rounded-md border border-default bg-default-secondary px-2 py-0.5 text-body-tiny font-medium text-default-secondary whitespace-nowrap",
         className
       ),
@@ -8684,8 +8982,8 @@ function TableCellProgress({
   className
 }) {
   const clamped = Math.min(100, Math.max(0, percent));
-  return /* @__PURE__ */ jsxs67("div", { className: clsx93("flex flex-col gap-1", className), children: [
-    /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsxs68("div", { className: clsx94("flex flex-col gap-1", className), children: [
+    /* @__PURE__ */ jsx101(
       ProgressBar,
       {
         value: clamped,
@@ -8695,7 +8993,7 @@ function TableCellProgress({
         "aria-label": `${clamped}%`
       }
     ),
-    /* @__PURE__ */ jsxs67("span", { className: "text-body-tiny leading-none text-default-secondary", children: [
+    /* @__PURE__ */ jsxs68("span", { className: "text-body-tiny leading-none text-default-secondary", children: [
       percent,
       "%"
     ] })
@@ -8703,9 +9001,9 @@ function TableCellProgress({
 }
 
 // src/components/feedback/inline-alert.tsx
-import clsx94 from "clsx";
+import clsx95 from "clsx";
 import { LuCircleCheckBig as LuCircleCheckBig2, LuInfo as LuInfo2, LuTriangleAlert as LuTriangleAlert2 } from "react-icons/lu";
-import { jsx as jsx99, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs69 } from "react/jsx-runtime";
 var toneStyles3 = {
   info: "border-brand-tertiary bg-brand-tertiary text-brand",
   warning: "border-warning-tertiary bg-warning-tertiary text-warning",
@@ -8713,33 +9011,33 @@ var toneStyles3 = {
   positive: "border-positive-tertiary bg-positive-tertiary text-positive"
 };
 var toneIcons = {
-  info: /* @__PURE__ */ jsx99(LuInfo2, { className: "size-4" }),
-  warning: /* @__PURE__ */ jsx99(LuTriangleAlert2, { className: "size-4" }),
-  danger: /* @__PURE__ */ jsx99(LuTriangleAlert2, { className: "size-4" }),
-  positive: /* @__PURE__ */ jsx99(LuCircleCheckBig2, { className: "size-4" })
+  info: /* @__PURE__ */ jsx102(LuInfo2, { className: "size-4" }),
+  warning: /* @__PURE__ */ jsx102(LuTriangleAlert2, { className: "size-4" }),
+  danger: /* @__PURE__ */ jsx102(LuTriangleAlert2, { className: "size-4" }),
+  positive: /* @__PURE__ */ jsx102(LuCircleCheckBig2, { className: "size-4" })
 };
 function InlineAlert({ tone, children, icon, className }) {
   const glyph = icon === void 0 ? toneIcons[tone] : icon;
-  return /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs69(
     "div",
     {
       role: tone === "danger" ? "alert" : "status",
-      className: clsx94(
+      className: clsx95(
         "flex items-start gap-3 rounded-xl border p-4 text-body-xs",
         toneStyles3[tone],
         className
       ),
       children: [
-        glyph && /* @__PURE__ */ jsx99("span", { "aria-hidden": true, className: "mt-px shrink-0", children: glyph }),
-        /* @__PURE__ */ jsx99("div", { className: "min-w-0", children })
+        glyph && /* @__PURE__ */ jsx102("span", { "aria-hidden": true, className: "mt-px shrink-0", children: glyph }),
+        /* @__PURE__ */ jsx102("div", { className: "min-w-0", children })
       ]
     }
   );
 }
 
 // src/components/feedback/empty-state.tsx
-import clsx95 from "clsx";
-import { jsx as jsx100, jsxs as jsxs69 } from "react/jsx-runtime";
+import clsx96 from "clsx";
+import { jsx as jsx103, jsxs as jsxs70 } from "react/jsx-runtime";
 var SIZES = {
   sm: "py-8",
   md: "py-12",
@@ -8758,10 +9056,10 @@ function EmptyState({
   action,
   className
 }) {
-  return /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs70(
     "div",
     {
-      className: clsx95(
+      className: clsx96(
         "flex flex-col items-center justify-center gap-2 px-4 text-center text-body-sm",
         SIZES[size2],
         TONES[variant],
@@ -8769,8 +9067,8 @@ function EmptyState({
       ),
       "aria-live": variant === "empty" ? void 0 : "polite",
       children: [
-        icon && /* @__PURE__ */ jsx100("span", { className: "text-default-tertiary", children: icon }),
-        /* @__PURE__ */ jsx100("p", { children: message }),
+        icon && /* @__PURE__ */ jsx103("span", { className: "text-default-tertiary", children: icon }),
+        /* @__PURE__ */ jsx103("p", { children: message }),
         action
       ]
     }
@@ -8779,8 +9077,8 @@ function EmptyState({
 
 // src/components/feedback/skeleton.tsx
 import { forwardRef as forwardRef26 } from "react";
-import clsx96 from "clsx";
-import { jsx as jsx101 } from "react/jsx-runtime";
+import clsx97 from "clsx";
+import { jsx as jsx104 } from "react/jsx-runtime";
 var SHAPE2 = {
   line: "h-4 rounded",
   block: "h-full w-full rounded-lg",
@@ -8788,10 +9086,10 @@ var SHAPE2 = {
 };
 var Skeleton = forwardRef26(function Skeleton2({ shape = "line", lines = 1, className, ...rest }, ref) {
   if (shape === "line" && lines > 1) {
-    return /* @__PURE__ */ jsx101("div", { ref, "aria-hidden": true, "data-slot": "skeleton-group", className: "flex flex-col gap-2", ...rest, children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx101(
+    return /* @__PURE__ */ jsx104("div", { ref, "aria-hidden": true, "data-slot": "skeleton-group", className: "flex flex-col gap-2", ...rest, children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx104(
       "div",
       {
-        className: clsx96(
+        className: clsx97(
           "animate-pulse bg-default-tertiary",
           SHAPE2.line,
           // A ragged last line reads as a paragraph rather than a solid slab.
@@ -8802,13 +9100,13 @@ var Skeleton = forwardRef26(function Skeleton2({ shape = "line", lines = 1, clas
       index
     )) });
   }
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx104(
     "div",
     {
       ref,
       "aria-hidden": true,
       "data-slot": "skeleton",
-      className: clsx96("animate-pulse bg-default-tertiary", SHAPE2[shape], className),
+      className: clsx97("animate-pulse bg-default-tertiary", SHAPE2[shape], className),
       ...rest
     }
   );
@@ -8816,9 +9114,9 @@ var Skeleton = forwardRef26(function Skeleton2({ shape = "line", lines = 1, clas
 
 // src/components/feedback/banner.tsx
 import { forwardRef as forwardRef27, useId as useId24 } from "react";
-import clsx97 from "clsx";
+import clsx98 from "clsx";
 import { LuCircleCheckBig as LuCircleCheckBig3, LuInfo as LuInfo3, LuTriangleAlert as LuTriangleAlert3, LuX as LuX6 } from "react-icons/lu";
-import { jsx as jsx102, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs71 } from "react/jsx-runtime";
 var TONE_STYLES3 = {
   info: "border-brand-tertiary bg-brand-tertiary text-default",
   positive: "border-positive-tertiary bg-positive-tertiary text-default",
@@ -8832,10 +9130,10 @@ var TONE_ICON_COLOR = {
   danger: "text-icon-danger"
 };
 var TONE_ICON2 = {
-  info: /* @__PURE__ */ jsx102(LuInfo3, { "aria-hidden": true, className: "size-5" }),
-  positive: /* @__PURE__ */ jsx102(LuCircleCheckBig3, { "aria-hidden": true, className: "size-5" }),
-  warning: /* @__PURE__ */ jsx102(LuTriangleAlert3, { "aria-hidden": true, className: "size-5" }),
-  danger: /* @__PURE__ */ jsx102(LuTriangleAlert3, { "aria-hidden": true, className: "size-5" })
+  info: /* @__PURE__ */ jsx105(LuInfo3, { "aria-hidden": true, className: "size-5" }),
+  positive: /* @__PURE__ */ jsx105(LuCircleCheckBig3, { "aria-hidden": true, className: "size-5" }),
+  warning: /* @__PURE__ */ jsx105(LuTriangleAlert3, { "aria-hidden": true, className: "size-5" }),
+  danger: /* @__PURE__ */ jsx105(LuTriangleAlert3, { "aria-hidden": true, className: "size-5" })
 };
 var Banner = forwardRef27(function Banner2({
   title,
@@ -8850,27 +9148,27 @@ var Banner = forwardRef27(function Banner2({
 }, ref) {
   const titleId = useId24();
   const glyph = icon === void 0 ? TONE_ICON2[tone] : icon;
-  return /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs71(
     "div",
     {
       ref,
       role: variant === "alert" ? "alert" : "status",
       "aria-labelledby": titleId,
       "data-slot": "banner",
-      className: clsx97(
+      className: clsx98(
         "flex w-full items-start gap-3 rounded-xl border p-4",
         TONE_STYLES3[tone],
         className
       ),
       ...rest,
       children: [
-        glyph && /* @__PURE__ */ jsx102("span", { "aria-hidden": true, className: clsx97("mt-px shrink-0", TONE_ICON_COLOR[tone]), children: glyph }),
-        /* @__PURE__ */ jsxs70("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx102("p", { id: titleId, className: "text-body-sm font-semibold text-default", children: title }),
-          children && /* @__PURE__ */ jsx102("div", { className: "mt-1 text-body-xs text-default-secondary", children }),
-          action && /* @__PURE__ */ jsx102("div", { className: "mt-3 flex items-center gap-2", children: action })
+        glyph && /* @__PURE__ */ jsx105("span", { "aria-hidden": true, className: clsx98("mt-px shrink-0", TONE_ICON_COLOR[tone]), children: glyph }),
+        /* @__PURE__ */ jsxs71("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx105("p", { id: titleId, className: "text-body-sm font-semibold text-default", children: title }),
+          children && /* @__PURE__ */ jsx105("div", { className: "mt-1 text-body-xs text-default-secondary", children }),
+          action && /* @__PURE__ */ jsx105("div", { className: "mt-3 flex items-center gap-2", children: action })
         ] }),
-        onDismiss && /* @__PURE__ */ jsx102(
+        onDismiss && /* @__PURE__ */ jsx105(
           IconButton,
           {
             variant: "subtle",
@@ -8878,7 +9176,7 @@ var Banner = forwardRef27(function Banner2({
             "aria-label": typeof title === "string" ? `Dismiss: ${title}` : "Dismiss",
             onClick: onDismiss,
             className: "-mr-1 -mt-1 shrink-0",
-            children: /* @__PURE__ */ jsx102(LuX6, { "aria-hidden": true, size: 16 })
+            children: /* @__PURE__ */ jsx105(LuX6, { "aria-hidden": true, size: 16 })
           }
         )
       ]
@@ -8892,13 +9190,13 @@ import {
   useCallback as useCallback11,
   useContext as useContext16,
   useEffect as useEffect20,
-  useMemo as useMemo13,
-  useRef as useRef27,
-  useState as useState22
+  useMemo as useMemo16,
+  useRef as useRef28,
+  useState as useState23
 } from "react";
-import clsx98 from "clsx";
+import clsx99 from "clsx";
 import { LuCircleCheckBig as LuCircleCheckBig4, LuInfo as LuInfo4, LuTriangleAlert as LuTriangleAlert4, LuX as LuX7 } from "react-icons/lu";
-import { jsx as jsx103, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs72 } from "react/jsx-runtime";
 var ToastContext = createContext16(null);
 function useToast() {
   const context = useContext16(ToastContext);
@@ -8906,10 +9204,10 @@ function useToast() {
   return context;
 }
 var TONE_ICON3 = {
-  info: /* @__PURE__ */ jsx103(LuInfo4, { "aria-hidden": true, className: "size-4" }),
-  positive: /* @__PURE__ */ jsx103(LuCircleCheckBig4, { "aria-hidden": true, className: "size-4" }),
-  warning: /* @__PURE__ */ jsx103(LuTriangleAlert4, { "aria-hidden": true, className: "size-4" }),
-  danger: /* @__PURE__ */ jsx103(LuTriangleAlert4, { "aria-hidden": true, className: "size-4" })
+  info: /* @__PURE__ */ jsx106(LuInfo4, { "aria-hidden": true, className: "size-4" }),
+  positive: /* @__PURE__ */ jsx106(LuCircleCheckBig4, { "aria-hidden": true, className: "size-4" }),
+  warning: /* @__PURE__ */ jsx106(LuTriangleAlert4, { "aria-hidden": true, className: "size-4" }),
+  danger: /* @__PURE__ */ jsx106(LuTriangleAlert4, { "aria-hidden": true, className: "size-4" })
 };
 var TONE_ICON_COLOR2 = {
   info: "text-icon-brand",
@@ -8931,9 +9229,9 @@ function Toaster({
   max = 4,
   duration = 5e3
 }) {
-  const [toasts, setToasts] = useState22([]);
-  const timers = useRef27(/* @__PURE__ */ new Map());
-  const counter = useRef27(0);
+  const [toasts, setToasts] = useState23([]);
+  const timers = useRef28(/* @__PURE__ */ new Map());
+  const counter = useRef28(0);
   const dismiss = useCallback11((id) => {
     const timer = timers.current.get(id);
     if (timer) {
@@ -8970,41 +9268,41 @@ function Toaster({
       map.clear();
     };
   }, []);
-  const context = useMemo13(() => ({ toast, dismiss, dismissAll }), [toast, dismiss, dismissAll]);
-  return /* @__PURE__ */ jsxs71(ToastContext.Provider, { value: context, children: [
+  const context = useMemo16(() => ({ toast, dismiss, dismissAll }), [toast, dismiss, dismissAll]);
+  return /* @__PURE__ */ jsxs72(ToastContext.Provider, { value: context, children: [
     children,
-    /* @__PURE__ */ jsx103(Portal, { children: /* @__PURE__ */ jsx103(
+    /* @__PURE__ */ jsx106(Portal, { children: /* @__PURE__ */ jsx106(
       "div",
       {
         "aria-live": "polite",
         "aria-atomic": "false",
-        className: clsx98(
+        className: clsx99(
           "pointer-events-none fixed z-toast flex w-full max-w-[380px] flex-col gap-2",
           POSITION[position]
         ),
-        children: toasts.map((entry) => /* @__PURE__ */ jsx103(ToastItem, { toast: entry, onDismiss: () => dismiss(entry.id) }, entry.id))
+        children: toasts.map((entry) => /* @__PURE__ */ jsx106(ToastItem, { toast: entry, onDismiss: () => dismiss(entry.id) }, entry.id))
       }
     ) })
   ] });
 }
 function ToastItem({ toast, onDismiss }) {
   const tone = toast.tone ?? "info";
-  return /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs72(
     "div",
     {
       role: tone === "danger" ? "alert" : "status",
-      className: clsx98(
+      className: clsx99(
         "pointer-events-auto flex w-full items-start gap-3 rounded-xl border border-default",
         "bg-default p-4 shadow-400"
       ),
       children: [
-        /* @__PURE__ */ jsx103("span", { "aria-hidden": true, className: clsx98("mt-px shrink-0", TONE_ICON_COLOR2[tone]), children: TONE_ICON3[tone] }),
-        /* @__PURE__ */ jsxs71("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx103("p", { className: "text-body-sm font-semibold text-default", children: toast.title }),
-          toast.description && /* @__PURE__ */ jsx103("p", { className: "mt-0.5 text-body-xs text-default-secondary", children: toast.description }),
-          toast.action && /* @__PURE__ */ jsx103("div", { className: "mt-2 flex items-center gap-2", children: toast.action })
+        /* @__PURE__ */ jsx106("span", { "aria-hidden": true, className: clsx99("mt-px shrink-0", TONE_ICON_COLOR2[tone]), children: TONE_ICON3[tone] }),
+        /* @__PURE__ */ jsxs72("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx106("p", { className: "text-body-sm font-semibold text-default", children: toast.title }),
+          toast.description && /* @__PURE__ */ jsx106("p", { className: "mt-0.5 text-body-xs text-default-secondary", children: toast.description }),
+          toast.action && /* @__PURE__ */ jsx106("div", { className: "mt-2 flex items-center gap-2", children: toast.action })
         ] }),
-        /* @__PURE__ */ jsx103(
+        /* @__PURE__ */ jsx106(
           IconButton,
           {
             variant: "subtle",
@@ -9012,7 +9310,7 @@ function ToastItem({ toast, onDismiss }) {
             "aria-label": typeof toast.title === "string" ? `Dismiss: ${toast.title}` : "Dismiss",
             onClick: onDismiss,
             className: "-mr-1 -mt-1 shrink-0",
-            children: /* @__PURE__ */ jsx103(LuX7, { "aria-hidden": true, size: 14 })
+            children: /* @__PURE__ */ jsx106(LuX7, { "aria-hidden": true, size: 14 })
           }
         )
       ]
@@ -9021,25 +9319,25 @@ function ToastItem({ toast, onDismiss }) {
 }
 
 // src/components/forms/password-input.tsx
-import { forwardRef as forwardRef28, useState as useState23 } from "react";
+import { forwardRef as forwardRef28, useState as useState24 } from "react";
 import { LuEye, LuEyeOff } from "react-icons/lu";
-import { jsx as jsx104 } from "react/jsx-runtime";
+import { jsx as jsx107 } from "react/jsx-runtime";
 var PasswordInput = forwardRef28(function PasswordInput2(props, ref) {
-  const [visible, setVisible] = useState23(false);
-  return /* @__PURE__ */ jsx104(
+  const [visible, setVisible] = useState24(false);
+  return /* @__PURE__ */ jsx107(
     Input,
     {
       ref,
       ...props,
       type: visible ? "text" : "password",
-      trailingAction: /* @__PURE__ */ jsx104(
+      trailingAction: /* @__PURE__ */ jsx107(
         "button",
         {
           type: "button",
           "aria-label": visible ? "Hide password" : "Show password",
           onClick: () => setVisible((v) => !v),
           className: "flex items-center justify-center rounded transition-colors hover:text-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand",
-          children: visible ? /* @__PURE__ */ jsx104(LuEyeOff, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ jsx104(LuEye, { "aria-hidden": true, className: "size-4" })
+          children: visible ? /* @__PURE__ */ jsx107(LuEyeOff, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ jsx107(LuEye, { "aria-hidden": true, className: "size-4" })
         }
       )
     }
@@ -9047,31 +9345,31 @@ var PasswordInput = forwardRef28(function PasswordInput2(props, ref) {
 });
 
 // src/components/ai/ai-chat-bar.tsx
-import clsx99 from "clsx";
+import clsx100 from "clsx";
 import { LuArrowRight as LuArrowRight2, LuSearch as LuSearch3 } from "react-icons/lu";
-import { jsx as jsx105, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs73 } from "react/jsx-runtime";
 function AIChatBar({
   placeholder = "Ask Intelligence about any entity, supplier, or risk\u2026",
   className
 }) {
-  return /* @__PURE__ */ jsxs72(
+  return /* @__PURE__ */ jsxs73(
     "div",
     {
-      className: clsx99(
+      className: clsx100(
         "flex h-16 items-center gap-3 rounded-2xl border border-default bg-default px-6 shadow-panel",
         className
       ),
       children: [
-        /* @__PURE__ */ jsx105("span", { "aria-hidden": true, className: "shrink-0 text-icon-default-secondary", children: /* @__PURE__ */ jsx105(LuSearch3, { className: "size-4" }) }),
-        /* @__PURE__ */ jsx105("p", { className: "flex-1 text-body-sm text-default-tertiary truncate", children: placeholder }),
-        /* @__PURE__ */ jsxs72(
+        /* @__PURE__ */ jsx108("span", { "aria-hidden": true, className: "shrink-0 text-icon-default-secondary", children: /* @__PURE__ */ jsx108(LuSearch3, { className: "size-4" }) }),
+        /* @__PURE__ */ jsx108("p", { className: "flex-1 text-body-sm text-default-tertiary truncate", children: placeholder }),
+        /* @__PURE__ */ jsxs73(
           "button",
           {
             type: "button",
             className: "inline-flex shrink-0 items-center gap-2 rounded-xl bg-brand px-4 py-3 text-body-sm font-semibold text-brand-on-brand hover:bg-brand-hover transition-colors",
             children: [
               "Ask",
-              /* @__PURE__ */ jsx105(LuArrowRight2, { "aria-hidden": true, className: "size-4" })
+              /* @__PURE__ */ jsx108(LuArrowRight2, { "aria-hidden": true, className: "size-4" })
             ]
           }
         )
@@ -9081,42 +9379,42 @@ function AIChatBar({
 }
 
 // src/components/ai/ai-suggestion-chip.tsx
-import clsx100 from "clsx";
+import clsx101 from "clsx";
 import { LuArrowRight as LuArrowRight3, LuCpu } from "react-icons/lu";
-import { jsx as jsx106, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs74 } from "react/jsx-runtime";
 function AISuggestionChip({ prompt, onClick, className }) {
-  return /* @__PURE__ */ jsxs73(
+  return /* @__PURE__ */ jsxs74(
     "button",
     {
       type: "button",
       onClick,
-      className: clsx100(
+      className: clsx101(
         "flex h-12 w-full items-center gap-3 rounded-xl border border-default bg-default px-3 text-left hover:bg-default-hover transition-colors",
         className
       ),
       children: [
-        /* @__PURE__ */ jsx106("span", { "aria-hidden": true, className: "shrink-0 text-icon-brand", children: /* @__PURE__ */ jsx106(LuCpu, { className: "size-4" }) }),
-        /* @__PURE__ */ jsx106("span", { className: "flex-1 text-body-sm text-default truncate", children: prompt }),
-        /* @__PURE__ */ jsx106("span", { "aria-hidden": true, className: "shrink-0 text-icon-default-secondary", children: /* @__PURE__ */ jsx106(LuArrowRight3, { className: "size-3.5", strokeWidth: 2.5 }) })
+        /* @__PURE__ */ jsx109("span", { "aria-hidden": true, className: "shrink-0 text-icon-brand", children: /* @__PURE__ */ jsx109(LuCpu, { className: "size-4" }) }),
+        /* @__PURE__ */ jsx109("span", { className: "flex-1 text-body-sm text-default truncate", children: prompt }),
+        /* @__PURE__ */ jsx109("span", { "aria-hidden": true, className: "shrink-0 text-icon-default-secondary", children: /* @__PURE__ */ jsx109(LuArrowRight3, { className: "size-3.5", strokeWidth: 2.5 }) })
       ]
     }
   );
 }
 
 // src/components/ai/quick-actions-bar.tsx
-import clsx101 from "clsx";
-import { jsx as jsx107 } from "react/jsx-runtime";
+import clsx102 from "clsx";
+import { jsx as jsx110 } from "react/jsx-runtime";
 function QuickActionsBar({ actions, active, onSelect, className }) {
-  return /* @__PURE__ */ jsx107("div", { className: clsx101("flex flex-wrap items-center gap-3", className), children: actions.map((action) => {
+  return /* @__PURE__ */ jsx110("div", { className: clsx102("flex flex-wrap items-center gap-3", className), children: actions.map((action) => {
     const isActive = active === action.value;
-    return /* @__PURE__ */ jsx107(
+    return /* @__PURE__ */ jsx110(
       "button",
       {
         type: "button",
         "aria-pressed": isActive,
         onClick: () => onSelect?.(action.value),
         className: "rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-1 focus-visible:ring-offset-default",
-        children: /* @__PURE__ */ jsx107(TagPill, { label: action.label, tone: isActive ? "brand" : "default" })
+        children: /* @__PURE__ */ jsx110(TagPill, { label: action.label, tone: isActive ? "brand" : "default" })
       },
       action.value
     );
@@ -9124,14 +9422,14 @@ function QuickActionsBar({ actions, active, onSelect, className }) {
 }
 
 // src/components/decorative/aurora-backdrop.tsx
-import { jsx as jsx108, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs75 } from "react/jsx-runtime";
 function AuroraBackdrop() {
-  return /* @__PURE__ */ jsxs74("div", { className: "pointer-events-none absolute inset-0", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx108("div", { className: "absolute -left-24 -top-28", style: { width: 380, height: 380, background: "radial-gradient(ellipse, rgba(249,133,133,0.45) 0%, transparent 70%)" } }),
-    /* @__PURE__ */ jsx108("div", { className: "absolute -top-24 right-[-4%]", style: { width: 320, height: 320, background: "radial-gradient(ellipse, rgba(254,160,160,0.4) 0%, transparent 70%)" } }),
-    /* @__PURE__ */ jsx108("div", { className: "absolute bottom-[-10%] right-[14%]", style: { width: 420, height: 420, background: "radial-gradient(ellipse, rgba(196,181,253,0.3) 0%, transparent 70%)" } }),
-    /* @__PURE__ */ jsx108("div", { className: "absolute bottom-[-6%] left-[4%]", style: { width: 280, height: 280, background: "radial-gradient(ellipse, rgba(147,197,253,0.25) 0%, transparent 70%)" } }),
-    /* @__PURE__ */ jsx108("div", { className: "absolute left-[20%] top-[30%]", style: { width: 240, height: 240, background: "radial-gradient(ellipse, rgba(173,216,255,0.18) 0%, transparent 70%)" } })
+  return /* @__PURE__ */ jsxs75("div", { className: "pointer-events-none absolute inset-0", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx111("div", { className: "absolute -left-24 -top-28", style: { width: 380, height: 380, background: "radial-gradient(ellipse, rgba(249,133,133,0.45) 0%, transparent 70%)" } }),
+    /* @__PURE__ */ jsx111("div", { className: "absolute -top-24 right-[-4%]", style: { width: 320, height: 320, background: "radial-gradient(ellipse, rgba(254,160,160,0.4) 0%, transparent 70%)" } }),
+    /* @__PURE__ */ jsx111("div", { className: "absolute bottom-[-10%] right-[14%]", style: { width: 420, height: 420, background: "radial-gradient(ellipse, rgba(196,181,253,0.3) 0%, transparent 70%)" } }),
+    /* @__PURE__ */ jsx111("div", { className: "absolute bottom-[-6%] left-[4%]", style: { width: 280, height: 280, background: "radial-gradient(ellipse, rgba(147,197,253,0.25) 0%, transparent 70%)" } }),
+    /* @__PURE__ */ jsx111("div", { className: "absolute left-[20%] top-[30%]", style: { width: 240, height: 240, background: "radial-gradient(ellipse, rgba(173,216,255,0.18) 0%, transparent 70%)" } })
   ] });
 }
 export {
@@ -9157,6 +9455,7 @@ export {
   CHART_SEQUENCE,
   CHART_TONE,
   CHART_TRACK,
+  COUNTRY_CODES,
   Calendar,
   Card,
   CardAction,
@@ -9193,6 +9492,7 @@ export {
   ContextMenuTrigger,
   ControlSizeProvider,
   CountBadge,
+  CountrySelect,
   DEFAULT_SCORE_THRESHOLDS,
   DataTable,
   DatePicker,
@@ -9340,6 +9640,7 @@ export {
   Textarea,
   TextareaControl,
   TileGrid,
+  TimeZoneSelect,
   TitleHero,
   TitlePage,
   Toaster,
@@ -9348,17 +9649,22 @@ export {
   ToggleGroupItem,
   Tooltip,
   TrailChip,
+  TreeView,
   TrendLabel,
   UserStatusPill,
   WidgetFooter,
   WidgetHeader,
   WidgetTitle,
   cn,
+  countryOptions,
+  currentZoneName,
   getScoreTone,
   paginationRange,
   resolveChartColor,
   tabId,
   tabPanelId,
+  timeZoneOffset,
+  timeZoneOptions,
   useControlSize,
   useFieldContext,
   useFieldControl,