@hirobius/design-system 0.19.0 → 0.19.1

package/dist/hirobius-ui.js

@@ -10,25 +10,25 @@ import { cva as D } from "class-variance-authority";
 import { Info as Ve, TriangleAlert as xt, CircleX as kt, CircleCheck as $t, Check as le, Circle as Ct, ChevronRight as Ie, Github as pa, ArrowUpRight as ua, Copy as ma, Loader2 as ha, X as Ge, Minus as St, ChevronDown as Dt, Calendar as je, ChevronsUpDown as fa, ChevronLeft as ga, Plus as va, Link as ya } from "lucide-react";
 import x, { tokenValues as Ye } from "./tokens.js";
 import { cn as m } from "./cn.js";
-import { $ as ee, a0 as O, a1 as ba, a2 as ge, B as Ze, a as ve, a3 as Tt, a4 as se, a5 as te, a6 as wa, a7 as xa, a8 as ka, a9 as $a, aa as Fe, ab as qt, ac as Ca, ad as Sa, ae as Nt, af as Pt, ag as Da, ah as nt, ai as Ta, aj as ot, ak as qa, al as ne, g as Me, am as Rt, S as ae, k as It, T as me, an as st, N as We, ao as Na, ap as Se, d as Pa, e as Ra, f as Ia, h as Ma, i as Ea, j as Oa, D as za, F as La, L as Ha, O as Aa, P as Ba, R as Va, l as Fa, m as Wa, n as _a, o as Ua, p as Ga } from "./chunks/activity-feed-DIMeUJpW.js";
-import { A as Rd, b as Id, aq as Md, ar as Ed, as as Od, at as zd, au as Ld, av as Hd, aw as Ad, C as Bd, ax as Vd, ay as Fd, az as Wd, aA as _d, aB as Ud, aC as Gd, aD as jd, aE as Yd, aF as Zd, aG as Xd, E as Kd, G as Qd, aH as Jd, aI as ec, c as tc, q as ac, r as rc, s as ic, t as nc, u as oc, v as sc, aJ as lc, aK as dc, w as cc, x as pc, y as uc, z as mc, H as hc, I as fc, J as gc, K as vc, M as yc, Q as bc, U as wc, V as xc, W as kc, X as $c, Y as Cc, Z as Sc, _ as Dc, aL as Tc, aM as qc, aN as Nc, aO as Pc, aP as Rc, aQ as Ic } from "./chunks/activity-feed-DIMeUJpW.js";
-import { F as ja, u as qe, a as Xe } from "./chunks/LanguageContext-CH_bwzCq.js";
-import { H as Ec } from "./chunks/LanguageContext-CH_bwzCq.js";
+import { $ as ee, a0 as O, a1 as ba, a2 as ge, B as Ze, a as ve, a3 as Tt, a4 as se, a5 as te, a6 as wa, a7 as xa, a8 as ka, a9 as $a, aa as Fe, ab as qt, ac as Ca, ad as Sa, ae as Nt, af as Pt, ag as Da, ah as nt, ai as Ta, aj as ot, ak as qa, al as ne, g as Me, am as Rt, S as ae, k as It, T as me, an as st, N as We, ao as Na, ap as Se, d as Pa, e as Ra, f as Ia, h as Ma, i as Ea, j as Oa, D as za, F as La, L as Ha, O as Aa, P as Ba, R as Va, l as Fa, m as Wa, n as _a, o as Ua, p as Ga } from "./chunks/activity-feed-BGQ6v3wc.js";
+import { A as Rd, b as Id, aq as Md, ar as Ed, as as Od, at as zd, au as Ld, av as Hd, aw as Ad, C as Bd, ax as Vd, ay as Fd, az as Wd, aA as _d, aB as Ud, aC as Gd, aD as jd, aE as Yd, aF as Zd, aG as Xd, E as Kd, G as Qd, aH as Jd, aI as ec, c as tc, q as ac, r as rc, s as ic, t as nc, u as oc, v as sc, aJ as lc, aK as dc, w as cc, x as pc, y as uc, z as mc, H as hc, I as fc, J as gc, K as vc, M as yc, Q as bc, U as wc, V as xc, W as kc, X as $c, Y as Cc, Z as Sc, _ as Dc, aL as Tc, aM as qc, aN as Nc, aO as Pc, aP as Rc, aQ as Ic } from "./chunks/activity-feed-BGQ6v3wc.js";
+import { F as ja, u as qe, a as Xe } from "./chunks/LanguageContext-BxdCwiFg.js";
+import { H as Ec } from "./chunks/LanguageContext-BxdCwiFg.js";
 import * as F from "@radix-ui/react-dropdown-menu";
 import * as ye from "@radix-ui/react-popover";
 import * as he from "@radix-ui/react-tooltip";
 import * as lt from "@radix-ui/react-toggle-group";
 import * as K from "@radix-ui/react-select";
-import { u as Ya } from "./chunks/TokenDisplayContext-evZi_214.js";
+import { u as Ya } from "./chunks/TokenDisplayContext-DKYJMVWk.js";
 import * as Za from "@radix-ui/react-toggle";
 import * as Xa from "@radix-ui/react-aspect-ratio";
 import * as Ee from "@radix-ui/react-hover-card";
 import * as W from "@radix-ui/react-context-menu";
 import * as Oe from "@radix-ui/react-tabs";
-import { F as Ka } from "./chunks/form-BvNNnJ0t.js";
-import { b as zc, a as Lc, u as Hc } from "./chunks/form-BvNNnJ0t.js";
+import { F as Ka } from "./chunks/form-COP3vK9_.js";
+import { b as zc, a as Lc, u as Hc } from "./chunks/form-COP3vK9_.js";
 import * as ce from "@radix-ui/react-toast";
