@mt-gloss/ui 0.1.56 → 0.1.58

package/index.js

@@ -1,21 +1,22 @@
-import { u as yt, C as wt } from "./Expandable-BgEhifn0.js";
-import { Q as Wr, V as jr, T as Gr, U as Vr, a5 as Hr, b8 as Ur, aB as Zr, aj as Yr, $ as qr, ap as Qr, N as Xr, aa as Jr, bo as es, P as ts, B as as, a as ns, A as rs, K as ss, bj as is, J as os, L as ls, E as cs, D as ds, H as us, F as ms, by as gs, b as ps, c as hs, O as fs, q as bs, af as vs, aP as ys, A as ws, K as _s, J as Ns, L as Ds, E as ks, D as Cs, H as xs, F as Ss, b1 as Rs, b4 as Ms, b3 as Ts, b2 as Is, b5 as Ps, aE as Fs, a7 as Es, a6 as As, as as Os, m as Ls, o as $s, aH as Bs, ad as Ks, ba as zs, ab as Ws, bp as js, _ as Gs, bI as Vs, bH as Hs, bJ as Us, ar as Zs, aS as Ys, bc as qs, bN as Qs, bw as Xs, p as Js, ao as ei, bC as ti, bt as ai, a2 as ni, at as ri, a4 as si, bB as ii, bS as oi, G as li, f as ci, ac as di, bK as ui, aV as mi, t as gi, x as pi, I as hi, i as fi, ay as bi, bO as vi, M as yi, y as wi, W as _i, Z as Ni, X as Di, Y as ki, au as Ci, bi as xi, bQ as Si, bM as Ri, aq as Mi, w as Ti, bq as Ii, aU as Pi, al as Fi, aM as Ei, ai as Ai, an as Oi, aw as Li, aT as $i, ae as Bi, av as Ki, e as zi, R as Wi, l as ji, r as Gi, aJ as Vi, bz as Hi, bA as Ui, ak as Zi, ag as Yi, j as qi, z as Qi, b9 as Xi, ah as Ji, bP as eo, be as to, bh as ao, bf as no, bg as ro, k as so, bb as io, bn as oo, S as lo, bl as co, bm as uo, ax as mo, bd as go, bR as po, am as ho, v as fo, bL as bo, n as vo, h as yo, s as wo, a0 as _o, a1 as No, a9 as Do, bk as ko, bx as Co, bE as xo, aC as So, aD as Ro, a8 as Mo, aQ as To, aR as Io, aF as Po, aG as Fo, aI as Eo, aX as Ao, aY as Oo, br as Lo, bG as $o, bF as Bo, a_ as Ko, a$ as zo, az as Wo, aA as jo, b7 as Go, b6 as Vo, b0 as Ho, aN as Uo, aO as Zo, aZ as Yo, aK as qo, aL as Qo, d as Xo, bD as Jo, bs as el, bu as tl, bv as al, aW as nl, a3 as rl, g as sl } from "./Expandable-BgEhifn0.js";
-import { jsxs as D, jsx as r, Fragment as te } from "react/jsx-runtime";
-import * as ke from "react";
-import V, { useRef as I, useEffect as O, useState as $, useCallback as w, useId as _t, forwardRef as Nt, useMemo as we, createContext as Dt, useContext as kt } from "react";
-import { motion as Ce, useMotionValue as Ct, animate as Ve, useDragControls as xt } from "framer-motion";
-import { B as St, a as he, b as Pe, U as Be } from "./UIContext-CDdyubSF.js";
-import { c as ol, u as ll } from "./UIContext-CDdyubSF.js";
-import { createPortal as Rt } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as dl, DEFAULT_PINNED as ul, PERIOD_OPTIONS as ml, ROLLING_OPTIONS as gl, TODAY_PRESET as pl, findPreset as hl, formatDateRange as fl, formatMarketDates as bl, formatTrend as vl, formatValue as yl, generateMarketId as wl, getAllPresets as _l, getDateRangeForPreset as Nl, getPresetLabel as Dl, isInRange as kl, isMarketActive as Cl, isSameDay as xl, normalizePresetId as Sl, toUppercasePresetId as Rl } from "@mt-gloss/utils";
-import Mt from "@mui/icons-material/AccessTime";
-import Tt from "@mui/icons-material/Tune";
-import It from "@mui/icons-material/ViewColumn";
-import Pt from "@mui/icons-material/AspectRatio";
-import Ft from "@mui/icons-material/Palette";
-import Et from "@mui/icons-material/PushPin";
-function Nn(e = {}) {
-  const { enabled: t = !0, returnTo: n } = e, a = I(null);
+import { u as _t, C as Nt } from "./Expandable-BgEhifn0.js";
+import { Q as Gr, V as Vr, T as Hr, U as Ur, a5 as Zr, b8 as Yr, aB as qr, aj as Qr, $ as Xr, ap as Jr, N as es, aa as ts, bo as as, P as ns, B as rs, a as ss, A as is, K as os, bj as ls, J as cs, L as ds, E as us, D as ms, H as gs, F as ps, by as fs, b as hs, c as bs, O as vs, q as ys, af as ws, aP as _s, A as Ns, K as Ds, J as ks, L as Cs, E as xs, D as Ss, H as Rs, F as Ms, b1 as Ts, b4 as Is, b3 as Ps, b2 as Es, b5 as Fs, aE as As, a7 as Os, a6 as Ls, as as $s, m as Bs, o as Ks, aH as zs, ad as Ws, ba as js, ab as Gs, bp as Vs, _ as Hs, bI as Us, bH as Zs, bJ as Ys, ar as qs, aS as Qs, bc as Xs, bN as Js, bw as ei, p as ti, ao as ai, bC as ni, bt as ri, a2 as si, at as ii, a4 as oi, bB as li, bS as ci, G as di, f as ui, ac as mi, bK as gi, aV as pi, t as fi, x as hi, I as bi, i as vi, ay as yi, bO as wi, M as _i, y as Ni, W as Di, Z as ki, X as Ci, Y as xi, au as Si, bi as Ri, bQ as Mi, bM as Ti, aq as Ii, w as Pi, bq as Ei, aU as Fi, al as Ai, aM as Oi, ai as Li, an as $i, aw as Bi, aT as Ki, ae as zi, av as Wi, e as ji, R as Gi, l as Vi, r as Hi, aJ as Ui, bz as Zi, bA as Yi, ak as qi, ag as Qi, j as Xi, z as Ji, b9 as eo, ah as to, bP as ao, be as no, bh as ro, bf as so, bg as io, k as oo, bb as lo, bn as co, S as uo, bl as mo, bm as go, ax as po, bd as fo, bR as ho, am as bo, v as vo, bL as yo, n as wo, h as _o, s as No, a0 as Do, a1 as ko, a9 as Co, bk as xo, bx as So, bE as Ro, aC as Mo, aD as To, a8 as Io, aQ as Po, aR as Eo, aF as Fo, aG as Ao, aI as Oo, aX as Lo, aY as $o, br as Bo, bG as Ko, bF as zo, a_ as Wo, a$ as jo, az as Go, aA as Vo, b7 as Ho, b6 as Uo, b0 as Zo, aN as Yo, aO as qo, aZ as Qo, aK as Xo, aL as Jo, d as el, bD as tl, bs as al, bu as nl, bv as rl, aW as sl, a3 as il, g as ol } from "./Expandable-BgEhifn0.js";
+import { jsxs as k, jsx as r, Fragment as te } from "react/jsx-runtime";
+import * as ce from "react";
+import V, { useRef as P, useEffect as O, useState as $, useCallback as N, useId as Dt, forwardRef as kt, useMemo as Ne, createContext as Ct, useContext as xt } from "react";
+import { motion as xe, useMotionValue as St, animate as Ue, useDragControls as Rt } from "framer-motion";
+import { B as Mt, a as be, b as Ee, U as ze } from "./UIContext-CDdyubSF.js";
+import { c as cl, u as dl } from "./UIContext-CDdyubSF.js";
+import { createPortal as Tt } from "react-dom";
+import { DEFAULT_MARKET_PRESETS as ml, DEFAULT_PINNED as gl, PERIOD_OPTIONS as pl, ROLLING_OPTIONS as fl, TODAY_PRESET as hl, findPreset as bl, formatDateRange as vl, formatMarketDates as yl, formatTrend as wl, formatValue as _l, generateMarketId as Nl, getAllPresets as Dl, getDateRangeForPreset as kl, getPresetLabel as Cl, isInRange as xl, isMarketActive as Sl, isSameDay as Rl, normalizePresetId as Ml, toUppercasePresetId as Tl } from "@mt-gloss/utils";
+import It from "@mui/icons-material/AccessTime";
+import Pt from "@mui/icons-material/Tune";
+import Et from "@mui/icons-material/ViewColumn";
+import Ft from "@mui/icons-material/AspectRatio";
+import At from "@mui/icons-material/Palette";
+import Ot from "@mui/icons-material/PushPin";
+import { useMotionProbe as Fe } from "@mt-gloss/motion";
+function Cn(e = {}) {
+  const { enabled: t = !0, returnTo: n } = e, a = P(null);
   return O(() => {
     t && (a.current = n || document.activeElement);
   }, [t, n]), O(() => () => {
@@ -24,7 +25,7 @@ function Nn(e = {}) {
     }, 0);
   }, [t]), a;
 }
