@mt-gloss/ui 0.1.23 → 0.1.25

package/index.js

@@ -1,162 +1,217 @@
-import { N as Ha, T as Va, O as ja, Q as Ua, a3 as Za, b6 as Ya, az as qa, ah as Qa, Z as Xa, an as Ja, K as er, a8 as tr, bn as nr, P as ar, B as rr, a as sr, y as or, H as ir, bi as lr, F as cr, J as dr, A as ur, z as mr, bh as gr, E as pr, D as fr, bw as hr, b as br, C as vr, L as yr, o as wr, ad as Dr, aN as Nr, y as Cr, H as _r, F as kr, J as xr, A as Sr, z as Mr, E as Tr, D as Rr, a$ as Ir, b2 as Pr, b1 as Fr, b0 as Er, b3 as Or, aC as Ar, a5 as Lr, a4 as $r, aq as Br, k as zr, m as Kr, aF as Wr, ab as Gr, b8 as Hr, a9 as Vr, bo as jr, Y as Ur, bG as Zr, bF as Yr, bH as qr, ap as Qr, aQ as Xr, ba as Jr, bL as es, bu as ts, n as ns, am as as, bA as rs, br as ss, a0 as os, ar as is, a2 as ls, bz as cs, G as ds, d as us, aa as ms, bI as gs, aT as ps, r as fs, v as hs, I as bs, g as vs, aw as ys, bM as ws, M as Ds, w as Ns, U as Cs, X as _s, V as ks, W as xs, as as Ss, bg as Ms, bO as Ts, bK as Rs, ao as Is, t as Ps, bp as Fs, aS as Es, aj as Os, aK as As, ag as Ls, al as $s, au as Bs, aR as zs, ac as Ks, at as Ws, c as Gs, R as Hs, j as Vs, p as js, aH as Us, bx as Zs, by as Ys, ai as qs, ae as Qs, h as Xs, x as Js, b7 as eo, af as to, bN as no, bc as ao, bf as ro, bd as so, be as oo, i as io, b9 as lo, bm as co, S as uo, bk as mo, bl as go, av as po, bb as fo, bP as ho, ak as bo, s as vo, bJ as yo, l as wo, f as Do, q as No, _ as Co, $ as _o, a7 as ko, bj as xo, bv as So, bC as Mo, aA as To, aB as Ro, a6 as Io, aO as Po, aP as Fo, aD as Eo, aE as Oo, aG as Ao, aV as Lo, aW as $o, bE as Bo, bD as zo, aY as Ko, aZ as Wo, ax as Go, ay as Ho, b5 as Vo, b4 as jo, a_ as Uo, aL as Zo, aM as Yo, aX as qo, aI as Qo, aJ as Xo, u as Jo, bB as ei, bq as ti, bs as ni, bt as ai, aU as ri, a1 as si, e as oi } from "./Expandable-CxXKNJkL.js";
-import { jsxs as O, jsx as l, Fragment as _e } from "react/jsx-runtime";
-import * as rt from "react";
-import V, { useRef as R, useEffect as L, useState as G, useCallback as w, forwardRef as st, useMemo as ge, createContext as ot, useContext as it } from "react";
-import { motion as be, useMotionValue as lt, animate as Ae, useDragControls as ct } from "framer-motion";
-import { B as dt, U as Re } from "./UIContext-C3E-k7HI.js";
-import { a as li, u as ci } from "./UIContext-C3E-k7HI.js";
-import { createPortal as ut } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as ui, DEFAULT_PINNED as mi, PERIOD_OPTIONS as gi, ROLLING_OPTIONS as pi, TODAY_PRESET as fi, findPreset as hi, formatDateRange as bi, formatMarketDates as vi, formatTrend as yi, formatValue as wi, generateMarketId as Di, getAllPresets as Ni, getDateRangeForPreset as Ci, getPresetLabel as _i, isInRange as ki, isMarketActive as xi, isSameDay as Si, normalizePresetId as Mi, toUppercasePresetId as Ti } from "@mt-gloss/utils";
-import mt from "@mui/icons-material/AccessTime";
-import gt from "@mui/icons-material/Tune";
-import pt from "@mui/icons-material/ViewColumn";
-import ft from "@mui/icons-material/AspectRatio";
-import ht from "@mui/icons-material/Palette";
-import bt from "@mui/icons-material/PushPin";
-function On(e = {}) {
-  const { enabled: t = !0, returnTo: a } = e, n = R(null);
+import { C as rt, P as st } from "./Expandable-D7_L8KoV.js";
+import { O as nr, U as rr, Q as sr, T as ir, a4 as or, b7 as lr, aA as cr, ai as dr, _ as ur, ao as mr, N as gr, a9 as pr, bn as fr, a as hr, B as br, b as vr, A as yr, K as wr, bi as Dr, J as _r, L as Nr, E as Cr, D as kr, H as xr, F as Sr, bx as Mr, c as Tr, d as Rr, q as Ir, ae as Pr, aO as Fr, A as Er, K as Ar, J as Or, L as Lr, E as $r, D as Br, H as Kr, F as zr, b0 as Gr, b3 as Wr, b2 as Hr, b1 as Vr, b4 as Ur, aD as jr, a6 as Zr, a5 as qr, ar as Yr, m as Qr, o as Xr, aG as Jr, ac as es, b9 as ts, aa as as, bo as ns, Z as rs, bH as ss, bG as is, bI as os, aq as ls, aR as cs, bb as ds, bM as us, bv as ms, p as gs, an as ps, bB as fs, bs as hs, a1 as bs, as as vs, a3 as ys, bA as ws, G as Ds, f as _s, ab as Ns, bJ as Cs, aU as ks, t as xs, x as Ss, I as Ms, i as Ts, ax as Rs, bN as Is, M as Ps, y as Fs, V as Es, Y as As, W as Os, X as Ls, at as $s, bh as Bs, bP as Ks, bL as zs, ap as Gs, w as Ws, bp as Hs, aT as Vs, ak as Us, aL as js, ah as Zs, am as qs, av as Ys, aS as Qs, ad as Xs, au as Js, e as ei, R as ti, l as ai, r as ni, aI as ri, by as si, bz as ii, aj as oi, af as li, j as ci, z as di, b8 as ui, ag as mi, bO as gi, bd as pi, bg as fi, be as hi, bf as bi, k as vi, ba as yi, bm as wi, S as Di, bk as _i, bl as Ni, aw as Ci, bc as ki, bQ as xi, al as Si, v as Mi, bK as Ti, n as Ri, h as Ii, s as Pi, $ as Fi, a0 as Ei, a8 as Ai, bj as Oi, bw as Li, bD as $i, aB as Bi, aC as Ki, a7 as zi, aP as Gi, aQ as Wi, aE as Hi, aF as Vi, aH as Ui, aW as ji, aX as Zi, bq as qi, bF as Yi, bE as Qi, aZ as Xi, a_ as Ji, ay as eo, az as to, b6 as ao, b5 as no, a$ as ro, aM as so, aN as io, aY as oo, aJ as lo, aK as co, u as uo, bC as mo, br as go, bt as po, bu as fo, aV as ho, a2 as bo, g as vo } from "./Expandable-D7_L8KoV.js";
+import { jsxs as k, jsx as i, Fragment as be } from "react/jsx-runtime";
+import * as it from "react";
+import V, { useRef as T, useEffect as L, useState as $, useCallback as w, forwardRef as ot, useMemo as ge, createContext as lt, useContext as ct } from "react";
+import { motion as ve, useMotionValue as dt, animate as Oe, useDragControls as ut } from "framer-motion";
+import { B as mt, U as Re } from "./UIContext-C3E-k7HI.js";
+import { a as wo, u as Do } from "./UIContext-C3E-k7HI.js";
+import { createPortal as gt } from "react-dom";
+import { DEFAULT_MARKET_PRESETS as No, DEFAULT_PINNED as Co, PERIOD_OPTIONS as ko, ROLLING_OPTIONS as xo, TODAY_PRESET as So, findPreset as Mo, formatDateRange as To, formatMarketDates as Ro, formatTrend as Io, formatValue as Po, generateMarketId as Fo, getAllPresets as Eo, getDateRangeForPreset as Ao, getPresetLabel as Oo, isInRange as Lo, isMarketActive as $o, isSameDay as Bo, normalizePresetId as Ko, toUppercasePresetId as zo } from "@mt-gloss/utils";
+import pt from "@mui/icons-material/AccessTime";
+import ft from "@mui/icons-material/Tune";
+import ht from "@mui/icons-material/ViewColumn";
+import bt from "@mui/icons-material/AspectRatio";
+import vt from "@mui/icons-material/Palette";
+import yt from "@mui/icons-material/PushPin";
+function Va(e = {}) {
+  const { enabled: t = !0, returnTo: n } = e, a = T(null);
   return L(() => {
-    t && (n.current = a || document.activeElement);
-  }, [t, a]), L(() => () => {
-    t && n.current && setTimeout(() => {
-      n.current?.focus?.();
+    t && (a.current = n || document.activeElement);
+  }, [t, n]), L(() => () => {
+    t && a.current && setTimeout(() => {
+      a.current?.focus?.();
     }, 0);
-  }, [t]), n;
+  }, [t]), a;
 }
-function An(e) {
+function Ua(e) {
   const {
     items: t,
-    activeIndex: a,
-    onActiveIndexChange: n,
+    activeIndex: n,
+    onActiveIndexChange: a,
     loop: r = !0,
     orientation: s = "vertical",
     enabled: o = !0,
-    isItemDisabled: c,
-    onSelect: f,
-    onEscape: d
-  } = e, [p, h] = G(-1), u = a !== void 0 ? a : p, m = w(
-    (i) => {
-      a === void 0 && h(i), n?.(i);
+    isItemDisabled: l,
+    onSelect: m,
+    onEscape: u
+  } = e, [p, h] = $(-1), d = n !== void 0 ? n : p, g = w(
+    (c) => {
+      n === void 0 && h(c), a?.(c);
     },
-    [a, n]
-  ), N = w(() => t.map((i, b) => ({ item: i, index: b })).filter(({ item: i, index: b }) => !c?.(i, b)).map(({ index: i }) => i), [t, c]), y = w(
-    (i, b) => {
-      const D = N();
+    [n, a]
+  ), _ = w(() => t.map((c, b) => ({ item: c, index: b })).filter(({ item: c, index: b }) => !l?.(c, b)).map(({ index: c }) => c), [t, l]), y = w(
+    (c, b) => {
+      const D = _();
       if (D.length === 0) return -1;
-      const x = D.indexOf(i);
-      if (x === -1)
-        return b === 1 ? D.find((k) => k > i) ?? (r ? D[0] : -1) : [...D].reverse().find((P) => P < i) ?? (r ? D[D.length - 1] : -1);
-      let v = x + b;
+      const S = D.indexOf(c);
+      if (S === -1)
+        return b === 1 ? D.find((x) => x > c) ?? (r ? D[0] : -1) : [...D].reverse().find((F) => F < c) ?? (r ? D[D.length - 1] : -1);
+      let v = S + b;
       return r ? v = (v + D.length) % D.length : v = Math.max(0, Math.min(D.length - 1, v)), D[v];
     },
-    [N, r]
-  ), g = w(() => {
-    const i = N();
-    i.length > 0 && m(i[0]);
-  }, [N, m]), S = w(() => {
-    const i = N();
-    i.length > 0 && m(i[i.length - 1]);
-  }, [N, m]), I = w(() => {
-    const i = y(u, 1);
-    i !== -1 && m(i);
-  }, [u, y, m]), _ = w(() => {
-    const i = y(u, -1);
-    i !== -1 && m(i);
-  }, [u, y, m]), M = w(() => {
-    m(-1);
-  }, [m]), T = w(
-    (i) => {
+    [_, r]
+  ), f = w(() => {
+    const c = _();
+    c.length > 0 && g(c[0]);
+  }, [_, g]), M = w(() => {
+    const c = _();
+    c.length > 0 && g(c[c.length - 1]);
+  }, [_, g]), P = w(() => {
+    const c = y(d, 1);
+    c !== -1 && g(c);
+  }, [d, y, g]), C = w(() => {
+    const c = y(d, -1);
+    c !== -1 && g(c);
+  }, [d, y, g]), R = w(() => {
+    g(-1);
+  }, [g]), I = w(
+    (c) => {
       if (!o) return;
-      const { key: b } = i, D = b === "ArrowUp" && (s === "vertical" || s === "both"), x = b === "ArrowDown" && (s === "vertical" || s === "both"), v = b === "ArrowLeft" && (s === "horizontal" || s === "both"), k = b === "ArrowRight" && (s === "horizontal" || s === "both");
+      const { key: b } = c, D = b === "ArrowUp" && (s === "vertical" || s === "both"), S = b === "ArrowDown" && (s === "vertical" || s === "both"), v = b === "ArrowLeft" && (s === "horizontal" || s === "both"), x = b === "ArrowRight" && (s === "horizontal" || s === "both");
       if (D || v) {
-        i.preventDefault(), u === -1 ? S() : _();
+        c.preventDefault(), d === -1 ? M() : C();
         return;
       }
-      if (x || k) {
-        i.preventDefault(), u === -1 ? g() : I();
+      if (S || x) {
+        c.preventDefault(), d === -1 ? f() : P();
         return;
       }
       if (b === "Home") {
-        i.preventDefault(), g();
+        c.preventDefault(), f();
         return;
       }
       if (b === "End") {
-        i.preventDefault(), S();
+        c.preventDefault(), M();
         return;
       }
-      if ((b === "Enter" || b === " ") && u >= 0 && u < t.length) {
-        i.preventDefault();
-        const P = t[u];
-        c?.(P, u) || f?.(P, u);
+      if ((b === "Enter" || b === " ") && d >= 0 && d < t.length) {
+        c.preventDefault();
+        const F = t[d];
+        l?.(F, d) || m?.(F, d);
         return;
       }
       if (b === "Escape") {
-        d?.();
+        u?.();
         return;
       }
     },
     [
       o,
       s,
-      u,
+      d,
       t,
-      g,
-      S,
-      I,
-      _,
-      c,
       f,
-      d
+      M,
+      P,
+      C,
+      l,
+      m,
+      u
     ]
   );
   return {
-    focusedIndex: u,
-    setFocusedIndex: m,
-    handleKeyDown: T,
-    focusFirst: g,
-    focusLast: S,
-    focusNext: I,
-    focusPrevious: _,
-    resetFocus: M
+    focusedIndex: d,
+    setFocusedIndex: g,
+    handleKeyDown: I,
+    focusFirst: f,
+    focusLast: M,
+    focusNext: P,
+    focusPrevious: C,
+    resetFocus: R
   };
 }
-const ve = (e) => {
-}, vt = {
+const wt = ({
+  label: e = "Set a target",
+  unit: t,
+  currentValue: n,
+  onConfirm: a,
+  onSkip: r,
+  hint: s
+}) => {
+  const [o, l] = $(n != null ? String(n) : ""), m = () => {
+    const d = parseFloat(o);
+    Number.isNaN(d) || a(d);
+  }, u = (d) => {
+    d.key === "Enter" ? (d.preventDefault(), m()) : d.key === "Escape" && (d.preventDefault(), r?.());
+  }, p = "gloss-target-input-field", h = s ? "gloss-target-input-hint" : void 0;
+  return /* @__PURE__ */ k("div", { className: "gloss-target-input", children: [
+    /* @__PURE__ */ i("label", { className: "gloss-target-input__label", htmlFor: p, children: e }),
+    /* @__PURE__ */ k("div", { className: "gloss-target-input__field-row", children: [
+      /* @__PURE__ */ i(
+        "input",
+        {
+          id: p,
+          type: "number",
+          className: "gloss-target-input__field",
+          value: o,
+          onChange: (d) => l(d.target.value),
+          onKeyDown: u,
+          "aria-describedby": h,
+          autoFocus: !0
+        }
+      ),
+      t && /* @__PURE__ */ i("span", { className: "gloss-target-input__unit", children: t })
+    ] }),
+    s && /* @__PURE__ */ i("p", { id: h, className: "gloss-target-input__hint", children: s }),
+    /* @__PURE__ */ k("div", { className: "gloss-target-input__actions", children: [
+      /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: "gloss-target-input__confirm",
+          onClick: m,
+          children: "Confirm"
+        }
+      ),
+      r && /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: "gloss-target-input__skip",
+          onClick: r,
+          children: "Skip"
+        }
+      )
+    ] })
+  ] });
+}, ye = (e) => {
+}, Dt = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
-  onRemove: ve
-}, yt = {
+  onRemove: ye
+}, _t = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
-  onRemove: ve
-}, wt = {
+  onRemove: ye
+}, Nt = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
-  onRemove: ve
-}, Dt = {
+  onRemove: ye
+}, Ct = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
-  onRemove: ve
-}, Ln = [
-  vt,
-  yt,
-  wt,
-  Dt
-], $n = {
+  onRemove: ye
+}, ja = [
+  Dt,
+  _t,
+  Nt,
+  Ct
+], Za = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, Bn = {
+}, qa = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -164,7 +219,7 @@ const ve = (e) => {
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, zn = {
+}, Ya = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -172,26 +227,26 @@ const ve = (e) => {
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, Kn = [
+}, Qa = [
   { variant: "block", width: "100%", height: 16 },
   { variant: "block", width: 200, height: 32, borderRadius: 8 },
   { variant: "block", width: "80%", height: 12, borderRadius: "4px" },
   { variant: "block", width: 120, height: 44, borderRadius: 22 }
-], Wn = [
+], Xa = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], Gn = [
+], Ja = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], Hn = [
+], en = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], Vn = [
+], tn = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], jn = [
+], an = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
@@ -221,103 +276,103 @@ const ve = (e) => {
   width: "100%",
   textAlign: "left",
   border: "none"
-}), Nt = (e) => ({
+}), kt = (e) => ({
   ...ke(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), Ct = {
+}), xt = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function _t({
+function St({
   open: e,
   anchorEl: t,
-  statusId: a,
-  onOpenInTable: n,
+  statusId: n,
+  onOpenInTable: a,
   onShowOnGraph: r,
   overflowActions: s,
   onClose: o
 }) {
-  const [c, f] = G(null), d = R(null), p = w(() => {
+  const [l, m] = $(null), u = T(null), p = w(() => {
     if (!t) return { ...Le, top: 0, left: 0 };
-    const m = t.getBoundingClientRect();
+    const g = t.getBoundingClientRect();
     return {
       ...Le,
-      top: m.bottom + 4,
-      left: m.left
+      top: g.bottom + 4,
+      left: g.left
     };
   }, [t]);
   if (L(() => {
     if (!e) return;
-    const m = (N) => {
-      N.key === "Escape" && o();
+    const g = (_) => {
+      _.key === "Escape" && o();
     };
-    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
   }, [e, o]), L(() => {
     if (!e) return;
-    const m = (N) => {
-      d.current && !d.current.contains(N.target) && o();
+    const g = (_) => {
+      u.current && !u.current.contains(_.target) && o();
     };
-    return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
+    return document.addEventListener("pointerdown", g, !0), () => document.removeEventListener("pointerdown", g, !0);
   }, [e, o]), !e) return null;
-  const h = s && s.length > 0, u = /* @__PURE__ */ O(
+  const h = s && s.length > 0, d = /* @__PURE__ */ k(
     "div",
     {
-      ref: d,
-      "data-status-chip-menu": a,
+      ref: u,
+      "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
       style: p(),
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "button",
           {
             role: "menuitem",
-            style: Nt(c === "__primary"),
-            onMouseEnter: () => f("__primary"),
-            onMouseLeave: () => f(null),
+            style: kt(l === "__primary"),
+            onMouseEnter: () => m("__primary"),
+            onMouseLeave: () => m(null),
             onClick: () => {
-              n(a), o();
+              a(n), o();
             },
             children: "Open in table"
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "button",
           {
             role: "menuitem",
-            style: ke(c === "__graph"),
-            onMouseEnter: () => f("__graph"),
-            onMouseLeave: () => f(null),
+            style: ke(l === "__graph"),
+            onMouseEnter: () => m("__graph"),
+            onMouseLeave: () => m(null),
             onClick: () => {
-              r(a), o();
+              r(n), o();
             },
             children: "Show on graph"
           }
         ),
-        h && /* @__PURE__ */ l("div", { style: Ct }),
-        h && s?.map((m) => /* @__PURE__ */ l(
+        h && /* @__PURE__ */ i("div", { style: xt }),
+        h && s?.map((g) => /* @__PURE__ */ i(
           "button",
           {
             role: "menuitem",
-            style: ke(c === m.id),
-            onMouseEnter: () => f(m.id),
-            onMouseLeave: () => f(null),
+            style: ke(l === g.id),
+            onMouseEnter: () => m(g.id),
+            onMouseLeave: () => m(null),
             onClick: () => {
-              m.onSelect(a), o();
+              g.onSelect(n), o();
             },
-            children: m.label
+            children: g.label
           },
-          m.id
+          g.id
         ))
       ]
     }
   );
-  return ut(u, document.body);
+  return gt(d, document.body);
 }
-_t.displayName = "StatusSlotChipMenu";
-const Un = {
+St.displayName = "StatusSlotChipMenu";
+const nn = {
   forwardStaggerMs: 50,
   reverseStaggerMs: 30,
   springStiffness: 380,
@@ -329,18 +384,18 @@ const Un = {
   enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
   exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
   translateOffsetPx: 8
-}, Zn = {
+}, rn = {
   shiverCycles: 3,
   shiverAmplitudePx: 2,
   shiverDurationMs: 180,
   validCellOpacity: 0.6
-}, Yn = {
+}, sn = {
   materializeMs: 180,
   dematerializeMs: 140,
   easing: "cubic-bezier(0.22, 1, 0.36, 1)",
   dotStrokePx: 2,
   dividerDashGapPx: 4
-}, qn = {
+}, on = {
   cascadeStaggerMs: 0,
   cascadeSpringCapMs: 120,
   swingEnterMs: 100,
@@ -349,7 +404,7 @@ const Un = {
   provisionalStyle: "opacity",
   shiverMs: 200,
   shiverStyle: "color-flash"
-}, Qn = !0, Xn = {
+}, ln = !0, cn = {
   rejectionFill: "var(--gloss-rejection-fill)",
   rejectionStroke: "var(--gloss-rejection-stroke)",
   validFill: "var(--gloss-valid-fill)",
@@ -357,7 +412,7 @@ const Un = {
   validCellStroke: "var(--gloss-valid-cell-stroke)",
   provisionalWash: "var(--gloss-provisional-wash)"
 };
-function Jn() {
+function dn() {
   if (typeof window > "u") return "full";
   try {
     return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
@@ -365,7 +420,7 @@ function Jn() {
     return "full";
   }
 }
-const We = ({ visible: e, variant: t, trigger: a, children: n, className: r }) => {
+const Ge = ({ visible: e, variant: t, trigger: n, children: a, className: r }) => {
   const s = {
     "--gloss-swing-enter-ms": `${de.enterDurationMs}ms`,
     "--gloss-swing-exit-ms": `${de.exitDurationMs}ms`,
@@ -375,10 +430,10 @@ const We = ({ visible: e, variant: t, trigger: a, children: n, className: r }) =
   }, o = [
     "gloss-swing-reveal",
     `gloss-swing-reveal--${t}`,
-    a === "hover+focus" ? "gloss-swing-reveal--hover-focus" : "",
+    n === "hover+focus" ? "gloss-swing-reveal--hover-focus" : "",
     r ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "span",
     {
       "data-testid": "gloss-swing-reveal",
@@ -386,60 +441,60 @@ const We = ({ visible: e, variant: t, trigger: a, children: n, className: r }) =
       "data-visible": e ? "true" : "false",
       className: o,
       style: s,
-      children: n
+      children: a
     }
   );
-}, kt = st(
-  function({ state: t, onPointerDown: a, onPointerUp: n, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: c, edge: f = "right", ariaLabel: d = "Resize card" }, p) {
-    const h = t === "handle-visible" || t === "dragging" || t === "settling", u = (y) => {
+}, Mt = ot(
+  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: l, edge: m = "right", ariaLabel: u = "Resize card" }, p) {
+    const h = t === "handle-visible" || t === "dragging" || t === "settling", d = (y) => {
       try {
         y.currentTarget.setPointerCapture(y.pointerId);
       } catch {
       }
-      a(y);
-    }, m = (y) => {
+      n(y);
+    }, g = (y) => {
       try {
         y.currentTarget.hasPointerCapture?.(y.pointerId) && y.currentTarget.releasePointerCapture(y.pointerId);
       } catch {
       }
-      n(y);
-    }, N = (y) => {
+      a(y);
+    }, _ = (y) => {
       !h || !o || (y.key === "ArrowRight" ? (y.preventDefault(), o("grow")) : y.key === "ArrowLeft" && (y.preventDefault(), o("shrink")));
     };
-    return /* @__PURE__ */ l(We, { visible: h, variant: "handle", trigger: "hover", children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ i(Ge, { visible: h, variant: "handle", trigger: "hover", children: /* @__PURE__ */ i(
       "button",
       {
         ref: p,
         type: "button",
-        "aria-label": d,
-        "data-edge": f,
+        "aria-label": u,
+        "data-edge": m,
         "data-resize-state": t,
         className: [
           "gloss-edge-handle",
-          `gloss-edge-handle--${f}`,
+          `gloss-edge-handle--${m}`,
           h ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
-        onPointerDown: u,
-        onPointerUp: m,
+        onPointerDown: d,
+        onPointerUp: g,
         onPointerEnter: r,
         onPointerLeave: s,
-        onLostPointerCapture: c,
-        onKeyDown: N,
+        onLostPointerCapture: l,
+        onKeyDown: _,
         tabIndex: h ? 0 : -1
       }
     ) });
   }
 );
-kt.displayName = "EdgeHoverHandle";
-function xt({
+Mt.displayName = "EdgeHoverHandle";
+function Tt({
   visible: e,
   targetColSpan: t,
-  ghostWidth: a,
-  enterMs: n = 180,
+  ghostWidth: n,
+  enterMs: a = 180,
   exitMs: r = 120
 }) {
-  return /* @__PURE__ */ l(
-    be.div,
+  return /* @__PURE__ */ i(
+    ve.div,
     {
       "aria-hidden": "true",
       "data-ghost-preview": e ? "visible" : "hidden",
@@ -449,14 +504,14 @@ function xt({
         e ? "gloss-ghost-preview--visible" : ""
       ].filter(Boolean).join(" "),
       style: {
-        width: a,
-        transitionDuration: `${e ? n : r}ms`
+        width: n,
+        transitionDuration: `${e ? a : r}ms`
       }
     }
   );
 }
-xt.displayName = "GhostPreview";
-class St {
+Tt.displayName = "GhostPreview";
+class Rt {
   constructor() {
     this.samples = [], this.capacity = 3;
   }
@@ -494,14 +549,14 @@ class St {
     const t = this.samples.length;
     if (t < 2) return 0;
     if (t === 2) {
-      const [f, d] = this.samples, p = Math.max(1, d.t - f.t);
-      return (d.x - f.x) / p * 1e3;
+      const [m, u] = this.samples, p = Math.max(1, u.t - m.t);
+      return (u.x - m.x) / p * 1e3;
     }
-    const [a, n, r] = this.samples, s = (r.x - n.x) / Math.max(1, r.t - n.t) * 1e3, o = (n.x - a.x) / Math.max(1, n.t - a.t) * 1e3, c = o;
-    return (s * 3 + o * 2 + c * 1) / 6;
+    const [n, a, r] = this.samples, s = (r.x - a.x) / Math.max(1, r.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, l = o;
+    return (s * 3 + o * 2 + l * 1) / 6;
   }
 }
-const Ge = {
+const We = {
   // Spring (D-08). Retuned 260419 — damping 35 → 22 so the commit spring
   // has visible overshoot (ζ ≈ 0.49, ~13–17% overshoot, ~350ms settle). The
   // prior ζ ≈ 0.78 was imperceptible to users. Debug slug:
@@ -521,207 +576,207 @@ const Ge = {
   // Velocity multiplier (D-03b panel)
   velocityMultiplier: 1
 };
-function ea({
+function un({
   currentColSpan: e,
   stackable: t,
-  onResize: a,
-  onCancel: n,
+  onResize: n,
+  onCancel: a,
   step: r = 180,
   gap: s = 0,
   tuning: o,
-  dwellMs: c = 60,
-  graceExitMs: f = 150,
-  enterMs: d = 180,
+  dwellMs: l = 60,
+  graceExitMs: m = 150,
+  enterMs: u = 180,
   exitMs: p = 120,
   maxColSpan: h = 3,
-  containerRef: u,
-  forceIdle: m
+  containerRef: d,
+  forceIdle: g
 }) {
-  const [N, y] = G("idle"), [g, S] = G(e), I = R(null), _ = R(null), M = R(null), T = R(null), i = R(r), b = R(s), D = R(h), x = R(0), v = R("idle");
+  const [_, y] = $("idle"), [f, M] = $(e), P = T(null), C = T(null), R = T(null), I = T(null), c = T(r), b = T(s), D = T(h), S = T(0), v = T("idle");
   L(() => {
-    v.current = N;
-  }, [N]);
-  const k = lt(0), P = R(null), j = w(() => {
-    const C = P.current;
-    if (C) {
+    v.current = _;
+  }, [_]);
+  const x = dt(0), F = T(null), U = w(() => {
+    const N = F.current;
+    if (N) {
       try {
-        C.stop();
+        N.stop();
       } catch {
       }
-      P.current = null;
+      F.current = null;
     }
-  }, []), Y = w(
-    (C) => {
-      const F = i.current, E = b.current;
-      return C * F + (C - 1) * E;
+  }, []), q = w(
+    (N) => {
+      const E = c.current, A = b.current;
+      return N * E + (N - 1) * A;
     },
     []
-  ), U = R(new St()), W = R(e);
+  ), j = T(new Rt()), W = T(e);
   L(() => {
-    W.current = g;
-  }, [g]);
-  const $ = ge(() => ({ ...Ge, ...o ?? {} }), [o]), Z = w(() => {
-    I.current && (clearTimeout(I.current), I.current = null);
-  }, []), A = w(() => {
-    _.current && (clearTimeout(_.current), _.current = null);
+    W.current = f;
+  }, [f]);
+  const B = ge(() => ({ ...We, ...o ?? {} }), [o]), Z = w(() => {
+    P.current && (clearTimeout(P.current), P.current = null);
+  }, []), O = w(() => {
+    C.current && (clearTimeout(C.current), C.current = null);
   }, []), X = w(() => {
-    M.current && (clearTimeout(M.current), M.current = null);
+    R.current && (clearTimeout(R.current), R.current = null);
   }, []);
   L(() => {
-    m && (v.current === "dragging" || v.current === "settling" || (Z(), A(), X(), v.current = "idle", y("idle")));
-  }, [m, Z, A, X]);
+    g && (v.current === "dragging" || v.current === "settling" || (Z(), O(), X(), v.current = "idle", y("idle")));
+  }, [g, Z, O, X]);
   const Ie = w(() => {
-    A(), y((C) => C === "settling" || C !== "idle" ? C : (I.current = setTimeout(() => y("handle-visible"), c), "dwelling"));
-  }, [c, A]), Pe = w(() => {
+    O(), y((N) => N === "settling" || N !== "idle" ? N : (P.current = setTimeout(() => y("handle-visible"), l), "dwelling"));
+  }, [l, O]), Pe = w(() => {
     Z();
-    const C = v.current;
-    C !== "dwelling" && C !== "handle-visible" || (_.current = setTimeout(() => {
+    const N = v.current;
+    N !== "dwelling" && N !== "handle-visible" || (C.current = setTimeout(() => {
       v.current = "idle", y("idle");
-    }, f));
-  }, [Z, f]), se = w(
-    (C, F, E) => {
-      const B = i.current, J = B * $.snapInFraction, q = B * $.snapOutFraction, z = F - E, H = Math.max(
-        E,
+    }, m));
+  }, [Z, m]), se = w(
+    (N, E, A) => {
+      const K = c.current, J = K * B.snapInFraction, Y = K * B.snapOutFraction, z = E - A, H = Math.max(
+        A,
         D.current ?? h
       );
-      let K = z;
-      for (; E + K < H; ) {
-        const ee = K * B + (K < 0 ? q : J);
-        if (C >= ee) K += 1;
+      let G = z;
+      for (; A + G < H; ) {
+        const ee = G * K + (G < 0 ? Y : J);
+        if (N >= ee) G += 1;
         else break;
       }
-      if (K === z)
-        for (; E + K > 1; ) {
-          const ee = K * B - (K > 0 ? q : J);
-          if (C <= ee) K -= 1;
+      if (G === z)
+        for (; A + G > 1; ) {
+          const ee = G * K - (G > 0 ? Y : J);
+          if (N <= ee) G -= 1;
           else break;
         }
-      return Math.min(H, Math.max(1, E + K));
+      return Math.min(H, Math.max(1, A + G));
     },
-    [$.snapInFraction, $.snapOutFraction, h]
+    [B.snapInFraction, B.snapOutFraction, h]
   ), Je = w(
-    (C) => {
+    (N) => {
       if (v.current !== "handle-visible") return;
-      j(), T.current = C.clientX, i.current = r, b.current = s, D.current = h;
-      const F = e * r + (e - 1) * s;
-      x.current = F, U.current.clear(), U.current.push({ x: C.clientX, t: performance.now() }), k.jump(F), v.current = "dragging", y("dragging");
+      U(), I.current = N.clientX, c.current = r, b.current = s, D.current = h;
+      const E = e * r + (e - 1) * s;
+      S.current = E, j.current.clear(), j.current.push({ x: N.clientX, t: performance.now() }), x.jump(E), v.current = "dragging", y("dragging");
     },
-    [r, s, h, e, k, j]
+    [r, s, h, e, x, U]
   ), Fe = w(
-    (C) => C * i.current + (C - 1) * b.current,
+    (N) => N * c.current + (N - 1) * b.current,
     []
   ), re = w(
-    (C, F) => {
-      const E = Fe(C), B = C !== e;
+    (N, E) => {
+      const A = Fe(N), K = N !== e;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        k.jump(E), B && F ? a({ direction: F, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || n?.(), k.jump(0), v.current = "idle", y("idle");
+        x.jump(A), K && E ? n({ direction: E, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), x.jump(0), v.current = "idle", y("idle");
         return;
       }
-      const q = U.current.getWeightedVelocity() * $.velocityMultiplier;
-      v.current = "settling", y("settling"), j(), P.current = Ae(k, E, {
+      const Y = j.current.getWeightedVelocity() * B.velocityMultiplier;
+      v.current = "settling", y("settling"), U(), F.current = Oe(x, A, {
         type: "spring",
-        stiffness: $.stiffness,
-        damping: $.damping,
-        mass: $.mass,
-        velocity: q,
+        stiffness: B.stiffness,
+        damping: B.damping,
+        mass: B.mass,
+        velocity: Y,
         onComplete: () => {
-          P.current = null, B && F ? a({ direction: F, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || n?.(), k.jump(0), v.current = "idle", y("idle");
+          F.current = null, K && E ? n({ direction: E, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), x.jump(0), v.current = "idle", y("idle");
         }
       });
     },
-    [Fe, e, t, a, n, k, $, j]
+    [Fe, e, t, n, a, x, B, U]
   ), et = w(
-    (C) => {
+    (N) => {
       if (v.current !== "dragging") return;
-      const F = C.clientX - (T.current ?? C.clientX), E = i.current, J = ((D.current ?? h) - e) * E, q = (1 - e) * E, z = Math.max(q, Math.min(J, F));
-      U.current.push({ x: C.clientX, t: performance.now() });
-      const H = se(z, W.current, e), K = H > e ? "grow" : H < e ? "shrink" : null;
-      re(H, K);
+      const E = N.clientX - (I.current ?? N.clientX), A = c.current, J = ((D.current ?? h) - e) * A, Y = (1 - e) * A, z = Math.max(Y, Math.min(J, E));
+      j.current.push({ x: N.clientX, t: performance.now() });
+      const H = se(z, W.current, e), G = H > e ? "grow" : H < e ? "shrink" : null;
+      re(H, G);
     },
     [se, e, h, re]
-  ), oe = w(() => {
+  ), ie = w(() => {
     if (Z(), v.current === "dragging") {
-      const C = x.current;
+      const N = S.current;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        k.jump(C), n?.(), k.jump(0), v.current = "idle", y("idle");
+        x.jump(N), a?.(), x.jump(0), v.current = "idle", y("idle");
         return;
       }
-      const E = U.current.getWeightedVelocity();
-      v.current = "settling", y("settling"), j(), P.current = Ae(k, C, {
+      const A = j.current.getWeightedVelocity();
+      v.current = "settling", y("settling"), U(), F.current = Oe(x, N, {
         type: "spring",
-        stiffness: $.stiffness,
-        damping: $.damping,
-        mass: $.mass,
-        velocity: E,
+        stiffness: B.stiffness,
+        damping: B.damping,
+        mass: B.mass,
+        velocity: A,
         onComplete: () => {
-          P.current = null, n?.(), k.jump(0), v.current = "idle", y("idle");
+          F.current = null, a?.(), x.jump(0), v.current = "idle", y("idle");
         }
       });
       return;
     }
-    v.current === "handle-visible" && (n?.(), v.current = "cancelled", y("cancelled"));
-  }, [Z, k, n, $, j]);
+    v.current === "handle-visible" && (a?.(), v.current = "cancelled", y("cancelled"));
+  }, [Z, x, a, B, U]);
   L(() => {
-    if (N !== "dragging" && N !== "handle-visible") return;
-    const C = (F) => {
-      F.key === "Escape" && oe();
+    if (_ !== "dragging" && _ !== "handle-visible") return;
+    const N = (E) => {
+      E.key === "Escape" && ie();
     };
-    return window.addEventListener("keydown", C), () => window.removeEventListener("keydown", C);
-  }, [N, oe]), L(() => {
-    if (N !== "dragging") {
-      S(e);
+    return window.addEventListener("keydown", N), () => window.removeEventListener("keydown", N);
+  }, [_, ie]), L(() => {
+    if (_ !== "dragging") {
+      M(e);
       return;
     }
-    const C = (z) => {
-      const H = z.clientX - (T.current ?? z.clientX), K = x.current, ie = Y(1), ee = Y(h), pe = K + H, Oe = Math.max(ie, Math.min(ee, pe));
-      k.set(Oe);
-      const fe = i.current, ye = (h - e) * fe, we = (1 - e) * fe, le = Math.max(we, Math.min(ye, H));
-      U.current.push({ x: z.clientX, t: performance.now() });
+    const N = (z) => {
+      const H = z.clientX - (I.current ?? z.clientX), G = S.current, oe = q(1), ee = q(h), pe = G + H, Ae = Math.max(oe, Math.min(ee, pe));
+      x.set(Ae);
+      const fe = c.current, we = (h - e) * fe, De = (1 - e) * fe, le = Math.max(De, Math.min(we, H));
+      j.current.push({ x: z.clientX, t: performance.now() });
       const ce = se(le, W.current, e);
-      ce !== W.current && (W.current = ce, S(ce));
-    }, F = (z, H) => {
+      ce !== W.current && (W.current = ce, M(ce));
+    }, E = (z, H) => {
       if (v.current === "dragging")
         if (z === "pointerup") {
-          const K = U.current.tail(), ie = H?.clientX ?? K?.x ?? T.current ?? 0, ee = ie - (T.current ?? ie), pe = i.current, fe = ((D.current ?? h) - e) * pe, ye = (1 - e) * pe, we = Math.max(ye, Math.min(fe, ee));
-          H && U.current.push({ x: H.clientX, t: performance.now() });
-          const le = se(we, W.current, e), ce = le > e ? "grow" : le < e ? "shrink" : null;
+          const G = j.current.tail(), oe = H?.clientX ?? G?.x ?? I.current ?? 0, ee = oe - (I.current ?? oe), pe = c.current, fe = ((D.current ?? h) - e) * pe, we = (1 - e) * pe, De = Math.max(we, Math.min(fe, ee));
+          H && j.current.push({ x: H.clientX, t: performance.now() });
+          const le = se(De, W.current, e), ce = le > e ? "grow" : le < e ? "shrink" : null;
           re(le, ce);
         } else
-          oe();
-    }, E = (z) => F("pointerup", z), B = (z) => F("pointercancel", z), J = () => F("blur"), q = () => {
-      document.visibilityState === "hidden" && F("visibility-hidden");
+          ie();
+    }, A = (z) => E("pointerup", z), K = (z) => E("pointercancel", z), J = () => E("blur"), Y = () => {
+      document.visibilityState === "hidden" && E("visibility-hidden");
     };
-    return window.addEventListener("pointermove", C), window.addEventListener("pointerup", E), window.addEventListener("pointercancel", B), window.addEventListener("blur", J), document.addEventListener("visibilitychange", q), () => {
-      window.removeEventListener("pointermove", C), window.removeEventListener("pointerup", E), window.removeEventListener("pointercancel", B), window.removeEventListener("blur", J), document.removeEventListener("visibilitychange", q);
+    return window.addEventListener("pointermove", N), window.addEventListener("pointerup", A), window.addEventListener("pointercancel", K), window.addEventListener("blur", J), document.addEventListener("visibilitychange", Y), () => {
+      window.removeEventListener("pointermove", N), window.removeEventListener("pointerup", A), window.removeEventListener("pointercancel", K), window.removeEventListener("blur", J), document.removeEventListener("visibilitychange", Y);
     };
-  }, [N, e, k, se, h, Y, oe, re]), L(() => () => {
-    Z(), A(), X();
-  }, [Z, A, X]), L(() => {
-    if (N !== "cancelled") return;
-    const C = setTimeout(() => y("idle"), p);
-    return () => clearTimeout(C);
-  }, [N, p]);
+  }, [_, e, x, se, h, q, ie, re]), L(() => () => {
+    Z(), O(), X();
+  }, [Z, O, X]), L(() => {
+    if (_ !== "cancelled") return;
+    const N = setTimeout(() => y("idle"), p);
+    return () => clearTimeout(N);
+  }, [_, p]);
   const tt = w(
-    (C) => {
+    (N) => {
       if (v.current === "settling") return;
-      const E = Math.min(h, Math.max(1, e + (C === "grow" ? 1 : -1)));
-      if (E === e) return;
-      i.current = r, b.current = s, D.current = h, U.current.clear();
-      const B = e * r + (e - 1) * s;
-      x.current = B, k.jump(B), re(E, C);
+      const A = Math.min(h, Math.max(1, e + (N === "grow" ? 1 : -1)));
+      if (A === e) return;
+      c.current = r, b.current = s, D.current = h, j.current.clear();
+      const K = e * r + (e - 1) * s;
+      S.current = K, x.jump(K), re(A, N);
     },
-    [e, r, s, h, k, re]
+    [e, r, s, h, x, re]
   ), Ee = w(() => {
-    X(), M.current = setTimeout(() => {
+    X(), R.current = setTimeout(() => {
       v.current === "handle-visible" && (v.current = "idle", y("idle"));
     }, 5e3);
-  }, [X]), nt = w(() => {
+  }, [X]), at = w(() => {
     v.current === "idle" && (Z(), v.current = "handle-visible", y("handle-visible"), Ee());
-  }, [Z, Ee]), at = w(() => {
+  }, [Z, Ee]), nt = w(() => {
     X(), v.current === "handle-visible" && (v.current = "idle", y("idle"));
   }, [X]);
   return {
-    state: N,
+    state: _,
     enterEdgeZone: Ie,
     leaveEdgeZone: Pe,
     handleProps: {
@@ -732,21 +787,21 @@ function ea({
       onPointerEnter: Ie,
       onPointerLeave: Pe
     },
-    previewColSpan: g,
+    previewColSpan: f,
     ghostProps: {
-      visible: N === "dragging" || N === "settling",
-      targetColSpan: g,
-      ghostWidth: k,
-      enterMs: d,
+      visible: _ === "dragging" || _ === "settling",
+      targetColSpan: f,
+      ghostWidth: x,
+      enterMs: u,
       exitMs: p
     },
     onKeyboardStep: tt,
-    onTouchReveal: nt,
-    onTouchDismiss: at,
-    cancel: oe
+    onTouchReveal: at,
+    onTouchDismiss: nt,
+    cancel: ie
   };
 }
-const ae = {
+const ne = {
   // Cascade (D-08, D-10)
   staggerMs: 50,
   reverseStaggerMs: 30,
@@ -771,14 +826,14 @@ const ae = {
   sectionDividerFadeOutMs: 80,
   sectionDividerStaggerMs: 40
 };
-function ta(e) {
-  const { cardWidthPx: t, slotCount: a, activeSlotIdx: n, pillWidthPx: r } = e;
-  if (n == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(a) || a <= 0 || !Number.isInteger(n) || n < 0 || n >= a)
+function mn(e) {
+  const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: r } = e;
+  if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
     return;
-  const s = (n + 0.5) * (t / a);
+  const s = (a + 0.5) * (t / n);
   return r != null && Number.isFinite(r) && r > 0 ? s - r / 2 : s;
 }
-const na = [
+const gn = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -881,25 +936,53 @@ const na = [
       { value: 18, color: "#f59e0b", label: "Textiles" },
       { value: 9, color: "#6b7280", label: "Other" }
     ]
+  },
+  // 10. Highlight (warning): Approaching capacity
+  {
+    variant: "highlight",
+    label: "Warehouse Capacity",
+    value: 87,
+    valueFormat: { suffix: "%" },
+    trend: { value: 4.2, direction: "up" },
+    subtitle: "Approaching limit",
+    highlightColor: "warning"
+  },
+  // 11. Highlight (negative): Returns spike
+  {
+    variant: "highlight",
+    label: "Return Rate",
+    value: 6.8,
+    valueFormat: { suffix: "%" },
+    trend: { value: 1.9, direction: "up" },
+    subtitle: "Above threshold",
+    highlightColor: "negative"
+  },
+  // 12. Highlight (neutral): Pending reviews
+  {
+    variant: "highlight",
+    label: "Pending Reviews",
+    value: 24,
+    subtitle: "Awaiting QA",
+    highlightColor: "neutral"
   }
-], Mt = {
+], It = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, Tt = {
+}, Pt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, Rt = {
+}, Ft = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, It = {
+}, Et = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -907,7 +990,7 @@ const na = [
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, Pt = {
+}, At = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -916,7 +999,7 @@ const na = [
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, Ft = {
+}, Ot = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -927,14 +1010,14 @@ const na = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, aa = [
-  Mt,
-  Tt,
-  Rt,
+}, pn = [
   It,
   Pt,
-  Ft
-], ra = {
+  Ft,
+  Et,
+  At,
+  Ot
+], fn = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -957,7 +1040,7 @@ const na = [
     59
   ],
   accentColor: "#6366f1"
-}, sa = {
+}, hn = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -996,21 +1079,21 @@ const na = [
     19
   ],
   accentColor: "#10b981"
-}, oa = {
+}, bn = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, ia = {
+}, vn = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, la = {
+}, yn = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -1021,30 +1104,30 @@ const na = [
 function He({
   open: e,
   onDismiss: t,
-  anchorRef: a,
-  pages: n,
+  anchorRef: n,
+  pages: a,
   activePageId: r,
   onPageChange: s,
   onCreatePage: o,
-  onManagePages: c
+  onManagePages: l
 }) {
-  const f = w(
-    (u) => {
-      s(u), t();
+  const m = w(
+    (d) => {
+      s(d), t();
     },
     [s, t]
-  ), d = w(
-    (u, m) => {
-      (m.key === "Enter" || m.key === " ") && (m.preventDefault(), f(u));
+  ), u = w(
+    (d, g) => {
+      (g.key === "Enter" || g.key === " ") && (g.preventDefault(), m(d));
     },
-    [f]
+    [m]
   ), p = w(() => {
     o(), t();
   }, [o, t]), h = w(() => {
-    c(), t();
-  }, [c, t]);
-  return /* @__PURE__ */ O(
-    dt,
+    l(), t();
+  }, [l, t]);
+  return /* @__PURE__ */ k(
+    mt,
     {
       definition: {
         placement: "bottom-end",
@@ -1054,43 +1137,43 @@ function He({
       },
       open: e,
       onDismiss: t,
-      anchorRef: a,
+      anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ l("ul", { role: "menu", className: "gloss-page-dropdown__list", children: n.map((u) => {
-          const m = u.id === r;
-          return /* @__PURE__ */ O(
+        /* @__PURE__ */ i("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((d) => {
+          const g = d.id === r;
+          return /* @__PURE__ */ k(
             "li",
             {
               role: "menuitemradio",
-              "aria-checked": m,
-              "aria-current": m ? "page" : void 0,
+              "aria-checked": g,
+              "aria-current": g ? "page" : void 0,
               tabIndex: 0,
-              className: `gloss-page-dropdown__item${m ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => f(u.id),
-              onKeyDown: (N) => d(u.id, N),
+              className: `gloss-page-dropdown__item${g ? " gloss-page-dropdown__item--active" : ""}`,
+              onClick: () => m(d.id),
+              onKeyDown: (_) => u(d.id, _),
               children: [
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ i(
                   "span",
                   {
-                    className: `gloss-page-dropdown__dot${m ? " gloss-page-dropdown__dot--active" : ""}`
+                    className: `gloss-page-dropdown__dot${g ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ i(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: u.name
+                    className: `gloss-page-dropdown__name${d.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: d.name
                   }
                 ),
-                /* @__PURE__ */ l("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
+                /* @__PURE__ */ i("span", { className: "gloss-page-dropdown__count", children: d.cardCount })
               ]
             },
-            u.id
+            d.id
           );
         }) }),
-        /* @__PURE__ */ l("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ i(
           "button",
           {
             role: "menuitem",
@@ -1099,8 +1182,8 @@ function He({
             children: "+ New page"
           }
         ),
-        /* @__PURE__ */ l("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ i(
           "button",
           {
             role: "menuitem",
@@ -1114,62 +1197,62 @@ function He({
   );
 }
 He.displayName = "PageDropdown";
-const Et = function({
+const Lt = function({
   currentIndex: t,
-  total: a,
-  pages: n,
+  total: n,
+  pages: a,
   onPageChange: r,
   onCreatePage: s,
   onManagePages: o,
-  maskRadius: c = "var(--gloss-radius-md)",
-  displayMode: f = "count",
-  activePage: d
+  maskRadius: l = "var(--gloss-radius-md)",
+  displayMode: m = "count",
+  activePage: u
 }) {
-  const p = R(null), [h, u] = G(!1), m = w(() => {
-    u((S) => !S);
-  }, []), N = w(() => {
-    u(!1);
-  }, []), y = n[t]?.id ?? "";
-  return /* @__PURE__ */ O(
+  const p = T(null), [h, d] = $(!1), g = w(() => {
+    d((M) => !M);
+  }, []), _ = w(() => {
+    d(!1);
+  }, []), y = a[t]?.id ?? "";
+  return /* @__PURE__ */ k(
     "div",
     {
       className: "gloss-page-chip",
       ref: p,
-      style: f === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
+      style: m === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        f !== "name" && /* @__PURE__ */ l(
+        m !== "name" && /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
-            style: { "--_nuzzle-r": c }
+            style: { "--_nuzzle-r": l }
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "button",
           {
-            className: `gloss-page-chip__trigger${f === "name" ? " gloss-page-chip__trigger--name" : ""}`,
+            className: `gloss-page-chip__trigger${m === "name" ? " gloss-page-chip__trigger--name" : ""}`,
             "aria-haspopup": "menu",
             "aria-expanded": h,
-            "aria-label": f === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${a}. Click to switch pages.`,
-            onClick: m,
-            children: f === "name" ? /* @__PURE__ */ O(_e, { children: [
-              /* @__PURE__ */ l("span", { className: "gloss-page-chip__trigger-name", children: d ?? "" }),
-              /* @__PURE__ */ l("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
-            ] }) : /* @__PURE__ */ O(_e, { children: [
+            "aria-label": m === "name" ? `${u ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
+            onClick: g,
+            children: m === "name" ? /* @__PURE__ */ k(be, { children: [
+              /* @__PURE__ */ i("span", { className: "gloss-page-chip__trigger-name", children: u ?? "" }),
+              /* @__PURE__ */ i("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
+            ] }) : /* @__PURE__ */ k(be, { children: [
               t + 1,
               " / ",
-              a
+              n
             ] })
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           He,
           {
             open: h,
-            onDismiss: N,
+            onDismiss: _,
             anchorRef: p,
-            pages: n,
+            pages: a,
             activePageId: y,
             onPageChange: r,
             onCreatePage: s,
@@ -1180,8 +1263,8 @@ const Et = function({
     }
   );
 };
-Et.displayName = "PageChip";
-const ca = [
+Lt.displayName = "PageChip";
+const wn = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -1314,7 +1397,7 @@ const ca = [
     date: "2026-03-01",
     skuCount: 9
   }
-], da = [
+], Dn = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1454,10 +1537,10 @@ function xe(e) {
 function Ve(e) {
   return e.toLocaleString("en-US");
 }
-function je(e) {
+function Ue(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const me = V.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), ua = [
+const me = V.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), _n = [
   {
     field: "id",
     headerName: "Order",
@@ -1507,9 +1590,9 @@ const me = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.date ? je(e.date) : ""
+    renderCell: ({ row: e }) => e.date ? Ue(e.date) : ""
   }
-], ma = [
+], Nn = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1571,24 +1654,24 @@ const me = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.lastDate ? je(e.lastDate) : ""
+    renderCell: ({ row: e }) => e.lastDate ? Ue(e.lastDate) : ""
   }
-], Ot = [
+], $t = [
   { id: "c-001", label: "ABC Home Goods" },
   { id: "c-002", label: "Riverside Retail" },
   { id: "c-003", label: "Mountain View Store" },
   { id: "c-004", label: "Downtown Decor" },
   { id: "c-005", label: "Pacific Coast Imports" }
-], At = [
+], Bt = [
   { id: "i-001", label: "Classic Linen Throw Pillow" },
   { id: "i-002", label: "Coastal Wave Candle Set" },
   { id: "i-003", label: "Walnut Console Table" },
   { id: "i-004", label: "Hand-Blown Glass Vase" },
   { id: "i-005", label: "Velvet Accent Cushion" }
-], De = (e) => {
-}, Lt = (e) => {
+], _e = (e) => {
+}, Kt = (e) => {
 }, $e = (e, t) => {
-}, Ue = {
+}, je = {
   vizState: {
     type: "orders",
     quant: "$",
@@ -1596,17 +1679,17 @@ const me = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: null, name: null },
     timeFrame: "MTD"
   },
-  onTypeChange: De,
-  onQuantChange: Lt,
-  onEntityTypeChange: De,
+  onTypeChange: _e,
+  onQuantChange: Kt,
+  onEntityTypeChange: _e,
   onEntitySelect: $e,
   onItemSelect: $e,
-  onTimeFrameChange: De,
+  onTimeFrameChange: _e,
   userType: "sales-agency",
-  entityFilterOptions: Ot,
-  itemFilterOptions: At
-}, ga = {
-  ...Ue,
+  entityFilterOptions: $t,
+  itemFilterOptions: Bt
+}, Cn = {
+  ...je,
   vizState: {
     type: "items",
     quant: "$",
@@ -1614,8 +1697,8 @@ const me = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, pa = {
-  ...Ue,
+}, kn = {
+  ...je,
   vizState: {
     type: "orders",
     quant: "#",
@@ -1627,7 +1710,7 @@ const me = V.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, $t = [
+}, zt = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1673,7 +1756,7 @@ const me = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     routeKey: "customer.profile",
     subtitle: "Opens in RepTime"
   }
-], Bt = [
+], Gt = [
   {
     id: "order-items",
     label: "Items in Order",
@@ -1702,7 +1785,7 @@ const me = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], zt = [
+], Wt = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1730,14 +1813,14 @@ const me = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], fa = {
-  entityName: $t,
-  orderId: Bt,
-  numeric: zt
-}, ha = [
+], xn = {
+  entityName: zt,
+  orderId: Gt,
+  numeric: Wt
+}, Sn = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], ba = {
+], Mn = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1750,7 +1833,7 @@ const me = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
   ]
-}, va = {
+}, Tn = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1758,7 +1841,7 @@ const me = V.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, ya = [
+}, Rn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1780,7 +1863,7 @@ const me = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], wa = [
+], In = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1797,7 +1880,7 @@ const me = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], Da = [
+], Pn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1814,90 +1897,90 @@ const me = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], Na = [
+], Fn = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], Ca = [
+], En = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-], Kt = {
+], Ht = {
   timeframe: "Time Frame",
   threshold: "Thresholds",
   slots: "Slots",
   size: "Size",
   color: "Color",
   pinned: "Pinned"
-}, Wt = {
-  timeframe: mt,
-  threshold: gt,
-  slots: pt,
-  size: ft,
-  color: ht,
-  pinned: bt
+}, Vt = {
+  timeframe: pt,
+  threshold: ft,
+  slots: ht,
+  size: bt,
+  color: vt,
+  pinned: yt
 };
 function Be(...e) {
   return e.filter(Boolean).join(" ");
 }
-function Gt() {
-  const [e, t] = G(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+function Ut() {
+  const [e, t] = $(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
   return L(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
-    const a = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (r) => t(r.matches);
-    return typeof a.addEventListener == "function" ? (a.addEventListener("change", n), () => a.removeEventListener("change", n)) : (a.addListener?.(n), () => {
-      a.removeListener?.(n);
+    const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (r) => t(r.matches);
+    return typeof n.addEventListener == "function" ? (n.addEventListener("change", a), () => n.removeEventListener("change", a)) : (n.addListener?.(a), () => {
+      n.removeListener?.(a);
     });
   }, []), e;
 }
-const Ht = ({
+const jt = ({
   dimensions: e,
   onDimensionSelect: t,
-  activeDimension: a,
-  ariaCardTypeLabel: n,
+  activeDimension: n,
+  ariaCardTypeLabel: a,
   className: r
 }) => {
-  const s = R(null), o = R([]), c = Gt(), f = ge(() => Array.from(e), [e]);
-  if (f.length === 0) return null;
-  const d = n ? `Configure ${n}: choose a dimension` : void 0, p = c ? "10ms" : "200ms", h = (u, m) => {
-    const N = f.length - 1, y = (g) => {
-      const S = o.current[g];
-      S && S.focus();
+  const s = T(null), o = T([]), l = Ut(), m = ge(() => Array.from(e), [e]);
+  if (m.length === 0) return null;
+  const u = a ? `Configure ${a}: choose a dimension` : void 0, p = l ? "10ms" : "200ms", h = (d, g) => {
+    const _ = m.length - 1, y = (f) => {
+      const M = o.current[f];
+      M && M.focus();
     };
-    switch (u.key) {
+    switch (d.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        u.preventDefault(), y(m === N ? 0 : m + 1);
+        d.preventDefault(), y(g === _ ? 0 : g + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        u.preventDefault(), y(m === 0 ? N : m - 1);
+        d.preventDefault(), y(g === 0 ? _ : g - 1);
         break;
       }
       case "Home": {
-        u.preventDefault(), y(0);
+        d.preventDefault(), y(0);
         break;
       }
       case "End": {
-        u.preventDefault(), y(N);
+        d.preventDefault(), y(_);
         break;
       }
       case "Enter":
       case " ": {
-        u.preventDefault(), t(f[m]);
+        d.preventDefault(), t(m[g]);
         break;
       }
     }
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "div",
     {
       ref: s,
       role: "group",
-      "aria-label": d,
+      "aria-label": u,
       className: Be("gloss-reconfig-backside-buttons", r),
       style: {
         // Expose the reduced-motion-resolved duration as a CSS custom prop
@@ -1905,41 +1988,41 @@ const Ht = ({
         // query in the JS. Also surfaces the value for the unit test.
         "--gloss-reconfig-backside-buttons-transition-duration": p
       },
-      children: f.map((u, m) => {
-        const N = Wt[u], y = a === u;
-        return /* @__PURE__ */ O(
+      children: m.map((d, g) => {
+        const _ = Vt[d], y = n === d;
+        return /* @__PURE__ */ k(
           "button",
           {
-            ref: (g) => {
-              o.current[m] = g;
+            ref: (f) => {
+              o.current[g] = f;
             },
             type: "button",
-            "data-dimension": u,
+            "data-dimension": d,
             className: Be(
               "gloss-reconfig-backside-buttons__button",
               y && "gloss-reconfig-backside-buttons__button--active"
             ),
             "aria-current": y ? "true" : void 0,
-            onClick: () => t(u),
-            onKeyDown: (g) => h(g, m),
+            onClick: () => t(d),
+            onKeyDown: (f) => h(f, g),
             children: [
-              /* @__PURE__ */ l(
-                N,
+              /* @__PURE__ */ i(
+                _,
                 {
                   className: "gloss-reconfig-backside-buttons__button-icon",
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ l("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Kt[u] })
+              /* @__PURE__ */ i("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Ht[d] })
             ]
           },
-          u
+          d
         );
       })
     }
   );
 };
-Ht.displayName = "ReconfigBacksideButtons";
+jt.displayName = "ReconfigBacksideButtons";
 function Q(e, t) {
   return {
     id: e,
@@ -1960,38 +2043,38 @@ function Q(e, t) {
     }, t)
   };
 }
-function ze(e, t) {
+function Ke(e, t) {
   return {
     ...Q(e, t),
     colSpan: 2
   };
 }
-const _a = [
+const An = [
   Q("total-revenue", "Total Revenue"),
   Q("total-orders", "Total Orders"),
-  ze("revenue-trend", "Revenue Trend (2x)"),
+  Ke("revenue-trend", "Revenue Trend (2x)"),
   Q("avg-order", "Avg Order Value"),
   Q("new-customers", "New Customers"),
   Q("top-salesperson", "Top Salesperson"),
-  ze("order-trend", "Order Trend (2x)"),
+  Ke("order-trend", "Order Trend (2x)"),
   Q("repeat-rate", "Repeat Rate"),
   Q("open-orders", "Open Orders"),
   Q("shipped-orders", "Shipped Orders")
-], ka = {
+], On = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, xa = {
+}, Ln = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, Sa = {
+}, $n = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -2002,7 +2085,7 @@ const _a = [
 function Ne(e) {
   return V.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const Ma = [
+const Bn = [
   {
     id: "all-orders",
     type: "orders",
@@ -2025,7 +2108,7 @@ const Ma = [
     icon: Ne("🚚"),
     closable: !0
   }
-], Ta = [
+], Kn = [
   {
     id: "orders-main",
     type: "orders",
@@ -2051,7 +2134,7 @@ const Ma = [
     name: "Customers",
     closable: !0
   }
-], Ra = [
+], zn = [
   {
     id: "only-tab",
     type: "orders",
@@ -2059,7 +2142,7 @@ const Ma = [
     closable: !1,
     autoCreated: !0
   }
-], Ia = [
+], Gn = [
   { id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
   { id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
   { id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
@@ -2082,24 +2165,24 @@ function Se(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function Vt(e) {
+function Zt(e) {
   let t = 0;
-  for (const n of e) {
-    const r = Se(n.size), s = n.gridPosition.col + r.cols - 1;
+  for (const a of e) {
+    const r = Se(a.size), s = a.gridPosition.col + r.cols - 1;
     s > t && (t = s);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const jt = function(t) {
+const qt = function(t) {
   if (t.renderMode === "discrete")
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ i(
       "div",
       {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
         children: t.cards.map((r) => {
           const s = Se(r.size);
-          return /* @__PURE__ */ l(
+          return /* @__PURE__ */ i(
             "div",
             {
               className: "gloss-metric-group__slot",
@@ -2114,8 +2197,8 @@ const jt = function(t) {
         })
       }
     );
-  const { cards: a, composite: n } = t;
-  return /* @__PURE__ */ O(
+  const { cards: n, composite: a } = t;
+  return /* @__PURE__ */ k(
     "div",
     {
       className: "gloss-metric-group gloss-metric-group--composite",
@@ -2130,40 +2213,40 @@ const jt = function(t) {
         padding: "10px 12px 8px",
         overflow: "visible"
       },
-      role: n?.label ? "group" : void 0,
-      "aria-label": n?.label,
+      role: a?.label ? "group" : void 0,
+      "aria-label": a?.label,
       tabIndex: void 0,
       children: [
-        n?.accentColor && /* @__PURE__ */ l(
+        a?.accentColor && /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-metric-group__accent",
-            style: { background: n.accentColor }
+            style: { background: a.accentColor }
           }
         ),
-        n?.label && /* @__PURE__ */ O("div", { className: "gloss-metric-group__label", children: [
-          /* @__PURE__ */ l("span", { children: n.label }),
-          n?.trend && /* @__PURE__ */ l(
+        a?.label && /* @__PURE__ */ k("div", { className: "gloss-metric-group__label", children: [
+          /* @__PURE__ */ i("span", { children: a.label }),
+          a?.trend && /* @__PURE__ */ i(
             "span",
             {
               className: "gloss-metric-group__trend",
-              "data-direction": n.trend.direction,
-              children: n.trend.delta
+              "data-direction": a.trend.direction,
+              children: a.trend.delta
             }
           )
         ] }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-metric-group__slots",
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: Vt(a)
+              gridTemplateColumns: Zt(n)
             },
-            children: a.map((r) => {
+            children: n.map((r) => {
               const s = Se(r.size);
-              return /* @__PURE__ */ l(
+              return /* @__PURE__ */ i(
                 "div",
                 {
                   className: "gloss-metric-group__slot--composite",
@@ -2182,25 +2265,25 @@ const jt = function(t) {
     }
   );
 };
-jt.displayName = "MetricGroupContainer";
-const Ze = "resize.tuning.dev", Ut = {
-  ...Ge,
+qt.displayName = "MetricGroupContainer";
+const Ze = "resize.tuning.dev", Yt = {
+  ...We,
   snapInPx: 60,
   snapOutPx: 90
-}, ne = Ut;
-function Zt() {
-  if (typeof window > "u") return { ...ne };
+}, ae = Yt;
+function Qt() {
+  if (typeof window > "u") return { ...ae };
   try {
     const e = window.localStorage.getItem(Ze);
-    if (!e) return { ...ne };
+    if (!e) return { ...ae };
     const t = JSON.parse(e);
-    return !t || typeof t != "object" || Array.isArray(t) ? { ...ne } : { ...ne, ...t };
+    return !t || typeof t != "object" || Array.isArray(t) ? { ...ae } : { ...ae, ...t };
   } catch {
-    return { ...ne };
+    return { ...ae };
   }
 }
-function Yt() {
-  const [e, t] = G(() => Zt());
+function Xt() {
+  const [e, t] = $(() => Qt());
   L(() => {
     if (!(typeof window > "u"))
       try {
@@ -2208,22 +2291,22 @@ function Yt() {
       } catch {
       }
   }, [e]);
-  const a = w(
+  const n = w(
     (s, o) => {
-      t((c) => ({ ...c, [s]: o }));
+      t((l) => ({ ...l, [s]: o }));
     },
     []
-  ), n = w(
+  ), a = w(
     (s) => {
-      t((o) => ({ ...o, [s]: ne[s] }));
+      t((o) => ({ ...o, [s]: ae[s] }));
     },
     []
   ), r = w(() => {
-    t({ ...ne });
+    t({ ...ae });
   }, []);
-  return { values: e, setValue: a, resetRow: n, resetAll: r };
+  return { values: e, setValue: n, resetRow: a, resetAll: r };
 }
-const qt = [
+const Jt = [
   { key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
   { key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
   { key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
@@ -2234,11 +2317,11 @@ const qt = [
   { key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
   { key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
 ];
-function Qt(e, t) {
+function ea(e, t) {
   return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
 }
-function Xt() {
-  return /* @__PURE__ */ O(
+function ta() {
+  return /* @__PURE__ */ k(
     "svg",
     {
       width: "14",
@@ -2251,32 +2334,32 @@ function Xt() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ l("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
-        /* @__PURE__ */ l("polyline", { points: "3 3 3 8 8 8" })
+        /* @__PURE__ */ i("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
+        /* @__PURE__ */ i("polyline", { points: "3 3 3 8 8 8" })
       ]
     }
   );
 }
-function Jt({ spec: e, value: t, onChange: a, onReset: n, flashing: r }) {
+function aa({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
   const s = w(
     (o) => {
-      (o.key === "r" || o.key === "R") && (o.preventDefault(), n());
+      (o.key === "r" || o.key === "R") && (o.preventDefault(), a());
     },
-    [n]
+    [a]
   );
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ k(
     "div",
     {
       className: `gloss-dev-tuning-panel__row${r ? " gloss-dev-tuning-panel__row--flash" : ""}`,
       "data-tuning-row": e.key,
       onKeyDown: s,
       children: [
-        /* @__PURE__ */ l("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
-        /* @__PURE__ */ O("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
-          Qt(t, e.step),
+        /* @__PURE__ */ i("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
+        /* @__PURE__ */ k("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
+          ea(t, e.step),
           e.unit ? ` ${e.unit}` : ""
         ] }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "input",
           {
             id: `gloss-dtp-${e.key}`,
@@ -2287,24 +2370,24 @@ function Jt({ spec: e, value: t, onChange: a, onReset: n, flashing: r }) {
             step: e.step,
             value: t,
             "aria-label": e.label,
-            onChange: (o) => a(Number(o.target.value))
+            onChange: (o) => n(Number(o.target.value))
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "button",
           {
             type: "button",
             className: "gloss-dev-tuning-panel__reset",
             "aria-label": `Reset ${e.label}`,
-            onClick: n,
-            children: /* @__PURE__ */ l(Xt, {})
+            onClick: a,
+            children: /* @__PURE__ */ i(ta, {})
           }
         )
       ]
     }
   );
 }
-function en() {
+function na() {
   if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
   try {
     return new URLSearchParams(window.location.search).has("devtune");
@@ -2312,23 +2395,23 @@ function en() {
     return !1;
   }
 }
-function tn(e = {}) {
-  return en() ? /* @__PURE__ */ l(nn, {}) : null;
+function ra(e = {}) {
+  return na() ? /* @__PURE__ */ i(sa, {}) : null;
 }
-tn.displayName = "DevTuningPanel";
-function nn() {
-  const e = Yt(), { values: t, setValue: a, resetRow: n, resetAll: r } = e, [s, o] = G(null), c = R(null), f = w((u) => {
-    c.current && clearTimeout(c.current), o(u), c.current = setTimeout(() => {
-      o(null), c.current = null;
+ra.displayName = "DevTuningPanel";
+function sa() {
+  const e = Xt(), { values: t, setValue: n, resetRow: a, resetAll: r } = e, [s, o] = $(null), l = T(null), m = w((d) => {
+    l.current && clearTimeout(l.current), o(d), l.current = setTimeout(() => {
+      o(null), l.current = null;
     }, 200);
-  }, []), d = w(
-    (u, m) => {
-      a(u, m), u === "snapInPx" && m > t.snapOutPx && (a("snapOutPx", m), f("snapOutPx"));
+  }, []), u = w(
+    (d, g) => {
+      n(d, g), d === "snapInPx" && g > t.snapOutPx && (n("snapOutPx", g), m("snapOutPx"));
     },
-    [a, t.snapOutPx, f]
-  ), p = ge(() => qt, []), h = ct();
-  return /* @__PURE__ */ O(
-    be.div,
+    [n, t.snapOutPx, m]
+  ), p = ge(() => Jt, []), h = ut();
+  return /* @__PURE__ */ k(
+    ve.div,
     {
       className: "gloss-dev-tuning-panel",
       role: "region",
@@ -2339,29 +2422,29 @@ function nn() {
       dragControls: h,
       dragMomentum: !1,
       children: [
-        /* @__PURE__ */ O(
+        /* @__PURE__ */ k(
           "div",
           {
             className: "gloss-dev-tuning-panel__header",
-            onPointerDown: (u) => h.start(u),
+            onPointerDown: (d) => h.start(d),
             children: [
-              /* @__PURE__ */ l("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
-              /* @__PURE__ */ l("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
+              /* @__PURE__ */ i("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
+              /* @__PURE__ */ i("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
             ]
           }
         ),
-        /* @__PURE__ */ l("div", { className: "gloss-dev-tuning-panel__body", children: p.map((u) => /* @__PURE__ */ l(
-          Jt,
+        /* @__PURE__ */ i("div", { className: "gloss-dev-tuning-panel__body", children: p.map((d) => /* @__PURE__ */ i(
+          aa,
           {
-            spec: u,
-            value: t[u.key],
-            onChange: (m) => d(u.key, m),
-            onReset: () => n(u.key),
-            flashing: s === u.key
+            spec: d,
+            value: t[d.key],
+            onChange: (g) => u(d.key, g),
+            onReset: () => a(d.key),
+            flashing: s === d.key
           },
-          u.key
+          d.key
         )) }),
-        /* @__PURE__ */ l("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ l(
+        /* @__PURE__ */ i("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ i(
           "button",
           {
             type: "button",
@@ -2374,34 +2457,34 @@ function nn() {
     }
   );
 }
-function Pa({
+function Wn({
   state: e,
   originX: t,
-  originY: a,
-  leftEdgeX: n,
+  originY: n,
+  leftEdgeX: a,
   rightEdgeX: r,
   minBoundaryX: s,
   snapBoundariesX: o,
-  topY: c,
-  bottomY: f,
-  enterMs: d = ae.envelopeEnterMs,
-  exitMs: p = ae.envelopeExitMs,
+  topY: l,
+  bottomY: m,
+  enterMs: u = ne.envelopeEnterMs,
+  exitMs: p = ne.envelopeExitMs,
   className: h,
-  style: u
+  style: d
 }) {
   if (e === "hidden") return null;
-  const m = Math.max(0, r - n), N = Math.max(0, f - c), y = {
-    "--gloss-resize-envelope-enter-ms": `${d}ms`,
+  const g = Math.max(0, r - a), _ = Math.max(0, m - l), y = {
+    "--gloss-resize-envelope-enter-ms": `${u}ms`,
     "--gloss-resize-envelope-exit-ms": `${p}ms`,
-    "--gloss-resize-envelope-origin-x": `${t - n}px`,
-    "--gloss-resize-envelope-origin-y": `${a - c}px`,
-    left: n,
-    top: c,
-    width: m,
-    height: N,
-    ...u
+    "--gloss-resize-envelope-origin-x": `${t - a}px`,
+    "--gloss-resize-envelope-origin-y": `${n - l}px`,
+    left: a,
+    top: l,
+    width: g,
+    height: _,
+    ...d
   };
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ k(
     "div",
     {
       className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, h].filter(Boolean).join(" "),
@@ -2410,7 +2493,7 @@ function Pa({
       style: y,
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--left",
@@ -2418,91 +2501,91 @@ function Pa({
             style: { left: 0 }
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--min-boundary",
             "data-edge": "min-boundary",
-            style: { left: s - n }
+            style: { left: s - a }
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
             "data-edge": "right",
-            style: { left: m - 1 }
+            style: { left: g - 1 }
           }
         ),
-        o.filter((g) => g > s && g < r).map((g) => /* @__PURE__ */ l(
+        o.filter((f) => f > s && f < r).map((f) => /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-resize-envelope__snap-line",
             "data-snap-line": !0,
-            style: { left: g - n }
+            style: { left: f - a }
           },
-          g
+          f
         ))
       ]
     }
   );
 }
-function Fa({
+function Hn({
   density: e,
   canAccept: t,
-  blocked: a = !1,
-  proximityOpacity: n,
+  blocked: n = !1,
+  proximityOpacity: a,
   className: r,
   children: s,
   ...o
 }) {
-  const c = n != null ? { ...o.style, "--_proximity-opacity": String(n) } : o.style;
-  return /* @__PURE__ */ l(
+  const l = a != null ? { ...o.style, "--_proximity-opacity": String(a) } : o.style;
+  return /* @__PURE__ */ i(
     "div",
     {
       ...o,
-      style: c,
+      style: l,
       "data-density": e,
       "data-can-accept": t ? "true" : "false",
-      "data-blocked": a ? "true" : void 0,
-      "data-proximity-driven": n != null ? "true" : void 0,
+      "data-blocked": n ? "true" : void 0,
+      "data-proximity-driven": a != null ? "true" : void 0,
       "data-testid": "gloss-drop-anchor-cell",
       className: [
         "gloss-drop-anchor-cell",
-        a && "gloss-drop-anchor-cell--blocked-pulse",
+        n && "gloss-drop-anchor-cell--blocked-pulse",
         r
       ].filter(Boolean).join(" "),
       children: s
     }
   );
 }
-function an(e, t, a, n) {
-  const r = (e + a) / 2, s = Math.min(t, n) - 40;
-  return `M${e},${t} Q${r},${s} ${a},${n}`;
+function ia(e, t, n, a) {
+  const r = (e + n) / 2, s = Math.min(t, a) - 40;
+  return `M${e},${t} Q${r},${s} ${n},${a}`;
 }
-function Ea({
+function Vn({
   segments: e,
-  durationMs: t = ae.spilloverArcDurationMs,
-  staggerMs: a = ae.spilloverStaggerMs,
-  className: n,
+  durationMs: t = ne.spilloverArcDurationMs,
+  staggerMs: n = ne.spilloverStaggerMs,
+  className: a,
   style: r
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ l(
+  return e.length === 0 ? null : /* @__PURE__ */ i(
     "svg",
     {
-      className: ["gloss-spillover-arc", n].filter(Boolean).join(" "),
+      className: ["gloss-spillover-arc", a].filter(Boolean).join(" "),
       "data-testid": "gloss-spillover-arc",
       "aria-hidden": "true",
       overflow: "visible",
       style: { position: "absolute", inset: 0, pointerEvents: "none", ...r },
-      children: e.map((s, o) => /* @__PURE__ */ l(
+      children: e.map((s, o) => /* @__PURE__ */ i(
         "path",
         {
           "data-arc-id": s.id,
           className: "gloss-spillover-arc__path",
-          d: an(s.fromX, s.fromY, s.toX, s.toY),
+          d: ia(s.fromX, s.fromY, s.toX, s.toY),
           style: {
-            animationDelay: `${o * a}ms`,
+            animationDelay: `${o * n}ms`,
             animationDuration: `${t}ms`
           }
         },
@@ -2511,27 +2594,27 @@ function Ea({
     }
   );
 }
-function Oa({
+function Un({
   state: e,
   staggerIndex: t = 0,
-  fadeInMs: a = ae.sectionDividerFadeInMs,
-  fadeOutMs: n = ae.sectionDividerFadeOutMs,
-  staggerMs: r = ae.sectionDividerStaggerMs,
+  fadeInMs: n = ne.sectionDividerFadeInMs,
+  fadeOutMs: a = ne.sectionDividerFadeOutMs,
+  staggerMs: r = ne.sectionDividerStaggerMs,
   variant: s = "dashed",
   className: o,
-  style: c,
-  ...f
+  style: l,
+  ...m
 }) {
-  const d = {
-    "--gloss-section-divider-fade-in-ms": `${a}ms`,
-    "--gloss-section-divider-fade-out-ms": `${n}ms`,
+  const u = {
+    "--gloss-section-divider-fade-in-ms": `${n}ms`,
+    "--gloss-section-divider-fade-out-ms": `${a}ms`,
     "--gloss-section-divider-stagger-delay": `${t * r}ms`,
-    ...c
+    ...l
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "div",
     {
-      ...f,
+      ...m,
       "data-state": e,
       "data-testid": "gloss-section-divider",
       "aria-hidden": "true",
@@ -2541,46 +2624,46 @@ function Oa({
         s === "seam-bleed" ? "gloss-section-divider--variant-seam-bleed" : "",
         o
       ].filter(Boolean).join(" "),
-      style: d
+      style: u
     }
   );
 }
-function Aa({
+function jn({
   enabled: e,
   onPack: t,
-  ariaLabel: a = "Pack row (shift cards left)",
-  className: n,
+  ariaLabel: n = "Pack row (shift cards left)",
+  className: a,
   style: r
 }) {
-  return /* @__PURE__ */ l(We, { visible: e, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(Ge, { visible: e, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ i(
     "button",
     {
       type: "button",
       "data-testid": "gloss-empty-cell-pack",
-      "aria-label": a,
-      className: ["gloss-empty-cell-pack-affordance", n].filter(Boolean).join(" "),
+      "aria-label": n,
+      className: ["gloss-empty-cell-pack-affordance", a].filter(Boolean).join(" "),
       style: r,
       onClick: (s) => {
         s.stopPropagation(), t();
       },
-      children: /* @__PURE__ */ l("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
+      children: /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
     }
   ) });
 }
-function La({
+function Zn({
   tint: e,
   colSpan: t,
-  colWidth: a,
-  rowHeight: n,
+  colWidth: n,
+  rowHeight: a,
   gap: r,
   x: s,
   y: o,
-  children: c,
-  className: f
+  children: l,
+  className: m
 }) {
-  const d = t * a + (t - 1) * r;
-  return /* @__PURE__ */ l(
-    be.div,
+  const u = t * n + (t - 1) * r;
+  return /* @__PURE__ */ i(
+    ve.div,
     {
       "data-testid": "gloss-drag-ghost",
       "data-tint": e,
@@ -2588,57 +2671,308 @@ function La({
       className: [
         "gloss-drag-ghost",
         `gloss-drag-ghost--tint-${e}`,
-        f
+        m
       ].filter(Boolean).join(" "),
-      style: { x: s, y: o, width: d, height: n },
-      children: c
+      style: { x: s, y: o, width: u, height: a },
+      children: l
     }
   );
 }
-const rn = 3;
-function $a({
+const oa = 3;
+function qn({
   cell: e,
   colSpan: t,
-  colWidth: a,
-  gap: n,
+  colWidth: n,
+  gap: a,
   rowHeight: r,
   transitionMs: s = 120,
   className: o
 }) {
-  const c = t * a + (t - 1) * n, d = (e.section * rn + e.col) * (a + n), p = e.row * (r + n);
-  return /* @__PURE__ */ l(
+  const l = t * n + (t - 1) * a, u = (e.section * oa + e.col) * (n + a), p = e.row * (r + a);
+  return /* @__PURE__ */ i(
     "div",
     {
       className: ["gloss-drag-feedback-snap-outline", o].filter(Boolean).join(" "),
       "data-testid": "gloss-snap-outline",
       "aria-hidden": "true",
       style: {
-        transform: `translate(${d}px, ${p}px)`,
-        width: c,
+        transform: `translate(${u}px, ${p}px)`,
+        width: l,
         height: r,
         transition: `transform ${s}ms cubic-bezier(0.4, 0, 0.2, 1)`
       }
     }
   );
 }
-function Ba({
+function Yn({
   items: e,
   children: t,
-  className: a
+  className: n
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ l(_e, { children: e.map((n) => /* @__PURE__ */ l(
-    be.div,
+  return e.length === 0 ? null : /* @__PURE__ */ i(be, { children: e.map((a) => /* @__PURE__ */ i(
+    ve.div,
     {
-      "data-card-id": n.cardId,
+      "data-card-id": a.cardId,
       "data-testid": "gloss-cascade-preview-item",
       "aria-hidden": "true",
-      className: ["gloss-cascade-preview-item", a].filter(Boolean).join(" "),
-      style: { position: "absolute", x: n.x, y: n.y },
-      children: t(n)
+      className: ["gloss-cascade-preview-item", n].filter(Boolean).join(" "),
+      style: { position: "absolute", x: a.x, y: a.y },
+      children: t(a)
     },
-    n.cardId
+    a.cardId
   )) });
 }
+const la = ({
+  consumed: e,
+  elapsed: t,
+  severity: n = "neutral"
+}) => {
+  const a = T(null), r = T(null);
+  L(() => {
+    const l = requestAnimationFrame(() => {
+      a.current && (a.current.style.width = `${e.value}%`), r.current && (r.current.style.width = `${t.value}%`);
+    });
+    return () => cancelAnimationFrame(l);
+  }, [e.value, t.value]);
+  const s = e.label ?? "ACTUAL", o = t.label ?? "ELAPSED";
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      className: "gloss-dual-pace-bars",
+      role: "img",
+      "aria-label": `${s}: ${e.value}%, ${o}: ${t.value}%`,
+      children: [
+        /* @__PURE__ */ k("div", { className: "gloss-dual-pace-bars__row", children: [
+          /* @__PURE__ */ i("span", { className: "gloss-dual-pace-bars__track-label", children: s }),
+          /* @__PURE__ */ i("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ i(
+            "div",
+            {
+              ref: a,
+              className: `gloss-dual-pace-bars__fill gloss-dual-pace-bars__fill--consumed gloss-dual-pace-bars__fill--${n}`,
+              style: { width: "0%" },
+              role: "meter",
+              "aria-valuenow": e.value,
+              "aria-valuemin": 0,
+              "aria-valuemax": 100,
+              "aria-label": `${s}: ${e.value}%`
+            }
+          ) }),
+          /* @__PURE__ */ k("span", { className: "gloss-dual-pace-bars__track-value", children: [
+            e.value,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ k("div", { className: "gloss-dual-pace-bars__row", children: [
+          /* @__PURE__ */ i("span", { className: "gloss-dual-pace-bars__track-label", children: o }),
+          /* @__PURE__ */ i("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ i(
+            "div",
+            {
+              ref: r,
+              className: "gloss-dual-pace-bars__fill gloss-dual-pace-bars__fill--elapsed",
+              style: { width: "0%" },
+              role: "meter",
+              "aria-valuenow": t.value,
+              "aria-valuemin": 0,
+              "aria-valuemax": 100,
+              "aria-label": `${o}: ${t.value}%`
+            }
+          ) }),
+          /* @__PURE__ */ k("span", { className: "gloss-dual-pace-bars__track-value", children: [
+            t.value,
+            "%"
+          ] })
+        ] })
+      ]
+    }
+  );
+}, ca = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ k(
+  "div",
+  {
+    className: `gloss-gap-readout gloss-gap-readout--${n}`,
+    "aria-label": `${e}: ${t}`,
+    children: [
+      /* @__PURE__ */ i("hr", { className: "gloss-gap-readout__separator" }),
+      /* @__PURE__ */ k("div", { className: "gloss-gap-readout__strip", children: [
+        /* @__PURE__ */ i("span", { className: "gloss-gap-readout__label", children: e }),
+        /* @__PURE__ */ i("span", { className: "gloss-gap-readout__value", children: t })
+      ] })
+    ]
+  }
+), da = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ k("div", { className: "gloss-pace-placeholder", children: [
+  /* @__PURE__ */ i("p", { className: "gloss-pace-placeholder__heading", children: "Set a target" }),
+  /* @__PURE__ */ k("p", { className: "gloss-pace-placeholder__context", children: [
+    "for ",
+    e
+  ] }),
+  /* @__PURE__ */ i(
+    "button",
+    {
+      type: "button",
+      className: "gloss-pace-placeholder__cta",
+      onClick: t,
+      "aria-label": `Set target for ${e}`,
+      children: "Set target"
+    }
+  )
+] }), Qn = (e) => {
+  const [t, n] = $(!1), a = e.target?.value, r = a !== void 0, s = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ i(
+    wt,
+    {
+      label: `Set a target for ${e.label}`,
+      unit: s,
+      currentValue: a,
+      onConfirm: (l) => {
+        e.onTargetChange(l), n(!1);
+      },
+      onSkip: () => {
+        e.onTargetSkip?.(), n(!1);
+      }
+    }
+  );
+  return /* @__PURE__ */ i(
+    rt,
+    {
+      colSpan: 2,
+      enableQuickSettings: !0,
+      isFlipped: t,
+      onFlipChange: n,
+      quickConfigSlot: o,
+      children: /* @__PURE__ */ k("div", { className: `gloss-pace-card ${e.isStale ? "gloss-metric-data-stale" : ""}`, children: [
+        /* @__PURE__ */ i("div", { className: "gloss-pace-card__label", children: e.label }),
+        /* @__PURE__ */ i("div", { className: "gloss-pace-card__body", children: r ? /* @__PURE__ */ k(be, { children: [
+          /* @__PURE__ */ i(
+            la,
+            {
+              consumed: e.consumed,
+              elapsed: e.elapsed,
+              severity: e.severity
+            }
+          ),
+          /* @__PURE__ */ i(ca, { label: "Gap", value: e.gapLabel, severity: e.severity })
+        ] }) : /* @__PURE__ */ i(
+          da,
+          {
+            label: e.label,
+            onSetTarget: () => n(!0)
+          }
+        ) })
+      ] })
+    }
+  );
+}, Xn = () => /* @__PURE__ */ k("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
+  /* @__PURE__ */ i(
+    "div",
+    {
+      className: "gloss-pace-tile-preview__bar gloss-pace-tile-preview__bar--consumed",
+      style: { width: "78%" }
+    }
+  ),
+  /* @__PURE__ */ i(
+    "div",
+    {
+      className: "gloss-pace-tile-preview__bar gloss-pace-tile-preview__bar--elapsed",
+      style: { width: "60%" }
+    }
+  ),
+  /* @__PURE__ */ i("div", { className: "gloss-pace-tile-preview__gap-strip" })
+] });
+function ua({ id: e, label: t, selected: n, focused: a, disabled: r, badge: s, onClick: o }) {
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      role: "radio",
+      "aria-checked": n,
+      "aria-disabled": r || void 0,
+      tabIndex: a ? 0 : -1,
+      className: "gloss-lens-chip",
+      "data-selected": n || void 0,
+      "data-disabled": r || void 0,
+      onClick: () => {
+        r || o(e);
+      },
+      children: /* @__PURE__ */ k(st, { selected: n, disabled: r, variant: "soft", size: "sm", children: [
+        /* @__PURE__ */ i("span", { className: "gloss-lens-chip__label", children: t }),
+        s && /* @__PURE__ */ i("span", { className: "gloss-lens-chip__badge", children: s })
+      ] })
+    }
+  );
+}
+function ma({
+  lenses: e,
+  value: t,
+  onChange: n,
+  "aria-label": a = "Lens"
+}) {
+  if (e.length === 0) return null;
+  const [r, s] = $(
+    () => Math.max(0, e.findIndex((l) => l.id === t))
+  );
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": a,
+      onKeyDown: (l) => {
+        switch (l.key) {
+          case "ArrowRight":
+          case "ArrowDown":
+            l.preventDefault(), s((m) => (m + 1) % e.length);
+            break;
+          case "ArrowLeft":
+          case "ArrowUp":
+            l.preventDefault(), s((m) => (m - 1 + e.length) % e.length);
+            break;
+          case "Home":
+            l.preventDefault(), s(0);
+            break;
+          case "End":
+            l.preventDefault(), s(e.length - 1);
+            break;
+          case "Enter":
+          case " ": {
+            l.preventDefault();
+            const m = e[r];
+            m && !m.disabled && n(m.id);
+            break;
+          }
+        }
+      },
+      className: "gloss-lens-chip-group",
+      children: e.map((l, m) => /* @__PURE__ */ i(
+        ua,
+        {
+          id: l.id,
+          label: l.label,
+          selected: l.id === t,
+          focused: m === r,
+          disabled: l.disabled,
+          badge: l.badge,
+          onClick: n
+        },
+        l.id
+      ))
+    }
+  );
+}
+ma.displayName = "LensChipGroup";
+function ga({ heading: e, children: t }) {
+  return !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ k("section", { className: "gloss-starter-rail", "aria-label": e, children: [
+    /* @__PURE__ */ i("header", { className: "gloss-starter-rail__heading", children: e }),
+    /* @__PURE__ */ i("div", { className: "gloss-starter-rail__tiles", children: t })
+  ] });
+}
+ga.displayName = "StarterRail";
+function pa({ heading: e, children: t, emptyStateLabel: n }) {
+  const a = !t || Array.isArray(t) && t.length === 0;
+  return /* @__PURE__ */ k("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
+    /* @__PURE__ */ i("header", { className: "gloss-more-in-lens-rail__heading", children: e }),
+    /* @__PURE__ */ k("div", { className: "gloss-more-in-lens-rail__tiles", children: [
+      t,
+      a && n && /* @__PURE__ */ i("p", { className: "gloss-more-in-lens-rail__empty", children: n })
+    ] })
+  ] });
+}
+pa.displayName = "MoreInLensRail";
 const te = {
   "gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
   "gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
@@ -2647,44 +2981,44 @@ const te = {
   "gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
   "gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
 };
-function sn({
+function fa({
   message: e,
   primaryAction: t,
-  onDismiss: a,
-  anchorEl: n,
+  onDismiss: n,
+  anchorEl: a,
   anchorSelector: r
 }) {
-  const [s, o] = V.useState(null), c = V.useMemo(
+  const [s, o] = V.useState(null), l = V.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
   V.useEffect(() => {
-    !n && !r && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
+    !a && !r && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
       "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
     );
-  }, [n, r]), V.useLayoutEffect(() => {
-    let d = null;
-    if (n ? d = n : r && (d = document.querySelector(r)), d) {
-      const p = d.getBoundingClientRect();
+  }, [a, r]), V.useLayoutEffect(() => {
+    let u = null;
+    if (a ? u = a : r && (u = document.querySelector(r)), u) {
+      const p = u.getBoundingClientRect();
       o({
         top: p.bottom + window.scrollY + 6,
         left: p.left + window.scrollX
       });
     }
-  }, [n, r]);
-  const f = s ? { top: s.top, left: s.left } : {};
-  return /* @__PURE__ */ O(
+  }, [a, r]);
+  const m = s ? { top: s.top, left: s.left } : {};
+  return /* @__PURE__ */ k(
     "div",
     {
       className: te["gloss-inline-nudge"],
-      style: f,
+      style: m,
       role: "status",
       "aria-live": "polite",
-      "data-reduced-motion": c ? "true" : void 0,
+      "data-reduced-motion": l ? "true" : void 0,
       children: [
-        /* @__PURE__ */ l("span", { className: te["gloss-inline-nudge__message"], children: e }),
-        /* @__PURE__ */ O("div", { className: te["gloss-inline-nudge__actions"], children: [
-          /* @__PURE__ */ l(
+        /* @__PURE__ */ i("span", { className: te["gloss-inline-nudge__message"], children: e }),
+        /* @__PURE__ */ k("div", { className: te["gloss-inline-nudge__actions"], children: [
+          /* @__PURE__ */ i(
             "button",
             {
               type: "button",
@@ -2693,12 +3027,12 @@ function sn({
               children: t.label
             }
           ),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ i(
             "button",
             {
               type: "button",
               className: `${te["gloss-inline-nudge__btn"]} ${te["gloss-inline-nudge__btn--dismiss"]}`,
-              onClick: a,
+              onClick: n,
               "aria-label": "Dismiss",
               children: "Dismiss"
             }
@@ -2708,251 +3042,251 @@ function sn({
     }
   );
 }
-sn.displayName = "InlineNudge";
+fa.displayName = "InlineNudge";
 function Me(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function on(e, t, a) {
-  if (a <= t) {
-    const o = e[0], c = o ? Me(o) : "#888";
-    return `linear-gradient(to right, ${c}, ${c})`;
+function ha(e, t, n) {
+  if (n <= t) {
+    const o = e[0], l = o ? Me(o) : "#888";
+    return `linear-gradient(to right, ${l}, ${l})`;
   }
-  const n = a - t, s = [...e].sort((o, c) => o.value - c.value).map((o) => {
-    const c = (o.value - t) / n * 100;
-    return `${Me(o)} ${c.toFixed(2)}%`;
+  const a = n - t, s = [...e].sort((o, l) => o.value - l.value).map((o) => {
+    const l = (o.value - t) / a * 100;
+    return `${Me(o)} ${l.toFixed(2)}%`;
   });
   return s.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : s.length === 1 ? `linear-gradient(to right, ${s[0]}, ${s[0]})` : `linear-gradient(to right, ${s.join(", ")})`;
 }
-function ln(e) {
+function ba(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function cn({
+function va({
   stops: e,
   onChange: t,
-  min: a = 0,
-  max: n = 100,
+  min: n = 0,
+  max: a = 100,
   step: r,
   disabled: s = !1
 }) {
   const o = r === void 0 ? 0.01 : !Number.isFinite(r) || r <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
     `ThresholdRamp: step (${r}) must be a positive finite number; falling back to 0.01.`
-  ), 0.01) : r, c = w(
-    (i) => Math.round(i / o) * o,
+  ), 0.01) : r, l = w(
+    (c) => Math.round(c / o) * o,
     [o]
-  ), f = R(null), [d, p] = G(null), [h, u] = G(e), m = ln(e), N = R(m);
+  ), m = T(null), [u, p] = $(null), [h, d] = $(e), g = ba(e), _ = T(g);
   L(() => {
-    N.current !== m && (N.current = m, !d && u(e));
-  }, [m, e, d]);
-  const y = ge(() => on(h, a, n), [h, a, n]), g = w(
-    (i) => {
-      if (!f.current) return a;
-      const b = f.current.getBoundingClientRect(), D = b.width || 1, x = Math.max(0, Math.min(1, (i - b.left) / D)), v = a + x * (n - a);
-      return c(v);
+    _.current !== g && (_.current = g, !u && d(e));
+  }, [g, e, u]);
+  const y = ge(() => ha(h, n, a), [h, n, a]), f = w(
+    (c) => {
+      if (!m.current) return n;
+      const b = m.current.getBoundingClientRect(), D = b.width || 1, S = Math.max(0, Math.min(1, (c - b.left) / D)), v = n + S * (a - n);
+      return l(v);
     },
-    [a, n, c]
+    [n, a, l]
   );
   L(() => {
-    n <= a && process.env.NODE_ENV !== "production" && console.warn(
-      `ThresholdRamp: max (${n}) must be greater than min (${a}); rendering degenerate strip.`
+    a <= n && process.env.NODE_ENV !== "production" && console.warn(
+      `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
     );
-  }, [a, n]);
-  const S = w(
-    (i, b) => {
-      const D = h.find((x) => x.id === b);
-      s || D?.disabled || (i.preventDefault(), p(b));
+  }, [n, a]);
+  const M = w(
+    (c, b) => {
+      const D = h.find((S) => S.id === b);
+      s || D?.disabled || (c.preventDefault(), p(b));
     },
     [s, h]
-  ), I = R(h);
-  I.current = h;
-  const _ = R(t);
-  _.current = t, L(() => {
-    if (!d) return;
-    const i = (D) => {
-      const x = g(D.clientX);
-      u(
-        (v) => v.map((k) => k.id === d ? { ...k, value: x } : k)
+  ), P = T(h);
+  P.current = h;
+  const C = T(t);
+  C.current = t, L(() => {
+    if (!u) return;
+    const c = (D) => {
+      const S = f(D.clientX);
+      d(
+        (v) => v.map((x) => x.id === u ? { ...x, value: S } : x)
       );
     }, b = (D) => {
-      const x = g(D.clientX), v = I.current.map(
-        (k) => k.id === d ? { ...k, value: x } : k
+      const S = f(D.clientX), v = P.current.map(
+        (x) => x.id === u ? { ...x, value: S } : x
       );
-      u(v), p(null), _.current(v);
+      d(v), p(null), C.current(v);
     };
-    return window.addEventListener("pointermove", i), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b), () => {
-      window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
+    return window.addEventListener("pointermove", c), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b), () => {
+      window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
     };
-  }, [d, g]);
-  const M = n - a > 0 ? n - a : 1, T = w(
-    (i, b) => {
+  }, [u, f]);
+  const R = a - n > 0 ? a - n : 1, I = w(
+    (c, b) => {
       if (s || b.disabled) return;
-      const D = n - a;
+      const D = a - n;
       if (D <= 0) return;
-      const x = i.shiftKey ? D / 20 : D / 100;
+      const S = c.shiftKey ? D / 20 : D / 100;
       let v = b.value;
-      switch (i.key) {
+      switch (c.key) {
         case "ArrowRight":
         case "ArrowUp":
-          v = b.value + x;
+          v = b.value + S;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          v = b.value - x;
+          v = b.value - S;
           break;
         case "Home":
-          v = a;
+          v = n;
           break;
         case "End":
-          v = n;
+          v = a;
           break;
         default:
           return;
       }
-      i.preventDefault();
-      const k = Math.max(a, Math.min(n, v)), P = c(k);
-      if (P === b.value) return;
-      const j = h.map(
-        (Y) => Y.id === b.id ? { ...Y, value: P } : Y
+      c.preventDefault();
+      const x = Math.max(n, Math.min(a, v)), F = l(x);
+      if (F === b.value) return;
+      const U = h.map(
+        (q) => q.id === b.id ? { ...q, value: F } : q
       );
-      u(j), t(j);
+      d(U), t(U);
     },
-    [s, a, n, h, t, c]
+    [s, n, a, h, t, l]
   );
-  return /* @__PURE__ */ l("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ i("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ i(
     "div",
     {
-      ref: f,
+      ref: m,
       className: "gloss-threshold-ramp__track",
       style: { background: y },
-      children: h.map((i) => {
-        const b = (i.value - a) / M * 100;
-        return /* @__PURE__ */ l(
+      children: h.map((c) => {
+        const b = (c.value - n) / R * 100;
+        return /* @__PURE__ */ i(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
               left: `${b}%`,
-              color: Me(i)
+              color: Me(c)
             },
-            "data-disabled": i.disabled || void 0,
-            "data-dragging": d === i.id || void 0,
-            onPointerDown: (D) => S(D, i.id),
-            onKeyDown: (D) => T(D, i),
-            "aria-label": i.label ?? `Stop at ${i.value}`,
+            "data-disabled": c.disabled || void 0,
+            "data-dragging": u === c.id || void 0,
+            onPointerDown: (D) => M(D, c.id),
+            onKeyDown: (D) => I(D, c),
+            "aria-label": c.label ?? `Stop at ${c.value}`,
             role: "slider",
-            "aria-valuenow": i.value,
-            "aria-valuemin": a,
-            "aria-valuemax": n,
-            "aria-disabled": i.disabled || s || void 0,
-            tabIndex: i.disabled || s ? -1 : 0
+            "aria-valuenow": c.value,
+            "aria-valuemin": n,
+            "aria-valuemax": a,
+            "aria-disabled": c.disabled || s || void 0,
+            tabIndex: c.disabled || s ? -1 : 0
           },
-          i.id
+          c.id
         );
       })
     }
   ) });
 }
-cn.displayName = "ThresholdRamp";
-const Ye = ot(null);
-function dn() {
-  return it(Ye);
+va.displayName = "ThresholdRamp";
+const qe = lt(null);
+function ya() {
+  return ct(qe);
 }
-function un({ option: e }) {
-  const t = dn(), a = t?.isSelected(e.value) ?? !1, n = e.disabled || t?.groupDisabled, r = w(() => {
-    n || t?.select(e.value);
-  }, [n, t, e.value]), s = w(
-    (d) => {
-      n || t?.onKeyNav(d, e.value);
+function wa({ option: e }) {
+  const t = ya(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = w(() => {
+    a || t?.select(e.value);
+  }, [a, t, e.value]), s = w(
+    (u) => {
+      a || t?.onKeyNav(u, e.value);
     },
-    [n, t, e.value]
-  ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", c = t?.firstFocusableValue === e.value, f = n ? -1 : c ? 0 : -1;
-  return /* @__PURE__ */ l(
+    [a, t, e.value]
+  ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, m = a ? -1 : l ? 0 : -1;
+  return /* @__PURE__ */ i(
     "button",
     {
-      ref: (d) => t?.registerRef(e.value, d),
+      ref: (u) => t?.registerRef(e.value, u),
       type: "button",
       role: "radio",
-      "aria-checked": a,
+      "aria-checked": n,
       className: "gloss-preset-swatch-row__swatch",
       style: { backgroundColor: o },
-      "data-selected": a || void 0,
-      "data-disabled": n || void 0,
+      "data-selected": n || void 0,
+      "data-disabled": a || void 0,
       ...process.env.NODE_ENV === "test" ? { "data-bg-color": o } : {},
       "aria-label": e.label ?? e.value,
-      "aria-disabled": n,
-      disabled: n,
-      tabIndex: f,
+      "aria-disabled": a,
+      disabled: a,
+      tabIndex: m,
       onClick: r,
       onKeyDown: s
     }
   );
 }
-function mn({
+function Da({
   swatches: e,
   value: t,
-  defaultValue: a,
-  onChange: n,
+  defaultValue: n,
+  onChange: a,
   disabled: r = !1,
   name: s
 }) {
-  const o = t !== void 0, [c, f] = G(a), d = o ? t : c, p = w(
-    (_) => {
-      o || f(_), n?.(_);
+  const o = t !== void 0, [l, m] = $(n), u = o ? t : l, p = w(
+    (C) => {
+      o || m(C), a?.(C);
     },
-    [o, n]
+    [o, a]
   ), h = w(
-    (_) => d === _,
-    [d]
-  ), u = R(/* @__PURE__ */ new Map()), m = w((_, M) => {
-    M ? u.current.set(_, M) : u.current.delete(_);
-  }, []), N = e.filter((_) => !_.disabled && !r), y = N.find((_) => _.value === d)?.value ?? N[0]?.value, g = w((_) => {
-    const M = u.current.get(_);
-    M && M.focus();
-  }, []), S = w(
-    (_, M) => {
+    (C) => u === C,
+    [u]
+  ), d = T(/* @__PURE__ */ new Map()), g = w((C, R) => {
+    R ? d.current.set(C, R) : d.current.delete(C);
+  }, []), _ = e.filter((C) => !C.disabled && !r), y = _.find((C) => C.value === u)?.value ?? _[0]?.value, f = w((C) => {
+    const R = d.current.get(C);
+    R && R.focus();
+  }, []), M = w(
+    (C, R) => {
       if (r) return;
-      const T = e.filter((x) => !x.disabled);
-      if (T.length === 0) return;
-      const i = T.findIndex((x) => x.value === M);
-      if (i === -1) return;
-      let b = i;
-      switch (_.key) {
+      const I = e.filter((S) => !S.disabled);
+      if (I.length === 0) return;
+      const c = I.findIndex((S) => S.value === R);
+      if (c === -1) return;
+      let b = c;
+      switch (C.key) {
         case "ArrowRight":
         case "ArrowDown":
-          b = (i + 1) % T.length;
+          b = (c + 1) % I.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          b = (i - 1 + T.length) % T.length;
+          b = (c - 1 + I.length) % I.length;
           break;
         case "Home":
           b = 0;
           break;
         case "End":
-          b = T.length - 1;
+          b = I.length - 1;
           break;
         case " ":
         case "Enter":
-          _.preventDefault(), p(M);
+          C.preventDefault(), p(R);
           return;
         default:
           return;
       }
-      _.preventDefault();
-      const D = T[b].value;
-      g(D), p(D);
+      C.preventDefault();
+      const D = I[b].value;
+      f(D), p(D);
     },
-    [r, e, p, g]
-  ), I = {
-    selectedValue: d,
+    [r, e, p, f]
+  ), P = {
+    selectedValue: u,
     select: p,
     isSelected: h,
     groupDisabled: r,
     name: s,
-    registerRef: m,
+    registerRef: g,
     firstFocusableValue: y,
-    onKeyNav: S
+    onKeyNav: M
   };
-  return /* @__PURE__ */ l(Ye.Provider, { value: I, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(qe.Provider, { value: P, children: /* @__PURE__ */ i(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -2960,126 +3294,126 @@ function mn({
       "aria-label": s,
       "aria-disabled": r,
       "data-disabled": r || void 0,
-      children: e.map((_) => /* @__PURE__ */ l(un, { option: _ }, _.value))
+      children: e.map((C) => /* @__PURE__ */ i(wa, { option: C }, C.value))
     }
   ) });
 }
-mn.displayName = "PresetSwatchRow";
+Da.displayName = "PresetSwatchRow";
 function Te(e, t) {
-  for (const a of e)
-    if (a.items.some((n) => n.id === t))
-      return a.zoneKey;
+  for (const n of e)
+    if (n.items.some((a) => a.id === t))
+      return n.zoneKey;
   return null;
 }
-function Ke(e, t) {
-  const a = e.find((n) => n.zoneKey === t);
-  return a ? a.zoneKey : Te(e, t);
+function ze(e, t) {
+  const n = e.find((a) => a.zoneKey === t);
+  return n ? n.zoneKey : Te(e, t);
 }
-function gn(e, t, a) {
-  const n = [...e], [r] = n.splice(t, 1);
-  return n.splice(a, 0, r), n;
+function _a(e, t, n) {
+  const a = [...e], [r] = a.splice(t, 1);
+  return a.splice(n, 0, r), a;
 }
-function pn(e) {
-  return e.map((t) => `${t.zoneKey}:${t.items.map((a) => a.id).join(",")}`).join("|");
+function Na(e) {
+  return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
 }
-function fn(e) {
-  const [t, a] = G(
-    () => e.zones.map((g) => g.maxItems !== void 0 && g.items.length > g.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-      `useSortableZones: zone "${g.zoneKey}" exceeds maxItems (${g.items.length} > ${g.maxItems}); trimming to cap.`
-    ), { ...g, items: g.items.slice(0, g.maxItems) }) : g)
-  ), [n, r] = G(null), [s, o] = G(null), c = R(null), f = R(e.onZoneChange);
-  f.current = e.onZoneChange;
-  const d = ge(
-    () => pn(e.zones),
+function Ca(e) {
+  const [t, n] = $(
+    () => e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+      `useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
+    ), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
+  ), [a, r] = $(null), [s, o] = $(null), l = T(null), m = T(e.onZoneChange);
+  m.current = e.onZoneChange;
+  const u = ge(
+    () => Na(e.zones),
     [e.zones]
-  ), p = R(d);
+  ), p = T(u);
   L(() => {
-    p.current !== d && (p.current = d, !n && a(
-      e.zones.map((g) => g.maxItems !== void 0 && g.items.length > g.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-        `useSortableZones: zone "${g.zoneKey}" exceeds maxItems (${g.items.length} > ${g.maxItems}); trimming to cap.`
-      ), { ...g, items: g.items.slice(0, g.maxItems) }) : g)
+    p.current !== u && (p.current = u, !a && n(
+      e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+        `useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
+      ), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
     ));
-  }, [d, e.zones, n]);
+  }, [u, e.zones, a]);
   const h = w(
-    (g) => {
-      const S = g.active.id;
-      let I = null, _ = null;
-      for (const M of t) {
-        const T = M.items.find((i) => i.id === S);
-        if (T) {
-          I = T, _ = M.zoneKey;
+    (f) => {
+      const M = f.active.id;
+      let P = null, C = null;
+      for (const R of t) {
+        const I = R.items.find((c) => c.id === M);
+        if (I) {
+          P = I, C = R.zoneKey;
           break;
         }
       }
-      c.current = _, r(I), o(_);
+      l.current = C, r(P), o(C);
     },
     [t]
-  ), u = w(
-    (g) => {
-      if (!g.over) {
-        o(c.current);
+  ), d = w(
+    (f) => {
+      if (!f.over) {
+        o(l.current);
         return;
       }
-      const S = Ke(t, g.over.id);
-      o(S);
+      const M = ze(t, f.over.id);
+      o(M);
     },
     [t]
-  ), m = w(
-    (g) => {
-      const { active: S, over: I } = g, _ = () => {
-        c.current = null, r(null), o(null);
+  ), g = w(
+    (f) => {
+      const { active: M, over: P } = f, C = () => {
+        l.current = null, r(null), o(null);
       };
-      if (!I) {
-        _();
+      if (!P) {
+        C();
         return;
       }
-      const M = Te(t, S.id), T = Ke(t, I.id);
-      if (!M || !T) {
-        _();
+      const R = Te(t, M.id), I = ze(t, P.id);
+      if (!R || !I) {
+        C();
         return;
       }
-      let i = t.map((b) => ({ ...b, items: [...b.items] }));
-      if (M === T) {
-        const b = i.findIndex((P) => P.zoneKey === M), D = i[b], x = D.items.findIndex((P) => P.id === S.id), v = D.items.findIndex((P) => P.id === I.id), k = v >= 0 ? v : Math.max(0, D.items.length - 1);
-        i[b] = {
+      let c = t.map((b) => ({ ...b, items: [...b.items] }));
+      if (R === I) {
+        const b = c.findIndex((F) => F.zoneKey === R), D = c[b], S = D.items.findIndex((F) => F.id === M.id), v = D.items.findIndex((F) => F.id === P.id), x = v >= 0 ? v : Math.max(0, D.items.length - 1);
+        c[b] = {
           ...D,
-          items: gn(D.items, x, k)
+          items: _a(D.items, S, x)
         };
       } else {
-        const b = i.findIndex((A) => A.zoneKey === M), D = i.findIndex((A) => A.zoneKey === T), x = i[b], v = i[D], k = x.items.find((A) => A.id === S.id);
-        if (!k) {
-          _();
+        const b = c.findIndex((O) => O.zoneKey === R), D = c.findIndex((O) => O.zoneKey === I), S = c[b], v = c[D], x = S.items.find((O) => O.id === M.id);
+        if (!x) {
+          C();
           return;
         }
-        const P = x.items.filter((A) => A.id !== S.id), j = v.items.findIndex((A) => A.id === I.id), Y = j >= 0 ? j : v.items.length;
-        let U = P, W = [...v.items];
+        const F = S.items.filter((O) => O.id !== M.id), U = v.items.findIndex((O) => O.id === P.id), q = U >= 0 ? U : v.items.length;
+        let j = F, W = [...v.items];
         if (v.maxItems !== void 0 && W.length >= v.maxItems) {
-          const A = W[W.length - 1];
-          W = W.slice(0, v.maxItems - 1), U = [...P, A];
+          const O = W[W.length - 1];
+          W = W.slice(0, v.maxItems - 1), j = [...F, O];
         }
-        const $ = Math.min(Y, W.length), Z = [
-          ...W.slice(0, $),
-          k,
-          ...W.slice($)
+        const B = Math.min(q, W.length), Z = [
+          ...W.slice(0, B),
+          x,
+          ...W.slice(B)
         ];
-        i[b] = { ...x, items: U }, i[D] = { ...v, items: Z };
+        c[b] = { ...S, items: j }, c[D] = { ...v, items: Z };
       }
-      a(i), f.current?.(i), _();
+      n(c), m.current?.(c), C();
     },
     [t]
-  ), N = w(
-    (g) => ({
-      id: g,
-      "data-zone-key": g
+  ), _ = w(
+    (f) => ({
+      id: f,
+      "data-zone-key": f
     }),
     []
   ), y = w(
-    (g) => {
-      const S = Te(t, g.id) ?? "";
+    (f) => {
+      const M = Te(t, f.id) ?? "";
       return {
-        id: g.id,
-        "data-item-id": g.id,
-        "data-zone-key": S
+        id: f.id,
+        "data-item-id": f.id,
+        "data-zone-key": M
       };
     },
     [t]
@@ -3087,16 +3421,16 @@ function fn(e) {
   return {
     zones: t,
     activeZone: s,
-    activeItem: n,
-    getZoneProps: N,
+    activeItem: a,
+    getZoneProps: _,
     getItemProps: y,
     handleDragStart: h,
-    handleDragOver: u,
-    handleDragEnd: m
+    handleDragOver: d,
+    handleDragEnd: g
   };
 }
 let ue = null, he = null, Ce = !1;
-const hn = [
+const ka = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -3105,157 +3439,157 @@ const hn = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], bn = [
+], xa = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function vn(e, t) {
-  const a = [], n = e ?? {};
-  for (const s of hn)
-    n[s] === void 0 && a.push(`@dnd-kit/core:${s}`);
+function Sa(e, t) {
+  const n = [], a = e ?? {};
+  for (const s of ka)
+    a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
   const r = t ?? {};
-  for (const s of bn)
-    r[s] === void 0 && a.push(`@dnd-kit/sortable:${s}`);
-  return a.length === 0 ? { ok: !0 } : { ok: !1, missing: a };
+  for (const s of xa)
+    r[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
+  return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
 }
-function yn() {
+function Ma() {
   return ue ? Promise.resolve(ue) : Ce ? Promise.resolve(null) : he || (he = (async () => {
     try {
-      const [e, t, a] = await Promise.all([
+      const [e, t, n] = await Promise.all([
         import("@dnd-kit/core"),
         import("@dnd-kit/sortable"),
         import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
           "SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
         ), {}))
-      ]), n = vn(e, t);
-      return n.ok ? (ue = {
+      ]), a = Sa(e, t);
+      return a.ok ? (ue = {
         core: e,
         sortable: t,
-        utilities: a
+        utilities: n
       }, ue) : (Ce = !0, process.env.NODE_ENV !== "production" && console.error(
-        `SortableZones: @dnd-kit shape mismatch — missing exports: ${n.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
+        `SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
       ), null);
     } catch {
       return Ce = !0, null;
     }
   })(), he);
 }
-function wn(e) {
-  const { zones: t, onZoneChange: a, renderZone: n, renderItem: r, renderDragOverlay: s } = e, o = fn({ zones: t, onZoneChange: a }), [c, f] = V.useState(ue);
+function Ta(e) {
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: s } = e, o = Ca({ zones: t, onZoneChange: n }), [l, m] = V.useState(ue);
   return V.useEffect(() => {
-    if (c) return;
-    let d = !0;
-    return yn().then((p) => {
-      d && f(p);
+    if (l) return;
+    let u = !0;
+    return Ma().then((p) => {
+      u && m(p);
     }), () => {
-      d = !1;
+      u = !1;
     };
-  }, [c]), c ? /* @__PURE__ */ l(
-    qe,
+  }, [l]), l ? /* @__PURE__ */ i(
+    Ye,
     {
       state: o,
-      modules: c,
-      renderZone: n,
+      modules: l,
+      renderZone: a,
       renderItem: r,
       renderDragOverlay: s
     }
-  ) : /* @__PURE__ */ l("div", { "data-sortable-zones-passive": "true", children: o.zones.map((d) => {
-    const p = d.items.map((h) => /* @__PURE__ */ l(V.Fragment, { children: r(h) }, h.id));
-    return /* @__PURE__ */ l("div", { ...o.getZoneProps(d.zoneKey), children: n(d.zoneKey, d.items, p) }, d.zoneKey);
+  ) : /* @__PURE__ */ i("div", { "data-sortable-zones-passive": "true", children: o.zones.map((u) => {
+    const p = u.items.map((h) => /* @__PURE__ */ i(V.Fragment, { children: r(h) }, h.id));
+    return /* @__PURE__ */ i("div", { ...o.getZoneProps(u.zoneKey), children: a(u.zoneKey, u.items, p) }, u.zoneKey);
   }) });
 }
-wn.displayName = "SortableZones";
-function qe({
+Ta.displayName = "SortableZones";
+function Ye({
   state: e,
   modules: t,
-  renderZone: a,
-  renderItem: n,
+  renderZone: n,
+  renderItem: a,
   renderDragOverlay: r
 }) {
-  const { core: s, sortable: o, utilities: c } = t, { DndContext: f, DragOverlay: d, useSensors: p, useSensor: h, useDroppable: u, PointerSensor: m, KeyboardSensor: N, closestCenter: y } = s, { SortableContext: g, verticalListSortingStrategy: S } = o, I = p(
-    h(m, { activationConstraint: { distance: 5 } }),
-    h(N)
-  ), _ = f, M = d, T = g;
-  return /* @__PURE__ */ O(
-    _,
+  const { core: s, sortable: o, utilities: l } = t, { DndContext: m, DragOverlay: u, useSensors: p, useSensor: h, useDroppable: d, PointerSensor: g, KeyboardSensor: _, closestCenter: y } = s, { SortableContext: f, verticalListSortingStrategy: M } = o, P = p(
+    h(g, { activationConstraint: { distance: 5 } }),
+    h(_)
+  ), C = m, R = u, I = f;
+  return /* @__PURE__ */ k(
+    C,
     {
-      sensors: I,
+      sensors: P,
       collisionDetection: y,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((i) => {
-          const b = i.items.map((x) => x.id), D = i.items.map((x) => /* @__PURE__ */ l(
+        e.zones.map((c) => {
+          const b = c.items.map((S) => S.id), D = c.items.map((S) => /* @__PURE__ */ i(
             Qe,
             {
-              id: x.id,
+              id: S.id,
               useSortable: o.useSortable,
-              cssHelper: c.CSS,
-              children: n(x)
+              cssHelper: l.CSS,
+              children: a(S)
             },
-            x.id
+            S.id
           ));
-          return /* @__PURE__ */ l(
+          return /* @__PURE__ */ i(
             Xe,
             {
-              zoneKey: i.zoneKey,
-              zoneProps: e.getZoneProps(i.zoneKey),
-              useDroppable: u,
-              children: /* @__PURE__ */ l(T, { items: b, strategy: S, children: a(i.zoneKey, i.items, D) })
+              zoneKey: c.zoneKey,
+              zoneProps: e.getZoneProps(c.zoneKey),
+              useDroppable: d,
+              children: /* @__PURE__ */ i(I, { items: b, strategy: M, children: n(c.zoneKey, c.items, D) })
             },
-            i.zoneKey
+            c.zoneKey
           );
         }),
-        /* @__PURE__ */ l(M, { children: e.activeItem ? r?.(e.activeItem) ?? n(e.activeItem) : null })
+        /* @__PURE__ */ i(R, { children: e.activeItem ? r?.(e.activeItem) ?? a(e.activeItem) : null })
       ]
     }
   );
 }
-qe.displayName = "SortableZonesInner";
-function Qe({ id: e, useSortable: t, cssHelper: a, children: n }) {
-  const { attributes: r, listeners: s, setNodeRef: o, transform: c, transition: f, isDragging: d } = t({ id: e }), p = {
-    transform: a?.Transform?.toString(c) ?? void 0,
-    transition: f,
-    opacity: d ? 0.5 : 1
+Ye.displayName = "SortableZonesInner";
+function Qe({ id: e, useSortable: t, cssHelper: n, children: a }) {
+  const { attributes: r, listeners: s, setNodeRef: o, transform: l, transition: m, isDragging: u } = t({ id: e }), p = {
+    transform: n?.Transform?.toString(l) ?? void 0,
+    transition: m,
+    opacity: u ? 0.5 : 1
   };
-  return /* @__PURE__ */ l("div", { ref: o, style: p, "data-sortable-item-id": e, ...r, ...s, children: n });
+  return /* @__PURE__ */ i("div", { ref: o, style: p, "data-sortable-item-id": e, ...r, ...s, children: a });
 }
 Qe.displayName = "SortableItem";
 function Xe({
   zoneKey: e,
   zoneProps: t,
-  useDroppable: a,
-  children: n
+  useDroppable: n,
+  children: a
 }) {
-  const { setNodeRef: r, isOver: s } = a({ id: e });
-  return /* @__PURE__ */ l("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: n });
+  const { setNodeRef: r, isOver: s } = n({ id: e });
+  return /* @__PURE__ */ i("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: a });
 }
 Xe.displayName = "ZoneDroppable";
-function za({
+function Jn({
   slotLeft: e,
   slotCenter: t,
-  slotRight: a,
-  height: n = 36,
+  slotRight: n,
+  height: a = 36,
   className: r,
   style: s,
   "aria-label": o = "Dashboard navigation"
 }) {
-  const c = {
-    "--gloss-bottom-toolbar-height": `${n}px`,
+  const l = {
+    "--gloss-bottom-toolbar-height": `${a}px`,
     ...s
   };
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ k(
     "div",
     {
       role: "toolbar",
       "aria-label": o,
       "data-testid": "gloss-bottom-toolbar",
       className: ["gloss-bottom-toolbar", r].filter(Boolean).join(" "),
-      style: c,
+      style: l,
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--left",
@@ -3263,7 +3597,7 @@ function za({
             children: e
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--center",
@@ -3271,53 +3605,53 @@ function za({
             children: t
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--right",
             "data-slot": "right",
-            children: a
+            children: n
           }
         )
       ]
     }
   );
 }
-function Ka({
+function er({
   count: e,
   currentIndex: t,
-  onSelect: a,
-  "aria-label": n = "Sections",
+  onSelect: n,
+  "aria-label": a = "Sections",
   provisionalIndex: r,
   pulseIndex: s,
   pulseNonce: o
 }) {
-  const c = rt.useRef([]);
-  return c.current.length = e, /* @__PURE__ */ l(
+  const l = it.useRef([]);
+  return l.current.length = e, /* @__PURE__ */ i(
     "div",
     {
       role: "tablist",
-      "aria-label": n,
+      "aria-label": a,
       "data-testid": "gloss-section-dots",
       className: "gloss-section-dots",
-      onKeyDown: (d) => {
+      onKeyDown: (u) => {
         if (e !== 0) {
-          if (d.key === "ArrowRight") {
-            d.preventDefault();
+          if (u.key === "ArrowRight") {
+            u.preventDefault();
             const p = (t + 1) % e;
-            a(p), requestAnimationFrame(() => c.current[p]?.focus());
-          } else if (d.key === "ArrowLeft") {
-            d.preventDefault();
+            n(p), requestAnimationFrame(() => l.current[p]?.focus());
+          } else if (u.key === "ArrowLeft") {
+            u.preventDefault();
             const p = (t - 1 + e) % e;
-            a(p), requestAnimationFrame(() => c.current[p]?.focus());
+            n(p), requestAnimationFrame(() => l.current[p]?.focus());
           }
         }
       },
-      children: Array.from({ length: e }, (d, p) => /* @__PURE__ */ l(
+      children: Array.from({ length: e }, (u, p) => /* @__PURE__ */ i(
         "button",
         {
           ref: (h) => {
-            c.current[p] = h;
+            l.current[p] = h;
           },
           type: "button",
           role: "tab",
@@ -3329,331 +3663,340 @@ function Ka({
             "gloss-section-dots__dot",
             p === t && "gloss-section-dots__dot--current"
           ].filter(Boolean).join(" "),
-          onClick: () => a(p)
+          onClick: () => n(p)
         },
         p === s ? `${p}-${o ?? 0}` : p
       ))
     }
   );
 }
-const Dn = V.forwardRef(({ density: e = "compact", children: t, ...a }, n) => {
-  const r = { ...a };
-  return delete r.className, delete r.style, /* @__PURE__ */ l("div", { ref: n, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ l(Re, { region: "toolbar", density: e, children: t }) });
+const Ra = V.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+  const r = { ...n };
+  return delete r.className, delete r.style, /* @__PURE__ */ i("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ i(Re, { region: "toolbar", density: e, children: t }) });
 });
-Dn.displayName = "ContainerToolbar";
-const Nn = V.forwardRef(({ legend: e, description: t, density: a = "default", children: n, ...r }, s) => {
+Ra.displayName = "ContainerToolbar";
+const Ia = V.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...r }, s) => {
   const o = { ...r };
-  return delete o.className, delete o.style, /* @__PURE__ */ O("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
-    e && /* @__PURE__ */ l("legend", { className: "gloss-container-form-section__legend", children: e }),
-    t && /* @__PURE__ */ l("p", { className: "gloss-container-form-section__description", children: t }),
-    /* @__PURE__ */ l(Re, { region: "form-section", density: a, children: n })
+  return delete o.className, delete o.style, /* @__PURE__ */ k("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
+    e && /* @__PURE__ */ i("legend", { className: "gloss-container-form-section__legend", children: e }),
+    t && /* @__PURE__ */ i("p", { className: "gloss-container-form-section__description", children: t }),
+    /* @__PURE__ */ i(Re, { region: "form-section", density: n, children: a })
   ] });
 });
-Nn.displayName = "ContainerFormSection";
-const Cn = V.forwardRef(({ density: e = "compact", children: t, ...a }, n) => {
-  const r = { ...a };
-  return delete r.className, delete r.style, /* @__PURE__ */ l("div", { ref: n, className: "gloss-container-table", ...r, children: /* @__PURE__ */ l(Re, { region: "table", density: e, children: t }) });
+Ia.displayName = "ContainerFormSection";
+const Pa = V.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+  const r = { ...n };
+  return delete r.className, delete r.style, /* @__PURE__ */ i("div", { ref: a, className: "gloss-container-table", ...r, children: /* @__PURE__ */ i(Re, { region: "table", density: e, children: t }) });
 });
-Cn.displayName = "ContainerTable";
+Pa.displayName = "ContainerTable";
 export {
-  Ha as Accordion,
-  Va as AccordionContent,
-  ja as AccordionItem,
-  Ua as AccordionTrigger,
-  Za as ActionStrip,
-  Ya as Actionable,
-  qa as AddressGroup,
-  Qa as AddressSelect,
-  Xa as AsyncLoader,
-  Ja as Autocomplete,
-  er as Badge,
-  tr as BarChartCard,
-  nr as BarsBg,
-  za as BottomToolbar,
-  ar as Button,
-  rr as ButtonGroup,
-  sr as ButtonGroupContext,
-  or as Card,
-  ir as CardActions,
-  lr as CardBack,
-  cr as CardBody,
-  dr as CardFooter,
-  ur as CardHeader,
-  mr as CardMedia,
-  gr as CardShell,
-  pr as CardSubtitle,
-  fr as CardTitle,
-  Ba as CascadePreview,
-  hr as ChartControlBar,
-  br as Checkbox,
-  vr as CheckboxGroup,
-  yr as Chip,
-  wr as ColorPicker,
-  Dr as ComparisonCard,
-  Nr as ContactForm,
-  Cr as ContainerCard,
-  _r as ContainerCardActions,
-  kr as ContainerCardBody,
-  xr as ContainerCardFooter,
-  Sr as ContainerCardHeader,
-  Mr as ContainerCardMedia,
-  Tr as ContainerCardSubtitle,
-  Rr as ContainerCardTitle,
-  Ir as ContainerDialog,
-  Pr as ContainerDialogActions,
-  Fr as ContainerDialogBody,
-  Er as ContainerDialogHeader,
-  Nn as ContainerFormSection,
-  Or as ContainerPanel,
-  Cn as ContainerTable,
-  Dn as ContainerToolbar,
-  Ar as CreditCardForm,
-  Lr as DEFAULT_FOOTER_IDS,
-  ae as DEFAULT_GRID_INTERACTION_PHYSICS,
-  ui as DEFAULT_MARKET_PRESETS,
-  $r as DEFAULT_OVERFLOW_IDS,
-  mi as DEFAULT_PINNED,
-  Ge as DEFAULT_RESIZE_PHYSICS,
-  Br as DataTable,
-  zr as DatePicker,
-  Kr as DateRangePicker,
-  Wr as DestructiveModal,
-  tn as DevTuningPanel,
-  Gr as DirectionCard,
-  Hr as Dismissible,
-  Vr as DistributionCard,
-  jr as DonutChart,
-  La as DragGhost,
-  Fa as DropAnchorCell,
-  Ur as Dropdown,
-  Zr as ENTITY_FILTER_KEYS,
-  Yr as ENTITY_PROFILE_ROUTES,
-  qr as ENTITY_TYPE_PLURAL,
-  kt as EdgeHoverHandle,
-  Aa as EmptyCellPackAffordance,
-  Qr as EntityPicker,
-  Xr as EntitySearchPanel,
-  Jr as Expandable,
-  es as ExpandableChip,
-  ts as FLIP_AND_STAGE_TIMINGS,
-  ns as FileUpload,
-  as as FilterChip,
-  rs as FilterInput,
-  ss as FlipAndStageProvider,
-  os as Form,
-  is as FormDialog,
-  ls as FormField,
-  cs as FusedShape,
-  xt as GhostPreview,
-  ds as GroupCheckbox,
-  us as GroupRadio,
-  Qn as HARD_CLIP,
-  ms as HighlightCard,
-  gs as HybridDatePicker,
-  ps as ImportWizard,
-  sn as InlineNudge,
-  fs as Input,
-  hs as InputAddon,
-  bs as InputGroup,
-  vs as Link,
-  ys as LoginForm,
-  ws as MarketPresetRow,
-  Ds as MaskPresets,
-  Ns as MaskedInput,
-  Cs as Menu,
-  _s as MenuDivider,
-  ks as MenuGroup,
-  xs as MenuItem,
-  Ss as MergePrompt,
-  Ms as MetricCard,
-  Ts as MetricCardGrid,
-  jt as MetricGroupContainer,
-  Rs as MiniCalendar,
-  Is as MultiSelect,
-  Ps as NumberInput,
-  Fs as ObjectArrow,
-  Es as OrderFilterBar,
-  gi as PERIOD_OPTIONS,
-  Et as PageChip,
+  nr as Accordion,
+  rr as AccordionContent,
+  sr as AccordionItem,
+  ir as AccordionTrigger,
+  or as ActionStrip,
+  lr as Actionable,
+  cr as AddressGroup,
+  dr as AddressSelect,
+  ur as AsyncLoader,
+  mr as Autocomplete,
+  gr as Badge,
+  pr as BarChartCard,
+  fr as BarsBg,
+  Jn as BottomToolbar,
+  hr as Button,
+  br as ButtonGroup,
+  vr as ButtonGroupContext,
+  yr as Card,
+  wr as CardActions,
+  Dr as CardBack,
+  _r as CardBody,
+  Nr as CardFooter,
+  Cr as CardHeader,
+  kr as CardMedia,
+  rt as CardShell,
+  xr as CardSubtitle,
+  Sr as CardTitle,
+  Yn as CascadePreview,
+  Mr as ChartControlBar,
+  Tr as Checkbox,
+  Rr as CheckboxGroup,
+  st as Chip,
+  Ir as ColorPicker,
+  Pr as ComparisonCard,
+  Fr as ContactForm,
+  Er as ContainerCard,
+  Ar as ContainerCardActions,
+  Or as ContainerCardBody,
+  Lr as ContainerCardFooter,
+  $r as ContainerCardHeader,
+  Br as ContainerCardMedia,
+  Kr as ContainerCardSubtitle,
+  zr as ContainerCardTitle,
+  Gr as ContainerDialog,
+  Wr as ContainerDialogActions,
+  Hr as ContainerDialogBody,
+  Vr as ContainerDialogHeader,
+  Ia as ContainerFormSection,
+  Ur as ContainerPanel,
+  Pa as ContainerTable,
+  Ra as ContainerToolbar,
+  jr as CreditCardForm,
+  Zr as DEFAULT_FOOTER_IDS,
+  ne as DEFAULT_GRID_INTERACTION_PHYSICS,
+  No as DEFAULT_MARKET_PRESETS,
+  qr as DEFAULT_OVERFLOW_IDS,
+  Co as DEFAULT_PINNED,
+  We as DEFAULT_RESIZE_PHYSICS,
+  Yr as DataTable,
+  Qr as DatePicker,
+  Xr as DateRangePicker,
+  Jr as DestructiveModal,
+  ra as DevTuningPanel,
+  es as DirectionCard,
+  ts as Dismissible,
+  as as DistributionCard,
+  ns as DonutChart,
+  Zn as DragGhost,
+  Hn as DropAnchorCell,
+  rs as Dropdown,
+  la as DualPaceBars,
+  ss as ENTITY_FILTER_KEYS,
+  is as ENTITY_PROFILE_ROUTES,
+  os as ENTITY_TYPE_PLURAL,
+  Mt as EdgeHoverHandle,
+  jn as EmptyCellPackAffordance,
+  ls as EntityPicker,
+  cs as EntitySearchPanel,
+  ds as Expandable,
+  us as ExpandableChip,
+  ms as FLIP_AND_STAGE_TIMINGS,
+  gs as FileUpload,
+  ps as FilterChip,
+  fs as FilterInput,
+  hs as FlipAndStageProvider,
+  bs as Form,
+  vs as FormDialog,
+  ys as FormField,
+  ws as FusedShape,
+  ca as GapReadout,
+  Tt as GhostPreview,
+  Ds as GroupCheckbox,
+  _s as GroupRadio,
+  ln as HARD_CLIP,
+  Ns as HighlightCard,
+  Cs as HybridDatePicker,
+  ks as ImportWizard,
+  fa as InlineNudge,
+  xs as Input,
+  Ss as InputAddon,
+  Ms as InputGroup,
+  ma as LensChipGroup,
+  Ts as Link,
+  Rs as LoginForm,
+  Is as MarketPresetRow,
+  Ps as MaskPresets,
+  Fs as MaskedInput,
+  Es as Menu,
+  As as MenuDivider,
+  Os as MenuGroup,
+  Ls as MenuItem,
+  $s as MergePrompt,
+  Bs as MetricCard,
+  Ks as MetricCardGrid,
+  qt as MetricGroupContainer,
+  zs as MiniCalendar,
+  pa as MoreInLensRail,
+  Gs as MultiSelect,
+  Ws as NumberInput,
+  Hs as ObjectArrow,
+  Vs as OrderFilterBar,
+  ko as PERIOD_OPTIONS,
+  Qn as PaceCard,
+  Xn as PaceTilePreview,
+  Lt as PageChip,
   He as PageDropdown,
-  Os as PasswordInput,
-  As as PaymentForm,
-  Ls as PaymentMethodSelect,
-  $s as PhoneInput,
-  Bs as PinToMetric,
-  mn as PresetSwatchRow,
-  zs as ProfileCard,
-  Ks as ProgressCard,
-  Ws as QuickConfigPanel,
-  Kt as RECONFIG_BACKSIDE_LABELS,
-  pi as ROLLING_OPTIONS,
-  Gs as Radio,
-  Hs as RadioGroup,
-  Vs as RangeSlider,
-  js as Rating,
-  Ht as ReconfigBacksideButtons,
-  Us as RegistrationForm,
-  Pa as ResizeEnvelope,
-  Zs as Row1Controls,
-  Ys as Row2FilterTray,
-  qs as SearchInput,
-  Oa as SectionDivider,
-  Ka as SectionDots,
-  Qs as SegmentCard,
-  Xs as SegmentedControl,
-  Js as Select,
-  eo as Selectable,
-  to as SimpleMetricCard,
-  no as SimpleSelector,
-  ao as Skeleton,
-  ro as SkeletonCard,
-  so as SkeletonChart,
-  oo as SkeletonTable,
-  io as Slider,
-  $a as SnapOutline,
-  lo as Sortable,
-  wn as SortableZones,
-  co as SparklineBg,
-  Ea as SpilloverArc,
-  uo as SplitButton,
-  mo as StackedGroupCard,
-  go as StatusModeCard,
-  _t as StatusSlotChipMenu,
-  po as Stepper,
-  We as SwingReveal,
-  fi as TODAY_PRESET,
-  ne as TUNING_DEFAULTS,
+  Us as PasswordInput,
+  js as PaymentForm,
+  Zs as PaymentMethodSelect,
+  qs as PhoneInput,
+  Ys as PinToMetric,
+  Da as PresetSwatchRow,
+  Qs as ProfileCard,
+  Xs as ProgressCard,
+  Js as QuickConfigPanel,
+  Ht as RECONFIG_BACKSIDE_LABELS,
+  xo as ROLLING_OPTIONS,
+  ei as Radio,
+  ti as RadioGroup,
+  ai as RangeSlider,
+  ni as Rating,
+  jt as ReconfigBacksideButtons,
+  ri as RegistrationForm,
+  Wn as ResizeEnvelope,
+  si as Row1Controls,
+  ii as Row2FilterTray,
+  oi as SearchInput,
+  Un as SectionDivider,
+  er as SectionDots,
+  li as SegmentCard,
+  ci as SegmentedControl,
+  di as Select,
+  ui as Selectable,
+  mi as SimpleMetricCard,
+  gi as SimpleSelector,
+  pi as Skeleton,
+  fi as SkeletonCard,
+  hi as SkeletonChart,
+  bi as SkeletonTable,
+  vi as Slider,
+  qn as SnapOutline,
+  yi as Sortable,
+  Ta as SortableZones,
+  wi as SparklineBg,
+  Vn as SpilloverArc,
+  Di as SplitButton,
+  _i as StackedGroupCard,
+  ga as StarterRail,
+  Ni as StatusModeCard,
+  St as StatusSlotChipMenu,
+  Ci as Stepper,
+  Ge as SwingReveal,
+  So as TODAY_PRESET,
+  ae as TUNING_DEFAULTS,
   Ze as TUNING_STORAGE_KEY,
-  fo as TabGroup,
-  ho as TabbedDataView,
-  bo as TagInput,
-  vo as Textarea,
-  cn as ThresholdRamp,
-  yo as TimeFrame,
-  wo as TimePicker,
-  Do as Toggle,
-  No as Tooltip,
-  Co as Transition,
-  _o as TransitionGroup,
-  ko as TrendCard,
-  xo as TrendIndicator,
-  li as UIContext,
+  ki as TabGroup,
+  xi as TabbedDataView,
+  Si as TagInput,
+  wt as TargetInput,
+  Mi as Textarea,
+  va as ThresholdRamp,
+  Ti as TimeFrame,
+  Ri as TimePicker,
+  Ii as Toggle,
+  Pi as Tooltip,
+  Fi as Transition,
+  Ei as TransitionGroup,
+  Ai as TrendCard,
+  Oi as TrendIndicator,
+  wo as UIContext,
   Re as UIContextProvider,
-  So as UnifiedBreakdownTable,
-  Mo as UnifiedContextMenu,
-  St as VelocityBuffer,
-  To as addressGroupMetadata,
-  Ro as addressSchema,
-  Ln as allChips,
-  aa as allStateFixtures,
-  na as allVariantFixtures,
-  Kn as blockSamples,
-  Io as buildDefaultOverflow,
-  jn as cardSamples,
-  Un as cascadePhysics,
-  Hn as chartSamples,
-  Gn as circleSamples,
-  Xn as colorTokens,
-  ka as compactLayout,
-  pa as compactState,
-  ta as computeGutterAnchorX,
-  Po as contactFormMetadata,
-  Fo as contactSchema,
-  fa as contextMenuFixtures,
-  Eo as creditCardFormMetadata,
-  Oo as creditCardSchema,
-  wt as dateChip,
-  Ue as defaultControlBarState,
-  Ao as destructiveModalMetadata,
-  Lo as durations,
-  $o as easings,
-  Rt as emptyFixture,
-  vt as entityChip,
-  $t as entityNameActions,
-  Bn as entityTabGroup,
-  Tt as errorFixture,
-  ga as filteredState,
-  hi as findPreset,
-  bi as formatDateRange,
-  vi as formatMarketDates,
-  yi as formatTrend,
-  wi as formatValue,
-  Sa as fullLayout,
-  Di as generateMarketId,
-  Bo as generateTabId,
-  Ni as getAllPresets,
-  Ci as getDateRangeForPreset,
-  zo as getMenuActions,
-  Jn as getMotionMode,
-  _i as getPresetLabel,
-  Ko as getTransitionStyle,
-  _a as gridCards,
-  Wo as interpolate,
-  ki as isInRange,
-  xi as isMarketActive,
-  Si as isSameDay,
-  ma as itemColumns,
-  da as itemRows,
-  Mt as loadingFixture,
-  Go as loginFormMetadata,
-  Ho as loginSchema,
-  Dt as manufacturerChip,
-  Ia as manyTabs,
-  Vo as mergeHandlers,
-  jo as mergeRefs,
-  $n as metricTabGroup,
-  Ta as mixedTabs,
-  Mi as normalizePresetId,
-  zt as numericActions,
-  ua as orderColumns,
-  Bt as orderIdActions,
-  ca as orderRows,
-  Ma as ordersTabs,
-  Uo as parseNumericValue,
-  Zo as paymentFormMetadata,
-  Yo as paymentSchema,
-  qo as presets,
-  Yn as provisional,
-  qn as reducedMotion,
-  Qo as registrationFormMetadata,
-  Xo as registrationSchema,
-  Zn as rejectionFeedback,
-  ba as sampleCompareRanges,
-  wa as sampleCustomMarkets,
-  ha as sampleDateRange,
-  Da as sampleMarketPresetData,
-  ya as sampleMarkets,
-  Ca as samplePeriodPresets,
-  va as samplePreferences,
-  Na as samplePresets,
-  Ra as singleTab,
-  ra as sparklineFixture,
-  sa as sparklineUpFixture,
-  Ft as staleDonutFixture,
-  It as staleFixture,
-  Pt as staleSparklineFixture,
-  oa as standardFixture,
-  la as standardFlatFixture,
-  xa as standardLayout,
-  ia as standardNegativeFixture,
-  yt as statusChip,
+  Li as UnifiedBreakdownTable,
+  $i as UnifiedContextMenu,
+  Rt as VelocityBuffer,
+  Bi as addressGroupMetadata,
+  Ki as addressSchema,
+  ja as allChips,
+  pn as allStateFixtures,
+  gn as allVariantFixtures,
+  Qa as blockSamples,
+  zi as buildDefaultOverflow,
+  an as cardSamples,
+  nn as cascadePhysics,
+  en as chartSamples,
+  Ja as circleSamples,
+  cn as colorTokens,
+  On as compactLayout,
+  kn as compactState,
+  mn as computeGutterAnchorX,
+  Gi as contactFormMetadata,
+  Wi as contactSchema,
+  xn as contextMenuFixtures,
+  Hi as creditCardFormMetadata,
+  Vi as creditCardSchema,
+  Nt as dateChip,
+  je as defaultControlBarState,
+  Ui as destructiveModalMetadata,
+  ji as durations,
+  Zi as easings,
+  Ft as emptyFixture,
+  Dt as entityChip,
+  zt as entityNameActions,
+  qa as entityTabGroup,
+  Pt as errorFixture,
+  qi as evaluateTintCondition,
+  Cn as filteredState,
+  Mo as findPreset,
+  To as formatDateRange,
+  Ro as formatMarketDates,
+  Io as formatTrend,
+  Po as formatValue,
+  $n as fullLayout,
+  Fo as generateMarketId,
+  Yi as generateTabId,
+  Eo as getAllPresets,
+  Ao as getDateRangeForPreset,
+  Qi as getMenuActions,
+  dn as getMotionMode,
+  Oo as getPresetLabel,
+  Xi as getTransitionStyle,
+  An as gridCards,
+  Ji as interpolate,
+  Lo as isInRange,
+  $o as isMarketActive,
+  Bo as isSameDay,
+  Nn as itemColumns,
+  Dn as itemRows,
+  It as loadingFixture,
+  eo as loginFormMetadata,
+  to as loginSchema,
+  Ct as manufacturerChip,
+  Gn as manyTabs,
+  ao as mergeHandlers,
+  no as mergeRefs,
+  Za as metricTabGroup,
+  Kn as mixedTabs,
+  Ko as normalizePresetId,
+  Wt as numericActions,
+  _n as orderColumns,
+  Gt as orderIdActions,
+  wn as orderRows,
+  Bn as ordersTabs,
+  ro as parseNumericValue,
+  so as paymentFormMetadata,
+  io as paymentSchema,
+  oo as presets,
+  sn as provisional,
+  on as reducedMotion,
+  lo as registrationFormMetadata,
+  co as registrationSchema,
+  rn as rejectionFeedback,
+  Mn as sampleCompareRanges,
+  In as sampleCustomMarkets,
+  Sn as sampleDateRange,
+  Pn as sampleMarketPresetData,
+  Rn as sampleMarkets,
+  En as samplePeriodPresets,
+  Tn as samplePreferences,
+  Fn as samplePresets,
+  zn as singleTab,
+  fn as sparklineFixture,
+  hn as sparklineUpFixture,
+  Ot as staleDonutFixture,
+  Et as staleFixture,
+  At as staleSparklineFixture,
+  bn as standardFixture,
+  yn as standardFlatFixture,
+  Ln as standardLayout,
+  vn as standardNegativeFixture,
+  _t as statusChip,
   de as swingReveal,
-  Vn as tableSamples,
-  Wn as textSamples,
-  zn as timeFrameTabGroup,
-  Ti as toUppercasePresetId,
-  An as useArrowNavigation,
-  Jo as useCheckboxGroupContext,
-  ea as useEdgeHoverResize,
-  ei as useFilterLayout,
-  ti as useFlipAndStage,
-  ni as useFlipAndStageContext,
-  ai as useFlipAndStageContextOptional,
-  On as useFocusReturn,
-  ri as useFocusTrap,
-  si as useFormContext,
-  oi as useRadioGroupContext,
-  Yt as useResizeTuning,
-  fn as useSortableZones,
-  ci as useUIContext
+  tn as tableSamples,
+  Xa as textSamples,
+  Ya as timeFrameTabGroup,
+  zo as toUppercasePresetId,
+  Ua as useArrowNavigation,
+  uo as useCheckboxGroupContext,
+  un as useEdgeHoverResize,
+  mo as useFilterLayout,
+  go as useFlipAndStage,
+  po as useFlipAndStageContext,
+  fo as useFlipAndStageContextOptional,
+  Va as useFocusReturn,
+  ho as useFocusTrap,
+  bo as useFormContext,
+  vo as useRadioGroupContext,
+  Xt as useResizeTuning,
+  Ca as useSortableZones,
+  Do as useUIContext
 };