-const Qa = D(
+const Qa = /* @__PURE__ */ D(
   "flex gap-[var(--semantic-space-scale-xs)] p-[var(--semantic-space-scale-xs)] rounded-[var(--primitive-radius-4)]",
   // tier-ok: 4px primitive radius, no semantic 4px token
   {
@@ -51,7 +51,7 @@ const Qa = D(
   danger: { icon: kt, colorVar: "var(--semantic-color-feedback-error)" },
   warning: { icon: xt, colorVar: "var(--semantic-color-feedback-warning)" },
   info: { icon: Ve, colorVar: "var(--semantic-color-feedback-info)" }
-}, js = X.forwardRef(function({ tone: a = "info", title: e, children: t }, r) {
+}, js = /* @__PURE__ */ X.forwardRef(function({ tone: a = "info", title: e, children: t }, r) {
   const { icon: n, colorVar: s } = Ja[a], l = !!e, c = ee("productive");
   return /* @__PURE__ */ f(
     A.div,
@@ -119,7 +119,7 @@ const Qa = D(
       ]
     }
   );
-}), er = D(
+}), er = /* @__PURE__ */ D(
   "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground font-medium uppercase select-none",
   {
     variants: {
@@ -137,27 +137,29 @@ function tr(i) {
   const a = i.trim().split(/\s+/).filter(Boolean);
   return a.length === 0 ? "" : a.length === 1 ? a[0].slice(0, 2) : (a[0][0] ?? "") + (a[a.length - 1][0] ?? "");
 }
-const Ys = g.forwardRef(function({ className: a, size: e, src: t, alt: r, initials: n, ...s }, l) {
-  const [c, d] = g.useState(!1), p = !!t && !c, u = n || tr(r);
-  return /* @__PURE__ */ o(
-    "span",
-    {
-      ref: l,
-      "data-size": e ?? "md",
-      className: m(er({ size: e }), a),
-      ...s,
-      children: p ? /* @__PURE__ */ o(
-        "img",
-        {
-          src: t,
-          alt: r,
-          className: "h-full w-full object-cover",
-          onError: () => d(!0)
-        }
-      ) : /* @__PURE__ */ o("span", { "aria-label": r, role: "img", children: u })
-    }
-  );
-}), ar = D(
+const Ys = /* @__PURE__ */ g.forwardRef(
+  function({ className: a, size: e, src: t, alt: r, initials: n, ...s }, l) {
+    const [c, d] = g.useState(!1), p = !!t && !c, u = n || tr(r);
+    return /* @__PURE__ */ o(
+      "span",
+      {
+        ref: l,
+        "data-size": e ?? "md",
+        className: m(er({ size: e }), a),
+        ...s,
+        children: p ? /* @__PURE__ */ o(
+          "img",
+          {
+            src: t,
+            alt: r,
+            className: "h-full w-full object-cover",
+            onError: () => d(!0)
+          }
+        ) : /* @__PURE__ */ o("span", { "aria-label": r, role: "img", children: u })
+      }
+    );
+  }
+), ar = /* @__PURE__ */ D(
   "inline-flex w-fit items-center justify-center whitespace-nowrap box-border leading-none uppercase font-medium text-xs tracking-caps h-[var(--component-badge-height)] min-w-[var(--component-badge-minWidth)] px-[var(--component-badge-paddingX)] py-[var(--component-badge-paddingY)] rounded-[var(--component-badge-radius)]",
   {
     variants: {
@@ -172,7 +174,7 @@ const Ys = g.forwardRef(function({ className: a, size: e, src: t, alt: r, initia
     },
     defaultVariants: { tone: "neutral" }
   }
-), Zs = g.forwardRef(function({ className: a, tone: e, as: t = "span", children: r, ...n }, s) {
+), Zs = /* @__PURE__ */ g.forwardRef(function({ className: a, tone: e, as: t = "span", children: r, ...n }, s) {
   return /* @__PURE__ */ o(
     t,
     {
@@ -335,7 +337,7 @@ function kr(i) {
     }
   return a;
 }
-const Xs = X.forwardRef(function({ as: a = "div", sx: e, className: t, children: r, ...n }, s) {
+const Xs = /* @__PURE__ */ X.forwardRef(function({ as: a = "div", sx: e, className: t, children: r, ...n }, s) {
   const l = e ? kr(e) : void 0;
   return /* @__PURE__ */ o(
     a,
@@ -348,33 +350,38 @@ const Xs = X.forwardRef(function({ as: a = "div", sx: e, className: t, children:
       children: r
     }
   );
-}), $r = D("border-l-[3px] p-[var(--semantic-space-surface-padding)]", {
-  variants: {
-    tone: {
-      accent: "border-l-[color:var(--semantic-color-content-accent)] bg-[color:var(--semantic-color-surface-raised)]",
-      info: "border-l-feedback-info bg-[color:var(--semantic-color-surface-raised)]",
-      success: "border-l-feedback-success bg-[color:var(--semantic-color-surface-raised)]",
-      warning: "border-l-feedback-warning bg-[color:var(--semantic-color-surface-raised)]",
-      danger: "border-l-feedback-danger bg-[color:var(--semantic-color-surface-page)]"
+}), $r = /* @__PURE__ */ D(
+  "border-l-[3px] p-[var(--semantic-space-surface-padding)]",
+  {
+    variants: {
+      tone: {
+        accent: "border-l-[color:var(--semantic-color-content-accent)] bg-[color:var(--semantic-color-surface-raised)]",
+        info: "border-l-feedback-info bg-[color:var(--semantic-color-surface-raised)]",
+        success: "border-l-feedback-success bg-[color:var(--semantic-color-surface-raised)]",
+        warning: "border-l-feedback-warning bg-[color:var(--semantic-color-surface-raised)]",
+        danger: "border-l-feedback-danger bg-[color:var(--semantic-color-surface-page)]"
+      },
+      italic: {
+        true: "italic",
+        false: "not-italic"
+      }
     },
-    italic: {
-      true: "italic",
-      false: "not-italic"
-    }
-  },
-  defaultVariants: { tone: "info", italic: !1 }
-}), Ks = g.forwardRef(function({ tone: a = "info", italic: e = !1, className: t, children: r, ...n }, s) {
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      ref: s,
-      "data-tone": a,
-      className: m($r({ tone: a, italic: e }), t),
-      ...n,
-      children: r
-    }
-  );
-}), Cr = D("text-sm", {
+    defaultVariants: { tone: "info", italic: !1 }
+  }
+), Ks = /* @__PURE__ */ g.forwardRef(
+  function({ tone: a = "info", italic: e = !1, className: t, children: r, ...n }, s) {
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: s,
+        "data-tone": a,
+        className: m($r({ tone: a, italic: e }), t),
+        ...n,
+        children: r
+      }
+    );
+  }
+), Cr = /* @__PURE__ */ D("text-sm", {
   variants: {
     tone: {
       neutral: "text-foreground",
@@ -389,7 +396,7 @@ const Xs = X.forwardRef(function({ as: a = "div", sx: e, className: t, children:
     }
   },
   defaultVariants: { tone: "neutral", mono: !1 }
-}), Qs = g.forwardRef(function({ label: a, value: e, tone: t, mono: r, className: n, children: s, ...l }, c) {
+}), Qs = /* @__PURE__ */ g.forwardRef(function({ label: a, value: e, tone: t, mono: r, className: n, children: s, ...l }, c) {
   const d = s ?? e;
   return /* @__PURE__ */ f(
     "div",
@@ -404,7 +411,7 @@ const Xs = X.forwardRef(function({ as: a = "div", sx: e, className: t, children:
       ]
     }
   );
-}), Sr = D("m-0 text-2xl font-medium leading-tight", {
+}), Sr = /* @__PURE__ */ D("m-0 text-2xl font-medium leading-tight", {
   variants: {
     tone: {
       neutral: "text-foreground",
@@ -415,7 +422,7 @@ const Xs = X.forwardRef(function({ as: a = "div", sx: e, className: t, children:
     }
   },
   defaultVariants: { tone: "neutral" }
-}), Js = g.forwardRef(function({ label: a, value: e, sub: t, tone: r, className: n, ...s }, l) {
+}), Js = /* @__PURE__ */ g.forwardRef(function({ label: a, value: e, sub: t, tone: r, className: n, ...s }, l) {
   return /* @__PURE__ */ f(
     "div",
     {
@@ -430,7 +437,7 @@ const Xs = X.forwardRef(function({ as: a = "div", sx: e, className: t, children:
       ]
     }
   );
-}), Dr = D("mt-1.5 h-2 w-2 shrink-0 rounded-full", {
+}), Dr = /* @__PURE__ */ D("mt-1.5 h-2 w-2 shrink-0 rounded-full", {
   variants: {
     tone: {
       neutral: "bg-border",
@@ -441,7 +448,7 @@ const Xs = X.forwardRef(function({ as: a = "div", sx: e, className: t, children:
     }
   },
   defaultVariants: { tone: "neutral" }
-}), el = g.forwardRef(
+}), el = /* @__PURE__ */ g.forwardRef(
   function({ tone: a, title: e, notes: t, trailing: r, className: n, ...s }, l) {
     return /* @__PURE__ */ f(
       "div",
@@ -620,7 +627,7 @@ function al({
     ] }, v.key)) })
   ] });
 }
-const Er = D("m-0 shrink-0 border-solid", {
+const Er = /* @__PURE__ */ D("m-0 shrink-0 border-solid", {
   variants: {
     orientation: {
       horizontal: "w-full self-stretch border-t",
@@ -632,23 +639,25 @@ const Er = D("m-0 shrink-0 border-solid", {
     }
   },
   defaultVariants: { orientation: "horizontal", variant: "default" }
-}), rl = g.forwardRef(function({ orientation: a = "horizontal", variant: e, spacing: t, strong: r, style: n, className: s, ...l }, c) {
-  const d = r !== void 0 ? r ? "strong" : "default" : e, p = a === "horizontal";
-  return /* @__PURE__ */ o(
-    "hr",
-    {
-      ref: c,
-      "aria-orientation": a ?? "horizontal",
-      "data-variant": d ?? "default",
-      className: m(Er({ orientation: a, variant: d }), s),
-      style: {
-        ...p ? { marginTop: t, marginBottom: t } : { marginLeft: t, marginRight: t },
-        ...n
-      },
-      ...l
-    }
-  );
-}), Or = F.Root, zr = F.Trigger, Lr = F.Group, Hr = F.RadioGroup, Ar = F.Sub, Et = ge(F.Portal), Ot = "z-50 min-w-32 overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-overlay", ze = "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[highlighted]:ring-2 data-[highlighted]:ring-inset data-[highlighted]:ring-ring data-[disabled]:pointer-events-none data-[disabled]:opacity-50", Br = g.forwardRef(function({ className: a, sideOffset: e = 4, container: t, ...r }, n) {
+}), rl = /* @__PURE__ */ g.forwardRef(
+  function({ orientation: a = "horizontal", variant: e, spacing: t, strong: r, style: n, className: s, ...l }, c) {
+    const d = r !== void 0 ? r ? "strong" : "default" : e, p = a === "horizontal";
+    return /* @__PURE__ */ o(
+      "hr",
+      {
+        ref: c,
+        "aria-orientation": a ?? "horizontal",
+        "data-variant": d ?? "default",
+        className: m(Er({ orientation: a, variant: d }), s),
+        style: {
+          ...p ? { marginTop: t, marginBottom: t } : { marginLeft: t, marginRight: t },
+          ...n
+        },
+        ...l
+      }
+    );
+  }
+), Or = F.Root, zr = F.Trigger, Lr = F.Group, Hr = F.RadioGroup, Ar = F.Sub, Et = /* @__PURE__ */ ge(F.Portal), Ot = "z-50 min-w-32 overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-overlay", ze = "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[highlighted]:ring-2 data-[highlighted]:ring-inset data-[highlighted]:ring-ring data-[disabled]:pointer-events-none data-[disabled]:opacity-50", Br = /* @__PURE__ */ g.forwardRef(function({ className: a, sideOffset: e = 4, container: t, ...r }, n) {
   return /* @__PURE__ */ o(Et, { container: t, children: /* @__PURE__ */ o(
     F.Content,
     {
@@ -659,19 +668,19 @@ const Er = D("m-0 shrink-0 border-solid", {
       ...r
     }
   ) });
-}), Vr = g.forwardRef(function({ className: a, ...e }, t) {
+}), Vr = /* @__PURE__ */ g.forwardRef(function({ className: a, ...e }, t) {
   return /* @__PURE__ */ o(F.Item, { ref: t, className: m(ze, a), ...e });
-}), Fr = g.forwardRef(function({ className: a, children: e, ...t }, r) {
+}), Fr = /* @__PURE__ */ g.forwardRef(function({ className: a, children: e, ...t }, r) {
   return /* @__PURE__ */ f(F.CheckboxItem, { ref: r, className: m(ze, "pl-6", a), ...t, children: [
     /* @__PURE__ */ o("span", { className: "absolute left-2 inline-flex items-center justify-center", children: /* @__PURE__ */ o(F.ItemIndicator, { children: /* @__PURE__ */ o(O, { icon: le, size: 14, color: "currentColor", "aria-hidden": !0 }) }) }),
     e
   ] });
-}), Wr = g.forwardRef(function({ className: a, children: e, ...t }, r) {
+}), Wr = /* @__PURE__ */ g.forwardRef(function({ className: a, children: e, ...t }, r) {
   return /* @__PURE__ */ f(F.RadioItem, { ref: r, className: m(ze, "pl-6", a), ...t, children: [
     /* @__PURE__ */ o("span", { className: "absolute left-2 inline-flex items-center justify-center", children: /* @__PURE__ */ o(F.ItemIndicator, { children: /* @__PURE__ */ o(O, { icon: Ct, size: 6, color: "currentColor", "aria-hidden": !0, className: "fill-current" }) }) }),
     e
   ] });
-}), _r = g.forwardRef(function({ className: a, ...e }, t) {
+}), _r = /* @__PURE__ */ g.forwardRef(function({ className: a, ...e }, t) {
   return /* @__PURE__ */ o(
     F.Label,
     {
@@ -680,7 +689,7 @@ const Er = D("m-0 shrink-0 border-solid", {
       ...e
     }
   );
-}), Ur = g.forwardRef(function({ className: a, ...e }, t) {
+}), Ur = /* @__PURE__ */ g.forwardRef(function({ className: a, ...e }, t) {
   return /* @__PURE__ */ o(
     F.Separator,
     {
@@ -689,7 +698,7 @@ const Er = D("m-0 shrink-0 border-solid", {
       ...e
     }
   );
-}), Gr = g.forwardRef(function({ className: a, children: e, ...t }, r) {
+}), Gr = /* @__PURE__ */ g.forwardRef(function({ className: a, children: e, ...t }, r) {
   return /* @__PURE__ */ f(
     F.SubTrigger,
     {
@@ -702,7 +711,7 @@ const Er = D("m-0 shrink-0 border-solid", {
       ]
     }
   );
-}), jr = g.forwardRef(function({ className: a, container: e, ...t }, r) {
+}), jr = /* @__PURE__ */ g.forwardRef(function({ className: a, container: e, ...t }, r) {
   return /* @__PURE__ */ o(Et, { container: e, children: /* @__PURE__ */ o(F.SubContent, { ref: r, className: m(Ot, a), ...t }) });
 }), j = ((i) => /* @__PURE__ */ o(Or, { ...i }));
 j.Trigger = zr;
@@ -717,7 +726,7 @@ j.Group = Lr;
 j.Sub = Ar;
 j.SubTrigger = Gr;
 j.SubContent = jr;
-const Yr = ye.Root, Zr = ye.Trigger, Xr = ye.Anchor, Kr = ye.Close, Qr = ge(ye.Portal), Jr = g.forwardRef(function({ className: a, align: e = "center", sideOffset: t = 4, container: r, ...n }, s) {
+const Yr = ye.Root, Zr = ye.Trigger, Xr = ye.Anchor, Kr = ye.Close, Qr = /* @__PURE__ */ ge(ye.Portal), Jr = /* @__PURE__ */ g.forwardRef(function({ className: a, align: e = "center", sideOffset: t = 4, container: r, ...n }, s) {
   return /* @__PURE__ */ o(Qr, { container: r, children: /* @__PURE__ */ o(
     ye.Content,
     {
@@ -738,7 +747,7 @@ B.Trigger = Zr;
 B.Anchor = Xr;
 B.Content = Jr;
 B.Close = Kr;
-const ei = ge(he.Portal), ti = g.forwardRef(function({ className: a, sideOffset: e = 6, children: t, container: r, ...n }, s) {
+const ei = /* @__PURE__ */ ge(he.Portal), ti = /* @__PURE__ */ g.forwardRef(function({ className: a, sideOffset: e = 6, children: t, container: r, ...n }, s) {
   return /* @__PURE__ */ o(ei, { container: r, children: /* @__PURE__ */ f(
     he.Content,
     {
@@ -777,7 +786,7 @@ const ei = ge(he.Portal), ti = g.forwardRef(function({ className: a, sideOffset:
 }) => /* @__PURE__ */ o(he.Provider, { delayDuration: i, children: /* @__PURE__ */ o(he.Root, { ...e, children: a }) }));
 zt.Trigger = he.Trigger;
 zt.Content = ti;
-const ai = D("flex flex-col", {
+const ai = /* @__PURE__ */ D("flex flex-col", {
   variants: {
     // tier-ok: subgrid-gap/component-gap resolve to var(--primitive-space-1)/-2 exactly
     // (tokens.generated.css) — mechanical alias swap, hds#186
@@ -787,33 +796,38 @@ const ai = D("flex flex-col", {
     }
   },
   defaultVariants: { gap: "px8" }
-}), ri = D("m-0 text-[color:var(--semantic-color-content-primary)]", {
-  variants: {
-    level: {
-      heading1: "[font-size:var(--semantic-typography-h1-font-size)] [font-weight:var(--semantic-typography-h1-font-weight)] [line-height:var(--semantic-typography-h1-line-height)] [letter-spacing:var(--semantic-typography-h1-letter-spacing)]",
-      heading2: "[font-size:var(--semantic-typography-h2-font-size)] [font-weight:var(--semantic-typography-h2-font-weight)] [line-height:var(--semantic-typography-h2-line-height)] [letter-spacing:var(--semantic-typography-h2-letter-spacing)]",
-      heading3: "[font-size:var(--semantic-typography-h3-font-size)] [font-weight:var(--semantic-typography-h3-font-weight)] [line-height:var(--semantic-typography-h3-line-height)] [letter-spacing:var(--semantic-typography-h3-letter-spacing)]"
+}), ri = /* @__PURE__ */ D(
+  "m-0 text-[color:var(--semantic-color-content-primary)]",
+  {
+    variants: {
+      level: {
+        heading1: "[font-size:var(--semantic-typography-h1-font-size)] [font-weight:var(--semantic-typography-h1-font-weight)] [line-height:var(--semantic-typography-h1-line-height)] [letter-spacing:var(--semantic-typography-h1-letter-spacing)]",
+        heading2: "[font-size:var(--semantic-typography-h2-font-size)] [font-weight:var(--semantic-typography-h2-font-weight)] [line-height:var(--semantic-typography-h2-line-height)] [letter-spacing:var(--semantic-typography-h2-letter-spacing)]",
+        heading3: "[font-size:var(--semantic-typography-h3-font-size)] [font-weight:var(--semantic-typography-h3-font-weight)] [line-height:var(--semantic-typography-h3-line-height)] [letter-spacing:var(--semantic-typography-h3-letter-spacing)]"
+      }
     }
   }
-}), ii = "m-0 leading-[1.5] text-[color:var(--semantic-color-content-secondary)] [font-size:var(--semantic-typography-body-font-size)] [font-weight:var(--semantic-typography-body-font-weight)]", ni = {
+), ii = "m-0 leading-[1.5] text-[color:var(--semantic-color-content-secondary)] [font-size:var(--semantic-typography-body-font-size)] [font-weight:var(--semantic-typography-body-font-weight)]", ni = {
   heading1: "h1",
   heading2: "h2",
   heading3: "h3"
-}, il = re(function({
-  heading: a,
-  subheading: e,
-  level: t,
-  gap: r = "px8",
-  as: n = "div",
-  headingAs: s,
-  subheadingAs: l = "p"
-}, c) {
-  const d = s ?? ni[t];
-  return /* @__PURE__ */ f(n, { ref: c, className: m(ai({ gap: r })), children: [
-    /* @__PURE__ */ o(d, { className: m(ri({ level: t })), children: a }),
-    /* @__PURE__ */ o(l, { className: ii, children: e })
-  ] });
-}), mt = {
+}, il = /* @__PURE__ */ re(
+  function({
+    heading: a,
+    subheading: e,
+    level: t,
+    gap: r = "px8",
+    as: n = "div",
+    headingAs: s,
+    subheadingAs: l = "p"
+  }, c) {
+    const d = s ?? ni[t];
+    return /* @__PURE__ */ f(n, { ref: c, className: m(ai({ gap: r })), children: [
+      /* @__PURE__ */ o(d, { className: m(ri({ level: t })), children: a }),
+      /* @__PURE__ */ o(l, { className: ii, children: e })
+    ] });
+  }
+), mt = {
   link: {
     display: "grid",
     gridTemplateColumns: "auto minmax(0, 1fr) auto",
@@ -932,22 +946,34 @@ const oi = {
   sm: "small",
   md: "medium",
   lg: "large"
-}, Te = re(function({ icon: a, variant: e, size: t, iconSize: r, iconColor: n, label: s, disabled: l, "aria-label": c, ...d }, p) {
-  const u = r ?? oi[t ?? "md"];
-  return /* @__PURE__ */ o(
-    Ze,
-    {
-      ref: p,
-      iconOnly: !0,
-      size: t,
-      variant: e,
-      disabled: l,
-      "aria-label": s ?? c ?? "Icon button",
-      iconLeft: /* @__PURE__ */ o(O, { icon: a, size: u, color: n ?? "currentColor" }),
-      ...d
-    }
-  );
-}), si = D(
+}, Te = /* @__PURE__ */ re(
+  function({
+    icon: a,
+    variant: e,
+    size: t,
+    iconSize: r,
+    iconColor: n,
+    label: s,
+    disabled: l,
+    "aria-label": c,
+    ...d
+  }, p) {
+    const u = r ?? oi[t ?? "md"];
+    return /* @__PURE__ */ o(
+      Ze,
+      {
+        ref: p,
+        iconOnly: !0,
+        size: t,
+        variant: e,
+        disabled: l,
+        "aria-label": s ?? c ?? "Icon button",
+        iconLeft: /* @__PURE__ */ o(O, { icon: a, size: u, color: n ?? "currentColor" }),
+        ...d
+      }
+    );
+  }
+), si = /* @__PURE__ */ D(
   "inline-flex max-w-[var(--semantic-typography-mono-max-width)] items-center whitespace-nowrap rounded-none border-0 bg-[var(--component-badge-bg)] px-[var(--semantic-space-subgrid-gap)] text-foreground [font-family:var(--semantic-typography-mono-font-family)] [font-size:var(--semantic-typography-mono-font-size)] [font-weight:var(--semantic-typography-mono-font-weight)] [letter-spacing:var(--semantic-typography-mono-letter-spacing)]",
   {
     variants: {
@@ -1007,7 +1033,7 @@ function ol({
     }
   ) : d;
 }
-const li = D(
+const li = /* @__PURE__ */ D(
   "flex w-full rounded-md border bg-background text-foreground ring-offset-background transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:bg-muted disabled:text-muted-foreground disabled:opacity-70",
   {
     variants: {
@@ -1056,7 +1082,7 @@ const li = D(
     iconClass: "size-5",
     iconWrap: "[&_svg]:size-5"
   }
-}, ci = g.forwardRef(function({
+}, ci = /* @__PURE__ */ g.forwardRef(function({
   type: a = "text",
   size: e = "md",
   textStyle: t = "body",
@@ -1175,7 +1201,7 @@ const li = D(
     s && !_ && /* @__PURE__ */ o("span", { id: V, className: "text-xs text-muted-foreground", children: s }),
     M && (p || R === "error") && /* @__PURE__ */ o("span", { id: _, role: "alert", className: "text-xs text-destructive", children: p || "Field error" })
   ] });
-}), pi = D(
+}), pi = /* @__PURE__ */ D(
   "flex w-full rounded-md border bg-background px-3 py-2 text-sm text-foreground ring-offset-background transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:bg-muted disabled:text-muted-foreground disabled:opacity-70",
   {
     variants: {
@@ -1194,42 +1220,44 @@ const li = D(
       invalid: !1
     }
   }
-), sl = g.forwardRef(function({
-  id: a,
-  label: e,
-  helperText: t,
-  error: r,
-  errorMessage: n,
-  disabled: s,
-  resize: l = "vertical",
-  rows: c = 4,
-  className: d,
-  textareaClassName: p,
-  ...u
-}, h) {
-  const v = g.useId(), y = a ?? v, b = !!r, S = t ? `${y}-hint` : void 0, C = b && n ? `${y}-error` : void 0, N = [S, C].filter(Boolean).join(" ") || void 0, P = s ? "disabled" : b ? "error" : "default";
-  return /* @__PURE__ */ f("div", { className: m("flex flex-col gap-1.5", d), children: [
-    e && /* @__PURE__ */ o("label", { htmlFor: y, className: "text-xs font-medium text-muted-foreground", children: e }),
-    /* @__PURE__ */ o(
-      "textarea",
-      {
-        ref: h,
-        id: y,
-        rows: c,
-        disabled: s,
-        "aria-disabled": s || void 0,
-        "aria-describedby": N,
-        "aria-errormessage": C,
-        "aria-invalid": b || void 0,
-        "data-state": P,
-        className: m(pi({ resize: l, invalid: b }), p),
-        ...u
-      }
-    ),
-    t && !C && /* @__PURE__ */ o("span", { id: S, className: "text-xs text-muted-foreground", children: t }),
-    b && n && /* @__PURE__ */ o("span", { id: C, role: "alert", className: "text-xs text-destructive", children: n })
-  ] });
-});
+), sl = /* @__PURE__ */ g.forwardRef(
+  function({
+    id: a,
+    label: e,
+    helperText: t,
+    error: r,
+    errorMessage: n,
+    disabled: s,
+    resize: l = "vertical",
+    rows: c = 4,
+    className: d,
+    textareaClassName: p,
+    ...u
+  }, h) {
+    const v = g.useId(), y = a ?? v, b = !!r, S = t ? `${y}-hint` : void 0, C = b && n ? `${y}-error` : void 0, N = [S, C].filter(Boolean).join(" ") || void 0, P = s ? "disabled" : b ? "error" : "default";
+    return /* @__PURE__ */ f("div", { className: m("flex flex-col gap-1.5", d), children: [
+      e && /* @__PURE__ */ o("label", { htmlFor: y, className: "text-xs font-medium text-muted-foreground", children: e }),
+      /* @__PURE__ */ o(
+        "textarea",
+        {
+          ref: h,
+          id: y,
+          rows: c,
+          disabled: s,
+          "aria-disabled": s || void 0,
+          "aria-describedby": N,
+          "aria-errormessage": C,
+          "aria-invalid": b || void 0,
+          "data-state": P,
+          className: m(pi({ resize: l, invalid: b }), p),
+          ...u
+        }
+      ),
+      t && !C && /* @__PURE__ */ o("span", { id: S, className: "text-xs text-muted-foreground", children: t }),
+      b && n && /* @__PURE__ */ o("span", { id: C, role: "alert", className: "text-xs text-destructive", children: n })
+    ] });
+  }
+);
 function Ke({
   disabled: i,
   frozenState: a = null
@@ -1256,7 +1284,7 @@ function Ke({
     }
   };
 }
-const ui = D(
+const ui = /* @__PURE__ */ D(
   "relative inline-flex items-center gap-[var(--semantic-space-subgrid-gap)] rounded-md py-[var(--semantic-space-subgrid-gap)] px-[var(--semantic-space-scale-xs)] select-none",
   {
     variants: {
@@ -1270,7 +1298,7 @@ const ui = D(
     },
     defaultVariants: { state: "rest" }
   }
-), mi = D("absolute inset-0 m-0 opacity-0", {
+), mi = /* @__PURE__ */ D("absolute inset-0 m-0 opacity-0", {
   variants: {
     state: {
       rest: "cursor-pointer",
@@ -1281,7 +1309,7 @@ const ui = D(
     }
   },
   defaultVariants: { state: "rest" }
-}), hi = D(
+}), hi = /* @__PURE__ */ D(
   "inline-flex shrink-0 items-center justify-center w-[var(--semantic-size-control-md)] h-[var(--semantic-size-control-md)] rounded-[var(--semantic-radius-control)] border-solid border-[length:var(--semantic-borderWidth-emphasis)] outline-offset-2",
   {
     variants: {
@@ -1333,84 +1361,86 @@ const ui = D(
 function fi(i, a) {
   typeof i == "function" ? i(a) : i && (i.current = a);
 }
-const ll = re(function({ label: a, checked: e, onChange: t, indeterminate: r = !1, onFocus: n, onBlur: s, disabled: l, ...c }, d) {
-  const p = Be(null), u = qe(), { visualState: h, isHover: v, isFocused: y, isPressed: b, isDisabled: S, handlers: C } = Ke({
-    disabled: l,
-    frozenState: u
-  });
-  Ue(() => {
-    p.current && (p.current.indeterminate = r);
-  }, [r]);
-  const N = e || r, P = S ? "var(--semantic-color-content-disabled)" : "var(--semantic-color-content-onAccent)", k = ee("productive");
-  return /* @__PURE__ */ f(
-    A.label,
-    {
-      whileTap: S ? void 0 : { scale: 0.99 },
-      transition: { duration: k.duration, ease: k.easing },
-      onMouseEnter: C.onMouseEnter,
-      onMouseLeave: C.onMouseLeave,
-      onPointerDown: C.onPointerDown,
-      onPointerUp: C.onPointerUp,
-      onPointerCancel: C.onPointerCancel,
-      className: ui({ state: h }),
-      children: [
-        /* @__PURE__ */ o(
-          "input",
-          {
-            ref: (T) => {
-              p.current = T, fi(d, T);
-            },
-            type: "checkbox",
-            checked: e,
-            disabled: S,
-            "aria-checked": r ? "mixed" : e,
-            onChange: (T) => t(T.target.checked),
-            onFocus: (T) => {
-              C.onFocus(), n == null || n(T);
-            },
-            onBlur: (T) => {
-              C.onBlur(), s == null || s(T);
-            },
-            className: mi({ state: h }),
-            ...c
-          }
-        ),
-        /* @__PURE__ */ o(
-          A.span,
-          {
-            "aria-hidden": "true",
-            animate: { scale: b ? 0.94 : v || y ? 1.04 : 1 },
-            transition: {
-              duration: k.duration,
-              ease: k.easing
-            },
-            className: hi({ state: h, on: N }),
-            style: {
-              transition: `background-color ${k.duration}s ease, border-color ${k.duration}s ease`
-            },
-            children: r ? /* @__PURE__ */ o(O, { icon: St, size: 14, color: P, "aria-hidden": !0 }) : e ? /* @__PURE__ */ o(O, { icon: le, size: 14, color: P, "aria-hidden": !0 }) : null
-          }
-        ),
-        /* @__PURE__ */ o(
-          A.span,
-          {
-            className: "text-secondary",
-            animate: { x: b ? x.space.px1 : 0 },
-            transition: {
-              duration: k.duration,
-              ease: k.easing
-            },
-            style: {
-              ...x.typeStyles.ui,
-              color: S ? "var(--semantic-color-content-disabled)" : "var(--semantic-color-content-primary)"
-            },
-            children: a
-          }
-        )
-      ]
-    }
-  );
-}), gi = D("absolute inset-0 m-0 opacity-0", {
+const ll = /* @__PURE__ */ re(
+  function({ label: a, checked: e, onChange: t, indeterminate: r = !1, onFocus: n, onBlur: s, disabled: l, ...c }, d) {
+    const p = Be(null), u = qe(), { visualState: h, isHover: v, isFocused: y, isPressed: b, isDisabled: S, handlers: C } = Ke({
+      disabled: l,
+      frozenState: u
+    });
+    Ue(() => {
+      p.current && (p.current.indeterminate = r);
+    }, [r]);
+    const N = e || r, P = S ? "var(--semantic-color-content-disabled)" : "var(--semantic-color-content-onAccent)", k = ee("productive");
+    return /* @__PURE__ */ f(
+      A.label,
+      {
+        whileTap: S ? void 0 : { scale: 0.99 },
+        transition: { duration: k.duration, ease: k.easing },
+        onMouseEnter: C.onMouseEnter,
+        onMouseLeave: C.onMouseLeave,
+        onPointerDown: C.onPointerDown,
+        onPointerUp: C.onPointerUp,
+        onPointerCancel: C.onPointerCancel,
+        className: ui({ state: h }),
+        children: [
+          /* @__PURE__ */ o(
+            "input",
+            {
+              ref: (T) => {
+                p.current = T, fi(d, T);
+              },
+              type: "checkbox",
+              checked: e,
+              disabled: S,
+              "aria-checked": r ? "mixed" : e,
+              onChange: (T) => t(T.target.checked),
+              onFocus: (T) => {
+                C.onFocus(), n == null || n(T);
+              },
+              onBlur: (T) => {
+                C.onBlur(), s == null || s(T);
+              },
+              className: mi({ state: h }),
+              ...c
+            }
+          ),
+          /* @__PURE__ */ o(
+            A.span,
+            {
+              "aria-hidden": "true",
+              animate: { scale: b ? 0.94 : v || y ? 1.04 : 1 },
+              transition: {
+                duration: k.duration,
+                ease: k.easing
+              },
+              className: hi({ state: h, on: N }),
+              style: {
+                transition: `background-color ${k.duration}s ease, border-color ${k.duration}s ease`
+              },
+              children: r ? /* @__PURE__ */ o(O, { icon: St, size: 14, color: P, "aria-hidden": !0 }) : e ? /* @__PURE__ */ o(O, { icon: le, size: 14, color: P, "aria-hidden": !0 }) : null
+            }
+          ),
+          /* @__PURE__ */ o(
+            A.span,
+            {
+              className: "text-secondary",
+              animate: { x: b ? x.space.px1 : 0 },
+              transition: {
+                duration: k.duration,
+                ease: k.easing
+              },
+              style: {
+                ...x.typeStyles.ui,
+                color: S ? "var(--semantic-color-content-disabled)" : "var(--semantic-color-content-primary)"
+              },
+              children: a
+            }
+          )
+        ]
+      }
+    );
+  }
+), gi = /* @__PURE__ */ D("absolute inset-0 m-0 opacity-0", {
   variants: {
     state: {
       rest: "cursor-pointer",
@@ -1421,7 +1451,7 @@ const ll = re(function({ label: a, checked: e, onChange: t, indeterminate: r = !
     }
   },
   defaultVariants: { state: "rest" }
-}), vi = D(
+}), vi = /* @__PURE__ */ D(
   "relative inline-flex items-center gap-[var(--semantic-space-subgrid-gap)] select-none",
   {
     variants: {
@@ -1435,7 +1465,7 @@ const ll = re(function({ label: a, checked: e, onChange: t, indeterminate: r = !
     },
     defaultVariants: { state: "rest" }
   }
-), yi = D(
+), yi = /* @__PURE__ */ D(
   // tier-ok: primitive.size.20 / primitive.radius.full mirror checkbox's glyph box model 1:1 — no semantic alias for either
   "inline-flex shrink-0 items-center justify-center w-[var(--primitive-size-20)] h-[var(--primitive-size-20)] rounded-[var(--primitive-radius-full)] border-solid border-[length:var(--primitive-borderWidth-sm)]",
   {
@@ -1476,7 +1506,7 @@ const ll = re(function({ label: a, checked: e, onChange: t, indeterminate: r = !
     ],
     defaultVariants: { state: "rest", on: !1 }
   }
-), bi = D(
+), bi = /* @__PURE__ */ D(
   // `inline-block` is the other half of the #225 fix: the dot's declared
   // width/height are ignored under the browser's default `display: inline`.
   // tier-ok: radius-full (9999px) is the mathematical "fully round" constant — one possible value, not a design-scale choice. hds#186/hds#242
@@ -1490,7 +1520,7 @@ const ll = re(function({ label: a, checked: e, onChange: t, indeterminate: r = !
     },
     defaultVariants: { disabled: !1 }
   }
-), dl = re(function({
+), dl = /* @__PURE__ */ re(function({
   label: a,
   checked: e,
   onChange: t,
@@ -1600,7 +1630,7 @@ const ll = re(function({ label: a, checked: e, onChange: t, indeterminate: r = !
       ]
     }
   );
-}), cl = re(function({ label: a, min: e, max: t, step: r = 1, value: n, onChange: s }, l) {
+}), cl = /* @__PURE__ */ re(function({ label: a, min: e, max: t, step: r = 1, value: n, onChange: s }, l) {
   const [c, d] = G(!1), p = t - e, h = `${(p <= 0 ? 0 : Math.min(Math.max((n - e) / p, 0), 1)) * 100}%`, v = ee("productive"), y = ee("expressive");
   return (
     // eslint-disable-next-line tailwindcss/no-arbitrary-value -- token-driven gap; var()-based, no Tailwind-theme utility exists
@@ -1676,7 +1706,7 @@ const ll = re(function({ label: a, checked: e, onChange: t, indeterminate: r = !
       ] })
     ] })
   );
-}), Qe = (i) => parseFloat(i), wi = Qe(Ye.primitive.size[40]), xi = Qe(Ye.primitive.size[20]), Lt = Qe(Ye.primitive.size[16]), ki = (xi - Lt) / 2, $i = wi - Lt - ki * 2, Ci = D(
+}), Qe = (i) => parseFloat(i), wi = Qe(Ye.primitive.size[40]), xi = Qe(Ye.primitive.size[20]), Lt = Qe(Ye.primitive.size[16]), ki = (xi - Lt) / 2, $i = wi - Lt - ki * 2, Ci = /* @__PURE__ */ D(
   "relative inline-flex items-center gap-[var(--semantic-space-subgrid-gap)] rounded-md py-[var(--semantic-space-subgrid-gap)] px-[var(--semantic-space-scale-xs)] outline-offset-2 select-none",
   {
     variants: {
@@ -1690,7 +1720,7 @@ const ll = re(function({ label: a, checked: e, onChange: t, indeterminate: r = !
     },
     defaultVariants: { state: "rest" }
   }
-), Si = D("absolute inset-0 m-0 opacity-0", {
+), Si = /* @__PURE__ */ D("absolute inset-0 m-0 opacity-0", {
   variants: {
     state: {
       rest: "cursor-pointer",
@@ -1701,7 +1731,7 @@ const ll = re(function({ label: a, checked: e, onChange: t, indeterminate: r = !
     }
   },
   defaultVariants: { state: "rest" }
-}), Di = D(
+}), Di = /* @__PURE__ */ D(
   // tier-ok: primitive.size.40 / primitive.size.20 / primitive.radius.full — no semantic alias for toggle-track geometry yet (same gap as checkbox/radio's glyph sizing)
   "inline-flex shrink-0 items-center rounded-[var(--primitive-radius-full)] border-solid border-[length:var(--primitive-borderWidth-sm)] p-[var(--semantic-space-subgrid-xs)] w-[var(--primitive-size-40)] h-[var(--primitive-size-20)]",
   {
@@ -1737,10 +1767,10 @@ const ll = re(function({ label: a, checked: e, onChange: t, indeterminate: r = !
     ],
     defaultVariants: { on: !1, disabled: !1 }
   }
-), Ti = D(
+), Ti = /* @__PURE__ */ D(
   // tier-ok: primitive.size.16 / primitive.radius.full — no semantic alias for toggle-thumb geometry yet
   "pointer-events-none block w-[var(--primitive-size-16)] h-[var(--primitive-size-16)] rounded-[var(--primitive-radius-full)] bg-[var(--semantic-color-surface-page)]"
-), pl = re(function({ label: a, checked: e, onChange: t, onFocus: r, onBlur: n, disabled: s, ...l }, c) {
+), pl = /* @__PURE__ */ re(function({ label: a, checked: e, onChange: t, onFocus: r, onBlur: n, disabled: s, ...l }, c) {
   const d = qe(), { visualState: p, isHover: u, isFocused: h, isPressed: v, isDisabled: y, handlers: b } = Ke({
     disabled: s,
     frozenState: d
@@ -1827,7 +1857,7 @@ const ll = re(function({ label: a, checked: e, onChange: t, indeterminate: r = !
       ]
     }
   );
-}), qi = D("w-full overflow-hidden rounded-full bg-muted", {
+}), qi = /* @__PURE__ */ D("w-full overflow-hidden rounded-full bg-muted", {
   variants: {
     size: {
       sm: "h-1",
@@ -1840,33 +1870,35 @@ const ll = re(function({ label: a, checked: e, onChange: t, indeterminate: r = !
 function Ni(i) {
   return Math.max(0, Math.min(100, i));
 }
-const ul = g.forwardRef(function({ className: a, size: e, value: t = null, label: r = "Progress", ...n }, s) {
-  const l = t == null, c = l ? 100 : Ni(t);
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      ref: s,
-      role: "progressbar",
-      "aria-label": r,
-      "aria-valuemin": l ? void 0 : 0,
-      "aria-valuemax": l ? void 0 : 100,
-      "aria-valuenow": l ? void 0 : Math.round(c),
-      "data-state": l ? "indeterminate" : "determinate",
-      className: m(qi({ size: e }), a),
-      ...n,
-      children: /* @__PURE__ */ o(
-        "div",
-        {
-          className: m(
-            "h-full rounded-full bg-accent transition-[width] duration-300 ease-out",
-            l && "animate-pulse motion-reduce:animate-none"
-          ),
-          style: { width: `${c}%` }
-        }
-      )
-    }
-  );
-}), Pi = D("hds-skeleton block", {
+const ul = /* @__PURE__ */ g.forwardRef(
+  function({ className: a, size: e, value: t = null, label: r = "Progress", ...n }, s) {
+    const l = t == null, c = l ? 100 : Ni(t);
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: s,
+        role: "progressbar",
+        "aria-label": r,
+        "aria-valuemin": l ? void 0 : 0,
+        "aria-valuemax": l ? void 0 : 100,
+        "aria-valuenow": l ? void 0 : Math.round(c),
+        "data-state": l ? "indeterminate" : "determinate",
+        className: m(qi({ size: e }), a),
+        ...n,
+        children: /* @__PURE__ */ o(
+          "div",
+          {
+            className: m(
+              "h-full rounded-full bg-accent transition-[width] duration-300 ease-out",
+              l && "animate-pulse motion-reduce:animate-none"
+            ),
+            style: { width: `${c}%` }
+          }
+        )
+      }
+    );
+  }
+), Pi = /* @__PURE__ */ D("hds-skeleton block", {
   variants: {
     variant: {
       text: "rounded",
@@ -1875,20 +1907,22 @@ const ul = g.forwardRef(function({ className: a, size: e, value: t = null, label
     }
   },
   defaultVariants: { variant: "rectangular" }
-}), ml = g.forwardRef(function({ className: a, variant: e = "rectangular", width: t, height: r, style: n, ...s }, l) {
-  const c = r ?? (e === "text" ? "1em" : void 0);
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      ref: l,
-      "aria-hidden": "true",
-      "data-variant": e,
-      className: m(Pi({ variant: e }), a),
-      style: { width: t, height: c, ...n },
-      ...s
-    }
-  );
-}), Ri = D(
+}), ml = /* @__PURE__ */ g.forwardRef(
+  function({ className: a, variant: e = "rectangular", width: t, height: r, style: n, ...s }, l) {
+    const c = r ?? (e === "text" ? "1em" : void 0);
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: l,
+        "aria-hidden": "true",
+        "data-variant": e,
+        className: m(Pi({ variant: e }), a),
+        style: { width: t, height: c, ...n },
+        ...s
+      }
+    );
+  }
+), Ri = /* @__PURE__ */ D(
   "inline-block shrink-0 animate-spin rounded-full border-solid border-current border-t-transparent align-middle motion-reduce:animate-none",
   {
     variants: {
@@ -1900,19 +1934,21 @@ const ul = g.forwardRef(function({ className: a, size: e, value: t = null, label
     },
     defaultVariants: { size: "md" }
   }
-), hl = g.forwardRef(function({ className: a, size: e, label: t = "Loading", ...r }, n) {
-  return /* @__PURE__ */ o(
-    "span",
-    {
-      ref: n,
-      role: "status",
-      "aria-label": t,
-      "data-size": e ?? "md",
-      className: m(Ri({ size: e }), a),
-      ...r
-    }
-  );
-}), Ii = D(
+), hl = /* @__PURE__ */ g.forwardRef(
+  function({ className: a, size: e, label: t = "Loading", ...r }, n) {
+    return /* @__PURE__ */ o(
+      "span",
+      {
+        ref: n,
+        role: "status",
+        "aria-label": t,
+        "data-size": e ?? "md",
+        className: m(Ri({ size: e }), a),
+        ...r
+      }
+    );
+  }
+), Ii = /* @__PURE__ */ D(
   "inline-flex max-w-full flex-col items-start self-start gap-[var(--semantic-space-scale-xs)] p-0",
   {
     variants: {
@@ -1923,7 +1959,7 @@ const ul = g.forwardRef(function({ className: a, size: e, value: t = null, label
     },
     defaultVariants: { fullWidth: !1 }
   }
-), Mi = D(
+), Mi = /* @__PURE__ */ D(
   "flex max-w-full items-stretch gap-[var(--semantic-space-subgrid-gap)] overflow-x-auto overflow-y-hidden rounded-lg border border-solid border-[var(--semantic-color-border-default)] [scrollbar-width:thin]",
   {
     variants: {
@@ -1938,7 +1974,7 @@ const ul = g.forwardRef(function({ className: a, size: e, value: t = null, label
     },
     defaultVariants: { variant: "primary", fullWidth: !1 }
   }
-), Ei = D(
+), Ei = /* @__PURE__ */ D(
   "relative m-0 flex flex-col items-center justify-center gap-[var(--semantic-space-subgrid-hairline)] rounded-md border-0 bg-transparent py-[var(--semantic-space-subgrid-gap)] text-center transition-[color,outline-color,transform] duration-[var(--hds-motion-productive-duration)] ease-[var(--hds-motion-productive-easing)]",
   {
     variants: {
@@ -2014,7 +2050,7 @@ const ul = g.forwardRef(function({ className: a, size: e, value: t = null, label
       disabled: !1
     }
   }
-), Oi = D(
+), Oi = /* @__PURE__ */ D(
   "pointer-events-none absolute inset-0 z-0 rounded-md bg-transparent shadow-none",
   {
     variants: {
@@ -2097,7 +2133,7 @@ const ul = g.forwardRef(function({ className: a, size: e, value: t = null, label
     ],
     defaultVariants: { variant: "primary", active: !1, interaction: "rest", disabled: !1 }
   }
-), zi = D(
+), zi = /* @__PURE__ */ D(
   // tier-ok: primitive.zIndex.10 (the discrete 0/10/100/1000 stacking scale, reached as hds.zIndex.focus) has no semantic alias — same primitive ref the pre-Tailwind inline style used
   "relative z-[var(--primitive-zIndex-10)] text-xs font-medium text-[var(--semantic-color-content-secondary)]",
   {
@@ -2118,7 +2154,7 @@ const ul = g.forwardRef(function({ className: a, size: e, value: t = null, label
     ],
     defaultVariants: { variant: "primary", active: !1, interaction: "rest", disabled: !1 }
   }
-), Li = D(
+), Li = /* @__PURE__ */ D(
   // tier-ok: primitive.borderWidth.sm (the 2px accent/selection-ring weight) has no semantic alias — same primitive ref the pre-Tailwind inline style used
   "outline outline-[length:var(--primitive-borderWidth-sm)] outline-offset-[length:var(--semantic-space-subgrid-gap)]",
   {
@@ -2130,10 +2166,10 @@ const ul = g.forwardRef(function({ className: a, size: e, value: t = null, label
     },
     defaultVariants: { variant: "primary" }
   }
-), Hi = D(
+), Hi = /* @__PURE__ */ D(
   // tier-ok: primitive.zIndex.10, reached as hds.zIndex.focus, has no semantic alias — same primitive ref the pre-Tailwind inline style used
   "relative z-[var(--primitive-zIndex-10)] max-w-[60ch] text-sm font-medium leading-5 text-current"
-), fl = re(
+), fl = /* @__PURE__ */ re(
   function({
     label: a,
     "aria-label": e,
@@ -2251,7 +2287,7 @@ const ul = g.forwardRef(function({ className: a, size: e, value: t = null, label
       )
     ] });
   }
-), Ai = ge(K.Portal), gl = re(function({ label: a, showLabel: e = !0, options: t, value: r, onChange: n, container: s }, l) {
+), Ai = /* @__PURE__ */ ge(K.Portal), gl = /* @__PURE__ */ re(function({ label: a, showLabel: e = !0, options: t, value: r, onChange: n, container: s }, l) {
   const c = t.find((d) => d.value === r) ?? t[0];
   return /* @__PURE__ */ f("div", { className: "flex flex-col", children: [
     e ? /* @__PURE__ */ o(
@@ -2312,13 +2348,13 @@ const ul = g.forwardRef(function({ className: a, size: e, value: t = null, label
       ) })
     ] })
   ] });
-}), Bi = D(
+}), Bi = /* @__PURE__ */ D(
   // 44px is the WCAG 2.5.5 / platform HIG minimum interactive target — a
   // regulatory floor, not a design-scale choice; no semantic size scale exists
   // yet for dimensional primitives (see hds#186 follow-up).
   // tier-ok: regulatory a11y constant, not a design decision. hds#186
   "group inline-flex min-w-[var(--primitive-size-interactive-min)] cursor-pointer select-none items-center justify-center border-0 bg-transparent p-0 text-inherit transition-colors disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
-), Vi = D(
+), Vi = /* @__PURE__ */ D(
   "pointer-events-none box-border inline-flex min-h-[var(--component-tag-minHeight)] min-w-[var(--component-tag-minWidth)] items-center justify-center whitespace-nowrap rounded-[var(--component-tag-radius)] border border-solid px-[var(--component-tag-paddingX)] py-[var(--component-tag-paddingY)] text-xs font-medium leading-none transition-colors",
   {
     variants: {
@@ -2329,7 +2365,7 @@ const ul = g.forwardRef(function({ className: a, size: e, value: t = null, label
     },
     defaultVariants: { selected: !1 }
   }
-), Fi = g.forwardRef(function({ children: a, active: e = !1, className: t, type: r = "button", ...n }, s) {
+), Fi = /* @__PURE__ */ g.forwardRef(function({ children: a, active: e = !1, className: t, type: r = "button", ...n }, s) {
   return /* @__PURE__ */ o(
     "button",
     {
@@ -2483,7 +2519,7 @@ function* At(i, a = [], e = null) {
   for (const n of Object.keys(t))
     Zi.has(n) || (yield* At(t[n], [...a, n], r));
 }
-const on = Ht, sn = [...At(on)], ln = D(
+const on = Ht, sn = [...At(on)], ln = /* @__PURE__ */ D(
   // tier-ok: primitive.space.2 (8px shell padding) has no semantic alias — same primitive ref Token.module.css used
   "[font:inherit] mb-0 box-border flex items-center whitespace-normal border border-solid border-[var(--component-button-secondary-border-rest)] rounded-[var(--semantic-radius-action)] bg-[var(--component-button-secondary-bg-rest)] p-[var(--primitive-space-2)] text-left text-inherit",
   {
@@ -2528,7 +2564,7 @@ const on = Ht, sn = [...At(on)], ln = D(
       nowrap: !1
     }
   }
-), dn = D(
+), dn = /* @__PURE__ */ D(
   "flex w-full min-w-0 max-w-full gap-[var(--semantic-space-subgrid-gap)]",
   {
     variants: {
@@ -2539,7 +2575,7 @@ const on = Ht, sn = [...At(on)], ln = D(
     },
     defaultVariants: { sourceNode: !1 }
   }
-), cn = D(
+), cn = /* @__PURE__ */ D(
   // tier-ok: primitive.typography.family.mono (Geist Mono stack) has no semantic alias — same primitive ref hds.typeStyles.technical used
   "relative block w-full max-w-full min-w-0 font-normal leading-none text-[13px] [font-family:var(--primitive-typography-family-mono)]",
   {
@@ -2778,7 +2814,7 @@ function xn(i) {
     'Token variant="diagram" is deprecated and resolves to variant="node" (removed in 1.0.0); migrate to variant="node".'
   ), /* @__PURE__ */ o(wn, { ...i })) : /* @__PURE__ */ o(Bt, { ...i });
 }
-const kn = D(
+const kn = /* @__PURE__ */ D(
   "inline-flex items-center justify-center whitespace-nowrap align-middle select-none rounded border border-border bg-muted font-medium text-muted-foreground",
   {
     variants: {
@@ -2790,7 +2826,7 @@ const kn = D(
     },
     defaultVariants: { size: "md" }
   }
-), vl = g.forwardRef(function({ className: a, size: e, children: t, ...r }, n) {
+), vl = /* @__PURE__ */ g.forwardRef(function({ className: a, size: e, children: t, ...r }, n) {
   return /* @__PURE__ */ o(
     "kbd",
     {
@@ -2801,7 +2837,7 @@ const kn = D(
       children: t
     }
   );
-}), $n = D("inline-block shrink-0 rounded-full", {
+}), $n = /* @__PURE__ */ D("inline-block shrink-0 rounded-full", {
   variants: {
     tone: {
       neutral: "bg-muted-foreground",
@@ -2818,18 +2854,20 @@ const kn = D(
     }
   },
   defaultVariants: { tone: "neutral", size: "md" }
-}), yl = g.forwardRef(function({ className: a, tone: e, size: t, label: r, ...n }, s) {
-  return /* @__PURE__ */ o(
-    "span",
-    {
-      ref: s,
-      "data-tone": e ?? "neutral",
-      className: m($n({ tone: e, size: t }), a),
-      ...r ? { role: "status", "aria-label": r } : { "aria-hidden": !0 },
-      ...n
-    }
-  );
-});
+}), yl = /* @__PURE__ */ g.forwardRef(
+  function({ className: a, tone: e, size: t, label: r, ...n }, s) {
+    return /* @__PURE__ */ o(
+      "span",
+      {
+        ref: s,
+        "data-tone": e ?? "neutral",
+        className: m($n({ tone: e, size: t }), a),
+        ...r ? { role: "status", "aria-label": r } : { "aria-hidden": !0 },
+        ...n
+      }
+    );
+  }
+);
 function ft(i) {
   return i instanceof Date ? i : new Date(i);
 }
@@ -2853,48 +2891,55 @@ const Dn = {
   date: { dateStyle: "medium" },
   time: { timeStyle: "short" },
   datetime: { dateStyle: "medium", timeStyle: "short" }
-}, bl = g.forwardRef(function({ className: a, date: e, format: t = "datetime", locale: r, now: n, ...s }, l) {
-  const c = ft(e), d = Number.isNaN(c.getTime()) ? void 0 : c.toISOString();
-  let p;
-  return Number.isNaN(c.getTime()) ? p = "" : t === "relative" ? p = Sn(c, n != null ? ft(n) : /* @__PURE__ */ new Date(), r) : p = new Intl.DateTimeFormat(r, Dn[t]).format(c), /* @__PURE__ */ o(
-    "time",
-    {
-      ref: l,
-      dateTime: d,
-      "data-format": t,
-      className: m("tabular-nums", a),
-      ...s,
-      children: p
-    }
-  );
-}), Tn = D("border-l-2 border-border pl-4 font-medium text-foreground", {
-  variants: {
-    size: {
-      sm: "text-sm",
-      md: "text-base",
-      lg: "text-lg"
-    }
-  },
-  defaultVariants: { size: "md" }
-}), wl = g.forwardRef(function({ className: a, size: e, attribution: t, children: r, ...n }, s) {
-  return /* @__PURE__ */ f(
-    "blockquote",
-    {
-      ref: s,
-      "data-size": e ?? "md",
-      className: m(Tn({ size: e }), a),
-      ...n,
-      children: [
-        r,
-        t != null && /* @__PURE__ */ o("footer", { className: "mt-2 text-sm font-medium text-muted-foreground", children: t })
-      ]
-    }
-  );
-}), xl = g.forwardRef(
+}, bl = /* @__PURE__ */ g.forwardRef(
+  function({ className: a, date: e, format: t = "datetime", locale: r, now: n, ...s }, l) {
+    const c = ft(e), d = Number.isNaN(c.getTime()) ? void 0 : c.toISOString();
+    let p;
+    return Number.isNaN(c.getTime()) ? p = "" : t === "relative" ? p = Sn(c, n != null ? ft(n) : /* @__PURE__ */ new Date(), r) : p = new Intl.DateTimeFormat(r, Dn[t]).format(c), /* @__PURE__ */ o(
+      "time",
+      {
+        ref: l,
+        dateTime: d,
+        "data-format": t,
+        className: m("tabular-nums", a),
+        ...s,
+        children: p
+      }
+    );
+  }
+), Tn = /* @__PURE__ */ D(
+  "border-l-2 border-border pl-4 font-medium text-foreground",
+  {
+    variants: {
+      size: {
+        sm: "text-sm",
+        md: "text-base",
+        lg: "text-lg"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), wl = /* @__PURE__ */ g.forwardRef(
+  function({ className: a, size: e, attribution: t, children: r, ...n }, s) {
+    return /* @__PURE__ */ f(
+      "blockquote",
+      {
+        ref: s,
+        "data-size": e ?? "md",
+        className: m(Tn({ size: e }), a),
+        ...n,
+        children: [
+          r,
+          t != null && /* @__PURE__ */ o("footer", { className: "mt-2 text-sm font-medium text-muted-foreground", children: t })
+        ]
+      }
+    );
+  }
+), xl = /* @__PURE__ */ g.forwardRef(
   function({ as: a = "span", className: e, children: t, ...r }, n) {
     return /* @__PURE__ */ o(a, { ref: n, className: m("sr-only", e), ...r, children: t });
   }
-), qn = D(
+), qn = /* @__PURE__ */ D(
   "inline-flex -ml-2 shrink-0 items-center justify-center rounded-full bg-muted font-medium text-muted-foreground ring-2 ring-background",
   {
     variants: {
@@ -2906,56 +2951,63 @@ const Dn = {
     },
     defaultVariants: { size: "md" }
   }
-), kl = g.forwardRef(function({ className: a, children: e, max: t, size: r, ...n }, s) {
-  const l = r ?? "md", c = g.Children.toArray(e).filter(g.isValidElement), d = t && t > 0 ? t : c.length, p = c.slice(0, d), u = c.length - p.length;
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      ref: s,
-      role: "group",
-      "data-size": l,
-      className: m("flex items-center", a),
-      ...n,
-      children: [
-        p.map(
-          (h, v) => g.cloneElement(h, {
-            key: h.key ?? v,
-            size: l,
-            className: m(
-              "ring-2 ring-background",
-              v > 0 && "-ml-2",
-              h.props.className
-            )
-          })
-        ),
-        u > 0 && /* @__PURE__ */ f("span", { "aria-label": `+${u} more`, className: qn({ size: r }), children: [
-          "+",
-          u
-        ] })
-      ]
-    }
-  );
-}), Nn = D("isolate inline-flex [&>*]:relative [&>*:focus-visible]:z-10", {
-  variants: {
-    orientation: {
-      horizontal: "flex-row [&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none",
-      vertical: "flex-col [&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none"
-    }
-  },
-  defaultVariants: { orientation: "horizontal" }
-}), $l = g.forwardRef(function({ className: a, orientation: e, children: t, ...r }, n) {
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      ref: n,
-      role: "group",
-      "data-orientation": e ?? "horizontal",
-      className: m(Nn({ orientation: e }), a),
-      ...r,
-      children: t
-    }
-  );
-}), Pn = D(
+), kl = /* @__PURE__ */ g.forwardRef(
+  function({ className: a, children: e, max: t, size: r, ...n }, s) {
+    const l = r ?? "md", c = g.Children.toArray(e).filter(g.isValidElement), d = t && t > 0 ? t : c.length, p = c.slice(0, d), u = c.length - p.length;
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        ref: s,
+        role: "group",
+        "data-size": l,
+        className: m("flex items-center", a),
+        ...n,
+        children: [
+          p.map(
+            (h, v) => g.cloneElement(h, {
+              key: h.key ?? v,
+              size: l,
+              className: m(
+                "ring-2 ring-background",
+                v > 0 && "-ml-2",
+                h.props.className
+              )
+            })
+          ),
+          u > 0 && /* @__PURE__ */ f("span", { "aria-label": `+${u} more`, className: qn({ size: r }), children: [
+            "+",
+            u
+          ] })
+        ]
+      }
+    );
+  }
+), Nn = /* @__PURE__ */ D(
+  "isolate inline-flex [&>*]:relative [&>*:focus-visible]:z-10",
+  {
+    variants: {
+      orientation: {
+        horizontal: "flex-row [&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "flex-col [&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: { orientation: "horizontal" }
+  }
+), $l = /* @__PURE__ */ g.forwardRef(
+  function({ className: a, orientation: e, children: t, ...r }, n) {
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: n,
+        role: "group",
+        "data-orientation": e ?? "horizontal",
+        className: m(Nn({ orientation: e }), a),
+        ...r,
+        children: t
+      }
+    );
+  }
+), Pn = /* @__PURE__ */ D(
   "flex items-center gap-2 w-full rounded-md border border-input bg-background px-3 text-foreground ring-offset-background transition-colors focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 has-[input:disabled]:cursor-not-allowed has-[input:disabled]:bg-muted has-[input:disabled]:opacity-70",
   {
     variants: {
@@ -2967,25 +3019,27 @@ const Dn = {
     },
     defaultVariants: { size: "md" }
   }
-), Cl = g.forwardRef(function({ className: a, size: e, leading: t, trailing: r, disabled: n, ...s }, l) {
-  return /* @__PURE__ */ f("div", { "data-size": e ?? "md", className: m(Pn({ size: e }), a), children: [
-    t != null && /* @__PURE__ */ o("span", { className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: t }),
-    /* @__PURE__ */ o(
-      "input",
-      {
-        ref: l,
-        disabled: n,
-        className: "h-full w-full min-w-0 bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
-        ...s
-      }
-    ),
-    r != null && /* @__PURE__ */ o("span", { className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: r })
-  ] });
-}), Rn = {
+), Cl = /* @__PURE__ */ g.forwardRef(
+  function({ className: a, size: e, leading: t, trailing: r, disabled: n, ...s }, l) {
+    return /* @__PURE__ */ f("div", { "data-size": e ?? "md", className: m(Pn({ size: e }), a), children: [
+      t != null && /* @__PURE__ */ o("span", { className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: t }),
+      /* @__PURE__ */ o(
+        "input",
+        {
+          ref: l,
+          disabled: n,
+          className: "h-full w-full min-w-0 bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
+          ...s
+        }
+      ),
+      r != null && /* @__PURE__ */ o("span", { className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: r })
+    ] });
+  }
+), Rn = {
   sm: { box: 16, stroke: 2 },
   md: { box: 24, stroke: 3 },
   lg: { box: 32, stroke: 3 }
-}, In = D("inline-flex", {
+}, In = /* @__PURE__ */ D("inline-flex", {
   variants: {
     tone: {
       neutral: "text-primary",
@@ -2996,62 +3050,60 @@ const Dn = {
     }
   },
   defaultVariants: { tone: "neutral" }
-}), Sl = g.forwardRef(
-  function({ className: a, value: e = 0, max: t = 100, size: r = "md", tone: n, indeterminate: s = !1, label: l, ...c }, d) {
-    const { box: p, stroke: u } = Rn[r], h = (p - u) / 2, v = 2 * Math.PI * h, y = Math.min(Math.max(e, 0), t), b = t > 0 ? y / t : 0, S = s ? v * 0.75 : v * (1 - b);
-    return /* @__PURE__ */ o(
-      "span",
-      {
-        ref: d,
-        role: "progressbar",
-        "aria-label": l,
-        "aria-valuemin": s ? void 0 : 0,
-        "aria-valuemax": s ? void 0 : t,
-        "aria-valuenow": s ? void 0 : y,
-        "data-size": r,
-        "data-tone": n ?? "neutral",
-        className: m(In({ tone: n }), a),
-        ...c,
-        children: /* @__PURE__ */ f(
-          "svg",
-          {
-            width: p,
-            height: p,
-            viewBox: `0 0 ${p} ${p}`,
-            fill: "none",
-            className: s ? "animate-spin" : void 0,
-            children: [
-              /* @__PURE__ */ o(
-                "circle",
-                {
-                  cx: p / 2,
-                  cy: p / 2,
-                  r: h,
-                  strokeWidth: u,
-                  className: "stroke-muted"
-                }
-              ),
-              /* @__PURE__ */ o(
-                "circle",
-                {
-                  cx: p / 2,
-                  cy: p / 2,
-                  r: h,
-                  strokeWidth: u,
-                  strokeLinecap: "round",
-                  strokeDasharray: v,
-                  strokeDashoffset: S,
-                  className: "stroke-current",
-                  transform: `rotate(-90 ${p / 2} ${p / 2})`
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-), Mn = D(
+}), Sl = /* @__PURE__ */ g.forwardRef(function({ className: a, value: e = 0, max: t = 100, size: r = "md", tone: n, indeterminate: s = !1, label: l, ...c }, d) {
+  const { box: p, stroke: u } = Rn[r], h = (p - u) / 2, v = 2 * Math.PI * h, y = Math.min(Math.max(e, 0), t), b = t > 0 ? y / t : 0, S = s ? v * 0.75 : v * (1 - b);
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      ref: d,
+      role: "progressbar",
+      "aria-label": l,
+      "aria-valuemin": s ? void 0 : 0,
+      "aria-valuemax": s ? void 0 : t,
+      "aria-valuenow": s ? void 0 : y,
+      "data-size": r,
+      "data-tone": n ?? "neutral",
+      className: m(In({ tone: n }), a),
+      ...c,
+      children: /* @__PURE__ */ f(
+        "svg",
+        {
+          width: p,
+          height: p,
+          viewBox: `0 0 ${p} ${p}`,
+          fill: "none",
+          className: s ? "animate-spin" : void 0,
+          children: [
+            /* @__PURE__ */ o(
+              "circle",
+              {
+                cx: p / 2,
+                cy: p / 2,
+                r: h,
+                strokeWidth: u,
+                className: "stroke-muted"
+              }
+            ),
+            /* @__PURE__ */ o(
+              "circle",
+              {
+                cx: p / 2,
+                cy: p / 2,
+                r: h,
+                strokeWidth: u,
+                strokeLinecap: "round",
+                strokeDasharray: v,
+                strokeDashoffset: S,
+                className: "stroke-current",
+                transform: `rotate(-90 ${p / 2} ${p / 2})`
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}), Mn = /* @__PURE__ */ D(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-colors hds-focus disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
@@ -3067,7 +3119,7 @@ const Dn = {
     },
     defaultVariants: { variant: "secondary", size: "md" }
   }
-), Dl = g.forwardRef(function({ className: a, variant: e, size: t, ...r }, n) {
+), Dl = /* @__PURE__ */ g.forwardRef(function({ className: a, variant: e, size: t, ...r }, n) {
   return /* @__PURE__ */ o(
     Za.Root,
     {
@@ -3077,9 +3129,9 @@ const Dn = {
       ...r
     }
   );
-}), En = g.forwardRef(function({ ratio: a = 1, ...e }, t) {
+}), En = /* @__PURE__ */ g.forwardRef(function({ ratio: a = 1, ...e }, t) {
   return /* @__PURE__ */ o(Xa.Root, { ref: t, ratio: a, ...e });
-}), On = Ee.Root, zn = Ee.Trigger, Ln = ge(Ee.Portal), Hn = g.forwardRef(function({ className: a, align: e = "center", sideOffset: t = 6, container: r, ...n }, s) {
+}), On = Ee.Root, zn = Ee.Trigger, Ln = /* @__PURE__ */ ge(Ee.Portal), Hn = /* @__PURE__ */ g.forwardRef(function({ className: a, align: e = "center", sideOffset: t = 6, container: r, ...n }, s) {
   return /* @__PURE__ */ o(Ln, { container: r, children: /* @__PURE__ */ o(
     Ee.Content,
     {
@@ -3097,7 +3149,7 @@ const Dn = {
 }), Vt = On;
 Vt.Trigger = zn;
 Vt.Content = Hn;
-const An = W.Root, Bn = W.Trigger, Vn = W.Group, Fn = W.RadioGroup, Wn = W.Sub, Ft = ge(W.Portal), Wt = "z-50 min-w-32 overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-overlay", Le = "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hds-focus data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", _n = g.forwardRef(function({ className: a, container: e, ...t }, r) {
+const An = W.Root, Bn = W.Trigger, Vn = W.Group, Fn = W.RadioGroup, Wn = W.Sub, Ft = /* @__PURE__ */ ge(W.Portal), Wt = "z-50 min-w-32 overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-overlay", Le = "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hds-focus data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", _n = /* @__PURE__ */ g.forwardRef(function({ className: a, container: e, ...t }, r) {
   return /* @__PURE__ */ o(Ft, { container: e, children: /* @__PURE__ */ o(
     W.Content,
     {
@@ -3107,19 +3159,19 @@ const An = W.Root, Bn = W.Trigger, Vn = W.Group, Fn = W.RadioGroup, Wn = W.Sub,
       ...t
     }
   ) });
-}), Un = g.forwardRef(function({ className: a, ...e }, t) {
+}), Un = /* @__PURE__ */ g.forwardRef(function({ className: a, ...e }, t) {
   return /* @__PURE__ */ o(W.Item, { ref: t, className: m(Le, a), ...e });
-}), Gn = g.forwardRef(function({ className: a, children: e, ...t }, r) {
+}), Gn = /* @__PURE__ */ g.forwardRef(function({ className: a, children: e, ...t }, r) {
   return /* @__PURE__ */ f(W.CheckboxItem, { ref: r, className: m(Le, "pl-6", a), ...t, children: [
     /* @__PURE__ */ o("span", { className: "absolute left-2 inline-flex items-center justify-center", children: /* @__PURE__ */ o(W.ItemIndicator, { children: /* @__PURE__ */ o(O, { icon: le, size: 14, color: "currentColor", "aria-hidden": !0 }) }) }),
     e
   ] });
-}), jn = g.forwardRef(function({ className: a, children: e, ...t }, r) {
+}), jn = /* @__PURE__ */ g.forwardRef(function({ className: a, children: e, ...t }, r) {
   return /* @__PURE__ */ f(W.RadioItem, { ref: r, className: m(Le, "pl-6", a), ...t, children: [
     /* @__PURE__ */ o("span", { className: "absolute left-2 inline-flex items-center justify-center", children: /* @__PURE__ */ o(W.ItemIndicator, { children: /* @__PURE__ */ o(O, { icon: Ct, size: 6, color: "currentColor", "aria-hidden": !0, className: "fill-current" }) }) }),
     e
   ] });
-}), Yn = g.forwardRef(function({ className: a, ...e }, t) {
+}), Yn = /* @__PURE__ */ g.forwardRef(function({ className: a, ...e }, t) {
   return /* @__PURE__ */ o(
     W.Label,
     {
@@ -3128,7 +3180,7 @@ const An = W.Root, Bn = W.Trigger, Vn = W.Group, Fn = W.RadioGroup, Wn = W.Sub,
       ...e
     }
   );
-}), Zn = g.forwardRef(function({ className: a, ...e }, t) {
+}), Zn = /* @__PURE__ */ g.forwardRef(function({ className: a, ...e }, t) {
   return /* @__PURE__ */ o(
     W.Separator,
     {
@@ -3137,7 +3189,7 @@ const An = W.Root, Bn = W.Trigger, Vn = W.Group, Fn = W.RadioGroup, Wn = W.Sub,
       ...e
     }
   );
-}), Xn = g.forwardRef(function({ className: a, children: e, ...t }, r) {
+}), Xn = /* @__PURE__ */ g.forwardRef(function({ className: a, children: e, ...t }, r) {
   return /* @__PURE__ */ f(
     W.SubTrigger,
     {
@@ -3150,7 +3202,7 @@ const An = W.Root, Bn = W.Trigger, Vn = W.Group, Fn = W.RadioGroup, Wn = W.Sub,
       ]
     }
   );
-}), Kn = g.forwardRef(function({ className: a, container: e, ...t }, r) {
+}), Kn = /* @__PURE__ */ g.forwardRef(function({ className: a, container: e, ...t }, r) {
   return /* @__PURE__ */ o(Ft, { container: e, children: /* @__PURE__ */ o(W.SubContent, { ref: r, className: m(Wt, a), ...t }) });
 }), Y = ((i) => /* @__PURE__ */ o(An, { ...i }));
 Y.Trigger = Bn;
@@ -3165,7 +3217,7 @@ Y.Group = Vn;
 Y.Sub = Wn;
 Y.SubTrigger = Xn;
 Y.SubContent = Kn;
-const gt = D("", {
+const gt = /* @__PURE__ */ D("", {
   variants: {
     orientation: {
       vertical: "flex flex-col gap-3",
@@ -3173,7 +3225,7 @@ const gt = D("", {
     }
   },
   defaultVariants: { orientation: "vertical" }
-}), Tl = g.forwardRef(
+}), Tl = /* @__PURE__ */ g.forwardRef(
   function({ className: a, items: e, orientation: t = "vertical", variant: r = "plain", footer: n, ...s }, l) {
     return r === "divided" ? /* @__PURE__ */ f(
       "dl",
@@ -3258,7 +3310,7 @@ const gt = D("", {
       }
     );
   }
-), Qn = D(
+), Qn = /* @__PURE__ */ D(
   "w-full text-left rounded-lg border bg-card p-4 text-foreground transition-colors hds-focus disabled:opacity-50 disabled:pointer-events-none",
   {
     variants: {
@@ -3269,126 +3321,124 @@ const gt = D("", {
     },
     defaultVariants: { selected: !1 }
   }
-), ql = g.forwardRef(
-  function({ className: a, selected: e = !1, onSelectedChange: t, disabled: r, onClick: n, ...s }, l) {
-    return /* @__PURE__ */ o(
-      "button",
-      {
-        ref: l,
-        type: "button",
-        role: "checkbox",
-        "aria-checked": e,
-        "data-state": e ? "checked" : "unchecked",
-        disabled: r,
-        onClick: (c) => {
-          n == null || n(c), t == null || t(!e);
-        },
-        className: m(Qn({ selected: e }), a),
-        ...s
+), ql = /* @__PURE__ */ g.forwardRef(function({ className: a, selected: e = !1, onSelectedChange: t, disabled: r, onClick: n, ...s }, l) {
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      ref: l,
+      type: "button",
+      role: "checkbox",
+      "aria-checked": e,
+      "data-state": e ? "checked" : "unchecked",
+      disabled: r,
+      onClick: (c) => {
+        n == null || n(c), t == null || t(!e);
+      },
+      className: m(Qn({ selected: e }), a),
+      ...s
+    }
+  );
+}), Nl = /* @__PURE__ */ g.forwardRef(
+  function({ value: a, onChange: e, placeholder: t, disabled: r, className: n, id: s, "aria-label": l, ...c }, d) {
+    const [p, u] = g.useState("");
+    function h() {
+      const b = p.trim();
+      b !== "" && (e([...a, b]), u(""));
+    }
+    function v(b) {
+      if (b.key === "Enter") {
+        b.preventDefault(), h();
+        return;
       }
-    );
-  }
-), Nl = g.forwardRef(function({ value: a, onChange: e, placeholder: t, disabled: r, className: n, id: s, "aria-label": l, ...c }, d) {
-  const [p, u] = g.useState("");
-  function h() {
-    const b = p.trim();
-    b !== "" && (e([...a, b]), u(""));
-  }
-  function v(b) {
-    if (b.key === "Enter") {
-      b.preventDefault(), h();
-      return;
+      b.key === "Backspace" && p === "" && a.length > 0 && e(a.slice(0, -1));
     }
-    b.key === "Backspace" && p === "" && a.length > 0 && e(a.slice(0, -1));
-  }
-  function y(b) {
-    e(a.filter((S, C) => C !== b));
-  }
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      className: m(
-        "flex flex-wrap items-center gap-1.5 min-h-10 w-full rounded-md border border-input bg-background px-2 py-1 text-sm transition-colors focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background",
-        r && "cursor-not-allowed bg-muted text-muted-foreground",
-        n
-      ),
-      children: [
-        a.map((b, S) => /* @__PURE__ */ f("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ o(Fi, { children: b }),
+    function y(b) {
+      e(a.filter((S, C) => C !== b));
+    }
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        className: m(
+          "flex flex-wrap items-center gap-1.5 min-h-10 w-full rounded-md border border-input bg-background px-2 py-1 text-sm transition-colors focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background",
+          r && "cursor-not-allowed bg-muted text-muted-foreground",
+          n
+        ),
+        children: [
+          a.map((b, S) => /* @__PURE__ */ f("span", { className: "inline-flex items-center gap-1", children: [
+            /* @__PURE__ */ o(Fi, { children: b }),
+            /* @__PURE__ */ o(
+              "button",
+              {
+                type: "button",
+                onClick: () => y(S),
+                disabled: r,
+                "aria-label": `Remove ${b}`,
+                className: "inline-flex size-[var(--primitive-size-interactive-minCompact)] shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: /* @__PURE__ */ o(Ge, { className: "size-3", "aria-hidden": "true" })
+              }
+            )
+          ] }, `${b}-${S}`)),
           /* @__PURE__ */ o(
-            "button",
+            "input",
             {
-              type: "button",
-              onClick: () => y(S),
+              ref: d,
+              id: s,
+              "aria-label": l,
+              type: "text",
+              value: p,
+              onChange: (b) => u(b.target.value),
+              onKeyDown: v,
+              placeholder: a.length === 0 ? t : void 0,
               disabled: r,
-              "aria-label": `Remove ${b}`,
-              className: "inline-flex size-[var(--primitive-size-interactive-minCompact)] shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              children: /* @__PURE__ */ o(Ge, { className: "size-3", "aria-hidden": "true" })
+              className: "min-w-24 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
+              ...c
             }
           )
-        ] }, `${b}-${S}`)),
+        ]
+      }
+    );
+  }
+), Jn = "relative flex w-full cursor-pointer select-none items-center gap-2 rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none hds-focus hover:bg-accent hover:text-accent-foreground focus-within:bg-accent focus-within:text-accent-foreground focus-within:ring-2 focus-within:ring-inset focus-within:ring-ring", Pl = /* @__PURE__ */ g.forwardRef(function({ options: a, value: e, onChange: t, placeholder: r = "Select…", disabled: n = !1, className: s }, l) {
+  const [c, d] = g.useState(!1), p = g.useId();
+  function u(h) {
+    const v = e.includes(h) ? e.filter((y) => y !== h) : [...e, h];
+    t(v);
+  }
+  return /* @__PURE__ */ f(B, { open: c, onOpenChange: d, children: [
+    /* @__PURE__ */ o(B.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
+      "button",
+      {
+        ref: l,
+        type: "button",
+        disabled: n,
+        className: m(
+          "hds-focus inline-flex h-10 items-center justify-between gap-2 rounded-md border border-input",
+          "bg-background px-3 text-sm text-foreground hover:bg-accent hover:border-ring",
+          "disabled:pointer-events-none disabled:opacity-50",
+          s
+        ),
+        children: /* @__PURE__ */ o("span", { className: m("truncate", e.length === 0 && "text-muted-foreground"), children: e.length === 0 ? r : `${e.length} selected` })
+      }
+    ) }),
+    /* @__PURE__ */ o(B.Content, { align: "start", className: "w-64 p-1", children: /* @__PURE__ */ o("div", { className: "max-h-60 overflow-y-auto", children: a.map((h) => {
+      const v = e.includes(h.value), y = `${p}-${h.value}`;
+      return /* @__PURE__ */ f("label", { htmlFor: y, className: Jn, children: [
+        /* @__PURE__ */ o("span", { className: "pointer-events-none absolute left-2 inline-flex items-center justify-center", children: v ? /* @__PURE__ */ o(O, { icon: le, size: 14, color: "currentColor", "aria-hidden": !0 }) : null }),
         /* @__PURE__ */ o(
           "input",
           {
-            ref: d,
-            id: s,
-            "aria-label": l,
-            type: "text",
-            value: p,
-            onChange: (b) => u(b.target.value),
-            onKeyDown: v,
-            placeholder: a.length === 0 ? t : void 0,
-            disabled: r,
-            className: "min-w-24 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
-            ...c
+            id: y,
+            type: "checkbox",
+            checked: v,
+            onChange: () => u(h.value),
+            className: "sr-only"
           }
-        )
-      ]
-    }
-  );
-}), Jn = "relative flex w-full cursor-pointer select-none items-center gap-2 rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none hds-focus hover:bg-accent hover:text-accent-foreground focus-within:bg-accent focus-within:text-accent-foreground focus-within:ring-2 focus-within:ring-inset focus-within:ring-ring", Pl = g.forwardRef(
-  function({ options: a, value: e, onChange: t, placeholder: r = "Select…", disabled: n = !1, className: s }, l) {
-    const [c, d] = g.useState(!1), p = g.useId();
-    function u(h) {
-      const v = e.includes(h) ? e.filter((y) => y !== h) : [...e, h];
-      t(v);
-    }
-    return /* @__PURE__ */ f(B, { open: c, onOpenChange: d, children: [
-      /* @__PURE__ */ o(B.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
-        "button",
-        {
-          ref: l,
-          type: "button",
-          disabled: n,
-          className: m(
-            "hds-focus inline-flex h-10 items-center justify-between gap-2 rounded-md border border-input",
-            "bg-background px-3 text-sm text-foreground hover:bg-accent hover:border-ring",
-            "disabled:pointer-events-none disabled:opacity-50",
-            s
-          ),
-          children: /* @__PURE__ */ o("span", { className: m("truncate", e.length === 0 && "text-muted-foreground"), children: e.length === 0 ? r : `${e.length} selected` })
-        }
-      ) }),
-      /* @__PURE__ */ o(B.Content, { align: "start", className: "w-64 p-1", children: /* @__PURE__ */ o("div", { className: "max-h-60 overflow-y-auto", children: a.map((h) => {
-        const v = e.includes(h.value), y = `${p}-${h.value}`;
-        return /* @__PURE__ */ f("label", { htmlFor: y, className: Jn, children: [
-          /* @__PURE__ */ o("span", { className: "pointer-events-none absolute left-2 inline-flex items-center justify-center", children: v ? /* @__PURE__ */ o(O, { icon: le, size: 14, color: "currentColor", "aria-hidden": !0 }) : null }),
-          /* @__PURE__ */ o(
-            "input",
-            {
-              id: y,
-              type: "checkbox",
-              checked: v,
-              onChange: () => u(h.value),
-              className: "sr-only"
-            }
-          ),
-          /* @__PURE__ */ o("span", { className: "truncate", children: h.label })
-        ] }, h.value);
-      }) }) })
-    ] });
-  }
-);
+        ),
+        /* @__PURE__ */ o("span", { className: "truncate", children: h.label })
+      ] }, h.value);
+    }) }) })
+  ] });
+});
 function eo() {
   return Object.assign({}, Tt());
 }
@@ -4981,7 +5031,7 @@ function Yt(i, a, e, t) {
 function Ko(i) {
   return i.match(jo)[1].replace(Yo, "'");
 }
-const Qo = D(
+const Qo = /* @__PURE__ */ D(
   "flex w-full rounded-md border border-input bg-background text-foreground ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-70",
   {
     variants: {
@@ -4993,135 +5043,137 @@ const Qo = D(
     },
     defaultVariants: { size: "md" }
   }
-), Jo = g.forwardRef(function({ className: a, size: e, ...t }, r) {
-  return /* @__PURE__ */ o(
-    "input",
-    {
-      ref: r,
-      type: "time",
-      className: m(Qo({ size: e }), a),
-      ...t
-    }
-  );
-}), Rl = g.forwardRef(function({
-  value: a,
-  onChange: e,
-  displayFormat: t = "yyyy-MM-dd",
-  placeholder: r,
-  disabled: n = !1,
-  id: s,
-  "aria-label": l
-}, c) {
-  const [d, p] = g.useState(!1), [u, h] = g.useState(() => a ? ne(a, t) : "");
-  g.useEffect(() => {
-    h(a ? ne(a, t) : "");
-  }, [a, t]);
-  function v() {
-    if (u === "") {
-      e == null || e(void 0);
-      return;
-    }
-    const y = Yt(u, t, /* @__PURE__ */ new Date());
-    Rt(y) && (e == null || e(y));
+), Jo = /* @__PURE__ */ g.forwardRef(
+  function({ className: a, size: e, ...t }, r) {
+    return /* @__PURE__ */ o(
+      "input",
+      {
+        ref: r,
+        type: "time",
+        className: m(Qo({ size: e }), a),
+        ...t
+      }
+    );
   }
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      className: m(
-        "flex h-10 w-full items-center gap-2 rounded-md border border-input bg-background px-3",
-        "transition-colors focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background",
-        n && "cursor-not-allowed opacity-70"
-      ),
-      children: [
-        /* @__PURE__ */ o(
-          "input",
-          {
-            ref: c,
-            id: s,
-            "aria-label": l,
-            type: "text",
-            value: u,
-            placeholder: r ?? t.toLowerCase(),
-            disabled: n,
-            onChange: (y) => h(y.target.value),
-            onBlur: v,
-            className: "flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed min-w-0"
-          }
-        ),
-        /* @__PURE__ */ f(B, { open: d, onOpenChange: p, children: [
-          /* @__PURE__ */ o(B.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
-            "button",
-            {
-              type: "button",
-              "aria-label": "Open calendar",
-              disabled: n,
-              className: "text-muted-foreground hover:text-foreground hds-focus disabled:pointer-events-none disabled:opacity-50 shrink-0",
-              children: /* @__PURE__ */ o(je, { className: "size-4", "aria-hidden": "true" })
-            }
-          ) }),
-          /* @__PURE__ */ o(B.Content, { align: "start", className: "w-auto p-0", children: /* @__PURE__ */ o(
-            Me,
-            {
-              mode: "single",
-              selected: a,
-              defaultMonth: a,
-              onSelect: (y) => {
-                e == null || e(y), p(!1);
-              }
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}), Il = g.forwardRef(
+), Rl = /* @__PURE__ */ g.forwardRef(
   function({
     value: a,
     onChange: e,
     displayFormat: t = "yyyy-MM-dd",
-    placeholder: r = "Select date range",
+    placeholder: r,
     disabled: n = !1,
-    numberOfMonths: s = 2,
-    id: l,
-    "aria-label": c
-  }, d) {
-    const [p, u] = g.useState(!1), h = a != null && a.from ? `${ne(a.from, t)}${a.to ? ` – ${ne(a.to, t)}` : ""}` : null;
-    return /* @__PURE__ */ f(B, { open: p, onOpenChange: u, children: [
-      /* @__PURE__ */ o(B.Trigger, { asChild: !0, children: /* @__PURE__ */ f(
-        "button",
-        {
-          ref: d,
-          id: l,
-          type: "button",
-          disabled: n,
-          "aria-label": c,
-          className: m(
-            "inline-flex items-center gap-2 h-10 w-full rounded-md border border-input bg-background px-3 text-sm text-left transition-colors hds-focus disabled:opacity-50 disabled:pointer-events-none"
+    id: s,
+    "aria-label": l
+  }, c) {
+    const [d, p] = g.useState(!1), [u, h] = g.useState(() => a ? ne(a, t) : "");
+    g.useEffect(() => {
+      h(a ? ne(a, t) : "");
+    }, [a, t]);
+    function v() {
+      if (u === "") {
+        e == null || e(void 0);
+        return;
+      }
+      const y = Yt(u, t, /* @__PURE__ */ new Date());
+      Rt(y) && (e == null || e(y));
+    }
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        className: m(
+          "flex h-10 w-full items-center gap-2 rounded-md border border-input bg-background px-3",
+          "transition-colors focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background",
+          n && "cursor-not-allowed opacity-70"
+        ),
+        children: [
+          /* @__PURE__ */ o(
+            "input",
+            {
+              ref: c,
+              id: s,
+              "aria-label": l,
+              type: "text",
+              value: u,
+              placeholder: r ?? t.toLowerCase(),
+              disabled: n,
+              onChange: (y) => h(y.target.value),
+              onBlur: v,
+              className: "flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed min-w-0"
+            }
           ),
-          children: [
-            /* @__PURE__ */ o(je, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }),
-            /* @__PURE__ */ o("span", { className: m("truncate", !h && "text-muted-foreground"), children: h ?? r })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ o(B.Content, { align: "start", className: "w-auto p-0", children: /* @__PURE__ */ o(
-        Me,
-        {
-          mode: "range",
-          numberOfMonths: s,
-          selected: a,
-          onSelect: (v) => e == null ? void 0 : e(v),
-          defaultMonth: a == null ? void 0 : a.from
-        }
-      ) })
-    ] });
+          /* @__PURE__ */ f(B, { open: d, onOpenChange: p, children: [
+            /* @__PURE__ */ o(B.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Open calendar",
+                disabled: n,
+                className: "text-muted-foreground hover:text-foreground hds-focus disabled:pointer-events-none disabled:opacity-50 shrink-0",
+                children: /* @__PURE__ */ o(je, { className: "size-4", "aria-hidden": "true" })
+              }
+            ) }),
+            /* @__PURE__ */ o(B.Content, { align: "start", className: "w-auto p-0", children: /* @__PURE__ */ o(
+              Me,
+              {
+                mode: "single",
+                selected: a,
+                defaultMonth: a,
+                onSelect: (y) => {
+                  e == null || e(y), p(!1);
+                }
+              }
+            ) })
+          ] })
+        ]
+      }
+    );
   }
-);
+), Il = /* @__PURE__ */ g.forwardRef(function({
+  value: a,
+  onChange: e,
+  displayFormat: t = "yyyy-MM-dd",
+  placeholder: r = "Select date range",
+  disabled: n = !1,
+  numberOfMonths: s = 2,
+  id: l,
+  "aria-label": c
+}, d) {
+  const [p, u] = g.useState(!1), h = a != null && a.from ? `${ne(a.from, t)}${a.to ? ` – ${ne(a.to, t)}` : ""}` : null;
+  return /* @__PURE__ */ f(B, { open: p, onOpenChange: u, children: [
+    /* @__PURE__ */ o(B.Trigger, { asChild: !0, children: /* @__PURE__ */ f(
+      "button",
+      {
+        ref: d,
+        id: l,
+        type: "button",
+        disabled: n,
+        "aria-label": c,
+        className: m(
+          "inline-flex items-center gap-2 h-10 w-full rounded-md border border-input bg-background px-3 text-sm text-left transition-colors hds-focus disabled:opacity-50 disabled:pointer-events-none"
+        ),
+        children: [
+          /* @__PURE__ */ o(je, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }),
+          /* @__PURE__ */ o("span", { className: m("truncate", !h && "text-muted-foreground"), children: h ?? r })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ o(B.Content, { align: "start", className: "w-auto p-0", children: /* @__PURE__ */ o(
+      Me,
+      {
+        mode: "range",
+        numberOfMonths: s,
+        selected: a,
+        onSelect: (v) => e == null ? void 0 : e(v),
+        defaultMonth: a == null ? void 0 : a.from
+      }
+    ) })
+  ] });
+});
 function es(i, a) {
   const [e, t] = a.split(":").map((n) => Number.parseInt(n, 10)), r = new Date(i);
   return r.setHours(Number.isFinite(e) ? e : 0, Number.isFinite(t) ? t : 0, 0, 0), r;
 }
-const Ml = g.forwardRef(
+const Ml = /* @__PURE__ */ g.forwardRef(
   function({ value: a, onChange: e, dateFormat: t = "yyyy-MM-dd", disabled: r = !1, id: n, "aria-label": s }, l) {
     const [c, d] = g.useState(!1), [p, u] = g.useState(() => a ? ne(a, t) : ""), [h, v] = g.useState(() => a ? ne(a, "HH:mm") : "");
     g.useEffect(() => {
@@ -5217,7 +5269,7 @@ const Ml = g.forwardRef(
   normal: "var(--semantic-space-scale-md)",
   inset: "var(--semantic-space-scale-lg)",
   spacious: "var(--semantic-space-scale-xl)"
-}, El = X.forwardRef(function({ children: a, maxWidth: e = "content", gutter: t, className: r, style: n, as: s = "div" }, l) {
+}, El = /* @__PURE__ */ X.forwardRef(function({ children: a, maxWidth: e = "content", gutter: t, className: r, style: n, as: s = "div" }, l) {
   return /* @__PURE__ */ o(
     s,
     {
@@ -5240,79 +5292,88 @@ const Ml = g.forwardRef(
   normal: "var(--semantic-space-scale-md)",
   inset: "var(--semantic-space-scale-lg)",
   spacious: "var(--semantic-space-scale-xl)"
-}, Ol = X.forwardRef(function({
-  children: a,
-  side: e = "start",
-  sideWidth: t = "16rem",
-  contentMin: r = "50%",
-  gap: n = "normal",
-  className: s,
-  style: l,
-  as: c = "div"
-}, d) {
-  const [p, u] = a;
-  return /* @__PURE__ */ f(
-    c,
-    {
-      ref: d,
-      className: s,
-      "data-hds-component": "Sidebar",
-      "data-hds-metrics": `side:${e}`,
-      style: {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: as[n],
-        ...l
-      },
-      children: [
-        /* @__PURE__ */ o("div", { style: { flexBasis: t, flexGrow: 1, order: e === "end" ? 2 : 1 }, children: p }),
-        /* @__PURE__ */ o(
-          "div",
-          {
-            style: { flexBasis: 0, flexGrow: 999, minWidth: r, order: e === "end" ? 1 : 2 },
-            children: u
-          }
-        )
-      ]
-    }
-  );
-}), rs = {
+}, Ol = /* @__PURE__ */ X.forwardRef(
+  function({
+    children: a,
+    side: e = "start",
+    sideWidth: t = "16rem",
+    contentMin: r = "50%",
+    gap: n = "normal",
+    className: s,
+    style: l,
+    as: c = "div"
+  }, d) {
+    const [p, u] = a;
+    return /* @__PURE__ */ f(
+      c,
+      {
+        ref: d,
+        className: s,
+        "data-hds-component": "Sidebar",
+        "data-hds-metrics": `side:${e}`,
+        style: {
+          display: "flex",
+          flexWrap: "wrap",
+          gap: as[n],
+          ...l
+        },
+        children: [
+          /* @__PURE__ */ o("div", { style: { flexBasis: t, flexGrow: 1, order: e === "end" ? 2 : 1 }, children: p }),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              style: {
+                flexBasis: 0,
+                flexGrow: 999,
+                minWidth: r,
+                order: e === "end" ? 1 : 2
+              },
+              children: u
+            }
+          )
+        ]
+      }
+    );
+  }
+), rs = {
   tight: "var(--semantic-space-scale-sm)",
   normal: "var(--semantic-space-scale-md)",
   inset: "var(--semantic-space-scale-lg)",
   spacious: "var(--semantic-space-scale-xl)"
-}, zl = X.forwardRef(function({ children: a, threshold: e = "30rem", gap: t = "normal", limit: r, className: n, style: s, as: l = "div" }, c) {
-  const d = X.Children.toArray(a), p = r !== void 0 && d.length > r;
-  return /* @__PURE__ */ o(
-    l,
-    {
-      ref: c,
-      className: n,
-      "data-hds-component": "Switcher",
-      "data-hds-metrics": `threshold:${e}`,
-      style: {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: rs[t],
-        ...p && { flexDirection: "column" },
-        ...s
-      },
-      children: d.map((u, h) => /* @__PURE__ */ o(
-        "div",
-        {
-          style: p ? void 0 : { flexGrow: 1, flexBasis: `calc((${e} - 100%) * 999)` },
-          children: u
+}, zl = /* @__PURE__ */ X.forwardRef(
+  function({ children: a, threshold: e = "30rem", gap: t = "normal", limit: r, className: n, style: s, as: l = "div" }, c) {
+    const d = X.Children.toArray(a), p = r !== void 0 && d.length > r;
+    return /* @__PURE__ */ o(
+      l,
+      {
+        ref: c,
+        className: n,
+        "data-hds-component": "Switcher",
+        "data-hds-metrics": `threshold:${e}`,
+        style: {
+          display: "flex",
+          flexWrap: "wrap",
+          gap: rs[t],
+          ...p && { flexDirection: "column" },
+          ...s
         },
-        h
-      ))
-    }
-  );
-}), is = {
+        children: d.map((u, h) => /* @__PURE__ */ o(
+          "div",
+          {
+            style: p ? void 0 : { flexGrow: 1, flexBasis: `calc((${e} - 100%) * 999)` },
+            children: u
+          },
+          h
+        ))
+      }
+    );
+  }
+), is = {
   tight: "var(--semantic-space-scale-sm)",
   normal: "var(--semantic-space-scale-md)",
   inset: "var(--semantic-space-scale-lg)",
   spacious: "var(--semantic-space-scale-xl)"
-}, Ll = X.forwardRef(function({
+}, Ll = /* @__PURE__ */ X.forwardRef(function({
   children: a,
   centerSlot: e,
   header: t,
@@ -5350,7 +5411,7 @@ const Ml = g.forwardRef(
   sm: x.borderRadius.sm,
   md: x.borderRadius.md,
   full: x.borderRadius.full
-}, Hl = X.forwardRef(function({ children: a, ratio: e = 16 / 9, radius: t = "md", className: r, style: n, as: s = "div" }, l) {
+}, Hl = /* @__PURE__ */ X.forwardRef(function({ children: a, ratio: e = 16 / 9, radius: t = "md", className: r, style: n, as: s = "div" }, l) {
   return /* @__PURE__ */ o(
     s,
     {
@@ -5371,7 +5432,7 @@ const Ml = g.forwardRef(
   normal: "var(--semantic-space-scale-md)",
   inset: "var(--semantic-space-scale-lg)",
   spacious: "var(--semantic-space-scale-xl)"
-}, Al = X.forwardRef(function({ children: a, amount: e = "normal", axis: t = "x", className: r, style: n, as: s = "div" }, l) {
+}, Al = /* @__PURE__ */ X.forwardRef(function({ children: a, amount: e = "normal", axis: t = "x", className: r, style: n, as: s = "div" }, l) {
   const c = `calc(-1 * ${os[e]})`;
   return /* @__PURE__ */ o(
     s,
@@ -5388,7 +5449,7 @@ const Ml = g.forwardRef(
       children: a
     }
   );
-}), Bl = X.forwardRef(function({ children: a, top: e = "0", className: t, style: r, as: n = "div" }, s) {
+}), Bl = /* @__PURE__ */ X.forwardRef(function({ children: a, top: e = "0", className: t, style: r, as: n = "div" }, s) {
   return /* @__PURE__ */ o(
     n,
     {
@@ -5542,7 +5603,7 @@ const ss = {
   xs: "8px",
   sm: "12px",
   md: "16px"
-}, Gl = g.forwardRef(
+}, Gl = /* @__PURE__ */ g.forwardRef(
   function({ minTileWidth: a = "260px", gap: e = "sm", className: t, style: r, children: n, ...s }, l) {
     return /* @__PURE__ */ o(
       "div",
@@ -5563,28 +5624,30 @@ const ss = {
       }
     );
   }
-), jl = g.forwardRef(function({ tone: a = "neutral", title: e, notes: t, trailing: r, className: n, ...s }, l) {
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      ref: l,
-      "data-hds-component": "StatusTile",
-      "data-hds-metrics": `tone:${a}`,
-      className: m(
-        "flex h-full items-start gap-3 rounded-lg bg-[var(--semantic-color-surface-raised)] p-4",
-        n
-      ),
-      ...s,
-      children: [
-        /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ o("p", { className: "m-0 text-sm text-foreground", children: e }),
-          t == null ? void 0 : t.map((c, d) => /* @__PURE__ */ o("p", { className: "m-0 mt-1 text-xs text-muted-foreground", children: c }, d))
-        ] }),
-        r && /* @__PURE__ */ o("div", { className: "shrink-0", children: r })
-      ]
-    }
-  );
-}), ls = D("", {
+), jl = /* @__PURE__ */ g.forwardRef(
+  function({ tone: a = "neutral", title: e, notes: t, trailing: r, className: n, ...s }, l) {
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        ref: l,
+        "data-hds-component": "StatusTile",
+        "data-hds-metrics": `tone:${a}`,
+        className: m(
+          "flex h-full items-start gap-3 rounded-lg bg-[var(--semantic-color-surface-raised)] p-4",
+          n
+        ),
+        ...s,
+        children: [
+          /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ o("p", { className: "m-0 text-sm text-foreground", children: e }),
+            t == null ? void 0 : t.map((c, d) => /* @__PURE__ */ o("p", { className: "m-0 mt-1 text-xs text-muted-foreground", children: c }, d))
+          ] }),
+          r && /* @__PURE__ */ o("div", { className: "shrink-0", children: r })
+        ]
+      }
+    );
+  }
+), ls = /* @__PURE__ */ D("", {
   variants: {
     current: {
       true: "text-foreground",
@@ -5592,183 +5655,187 @@ const ss = {
     }
   },
   defaultVariants: { current: !1 }
-}), Yl = g.forwardRef(function({ items: a, label: e = "Breadcrumb", className: t, ...r }, n) {
-  const { LinkComponent: s } = Xe();
-  return /* @__PURE__ */ o("nav", { ref: n, "aria-label": e, className: m("w-full", t), ...r, children: /* @__PURE__ */ o("ol", { className: "flex flex-wrap items-center gap-2", children: a.map((l, c) => {
-    const d = c === a.length - 1, p = !!l.href && !d;
-    return /* @__PURE__ */ f("li", { className: "inline-flex items-center gap-2", children: [
-      p ? /* @__PURE__ */ o(
-        s,
-        {
-          to: l.href,
-          style: x.typeStyles.ui,
-          className: "hds-focus text-muted-foreground transition-colors hover:text-foreground",
-          children: l.label
-        }
-      ) : /* @__PURE__ */ o(
-        "span",
-        {
-          "aria-current": d ? "page" : void 0,
-          style: x.typeStyles.ui,
-          className: ls({ current: d }),
-          children: l.label
-        }
-      ),
-      !d && /* @__PURE__ */ o(
-        O,
-        {
-          icon: Ie,
-          size: "small",
-          color: "var(--semantic-color-content-secondary)",
-          "aria-hidden": !0
-        }
-      )
-    ] }, `${l.label}-${c}`);
-  }) }) });
-}), Zl = g.forwardRef(function({
-  options: a,
-  value: e,
-  onChange: t,
-  placeholder: r = "Select…",
-  searchPlaceholder: n = "Search…",
-  emptyMessage: s = "No results",
-  "aria-label": l,
-  className: c,
-  disabled: d = !1
-}, p) {
-  const [u, h] = g.useState(!1), [v, y] = g.useState(""), [b, S] = g.useState(0), C = g.useId(), N = `${C}-list`, P = a.find((w) => w.value === e) ?? null, k = g.useMemo(() => {
-    const w = v.trim().toLowerCase();
-    return w ? a.filter((q) => q.label.toLowerCase().includes(w)) : a;
-  }, [a, v]);
-  function T(w) {
-    w.disabled || (t(w.value), h(!1), y(""));
-  }
-  function R(w) {
-    if (k.length !== 0) {
-      if (w.key === "ArrowDown")
-        w.preventDefault(), S((q) => (q + 1) % k.length);
-      else if (w.key === "ArrowUp")
-        w.preventDefault(), S((q) => (q - 1 + k.length) % k.length);
-      else if (w.key === "Enter") {
-        w.preventDefault();
-        const q = k[b];
-        q && T(q);
-      }
-    }
-  }
-  const M = k[b] ? `${C}-opt-${k[b].value}` : void 0;
-  return /* @__PURE__ */ f(
-    B,
-    {
-      open: u,
-      onOpenChange: (w) => {
-        h(w), w || y("");
-      },
-      children: [
-        /* @__PURE__ */ o(B.Anchor, { asChild: !0, children: /* @__PURE__ */ f(
-          "button",
+}), Yl = /* @__PURE__ */ g.forwardRef(
+  function({ items: a, label: e = "Breadcrumb", className: t, ...r }, n) {
+    const { LinkComponent: s } = Xe();
+    return /* @__PURE__ */ o("nav", { ref: n, "aria-label": e, className: m("w-full", t), ...r, children: /* @__PURE__ */ o("ol", { className: "flex flex-wrap items-center gap-2", children: a.map((l, c) => {
+      const d = c === a.length - 1, p = !!l.href && !d;
+      return /* @__PURE__ */ f("li", { className: "inline-flex items-center gap-2", children: [
+        p ? /* @__PURE__ */ o(
+          s,
           {
-            ref: p,
-            type: "button",
-            role: "combobox",
-            "aria-expanded": u,
-            "aria-haspopup": "listbox",
-            "aria-controls": u ? N : void 0,
-            "aria-label": l,
-            disabled: d,
-            onClick: () => h((w) => !w),
-            className: m(
-              "hds-focus flex h-10 w-full items-center justify-between gap-2 rounded-md border border-input",
-              "bg-background px-3 text-sm text-foreground",
-              "disabled:cursor-not-allowed disabled:opacity-50",
-              c
-            ),
-            children: [
-              /* @__PURE__ */ o("span", { className: m("truncate", !P && "text-muted-foreground"), children: P ? P.label : r }),
-              /* @__PURE__ */ o(
-                O,
-                {
-                  icon: fa,
-                  size: "small",
-                  color: "var(--semantic-color-content-secondary)",
-                  "aria-hidden": !0
-                }
-              )
-            ]
+            to: l.href,
+            style: x.typeStyles.ui,
+            className: "hds-focus text-muted-foreground transition-colors hover:text-foreground",
+            children: l.label
           }
-        ) }),
-        /* @__PURE__ */ f(
-          B.Content,
+        ) : /* @__PURE__ */ o(
+          "span",
           {
-            align: "start",
-            className: "p-0",
-            style: { width: "var(--radix-popover-trigger-width)" },
-            children: [
-              /* @__PURE__ */ o(
-                "input",
-                {
-                  type: "text",
-                  value: v,
-                  autoFocus: !0,
-                  role: "combobox",
-                  "aria-expanded": !0,
-                  "aria-controls": N,
-                  "aria-autocomplete": "list",
-                  "aria-activedescendant": M,
-                  "aria-label": n,
-                  placeholder: n,
-                  onChange: (w) => {
-                    y(w.target.value), S(0);
-                  },
-                  onKeyDown: R,
-                  className: m(
-                    "hds-focus h-10 w-full border-b border-border bg-transparent px-3 text-sm text-foreground",
-                    "outline-none placeholder:text-muted-foreground"
-                  )
-                }
-              ),
-              /* @__PURE__ */ o(
-                "ul",
-                {
-                  id: N,
-                  role: "listbox",
-                  "aria-label": l ?? r,
-                  className: "max-h-60 overflow-y-auto p-1",
-                  children: k.length === 0 ? /* @__PURE__ */ o("li", { className: "px-2 py-6 text-center text-sm text-muted-foreground", children: s }) : k.map((w, q) => {
-                    const V = w.value === e, _ = q === b;
-                    return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ f(
-                      "button",
-                      {
-                        type: "button",
-                        id: `${C}-opt-${w.value}`,
-                        role: "option",
-                        "aria-selected": V,
-                        "data-active": _ ? "true" : void 0,
-                        disabled: w.disabled,
-                        onMouseEnter: () => S(q),
-                        onClick: () => T(w),
-                        className: m(
-                          "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none",
-                          "data-[active=true]:bg-accent data-[active=true]:text-accent-foreground",
-                          "data-[active=true]:ring-2 data-[active=true]:ring-inset data-[active=true]:ring-ring",
-                          "disabled:pointer-events-none disabled:opacity-50"
-                        ),
-                        children: [
-                          /* @__PURE__ */ o("span", { className: "flex size-4 items-center justify-center", children: V ? /* @__PURE__ */ o(O, { icon: le, size: "small", color: "currentColor", "aria-hidden": !0 }) : null }),
-                          /* @__PURE__ */ o("span", { className: "truncate", children: w.label })
-                        ]
-                      }
-                    ) }, w.value);
-                  })
-                }
-              )
-            ]
+            "aria-current": d ? "page" : void 0,
+            style: x.typeStyles.ui,
+            className: ls({ current: d }),
+            children: l.label
+          }
+        ),
+        !d && /* @__PURE__ */ o(
+          O,
+          {
+            icon: Ie,
+            size: "small",
+            color: "var(--semantic-color-content-secondary)",
+            "aria-hidden": !0
           }
         )
-      ]
+      ] }, `${l.label}-${c}`);
+    }) }) });
+  }
+), Zl = /* @__PURE__ */ g.forwardRef(
+  function({
+    options: a,
+    value: e,
+    onChange: t,
+    placeholder: r = "Select…",
+    searchPlaceholder: n = "Search…",
+    emptyMessage: s = "No results",
+    "aria-label": l,
+    className: c,
+    disabled: d = !1
+  }, p) {
+    const [u, h] = g.useState(!1), [v, y] = g.useState(""), [b, S] = g.useState(0), C = g.useId(), N = `${C}-list`, P = a.find((w) => w.value === e) ?? null, k = g.useMemo(() => {
+      const w = v.trim().toLowerCase();
+      return w ? a.filter((q) => q.label.toLowerCase().includes(w)) : a;
+    }, [a, v]);
+    function T(w) {
+      w.disabled || (t(w.value), h(!1), y(""));
+    }
+    function R(w) {
+      if (k.length !== 0) {
+        if (w.key === "ArrowDown")
+          w.preventDefault(), S((q) => (q + 1) % k.length);
+        else if (w.key === "ArrowUp")
+          w.preventDefault(), S((q) => (q - 1 + k.length) % k.length);
+        else if (w.key === "Enter") {
+          w.preventDefault();
+          const q = k[b];
+          q && T(q);
+        }
+      }
     }
-  );
-}), ds = D(
+    const M = k[b] ? `${C}-opt-${k[b].value}` : void 0;
+    return /* @__PURE__ */ f(
+      B,
+      {
+        open: u,
+        onOpenChange: (w) => {
+          h(w), w || y("");
+        },
+        children: [
+          /* @__PURE__ */ o(B.Anchor, { asChild: !0, children: /* @__PURE__ */ f(
+            "button",
+            {
+              ref: p,
+              type: "button",
+              role: "combobox",
+              "aria-expanded": u,
+              "aria-haspopup": "listbox",
+              "aria-controls": u ? N : void 0,
+              "aria-label": l,
+              disabled: d,
+              onClick: () => h((w) => !w),
+              className: m(
+                "hds-focus flex h-10 w-full items-center justify-between gap-2 rounded-md border border-input",
+                "bg-background px-3 text-sm text-foreground",
+                "disabled:cursor-not-allowed disabled:opacity-50",
+                c
+              ),
+              children: [
+                /* @__PURE__ */ o("span", { className: m("truncate", !P && "text-muted-foreground"), children: P ? P.label : r }),
+                /* @__PURE__ */ o(
+                  O,
+                  {
+                    icon: fa,
+                    size: "small",
+                    color: "var(--semantic-color-content-secondary)",
+                    "aria-hidden": !0
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ f(
+            B.Content,
+            {
+              align: "start",
+              className: "p-0",
+              style: { width: "var(--radix-popover-trigger-width)" },
+              children: [
+                /* @__PURE__ */ o(
+                  "input",
+                  {
+                    type: "text",
+                    value: v,
+                    autoFocus: !0,
+                    role: "combobox",
+                    "aria-expanded": !0,
+                    "aria-controls": N,
+                    "aria-autocomplete": "list",
+                    "aria-activedescendant": M,
+                    "aria-label": n,
+                    placeholder: n,
+                    onChange: (w) => {
+                      y(w.target.value), S(0);
+                    },
+                    onKeyDown: R,
+                    className: m(
+                      "hds-focus h-10 w-full border-b border-border bg-transparent px-3 text-sm text-foreground",
+                      "outline-none placeholder:text-muted-foreground"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  "ul",
+                  {
+                    id: N,
+                    role: "listbox",
+                    "aria-label": l ?? r,
+                    className: "max-h-60 overflow-y-auto p-1",
+                    children: k.length === 0 ? /* @__PURE__ */ o("li", { className: "px-2 py-6 text-center text-sm text-muted-foreground", children: s }) : k.map((w, q) => {
+                      const V = w.value === e, _ = q === b;
+                      return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ f(
+                        "button",
+                        {
+                          type: "button",
+                          id: `${C}-opt-${w.value}`,
+                          role: "option",
+                          "aria-selected": V,
+                          "data-active": _ ? "true" : void 0,
+                          disabled: w.disabled,
+                          onMouseEnter: () => S(q),
+                          onClick: () => T(w),
+                          className: m(
+                            "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none",
+                            "data-[active=true]:bg-accent data-[active=true]:text-accent-foreground",
+                            "data-[active=true]:ring-2 data-[active=true]:ring-inset data-[active=true]:ring-ring",
+                            "disabled:pointer-events-none disabled:opacity-50"
+                          ),
+                          children: [
+                            /* @__PURE__ */ o("span", { className: "flex size-4 items-center justify-center", children: V ? /* @__PURE__ */ o(O, { icon: le, size: "small", color: "currentColor", "aria-hidden": !0 }) : null }),
+                            /* @__PURE__ */ o("span", { className: "truncate", children: w.label })
+                          ]
+                        }
+                      ) }, w.value);
+                    })
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+), ds = /* @__PURE__ */ D(
   "flex w-full cursor-pointer items-center gap-[var(--semantic-space-sidebar-gap)] text-left text-primary transition-[border-color,box-shadow,color]",
   {
     variants: {
@@ -5785,101 +5852,103 @@ const ss = {
   panel: x.semantic.space.sidebar.gap,
   nav: x.semantic.space.sidebar.sectionGap,
   card: x.semantic.space.scale.xs
-}, ps = X.forwardRef(function({
-  label: a,
-  defaultOpen: e = !1,
-  open: t,
-  onOpenChange: r,
-  variant: n = "panel",
-  accent: s = !1,
-  className: l,
-  triggerStyle: c,
-  contentStyle: d,
-  children: p
-}, u) {
-  const [h, v] = G(e), y = wt(), b = Be(null), S = Be(null), C = t ?? h, N = C ? "open" : "closed", P = ee("productive");
-  function k() {
-    var V, _;
-    const q = !C;
-    !q && ((V = S.current) != null && V.contains(document.activeElement)) && ((_ = b.current) == null || _.focus()), t === void 0 && v(q), r == null || r(q);
-  }
-  const T = m(
-    "hds-focus",
-    ds({ variant: n }),
-    n === "nav" ? "hds-text-hover hds-bg-hover-neutral" : "",
-    l
-  ), R = C ? cs[n] : 0, M = typeof a == "string" ? /* @__PURE__ */ o(
-    "span",
-    {
-      className: "m-0 text-current",
-      style: n === "nav" ? x.typeStyles.ui : x.typeStyles.caption,
-      children: a
-    }
-  ) : a, w = /* @__PURE__ */ f(na, { children: [
-    /* @__PURE__ */ f(
-      "button",
+}, ps = /* @__PURE__ */ X.forwardRef(
+  function({
+    label: a,
+    defaultOpen: e = !1,
+    open: t,
+    onOpenChange: r,
+    variant: n = "panel",
+    accent: s = !1,
+    className: l,
+    triggerStyle: c,
+    contentStyle: d,
+    children: p
+  }, u) {
+    const [h, v] = G(e), y = wt(), b = Be(null), S = Be(null), C = t ?? h, N = C ? "open" : "closed", P = ee("productive");
+    function k() {
+      var V, _;
+      const q = !C;
+      !q && ((V = S.current) != null && V.contains(document.activeElement)) && ((_ = b.current) == null || _.focus()), t === void 0 && v(q), r == null || r(q);
+    }
+    const T = m(
+      "hds-focus",
+      ds({ variant: n }),
+      n === "nav" ? "hds-text-hover hds-bg-hover-neutral" : "",
+      l
+    ), R = C ? cs[n] : 0, M = typeof a == "string" ? /* @__PURE__ */ o(
+      "span",
       {
-        ref: b,
-        type: "button",
-        onClick: k,
-        "aria-expanded": C,
-        "aria-controls": y,
-        "data-state": N,
-        className: T,
-        style: c,
-        children: [
-          /* @__PURE__ */ o("div", { className: "grid min-w-0 flex-1 items-start gap-[var(--semantic-space-subgrid-gap)]", children: M }),
-          /* @__PURE__ */ o(
-            A.span,
+        className: "m-0 text-current",
+        style: n === "nav" ? x.typeStyles.ui : x.typeStyles.caption,
+        children: a
+      }
+    ) : a, w = /* @__PURE__ */ f(na, { children: [
+      /* @__PURE__ */ f(
+        "button",
+        {
+          ref: b,
+          type: "button",
+          onClick: k,
+          "aria-expanded": C,
+          "aria-controls": y,
+          "data-state": N,
+          className: T,
+          style: c,
+          children: [
+            /* @__PURE__ */ o("div", { className: "grid min-w-0 flex-1 items-start gap-[var(--semantic-space-subgrid-gap)]", children: M }),
+            /* @__PURE__ */ o(
+              A.span,
+              {
+                "aria-hidden": "true",
+                animate: { rotate: C ? 0 : -90 },
+                transition: {
+                  duration: P.duration,
+                  ease: P.easing
+                },
+                className: "inline-grid size-[var(--hds-icon-small)] shrink-0 origin-center place-items-center self-center overflow-hidden leading-none",
+                children: /* @__PURE__ */ o(O, { icon: Dt, size: "small", color: "currentColor" })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ o(ca, { initial: !1, children: C && /* @__PURE__ */ o(
+        A.div,
+        {
+          ref: S,
+          id: y,
+          initial: { opacity: 0, height: 0 },
+          animate: { opacity: 1, height: "auto" },
+          exit: { opacity: 0, height: 0 },
+          transition: {
+            duration: P.duration,
+            ease: P.easing
+          },
+          className: "overflow-hidden",
+          children: /* @__PURE__ */ o(
+            "div",
             {
-              "aria-hidden": "true",
-              animate: { rotate: C ? 0 : -90 },
-              transition: {
-                duration: P.duration,
-                ease: P.easing
+              style: {
+                ...d
               },
-              className: "inline-grid size-[var(--hds-icon-small)] shrink-0 origin-center place-items-center self-center overflow-hidden leading-none",
-              children: /* @__PURE__ */ o(O, { icon: Dt, size: "small", color: "currentColor" })
+              children: p
             }
           )
-        ]
-      }
-    ),
-    /* @__PURE__ */ o(ca, { initial: !1, children: C && /* @__PURE__ */ o(
-      A.div,
+        }
+      ) })
+    ] });
+    return n === "nav" ? /* @__PURE__ */ o(ae, { ref: u, gap: "tight", style: { gap: R }, children: w }) : /* @__PURE__ */ o(
+      ve,
       {
-        ref: S,
-        id: y,
-        initial: { opacity: 0, height: 0 },
-        animate: { opacity: 1, height: "auto" },
-        exit: { opacity: 0, height: 0 },
-        transition: {
-          duration: P.duration,
-          ease: P.easing
-        },
-        className: "overflow-hidden",
-        children: /* @__PURE__ */ o(
-          "div",
-          {
-            style: {
-              ...d
-            },
-            children: p
-          }
-        )
+        ref: u,
+        padding: "component",
+        className: n === "card" ? "overflow-hidden" : void 0,
+        children: /* @__PURE__ */ o(ae, { gap: "tight", style: { gap: R }, children: w })
       }
-    ) })
-  ] });
-  return n === "nav" ? /* @__PURE__ */ o(ae, { ref: u, gap: "tight", style: { gap: R }, children: w }) : /* @__PURE__ */ o(
-    ve,
-    {
-      ref: u,
-      padding: "component",
-      className: n === "card" ? "overflow-hidden" : void 0,
-      children: /* @__PURE__ */ o(ae, { gap: "tight", style: { gap: R }, children: w })
-    }
-  );
-}), us = {
+    );
+  }
+), us = {
   previewBody: {
     display: "flex",
     flexDirection: "column",
@@ -6004,15 +6073,18 @@ function Xl({
 function vs(i, a, e = !1) {
   return e ? i === a : i === a || i.startsWith(`${a}/`);
 }
-const ys = D("text-[var(--semantic-color-content-secondary)]", {
-  variants: {
-    variant: {
-      side: "",
-      toc: ""
-    }
-  },
-  defaultVariants: { variant: "side" }
-});
+const ys = /* @__PURE__ */ D(
+  "text-[var(--semantic-color-content-secondary)]",
+  {
+    variants: {
+      variant: {
+        side: "",
+        toc: ""
+      }
+    },
+    defaultVariants: { variant: "side" }
+  }
+);
 function Kl({
   label: i,
   variant: a = "side",
@@ -6104,55 +6176,57 @@ function bs(i, a, e = 1) {
   const r = Math.max(i - e, 1), n = Math.min(i + e, a), s = r > 2, l = n < a - 1;
   return !s && l ? [...Pe(1, e * 2 + 3), "ellipsis", a] : s && !l ? [1, "ellipsis", ...Pe(a - (e * 2 + 2), a)] : [1, "ellipsis", ...Pe(r, n), "ellipsis", a];
 }
-const Ql = g.forwardRef(function({ page: a, count: e, onPageChange: t, siblingCount: r = 1, label: n = "Pagination", className: s, ...l }, c) {
-  if (e <= 1) return null;
-  const d = bs(a, e, r), p = (u) => t(Math.max(1, Math.min(e, u)));
-  return /* @__PURE__ */ o("nav", { ref: c, "aria-label": n, className: m("w-full", s), ...l, children: /* @__PURE__ */ f("ul", { className: "flex flex-wrap items-center gap-1", children: [
-    /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
-      Te,
-      {
-        icon: ga,
-        size: "sm",
-        variant: "tertiary",
-        "aria-label": "Previous page",
-        disabled: a <= 1,
-        onClick: () => p(a - 1)
-      }
-    ) }),
-    d.map(
-      (u, h) => u === "ellipsis" ? /* @__PURE__ */ o(
-        "li",
+const Ql = /* @__PURE__ */ g.forwardRef(
+  function({ page: a, count: e, onPageChange: t, siblingCount: r = 1, label: n = "Pagination", className: s, ...l }, c) {
+    if (e <= 1) return null;
+    const d = bs(a, e, r), p = (u) => t(Math.max(1, Math.min(e, u)));
+    return /* @__PURE__ */ o("nav", { ref: c, "aria-label": n, className: m("w-full", s), ...l, children: /* @__PURE__ */ f("ul", { className: "flex flex-wrap items-center gap-1", children: [
+      /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
+        Te,
         {
-          "aria-hidden": "true",
-          className: "px-2 text-muted-foreground select-none",
-          children: "…"
-        },
-        `ellipsis-${h}`
-      ) : /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
-        Ze,
+          icon: ga,
+          size: "sm",
+          variant: "tertiary",
+          "aria-label": "Previous page",
+          disabled: a <= 1,
+          onClick: () => p(a - 1)
+        }
+      ) }),
+      d.map(
+        (u, h) => u === "ellipsis" ? /* @__PURE__ */ o(
+          "li",
+          {
+            "aria-hidden": "true",
+            className: "px-2 text-muted-foreground select-none",
+            children: "…"
+          },
+          `ellipsis-${h}`
+        ) : /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
+          Ze,
+          {
+            variant: u === a ? "secondary" : "tertiary",
+            size: "sm",
+            "aria-label": `Page ${u}`,
+            "aria-current": u === a ? "page" : void 0,
+            onClick: () => p(u),
+            children: u
+          }
+        ) }, u)
+      ),
+      /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
+        Te,
         {
-          variant: u === a ? "secondary" : "tertiary",
+          icon: Ie,
           size: "sm",
-          "aria-label": `Page ${u}`,
-          "aria-current": u === a ? "page" : void 0,
-          onClick: () => p(u),
-          children: u
+          variant: "tertiary",
+          "aria-label": "Next page",
+          disabled: a >= e,
+          onClick: () => p(a + 1)
         }
-      ) }, u)
-    ),
-    /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
-      Te,
-      {
-        icon: Ie,
-        size: "sm",
-        variant: "tertiary",
-        "aria-label": "Next page",
-        disabled: a >= e,
-        onClick: () => p(a + 1)
-      }
-    ) })
-  ] }) });
-});
+      ) })
+    ] }) });
+  }
+);
 function Jl({ title: i, children: a, controls: e }) {
   fe(
     "sketch-deprecated",
@@ -6304,7 +6378,7 @@ const xs = {
   userSelect: "none",
   color: "var(--semantic-color-content-primary)",
   textAlign: "left"
-}, ks = D("flex w-full min-w-0 flex-col", {
+}, ks = /* @__PURE__ */ D("flex w-full min-w-0 flex-col", {
   variants: {
     size: {
       hero: "gap-[var(--semantic-space-scale-xs)]",
@@ -6363,65 +6437,67 @@ const xs = {
     titleVariant: "heading2",
     descriptionVariant: "ui"
   }
-}, td = re(function({
-  title: a,
-  description: e,
-  eyebrow: t,
-  size: r,
-  align: n = "left",
-  id: s,
-  as: l = "div",
-  titleAs: c,
-  descriptionAs: d = "div"
-}, p) {
-  const u = Ss[r], h = c ?? u.titleTag, v = n === "center", [y, b] = G(!1);
-  function S() {
-    navigator.clipboard.writeText(`${window.location.origin}${window.location.pathname}#${s}`), b(!0), setTimeout(() => b(!1), 2e3);
+}, td = /* @__PURE__ */ re(
+  function({
+    title: a,
+    description: e,
+    eyebrow: t,
+    size: r,
+    align: n = "left",
+    id: s,
+    as: l = "div",
+    titleAs: c,
+    descriptionAs: d = "div"
+  }, p) {
+    const u = Ss[r], h = c ?? u.titleTag, v = n === "center", [y, b] = G(!1);
+    function S() {
+      navigator.clipboard.writeText(`${window.location.origin}${window.location.pathname}#${s}`), b(!0), setTimeout(() => b(!1), 2e3);
+    }
+    const C = r === "numbered" && !!s;
+    return /* @__PURE__ */ f(l, { ref: p, className: ks({ size: r, align: n }), children: [
+      t ? /* @__PURE__ */ o(
+        me,
+        {
+          variant: "ui",
+          as: "p",
+          className: m(ue, v && bt),
+          children: t
+        }
+      ) : null,
+      C ? /* @__PURE__ */ o("div", { className: "hds-doc-section-header flex", children: /* @__PURE__ */ o(me, { variant: u.titleVariant, as: h, children: /* @__PURE__ */ f(
+        "button",
+        {
+          type: "button",
+          onClick: S,
+          className: "hds-focus",
+          "aria-label": `Copy link to ${a}`,
+          style: xs,
+          children: [
+            /* @__PURE__ */ o("span", { className: u.titleClassName, children: a }),
+            /* @__PURE__ */ o(
+              "span",
+              {
+                "aria-hidden": "true",
+                "data-copied": y ? "true" : void 0,
+                className: "hds-doc-section-copy-icon flex flex-shrink-0 items-center text-accent-foreground",
+                children: y ? /* @__PURE__ */ o(O, { icon: le, size: "small", color: "var(--semantic-color-content-accent)" }) : /* @__PURE__ */ o(O, { icon: ya, size: "small", color: "var(--semantic-color-content-accent)" })
+              }
+            )
+          ]
+        }
+      ) }) }) : /* @__PURE__ */ o(me, { variant: u.titleVariant, as: h, className: u.titleClassName, children: a }),
+      e ? /* @__PURE__ */ o(
+        me,
+        {
+          variant: u.descriptionVariant,
+          as: d,
+          className: m(u.descriptionClassName, v && bt),
+          children: e
+        }
+      ) : null
+    ] });
   }
-  const C = r === "numbered" && !!s;
-  return /* @__PURE__ */ f(l, { ref: p, className: ks({ size: r, align: n }), children: [
-    t ? /* @__PURE__ */ o(
-      me,
-      {
-        variant: "ui",
-        as: "p",
-        className: m(ue, v && bt),
-        children: t
-      }
-    ) : null,
-    C ? /* @__PURE__ */ o("div", { className: "hds-doc-section-header flex", children: /* @__PURE__ */ o(me, { variant: u.titleVariant, as: h, children: /* @__PURE__ */ f(
-      "button",
-      {
-        type: "button",
-        onClick: S,
-        className: "hds-focus",
-        "aria-label": `Copy link to ${a}`,
-        style: xs,
-        children: [
-          /* @__PURE__ */ o("span", { className: u.titleClassName, children: a }),
-          /* @__PURE__ */ o(
-            "span",
-            {
-              "aria-hidden": "true",
-              "data-copied": y ? "true" : void 0,
-              className: "hds-doc-section-copy-icon flex flex-shrink-0 items-center text-accent-foreground",
-              children: y ? /* @__PURE__ */ o(O, { icon: le, size: "small", color: "var(--semantic-color-content-accent)" }) : /* @__PURE__ */ o(O, { icon: ya, size: "small", color: "var(--semantic-color-content-accent)" })
-            }
-          )
-        ]
-      }
-    ) }) }) : /* @__PURE__ */ o(me, { variant: u.titleVariant, as: h, className: u.titleClassName, children: a }),
-    e ? /* @__PURE__ */ o(
-      me,
-      {
-        variant: u.descriptionVariant,
-        as: d,
-        className: m(u.descriptionClassName, v && bt),
-        children: e
-      }
-    ) : null
-  ] });
-}), Ds = D("", {
+), Ds = /* @__PURE__ */ D("", {
   variants: {
     tone: {
       neutral: "text-muted-foreground",
@@ -6432,7 +6508,7 @@ const xs = {
     }
   },
   defaultVariants: { tone: "neutral" }
-}), Xt = g.createContext(null);
+}), Xt = /* @__PURE__ */ g.createContext(null);
 function ad() {
   const i = g.useContext(Xt);
   if (!i) throw new Error("useToast must be used within a <ToastProvider>");
@@ -6530,7 +6606,7 @@ function id({
     /* @__PURE__ */ o(Se, { maxWidth: "max", children: /* @__PURE__ */ o(De, { slotLabel: "Case study content", minHeight: "320px", children: t }) })
   ] }) });
 }
-const qs = da(null);
+const qs = /* @__PURE__ */ da(null);
 function Ns() {
   return la(qs);
 }
@@ -6584,7 +6660,7 @@ function nd({
 }) {
   return /* @__PURE__ */ o("div", { className: "hds-page-enter", style: { marginTop: 0, paddingTop: 0 }, children: /* @__PURE__ */ o(Ms, { contentSlot: i, contentMaxWidth: a }) });
 }
-const Es = "var(--semantic-space-sidebar-railWidth)", od = g.forwardRef(
+const Es = "var(--semantic-space-sidebar-railWidth)", od = /* @__PURE__ */ g.forwardRef(
   function({ leftRail: a, children: e, rightRail: t, topOffset: r = "0px", className: n, style: s }, l) {
     const c = {
       position: "sticky",