-function Dn(e) {
+function xn(e) {
   const {
     items: t,
     activeIndex: n,
@@ -33,66 +34,66 @@ function Dn(e) {
     orientation: s = "vertical",
     enabled: o = !0,
     isItemDisabled: l,
-    onSelect: d,
-    onEscape: c
-  } = e, [f, h] = $(-1), g = n !== void 0 ? n : f, u = w(
-    (m) => {
-      n === void 0 && h(m), a?.(m);
+    onSelect: u,
+    onEscape: d
+  } = e, [h, m] = $(-1), g = n !== void 0 ? n : h, c = N(
+    (p) => {
+      n === void 0 && m(p), a?.(p);
     },
     [n, a]
-  ), N = w(() => t.map((m, v) => ({ item: m, index: v })).filter(({ item: m, index: v }) => !l?.(m, v)).map(({ index: m }) => m), [t, l]), b = w(
-    (m, v) => {
-      const k = N();
-      if (k.length === 0) return -1;
-      const R = k.indexOf(m);
-      if (R === -1)
-        return v === 1 ? k.find((S) => S > m) ?? (i ? k[0] : -1) : [...k].reverse().find((F) => F < m) ?? (i ? k[k.length - 1] : -1);
-      let y = R + v;
-      return i ? y = (y + k.length) % k.length : y = Math.max(0, Math.min(k.length - 1, y)), k[y];
+  ), _ = N(() => t.map((p, v) => ({ item: p, index: v })).filter(({ item: p, index: v }) => !l?.(p, v)).map(({ index: p }) => p), [t, l]), b = N(
+    (p, v) => {
+      const D = _();
+      if (D.length === 0) return -1;
+      const T = D.indexOf(p);
+      if (T === -1)
+        return v === 1 ? D.find((S) => S > p) ?? (i ? D[0] : -1) : [...D].reverse().find((E) => E < p) ?? (i ? D[D.length - 1] : -1);
+      let w = T + v;
+      return i ? w = (w + D.length) % D.length : w = Math.max(0, Math.min(D.length - 1, w)), D[w];
     },
-    [N, i]
-  ), p = w(() => {
-    const m = N();
-    m.length > 0 && u(m[0]);
-  }, [N, u]), M = w(() => {
-    const m = N();
-    m.length > 0 && u(m[m.length - 1]);
-  }, [N, u]), P = w(() => {
-    const m = b(g, 1);
-    m !== -1 && u(m);
-  }, [g, b, u]), _ = w(() => {
-    const m = b(g, -1);
-    m !== -1 && u(m);
-  }, [g, b, u]), T = w(() => {
-    u(-1);
-  }, [u]), x = w(
-    (m) => {
+    [_, i]
+  ), f = N(() => {
+    const p = _();
+    p.length > 0 && c(p[0]);
+  }, [_, c]), R = N(() => {
+    const p = _();
+    p.length > 0 && c(p[p.length - 1]);
+  }, [_, c]), I = N(() => {
+    const p = b(g, 1);
+    p !== -1 && c(p);
+  }, [g, b, c]), y = N(() => {
+    const p = b(g, -1);
+    p !== -1 && c(p);
+  }, [g, b, c]), M = N(() => {
+    c(-1);
+  }, [c]), x = N(
+    (p) => {
       if (!o) return;
-      const { key: v } = m, k = v === "ArrowUp" && (s === "vertical" || s === "both"), R = v === "ArrowDown" && (s === "vertical" || s === "both"), y = v === "ArrowLeft" && (s === "horizontal" || s === "both"), S = v === "ArrowRight" && (s === "horizontal" || s === "both");
-      if (k || y) {
-        m.preventDefault(), g === -1 ? M() : _();
+      const { key: v } = p, D = v === "ArrowUp" && (s === "vertical" || s === "both"), T = v === "ArrowDown" && (s === "vertical" || s === "both"), w = v === "ArrowLeft" && (s === "horizontal" || s === "both"), S = v === "ArrowRight" && (s === "horizontal" || s === "both");
+      if (D || w) {
+        p.preventDefault(), g === -1 ? R() : y();
         return;
       }
-      if (R || S) {
-        m.preventDefault(), g === -1 ? p() : P();
+      if (T || S) {
+        p.preventDefault(), g === -1 ? f() : I();
         return;
       }
       if (v === "Home") {
-        m.preventDefault(), p();
+        p.preventDefault(), f();
         return;
       }
       if (v === "End") {
-        m.preventDefault(), M();
+        p.preventDefault(), R();
         return;
       }
       if ((v === "Enter" || v === " ") && g >= 0 && g < t.length) {
-        m.preventDefault();
-        const F = t[g];
-        l?.(F, g) || d?.(F, g);
+        p.preventDefault();
+        const E = t[g];
+        l?.(E, g) || u?.(E, g);
         return;
       }
       if (v === "Escape") {
-        c?.();
+        d?.();
         return;
       }
     },
@@ -101,27 +102,27 @@ function Dn(e) {
       s,
       g,
       t,
-      p,
-      M,
-      P,
-      _,
+      f,
+      R,
+      I,
+      y,
       l,
-      d,
-      c
+      u,
+      d
     ]
   );
   return {
     focusedIndex: g,
-    setFocusedIndex: u,
+    setFocusedIndex: c,
     handleKeyDown: x,
-    focusFirst: p,
-    focusLast: M,
-    focusNext: P,
-    focusPrevious: _,
-    resetFocus: T
+    focusFirst: f,
+    focusLast: R,
+    focusNext: I,
+    focusPrevious: y,
+    resetFocus: M
   };
 }
-const At = ({
+const Lt = ({
   label: e = "Set a target",
   unit: t,
   currentValue: n,
@@ -129,24 +130,24 @@ const At = ({
   onSkip: i,
   hint: s
 }) => {
-  const [o, l] = $(n != null ? String(n) : ""), d = () => {
-    const u = parseFloat(o);
-    Number.isNaN(u) || a(u);
-  }, c = (u) => {
-    u.key === "Enter" ? (u.preventDefault(), d()) : u.key === "Escape" && (u.preventDefault(), i?.());
-  }, f = _t(), h = `gloss-target-input-field-${f}`, g = s ? `gloss-target-input-hint-${f}` : void 0;
-  return /* @__PURE__ */ D("div", { className: "gloss-target-input", children: [
-    /* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: h, children: e }),
-    /* @__PURE__ */ D("div", { className: "gloss-target-input__field-row", children: [
+  const [o, l] = $(n != null ? String(n) : ""), u = () => {
+    const c = parseFloat(o);
+    Number.isNaN(c) || a(c);
+  }, d = (c) => {
+    c.key === "Enter" ? (c.preventDefault(), u()) : c.key === "Escape" && (c.preventDefault(), i?.());
+  }, h = Dt(), m = `gloss-target-input-field-${h}`, g = s ? `gloss-target-input-hint-${h}` : void 0;
+  return /* @__PURE__ */ k("div", { className: "gloss-target-input", children: [
+    /* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: m, children: e }),
+    /* @__PURE__ */ k("div", { className: "gloss-target-input__field-row", children: [
       /* @__PURE__ */ r(
         "input",
         {
-          id: h,
+          id: m,
           type: "number",
           className: "gloss-target-input__field",
           value: o,
-          onChange: (u) => l(u.target.value),
-          onKeyDown: c,
+          onChange: (c) => l(c.target.value),
+          onKeyDown: d,
           "aria-describedby": g,
           autoFocus: !0
         }
@@ -154,13 +155,13 @@ const At = ({
       t && /* @__PURE__ */ r("span", { className: "gloss-target-input__unit", children: t })
     ] }),
     s && /* @__PURE__ */ r("p", { id: g, className: "gloss-target-input__hint", children: s }),
-    /* @__PURE__ */ D("div", { className: "gloss-target-input__actions", children: [
+    /* @__PURE__ */ k("div", { className: "gloss-target-input__actions", children: [
       /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           className: "gloss-target-input__confirm",
-          onClick: d,
+          onClick: u,
           children: "Confirm"
         }
       ),
@@ -175,43 +176,43 @@ const At = ({
       )
     ] })
   ] });
-}, xe = (e) => {
-}, Ot = {
+}, Se = (e) => {
+}, $t = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
-  onRemove: xe
-}, Lt = {
+  onRemove: Se
+}, Bt = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
-  onRemove: xe
-}, $t = {
+  onRemove: Se
+}, Kt = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
-  onRemove: xe
-}, Bt = {
+  onRemove: Se
+}, zt = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
-  onRemove: xe
-}, kn = [
-  Ot,
-  Lt,
+  onRemove: Se
+}, Sn = [
   $t,
-  Bt
-], Cn = {
+  Bt,
+  Kt,
+  zt
+], Rn = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, xn = {
+}, Mn = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -219,7 +220,7 @@ const At = ({
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, Sn = {
+}, Tn = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -227,30 +228,30 @@ const At = ({
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, Rn = [
+}, In = [
   { 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 }
-], Mn = [
+], Pn = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], Tn = [
+], En = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], In = [
+], Fn = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], Pn = [
+], An = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], Fn = [
+], On = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
-], He = {
+], Ze = {
   position: "fixed",
   zIndex: 9999,
   background: "rgba(255,255,255,0.92)",
@@ -262,7 +263,7 @@ const At = ({
   minWidth: 148,
   paddingTop: 4,
   paddingBottom: 4
-}, Fe = (e) => ({
+}, Ae = (e) => ({
   padding: "6px 12px",
   fontSize: 12,
   lineHeight: 1.4,
@@ -276,16 +277,16 @@ const At = ({
   width: "100%",
   textAlign: "left",
   border: "none"
-}), Kt = (e) => ({
-  ...Fe(e),
+}), Wt = (e) => ({
+  ...Ae(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), zt = {
+}), jt = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function Wt({
+function Gt({
   open: e,
   anchorEl: t,
   statusId: n,
@@ -294,44 +295,44 @@ function Wt({
   overflowActions: s,
   onClose: o
 }) {
-  const [l, d] = $(null), c = I(null), f = w(() => {
-    if (!t) return { ...He, top: 0, left: 0 };
-    const u = t.getBoundingClientRect();
+  const [l, u] = $(null), d = P(null), h = N(() => {
+    if (!t) return { ...Ze, top: 0, left: 0 };
+    const c = t.getBoundingClientRect();
     return {
-      ...He,
-      top: u.bottom + 4,
-      left: u.left
+      ...Ze,
+      top: c.bottom + 4,
+      left: c.left
     };
   }, [t]);
   if (O(() => {
     if (!e) return;
-    const u = (N) => {
-      N.key === "Escape" && o();
+    const c = (_) => {
+      _.key === "Escape" && o();
     };
-    return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
+    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
   }, [e, o]), O(() => {
     if (!e) return;
-    const u = (N) => {
-      c.current && !c.current.contains(N.target) && o();
+    const c = (_) => {
+      d.current && !d.current.contains(_.target) && o();
     };
-    return document.addEventListener("pointerdown", u, !0), () => document.removeEventListener("pointerdown", u, !0);
+    return document.addEventListener("pointerdown", c, !0), () => document.removeEventListener("pointerdown", c, !0);
   }, [e, o]), !e) return null;
-  const h = s && s.length > 0, g = /* @__PURE__ */ D(
+  const m = s && s.length > 0, g = /* @__PURE__ */ k(
     "div",
     {
-      ref: c,
+      ref: d,
       "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
-      style: f(),
+      style: h(),
       children: [
         /* @__PURE__ */ r(
           "button",
           {
             role: "menuitem",
-            style: Kt(l === "__primary"),
-            onMouseEnter: () => d("__primary"),
-            onMouseLeave: () => d(null),
+            style: Wt(l === "__primary"),
+            onMouseEnter: () => u("__primary"),
+            onMouseLeave: () => u(null),
             onClick: () => {
               a(n), o();
             },
@@ -342,60 +343,60 @@ function Wt({
           "button",
           {
             role: "menuitem",
-            style: Fe(l === "__graph"),
-            onMouseEnter: () => d("__graph"),
-            onMouseLeave: () => d(null),
+            style: Ae(l === "__graph"),
+            onMouseEnter: () => u("__graph"),
+            onMouseLeave: () => u(null),
             onClick: () => {
               i(n), o();
             },
             children: "Show on graph"
           }
         ),
-        h && /* @__PURE__ */ r("div", { style: zt }),
-        h && s?.map((u) => /* @__PURE__ */ r(
+        m && /* @__PURE__ */ r("div", { style: jt }),
+        m && s?.map((c) => /* @__PURE__ */ r(
           "button",
           {
             role: "menuitem",
-            style: Fe(l === u.id),
-            onMouseEnter: () => d(u.id),
-            onMouseLeave: () => d(null),
+            style: Ae(l === c.id),
+            onMouseEnter: () => u(c.id),
+            onMouseLeave: () => u(null),
             onClick: () => {
-              u.onSelect(n), o();
+              c.onSelect(n), o();
             },
-            children: u.label
+            children: c.label
           },
-          u.id
+          c.id
         ))
       ]
     }
   );
-  return Rt(g, document.body);
+  return Tt(g, document.body);
 }
-Wt.displayName = "StatusSlotChipMenu";
-const En = {
+Gt.displayName = "StatusSlotChipMenu";
+const le = {
   forwardStaggerMs: 50,
   reverseStaggerMs: 30,
   springStiffness: 380,
   springDamping: 32,
   reverseVelocityMultiplier: 1.4
-}, ge = {
+}, fe = {
   enterDurationMs: 220,
   exitDurationMs: 140,
   enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
   exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
   translateOffsetPx: 8
-}, An = {
+}, Ln = {
   shiverCycles: 3,
   shiverAmplitudePx: 2,
   shiverDurationMs: 180,
   validCellOpacity: 0.6
-}, On = {
+}, $n = {
   materializeMs: 180,
   dematerializeMs: 140,
   easing: "cubic-bezier(0.22, 1, 0.36, 1)",
   dotStrokePx: 2,
   dividerDashGapPx: 4
-}, Ln = {
+}, Bn = {
   cascadeStaggerMs: 0,
   cascadeSpringCapMs: 120,
   swingEnterMs: 100,
@@ -404,7 +405,7 @@ const En = {
   provisionalStyle: "opacity",
   shiverMs: 200,
   shiverStyle: "color-flash"
-}, $n = !0, Bn = {
+}, Kn = !0, zn = {
   rejectionFill: "var(--gloss-rejection-fill)",
   rejectionStroke: "var(--gloss-rejection-stroke)",
   validFill: "var(--gloss-valid-fill)",
@@ -412,7 +413,7 @@ const En = {
   validCellStroke: "var(--gloss-valid-cell-stroke)",
   provisionalWash: "var(--gloss-provisional-wash)"
 };
-function tt() {
+function nt() {
   if (typeof window > "u") return "full";
   try {
     return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
@@ -420,13 +421,13 @@ function tt() {
     return "full";
   }
 }
-const Ee = ({ visible: e, variant: t, trigger: n, children: a, className: i }) => {
+const Oe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) => {
   const s = {
-    "--gloss-swing-enter-ms": `${ge.enterDurationMs}ms`,
-    "--gloss-swing-exit-ms": `${ge.exitDurationMs}ms`,
-    "--gloss-swing-offset": `${ge.translateOffsetPx}px`,
-    "--gloss-swing-enter-easing": ge.enterEasing,
-    "--gloss-swing-exit-easing": ge.exitEasing
+    "--gloss-swing-enter-ms": `${fe.enterDurationMs}ms`,
+    "--gloss-swing-exit-ms": `${fe.exitDurationMs}ms`,
+    "--gloss-swing-offset": `${fe.translateOffsetPx}px`,
+    "--gloss-swing-enter-easing": fe.enterEasing,
+    "--gloss-swing-exit-easing": fe.exitEasing
   }, o = [
     "gloss-swing-reveal",
     `gloss-swing-reveal--${t}`,
@@ -444,49 +445,49 @@ const Ee = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
       children: a
     }
   );
-}, jt = Nt(
-  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: i, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: l, edge: d = "right", ariaLabel: c = "Resize card" }, f) {
-    const h = t === "handle-visible" || t === "dragging" || t === "settling", g = (b) => {
+}, Vt = kt(
+  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: i, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: l, edge: u = "right", ariaLabel: d = "Resize card" }, h) {
+    const m = t === "handle-visible" || t === "dragging" || t === "settling", g = (b) => {
       try {
         b.currentTarget.setPointerCapture(b.pointerId);
       } catch {
       }
       n(b);
-    }, u = (b) => {
+    }, c = (b) => {
       try {
         b.currentTarget.hasPointerCapture?.(b.pointerId) && b.currentTarget.releasePointerCapture(b.pointerId);
       } catch {
       }
       a(b);
-    }, N = (b) => {
-      !h || !o || (b.key === "ArrowRight" ? (b.preventDefault(), o("grow")) : b.key === "ArrowLeft" && (b.preventDefault(), o("shrink")));
+    }, _ = (b) => {
+      !m || !o || (b.key === "ArrowRight" ? (b.preventDefault(), o("grow")) : b.key === "ArrowLeft" && (b.preventDefault(), o("shrink")));
     };
-    return /* @__PURE__ */ r(Ee, { visible: h, variant: "handle", trigger: "hover", children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(Oe, { visible: m, variant: "handle", trigger: "hover", children: /* @__PURE__ */ r(
       "button",
       {
-        ref: f,
+        ref: h,
         type: "button",
-        "aria-label": c,
-        "data-edge": d,
+        "aria-label": d,
+        "data-edge": u,
         "data-resize-state": t,
         className: [
           "gloss-edge-handle",
-          `gloss-edge-handle--${d}`,
-          h ? "gloss-edge-handle--visible" : ""
+          `gloss-edge-handle--${u}`,
+          m ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
         onPointerDown: g,
-        onPointerUp: u,
+        onPointerUp: c,
         onPointerEnter: i,
         onPointerLeave: s,
         onLostPointerCapture: l,
-        onKeyDown: N,
-        tabIndex: h ? 0 : -1
+        onKeyDown: _,
+        tabIndex: m ? 0 : -1
       }
     ) });
   }
 );
-jt.displayName = "EdgeHoverHandle";
-function Gt({
+Vt.displayName = "EdgeHoverHandle";
+function Ht({
   visible: e,
   targetColSpan: t,
   ghostWidth: n,
@@ -494,7 +495,7 @@ function Gt({
   exitMs: i = 120
 }) {
   return /* @__PURE__ */ r(
-    Ce.div,
+    xe.div,
     {
       "aria-hidden": "true",
       "data-ghost-preview": e ? "visible" : "hidden",
@@ -510,8 +511,8 @@ function Gt({
     }
   );
 }
-Gt.displayName = "GhostPreview";
-class Vt {
+Ht.displayName = "GhostPreview";
+class Ut {
   constructor() {
     this.samples = [], this.capacity = 3;
   }
@@ -549,14 +550,14 @@ class Vt {
     const t = this.samples.length;
     if (t < 2) return 0;
     if (t === 2) {
-      const [d, c] = this.samples, f = Math.max(1, c.t - d.t);
-      return (c.x - d.x) / f * 1e3;
+      const [u, d] = this.samples, h = Math.max(1, d.t - u.t);
+      return (d.x - u.x) / h * 1e3;
     }
     const [n, a, i] = this.samples, s = (i.x - a.x) / Math.max(1, i.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 at = {
+const rt = {
   // 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:
@@ -576,7 +577,7 @@ const at = {
   // Velocity multiplier (D-03b panel)
   velocityMultiplier: 1
 };
-function Kn({
+function Wn({
   currentColSpan: e,
   stackable: t,
   onResize: n,
@@ -585,59 +586,59 @@ function Kn({
   gap: s = 0,
   tuning: o,
   dwellMs: l = 60,
-  graceExitMs: d = 150,
-  enterMs: c = 180,
-  exitMs: f = 120,
-  maxColSpan: h = 3,
+  graceExitMs: u = 150,
+  enterMs: d = 180,
+  exitMs: h = 120,
+  maxColSpan: m = 3,
   containerRef: g,
-  forceIdle: u
+  forceIdle: c
 }) {
-  const [N, b] = $("idle"), [p, M] = $(e), P = I(null), _ = I(null), T = I(null), x = I(null), m = I(i), v = I(s), k = I(h), R = I(0), y = I("idle");
+  const [_, b] = $("idle"), [f, R] = $(e), I = P(null), y = P(null), M = P(null), x = P(null), p = P(i), v = P(s), D = P(m), T = P(0), w = P("idle");
   O(() => {
-    y.current = N;
-  }, [N]);
-  const S = Ct(0), F = I(null), H = w(() => {
-    const C = F.current;
+    w.current = _;
+  }, [_]);
+  const S = St(0), E = P(null), H = N(() => {
+    const C = E.current;
     if (C) {
       try {
         C.stop();
       } catch {
       }
-      F.current = null;
+      E.current = null;
     }
-  }, []), Y = w(
+  }, []), Y = N(
     (C) => {
-      const E = m.current, A = v.current;
-      return C * E + (C - 1) * A;
+      const F = p.current, A = v.current;
+      return C * F + (C - 1) * A;
     },
     []
-  ), U = I(new Vt()), j = I(e);
+  ), U = P(new Ut()), j = P(e);
   O(() => {
-    j.current = p;
-  }, [p]);
-  const B = we(() => ({ ...at, ...o ?? {} }), [o]), Z = w(() => {
-    P.current && (clearTimeout(P.current), P.current = null);
-  }, []), L = w(() => {
-    _.current && (clearTimeout(_.current), _.current = null);
-  }, []), J = w(() => {
-    T.current && (clearTimeout(T.current), T.current = null);
+    j.current = f;
+  }, [f]);
+  const B = Ne(() => ({ ...rt, ...o ?? {} }), [o]), Z = N(() => {
+    I.current && (clearTimeout(I.current), I.current = null);
+  }, []), L = N(() => {
+    y.current && (clearTimeout(y.current), y.current = null);
+  }, []), J = N(() => {
+    M.current && (clearTimeout(M.current), M.current = null);
   }, []);
   O(() => {
-    u && (y.current === "dragging" || y.current === "settling" || y.current !== "idle" && (Z(), L(), J(), y.current = "idle", b("idle")));
-  }, [N, u, Z, L, J]);
-  const Ke = w(() => {
-    L(), b((C) => C === "settling" || C !== "idle" ? C : (P.current = setTimeout(() => b("handle-visible"), l), "dwelling"));
-  }, [l, L]), ze = w(() => {
+    c && (w.current === "dragging" || w.current === "settling" || w.current !== "idle" && (Z(), L(), J(), w.current = "idle", b("idle")));
+  }, [_, c, Z, L, J]);
+  const We = N(() => {
+    L(), b((C) => C === "settling" || C !== "idle" ? C : (I.current = setTimeout(() => b("handle-visible"), l), "dwelling"));
+  }, [l, L]), je = N(() => {
     Z();
-    const C = y.current;
-    C !== "dwelling" && C !== "handle-visible" || (_.current = setTimeout(() => {
-      y.current = "idle", b("idle");
-    }, d));
-  }, [Z, d]), le = w(
-    (C, E, A) => {
-      const K = m.current, ee = K * B.snapInFraction, q = K * B.snapOutFraction, z = E - A, G = Math.max(
+    const C = w.current;
+    C !== "dwelling" && C !== "handle-visible" || (y.current = setTimeout(() => {
+      w.current = "idle", b("idle");
+    }, u));
+  }, [Z, u]), de = N(
+    (C, F, A) => {
+      const K = p.current, ee = K * B.snapInFraction, q = K * B.snapOutFraction, z = F - A, G = Math.max(
         A,
-        k.current ?? h
+        D.current ?? m
       );
       let W = z;
       for (; A + W < G; ) {
@@ -653,27 +654,27 @@ function Kn({
         }
       return Math.min(G, Math.max(1, A + W));
     },
-    [B.snapInFraction, B.snapOutFraction, h]
-  ), pt = w(
+    [B.snapInFraction, B.snapOutFraction, m]
+  ), ht = N(
     (C) => {
-      if (y.current !== "handle-visible") return;
-      H(), x.current = C.clientX, m.current = i, v.current = s, k.current = h;
-      const E = e * i + (e - 1) * s;
-      R.current = E, U.current.clear(), U.current.push({ x: C.clientX, t: performance.now() }), S.jump(E), y.current = "dragging", b("dragging");
+      if (w.current !== "handle-visible") return;
+      H(), x.current = C.clientX, p.current = i, v.current = s, D.current = m;
+      const F = e * i + (e - 1) * s;
+      T.current = F, U.current.clear(), U.current.push({ x: C.clientX, t: performance.now() }), S.jump(F), w.current = "dragging", b("dragging");
     },
-    [i, s, h, e, S, H]
-  ), We = w(
-    (C) => C * m.current + (C - 1) * v.current,
+    [i, s, m, e, S, H]
+  ), Ge = N(
+    (C) => C * p.current + (C - 1) * v.current,
     []
-  ), oe = w(
-    (C, E) => {
-      const A = We(C), K = C !== e;
+  ), oe = N(
+    (C, F) => {
+      const A = Ge(C), K = C !== e;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        S.jump(A), K && E ? n({ direction: E, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), S.jump(0), y.current = "idle", b("idle");
+        S.jump(A), K && F ? n({ direction: F, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), S.jump(0), w.current = "idle", b("idle");
         return;
       }
       const q = U.current.getWeightedVelocity() * B.velocityMultiplier;
-      y.current = "settling", b("settling"), K && E ? n({ direction: E, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), H(), F.current = Ve(S, A, {
+      w.current = "settling", b("settling"), K && F ? n({ direction: F, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), H(), E.current = Ue(S, A, {
         type: "spring",
         stiffness: B.stiffness,
         damping: B.damping,
@@ -684,125 +685,125 @@ function Kn({
         // preserves the spring's perceptual smoothness (ghost retract)
         // while eliminating the stale-frame window.
         onComplete: () => {
-          F.current = null, S.jump(0), y.current = "idle", b("idle");
+          E.current = null, S.jump(0), w.current = "idle", b("idle");
         }
       });
     },
-    [We, e, t, n, a, S, B, H]
-  ), ht = w(
+    [Ge, e, t, n, a, S, B, H]
+  ), bt = N(
     (C) => {
-      if (y.current !== "dragging") return;
-      const E = C.clientX - (x.current ?? C.clientX), A = m.current, ee = ((k.current ?? h) - e) * A, q = (1 - e) * A, z = Math.max(q, Math.min(ee, E));
+      if (w.current !== "dragging") return;
+      const F = C.clientX - (x.current ?? C.clientX), A = p.current, ee = ((D.current ?? m) - e) * A, q = (1 - e) * A, z = Math.max(q, Math.min(ee, F));
       U.current.push({ x: C.clientX, t: performance.now() });
-      const G = le(z, j.current, e), W = G > e ? "grow" : G < e ? "shrink" : null;
+      const G = de(z, j.current, e), W = G > e ? "grow" : G < e ? "shrink" : null;
       oe(G, W);
     },
-    [le, e, h, oe]
-  ), ce = w(() => {
-    if (Z(), y.current === "dragging") {
-      const C = R.current;
+    [de, e, m, oe]
+  ), ue = N(() => {
+    if (Z(), w.current === "dragging") {
+      const C = T.current;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        S.jump(C), a?.(), S.jump(0), y.current = "idle", b("idle");
+        S.jump(C), a?.(), S.jump(0), w.current = "idle", b("idle");
         return;
       }
       const A = U.current.getWeightedVelocity();
-      y.current = "settling", b("settling"), H(), F.current = Ve(S, C, {
+      w.current = "settling", b("settling"), H(), E.current = Ue(S, C, {
         type: "spring",
         stiffness: B.stiffness,
         damping: B.damping,
         mass: B.mass,
         velocity: A,
         onComplete: () => {
-          F.current = null, a?.(), S.jump(0), y.current = "idle", b("idle");
+          E.current = null, a?.(), S.jump(0), w.current = "idle", b("idle");
         }
       });
       return;
     }
-    y.current === "handle-visible" && (a?.(), y.current = "cancelled", b("cancelled"));
+    w.current === "handle-visible" && (a?.(), w.current = "cancelled", b("cancelled"));
   }, [Z, S, a, B, H]);
   O(() => {
-    if (N !== "dragging" && N !== "handle-visible") return;
-    const C = (E) => {
-      E.key === "Escape" && ce();
+    if (_ !== "dragging" && _ !== "handle-visible") return;
+    const C = (F) => {
+      F.key === "Escape" && ue();
     };
     return window.addEventListener("keydown", C), () => window.removeEventListener("keydown", C);
-  }, [N, ce]), O(() => {
-    if (N !== "dragging") {
-      M(e);
+  }, [_, ue]), O(() => {
+    if (_ !== "dragging") {
+      R(e);
       return;
     }
     const C = (z) => {
-      const G = z.clientX - (x.current ?? z.clientX), W = R.current, de = Y(1), ae = Y(h), _e = W + G, Ge = Math.max(de, Math.min(ae, _e));
-      S.set(Ge);
-      const Ne = m.current, Se = (h - e) * Ne, Re = (1 - e) * Ne, ue = Math.max(Re, Math.min(Se, G));
+      const G = z.clientX - (x.current ?? z.clientX), W = T.current, me = Y(1), ae = Y(m), De = W + G, He = Math.max(me, Math.min(ae, De));
+      S.set(He);
+      const ke = p.current, Re = (m - e) * ke, Me = (1 - e) * ke, ge = Math.max(Me, Math.min(Re, G));
       U.current.push({ x: z.clientX, t: performance.now() });
-      const me = le(ue, j.current, e);
-      me !== j.current && (j.current = me, M(me));
-    }, E = (z, G) => {
-      if (y.current === "dragging")
+      const pe = de(ge, j.current, e);
+      pe !== j.current && (j.current = pe, R(pe));
+    }, F = (z, G) => {
+      if (w.current === "dragging")
         if (z === "pointerup") {
-          const W = U.current.tail(), de = G?.clientX ?? W?.x ?? x.current ?? 0, ae = de - (x.current ?? de), _e = m.current, Ne = ((k.current ?? h) - e) * _e, Se = (1 - e) * _e, Re = Math.max(Se, Math.min(Ne, ae));
+          const W = U.current.tail(), me = G?.clientX ?? W?.x ?? x.current ?? 0, ae = me - (x.current ?? me), De = p.current, ke = ((D.current ?? m) - e) * De, Re = (1 - e) * De, Me = Math.max(Re, Math.min(ke, ae));
           G && U.current.push({ x: G.clientX, t: performance.now() });
-          const ue = le(Re, j.current, e), me = ue > e ? "grow" : ue < e ? "shrink" : null;
-          oe(ue, me);
+          const ge = de(Me, j.current, e), pe = ge > e ? "grow" : ge < e ? "shrink" : null;
+          oe(ge, pe);
         } else
-          ce();
-    }, A = (z) => E("pointerup", z), K = (z) => E("pointercancel", z), ee = () => E("blur"), q = () => {
-      document.visibilityState === "hidden" && E("visibility-hidden");
+          ue();
+    }, A = (z) => F("pointerup", z), K = (z) => F("pointercancel", z), ee = () => F("blur"), q = () => {
+      document.visibilityState === "hidden" && F("visibility-hidden");
     };
     return window.addEventListener("pointermove", C), window.addEventListener("pointerup", A), window.addEventListener("pointercancel", K), window.addEventListener("blur", ee), document.addEventListener("visibilitychange", q), () => {
       window.removeEventListener("pointermove", C), window.removeEventListener("pointerup", A), window.removeEventListener("pointercancel", K), window.removeEventListener("blur", ee), document.removeEventListener("visibilitychange", q);
     };
-  }, [N, e, S, le, h, Y, ce, oe]), O(() => () => {
+  }, [_, e, S, de, m, Y, ue, oe]), O(() => () => {
     Z(), L(), J();
   }, [Z, L, J]), O(() => {
-    if (N !== "cancelled") return;
-    const C = setTimeout(() => b("idle"), f);
+    if (_ !== "cancelled") return;
+    const C = setTimeout(() => b("idle"), h);
     return () => clearTimeout(C);
-  }, [N, f]);
-  const ft = w(
+  }, [_, h]);
+  const vt = N(
     (C) => {
-      if (y.current === "settling") return;
-      const A = Math.min(h, Math.max(1, e + (C === "grow" ? 1 : -1)));
+      if (w.current === "settling") return;
+      const A = Math.min(m, Math.max(1, e + (C === "grow" ? 1 : -1)));
       if (A === e) return;
-      m.current = i, v.current = s, k.current = h, U.current.clear();
+      p.current = i, v.current = s, D.current = m, U.current.clear();
       const K = e * i + (e - 1) * s;
-      R.current = K, S.jump(K), oe(A, C);
+      T.current = K, S.jump(K), oe(A, C);
     },
-    [e, i, s, h, S, oe]
-  ), je = w(() => {
-    J(), T.current = setTimeout(() => {
-      y.current === "handle-visible" && (y.current = "idle", b("idle"));
+    [e, i, s, m, S, oe]
+  ), Ve = N(() => {
+    J(), M.current = setTimeout(() => {
+      w.current === "handle-visible" && (w.current = "idle", b("idle"));
     }, 5e3);
-  }, [J]), bt = w(() => {
-    y.current === "idle" && (Z(), y.current = "handle-visible", b("handle-visible"), je());
-  }, [Z, je]), vt = w(() => {
-    J(), y.current === "handle-visible" && (y.current = "idle", b("idle"));
+  }, [J]), yt = N(() => {
+    w.current === "idle" && (Z(), w.current = "handle-visible", b("handle-visible"), Ve());
+  }, [Z, Ve]), wt = N(() => {
+    J(), w.current === "handle-visible" && (w.current = "idle", b("idle"));
   }, [J]);
   return {
-    state: N,
-    enterEdgeZone: Ke,
-    leaveEdgeZone: ze,
+    state: _,
+    enterEdgeZone: We,
+    leaveEdgeZone: je,
     handleProps: {
-      onPointerDown: pt,
-      onPointerUp: ht,
+      onPointerDown: ht,
+      onPointerUp: bt,
       // Bug E: handle continues zone presence so pointer crossing sentinel→handle
       // doesn't collapse state. handle's pointerenter = stay in zone.
-      onPointerEnter: Ke,
-      onPointerLeave: ze
+      onPointerEnter: We,
+      onPointerLeave: je
     },
-    previewColSpan: p,
+    previewColSpan: f,
     ghostProps: {
-      visible: N === "dragging" || N === "settling",
-      targetColSpan: p,
+      visible: _ === "dragging" || _ === "settling",
+      targetColSpan: f,
       ghostWidth: S,
-      enterMs: c,
-      exitMs: f
+      enterMs: d,
+      exitMs: h
     },
-    onKeyboardStep: ft,
-    onTouchReveal: bt,
-    onTouchDismiss: vt,
-    cancel: ce
+    onKeyboardStep: vt,
+    onTouchReveal: yt,
+    onTouchDismiss: wt,
+    cancel: ue
   };
 }
 const ie = {
@@ -830,14 +831,14 @@ const ie = {
   sectionDividerFadeOutMs: 80,
   sectionDividerStaggerMs: 40
 };
-function zn(e) {
+function jn(e) {
   const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: i } = e;
   if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
     return;
   const s = (a + 0.5) * (t / n);
   return i != null && Number.isFinite(i) && i > 0 ? s - i / 2 : s;
 }
-const Wn = [
+const Gn = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -969,24 +970,24 @@ const Wn = [
     subtitle: "Awaiting QA",
     highlightColor: "neutral"
   }
-], Ht = {
+], Zt = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, Ut = {
+}, Yt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, Zt = {
+}, qt = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, Yt = {
+}, Qt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -994,7 +995,7 @@ const Wn = [
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, qt = {
+}, Xt = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -1003,7 +1004,7 @@ const Wn = [
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, Qt = {
+}, Jt = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -1014,14 +1015,14 @@ const Wn = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, jn = [
-  Ht,
-  Ut,
+}, Vn = [
   Zt,
   Yt,
   qt,
-  Qt
-], Gn = {
+  Qt,
+  Xt,
+  Jt
+], Hn = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -1044,7 +1045,7 @@ const Wn = [
     59
   ],
   accentColor: "#6366f1"
-}, Vn = {
+}, Un = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -1083,21 +1084,21 @@ const Wn = [
     19
   ],
   accentColor: "#10b981"
-}, Hn = {
+}, Zn = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, Un = {
+}, Yn = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, Zn = {
+}, qn = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -1105,7 +1106,7 @@ const Wn = [
   trend: { value: 0, direction: "flat" },
   subtitle: "QTD"
 };
-function nt({
+function st({
   open: e,
   onDismiss: t,
   anchorRef: n,
@@ -1115,23 +1116,23 @@ function nt({
   onCreatePage: o,
   onManagePages: l
 }) {
-  const d = w(
+  const u = N(
     (g) => {
       s(g), t();
     },
     [s, t]
-  ), c = w(
-    (g, u) => {
-      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), d(g));
+  ), d = N(
+    (g, c) => {
+      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), u(g));
     },
-    [d]
-  ), f = w(() => {
+    [u]
+  ), h = N(() => {
     o(), t();
-  }, [o, t]), h = w(() => {
+  }, [o, t]), m = N(() => {
     l(), t();
   }, [l, t]);
-  return /* @__PURE__ */ D(
-    St,
+  return /* @__PURE__ */ k(
+    Mt,
     {
       definition: {
         placement: "bottom-end",
@@ -1145,22 +1146,22 @@ function nt({
       className: "gloss-page-dropdown",
       children: [
         /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((g) => {
-          const u = g.id === i;
-          return /* @__PURE__ */ D(
+          const c = g.id === i;
+          return /* @__PURE__ */ k(
             "li",
             {
               role: "menuitemradio",
-              "aria-checked": u,
-              "aria-current": u ? "page" : void 0,
+              "aria-checked": c,
+              "aria-current": c ? "page" : void 0,
               tabIndex: 0,
-              className: `gloss-page-dropdown__item${u ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => d(g.id),
-              onKeyDown: (N) => c(g.id, N),
+              className: `gloss-page-dropdown__item${c ? " gloss-page-dropdown__item--active" : ""}`,
+              onClick: () => u(g.id),
+              onKeyDown: (_) => d(g.id, _),
               children: [
                 /* @__PURE__ */ r(
                   "span",
                   {
-                    className: `gloss-page-dropdown__dot${u ? " gloss-page-dropdown__dot--active" : ""}`
+                    className: `gloss-page-dropdown__dot${c ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
                 /* @__PURE__ */ r(
@@ -1182,7 +1183,7 @@ function nt({
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: f,
+            onClick: h,
             children: "+ New page"
           }
         ),
@@ -1192,7 +1193,7 @@ function nt({
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
-            onClick: h,
+            onClick: m,
             children: "Manage pages"
           }
         )
@@ -1200,8 +1201,8 @@ function nt({
     }
   );
 }
-nt.displayName = "PageDropdown";
-const Xt = function({
+st.displayName = "PageDropdown";
+const ea = function({
   currentIndex: t,
   total: n,
   pages: a,
@@ -1209,23 +1210,23 @@ const Xt = function({
   onCreatePage: s,
   onManagePages: o,
   maskRadius: l = "var(--gloss-radius-md)",
-  displayMode: d = "count",
-  activePage: c
+  displayMode: u = "count",
+  activePage: d
 }) {
-  const f = I(null), [h, g] = $(!1), u = w(() => {
-    g((M) => !M);
-  }, []), N = w(() => {
+  const h = P(null), [m, g] = $(!1), c = N(() => {
+    g((R) => !R);
+  }, []), _ = N(() => {
     g(!1);
   }, []), b = a[t]?.id ?? "";
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ k(
     "div",
     {
       className: "gloss-page-chip",
-      ref: f,
-      style: d === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
+      ref: h,
+      style: u === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        d !== "name" && /* @__PURE__ */ r(
+        u !== "name" && /* @__PURE__ */ r(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
@@ -1235,15 +1236,15 @@ const Xt = function({
         /* @__PURE__ */ r(
           "button",
           {
-            className: `gloss-page-chip__trigger${d === "name" ? " gloss-page-chip__trigger--name" : ""}`,
+            className: `gloss-page-chip__trigger${u === "name" ? " gloss-page-chip__trigger--name" : ""}`,
             "aria-haspopup": "menu",
-            "aria-expanded": h,
-            "aria-label": d === "name" ? `${c ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
-            onClick: u,
-            children: d === "name" ? /* @__PURE__ */ D(te, { children: [
-              /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: c ?? "" }),
+            "aria-expanded": m,
+            "aria-label": u === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
+            onClick: c,
+            children: u === "name" ? /* @__PURE__ */ k(te, { children: [
+              /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: d ?? "" }),
               /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
-            ] }) : /* @__PURE__ */ D(te, { children: [
+            ] }) : /* @__PURE__ */ k(te, { children: [
               t + 1,
               " / ",
               n
@@ -1251,11 +1252,11 @@ const Xt = function({
           }
         ),
         /* @__PURE__ */ r(
-          nt,
+          st,
           {
-            open: h,
-            onDismiss: N,
-            anchorRef: f,
+            open: m,
+            onDismiss: _,
+            anchorRef: h,
             pages: a,
             activePageId: b,
             onPageChange: i,
@@ -1267,8 +1268,8 @@ const Xt = function({
     }
   );
 };
-Xt.displayName = "PageChip";
-const Yn = [
+ea.displayName = "PageChip";
+const Qn = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -1401,7 +1402,7 @@ const Yn = [
     date: "2026-03-01",
     skuCount: 9
   }
-], qn = [
+], Xn = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1535,16 +1536,16 @@ const Yn = [
     lastDate: "2026-03-01"
   }
 ];
-function Ae(e) {
+function Le(e) {
   return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
-function rt(e) {
+function it(e) {
   return e.toLocaleString("en-US");
 }
-function st(e) {
+function ot(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Qn = [
+const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Jn = [
   {
     field: "id",
     headerName: "Order",
@@ -1574,7 +1575,7 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.skuCount ? rt(e.skuCount) : fe
+    renderCell: ({ row: e }) => e.skuCount ? it(e.skuCount) : ve
   },
   {
     field: "total",
@@ -1584,7 +1585,7 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.total ? Ae(e.total) : fe
+    renderCell: ({ row: e }) => e.total ? Le(e.total) : ve
   },
   {
     field: "date",
@@ -1594,9 +1595,9 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.date ? st(e.date) : ""
+    renderCell: ({ row: e }) => e.date ? ot(e.date) : ""
   }
-], Xn = [
+], er = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1628,7 +1629,7 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.price ? Ae(e.price) : fe
+    renderCell: ({ row: e }) => e.price ? Le(e.price) : ve
   },
   {
     field: "quantity",
@@ -1638,7 +1639,7 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.quantity ? rt(e.quantity) : fe
+    renderCell: ({ row: e }) => e.quantity ? it(e.quantity) : ve
   },
   {
     field: "total",
@@ -1648,7 +1649,7 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.total ? Ae(e.total) : fe
+    renderCell: ({ row: e }) => e.total ? Le(e.total) : ve
   },
   {
     field: "lastDate",
@@ -1658,24 +1659,24 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.lastDate ? st(e.lastDate) : ""
+    renderCell: ({ row: e }) => e.lastDate ? ot(e.lastDate) : ""
   }
-], Jt = [
+], ta = [
   { 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" }
-], ea = [
+], aa = [
   { 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" }
-], Me = (e) => {
-}, ta = (e) => {
-}, Ue = (e, t) => {
-}, it = {
+], Te = (e) => {
+}, na = (e) => {
+}, Ye = (e, t) => {
+}, lt = {
   vizState: {
     type: "orders",
     quant: "$",
@@ -1683,17 +1684,17 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: null, name: null },
     timeFrame: "MTD"
   },
-  onTypeChange: Me,
-  onQuantChange: ta,
-  onEntityTypeChange: Me,
-  onEntitySelect: Ue,
-  onItemSelect: Ue,
-  onTimeFrameChange: Me,
+  onTypeChange: Te,
+  onQuantChange: na,
+  onEntityTypeChange: Te,
+  onEntitySelect: Ye,
+  onItemSelect: Ye,
+  onTimeFrameChange: Te,
   userType: "sales-agency",
-  entityFilterOptions: Jt,
-  itemFilterOptions: ea
-}, Jn = {
-  ...it,
+  entityFilterOptions: ta,
+  itemFilterOptions: aa
+}, tr = {
+  ...lt,
   vizState: {
     type: "items",
     quant: "$",
@@ -1701,8 +1702,8 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, er = {
-  ...it,
+}, ar = {
+  ...lt,
   vizState: {
     type: "orders",
     quant: "#",
@@ -1714,7 +1715,7 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, aa = [
+}, ra = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1760,7 +1761,7 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     routeKey: "customer.profile",
     subtitle: "Opens in RepTime"
   }
-], na = [
+], sa = [
   {
     id: "order-items",
     label: "Items in Order",
@@ -1789,7 +1790,7 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], ra = [
+], ia = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1817,14 +1818,14 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], tr = {
-  entityName: aa,
-  orderId: na,
-  numeric: ra
-}, ar = [
+], nr = {
+  entityName: ra,
+  orderId: sa,
+  numeric: ia
+}, rr = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], nr = {
+], sr = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1837,7 +1838,7 @@ const fe = 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)
   ]
-}, rr = {
+}, ir = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1845,7 +1846,7 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, sr = [
+}, or = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1867,7 +1868,7 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], ir = [
+], lr = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1884,7 +1885,7 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], or = [
+], cr = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1901,35 +1902,35 @@ const fe = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], lr = [
+], dr = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], cr = [
+], ur = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-], sa = {
+], oa = {
   timeframe: "Time Frame",
   threshold: "Thresholds",
   slots: "Slots",
   size: "Size",
   color: "Color",
   pinned: "Pinned"
-}, ia = {
-  timeframe: Mt,
-  threshold: Tt,
-  slots: It,
-  size: Pt,
-  color: Ft,
-  pinned: Et
+}, la = {
+  timeframe: It,
+  threshold: Pt,
+  slots: Et,
+  size: Ft,
+  color: At,
+  pinned: Ot
 };
-function Ze(...e) {
+function qe(...e) {
   return e.filter(Boolean).join(" ");
 }
-function oa() {
+function ca() {
   const [e, t] = $(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
   return O(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
@@ -1939,29 +1940,29 @@ function oa() {
     });
   }, []), e;
 }
-const la = ({
+const da = ({
   dimensions: e,
   onDimensionSelect: t,
   activeDimension: n,
   ariaCardTypeLabel: a,
   className: i
 }) => {
-  const s = I(null), o = I([]), l = oa(), d = we(() => Array.from(e), [e]);
-  if (d.length === 0) return null;
-  const c = a ? `Configure ${a}: choose a dimension` : void 0, f = l ? "10ms" : "200ms", h = (g, u) => {
-    const N = d.length - 1, b = (p) => {
-      const M = o.current[p];
-      M && M.focus();
+  const s = P(null), o = P([]), l = ca(), u = Ne(() => Array.from(e), [e]);
+  if (u.length === 0) return null;
+  const d = a ? `Configure ${a}: choose a dimension` : void 0, h = l ? "10ms" : "200ms", m = (g, c) => {
+    const _ = u.length - 1, b = (f) => {
+      const R = o.current[f];
+      R && R.focus();
     };
     switch (g.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        g.preventDefault(), b(u === N ? 0 : u + 1);
+        g.preventDefault(), b(c === _ ? 0 : c + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        g.preventDefault(), b(u === 0 ? N : u - 1);
+        g.preventDefault(), b(c === 0 ? _ : c - 1);
         break;
       }
       case "Home": {
@@ -1969,12 +1970,12 @@ const la = ({
         break;
       }
       case "End": {
-        g.preventDefault(), b(N);
+        g.preventDefault(), b(_);
         break;
       }
       case "Enter":
       case " ": {
-        g.preventDefault(), t(d[u]);
+        g.preventDefault(), t(u[c]);
         break;
       }
     }
@@ -1984,40 +1985,40 @@ const la = ({
     {
       ref: s,
       role: "group",
-      "aria-label": c,
-      className: Ze("gloss-reconfig-backside-buttons", i),
+      "aria-label": d,
+      className: qe("gloss-reconfig-backside-buttons", i),
       style: {
         // Expose the reduced-motion-resolved duration as a CSS custom prop
         // so the SCSS transition rule can consume it without a nested media
         // query in the JS. Also surfaces the value for the unit test.
-        "--gloss-reconfig-backside-buttons-transition-duration": f
+        "--gloss-reconfig-backside-buttons-transition-duration": h
       },
-      children: d.map((g, u) => {
-        const N = ia[g], b = n === g;
-        return /* @__PURE__ */ D(
+      children: u.map((g, c) => {
+        const _ = la[g], b = n === g;
+        return /* @__PURE__ */ k(
           "button",
           {
-            ref: (p) => {
-              o.current[u] = p;
+            ref: (f) => {
+              o.current[c] = f;
             },
             type: "button",
             "data-dimension": g,
-            className: Ze(
+            className: qe(
               "gloss-reconfig-backside-buttons__button",
               b && "gloss-reconfig-backside-buttons__button--active"
             ),
             "aria-current": b ? "true" : void 0,
             onClick: () => t(g),
-            onKeyDown: (p) => h(p, u),
+            onKeyDown: (f) => m(f, c),
             children: [
               /* @__PURE__ */ r(
-                N,
+                _,
                 {
                   className: "gloss-reconfig-backside-buttons__button-icon",
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: sa[g] })
+              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: oa[g] })
             ]
           },
           g
@@ -2026,7 +2027,7 @@ const la = ({
     }
   );
 };
-la.displayName = "ReconfigBacksideButtons";
+da.displayName = "ReconfigBacksideButtons";
 function Q(e, t) {
   return {
     id: e,
@@ -2047,38 +2048,38 @@ function Q(e, t) {
     }, t)
   };
 }
-function Ye(e, t) {
+function Qe(e, t) {
   return {
     ...Q(e, t),
     colSpan: 2
   };
 }
-const dr = [
+const mr = [
   Q("total-revenue", "Total Revenue"),
   Q("total-orders", "Total Orders"),
-  Ye("revenue-trend", "Revenue Trend (2x)"),
+  Qe("revenue-trend", "Revenue Trend (2x)"),
   Q("avg-order", "Avg Order Value"),
   Q("new-customers", "New Customers"),
   Q("top-salesperson", "Top Salesperson"),
-  Ye("order-trend", "Order Trend (2x)"),
+  Qe("order-trend", "Order Trend (2x)"),
   Q("repeat-rate", "Repeat Rate"),
   Q("open-orders", "Open Orders"),
   Q("shipped-orders", "Shipped Orders")
-], ur = {
+], gr = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, mr = {
+}, pr = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, gr = {
+}, fr = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -2086,15 +2087,15 @@ const dr = [
   currentPage: 0,
   totalPages: 3
 };
-function Te(e) {
+function Ie(e) {
   return V.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const pr = [
+const hr = [
   {
     id: "all-orders",
     type: "orders",
     name: "All Orders",
-    icon: Te("📋"),
+    icon: Ie("📋"),
     closable: !1,
     autoCreated: !0
   },
@@ -2102,17 +2103,17 @@ const pr = [
     id: "open-orders",
     type: "orders",
     name: "Open Orders",
-    icon: Te("📦"),
+    icon: Ie("📦"),
     closable: !0
   },
   {
     id: "shipped-orders",
     type: "orders",
     name: "Shipped Orders",
-    icon: Te("🚚"),
+    icon: Ie("🚚"),
     closable: !0
   }
-], hr = [
+], br = [
   {
     id: "orders-main",
     type: "orders",
@@ -2138,7 +2139,7 @@ const pr = [
     name: "Customers",
     closable: !0
   }
-], fr = [
+], vr = [
   {
     id: "only-tab",
     type: "orders",
@@ -2146,7 +2147,7 @@ const pr = [
     closable: !1,
     autoCreated: !0
   }
-], br = [
+], yr = [
   { 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 },
@@ -2158,7 +2159,7 @@ const pr = [
   { id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
   { id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
 ];
-function Oe(e) {
+function $e(e) {
   switch (e) {
     case "wide":
       return { cols: 2, rows: 1 };
@@ -2169,15 +2170,15 @@ function Oe(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function ca(e) {
+function ua(e) {
   let t = 0;
   for (const a of e) {
-    const i = Oe(a.size), s = a.gridPosition.col + i.cols - 1;
+    const i = $e(a.size), s = a.gridPosition.col + i.cols - 1;
     s > t && (t = s);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const da = function(t) {
+const ma = function(t) {
   if (t.renderMode === "discrete")
     return /* @__PURE__ */ r(
       "div",
@@ -2185,7 +2186,7 @@ const da = function(t) {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
         children: t.cards.map((i) => {
-          const s = Oe(i.size);
+          const s = $e(i.size);
           return /* @__PURE__ */ r(
             "div",
             {
@@ -2202,7 +2203,7 @@ const da = function(t) {
       }
     );
   const { cards: n, composite: a } = t;
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ k(
     "div",
     {
       className: "gloss-metric-group gloss-metric-group--composite",
@@ -2228,7 +2229,7 @@ const da = function(t) {
             style: { background: a.accentColor }
           }
         ),
-        a?.label && /* @__PURE__ */ D("div", { className: "gloss-metric-group__label", children: [
+        a?.label && /* @__PURE__ */ k("div", { className: "gloss-metric-group__label", children: [
           /* @__PURE__ */ r("span", { children: a.label }),
           a?.trend && /* @__PURE__ */ r(
             "span",
@@ -2246,10 +2247,10 @@ const da = function(t) {
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: ca(n)
+              gridTemplateColumns: ua(n)
             },
             children: n.map((i) => {
-              const s = Oe(i.size);
+              const s = $e(i.size);
               return /* @__PURE__ */ r(
                 "div",
                 {
@@ -2269,16 +2270,16 @@ const da = function(t) {
     }
   );
 };
-da.displayName = "MetricGroupContainer";
-const ot = "resize.tuning.dev", ua = {
-  ...at,
+ma.displayName = "MetricGroupContainer";
+const ct = "resize.tuning.dev", ga = {
+  ...rt,
   snapInPx: 60,
   snapOutPx: 90
-}, re = ua;
-function ma() {
+}, re = ga;
+function pa() {
   if (typeof window > "u") return { ...re };
   try {
-    const e = window.localStorage.getItem(ot);
+    const e = window.localStorage.getItem(ct);
     if (!e) return { ...re };
     const t = JSON.parse(e);
     return !t || typeof t != "object" || Array.isArray(t) ? { ...re } : { ...re, ...t };
@@ -2286,31 +2287,31 @@ function ma() {
     return { ...re };
   }
 }
-function ga() {
-  const [e, t] = $(() => ma());
+function fa() {
+  const [e, t] = $(() => pa());
   O(() => {
     if (!(typeof window > "u"))
       try {
-        window.localStorage.setItem(ot, JSON.stringify(e));
+        window.localStorage.setItem(ct, JSON.stringify(e));
       } catch {
       }
   }, [e]);
-  const n = w(
+  const n = N(
     (s, o) => {
       t((l) => ({ ...l, [s]: o }));
     },
     []
-  ), a = w(
+  ), a = N(
     (s) => {
       t((o) => ({ ...o, [s]: re[s] }));
     },
     []
-  ), i = w(() => {
+  ), i = N(() => {
     t({ ...re });
   }, []);
   return { values: e, setValue: n, resetRow: a, resetAll: i };
 }
-const pa = [
+const ha = [
   { 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 },
@@ -2321,11 +2322,11 @@ const pa = [
   { 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 ha(e, t) {
+function ba(e, t) {
   return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
 }
-function fa() {
-  return /* @__PURE__ */ D(
+function va() {
+  return /* @__PURE__ */ k(
     "svg",
     {
       width: "14",
@@ -2344,14 +2345,14 @@ function fa() {
     }
   );
 }
-function ba({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
-  const s = w(
+function ya({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
+  const s = N(
     (o) => {
       (o.key === "r" || o.key === "R") && (o.preventDefault(), a());
     },
     [a]
   );
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ k(
     "div",
     {
       className: `gloss-dev-tuning-panel__row${i ? " gloss-dev-tuning-panel__row--flash" : ""}`,
@@ -2359,8 +2360,8 @@ function ba({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
       onKeyDown: s,
       children: [
         /* @__PURE__ */ r("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
-        /* @__PURE__ */ D("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
-          ha(t, e.step),
+        /* @__PURE__ */ k("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
+          ba(t, e.step),
           e.unit ? ` ${e.unit}` : ""
         ] }),
         /* @__PURE__ */ r(
@@ -2384,14 +2385,14 @@ function ba({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
             className: "gloss-dev-tuning-panel__reset",
             "aria-label": `Reset ${e.label}`,
             onClick: a,
-            children: /* @__PURE__ */ r(fa, {})
+            children: /* @__PURE__ */ r(va, {})
           }
         )
       ]
     }
   );
 }
-function va() {
+function wa() {
   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");
@@ -2399,23 +2400,23 @@ function va() {
     return !1;
   }
 }
-function ya(e = {}) {
-  return va() ? /* @__PURE__ */ r(wa, {}) : null;
+function _a(e = {}) {
+  return wa() ? /* @__PURE__ */ r(Na, {}) : null;
 }
-ya.displayName = "DevTuningPanel";
-function wa() {
-  const e = ga(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = $(null), l = I(null), d = w((g) => {
+_a.displayName = "DevTuningPanel";
+function Na() {
+  const e = fa(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = $(null), l = P(null), u = N((g) => {
     l.current && clearTimeout(l.current), o(g), l.current = setTimeout(() => {
       o(null), l.current = null;
     }, 200);
-  }, []), c = w(
-    (g, u) => {
-      n(g, u), g === "snapInPx" && u > t.snapOutPx && (n("snapOutPx", u), d("snapOutPx"));
+  }, []), d = N(
+    (g, c) => {
+      n(g, c), g === "snapInPx" && c > t.snapOutPx && (n("snapOutPx", c), u("snapOutPx"));
     },
-    [n, t.snapOutPx, d]
-  ), f = we(() => pa, []), h = xt();
-  return /* @__PURE__ */ D(
-    Ce.div,
+    [n, t.snapOutPx, u]
+  ), h = Ne(() => ha, []), m = Rt();
+  return /* @__PURE__ */ k(
+    xe.div,
     {
       className: "gloss-dev-tuning-panel",
       role: "region",
@@ -2423,26 +2424,26 @@ function wa() {
       "data-testid": "gloss-dev-tuning-panel",
       drag: !0,
       dragListener: !1,
-      dragControls: h,
+      dragControls: m,
       dragMomentum: !1,
       children: [
-        /* @__PURE__ */ D(
+        /* @__PURE__ */ k(
           "div",
           {
             className: "gloss-dev-tuning-panel__header",
-            onPointerDown: (g) => h.start(g),
+            onPointerDown: (g) => m.start(g),
             children: [
               /* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
               /* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
             ]
           }
         ),
-        /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: f.map((g) => /* @__PURE__ */ r(
-          ba,
+        /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: h.map((g) => /* @__PURE__ */ r(
+          ya,
           {
             spec: g,
             value: t[g.key],
-            onChange: (u) => c(g.key, u),
+            onChange: (c) => d(g.key, c),
             onReset: () => a(g.key),
             flashing: s === g.key
           },
@@ -2461,7 +2462,7 @@ function wa() {
     }
   );
 }
-function vr({
+function wr({
   state: e,
   originX: t,
   originY: n,
@@ -2470,28 +2471,28 @@ function vr({
   minBoundaryX: s,
   snapBoundariesX: o,
   topY: l,
-  bottomY: d,
-  enterMs: c = ie.envelopeEnterMs,
-  exitMs: f = ie.envelopeExitMs,
-  className: h,
+  bottomY: u,
+  enterMs: d = ie.envelopeEnterMs,
+  exitMs: h = ie.envelopeExitMs,
+  className: m,
   style: g
 }) {
   if (e === "hidden") return null;
-  const u = Math.max(0, i - a), N = Math.max(0, d - l), b = {
-    "--gloss-resize-envelope-enter-ms": `${c}ms`,
-    "--gloss-resize-envelope-exit-ms": `${f}ms`,
+  const c = Math.max(0, i - a), _ = Math.max(0, u - l), b = {
+    "--gloss-resize-envelope-enter-ms": `${d}ms`,
+    "--gloss-resize-envelope-exit-ms": `${h}ms`,
     "--gloss-resize-envelope-origin-x": `${t - a}px`,
     "--gloss-resize-envelope-origin-y": `${n - l}px`,
     left: a,
     top: l,
-    width: u,
-    height: N,
+    width: c,
+    height: _,
     ...g
   };
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ k(
     "div",
     {
-      className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, h].filter(Boolean).join(" "),
+      className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, m].filter(Boolean).join(" "),
       "data-state": e,
       "data-testid": "gloss-resize-envelope",
       style: b,
@@ -2518,23 +2519,23 @@ function vr({
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
             "data-edge": "right",
-            style: { left: u - 1 }
+            style: { left: c - 1 }
           }
         ),
-        o.filter((p) => p > s && p < i).map((p) => /* @__PURE__ */ r(
+        o.filter((f) => f > s && f < i).map((f) => /* @__PURE__ */ r(
           "div",
           {
             className: "gloss-resize-envelope__snap-line",
             "data-snap-line": !0,
-            style: { left: p - a }
+            style: { left: f - a }
           },
-          p
+          f
         ))
       ]
     }
   );
 }
-function yr({
+function _r({
   density: e,
   canAccept: t,
   blocked: n = !1,
@@ -2544,12 +2545,12 @@ function yr({
   children: o,
   ...l
 }) {
-  const d = a != null ? { ...l.style, "--_proximity-opacity": String(a) } : l.style;
+  const u = a != null ? { ...l.style, "--_proximity-opacity": String(a) } : l.style;
   return /* @__PURE__ */ r(
     "div",
     {
       ...l,
-      style: d,
+      style: u,
       "data-density": e,
       "data-can-accept": t ? "true" : "false",
       "data-blocked": n ? "true" : void 0,
@@ -2565,11 +2566,11 @@ function yr({
     }
   );
 }
-function _a(e, t, n, a) {
+function Da(e, t, n, a) {
   const i = (e + n) / 2, s = Math.min(t, a) - 40;
   return `M${e},${t} Q${i},${s} ${n},${a}`;
 }
-function wr({
+function Nr({
   segments: e,
   durationMs: t = ie.spilloverArcDurationMs,
   staggerMs: n = ie.spilloverStaggerMs,
@@ -2589,7 +2590,7 @@ function wr({
         {
           "data-arc-id": s.id,
           className: "gloss-spillover-arc__path",
-          d: _a(s.fromX, s.fromY, s.toX, s.toY),
+          d: Da(s.fromX, s.fromY, s.toX, s.toY),
           style: {
             animationDelay: `${o * n}ms`,
             animationDuration: `${t}ms`
@@ -2600,7 +2601,7 @@ function wr({
     }
   );
 }
-function _r({
+function Dr({
   state: e,
   staggerIndex: t = 0,
   fadeInMs: n = ie.sectionDividerFadeInMs,
@@ -2609,9 +2610,9 @@ function _r({
   variant: s = "dashed",
   className: o,
   style: l,
-  ...d
+  ...u
 }) {
-  const c = {
+  const d = {
     "--gloss-section-divider-fade-in-ms": `${n}ms`,
     "--gloss-section-divider-fade-out-ms": `${a}ms`,
     "--gloss-section-divider-stagger-delay": `${t * i}ms`,
@@ -2620,7 +2621,7 @@ function _r({
   return /* @__PURE__ */ r(
     "div",
     {
-      ...d,
+      ...u,
       "data-state": e,
       "data-testid": "gloss-section-divider",
       "aria-hidden": "true",
@@ -2630,11 +2631,11 @@ function _r({
         s === "seam-bleed" ? "gloss-section-divider--variant-seam-bleed" : "",
         o
       ].filter(Boolean).join(" "),
-      style: c
+      style: d
     }
   );
 }
-function Nr({
+function kr({
   enabled: e,
   onCollapse: t,
   onAdd: n,
@@ -2643,48 +2644,48 @@ function Nr({
   className: s,
   style: o,
   onPack: l,
-  ariaLabel: d
+  ariaLabel: u
 }) {
-  const c = a ?? "Add card to this cell", f = i ?? d ?? "Pack row — shift cards left", h = t ?? l, g = yt();
-  return /* @__PURE__ */ D(ke.Fragment, { children: [
-    /* @__PURE__ */ r(Ee, { visible: !g.isActive, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
+  const d = a ?? "Add card to this cell", h = i ?? u ?? "Pack row — shift cards left", m = t ?? l, g = _t();
+  return /* @__PURE__ */ k(ce.Fragment, { children: [
+    /* @__PURE__ */ r(Oe, { visible: !g.isActive, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         "data-testid": "gloss-empty-cell-add",
-        "aria-label": c,
+        "aria-label": d,
         className: [
           "gloss-empty-cell-pack-affordance",
           "gloss-empty-cell-pack-affordance--add",
           s
         ].filter(Boolean).join(" "),
         style: o,
-        onClick: (u) => {
-          u.stopPropagation(), n?.();
+        onClick: (c) => {
+          c.stopPropagation(), n?.();
         },
         children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "+" })
       }
     ) }),
-    /* @__PURE__ */ r(Ee, { visible: e && !g.isActive, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(Oe, { visible: e && !g.isActive, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         "data-testid": "gloss-empty-cell-pack",
-        "aria-label": f,
+        "aria-label": h,
         className: ["gloss-empty-cell-pack-affordance", s].filter(Boolean).join(" "),
         style: o,
-        onClick: (u) => {
-          u.stopPropagation(), h?.();
+        onClick: (c) => {
+          c.stopPropagation(), m?.();
         },
         children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
       }
     ) })
   ] });
 }
-function Dr() {
+function Cr() {
   return { affordancesVisible: !0 };
 }
-function kr({
+function xr({
   tint: e,
   colSpan: t,
   colWidth: n,
@@ -2693,27 +2694,88 @@ function kr({
   x: s,
   y: o,
   children: l,
-  className: d
+  className: u
 }) {
-  const c = t * n + (t - 1) * i;
-  return /* @__PURE__ */ r(
-    Ce.div,
+  const d = t * n + (t - 1) * i, h = ce.useRef(null);
+  return Fe("drag-ghost", () => {
+    if (process.env.NODE_ENV === "production")
+      return { values: {}, spec: null, state: "idle", t: performance.now() };
+    const m = h.current?.getBoundingClientRect() ?? null;
+    return {
+      values: {
+        x: s.get(),
+        y: o.get(),
+        bounds_x: m?.x ?? 0,
+        bounds_y: m?.y ?? 0,
+        bounds_w: m?.width ?? 0,
+        bounds_h: m?.height ?? 0,
+        visible: m ? 1 : 0
+      },
+      spec: {
+        tint: e,
+        colSpan: t,
+        springStiffness: le.springStiffness,
+        springDamping: le.springDamping
+      },
+      state: "active",
+      t: performance.now()
+    };
+  }), Fe("commit-ghost-singleton", () => {
+    if (process.env.NODE_ENV === "production")
+      return { values: {}, spec: null, state: "idle", t: performance.now() };
+    const m = h.current;
+    let g = 0, c = "", _ = "", b = "";
+    if (m)
+      try {
+        const I = window.getComputedStyle(m), y = I.outline || "", M = I.border || "", x = I.boxShadow || "", p = !!y && y !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(y), v = !!M && M !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(M), D = !!x && x !== "none";
+        g = p || v || D ? 1 : 0, c = p ? y : "", _ = v ? M : "", b = D ? x : "";
+      } catch {
+      }
+    const f = m?.getBoundingClientRect() ?? null, R = m ? "drag-clone" : "subsumed-by-tracking-outline";
+    return {
+      values: {
+        x: s.get(),
+        y: o.get(),
+        bounds_x: f?.x ?? 0,
+        bounds_y: f?.y ?? 0,
+        bounds_w: f?.width ?? 0,
+        bounds_h: f?.height ?? 0,
+        visible: m ? 1 : 0,
+        outlineOnClone: g
+      },
+      spec: {
+        mode: R,
+        tint: e,
+        outlineSrc: c,
+        borderSrc: _,
+        boxShadowSrc: b
+        // D-01 contract: Frame 1 (current/buggy) shows outline-on-clone=true;
+        // Frame 2 (decided): outline-on-clone=false (subsumed by tracking
+        // outline). Wave 2 audit-D-01 reads this field across drag mid-flight
+        // + post-drop frames and records frame match.
+      },
+      state: m ? "active" : "idle",
+      t: performance.now()
+    };
+  }), /* @__PURE__ */ r(
+    xe.div,
     {
+      ref: h,
       "data-testid": "gloss-drag-ghost",
       "data-tint": e,
       "aria-hidden": "true",
       className: [
         "gloss-drag-ghost",
         `gloss-drag-ghost--tint-${e}`,
-        d
+        u
       ].filter(Boolean).join(" "),
-      style: { x: s, y: o, width: c, height: a },
+      style: { x: s, y: o, width: d, height: a },
       children: l
     }
   );
 }
-const Na = 3;
-function lt({
+const ka = 3;
+function dt({
   gesture: e,
   cell: t,
   colSpan: n,
@@ -2722,9 +2784,9 @@ function lt({
   rowHeight: s,
   pattern: o = "solid",
   transitionMs: l = 120,
-  className: d
+  className: u
 }) {
-  const c = n * a + (n - 1) * i, h = (t.section * Na + t.col) * (a + i), g = t.row * (s + i), u = e === "resize" ? 2.5 : 2, N = o === "dashed-retreated" ? "dashed" : "solid", b = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline";
+  const d = n * a + (n - 1) * i, m = (t.section * ka + t.col) * (a + i), g = t.row * (s + i), c = e === "resize" ? 2.5 : 2, _ = o === "dashed-retreated" ? "dashed" : "solid", b = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline";
   return /* @__PURE__ */ r(
     "div",
     {
@@ -2735,7 +2797,7 @@ function lt({
         // D-15 #4 parity: drag callers must keep the legacy class so reptime
         // metric-card-grid.scss nested selectors continue to match.
         e === "drag" ? "gloss-drag-feedback-snap-outline" : null,
-        d
+        u
       ].filter(Boolean).join(" "),
       "data-testid": b,
       "data-tracking-outline": "",
@@ -2743,69 +2805,94 @@ function lt({
       "data-pattern": o,
       "aria-hidden": "true",
       style: {
-        transform: `translate(${h}px, ${g}px)`,
-        width: c,
+        transform: `translate(${m}px, ${g}px)`,
+        width: d,
         height: s,
-        borderWidth: u,
-        borderStyle: N,
+        borderWidth: c,
+        borderStyle: _,
         transition: `transform ${l}ms cubic-bezier(0.4, 0, 0.2, 1)`
       }
     }
   );
 }
-function Cr(e) {
-  return /* @__PURE__ */ r(lt, { gesture: "drag", pattern: "solid", ...e });
+function Sr(e) {
+  return /* @__PURE__ */ r(dt, { gesture: "drag", pattern: "solid", ...e });
 }
-function xr({
+function Rr({
   items: e,
   children: t,
   className: n,
   debugMagenta: a
 }) {
-  const i = process.env.NODE_ENV !== "production" && (a || typeof window < "u" && window.__GLOSS_CASCADE_PREVIEW_DEBUG__ === !0);
-  return e.length === 0 ? null : /* @__PURE__ */ r(te, { children: e.map((s) => /* @__PURE__ */ r(
-    Ce.div,
+  const i = process.env.NODE_ENV !== "production" && (a || typeof window < "u" && window.__GLOSS_CASCADE_PREVIEW_DEBUG__ === !0), s = ce.useRef(e);
+  return s.current = e, Fe("cascade-preview", () => {
+    if (process.env.NODE_ENV === "production")
+      return { values: {}, spec: null, state: "idle", t: performance.now() };
+    const o = s.current;
+    let l = 0, u = 0, d = 0, h = 0;
+    for (const m of o) {
+      const g = m.x.get(), c = m.y.get();
+      Math.abs(g) > Math.abs(d) && (d = g, l = g), Math.abs(c) > Math.abs(h) && (h = c, u = c);
+    }
+    return {
+      values: {
+        activeCount: o.length,
+        maxX: l,
+        maxY: u,
+        visible: o.length > 0 ? 1 : 0
+      },
+      spec: {
+        forwardStaggerMs: le.forwardStaggerMs,
+        reverseStaggerMs: le.reverseStaggerMs,
+        springStiffness: le.springStiffness,
+        springDamping: le.springDamping
+      },
+      state: o.length > 0 ? "active" : "idle",
+      t: performance.now()
+    };
+  }), e.length === 0 ? null : /* @__PURE__ */ r(te, { children: e.map((o) => /* @__PURE__ */ r(
+    xe.div,
     {
-      "data-card-id": s.cardId,
+      "data-card-id": o.cardId,
       "data-testid": "gloss-cascade-preview-item",
       "aria-hidden": "true",
       className: ["gloss-cascade-preview-item", n].filter(Boolean).join(" "),
       style: {
         position: "absolute",
-        left: s.left,
-        top: s.top,
-        x: s.x,
-        y: s.y,
-        width: s.width,
-        height: s.height,
+        left: o.left,
+        top: o.top,
+        x: o.x,
+        y: o.y,
+        width: o.width,
+        height: o.height,
         ...i ? { outline: "2px solid magenta" } : {}
       },
-      children: t(s)
+      children: t(o)
     },
-    s.cardId
+    o.cardId
   )) });
 }
-const Da = ({
+const Ca = ({
   consumed: e,
   elapsed: t,
   severity: n = "neutral"
 }) => {
-  const a = I(null), i = I(null);
+  const a = P(null), i = P(null);
   O(() => {
-    const l = Math.min(100, Math.max(0, e.value)), d = Math.min(100, Math.max(0, t.value)), c = requestAnimationFrame(() => {
-      a.current && (a.current.style.width = `${l}%`), i.current && (i.current.style.width = `${d}%`);
+    const l = Math.min(100, Math.max(0, e.value)), u = Math.min(100, Math.max(0, t.value)), d = requestAnimationFrame(() => {
+      a.current && (a.current.style.width = `${l}%`), i.current && (i.current.style.width = `${u}%`);
     });
-    return () => cancelAnimationFrame(c);
+    return () => cancelAnimationFrame(d);
   }, [e.value, t.value]);
   const s = e.label ?? "ACTUAL", o = t.label ?? "ELAPSED";
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ k(
     "div",
     {
       className: "gloss-dual-pace-bars",
       role: "img",
       "aria-label": `${s}: ${e.value}%, ${o}: ${t.value}%`,
       children: [
-        /* @__PURE__ */ D("div", { className: "gloss-dual-pace-bars__row", children: [
+        /* @__PURE__ */ k("div", { className: "gloss-dual-pace-bars__row", children: [
           /* @__PURE__ */ r("span", { className: "gloss-dual-pace-bars__track-label", children: s }),
           /* @__PURE__ */ r("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ r(
             "div",
@@ -2820,12 +2907,12 @@ const Da = ({
               "aria-label": `${s}: ${e.value}%`
             }
           ) }),
-          /* @__PURE__ */ D("span", { className: "gloss-dual-pace-bars__track-value", children: [
+          /* @__PURE__ */ k("span", { className: "gloss-dual-pace-bars__track-value", children: [
             e.value,
             "%"
           ] })
         ] }),
-        /* @__PURE__ */ D("div", { className: "gloss-dual-pace-bars__row", children: [
+        /* @__PURE__ */ k("div", { className: "gloss-dual-pace-bars__row", children: [
           /* @__PURE__ */ r("span", { className: "gloss-dual-pace-bars__track-label", children: o }),
           /* @__PURE__ */ r("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ r(
             "div",
@@ -2840,7 +2927,7 @@ const Da = ({
               "aria-label": `${o}: ${t.value}%`
             }
           ) }),
-          /* @__PURE__ */ D("span", { className: "gloss-dual-pace-bars__track-value", children: [
+          /* @__PURE__ */ k("span", { className: "gloss-dual-pace-bars__track-value", children: [
             t.value,
             "%"
           ] })
@@ -2848,22 +2935,22 @@ const Da = ({
       ]
     }
   );
-}, ka = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ D(
+}, xa = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ k(
   "div",
   {
     className: `gloss-gap-readout gloss-gap-readout--${n}`,
     "aria-label": `${e}: ${t}`,
     children: [
       /* @__PURE__ */ r("hr", { className: "gloss-gap-readout__separator" }),
-      /* @__PURE__ */ D("div", { className: "gloss-gap-readout__strip", children: [
+      /* @__PURE__ */ k("div", { className: "gloss-gap-readout__strip", children: [
         /* @__PURE__ */ r("span", { className: "gloss-gap-readout__label", children: e }),
         /* @__PURE__ */ r("span", { className: "gloss-gap-readout__value", children: t })
       ] })
     ]
   }
-), Ca = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ D("div", { className: "gloss-pace-placeholder", children: [
+), Sa = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ k("div", { className: "gloss-pace-placeholder", children: [
   /* @__PURE__ */ r("p", { className: "gloss-pace-placeholder__heading", children: "Set a target" }),
-  /* @__PURE__ */ D("p", { className: "gloss-pace-placeholder__context", children: [
+  /* @__PURE__ */ k("p", { className: "gloss-pace-placeholder__context", children: [
     "for ",
     e
   ] }),
@@ -2877,9 +2964,9 @@ const Da = ({
       children: "Set target"
     }
   )
-] }), Sr = (e) => {
+] }), Mr = (e) => {
   const [t, n] = $(!1), a = e.target?.value, i = a !== void 0, s = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ r(
-    At,
+    Lt,
     {
       label: `Set a target for ${e.label}`,
       unit: s,
@@ -2893,7 +2980,7 @@ const Da = ({
     }
   );
   return /* @__PURE__ */ r(
-    wt,
+    Nt,
     {
       colSpan: 2,
       enableQuickSettings: !0,
@@ -2901,21 +2988,21 @@ const Da = ({
       onFlipChange: n,
       quickConfigSlot: o,
       onRemove: e.onRemove,
-      children: /* @__PURE__ */ D("div", { className: `gloss-pace-card ${e.isStale ? "gloss-metric-data-stale" : ""}`, children: [
+      children: /* @__PURE__ */ k("div", { className: `gloss-pace-card ${e.isStale ? "gloss-metric-data-stale" : ""}`, children: [
         /* @__PURE__ */ r("div", { className: "gloss-pace-card__label", children: e.label }),
         e.subtitle && /* @__PURE__ */ r("div", { className: "gloss-pace-card__subtitle", children: e.subtitle }),
-        /* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ D(te, { children: [
+        /* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ k(te, { children: [
           /* @__PURE__ */ r(
-            Da,
+            Ca,
             {
               consumed: e.consumed,
               elapsed: e.elapsed,
               severity: e.severity
             }
           ),
-          /* @__PURE__ */ r(ka, { label: "Gap", value: e.gapLabel, severity: e.severity })
+          /* @__PURE__ */ r(xa, { label: "Gap", value: e.gapLabel, severity: e.severity })
         ] }) : /* @__PURE__ */ r(
-          Ca,
+          Sa,
           {
             label: e.label,
             onSetTarget: () => n(!0)
@@ -2924,7 +3011,7 @@ const Da = ({
       ] })
     }
   );
-}, Rr = () => /* @__PURE__ */ D("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
+}, Tr = () => /* @__PURE__ */ k("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
   /* @__PURE__ */ r(
     "div",
     {
@@ -2941,7 +3028,7 @@ const Da = ({
   ),
   /* @__PURE__ */ r("div", { className: "gloss-pace-tile-preview__gap-strip" })
 ] });
-function xa({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, onClick: o }) {
+function Ra({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, onClick: o }) {
   return /* @__PURE__ */ r(
     "span",
     {
@@ -2955,14 +3042,14 @@ function xa({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, o
       onClick: () => {
         i || o(e);
       },
-      children: /* @__PURE__ */ D("span", { className: "gloss-lens-chip__inner", children: [
+      children: /* @__PURE__ */ k("span", { className: "gloss-lens-chip__inner", children: [
         /* @__PURE__ */ r("span", { className: "gloss-lens-chip__label", children: t }),
         s && /* @__PURE__ */ r("span", { className: "gloss-lens-chip__badge", children: s })
       ] })
     }
   );
 }
-function Sa({
+function Ma({
   lenses: e,
   value: t,
   onChange: n,
@@ -2972,7 +3059,7 @@ function Sa({
     () => Math.max(0, e.findIndex((l) => l.id === t))
   );
   return O(() => {
-    const l = e.findIndex((d) => d.id === t);
+    const l = e.findIndex((u) => u.id === t);
     s(l >= 0 ? l : 0);
   }, [t, e]), e.length === 0 ? null : /* @__PURE__ */ r(
     "div",
@@ -2983,11 +3070,11 @@ function Sa({
         switch (l.key) {
           case "ArrowRight":
           case "ArrowDown":
-            l.preventDefault(), s((d) => (d + 1) % e.length);
+            l.preventDefault(), s((u) => (u + 1) % e.length);
             break;
           case "ArrowLeft":
           case "ArrowUp":
-            l.preventDefault(), s((d) => (d - 1 + e.length) % e.length);
+            l.preventDefault(), s((u) => (u - 1 + e.length) % e.length);
             break;
           case "Home":
             l.preventDefault(), s(0);
@@ -2998,20 +3085,20 @@ function Sa({
           case "Enter":
           case " ": {
             l.preventDefault();
-            const d = e[i];
-            d && !d.disabled && n(d.id);
+            const u = e[i];
+            u && !u.disabled && n(u.id);
             break;
           }
         }
       },
       className: "gloss-lens-chip-group",
-      children: e.map((l, d) => /* @__PURE__ */ r(
-        xa,
+      children: e.map((l, u) => /* @__PURE__ */ r(
+        Ra,
         {
           id: l.id,
           label: l.label,
           selected: l.id === t,
-          focused: d === i,
+          focused: u === i,
           disabled: l.disabled,
           badge: l.badge,
           onClick: n
@@ -3021,25 +3108,25 @@ function Sa({
     }
   );
 }
-Sa.displayName = "LensChipGroup";
-function Ra({ heading: e, children: t }) {
-  return !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ D("section", { className: "gloss-starter-rail", "aria-label": e, children: [
+Ma.displayName = "LensChipGroup";
+function Ta({ 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__ */ r("header", { className: "gloss-starter-rail__heading", children: e }),
     /* @__PURE__ */ r("div", { className: "gloss-starter-rail__tiles", children: t })
   ] });
 }
-Ra.displayName = "StarterRail";
-function Ma({ heading: e, children: t, emptyStateLabel: n }) {
+Ta.displayName = "StarterRail";
+function Ia({ heading: e, children: t, emptyStateLabel: n }) {
   const a = !t || Array.isArray(t) && t.length === 0;
-  return /* @__PURE__ */ D("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
+  return /* @__PURE__ */ k("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
     /* @__PURE__ */ r("header", { className: "gloss-more-in-lens-rail__heading", children: e }),
-    /* @__PURE__ */ D("div", { className: "gloss-more-in-lens-rail__tiles", children: [
+    /* @__PURE__ */ k("div", { className: "gloss-more-in-lens-rail__tiles", children: [
       t,
       a && n && /* @__PURE__ */ r("p", { className: "gloss-more-in-lens-rail__empty", children: n })
     ] })
   ] });
 }
-Ma.displayName = "MoreInLensRail";
+Ia.displayName = "MoreInLensRail";
 function X({
   lead: e,
   name: t,
@@ -3049,21 +3136,21 @@ function X({
   variant: s = "default",
   onClick: o,
   className: l,
-  style: d
+  style: u
 }) {
-  const c = [
+  const d = [
     "gloss-entity-row",
     `gloss-entity-row--${s}`,
     o ? "gloss-entity-row--clickable" : "",
     l ?? ""
-  ].filter(Boolean).join(" "), f = /* @__PURE__ */ D(te, { children: [
+  ].filter(Boolean).join(" "), h = /* @__PURE__ */ k(te, { children: [
     e !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__lead", children: e }),
     /* @__PURE__ */ r("span", { className: "gloss-entity-row__name", title: t, children: t }),
     n !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__secondary", children: n }),
     /* @__PURE__ */ r("span", { className: "gloss-entity-row__value", children: a }),
     i !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: i })
   ] });
-  return o ? /* @__PURE__ */ r("div", { role: "listitem", className: c, style: d, children: /* @__PURE__ */ r(
+  return o ? /* @__PURE__ */ r("div", { role: "listitem", className: d, style: u, children: /* @__PURE__ */ r(
     "button",
     {
       type: "button",
@@ -3075,15 +3162,15 @@ function X({
         gap: 4,
         cursor: "pointer"
       },
-      onClick: (h) => {
-        h.stopPropagation(), o();
+      onClick: (m) => {
+        m.stopPropagation(), o();
       },
-      children: f
+      children: h
     }
-  ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: c, style: d, children: f });
+  ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: d, style: u, children: h });
 }
 X.displayName = "EntityRow";
-const be = ({ rank: e }) => {
+const ye = ({ rank: e }) => {
   const t = e === 1 ? "first" : "other";
   return /* @__PURE__ */ r(
     "span",
@@ -3095,8 +3182,8 @@ const be = ({ rank: e }) => {
     }
   );
 };
-be.displayName = "RankBadge";
-function ve({ severity: e, "aria-label": t }) {
+ye.displayName = "RankBadge";
+function we({ severity: e, "aria-label": t }) {
   return /* @__PURE__ */ r(
     "span",
     {
@@ -3106,8 +3193,8 @@ function ve({ severity: e, "aria-label": t }) {
     }
   );
 }
-ve.displayName = "SeverityDot";
-function ct({
+we.displayName = "SeverityDot";
+function ut({
   delta: e,
   direction: t = "flat",
   "aria-label": n
@@ -3123,7 +3210,7 @@ function ct({
       }
     );
   const a = t === "up" ? "▲" : t === "down" ? "▼" : "—";
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ k(
     "span",
     {
       role: "img",
@@ -3136,8 +3223,8 @@ function ct({
     }
   );
 }
-ct.displayName = "RankDelta";
-function ye({ fill: e, variant: t = "default", className: n }) {
+ut.displayName = "RankDelta";
+function _e({ fill: e, variant: t = "default", className: n }) {
   const a = Math.max(0, Math.min(100, e));
   return /* @__PURE__ */ r(
     "div",
@@ -3153,9 +3240,9 @@ function ye({ fill: e, variant: t = "default", className: n }) {
     }
   );
 }
-ye.displayName = "MagnitudeBar";
-const Ta = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
-function Ia({
+_e.displayName = "MagnitudeBar";
+const Pa = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
+function Ea({
   label: e,
   rows: t,
   rowCount: n,
@@ -3163,27 +3250,27 @@ function Ia({
   isStale: i
 }) {
   const s = n ?? 3;
-  return /* @__PURE__ */ D(te, { children: [
+  return /* @__PURE__ */ k(te, { children: [
     /* @__PURE__ */ r(
-      he,
+      be,
       {
         className: "gloss-metric-card__zone-a",
         style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
-        children: /* @__PURE__ */ r(Pe, { className: "gloss-metric-card__label", children: e })
+        children: /* @__PURE__ */ r(Ee, { className: "gloss-metric-card__label", children: e })
       }
     ),
     /* @__PURE__ */ r(
-      he,
+      be,
       {
         className: `gloss-metric-card__zone-b gloss-leaderboard ${i ? "gloss-metric-data-stale" : ""}`,
         style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
         children: /* @__PURE__ */ r("div", { className: "gloss-leaderboard__rows", role: "list", children: t.slice(0, s).map((o, l) => /* @__PURE__ */ r(
           X,
           {
-            lead: /* @__PURE__ */ r(be, { rank: l + 1 }),
+            lead: /* @__PURE__ */ r(ye, { rank: l + 1 }),
             name: o.name,
             secondary: /* @__PURE__ */ r(
-              ye,
+              _e,
               {
                 fill: o.magnitude,
                 variant: o.isBottom ? "bottom" : "default"
@@ -3191,11 +3278,11 @@ function Ia({
             ),
             value: o.value,
             trail: /* @__PURE__ */ r(
-              ct,
+              ut,
               {
                 delta: o.rankDelta,
                 direction: o.direction,
-                "aria-label": Ta(o)
+                "aria-label": Pa(o)
               }
             ),
             variant: "leaderboard",
@@ -3205,28 +3292,28 @@ function Ia({
         )) })
       }
     ),
-    /* @__PURE__ */ D("div", { className: "gloss-leaderboard__zone-c", children: [
+    /* @__PURE__ */ k("div", { className: "gloss-leaderboard__zone-c", children: [
       a ?? "WoW",
       " rank change"
     ] })
   ] });
 }
-Ia.displayName = "LeaderboardCard";
-const Pa = () => /* @__PURE__ */ D(
+Ea.displayName = "LeaderboardCard";
+const Fa = () => /* @__PURE__ */ k(
   "div",
   {
     className: "leaderboard-tile-preview",
     "aria-hidden": "true",
     style: { transform: "scale(0.6)", transformOrigin: "top left" },
     children: [
-      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(be, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ r(ye, { fill: 96 }), value: "98%" }),
-      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(be, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ r(ye, { fill: 72 }), value: "85%" }),
-      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(be, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ r(ye, { fill: 48 }), value: "71%" })
+      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(ye, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ r(_e, { fill: 96 }), value: "98%" }),
+      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(ye, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ r(_e, { fill: 72 }), value: "85%" }),
+      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(ye, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ r(_e, { fill: 48 }), value: "71%" })
     ]
   }
 );
-Pa.displayName = "LeaderboardTilePreview";
-const Fa = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", Ea = (e, t) => {
+Fa.displayName = "LeaderboardTilePreview";
+const Aa = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", Oa = (e, t) => {
   const n = e.sourceValue;
   if (typeof n != "number") return !1;
   switch (t.condition) {
@@ -3244,7 +3331,7 @@ const Fa = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warni
       return !1;
   }
 };
-function Aa({
+function La({
   label: e,
   rows: t,
   rule: n,
@@ -3253,50 +3340,50 @@ function Aa({
   ruleSubtitle: s,
   isStale: o
 }) {
-  const l = t.filter((c) => Ea(c, n)), d = l.slice(0, a ?? 3);
-  return l.length === 0 ? /* @__PURE__ */ D(te, { children: [
+  const l = t.filter((d) => Oa(d, n)), u = l.slice(0, a ?? 3);
+  return l.length === 0 ? /* @__PURE__ */ k(te, { children: [
     /* @__PURE__ */ r(
-      he,
+      be,
       {
         className: "gloss-metric-card__zone-a",
         style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
-        children: /* @__PURE__ */ r(Pe, { className: "gloss-metric-card__label", children: e })
+        children: /* @__PURE__ */ r(Ee, { className: "gloss-metric-card__label", children: e })
       }
     ),
     /* @__PURE__ */ r("div", { className: "gloss-exception-list__empty", role: "status", children: i ?? "No exceptions" }),
     s && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: s })
-  ] }) : /* @__PURE__ */ D(te, { children: [
+  ] }) : /* @__PURE__ */ k(te, { children: [
     /* @__PURE__ */ r(
-      he,
+      be,
       {
         className: "gloss-metric-card__zone-a",
         style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
-        children: /* @__PURE__ */ r(Pe, { className: "gloss-metric-card__label", children: e })
+        children: /* @__PURE__ */ r(Ee, { className: "gloss-metric-card__label", children: e })
       }
     ),
     /* @__PURE__ */ r(
-      he,
+      be,
       {
         className: `gloss-metric-card__zone-b gloss-exception-list ${o ? "gloss-metric-data-stale" : ""}`,
         style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
-        children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: d.map((c, f) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: u.map((d, h) => /* @__PURE__ */ r(
           X,
           {
-            lead: /* @__PURE__ */ r(ve, { severity: c.severity, "aria-label": Fa(c.severity) }),
-            name: c.name,
-            value: c.value,
+            lead: /* @__PURE__ */ r(we, { severity: d.severity, "aria-label": Aa(d.severity) }),
+            name: d.name,
+            value: d.value,
             variant: "exception",
-            style: { "--i": f }
+            style: { "--i": h }
           },
-          c.id
+          d.id
         )) })
       }
     ),
     s && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: s })
   ] });
 }
-Aa.displayName = "ExceptionListCard";
-const Oa = () => /* @__PURE__ */ D(
+La.displayName = "ExceptionListCard";
+const $a = () => /* @__PURE__ */ k(
   "div",
   {
     className: "exception-list-tile-preview",
@@ -3306,7 +3393,7 @@ const Oa = () => /* @__PURE__ */ D(
       /* @__PURE__ */ r(
         X,
         {
-          lead: /* @__PURE__ */ r(ve, { severity: "critical", "aria-label": "Critical severity" }),
+          lead: /* @__PURE__ */ r(we, { severity: "critical", "aria-label": "Critical severity" }),
           name: "SKU A",
           value: "0 on hand"
         }
@@ -3314,7 +3401,7 @@ const Oa = () => /* @__PURE__ */ D(
       /* @__PURE__ */ r(
         X,
         {
-          lead: /* @__PURE__ */ r(ve, { severity: "warn", "aria-label": "Warning severity" }),
+          lead: /* @__PURE__ */ r(we, { severity: "warn", "aria-label": "Warning severity" }),
           name: "SKU B",
           value: "3 units"
         }
@@ -3322,7 +3409,7 @@ const Oa = () => /* @__PURE__ */ D(
       /* @__PURE__ */ r(
         X,
         {
-          lead: /* @__PURE__ */ r(ve, { severity: "info", "aria-label": "Info severity" }),
+          lead: /* @__PURE__ */ r(we, { severity: "info", "aria-label": "Info severity" }),
           name: "SKU C",
           value: "12 days"
         }
@@ -3330,29 +3417,29 @@ const Oa = () => /* @__PURE__ */ D(
     ]
   }
 );
-Oa.displayName = "ExceptionListTilePreview";
-const qe = ["MTD", "QTD", "YTD", "LYTD", "7D"], Qe = ["$248K", "$612K", "$1.24M", "$980K", "$54K"], Xe = [
+$a.displayName = "ExceptionListTilePreview";
+const Xe = ["MTD", "QTD", "YTD", "LYTD", "7D"], Je = ["$248K", "$612K", "$1.24M", "$980K", "$54K"], et = [
   "M0,7 L10,5 L20,6 L30,3 L40,2",
   "M0,6 L10,4 L20,5 L30,2 L40,1",
   "M0,8 L10,7 L20,5 L30,4 L40,2",
   "M0,5 L10,6 L20,3 L30,4 L40,1",
   "M0,7 L10,4 L20,5 L30,3 L40,2"
-], La = ({
+], Ba = ({
   slotCount: e = 3,
-  labels: t = qe,
-  sampleValues: n = Qe
+  labels: t = Xe,
+  sampleValues: n = Je
 }) => {
   const a = Array.from({ length: e }, (i, s) => ({
-    label: t[s] ?? qe[s] ?? "",
-    value: n[s] ?? Qe[s] ?? "",
-    sparkPath: Xe[s % Xe.length]
+    label: t[s] ?? Xe[s] ?? "",
+    value: n[s] ?? Je[s] ?? "",
+    sparkPath: et[s % et.length]
   }));
   return e === 1 ? /* @__PURE__ */ r("div", { className: "gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--single", "aria-hidden": "true", children: /* @__PURE__ */ r("div", { className: "gloss-stacked-group-tile-preview__single-value", children: a[0].value }) }) : /* @__PURE__ */ r(
     "div",
     {
       className: `gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--slots-${e}`,
       "aria-hidden": "true",
-      children: a.map((i, s) => /* @__PURE__ */ D("div", { className: "gloss-stacked-group-tile-preview__row", children: [
+      children: a.map((i, s) => /* @__PURE__ */ k("div", { className: "gloss-stacked-group-tile-preview__row", children: [
         /* @__PURE__ */ r("span", { className: "gloss-stacked-group-tile-preview__row-label", children: i.label }),
         /* @__PURE__ */ r("span", { className: "gloss-stacked-group-tile-preview__row-value", children: i.value }),
         /* @__PURE__ */ r(
@@ -3371,8 +3458,8 @@ const qe = ["MTD", "QTD", "YTD", "LYTD", "7D"], Qe = ["$248K", "$612K", "$1.24M"
     }
   );
 };
-La.displayName = "StackedGroupTilePreview";
-const Mr = {
+Ba.displayName = "StackedGroupTilePreview";
+const Ir = {
   /** GEV-01 — Eligibility tint. Contiguous-from-source paint; blocked by first occupied cell (Principle 4). */
   eligibilityTint: { applicableStates: ["arming", "active"] },
   /** GEV-01 — Commit tint. Fill+stroke emphasis on the commit-target cell footprint (G-02). */
@@ -3391,7 +3478,7 @@ const Mr = {
   hideOnActive: { applicableStates: ["active"] },
   /** GEV-01 — Refuse pulse. Discrete moment of crossing into rejection. Fires ONCE per transition (Principle 2). No strobing. */
   refusePulse: { applicableStates: ["active"] }
-}, Je = {
+}, tt = {
   baseCellTint: "#F1F4F8",
   // Grey · Neutral −2
   eligibilityFill: "#6F87D2",
@@ -3414,8 +3501,8 @@ const Mr = {
   rejectionFill: "var(--gloss-g02-rejection-fill)",
   rejectionStroke: "var(--gloss-g02-rejection-stroke)",
   trackingOutline: "var(--gloss-g02-tracking-outline)"
-}, Tr = "dashed", Ir = "solid", Pr = "sparse-dash", Fr = "2px no-fill", $a = 3;
-function Er({
+}, Pr = "dashed", Er = "solid", Fr = "sparse-dash", Ar = "2px no-fill", Ka = 3;
+function Or({
   cell: e,
   variant: t,
   rampColor: n,
@@ -3424,10 +3511,10 @@ function Er({
   gap: s,
   className: o
 }) {
-  const d = (e.section * $a + e.col) * (a + s), c = e.row * (i + s), f = t === "eligibility" ? se.eligibilityFill : t === "commit" ? se.commitFill : t === "rejection" ? se.rejectionFill : (
+  const u = (e.section * Ka + e.col) * (a + s), d = e.row * (i + s), h = t === "eligibility" ? se.eligibilityFill : t === "commit" ? se.commitFill : t === "rejection" ? se.rejectionFill : (
     /* ramp */
     n ?? se.eligibilityFill
-  ), h = t === "rejection", g = h ? se.rejectionStroke : "transparent", u = h ? "dashed" : "solid";
+  ), m = t === "rejection", g = m ? se.rejectionStroke : "transparent", c = m ? "dashed" : "solid";
   return /* @__PURE__ */ r(
     "div",
     {
@@ -3440,25 +3527,25 @@ function Er({
       "data-variant": t,
       "aria-hidden": "true",
       style: {
-        transform: `translate(${d}px, ${c}px)`,
+        transform: `translate(${u}px, ${d}px)`,
         width: a,
         height: i,
         // Use background-color longhand (NOT background shorthand) so jsdom + DOM
         // both preserve `var(...)` in inline cssText. The shorthand getter strips
         // unknown values and breaks both unit-test introspection and styling.
-        backgroundColor: f,
+        backgroundColor: h,
         borderColor: g,
-        borderStyle: u
+        borderStyle: c
       }
     }
   );
 }
-const Ba = 3, Ka = [
+const za = 3, Wa = [
   { idx: 0, peakR: 22, peakOpacity: 0.45, strokeW: 1.5 },
   { idx: 1, peakR: 34, peakOpacity: 0.22, strokeW: 1 },
   { idx: 2, peakR: 46, peakOpacity: 0.1, strokeW: 0.8 }
 ];
-function Ar({
+function Lr({
   cell: e,
   fireKey: t,
   colWidth: n,
@@ -3466,8 +3553,8 @@ function Ar({
   gap: i,
   className: s
 }) {
-  const l = (e.section * Ba + e.col) * (n + i) + n / 2, d = e.row * (a + i) + a / 2;
-  return tt() === "reduced" ? /* @__PURE__ */ r(
+  const l = (e.section * za + e.col) * (n + i) + n / 2, u = e.row * (a + i) + a / 2;
+  return nt() === "reduced" ? /* @__PURE__ */ r(
     "div",
     {
       className: ["gloss-refuse-pulse-flash", s].filter(Boolean).join(" "),
@@ -3477,7 +3564,7 @@ function Ar({
       style: {
         position: "absolute",
         left: l - 24,
-        top: d - 24,
+        top: u - 24,
         width: 48,
         height: 48,
         borderRadius: "50%",
@@ -3495,7 +3582,7 @@ function Ar({
       "data-testid": "gloss-refuse-pulse",
       "data-fire-key": t,
       "data-cx": l,
-      "data-cy": d,
+      "data-cy": u,
       "aria-hidden": "true",
       style: {
         position: "absolute",
@@ -3503,80 +3590,80 @@ function Ar({
         top: 0,
         pointerEvents: "none"
       },
-      children: Ka.map((f) => {
-        const h = f.peakR * 2;
+      children: Wa.map((h) => {
+        const m = h.peakR * 2;
         return /* @__PURE__ */ r(
           "div",
           {
-            className: `gloss-refuse-pulse__ring gloss-refuse-pulse__ring--${f.idx}`,
-            "data-ring-index": f.idx,
-            "data-peak-radius": f.peakR,
-            "data-peak-opacity": f.peakOpacity,
+            className: `gloss-refuse-pulse__ring gloss-refuse-pulse__ring--${h.idx}`,
+            "data-ring-index": h.idx,
+            "data-peak-radius": h.peakR,
+            "data-peak-opacity": h.peakOpacity,
             style: {
               position: "absolute",
-              left: l - f.peakR,
-              top: d - f.peakR,
-              width: h,
-              height: h,
+              left: l - h.peakR,
+              top: u - h.peakR,
+              width: m,
+              height: m,
               borderRadius: "50%",
               borderStyle: "solid",
-              borderWidth: f.strokeW,
+              borderWidth: h.strokeW,
               borderColor: se.rejectionStroke,
               background: "transparent",
               opacity: 0,
               transform: "scale(0)",
               // CSS custom property feeds the keyframe peak opacity.
-              "--peak-opacity": f.peakOpacity,
-              animation: `gloss-refuse-pulse-ring-${f.idx} 360ms cubic-bezier(0.22, 1, 0.36, 1) forwards`
+              "--peak-opacity": h.peakOpacity,
+              animation: `gloss-refuse-pulse-ring-${h.idx} 360ms cubic-bezier(0.22, 1, 0.36, 1) forwards`
             }
           },
-          f.idx
+          h.idx
         );
       })
     },
     t
   );
 }
-function Or(e) {
-  return /* @__PURE__ */ r(lt, { gesture: "resize", ...e });
+function $r(e) {
+  return /* @__PURE__ */ r(dt, { gesture: "resize", ...e });
 }
-const za = Object.freeze({
+const ja = Object.freeze({
   trackingOutline: null,
   cellTints: [],
   refusePulse: null,
   shrinkFreedCells: []
 });
-function Wa(e, t, n) {
-  const a = Math.max(0, Math.min(1, n)), i = (h) => [
-    parseInt(h.slice(1, 3), 16),
-    parseInt(h.slice(3, 5), 16),
-    parseInt(h.slice(5, 7), 16)
-  ], [s, o, l] = i(e), [d, c, f] = i(t);
-  return `rgb(${Math.round(s + (d - s) * a)}, ${Math.round(o + (c - o) * a)}, ${Math.round(
-    l + (f - l) * a
+function Ga(e, t, n) {
+  const a = Math.max(0, Math.min(1, n)), i = (m) => [
+    parseInt(m.slice(1, 3), 16),
+    parseInt(m.slice(3, 5), 16),
+    parseInt(m.slice(5, 7), 16)
+  ], [s, o, l] = i(e), [u, d, h] = i(t);
+  return `rgb(${Math.round(s + (u - s) * a)}, ${Math.round(o + (d - o) * a)}, ${Math.round(
+    l + (h - l) * a
   )})`;
 }
-function ja(e) {
+function Va(e) {
   return e <= 1 ? 1 : e >= 3 ? 3 : 2;
 }
-function Ga(e) {
+function Ha(e) {
   return e !== "idle" && e !== "settling" && e !== "cancelled";
 }
-function Lr(e) {
-  const { edgeHover: t, sourceCell: n, cascadeResult: a, colWidth: i, rowHeight: s, gap: o } = e, d = tt() === "reduced", c = ke.useRef(t.currentColSpan), f = ke.useRef({ armed: !0, fireKey: 0, lastResult: null });
-  if (!Ga(t.state))
-    return f.current.armed = !0, f.current.lastResult = null, za;
-  const h = t.hysteresisTargetColSpan, g = t.previewColSpan, u = a?.result === "rejected";
-  u || (c.current = h), u && f.current.armed && f.current.lastResult !== "rejected" && (f.current.fireKey += 1, f.current.armed = !1), f.current.lastResult = u ? "rejected" : "ok";
-  const N = u ? c.current : h, b = {
+function Br(e) {
+  const { edgeHover: t, sourceCell: n, cascadeResult: a, colWidth: i, rowHeight: s, gap: o } = e, u = nt() === "reduced", d = ce.useRef(t.currentColSpan), h = ce.useRef({ armed: !0, fireKey: 0, lastResult: null });
+  if (!Ha(t.state))
+    return h.current.armed = !0, h.current.lastResult = null, ja;
+  const m = t.hysteresisTargetColSpan, g = t.previewColSpan, c = a?.result === "rejected";
+  c || (d.current = m), c && h.current.armed && h.current.lastResult !== "rejected" && (h.current.fireKey += 1, h.current.armed = !1), h.current.lastResult = c ? "rejected" : "ok";
+  const _ = c ? d.current : m, b = {
     cell: { section: 0, col: 0, row: 0 },
-    colSpan: N,
-    pattern: u ? "dashed-retreated" : "solid"
-  }, p = [];
-  if (u) {
-    const _ = n.col + c.current, T = n.col + h - 1;
-    for (let x = _; x <= T && x <= 2; x++)
-      p.push({
+    colSpan: _,
+    pattern: c ? "dashed-retreated" : "solid"
+  }, f = [];
+  if (c) {
+    const y = n.col + d.current, M = n.col + m - 1;
+    for (let x = y; x <= M && x <= 2; x++)
+      f.push({
         cell: {
           section: 0,
           col: x - n.col,
@@ -3585,44 +3672,44 @@ function Lr(e) {
         variant: "rejection"
       });
   } else {
-    const _ = Math.abs(g - h), T = Math.max(0, Math.min(1, 1 - _));
-    for (let x = n.col; x < n.col + h && x <= 2; x++) {
+    const y = Math.abs(g - m), M = Math.max(0, Math.min(1, 1 - y));
+    for (let x = n.col; x < n.col + m && x <= 2; x++) {
       if (x === n.col) continue;
-      const m = x === n.col + h - 1, v = {
+      const p = x === n.col + m - 1, v = {
         section: 0,
         col: x - n.col,
         row: 0
       };
-      m && t.direction.startsWith("grow") && h > 1 && !d && _ > 0 && _ < 1 ? p.push({
+      p && t.direction.startsWith("grow") && m > 1 && !u && y > 0 && y < 1 ? f.push({
         cell: v,
         variant: "ramp",
-        rampColor: Wa(Je.eligibilityFill, Je.commitFill, T)
-      }) : m ? p.push({ cell: v, variant: "commit" }) : p.push({ cell: v, variant: "eligibility" });
+        rampColor: Ga(tt.eligibilityFill, tt.commitFill, M)
+      }) : p ? f.push({ cell: v, variant: "commit" }) : f.push({ cell: v, variant: "eligibility" });
     }
   }
-  const M = [];
-  if (t.currentColSpan > h)
-    for (let _ = n.col + h; _ < n.col + t.currentColSpan && _ <= 2; _++)
-      M.push({
+  const R = [];
+  if (t.currentColSpan > m)
+    for (let y = n.col + m; y < n.col + t.currentColSpan && y <= 2; y++)
+      R.push({
         section: 0,
-        col: _ - n.col,
+        col: y - n.col,
         row: 0
       });
-  const P = f.current.fireKey > 0 ? {
+  const I = h.current.fireKey > 0 ? {
     cell: {
       section: 0,
-      col: ja(
-        Math.min(c.current, 2)
+      col: Va(
+        Math.min(d.current, 2)
       ),
       row: 0
     },
-    fireKey: f.current.fireKey
+    fireKey: h.current.fireKey
   } : null;
   return {
     trackingOutline: b,
-    cellTints: p,
-    refusePulse: P,
-    shrinkFreedCells: M
+    cellTints: f,
+    refusePulse: I,
+    shrinkFreedCells: R
   };
 }
 const ne = {
@@ -3633,7 +3720,7 @@ const ne = {
   "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 Va({
+function Ua({
   message: e,
   primaryAction: t,
   onDismiss: n,
@@ -3649,27 +3736,27 @@ function Va({
       "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
     );
   }, [a, i]), V.useLayoutEffect(() => {
-    let c = null;
-    if (a ? c = a : i && (c = document.querySelector(i)), c) {
-      const f = c.getBoundingClientRect();
+    let d = null;
+    if (a ? d = a : i && (d = document.querySelector(i)), d) {
+      const h = d.getBoundingClientRect();
       o({
-        top: f.bottom + window.scrollY + 6,
-        left: f.left + window.scrollX
+        top: h.bottom + window.scrollY + 6,
+        left: h.left + window.scrollX
       });
     }
   }, [a, i]);
-  const d = s ? { top: s.top, left: s.left } : {};
-  return /* @__PURE__ */ D(
+  const u = s ? { top: s.top, left: s.left } : {};
+  return /* @__PURE__ */ k(
     "div",
     {
       className: ne["gloss-inline-nudge"],
-      style: d,
+      style: u,
       role: "status",
       "aria-live": "polite",
       "data-reduced-motion": l ? "true" : void 0,
       children: [
         /* @__PURE__ */ r("span", { className: ne["gloss-inline-nudge__message"], children: e }),
-        /* @__PURE__ */ D("div", { className: ne["gloss-inline-nudge__actions"], children: [
+        /* @__PURE__ */ k("div", { className: ne["gloss-inline-nudge__actions"], children: [
           /* @__PURE__ */ r(
             "button",
             {
@@ -3694,25 +3781,25 @@ function Va({
     }
   );
 }
-Va.displayName = "InlineNudge";
-function Le(e) {
+Ua.displayName = "InlineNudge";
+function Be(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function Ha(e, t, n) {
+function Za(e, t, n) {
   if (n <= t) {
-    const o = e[0], l = o ? Le(o) : "#888";
+    const o = e[0], l = o ? Be(o) : "#888";
     return `linear-gradient(to right, ${l}, ${l})`;
   }
   const a = n - t, s = [...e].sort((o, l) => o.value - l.value).map((o) => {
     const l = (o.value - t) / a * 100;
-    return `${Le(o)} ${l.toFixed(2)}%`;
+    return `${Be(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 Ua(e) {
+function Ya(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function Za({
+function qa({
   stops: e,
   onChange: t,
   min: n = 0,
@@ -3722,18 +3809,18 @@ function Za({
 }) {
   const o = i === void 0 ? 0.01 : !Number.isFinite(i) || i <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
     `ThresholdRamp: step (${i}) must be a positive finite number; falling back to 0.01.`
-  ), 0.01) : i, l = w(
-    (m) => Math.round(m / o) * o,
+  ), 0.01) : i, l = N(
+    (p) => Math.round(p / o) * o,
     [o]
-  ), d = I(null), [c, f] = $(null), [h, g] = $(e), u = Ua(e), N = I(u);
+  ), u = P(null), [d, h] = $(null), [m, g] = $(e), c = Ya(e), _ = P(c);
   O(() => {
-    N.current !== u && (N.current = u, !c && g(e));
-  }, [u, e, c]);
-  const b = we(() => Ha(h, n, a), [h, n, a]), p = w(
-    (m) => {
-      if (!d.current) return n;
-      const v = d.current.getBoundingClientRect(), k = v.width || 1, R = Math.max(0, Math.min(1, (m - v.left) / k)), y = n + R * (a - n);
-      return l(y);
+    _.current !== c && (_.current = c, !d && g(e));
+  }, [c, e, d]);
+  const b = Ne(() => Za(m, n, a), [m, n, a]), f = N(
+    (p) => {
+      if (!u.current) return n;
+      const v = u.current.getBoundingClientRect(), D = v.width || 1, T = Math.max(0, Math.min(1, (p - v.left) / D)), w = n + T * (a - n);
+      return l(w);
     },
     [n, a, l]
   );
@@ -3742,119 +3829,119 @@ function Za({
       `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
     );
   }, [n, a]);
-  const M = w(
-    (m, v) => {
-      const k = h.find((R) => R.id === v);
-      s || k?.disabled || (m.preventDefault(), f(v));
+  const R = N(
+    (p, v) => {
+      const D = m.find((T) => T.id === v);
+      s || D?.disabled || (p.preventDefault(), h(v));
     },
-    [s, h]
-  ), P = I(h);
-  P.current = h;
-  const _ = I(t);
-  _.current = t, O(() => {
-    if (!c) return;
-    const m = (k) => {
-      const R = p(k.clientX);
+    [s, m]
+  ), I = P(m);
+  I.current = m;
+  const y = P(t);
+  y.current = t, O(() => {
+    if (!d) return;
+    const p = (D) => {
+      const T = f(D.clientX);
       g(
-        (y) => y.map((S) => S.id === c ? { ...S, value: R } : S)
+        (w) => w.map((S) => S.id === d ? { ...S, value: T } : S)
       );
-    }, v = (k) => {
-      const R = p(k.clientX), y = P.current.map(
-        (S) => S.id === c ? { ...S, value: R } : S
+    }, v = (D) => {
+      const T = f(D.clientX), w = I.current.map(
+        (S) => S.id === d ? { ...S, value: T } : S
       );
-      g(y), f(null), _.current(y);
+      g(w), h(null), y.current(w);
     };
-    return window.addEventListener("pointermove", m), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
-      window.removeEventListener("pointermove", m), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
+    return window.addEventListener("pointermove", p), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
+      window.removeEventListener("pointermove", p), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
     };
-  }, [c, p]);
-  const T = a - n > 0 ? a - n : 1, x = w(
-    (m, v) => {
+  }, [d, f]);
+  const M = a - n > 0 ? a - n : 1, x = N(
+    (p, v) => {
       if (s || v.disabled) return;
-      const k = a - n;
-      if (k <= 0) return;
-      const R = m.shiftKey ? k / 20 : k / 100;
-      let y = v.value;
-      switch (m.key) {
+      const D = a - n;
+      if (D <= 0) return;
+      const T = p.shiftKey ? D / 20 : D / 100;
+      let w = v.value;
+      switch (p.key) {
         case "ArrowRight":
         case "ArrowUp":
-          y = v.value + R;
+          w = v.value + T;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          y = v.value - R;
+          w = v.value - T;
           break;
         case "Home":
-          y = n;
+          w = n;
           break;
         case "End":
-          y = a;
+          w = a;
           break;
         default:
           return;
       }
-      m.preventDefault();
-      const S = Math.max(n, Math.min(a, y)), F = l(S);
-      if (F === v.value) return;
-      const H = h.map(
-        (Y) => Y.id === v.id ? { ...Y, value: F } : Y
+      p.preventDefault();
+      const S = Math.max(n, Math.min(a, w)), E = l(S);
+      if (E === v.value) return;
+      const H = m.map(
+        (Y) => Y.id === v.id ? { ...Y, value: E } : Y
       );
       g(H), t(H);
     },
-    [s, n, a, h, t, l]
+    [s, n, a, m, t, l]
   );
   return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ r(
     "div",
     {
-      ref: d,
+      ref: u,
       className: "gloss-threshold-ramp__track",
       style: { background: b },
-      children: h.map((m) => {
-        const v = (m.value - n) / T * 100;
+      children: m.map((p) => {
+        const v = (p.value - n) / M * 100;
         return /* @__PURE__ */ r(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
               left: `${v}%`,
-              color: Le(m)
+              color: Be(p)
             },
-            "data-disabled": m.disabled || void 0,
-            "data-dragging": c === m.id || void 0,
-            onPointerDown: (k) => M(k, m.id),
-            onKeyDown: (k) => x(k, m),
-            "aria-label": m.label ?? `Stop at ${m.value}`,
+            "data-disabled": p.disabled || void 0,
+            "data-dragging": d === p.id || void 0,
+            onPointerDown: (D) => R(D, p.id),
+            onKeyDown: (D) => x(D, p),
+            "aria-label": p.label ?? `Stop at ${p.value}`,
             role: "slider",
-            "aria-valuenow": m.value,
+            "aria-valuenow": p.value,
             "aria-valuemin": n,
             "aria-valuemax": a,
-            "aria-disabled": m.disabled || s || void 0,
-            tabIndex: m.disabled || s ? -1 : 0
+            "aria-disabled": p.disabled || s || void 0,
+            tabIndex: p.disabled || s ? -1 : 0
           },
-          m.id
+          p.id
         );
       })
     }
   ) });
 }
-Za.displayName = "ThresholdRamp";
-const dt = Dt(null);
-function Ya() {
-  return kt(dt);
+qa.displayName = "ThresholdRamp";
+const mt = Ct(null);
+function Qa() {
+  return xt(mt);
 }
-function qa({ option: e }) {
-  const t = Ya(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, i = w(() => {
+function Xa({ option: e }) {
+  const t = Qa(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, i = N(() => {
     a || t?.select(e.value);
-  }, [a, t, e.value]), s = w(
-    (c) => {
-      a || t?.onKeyNav(c, e.value);
+  }, [a, t, e.value]), s = N(
+    (d) => {
+      a || t?.onKeyNav(d, e.value);
     },
     [a, t, e.value]
-  ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, d = a ? -1 : l ? 0 : -1;
+  ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, u = a ? -1 : l ? 0 : -1;
   return /* @__PURE__ */ r(
     "button",
     {
-      ref: (c) => t?.registerRef(e.value, c),
+      ref: (d) => t?.registerRef(e.value, d),
       type: "button",
       role: "radio",
       "aria-checked": n,
@@ -3866,13 +3953,13 @@ function qa({ option: e }) {
       "aria-label": e.label ?? e.value,
       "aria-disabled": a,
       disabled: a,
-      tabIndex: d,
+      tabIndex: u,
       onClick: i,
       onKeyDown: s
     }
   );
 }
-function Qa({
+function Ja({
   swatches: e,
   value: t,
   defaultValue: n,
@@ -3880,35 +3967,35 @@ function Qa({
   disabled: i = !1,
   name: s
 }) {
-  const o = t !== void 0, [l, d] = $(n), c = o ? t : l, f = w(
-    (_) => {
-      o || d(_), a?.(_);
+  const o = t !== void 0, [l, u] = $(n), d = o ? t : l, h = N(
+    (y) => {
+      o || u(y), a?.(y);
     },
     [o, a]
-  ), h = w(
-    (_) => c === _,
-    [c]
-  ), g = I(/* @__PURE__ */ new Map()), u = w((_, T) => {
-    T ? g.current.set(_, T) : g.current.delete(_);
-  }, []), N = e.filter((_) => !_.disabled && !i), b = N.find((_) => _.value === c)?.value ?? N[0]?.value, p = w((_) => {
-    const T = g.current.get(_);
-    T && T.focus();
-  }, []), M = w(
-    (_, T) => {
+  ), m = N(
+    (y) => d === y,
+    [d]
+  ), g = P(/* @__PURE__ */ new Map()), c = N((y, M) => {
+    M ? g.current.set(y, M) : g.current.delete(y);
+  }, []), _ = e.filter((y) => !y.disabled && !i), b = _.find((y) => y.value === d)?.value ?? _[0]?.value, f = N((y) => {
+    const M = g.current.get(y);
+    M && M.focus();
+  }, []), R = N(
+    (y, M) => {
       if (i) return;
-      const x = e.filter((R) => !R.disabled);
+      const x = e.filter((T) => !T.disabled);
       if (x.length === 0) return;
-      const m = x.findIndex((R) => R.value === T);
-      if (m === -1) return;
-      let v = m;
-      switch (_.key) {
+      const p = x.findIndex((T) => T.value === M);
+      if (p === -1) return;
+      let v = p;
+      switch (y.key) {
         case "ArrowRight":
         case "ArrowDown":
-          v = (m + 1) % x.length;
+          v = (p + 1) % x.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          v = (m - 1 + x.length) % x.length;
+          v = (p - 1 + x.length) % x.length;
           break;
         case "Home":
           v = 0;
@@ -3918,27 +4005,27 @@ function Qa({
           break;
         case " ":
         case "Enter":
-          _.preventDefault(), f(T);
+          y.preventDefault(), h(M);
           return;
         default:
           return;
       }
-      _.preventDefault();
-      const k = x[v].value;
-      p(k), f(k);
+      y.preventDefault();
+      const D = x[v].value;
+      f(D), h(D);
     },
-    [i, e, f, p]
-  ), P = {
-    selectedValue: c,
-    select: f,
-    isSelected: h,
+    [i, e, h, f]
+  ), I = {
+    selectedValue: d,
+    select: h,
+    isSelected: m,
     groupDisabled: i,
     name: s,
-    registerRef: u,
+    registerRef: c,
     firstFocusableValue: b,
-    onKeyNav: M
+    onKeyNav: R
   };
-  return /* @__PURE__ */ r(dt.Provider, { value: P, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(mt.Provider, { value: I, children: /* @__PURE__ */ r(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -3946,126 +4033,126 @@ function Qa({
       "aria-label": s,
       "aria-disabled": i,
       "data-disabled": i || void 0,
-      children: e.map((_) => /* @__PURE__ */ r(qa, { option: _ }, _.value))
+      children: e.map((y) => /* @__PURE__ */ r(Xa, { option: y }, y.value))
     }
   ) });
 }
-Qa.displayName = "PresetSwatchRow";
-function $e(e, t) {
+Ja.displayName = "PresetSwatchRow";
+function Ke(e, t) {
   for (const n of e)
     if (n.items.some((a) => a.id === t))
       return n.zoneKey;
   return null;
 }
-function et(e, t) {
+function at(e, t) {
   const n = e.find((a) => a.zoneKey === t);
-  return n ? n.zoneKey : $e(e, t);
+  return n ? n.zoneKey : Ke(e, t);
 }
-function Xa(e, t, n) {
+function en(e, t, n) {
   const a = [...e], [i] = a.splice(t, 1);
   return a.splice(n, 0, i), a;
 }
-function Ja(e) {
+function tn(e) {
   return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
 }
-function en(e) {
+function an(e) {
   const [t, n] = $(
-    () => e.zones.map((p) => p.maxItems !== void 0 && p.items.length > p.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-      `useSortableZones: zone "${p.zoneKey}" exceeds maxItems (${p.items.length} > ${p.maxItems}); trimming to cap.`
-    ), { ...p, items: p.items.slice(0, p.maxItems) }) : p)
-  ), [a, i] = $(null), [s, o] = $(null), l = I(null), d = I(e.onZoneChange);
-  d.current = e.onZoneChange;
-  const c = we(
-    () => Ja(e.zones),
+    () => 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, i] = $(null), [s, o] = $(null), l = P(null), u = P(e.onZoneChange);
+  u.current = e.onZoneChange;
+  const d = Ne(
+    () => tn(e.zones),
     [e.zones]
-  ), f = I(c);
+  ), h = P(d);
   O(() => {
-    f.current !== c && (f.current = c, !a && n(
-      e.zones.map((p) => p.maxItems !== void 0 && p.items.length > p.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-        `useSortableZones: zone "${p.zoneKey}" exceeds maxItems (${p.items.length} > ${p.maxItems}); trimming to cap.`
-      ), { ...p, items: p.items.slice(0, p.maxItems) }) : p)
+    h.current !== d && (h.current = d, !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)
     ));
-  }, [c, e.zones, a]);
-  const h = w(
-    (p) => {
-      const M = p.active.id;
-      let P = null, _ = null;
-      for (const T of t) {
-        const x = T.items.find((m) => m.id === M);
+  }, [d, e.zones, a]);
+  const m = N(
+    (f) => {
+      const R = f.active.id;
+      let I = null, y = null;
+      for (const M of t) {
+        const x = M.items.find((p) => p.id === R);
         if (x) {
-          P = x, _ = T.zoneKey;
+          I = x, y = M.zoneKey;
           break;
         }
       }
-      l.current = _, i(P), o(_);
+      l.current = y, i(I), o(y);
     },
     [t]
-  ), g = w(
-    (p) => {
-      if (!p.over) {
+  ), g = N(
+    (f) => {
+      if (!f.over) {
         o(l.current);
         return;
       }
-      const M = et(t, p.over.id);
-      o(M);
+      const R = at(t, f.over.id);
+      o(R);
     },
     [t]
-  ), u = w(
-    (p) => {
-      const { active: M, over: P } = p, _ = () => {
+  ), c = N(
+    (f) => {
+      const { active: R, over: I } = f, y = () => {
         l.current = null, i(null), o(null);
       };
-      if (!P) {
-        _();
+      if (!I) {
+        y();
         return;
       }
-      const T = $e(t, M.id), x = et(t, P.id);
-      if (!T || !x) {
-        _();
+      const M = Ke(t, R.id), x = at(t, I.id);
+      if (!M || !x) {
+        y();
         return;
       }
-      let m = t.map((v) => ({ ...v, items: [...v.items] }));
-      if (T === x) {
-        const v = m.findIndex((F) => F.zoneKey === T), k = m[v], R = k.items.findIndex((F) => F.id === M.id), y = k.items.findIndex((F) => F.id === P.id), S = y >= 0 ? y : Math.max(0, k.items.length - 1);
-        m[v] = {
-          ...k,
-          items: Xa(k.items, R, S)
+      let p = t.map((v) => ({ ...v, items: [...v.items] }));
+      if (M === x) {
+        const v = p.findIndex((E) => E.zoneKey === M), D = p[v], T = D.items.findIndex((E) => E.id === R.id), w = D.items.findIndex((E) => E.id === I.id), S = w >= 0 ? w : Math.max(0, D.items.length - 1);
+        p[v] = {
+          ...D,
+          items: en(D.items, T, S)
         };
       } else {
-        const v = m.findIndex((L) => L.zoneKey === T), k = m.findIndex((L) => L.zoneKey === x), R = m[v], y = m[k], S = R.items.find((L) => L.id === M.id);
+        const v = p.findIndex((L) => L.zoneKey === M), D = p.findIndex((L) => L.zoneKey === x), T = p[v], w = p[D], S = T.items.find((L) => L.id === R.id);
         if (!S) {
-          _();
+          y();
           return;
         }
-        const F = R.items.filter((L) => L.id !== M.id), H = y.items.findIndex((L) => L.id === P.id), Y = H >= 0 ? H : y.items.length;
-        let U = F, j = [...y.items];
-        if (y.maxItems !== void 0 && j.length >= y.maxItems) {
+        const E = T.items.filter((L) => L.id !== R.id), H = w.items.findIndex((L) => L.id === I.id), Y = H >= 0 ? H : w.items.length;
+        let U = E, j = [...w.items];
+        if (w.maxItems !== void 0 && j.length >= w.maxItems) {
           const L = j[j.length - 1];
-          j = j.slice(0, y.maxItems - 1), U = [...F, L];
+          j = j.slice(0, w.maxItems - 1), U = [...E, L];
         }
         const B = Math.min(Y, j.length), Z = [
           ...j.slice(0, B),
           S,
           ...j.slice(B)
         ];
-        m[v] = { ...R, items: U }, m[k] = { ...y, items: Z };
+        p[v] = { ...T, items: U }, p[D] = { ...w, items: Z };
       }
-      n(m), d.current?.(m), _();
+      n(p), u.current?.(p), y();
     },
     [t]
-  ), N = w(
-    (p) => ({
-      id: p,
-      "data-zone-key": p
+  ), _ = N(
+    (f) => ({
+      id: f,
+      "data-zone-key": f
     }),
     []
-  ), b = w(
-    (p) => {
-      const M = $e(t, p.id) ?? "";
+  ), b = N(
+    (f) => {
+      const R = Ke(t, f.id) ?? "";
       return {
-        id: p.id,
-        "data-item-id": p.id,
-        "data-zone-key": M
+        id: f.id,
+        "data-item-id": f.id,
+        "data-zone-key": R
       };
     },
     [t]
@@ -4074,15 +4161,15 @@ function en(e) {
     zones: t,
     activeZone: s,
     activeItem: a,
-    getZoneProps: N,
+    getZoneProps: _,
     getItemProps: b,
-    handleDragStart: h,
+    handleDragStart: m,
     handleDragOver: g,
-    handleDragEnd: u
+    handleDragEnd: c
   };
 }
-let pe = null, De = null, Ie = !1;
-const tn = [
+let he = null, Ce = null, Pe = !1;
+const nn = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -4091,22 +4178,22 @@ const tn = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], an = [
+], rn = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function nn(e, t) {
+function sn(e, t) {
   const n = [], a = e ?? {};
-  for (const s of tn)
+  for (const s of nn)
     a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
   const i = t ?? {};
-  for (const s of an)
+  for (const s of rn)
     i[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
   return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
 }
-function rn() {
-  return pe ? Promise.resolve(pe) : Ie ? Promise.resolve(null) : De || (De = (async () => {
+function on() {
+  return he ? Promise.resolve(he) : Pe ? Promise.resolve(null) : Ce || (Ce = (async () => {
     try {
       const [e, t, n] = await Promise.all([
         import("@dnd-kit/core"),
@@ -4114,31 +4201,31 @@ function rn() {
         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)."
         ), {}))
-      ]), a = nn(e, t);
-      return a.ok ? (pe = {
+      ]), a = sn(e, t);
+      return a.ok ? (he = {
         core: e,
         sortable: t,
         utilities: n
-      }, pe) : (Ie = !0, process.env.NODE_ENV !== "production" && console.error(
+      }, he) : (Pe = !0, process.env.NODE_ENV !== "production" && console.error(
         `SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
       ), null);
     } catch {
-      return Ie = !0, null;
+      return Pe = !0, null;
     }
-  })(), De);
+  })(), Ce);
 }
-function sn(e) {
-  const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = en({ zones: t, onZoneChange: n }), [l, d] = V.useState(pe);
+function ln(e) {
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = an({ zones: t, onZoneChange: n }), [l, u] = V.useState(he);
   return V.useEffect(() => {
     if (l) return;
-    let c = !0;
-    return rn().then((f) => {
-      c && d(f);
+    let d = !0;
+    return on().then((h) => {
+      d && u(h);
     }), () => {
-      c = !1;
+      d = !1;
     };
   }, [l]), l ? /* @__PURE__ */ r(
-    ut,
+    gt,
     {
       state: o,
       modules: l,
@@ -4146,70 +4233,70 @@ function sn(e) {
       renderItem: i,
       renderDragOverlay: s
     }
-  ) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((c) => {
-    const f = c.items.map((h) => /* @__PURE__ */ r(V.Fragment, { children: i(h) }, h.id));
-    return /* @__PURE__ */ r("div", { ...o.getZoneProps(c.zoneKey), children: a(c.zoneKey, c.items, f) }, c.zoneKey);
+  ) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((d) => {
+    const h = d.items.map((m) => /* @__PURE__ */ r(V.Fragment, { children: i(m) }, m.id));
+    return /* @__PURE__ */ r("div", { ...o.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, h) }, d.zoneKey);
   }) });
 }
-sn.displayName = "SortableZones";
-function ut({
+ln.displayName = "SortableZones";
+function gt({
   state: e,
   modules: t,
   renderZone: n,
   renderItem: a,
   renderDragOverlay: i
 }) {
-  const { core: s, sortable: o, utilities: l } = t, { DndContext: d, DragOverlay: c, useSensors: f, useSensor: h, useDroppable: g, PointerSensor: u, KeyboardSensor: N, closestCenter: b } = s, { SortableContext: p, verticalListSortingStrategy: M } = o, P = f(
-    h(u, { activationConstraint: { distance: 5 } }),
-    h(N)
-  ), _ = d, T = c, x = p;
-  return /* @__PURE__ */ D(
-    _,
+  const { core: s, sortable: o, utilities: l } = t, { DndContext: u, DragOverlay: d, useSensors: h, useSensor: m, useDroppable: g, PointerSensor: c, KeyboardSensor: _, closestCenter: b } = s, { SortableContext: f, verticalListSortingStrategy: R } = o, I = h(
+    m(c, { activationConstraint: { distance: 5 } }),
+    m(_)
+  ), y = u, M = d, x = f;
+  return /* @__PURE__ */ k(
+    y,
     {
-      sensors: P,
+      sensors: I,
       collisionDetection: b,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((m) => {
-          const v = m.items.map((R) => R.id), k = m.items.map((R) => /* @__PURE__ */ r(
-            mt,
+        e.zones.map((p) => {
+          const v = p.items.map((T) => T.id), D = p.items.map((T) => /* @__PURE__ */ r(
+            pt,
             {
-              id: R.id,
+              id: T.id,
               useSortable: o.useSortable,
               cssHelper: l.CSS,
-              children: a(R)
+              children: a(T)
             },
-            R.id
+            T.id
           ));
           return /* @__PURE__ */ r(
-            gt,
+            ft,
             {
-              zoneKey: m.zoneKey,
-              zoneProps: e.getZoneProps(m.zoneKey),
+              zoneKey: p.zoneKey,
+              zoneProps: e.getZoneProps(p.zoneKey),
               useDroppable: g,
-              children: /* @__PURE__ */ r(x, { items: v, strategy: M, children: n(m.zoneKey, m.items, k) })
+              children: /* @__PURE__ */ r(x, { items: v, strategy: R, children: n(p.zoneKey, p.items, D) })
             },
-            m.zoneKey
+            p.zoneKey
           );
         }),
-        /* @__PURE__ */ r(T, { children: e.activeItem ? i?.(e.activeItem) ?? a(e.activeItem) : null })
+        /* @__PURE__ */ r(M, { children: e.activeItem ? i?.(e.activeItem) ?? a(e.activeItem) : null })
       ]
     }
   );
 }
-ut.displayName = "SortableZonesInner";
-function mt({ id: e, useSortable: t, cssHelper: n, children: a }) {
-  const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition: d, isDragging: c } = t({ id: e }), f = {
+gt.displayName = "SortableZonesInner";
+function pt({ id: e, useSortable: t, cssHelper: n, children: a }) {
+  const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition: u, isDragging: d } = t({ id: e }), h = {
     transform: n?.Transform?.toString(l) ?? void 0,
-    transition: d,
-    opacity: c ? 0.5 : 1
+    transition: u,
+    opacity: d ? 0.5 : 1
   };
-  return /* @__PURE__ */ r("div", { ref: o, style: f, "data-sortable-item-id": e, ...i, ...s, children: a });
+  return /* @__PURE__ */ r("div", { ref: o, style: h, "data-sortable-item-id": e, ...i, ...s, children: a });
 }
-mt.displayName = "SortableItem";
-function gt({
+pt.displayName = "SortableItem";
+function ft({
   zoneKey: e,
   zoneProps: t,
   useDroppable: n,
@@ -4218,8 +4305,8 @@ function gt({
   const { setNodeRef: i, isOver: s } = n({ id: e });
   return /* @__PURE__ */ r("div", { ref: i, "data-zone-is-over": s || void 0, ...t, children: a });
 }
-gt.displayName = "ZoneDroppable";
-function $r({
+ft.displayName = "ZoneDroppable";
+function Kr({
   slotLeft: e,
   slotCenter: t,
   slotRight: n,
@@ -4232,7 +4319,7 @@ function $r({
     "--gloss-bottom-toolbar-height": `${a}px`,
     ...s
   };
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ k(
     "div",
     {
       role: "toolbar",
@@ -4269,7 +4356,7 @@ function $r({
     }
   );
 }
-function Br({
+function zr({
   count: e,
   currentIndex: t,
   onSelect: n,
@@ -4278,11 +4365,11 @@ function Br({
   pulseIndex: s,
   pulseNonce: o,
   currentSection: l,
-  sectionsPerView: d = 1
+  sectionsPerView: u = 1
   // D-09 default
 }) {
-  const c = l ?? t ?? 0, f = Math.max(0, Math.min(e - 1, c)), h = Math.min(e - 1, f + Math.max(0, d - 1)), g = [f, h], u = ke.useRef([]);
-  return u.current.length = e, e <= 1 || g[0] === 0 && g[1] === e - 1 ? null : /* @__PURE__ */ D(
+  const d = l ?? t ?? 0, h = Math.max(0, Math.min(e - 1, d)), m = Math.min(e - 1, h + Math.max(0, u - 1)), g = [h, m], c = ce.useRef([]);
+  return c.current.length = e, e <= 1 || g[0] === 0 && g[1] === e - 1 ? null : /* @__PURE__ */ k(
     "div",
     {
       role: "tablist",
@@ -4293,12 +4380,12 @@ function Br({
         if (e !== 0) {
           if (b.key === "ArrowRight") {
             b.preventDefault();
-            const p = (c + 1) % e;
-            n(p), requestAnimationFrame(() => u.current[p]?.focus());
+            const f = (d + 1) % e;
+            n(f), requestAnimationFrame(() => c.current[f]?.focus());
           } else if (b.key === "ArrowLeft") {
             b.preventDefault();
-            const p = (c - 1 + e) % e;
-            n(p), requestAnimationFrame(() => u.current[p]?.focus());
+            const f = (d - 1 + e) % e;
+            n(f), requestAnimationFrame(() => c.current[f]?.focus());
           }
         }
       },
@@ -4314,382 +4401,382 @@ function Br({
             }
           }
         ),
-        Array.from({ length: e }, (b, p) => /* @__PURE__ */ r(
+        Array.from({ length: e }, (b, f) => /* @__PURE__ */ r(
           "button",
           {
-            ref: (M) => {
-              u.current[p] = M;
+            ref: (R) => {
+              c.current[f] = R;
             },
             type: "button",
             role: "tab",
-            "aria-selected": p === c,
-            "aria-label": p === i ? "Unconfirmed section" : `Section ${p + 1}`,
-            "data-state": p === i ? "provisional-hollow" : p === s ? "pulse" : p === c ? "current" : "hollow",
-            "data-section-index": p,
+            "aria-selected": f === d,
+            "aria-label": f === i ? "Unconfirmed section" : `Section ${f + 1}`,
+            "data-state": f === i ? "provisional-hollow" : f === s ? "pulse" : f === d ? "current" : "hollow",
+            "data-section-index": f,
             className: [
               "gloss-section-dots__dot",
-              p === c && "gloss-section-dots__dot--current"
+              f === d && "gloss-section-dots__dot--current"
             ].filter(Boolean).join(" "),
-            onClick: () => n(p)
+            onClick: () => n(f)
           },
-          p === s ? `${p}-${o ?? 0}` : p
+          f === s ? `${f}-${o ?? 0}` : f
         ))
       ]
     }
   );
 }
-const on = V.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+const cn = V.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
   const i = { ...n };
-  return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...i, children: /* @__PURE__ */ r(Be, { region: "toolbar", density: e, children: t }) });
+  return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...i, children: /* @__PURE__ */ r(ze, { region: "toolbar", density: e, children: t }) });
 });
-on.displayName = "ContainerToolbar";
-const ln = V.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...i }, s) => {
+cn.displayName = "ContainerToolbar";
+const dn = V.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...i }, s) => {
   const o = { ...i };
-  return delete o.className, delete o.style, /* @__PURE__ */ D("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
+  return delete o.className, delete o.style, /* @__PURE__ */ k("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
     e && /* @__PURE__ */ r("legend", { className: "gloss-container-form-section__legend", children: e }),
     t && /* @__PURE__ */ r("p", { className: "gloss-container-form-section__description", children: t }),
-    /* @__PURE__ */ r(Be, { region: "form-section", density: n, children: a })
+    /* @__PURE__ */ r(ze, { region: "form-section", density: n, children: a })
   ] });
 });
-ln.displayName = "ContainerFormSection";
-const cn = V.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+dn.displayName = "ContainerFormSection";
+const un = V.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
   const i = { ...n };
-  return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-table", ...i, children: /* @__PURE__ */ r(Be, { region: "table", density: e, children: t }) });
+  return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-table", ...i, children: /* @__PURE__ */ r(ze, { region: "table", density: e, children: t }) });
 });
-cn.displayName = "ContainerTable";
+un.displayName = "ContainerTable";
 export {
-  Wr as Accordion,
-  jr as AccordionContent,
-  Gr as AccordionItem,
-  Vr as AccordionTrigger,
-  Hr as ActionStrip,
-  Ur as Actionable,
-  Zr as AddressGroup,
-  Yr as AddressSelect,
-  qr as AsyncLoader,
-  Qr as Autocomplete,
-  Xr as Badge,
-  Jr as BarChartCard,
-  es as BarsBg,
-  $r as BottomToolbar,
-  ts as Button,
-  as as ButtonGroup,
-  ns as ButtonGroupContext,
-  rs as Card,
-  ss as CardActions,
-  is as CardBack,
-  os as CardBody,
-  ls as CardFooter,
-  cs as CardHeader,
-  ds as CardMedia,
-  wt as CardShell,
-  us as CardSubtitle,
-  ms as CardTitle,
-  xr as CascadePreview,
-  Er as CellTintOverlay,
-  gs as ChartControlBar,
-  ps as Checkbox,
-  hs as CheckboxGroup,
-  fs as Chip,
-  bs as ColorPicker,
-  vs as ComparisonCard,
-  ys as ContactForm,
-  ws as ContainerCard,
-  _s as ContainerCardActions,
-  Ns as ContainerCardBody,
-  Ds as ContainerCardFooter,
-  ks as ContainerCardHeader,
-  Cs as ContainerCardMedia,
-  xs as ContainerCardSubtitle,
-  Ss as ContainerCardTitle,
-  Rs as ContainerDialog,
-  Ms as ContainerDialogActions,
-  Ts as ContainerDialogBody,
-  Is as ContainerDialogHeader,
-  ln as ContainerFormSection,
-  Ps as ContainerPanel,
-  cn as ContainerTable,
-  on as ContainerToolbar,
-  Fs as CreditCardForm,
-  Es as DEFAULT_FOOTER_IDS,
+  Gr as Accordion,
+  Vr as AccordionContent,
+  Hr as AccordionItem,
+  Ur as AccordionTrigger,
+  Zr as ActionStrip,
+  Yr as Actionable,
+  qr as AddressGroup,
+  Qr as AddressSelect,
+  Xr as AsyncLoader,
+  Jr as Autocomplete,
+  es as Badge,
+  ts as BarChartCard,
+  as as BarsBg,
+  Kr as BottomToolbar,
+  ns as Button,
+  rs as ButtonGroup,
+  ss as ButtonGroupContext,
+  is as Card,
+  os as CardActions,
+  ls as CardBack,
+  cs as CardBody,
+  ds as CardFooter,
+  us as CardHeader,
+  ms as CardMedia,
+  Nt as CardShell,
+  gs as CardSubtitle,
+  ps as CardTitle,
+  Rr as CascadePreview,
+  Or as CellTintOverlay,
+  fs as ChartControlBar,
+  hs as Checkbox,
+  bs as CheckboxGroup,
+  vs as Chip,
+  ys as ColorPicker,
+  ws as ComparisonCard,
+  _s as ContactForm,
+  Ns as ContainerCard,
+  Ds as ContainerCardActions,
+  ks as ContainerCardBody,
+  Cs as ContainerCardFooter,
+  xs as ContainerCardHeader,
+  Ss as ContainerCardMedia,
+  Rs as ContainerCardSubtitle,
+  Ms as ContainerCardTitle,
+  Ts as ContainerDialog,
+  Is as ContainerDialogActions,
+  Ps as ContainerDialogBody,
+  Es as ContainerDialogHeader,
+  dn as ContainerFormSection,
+  Fs as ContainerPanel,
+  un as ContainerTable,
+  cn as ContainerToolbar,
+  As as CreditCardForm,
+  Os as DEFAULT_FOOTER_IDS,
   ie as DEFAULT_GRID_INTERACTION_PHYSICS,
-  dl as DEFAULT_MARKET_PRESETS,
-  As as DEFAULT_OVERFLOW_IDS,
-  ul as DEFAULT_PINNED,
-  at as DEFAULT_RESIZE_PHYSICS,
-  Os as DataTable,
-  Ls as DatePicker,
-  $s as DateRangePicker,
-  Bs as DestructiveModal,
-  ya as DevTuningPanel,
-  Ks as DirectionCard,
-  zs as Dismissible,
-  Ws as DistributionCard,
-  js as DonutChart,
-  kr as DragGhost,
-  yr as DropAnchorCell,
-  Gs as Dropdown,
-  Da as DualPaceBars,
-  Vs as ENTITY_FILTER_KEYS,
-  Hs as ENTITY_PROFILE_ROUTES,
-  Us as ENTITY_TYPE_PLURAL,
-  jt as EdgeHoverHandle,
-  Nr as EmptyCellPackAffordance,
-  Zs as EntityPicker,
+  ml as DEFAULT_MARKET_PRESETS,
+  Ls as DEFAULT_OVERFLOW_IDS,
+  gl as DEFAULT_PINNED,
+  rt as DEFAULT_RESIZE_PHYSICS,
+  $s as DataTable,
+  Bs as DatePicker,
+  Ks as DateRangePicker,
+  zs as DestructiveModal,
+  _a as DevTuningPanel,
+  Ws as DirectionCard,
+  js as Dismissible,
+  Gs as DistributionCard,
+  Vs as DonutChart,
+  xr as DragGhost,
+  _r as DropAnchorCell,
+  Hs as Dropdown,
+  Ca as DualPaceBars,
+  Us as ENTITY_FILTER_KEYS,
+  Zs as ENTITY_PROFILE_ROUTES,
+  Ys as ENTITY_TYPE_PLURAL,
+  Vt as EdgeHoverHandle,
+  kr as EmptyCellPackAffordance,
+  qs as EntityPicker,
   X as EntityRow,
-  Ys as EntitySearchPanel,
-  Aa as ExceptionListCard,
-  Oa as ExceptionListTilePreview,
-  qs as Expandable,
-  Qs as ExpandableChip,
-  Xs as FLIP_AND_STAGE_TIMINGS,
-  Js as FileUpload,
-  ei as FilterChip,
-  ti as FilterInput,
-  ai as FlipAndStageProvider,
-  ni as Form,
-  ri as FormDialog,
-  si as FormField,
-  ii as FusedShape,
-  ka as GapReadout,
-  oi as GestureStateProvider,
-  Gt as GhostPreview,
-  li as GroupCheckbox,
-  ci as GroupRadio,
-  $n as HARD_CLIP,
-  di as HighlightCard,
-  ui as HybridDatePicker,
-  mi as ImportWizard,
-  Va as InlineNudge,
-  gi as Input,
-  pi as InputAddon,
-  hi as InputGroup,
-  Ia as LeaderboardCard,
-  Pa as LeaderboardTilePreview,
-  Sa as LensChipGroup,
-  fi as Link,
-  bi as LoginForm,
-  ye as MagnitudeBar,
-  vi as MarketPresetRow,
-  yi as MaskPresets,
-  wi as MaskedInput,
-  _i as Menu,
-  Ni as MenuDivider,
-  Di as MenuGroup,
-  ki as MenuItem,
-  Ci as MergePrompt,
-  xi as MetricCard,
-  Si as MetricCardGrid,
-  da as MetricGroupContainer,
-  Ri as MiniCalendar,
-  Ma as MoreInLensRail,
-  Mi as MultiSelect,
-  Ti as NumberInput,
-  Ii as ObjectArrow,
-  Pi as OrderFilterBar,
-  ml as PERIOD_OPTIONS,
-  Sr as PaceCard,
-  Rr as PaceTilePreview,
-  Xt as PageChip,
-  nt as PageDropdown,
-  Fi as PasswordInput,
-  Ei as PaymentForm,
-  Ai as PaymentMethodSelect,
-  Oi as PhoneInput,
-  Li as PinToMetric,
-  Qa as PresetSwatchRow,
-  $i as ProfileCard,
-  Bi as ProgressCard,
-  Ki as QuickConfigPanel,
-  sa as RECONFIG_BACKSIDE_LABELS,
-  gl as ROLLING_OPTIONS,
-  zi as Radio,
-  Wi as RadioGroup,
-  ji as RangeSlider,
-  be as RankBadge,
-  ct as RankDelta,
-  Gi as Rating,
-  la as ReconfigBacksideButtons,
-  Ar as RefusePulse,
-  Vi as RegistrationForm,
-  vr as ResizeEnvelope,
-  Or as ResizeTrackingOutline,
-  Hi as Row1Controls,
-  Ui as Row2FilterTray,
-  Tr as STROKE_DASHED,
-  Fr as STROKE_OUTLINE,
-  Ir as STROKE_SOLID,
-  Pr as STROKE_SPARSE_DASH,
-  Zi as SearchInput,
-  _r as SectionDivider,
-  Br as SectionDots,
-  Yi as SegmentCard,
-  qi as SegmentedControl,
-  Qi as Select,
-  Xi as Selectable,
-  ve as SeverityDot,
-  Ji as SimpleMetricCard,
-  eo as SimpleSelector,
-  to as Skeleton,
-  ao as SkeletonCard,
-  no as SkeletonChart,
-  ro as SkeletonTable,
-  so as Slider,
-  Cr as SnapOutline,
-  io as Sortable,
-  sn as SortableZones,
-  oo as SparklineBg,
-  wr as SpilloverArc,
-  lo as SplitButton,
-  co as StackedGroupCard,
-  La as StackedGroupTilePreview,
-  Ra as StarterRail,
-  uo as StatusModeCard,
-  Wt as StatusSlotChipMenu,
-  mo as Stepper,
-  Ee as SwingReveal,
-  pl as TODAY_PRESET,
+  Qs as EntitySearchPanel,
+  La as ExceptionListCard,
+  $a as ExceptionListTilePreview,
+  Xs as Expandable,
+  Js as ExpandableChip,
+  ei as FLIP_AND_STAGE_TIMINGS,
+  ti as FileUpload,
+  ai as FilterChip,
+  ni as FilterInput,
+  ri as FlipAndStageProvider,
+  si as Form,
+  ii as FormDialog,
+  oi as FormField,
+  li as FusedShape,
+  xa as GapReadout,
+  ci as GestureStateProvider,
+  Ht as GhostPreview,
+  di as GroupCheckbox,
+  ui as GroupRadio,
+  Kn as HARD_CLIP,
+  mi as HighlightCard,
+  gi as HybridDatePicker,
+  pi as ImportWizard,
+  Ua as InlineNudge,
+  fi as Input,
+  hi as InputAddon,
+  bi as InputGroup,
+  Ea as LeaderboardCard,
+  Fa as LeaderboardTilePreview,
+  Ma as LensChipGroup,
+  vi as Link,
+  yi as LoginForm,
+  _e as MagnitudeBar,
+  wi as MarketPresetRow,
+  _i as MaskPresets,
+  Ni as MaskedInput,
+  Di as Menu,
+  ki as MenuDivider,
+  Ci as MenuGroup,
+  xi as MenuItem,
+  Si as MergePrompt,
+  Ri as MetricCard,
+  Mi as MetricCardGrid,
+  ma as MetricGroupContainer,
+  Ti as MiniCalendar,
+  Ia as MoreInLensRail,
+  Ii as MultiSelect,
+  Pi as NumberInput,
+  Ei as ObjectArrow,
+  Fi as OrderFilterBar,
+  pl as PERIOD_OPTIONS,
+  Mr as PaceCard,
+  Tr as PaceTilePreview,
+  ea as PageChip,
+  st as PageDropdown,
+  Ai as PasswordInput,
+  Oi as PaymentForm,
+  Li as PaymentMethodSelect,
+  $i as PhoneInput,
+  Bi as PinToMetric,
+  Ja as PresetSwatchRow,
+  Ki as ProfileCard,
+  zi as ProgressCard,
+  Wi as QuickConfigPanel,
+  oa as RECONFIG_BACKSIDE_LABELS,
+  fl as ROLLING_OPTIONS,
+  ji as Radio,
+  Gi as RadioGroup,
+  Vi as RangeSlider,
+  ye as RankBadge,
+  ut as RankDelta,
+  Hi as Rating,
+  da as ReconfigBacksideButtons,
+  Lr as RefusePulse,
+  Ui as RegistrationForm,
+  wr as ResizeEnvelope,
+  $r as ResizeTrackingOutline,
+  Zi as Row1Controls,
+  Yi as Row2FilterTray,
+  Pr as STROKE_DASHED,
+  Ar as STROKE_OUTLINE,
+  Er as STROKE_SOLID,
+  Fr as STROKE_SPARSE_DASH,
+  qi as SearchInput,
+  Dr as SectionDivider,
+  zr as SectionDots,
+  Qi as SegmentCard,
+  Xi as SegmentedControl,
+  Ji as Select,
+  eo as Selectable,
+  we as SeverityDot,
+  to as SimpleMetricCard,
+  ao as SimpleSelector,
+  no as Skeleton,
+  ro as SkeletonCard,
+  so as SkeletonChart,
+  io as SkeletonTable,
+  oo as Slider,
+  Sr as SnapOutline,
+  lo as Sortable,
+  ln as SortableZones,
+  co as SparklineBg,
+  Nr as SpilloverArc,
+  uo as SplitButton,
+  mo as StackedGroupCard,
+  Ba as StackedGroupTilePreview,
+  Ta as StarterRail,
+  go as StatusModeCard,
+  Gt as StatusSlotChipMenu,
+  po as Stepper,
+  Oe as SwingReveal,
+  hl as TODAY_PRESET,
   re as TUNING_DEFAULTS,
-  ot as TUNING_STORAGE_KEY,
-  go as TabGroup,
-  po as TabbedDataView,
-  ho as TagInput,
-  At as TargetInput,
-  fo as Textarea,
-  Za as ThresholdRamp,
-  bo as TimeFrame,
-  vo as TimePicker,
-  yo as Toggle,
-  wo as Tooltip,
-  lt as TrackingOutline,
-  _o as Transition,
-  No as TransitionGroup,
-  Do as TrendCard,
-  ko as TrendIndicator,
-  ol as UIContext,
-  Be as UIContextProvider,
-  Co as UnifiedBreakdownTable,
-  xo as UnifiedContextMenu,
-  Vt as VelocityBuffer,
-  So as addressGroupMetadata,
-  Ro as addressSchema,
-  kn as allChips,
-  jn as allStateFixtures,
-  Wn as allVariantFixtures,
-  Rn as blockSamples,
-  Mo as buildDefaultOverflow,
-  Fn as cardSamples,
-  En as cascadePhysics,
-  In as chartSamples,
-  Tn as circleSamples,
-  Bn as colorTokens,
-  ur as compactLayout,
-  er as compactState,
-  zn as computeGutterAnchorX,
-  To as contactFormMetadata,
-  Io as contactSchema,
-  tr as contextMenuFixtures,
-  Po as creditCardFormMetadata,
-  Fo as creditCardSchema,
-  $t as dateChip,
-  it as defaultControlBarState,
-  Eo as destructiveModalMetadata,
-  Ao as durations,
-  Oo as easings,
-  Zt as emptyFixture,
-  Ot as entityChip,
-  aa as entityNameActions,
-  xn as entityTabGroup,
-  Ut as errorFixture,
-  Lo as evaluateTintCondition,
-  Jn as filteredState,
-  hl as findPreset,
-  fl as formatDateRange,
-  bl as formatMarketDates,
-  vl as formatTrend,
-  yl as formatValue,
-  gr as fullLayout,
-  wl as generateMarketId,
-  $o as generateTabId,
-  _l as getAllPresets,
-  Nl as getDateRangeForPreset,
-  Bo as getMenuActions,
-  tt as getMotionMode,
-  Dl as getPresetLabel,
-  Ko as getTransitionStyle,
-  dr as gridCards,
-  Mr as gridChannels,
-  zo as interpolate,
-  kl as isInRange,
-  Cl as isMarketActive,
-  xl as isSameDay,
-  Xn as itemColumns,
-  qn as itemRows,
-  Ht as loadingFixture,
-  Wo as loginFormMetadata,
-  jo as loginSchema,
-  Bt as manufacturerChip,
-  br as manyTabs,
-  Go as mergeHandlers,
-  Vo as mergeRefs,
-  Cn as metricTabGroup,
-  hr as mixedTabs,
-  Sl as normalizePresetId,
-  ra as numericActions,
-  Qn as orderColumns,
-  na as orderIdActions,
-  Yn as orderRows,
-  pr as ordersTabs,
-  Je as paletteHex,
+  ct as TUNING_STORAGE_KEY,
+  fo as TabGroup,
+  ho as TabbedDataView,
+  bo as TagInput,
+  Lt as TargetInput,
+  vo as Textarea,
+  qa as ThresholdRamp,
+  yo as TimeFrame,
+  wo as TimePicker,
+  _o as Toggle,
+  No as Tooltip,
+  dt as TrackingOutline,
+  Do as Transition,
+  ko as TransitionGroup,
+  Co as TrendCard,
+  xo as TrendIndicator,
+  cl as UIContext,
+  ze as UIContextProvider,
+  So as UnifiedBreakdownTable,
+  Ro as UnifiedContextMenu,
+  Ut as VelocityBuffer,
+  Mo as addressGroupMetadata,
+  To as addressSchema,
+  Sn as allChips,
+  Vn as allStateFixtures,
+  Gn as allVariantFixtures,
+  In as blockSamples,
+  Io as buildDefaultOverflow,
+  On as cardSamples,
+  le as cascadePhysics,
+  Fn as chartSamples,
+  En as circleSamples,
+  zn as colorTokens,
+  gr as compactLayout,
+  ar as compactState,
+  jn as computeGutterAnchorX,
+  Po as contactFormMetadata,
+  Eo as contactSchema,
+  nr as contextMenuFixtures,
+  Fo as creditCardFormMetadata,
+  Ao as creditCardSchema,
+  Kt as dateChip,
+  lt as defaultControlBarState,
+  Oo as destructiveModalMetadata,
+  Lo as durations,
+  $o as easings,
+  qt as emptyFixture,
+  $t as entityChip,
+  ra as entityNameActions,
+  Mn as entityTabGroup,
+  Yt as errorFixture,
+  Bo as evaluateTintCondition,
+  tr as filteredState,
+  bl as findPreset,
+  vl as formatDateRange,
+  yl as formatMarketDates,
+  wl as formatTrend,
+  _l as formatValue,
+  fr as fullLayout,
+  Nl as generateMarketId,
+  Ko as generateTabId,
+  Dl as getAllPresets,
+  kl as getDateRangeForPreset,
+  zo as getMenuActions,
+  nt as getMotionMode,
+  Cl as getPresetLabel,
+  Wo as getTransitionStyle,
+  mr as gridCards,
+  Ir as gridChannels,
+  jo as interpolate,
+  xl as isInRange,
+  Sl as isMarketActive,
+  Rl as isSameDay,
+  er as itemColumns,
+  Xn as itemRows,
+  Zt as loadingFixture,
+  Go as loginFormMetadata,
+  Vo as loginSchema,
+  zt as manufacturerChip,
+  yr as manyTabs,
+  Ho as mergeHandlers,
+  Uo as mergeRefs,
+  Rn as metricTabGroup,
+  br as mixedTabs,
+  Ml as normalizePresetId,
+  ia as numericActions,
+  Jn as orderColumns,
+  sa as orderIdActions,
+  Qn as orderRows,
+  hr as ordersTabs,
+  tt as paletteHex,
   se as paletteVars,
-  Ho as parseNumericValue,
-  Uo as paymentFormMetadata,
-  Zo as paymentSchema,
-  Yo as presets,
-  On as provisional,
-  Ln as reducedMotion,
-  qo as registrationFormMetadata,
-  Qo as registrationSchema,
-  An as rejectionFeedback,
-  nr as sampleCompareRanges,
-  ir as sampleCustomMarkets,
-  ar as sampleDateRange,
-  or as sampleMarketPresetData,
-  sr as sampleMarkets,
-  cr as samplePeriodPresets,
-  rr as samplePreferences,
-  lr as samplePresets,
-  fr as singleTab,
-  Gn as sparklineFixture,
-  Vn as sparklineUpFixture,
-  Qt as staleDonutFixture,
-  Yt as staleFixture,
-  qt as staleSparklineFixture,
-  Hn as standardFixture,
-  Zn as standardFlatFixture,
-  mr as standardLayout,
-  Un as standardNegativeFixture,
-  Lt as statusChip,
-  ge as swingReveal,
-  Pn as tableSamples,
-  Mn as textSamples,
-  Sn as timeFrameTabGroup,
-  Rl as toUppercasePresetId,
-  Dr as useAffordanceVisibility,
-  Dn as useArrowNavigation,
-  Xo as useCheckboxGroupContext,
-  Kn as useEdgeHoverResize,
-  Jo as useFilterLayout,
-  el as useFlipAndStage,
-  tl as useFlipAndStageContext,
-  al as useFlipAndStageContextOptional,
-  Nn as useFocusReturn,
-  nl as useFocusTrap,
-  rl as useFormContext,
-  yt as useGestureState,
-  sl as useRadioGroupContext,
-  Lr as useResizeChoreography,
-  ga as useResizeTuning,
-  en as useSortableZones,
-  ll as useUIContext
+  Zo as parseNumericValue,
+  Yo as paymentFormMetadata,
+  qo as paymentSchema,
+  Qo as presets,
+  $n as provisional,
+  Bn as reducedMotion,
+  Xo as registrationFormMetadata,
+  Jo as registrationSchema,
+  Ln as rejectionFeedback,
+  sr as sampleCompareRanges,
+  lr as sampleCustomMarkets,
+  rr as sampleDateRange,
+  cr as sampleMarketPresetData,
+  or as sampleMarkets,
+  ur as samplePeriodPresets,
+  ir as samplePreferences,
+  dr as samplePresets,
+  vr as singleTab,
+  Hn as sparklineFixture,
+  Un as sparklineUpFixture,
+  Jt as staleDonutFixture,
+  Qt as staleFixture,
+  Xt as staleSparklineFixture,
+  Zn as standardFixture,
+  qn as standardFlatFixture,
+  pr as standardLayout,
+  Yn as standardNegativeFixture,
+  Bt as statusChip,
+  fe as swingReveal,
+  An as tableSamples,
+  Pn as textSamples,
+  Tn as timeFrameTabGroup,
+  Tl as toUppercasePresetId,
+  Cr as useAffordanceVisibility,
+  xn as useArrowNavigation,
+  el as useCheckboxGroupContext,
+  Wn as useEdgeHoverResize,
+  tl as useFilterLayout,
+  al as useFlipAndStage,
+  nl as useFlipAndStageContext,
+  rl as useFlipAndStageContextOptional,
+  Cn as useFocusReturn,
+  sl as useFocusTrap,
+  il as useFormContext,
+  _t as useGestureState,
+  ol as useRadioGroupContext,
+  Br as useResizeChoreography,
+  fa as useResizeTuning,
+  an as useSortableZones,
+  dl as useUIContext
 };