@mt-gloss/ui 0.1.66 → 0.1.68

package/index.js

@@ -1,21 +1,21 @@
-import { u as rt, C as Dt } from "./Expandable-TqBH7CTs.js";
-import { Q as Hr, V as Ur, T as Zr, U as Yr, a5 as qr, b8 as Qr, aB as Xr, aj as Jr, $ as es, ap as ts, N as as, aa as ns, bo as rs, P as ss, B as is, a as os, A as ls, K as cs, bj as ds, J as us, L as ms, E as gs, D as ps, H as fs, F as hs, by as bs, b as vs, c as ys, O as ws, q as _s, af as Ns, aP as Ds, A as ks, K as Cs, J as Ss, L as xs, E as Rs, D as Ms, H as Ts, F as Is, b1 as Es, b4 as Ps, b3 as Fs, b2 as As, b5 as Os, aE as Ls, a7 as $s, a6 as Bs, as as Ks, m as zs, o as Ws, aH as js, ad as Gs, ba as Vs, ab as Hs, bp as Us, _ as Zs, bI as Ys, bH as qs, bJ as Qs, ar as Xs, aS as Js, bc as ei, bN as ti, bw as ai, p as ni, ao as ri, bC as si, bt as ii, a2 as oi, at as li, a4 as ci, bB as di, bS as ui, G as mi, f as gi, ac as pi, bK as fi, aV as hi, t as bi, x as vi, I as yi, i as wi, ay as _i, bO as Ni, M as Di, y as ki, W as Ci, Z as Si, X as xi, Y as Ri, au as Mi, bi as Ti, bQ as Ii, bM as Ei, aq as Pi, w as Fi, bq as Ai, aU as Oi, al as Li, aM as $i, ai as Bi, an as Ki, aw as zi, aT as Wi, ae as ji, av as Gi, e as Vi, R as Hi, l as Ui, r as Zi, aJ as Yi, bz as qi, bA as Qi, ak as Xi, ag as Ji, j as eo, z as to, b9 as ao, ah as no, bP as ro, be as so, bh as io, bf as oo, bg as lo, k as co, bb as uo, bn as mo, S as go, bl as po, bm as fo, ax as ho, bd as bo, bR as vo, am as yo, v as wo, bL as _o, n as No, h as Do, s as ko, a0 as Co, a1 as So, a9 as xo, bk as Ro, bx as Mo, bE as To, aC as Io, aD as Eo, a8 as Po, aQ as Fo, aR as Ao, aF as Oo, aG as Lo, aI as $o, aX as Bo, aY as Ko, br as zo, bG as Wo, bF as jo, a_ as Go, a$ as Vo, az as Ho, aA as Uo, b7 as Zo, b6 as Yo, b0 as qo, aN as Qo, aO as Xo, aZ as Jo, aK as el, aL as tl, d as al, bD as nl, bs as rl, bu as sl, bv as il, aW as ol, a3 as ll, bT as cl, g as dl } from "./Expandable-TqBH7CTs.js";
-import { jsxs as k, jsx as r, Fragment as te } from "react/jsx-runtime";
-import * as ce from "react";
+import { u as rt, C as Dt } from "./Expandable-BujNoomx.js";
+import { Q as Vr, V as Hr, T as Ur, U as Zr, a5 as Yr, b8 as qr, aB as Qr, aj as Xr, $ as Jr, ap as es, N as ts, aa as as, bo as ns, P as rs, B as ss, a as is, A as os, K as ls, bj as cs, J as ds, L as us, E as ms, D as gs, H as ps, F as fs, by as hs, b as bs, c as vs, O as ys, q as ws, af as _s, aP as Ns, A as Ds, K as ks, J as Cs, L as Ss, E as xs, D as Rs, H as Ms, F as Ts, b1 as Is, b4 as Es, b3 as Ps, b2 as Fs, b5 as As, aE as Os, a7 as Ls, a6 as $s, as as Bs, m as Ks, o as zs, aH as Ws, ad as Gs, ba as js, ab as Vs, bp as Hs, _ as Us, bI as Zs, bH as Ys, bJ as qs, ar as Qs, aS as Xs, bc as Js, bN as ei, bw as ti, p as ai, ao as ni, bC as ri, bt as si, a2 as ii, at as oi, a4 as li, bB as ci, bS as di, G as ui, f as mi, ac as gi, bK as pi, aV as fi, t as hi, x as bi, I as vi, i as yi, ay as wi, bO as _i, M as Ni, y as Di, W as ki, Z as Ci, X as Si, Y as xi, au as Ri, bi as Mi, bQ as Ti, bM as Ii, aq as Ei, w as Pi, bq as Fi, aU as Ai, al as Oi, aM as Li, ai as $i, an as Bi, aw as Ki, aT as zi, ae as Wi, av as Gi, e as ji, R as Vi, l as Hi, r as Ui, aJ as Zi, bz as Yi, bA as qi, ak as Qi, ag as Xi, j as Ji, z as eo, b9 as to, ah as ao, bP as no, be as ro, bh as so, bf as io, bg as oo, k as lo, bb as co, bn as uo, S as mo, bl as go, bm as po, ax as fo, bd as ho, bR as bo, am as vo, v as yo, bL as wo, n as _o, h as No, s as Do, a0 as ko, a1 as Co, a9 as So, bk as xo, bx as Ro, bE as Mo, aC as To, aD as Io, a8 as Eo, aQ as Po, aR as Fo, aF as Ao, aG as Oo, aI as Lo, aX as $o, aY as Bo, br as Ko, bG as zo, bF as Wo, a_ as Go, a$ as jo, az as Vo, aA as Ho, b7 as Uo, b6 as Zo, b0 as Yo, aN as qo, aO as Qo, aZ as Xo, aK as Jo, aL as el, d as tl, bD as al, bs as nl, bu as rl, bv as sl, aW as il, a3 as ol, bT as ll, g as cl } from "./Expandable-BujNoomx.js";
+import { jsxs as k, jsx as r, Fragment as ae } from "react/jsx-runtime";
+import * as X from "react";
 import V, { useRef as E, useEffect as O, useState as $, useCallback as N, useId as kt, forwardRef as Ct, useMemo as Ne, createContext as St, useContext as xt } from "react";
-import { motion as Se, useMotionValue as Rt, animate as Ue, useDragControls as Mt } from "framer-motion";
+import { motion as De, useMotionValue as Rt, animate as Ue, useDragControls as Mt } from "framer-motion";
 import { B as Tt, a as be, b as Pe, U as ze } from "./UIContext-DP6JGCto.js";
-import { c as ml, u as gl } from "./UIContext-DP6JGCto.js";
+import { c as ul, u as ml } from "./UIContext-DP6JGCto.js";
 import { createPortal as It } from "react-dom";
 import { SPRING_RESIZE_COMMIT as Ze, useMotionProbe as Fe } from "@mt-gloss/motion";
-import { DEFAULT_MARKET_PRESETS as fl, DEFAULT_PINNED as hl, PERIOD_OPTIONS as bl, ROLLING_OPTIONS as vl, TODAY_PRESET as yl, findPreset as wl, formatDateRange as _l, formatMarketDates as Nl, formatTrend as Dl, formatValue as kl, generateMarketId as Cl, getAllPresets as Sl, getDateRangeForPreset as xl, getPresetLabel as Rl, isInRange as Ml, isMarketActive as Tl, isSameDay as Il, normalizePresetId as El, toUppercasePresetId as Pl } from "@mt-gloss/utils";
+import { DEFAULT_MARKET_PRESETS as pl, DEFAULT_PINNED as fl, PERIOD_OPTIONS as hl, ROLLING_OPTIONS as bl, TODAY_PRESET as vl, findPreset as yl, formatDateRange as wl, formatMarketDates as _l, formatTrend as Nl, formatValue as Dl, generateMarketId as kl, getAllPresets as Cl, getDateRangeForPreset as Sl, getPresetLabel as xl, isInRange as Rl, isMarketActive as Ml, isSameDay as Tl, normalizePresetId as Il, toUppercasePresetId as El } from "@mt-gloss/utils";
 import Et from "@mui/icons-material/AccessTime";
 import Pt from "@mui/icons-material/Tune";
 import Ft from "@mui/icons-material/ViewColumn";
 import At from "@mui/icons-material/AspectRatio";
 import Ot from "@mui/icons-material/Palette";
 import Lt from "@mui/icons-material/PushPin";
-function Sn(e = {}) {
+function Cn(e = {}) {
   const { enabled: t = !0, returnTo: n } = e, a = E(null);
   return O(() => {
     t && (a.current = n || document.activeElement);
@@ -25,7 +25,7 @@ function Sn(e = {}) {
     }, 0);
   }, [t]), a;
 }
-function xn(e) {
+function Sn(e) {
   const {
     items: t,
     activeIndex: n,
@@ -36,60 +36,60 @@ function xn(e) {
     isItemDisabled: l,
     onSelect: m,
     onEscape: d
-  } = e, [h, p] = $(-1), g = n !== void 0 ? n : h, u = N(
-    (f) => {
-      n === void 0 && p(f), a?.(f);
+  } = e, [h, f] = $(-1), u = n !== void 0 ? n : h, g = N(
+    (p) => {
+      n === void 0 && f(p), a?.(p);
     },
     [n, a]
-  ), w = N(() => t.map((f, b) => ({ item: f, index: b })).filter(({ item: f, index: b }) => !l?.(f, b)).map(({ index: f }) => f), [t, l]), _ = N(
-    (f, b) => {
-      const D = w();
-      if (D.length === 0) return -1;
-      const T = D.indexOf(f);
-      if (T === -1)
-        return b === 1 ? D.find((x) => x > f) ?? (i ? D[0] : -1) : [...D].reverse().find((P) => P < f) ?? (i ? D[D.length - 1] : -1);
-      let y = T + b;
-      return i ? y = (y + D.length) % D.length : y = Math.max(0, Math.min(D.length - 1, y)), D[y];
+  ), w = N(() => t.map((p, b) => ({ item: p, index: b })).filter(({ item: p, index: b }) => !l?.(p, b)).map(({ index: p }) => p), [t, l]), v = N(
+    (p, b) => {
+      const _ = w();
+      if (_.length === 0) return -1;
+      const C = _.indexOf(p);
+      if (C === -1)
+        return b === 1 ? _.find((R) => R > p) ?? (i ? _[0] : -1) : [..._].reverse().find((P) => P < p) ?? (i ? _[_.length - 1] : -1);
+      let y = C + b;
+      return i ? y = (y + _.length) % _.length : y = Math.max(0, Math.min(_.length - 1, y)), _[y];
     },
     [w, i]
   ), c = N(() => {
-    const f = w();
-    f.length > 0 && u(f[0]);
-  }, [w, u]), R = N(() => {
-    const f = w();
-    f.length > 0 && u(f[f.length - 1]);
-  }, [w, u]), I = N(() => {
-    const f = _(g, 1);
-    f !== -1 && u(f);
-  }, [g, _, u]), v = N(() => {
-    const f = _(g, -1);
-    f !== -1 && u(f);
-  }, [g, _, u]), M = N(() => {
-    u(-1);
-  }, [u]), S = N(
-    (f) => {
+    const p = w();
+    p.length > 0 && g(p[0]);
+  }, [w, g]), x = N(() => {
+    const p = w();
+    p.length > 0 && g(p[p.length - 1]);
+  }, [w, g]), I = N(() => {
+    const p = v(u, 1);
+    p !== -1 && g(p);
+  }, [u, v, g]), D = N(() => {
+    const p = v(u, -1);
+    p !== -1 && g(p);
+  }, [u, v, g]), M = N(() => {
+    g(-1);
+  }, [g]), T = N(
+    (p) => {
       if (!o) return;
-      const { key: b } = f, D = b === "ArrowUp" && (s === "vertical" || s === "both"), T = b === "ArrowDown" && (s === "vertical" || s === "both"), y = b === "ArrowLeft" && (s === "horizontal" || s === "both"), x = b === "ArrowRight" && (s === "horizontal" || s === "both");
-      if (D || y) {
-        f.preventDefault(), g === -1 ? R() : v();
+      const { key: b } = p, _ = b === "ArrowUp" && (s === "vertical" || s === "both"), C = b === "ArrowDown" && (s === "vertical" || s === "both"), y = b === "ArrowLeft" && (s === "horizontal" || s === "both"), R = b === "ArrowRight" && (s === "horizontal" || s === "both");
+      if (_ || y) {
+        p.preventDefault(), u === -1 ? x() : D();
         return;
       }
-      if (T || x) {
-        f.preventDefault(), g === -1 ? c() : I();
+      if (C || R) {
+        p.preventDefault(), u === -1 ? c() : I();
         return;
       }
       if (b === "Home") {
-        f.preventDefault(), c();
+        p.preventDefault(), c();
         return;
       }
       if (b === "End") {
-        f.preventDefault(), R();
+        p.preventDefault(), x();
         return;
       }
-      if ((b === "Enter" || b === " ") && g >= 0 && g < t.length) {
-        f.preventDefault();
-        const P = t[g];
-        l?.(P, g) || m?.(P, g);
+      if ((b === "Enter" || b === " ") && u >= 0 && u < t.length) {
+        p.preventDefault();
+        const P = t[u];
+        l?.(P, u) || m?.(P, u);
         return;
       }
       if (b === "Escape") {
@@ -100,25 +100,25 @@ function xn(e) {
     [
       o,
       s,
-      g,
+      u,
       t,
       c,
-      R,
+      x,
       I,
-      v,
+      D,
       l,
       m,
       d
     ]
   );
   return {
-    focusedIndex: g,
-    setFocusedIndex: u,
-    handleKeyDown: S,
+    focusedIndex: u,
+    setFocusedIndex: g,
+    handleKeyDown: T,
     focusFirst: c,
-    focusLast: R,
+    focusLast: x,
     focusNext: I,
-    focusPrevious: v,
+    focusPrevious: D,
     resetFocus: M
   };
 }
@@ -131,30 +131,30 @@ const $t = ({
   hint: s
 }) => {
   const [o, l] = $(n != null ? String(n) : ""), m = () => {
-    const u = parseFloat(o);
-    Number.isNaN(u) || a(u);
-  }, d = (u) => {
-    u.key === "Enter" ? (u.preventDefault(), m()) : u.key === "Escape" && (u.preventDefault(), i?.());
-  }, h = kt(), p = `gloss-target-input-field-${h}`, g = s ? `gloss-target-input-hint-${h}` : void 0;
+    const g = parseFloat(o);
+    Number.isNaN(g) || a(g);
+  }, d = (g) => {
+    g.key === "Enter" ? (g.preventDefault(), m()) : g.key === "Escape" && (g.preventDefault(), i?.());
+  }, h = kt(), f = `gloss-target-input-field-${h}`, u = 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: p, children: e }),
+    /* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: f, children: e }),
     /* @__PURE__ */ k("div", { className: "gloss-target-input__field-row", children: [
       /* @__PURE__ */ r(
         "input",
         {
-          id: p,
+          id: f,
           type: "number",
           className: "gloss-target-input__field",
           value: o,
-          onChange: (u) => l(u.target.value),
+          onChange: (g) => l(g.target.value),
           onKeyDown: d,
-          "aria-describedby": g,
+          "aria-describedby": u,
           autoFocus: !0
         }
       ),
       t && /* @__PURE__ */ r("span", { className: "gloss-target-input__unit", children: t })
     ] }),
-    s && /* @__PURE__ */ r("p", { id: g, className: "gloss-target-input__hint", children: s }),
+    s && /* @__PURE__ */ r("p", { id: u, className: "gloss-target-input__hint", children: s }),
     /* @__PURE__ */ k("div", { className: "gloss-target-input__actions", children: [
       /* @__PURE__ */ r(
         "button",
@@ -201,18 +201,18 @@ const $t = ({
   field: "manufacturer",
   value: "widget-co-456",
   onRemove: xe
-}, Rn = [
+}, xn = [
   Bt,
   Kt,
   zt,
   Wt
-], Mn = {
+], Rn = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, Tn = {
+}, Mn = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -220,7 +220,7 @@ const $t = ({
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, In = {
+}, Tn = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -228,26 +228,26 @@ const $t = ({
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, En = [
+}, 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 }
-], Pn = [
+], En = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], Fn = [
+], Pn = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], An = [
+], Fn = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], On = [
+], An = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], Ln = [
+], On = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
@@ -277,11 +277,11 @@ const $t = ({
   width: "100%",
   textAlign: "left",
   border: "none"
-}), jt = (e) => ({
+}), Gt = (e) => ({
   ...Ae(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), Gt = {
+}), jt = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
@@ -297,27 +297,27 @@ function Vt({
 }) {
   const [l, m] = $(null), d = E(null), h = N(() => {
     if (!t) return { ...Ye, top: 0, left: 0 };
-    const u = t.getBoundingClientRect();
+    const g = t.getBoundingClientRect();
     return {
       ...Ye,
-      top: u.bottom + 4,
-      left: u.left
+      top: g.bottom + 4,
+      left: g.left
     };
   }, [t]);
   if (O(() => {
     if (!e) return;
-    const u = (w) => {
+    const g = (w) => {
       w.key === "Escape" && o();
     };
-    return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
+    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
   }, [e, o]), O(() => {
     if (!e) return;
-    const u = (w) => {
+    const g = (w) => {
       d.current && !d.current.contains(w.target) && o();
     };
-    return document.addEventListener("pointerdown", u, !0), () => document.removeEventListener("pointerdown", u, !0);
+    return document.addEventListener("pointerdown", g, !0), () => document.removeEventListener("pointerdown", g, !0);
   }, [e, o]), !e) return null;
-  const p = s && s.length > 0, g = /* @__PURE__ */ k(
+  const f = s && s.length > 0, u = /* @__PURE__ */ k(
     "div",
     {
       ref: d,
@@ -330,7 +330,7 @@ function Vt({
           "button",
           {
             role: "menuitem",
-            style: jt(l === "__primary"),
+            style: Gt(l === "__primary"),
             onMouseEnter: () => m("__primary"),
             onMouseLeave: () => m(null),
             onClick: () => {
@@ -352,28 +352,28 @@ function Vt({
             children: "Show on graph"
           }
         ),
-        p && /* @__PURE__ */ r("div", { style: Gt }),
-        p && s?.map((u) => /* @__PURE__ */ r(
+        f && /* @__PURE__ */ r("div", { style: jt }),
+        f && s?.map((g) => /* @__PURE__ */ r(
           "button",
           {
             role: "menuitem",
-            style: Ae(l === u.id),
-            onMouseEnter: () => m(u.id),
+            style: Ae(l === g.id),
+            onMouseEnter: () => m(g.id),
             onMouseLeave: () => m(null),
             onClick: () => {
-              u.onSelect(n), o();
+              g.onSelect(n), o();
             },
-            children: u.label
+            children: g.label
           },
-          u.id
+          g.id
         ))
       ]
     }
   );
-  return It(g, document.body);
+  return It(u, document.body);
 }
 Vt.displayName = "StatusSlotChipMenu";
-const le = {
+const ce = {
   forwardStaggerMs: 50,
   reverseStaggerMs: 30,
   springStiffness: 380,
@@ -385,18 +385,18 @@ const le = {
   enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
   exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
   translateOffsetPx: 8
-}, $n = {
+}, Ln = {
   shiverCycles: 3,
   shiverAmplitudePx: 2,
   shiverDurationMs: 180,
   validCellOpacity: 0.6
-}, Bn = {
+}, $n = {
   materializeMs: 180,
   dematerializeMs: 140,
   easing: "cubic-bezier(0.22, 1, 0.36, 1)",
   dotStrokePx: 2,
   dividerDashGapPx: 4
-}, Kn = {
+}, Bn = {
   cascadeStaggerMs: 0,
   cascadeSpringCapMs: 120,
   swingEnterMs: 100,
@@ -405,7 +405,7 @@ const le = {
   provisionalStyle: "opacity",
   shiverMs: 200,
   shiverStyle: "color-flash"
-}, zn = !0, Wn = {
+}, Kn = !0, zn = {
   rejectionFill: "var(--gloss-rejection-fill)",
   rejectionStroke: "var(--gloss-rejection-stroke)",
   validFill: "var(--gloss-valid-fill)",
@@ -447,7 +447,7 @@ const Oe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
   );
 }, Ht = Ct(
   function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: i, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: l, edge: m = "right", ariaLabel: d = "Resize card" }, h) {
-    const { affordancesVisible: p } = rt(), g = t === "dragging" || t === "settling" || t === "handle-visible" && p, u = (c) => {
+    const { affordancesVisible: f } = rt(), u = t === "dragging" || t === "settling" || t === "handle-visible" && f, g = (c) => {
       try {
         c.currentTarget.setPointerCapture(c.pointerId);
       } catch {
@@ -459,10 +459,10 @@ const Oe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
       } catch {
       }
       a(c);
-    }, _ = (c) => {
-      !g || !o || (c.key === "ArrowRight" ? (c.preventDefault(), o("grow")) : c.key === "ArrowLeft" && (c.preventDefault(), o("shrink")));
+    }, v = (c) => {
+      !u || !o || (c.key === "ArrowRight" ? (c.preventDefault(), o("grow")) : c.key === "ArrowLeft" && (c.preventDefault(), o("shrink")));
     };
-    return /* @__PURE__ */ r(Oe, { visible: g, variant: "handle", trigger: "hover", children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(Oe, { visible: u, variant: "handle", trigger: "hover", children: /* @__PURE__ */ r(
       "button",
       {
         ref: h,
@@ -473,15 +473,15 @@ const Oe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
         className: [
           "gloss-edge-handle",
           `gloss-edge-handle--${m}`,
-          g ? "gloss-edge-handle--visible" : ""
+          u ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
-        onPointerDown: u,
+        onPointerDown: g,
         onPointerUp: w,
         onPointerEnter: i,
         onPointerLeave: s,
         onLostPointerCapture: l,
-        onKeyDown: _,
-        tabIndex: g ? 0 : -1
+        onKeyDown: v,
+        tabIndex: u ? 0 : -1
       }
     ) });
   }
@@ -495,7 +495,7 @@ function Ut({
   exitMs: i = 120
 }) {
   return /* @__PURE__ */ r(
-    Se.div,
+    De.div,
     {
       "aria-hidden": "true",
       "data-ghost-preview": e ? "visible" : "hidden",
@@ -577,7 +577,7 @@ const it = {
   // Velocity multiplier (D-03b panel)
   velocityMultiplier: 1
 };
-function jn({
+function Wn({
   currentColSpan: e,
   stackable: t,
   onResize: n,
@@ -589,92 +589,92 @@ function jn({
   graceExitMs: m = 150,
   enterMs: d = 180,
   exitMs: h = 120,
-  maxColSpan: p = 3,
-  containerRef: g,
-  forceIdle: u
+  maxColSpan: f = 3,
+  containerRef: u,
+  forceIdle: g
 }) {
-  const [w, _] = $("idle"), [c, R] = $(e), I = E(null), v = E(null), M = E(null), S = E(null), f = E(i), b = E(s), D = E(p), T = E(0), y = E("idle");
+  const [w, v] = $("idle"), [c, x] = $(e), I = E(null), D = E(null), M = E(null), T = E(null), p = E(i), b = E(s), _ = E(f), C = E(0), y = E("idle");
   O(() => {
     y.current = w;
   }, [w]);
-  const x = Rt(0), P = E(null), H = N(() => {
-    const C = P.current;
-    if (C) {
+  const R = Rt(0), P = E(null), H = N(() => {
+    const S = P.current;
+    if (S) {
       try {
-        C.stop();
+        S.stop();
       } catch {
       }
       P.current = null;
     }
   }, []), Y = N(
-    (C) => {
-      const F = f.current, A = b.current;
-      return C * F + (C - 1) * A;
+    (S) => {
+      const F = p.current, A = b.current;
+      return S * F + (S - 1) * A;
     },
     []
-  ), U = E(new Zt()), j = E(e);
+  ), U = E(new Zt()), G = E(e);
   O(() => {
-    j.current = c;
+    G.current = c;
   }, [c]);
   const B = Ne(() => ({ ...it, ...o ?? {} }), [o]), Z = N(() => {
     I.current && (clearTimeout(I.current), I.current = null);
   }, []), L = N(() => {
-    v.current && (clearTimeout(v.current), v.current = null);
-  }, []), J = N(() => {
+    D.current && (clearTimeout(D.current), D.current = null);
+  }, []), ee = 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", _("idle")));
-  }, [w, u, Z, L, J]);
+    g && (y.current === "dragging" || y.current === "settling" || y.current !== "idle" && (Z(), L(), ee(), y.current = "idle", v("idle")));
+  }, [w, g, Z, L, ee]);
   const We = N(() => {
-    L(), _((C) => C === "settling" || C !== "idle" ? C : (I.current = setTimeout(() => _("handle-visible"), l), "dwelling"));
-  }, [l, L]), je = N(() => {
+    L(), v((S) => S === "settling" || S !== "idle" ? S : (I.current = setTimeout(() => v("handle-visible"), l), "dwelling"));
+  }, [l, L]), Ge = N(() => {
     Z();
-    const C = y.current;
-    C !== "dwelling" && C !== "handle-visible" || (v.current = setTimeout(() => {
-      y.current = "idle", _("idle");
+    const S = y.current;
+    S !== "dwelling" && S !== "handle-visible" || (D.current = setTimeout(() => {
+      y.current = "idle", v("idle");
     }, m));
   }, [Z, m]), de = N(
-    (C, F, A) => {
-      const K = f.current, ee = K * B.snapInFraction, q = K * B.snapOutFraction, z = F - A, G = Math.max(
+    (S, F, A) => {
+      const K = p.current, te = K * B.snapInFraction, q = K * B.snapOutFraction, z = F - A, j = Math.max(
         A,
-        D.current ?? p
+        _.current ?? f
       );
       let W = z;
-      for (; A + W < G; ) {
-        const ae = W * K + (W < 0 ? q : ee);
-        if (C >= ae) W += 1;
+      for (; A + W < j; ) {
+        const ne = W * K + (W < 0 ? q : te);
+        if (S >= ne) W += 1;
         else break;
       }
       if (W === z)
         for (; A + W > 1; ) {
-          const ae = W * K - (W > 0 ? q : ee);
-          if (C <= ae) W -= 1;
+          const ne = W * K - (W > 0 ? q : te);
+          if (S <= ne) W -= 1;
           else break;
         }
-      return Math.min(G, Math.max(1, A + W));
+      return Math.min(j, Math.max(1, A + W));
     },
-    [B.snapInFraction, B.snapOutFraction, p]
+    [B.snapInFraction, B.snapOutFraction, f]
   ), vt = N(
-    (C) => {
+    (S) => {
       if (y.current !== "handle-visible") return;
-      H(), S.current = C.clientX, f.current = i, b.current = s, D.current = p;
+      H(), T.current = S.clientX, p.current = i, b.current = s, _.current = f;
       const F = e * i + (e - 1) * s;
-      T.current = F, U.current.clear(), U.current.push({ x: C.clientX, t: performance.now() }), x.jump(F), y.current = "dragging", _("dragging");
+      C.current = F, U.current.clear(), U.current.push({ x: S.clientX, t: performance.now() }), R.jump(F), y.current = "dragging", v("dragging");
     },
-    [i, s, p, e, x, H]
-  ), Ge = N(
-    (C) => C * f.current + (C - 1) * b.current,
+    [i, s, f, e, R, H]
+  ), je = N(
+    (S) => S * p.current + (S - 1) * b.current,
     []
-  ), oe = N(
-    (C, F) => {
-      const A = Ge(C), K = C !== e;
+  ), le = N(
+    (S, F) => {
+      const A = je(S), K = S !== e;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        x.jump(A), K && F ? n({ direction: F, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), x.jump(0), y.current = "idle", _("idle");
+        R.jump(A), K && F ? n({ direction: F, targetColSpan: S, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), R.jump(0), y.current = "idle", v("idle");
         return;
       }
       const q = U.current.getWeightedVelocity() * B.velocityMultiplier;
-      y.current = "settling", _("settling"), K && F ? n({ direction: F, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), H(), P.current = Ue(x, A, {
+      y.current = "settling", v("settling"), K && F ? n({ direction: F, targetColSpan: S, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), H(), P.current = Ue(R, A, {
         ...Ze,
         stiffness: B.stiffness,
         damping: B.damping,
@@ -685,118 +685,118 @@ function jn({
         // preserves the spring's perceptual smoothness (ghost retract)
         // while eliminating the stale-frame window.
         onComplete: () => {
-          P.current = null, x.jump(0), y.current = "idle", _("idle");
+          P.current = null, R.jump(0), y.current = "idle", v("idle");
         }
       });
     },
-    [Ge, e, t, n, a, x, B, H]
+    [je, e, t, n, a, R, B, H]
   ), yt = N(
-    (C) => {
+    (S) => {
       if (y.current !== "dragging") return;
-      const F = C.clientX - (S.current ?? C.clientX), A = f.current, ee = ((D.current ?? p) - 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 = de(z, j.current, e), W = G > e ? "grow" : G < e ? "shrink" : null;
-      oe(G, W);
+      const F = S.clientX - (T.current ?? S.clientX), A = p.current, te = ((_.current ?? f) - e) * A, q = (1 - e) * A, z = Math.max(q, Math.min(te, F));
+      U.current.push({ x: S.clientX, t: performance.now() });
+      const j = de(z, G.current, e), W = j > e ? "grow" : j < e ? "shrink" : null;
+      le(j, W);
     },
-    [de, e, p, oe]
+    [de, e, f, le]
   ), ue = N(() => {
     if (Z(), y.current === "dragging") {
-      const C = T.current;
+      const S = C.current;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        x.jump(C), a?.(), x.jump(0), y.current = "idle", _("idle");
+        R.jump(S), a?.(), R.jump(0), y.current = "idle", v("idle");
         return;
       }
       const A = U.current.getWeightedVelocity();
-      y.current = "settling", _("settling"), H(), P.current = Ue(x, C, {
+      y.current = "settling", v("settling"), H(), P.current = Ue(R, S, {
         ...Ze,
         stiffness: B.stiffness,
         damping: B.damping,
         mass: B.mass,
         velocity: A,
         onComplete: () => {
-          P.current = null, a?.(), x.jump(0), y.current = "idle", _("idle");
+          P.current = null, a?.(), R.jump(0), y.current = "idle", v("idle");
         }
       });
       return;
     }
-    y.current === "handle-visible" && (a?.(), y.current = "cancelled", _("cancelled"));
-  }, [Z, x, a, B, H]);
+    y.current === "handle-visible" && (a?.(), y.current = "cancelled", v("cancelled"));
+  }, [Z, R, a, B, H]);
   O(() => {
     if (w !== "dragging" && w !== "handle-visible") return;
-    const C = (F) => {
+    const S = (F) => {
       F.key === "Escape" && ue();
     };
-    return window.addEventListener("keydown", C), () => window.removeEventListener("keydown", C);
+    return window.addEventListener("keydown", S), () => window.removeEventListener("keydown", S);
   }, [w, ue]), O(() => {
     if (w !== "dragging") {
-      R(e);
+      x(e);
       return;
     }
-    const C = (z) => {
-      const G = z.clientX - (S.current ?? z.clientX), W = T.current, me = Y(1), ae = Y(p), De = W + G, He = Math.max(me, Math.min(ae, De));
-      x.set(He);
-      const ke = f.current, Re = (p - e) * ke, Me = (1 - e) * ke, ge = Math.max(Me, Math.min(Re, G));
+    const S = (z) => {
+      const j = z.clientX - (T.current ?? z.clientX), W = C.current, me = Y(1), ne = Y(f), ke = W + j, He = Math.max(me, Math.min(ne, ke));
+      R.set(He);
+      const Ce = p.current, Re = (f - e) * Ce, Me = (1 - e) * Ce, ge = Math.max(Me, Math.min(Re, j));
       U.current.push({ x: z.clientX, t: performance.now() });
-      const pe = de(ge, j.current, e);
-      pe !== j.current && (j.current = pe, R(pe));
-    }, F = (z, G) => {
+      const pe = de(ge, G.current, e);
+      pe !== G.current && (G.current = pe, x(pe));
+    }, F = (z, j) => {
       if (y.current === "dragging")
         if (z === "pointerup") {
-          const W = U.current.tail(), me = G?.clientX ?? W?.x ?? S.current ?? 0, ae = me - (S.current ?? me), De = f.current, ke = ((D.current ?? p) - 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 ge = de(Me, j.current, e), pe = ge > e ? "grow" : ge < e ? "shrink" : null;
-          oe(ge, pe);
+          const W = U.current.tail(), me = j?.clientX ?? W?.x ?? T.current ?? 0, ne = me - (T.current ?? me), ke = p.current, Ce = ((_.current ?? f) - e) * ke, Re = (1 - e) * ke, Me = Math.max(Re, Math.min(Ce, ne));
+          j && U.current.push({ x: j.clientX, t: performance.now() });
+          const ge = de(Me, G.current, e), pe = ge > e ? "grow" : ge < e ? "shrink" : null;
+          le(ge, pe);
         } else
           ue();
-    }, A = (z) => F("pointerup", z), K = (z) => F("pointercancel", z), ee = () => F("blur"), q = () => {
+    }, A = (z) => F("pointerup", z), K = (z) => F("pointercancel", z), te = () => 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);
+    return window.addEventListener("pointermove", S), window.addEventListener("pointerup", A), window.addEventListener("pointercancel", K), window.addEventListener("blur", te), document.addEventListener("visibilitychange", q), () => {
+      window.removeEventListener("pointermove", S), window.removeEventListener("pointerup", A), window.removeEventListener("pointercancel", K), window.removeEventListener("blur", te), document.removeEventListener("visibilitychange", q);
     };
-  }, [w, e, x, de, p, Y, ue, oe]), O(() => () => {
-    Z(), L(), J();
-  }, [Z, L, J]), O(() => {
+  }, [w, e, R, de, f, Y, ue, le]), O(() => () => {
+    Z(), L(), ee();
+  }, [Z, L, ee]), O(() => {
     if (w !== "cancelled") return;
-    const C = setTimeout(() => _("idle"), h);
-    return () => clearTimeout(C);
+    const S = setTimeout(() => v("idle"), h);
+    return () => clearTimeout(S);
   }, [w, h]);
   const wt = N(
-    (C) => {
+    (S) => {
       if (y.current === "settling") return;
-      const A = Math.min(p, Math.max(1, e + (C === "grow" ? 1 : -1)));
+      const A = Math.min(f, Math.max(1, e + (S === "grow" ? 1 : -1)));
       if (A === e) return;
-      f.current = i, b.current = s, D.current = p, U.current.clear();
+      p.current = i, b.current = s, _.current = f, U.current.clear();
       const K = e * i + (e - 1) * s;
-      T.current = K, x.jump(K), oe(A, C);
+      C.current = K, R.jump(K), le(A, S);
     },
-    [e, i, s, p, x, oe]
+    [e, i, s, f, R, le]
   ), Ve = N(() => {
-    J(), M.current = setTimeout(() => {
-      y.current === "handle-visible" && (y.current = "idle", _("idle"));
+    ee(), M.current = setTimeout(() => {
+      y.current === "handle-visible" && (y.current = "idle", v("idle"));
     }, 5e3);
-  }, [J]), _t = N(() => {
-    y.current === "idle" && (Z(), y.current = "handle-visible", _("handle-visible"), Ve());
+  }, [ee]), _t = N(() => {
+    y.current === "idle" && (Z(), y.current = "handle-visible", v("handle-visible"), Ve());
   }, [Z, Ve]), Nt = N(() => {
-    J(), y.current === "handle-visible" && (y.current = "idle", _("idle"));
-  }, [J]);
+    ee(), y.current === "handle-visible" && (y.current = "idle", v("idle"));
+  }, [ee]);
   return {
     state: w,
     enterEdgeZone: We,
-    leaveEdgeZone: je,
+    leaveEdgeZone: Ge,
     handleProps: {
       onPointerDown: vt,
       onPointerUp: yt,
       // Bug E: handle continues zone presence so pointer crossing sentinel→handle
       // doesn't collapse state. handle's pointerenter = stay in zone.
       onPointerEnter: We,
-      onPointerLeave: je
+      onPointerLeave: Ge
     },
     previewColSpan: c,
     ghostProps: {
       visible: w === "dragging" || w === "settling",
       targetColSpan: c,
-      ghostWidth: x,
+      ghostWidth: R,
       enterMs: d,
       exitMs: h
     },
@@ -806,7 +806,7 @@ function jn({
     cancel: ue
   };
 }
-const ie = {
+const oe = {
   // Cascade (D-08, D-10)
   staggerMs: 50,
   reverseStaggerMs: 30,
@@ -838,7 +838,7 @@ function Gn(e) {
   const s = (a + 0.5) * (t / n);
   return i != null && Number.isFinite(i) && i > 0 ? s - i / 2 : s;
 }
-const Vn = [
+const jn = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -1015,14 +1015,14 @@ const Vn = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, Hn = [
+}, Vn = [
   Yt,
   qt,
   Qt,
   Xt,
   Jt,
   ea
-], Un = {
+], Hn = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -1045,7 +1045,7 @@ const Vn = [
     59
   ],
   accentColor: "#6366f1"
-}, Zn = {
+}, Un = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -1084,21 +1084,21 @@ const Vn = [
     19
   ],
   accentColor: "#10b981"
-}, Yn = {
+}, Zn = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, qn = {
+}, Yn = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, Qn = {
+}, qn = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -1117,18 +1117,18 @@ function ot({
   onManagePages: l
 }) {
   const m = N(
-    (g) => {
-      s(g), t();
+    (u) => {
+      s(u), t();
     },
     [s, t]
   ), d = N(
-    (g, u) => {
-      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), m(g));
+    (u, g) => {
+      (g.key === "Enter" || g.key === " ") && (g.preventDefault(), m(u));
     },
     [m]
   ), h = N(() => {
     o(), t();
-  }, [o, t]), p = N(() => {
+  }, [o, t]), f = N(() => {
     l(), t();
   }, [l, t]);
   return /* @__PURE__ */ k(
@@ -1145,36 +1145,36 @@ function ot({
       anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((g) => {
-          const u = g.id === i;
+        /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
+          const g = u.id === i;
           return /* @__PURE__ */ k(
             "li",
             {
               role: "menuitemradio",
-              "aria-checked": u,
-              "aria-current": u ? "page" : void 0,
+              "aria-checked": g,
+              "aria-current": g ? "page" : void 0,
               tabIndex: 0,
-              className: `gloss-page-dropdown__item${u ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => m(g.id),
-              onKeyDown: (w) => d(g.id, w),
+              className: `gloss-page-dropdown__item${g ? " gloss-page-dropdown__item--active" : ""}`,
+              onClick: () => m(u.id),
+              onKeyDown: (w) => d(u.id, w),
               children: [
                 /* @__PURE__ */ r(
                   "span",
                   {
-                    className: `gloss-page-dropdown__dot${u ? " gloss-page-dropdown__dot--active" : ""}`
+                    className: `gloss-page-dropdown__dot${g ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
                 /* @__PURE__ */ r(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${g.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: g.name
+                    className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: u.name
                   }
                 ),
-                /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children: g.cardCount })
+                /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
               ]
             },
-            g.id
+            u.id
           );
         }) }),
         /* @__PURE__ */ r("hr", { className: "gloss-page-dropdown__separator" }),
@@ -1193,7 +1193,7 @@ function ot({
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
-            onClick: p,
+            onClick: f,
             children: "Manage pages"
           }
         )
@@ -1213,11 +1213,11 @@ const ta = function({
   displayMode: m = "count",
   activePage: d
 }) {
-  const h = E(null), [p, g] = $(!1), u = N(() => {
-    g((R) => !R);
+  const h = E(null), [f, u] = $(!1), g = N(() => {
+    u((x) => !x);
   }, []), w = N(() => {
-    g(!1);
-  }, []), _ = a[t]?.id ?? "";
+    u(!1);
+  }, []), v = a[t]?.id ?? "";
   return /* @__PURE__ */ k(
     "div",
     {
@@ -1238,13 +1238,13 @@ const ta = function({
           {
             className: `gloss-page-chip__trigger${m === "name" ? " gloss-page-chip__trigger--name" : ""}`,
             "aria-haspopup": "menu",
-            "aria-expanded": p,
+            "aria-expanded": f,
             "aria-label": m === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
-            onClick: u,
-            children: m === "name" ? /* @__PURE__ */ k(te, { children: [
+            onClick: g,
+            children: m === "name" ? /* @__PURE__ */ k(ae, { 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__ */ k(te, { children: [
+            ] }) : /* @__PURE__ */ k(ae, { children: [
               t + 1,
               " / ",
               n
@@ -1254,11 +1254,11 @@ const ta = function({
         /* @__PURE__ */ r(
           ot,
           {
-            open: p,
+            open: f,
             onDismiss: w,
             anchorRef: h,
             pages: a,
-            activePageId: _,
+            activePageId: v,
             onPageChange: i,
             onCreatePage: s,
             onManagePages: o
@@ -1269,7 +1269,7 @@ const ta = function({
   );
 };
 ta.displayName = "PageChip";
-const Xn = [
+const Qn = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -1402,7 +1402,7 @@ const Xn = [
     date: "2026-03-01",
     skuCount: 9
   }
-], Jn = [
+], Xn = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1545,7 +1545,7 @@ function lt(e) {
 function ct(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), er = [
+const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Jn = [
   {
     field: "id",
     headerName: "Order",
@@ -1597,7 +1597,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellClassName: "gloss-tabular-nums",
     renderCell: ({ row: e }) => e.date ? ct(e.date) : ""
   }
-], tr = [
+], er = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1693,7 +1693,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
   userType: "sales-agency",
   entityFilterOptions: aa,
   itemFilterOptions: na
-}, ar = {
+}, tr = {
   ...dt,
   vizState: {
     type: "items",
@@ -1702,7 +1702,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, nr = {
+}, ar = {
   ...dt,
   vizState: {
     type: "orders",
@@ -1818,14 +1818,14 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], rr = {
+], nr = {
   entityName: sa,
   orderId: ia,
   numeric: oa
-}, sr = [
+}, rr = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], ir = {
+], sr = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1838,7 +1838,7 @@ const ve = 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)
   ]
-}, or = {
+}, ir = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1846,7 +1846,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, lr = [
+}, or = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1868,7 +1868,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], cr = [
+], lr = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1885,7 +1885,7 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], dr = [
+], cr = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1902,12 +1902,12 @@ const ve = V.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], ur = [
+], dr = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], mr = [
+], ur = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
@@ -1949,33 +1949,33 @@ const ua = ({
 }) => {
   const s = E(null), o = E([]), l = da(), m = Ne(() => Array.from(e), [e]);
   if (m.length === 0) return null;
-  const d = a ? `Configure ${a}: choose a dimension` : void 0, h = l ? "10ms" : "200ms", p = (g, u) => {
-    const w = m.length - 1, _ = (c) => {
-      const R = o.current[c];
-      R && R.focus();
+  const d = a ? `Configure ${a}: choose a dimension` : void 0, h = l ? "10ms" : "200ms", f = (u, g) => {
+    const w = m.length - 1, v = (c) => {
+      const x = o.current[c];
+      x && x.focus();
     };
-    switch (g.key) {
+    switch (u.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        g.preventDefault(), _(u === w ? 0 : u + 1);
+        u.preventDefault(), v(g === w ? 0 : g + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        g.preventDefault(), _(u === 0 ? w : u - 1);
+        u.preventDefault(), v(g === 0 ? w : g - 1);
         break;
       }
       case "Home": {
-        g.preventDefault(), _(0);
+        u.preventDefault(), v(0);
         break;
       }
       case "End": {
-        g.preventDefault(), _(w);
+        u.preventDefault(), v(w);
         break;
       }
       case "Enter":
       case " ": {
-        g.preventDefault(), t(m[u]);
+        u.preventDefault(), t(m[g]);
         break;
       }
     }
@@ -1993,23 +1993,23 @@ const ua = ({
         // query in the JS. Also surfaces the value for the unit test.
         "--gloss-reconfig-backside-buttons-transition-duration": h
       },
-      children: m.map((g, u) => {
-        const w = ca[g], _ = n === g;
+      children: m.map((u, g) => {
+        const w = ca[u], v = n === u;
         return /* @__PURE__ */ k(
           "button",
           {
             ref: (c) => {
-              o.current[u] = c;
+              o.current[g] = c;
             },
             type: "button",
-            "data-dimension": g,
+            "data-dimension": u,
             className: Qe(
               "gloss-reconfig-backside-buttons__button",
-              _ && "gloss-reconfig-backside-buttons__button--active"
+              v && "gloss-reconfig-backside-buttons__button--active"
             ),
-            "aria-current": _ ? "true" : void 0,
-            onClick: () => t(g),
-            onKeyDown: (c) => p(c, u),
+            "aria-current": v ? "true" : void 0,
+            onClick: () => t(u),
+            onKeyDown: (c) => f(c, g),
             children: [
               /* @__PURE__ */ r(
                 w,
@@ -2018,10 +2018,10 @@ const ua = ({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: la[g] })
+              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: la[u] })
             ]
           },
-          g
+          u
         );
       })
     }
@@ -2054,7 +2054,7 @@ function Xe(e, t) {
     colSpan: 2
   };
 }
-const gr = [
+const mr = [
   Q("total-revenue", "Total Revenue"),
   Q("total-orders", "Total Orders"),
   Xe("revenue-trend", "Revenue Trend (2x)"),
@@ -2065,21 +2065,21 @@ const gr = [
   Q("repeat-rate", "Repeat Rate"),
   Q("open-orders", "Open Orders"),
   Q("shipped-orders", "Shipped Orders")
-], pr = {
+], gr = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, fr = {
+}, pr = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, hr = {
+}, fr = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -2090,7 +2090,7 @@ const gr = [
 function Ie(e) {
   return V.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const br = [
+const hr = [
   {
     id: "all-orders",
     type: "orders",
@@ -2113,7 +2113,7 @@ const br = [
     icon: Ie("🚚"),
     closable: !0
   }
-], vr = [
+], br = [
   {
     id: "orders-main",
     type: "orders",
@@ -2139,7 +2139,7 @@ const br = [
     name: "Customers",
     closable: !0
   }
-], yr = [
+], vr = [
   {
     id: "only-tab",
     type: "orders",
@@ -2147,7 +2147,7 @@ const br = [
     closable: !1,
     autoCreated: !0
   }
-], wr = [
+], 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 },
@@ -2275,16 +2275,16 @@ const ut = "resize.tuning.dev", pa = {
   ...it,
   snapInPx: 60,
   snapOutPx: 90
-}, re = pa;
+}, se = pa;
 function fa() {
-  if (typeof window > "u") return { ...re };
+  if (typeof window > "u") return { ...se };
   try {
     const e = window.localStorage.getItem(ut);
-    if (!e) return { ...re };
+    if (!e) return { ...se };
     const t = JSON.parse(e);
-    return !t || typeof t != "object" || Array.isArray(t) ? { ...re } : { ...re, ...t };
+    return !t || typeof t != "object" || Array.isArray(t) ? { ...se } : { ...se, ...t };
   } catch {
-    return { ...re };
+    return { ...se };
   }
 }
 function ha() {
@@ -2303,11 +2303,11 @@ function ha() {
     []
   ), a = N(
     (s) => {
-      t((o) => ({ ...o, [s]: re[s] }));
+      t((o) => ({ ...o, [s]: se[s] }));
     },
     []
   ), i = N(() => {
-    t({ ...re });
+    t({ ...se });
   }, []);
   return { values: e, setValue: n, resetRow: a, resetAll: i };
 }
@@ -2405,18 +2405,18 @@ function Na(e = {}) {
 }
 Na.displayName = "DevTuningPanel";
 function Da() {
-  const e = ha(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = $(null), l = E(null), m = N((g) => {
-    l.current && clearTimeout(l.current), o(g), l.current = setTimeout(() => {
+  const e = ha(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = $(null), l = E(null), m = N((u) => {
+    l.current && clearTimeout(l.current), o(u), l.current = setTimeout(() => {
       o(null), l.current = null;
     }, 200);
   }, []), d = N(
-    (g, u) => {
-      n(g, u), g === "snapInPx" && u > t.snapOutPx && (n("snapOutPx", u), m("snapOutPx"));
+    (u, g) => {
+      n(u, g), u === "snapInPx" && g > t.snapOutPx && (n("snapOutPx", g), m("snapOutPx"));
     },
     [n, t.snapOutPx, m]
-  ), h = Ne(() => ba, []), p = Mt();
+  ), h = Ne(() => ba, []), f = Mt();
   return /* @__PURE__ */ k(
-    Se.div,
+    De.div,
     {
       className: "gloss-dev-tuning-panel",
       role: "region",
@@ -2424,30 +2424,30 @@ function Da() {
       "data-testid": "gloss-dev-tuning-panel",
       drag: !0,
       dragListener: !1,
-      dragControls: p,
+      dragControls: f,
       dragMomentum: !1,
       children: [
         /* @__PURE__ */ k(
           "div",
           {
             className: "gloss-dev-tuning-panel__header",
-            onPointerDown: (g) => p.start(g),
+            onPointerDown: (u) => f.start(u),
             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: h.map((g) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: h.map((u) => /* @__PURE__ */ r(
           wa,
           {
-            spec: g,
-            value: t[g.key],
-            onChange: (u) => d(g.key, u),
-            onReset: () => a(g.key),
-            flashing: s === g.key
+            spec: u,
+            value: t[u.key],
+            onChange: (g) => d(u.key, g),
+            onReset: () => a(u.key),
+            flashing: s === u.key
           },
-          g.key
+          u.key
         )) }),
         /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ r(
           "button",
@@ -2462,7 +2462,7 @@ function Da() {
     }
   );
 }
-function _r({
+function wr({
   state: e,
   originX: t,
   originY: n,
@@ -2472,30 +2472,30 @@ function _r({
   snapBoundariesX: o,
   topY: l,
   bottomY: m,
-  enterMs: d = ie.envelopeEnterMs,
-  exitMs: h = ie.envelopeExitMs,
-  className: p,
-  style: g
+  enterMs: d = oe.envelopeEnterMs,
+  exitMs: h = oe.envelopeExitMs,
+  className: f,
+  style: u
 }) {
   if (e === "hidden") return null;
-  const u = Math.max(0, i - a), w = Math.max(0, m - l), _ = {
+  const g = Math.max(0, i - a), w = Math.max(0, m - l), v = {
     "--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,
+    width: g,
     height: w,
-    ...g
+    ...u
   };
   return /* @__PURE__ */ k(
     "div",
     {
-      className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, p].filter(Boolean).join(" "),
+      className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, f].filter(Boolean).join(" "),
       "data-state": e,
       "data-testid": "gloss-resize-envelope",
-      style: _,
+      style: v,
       "aria-hidden": "true",
       children: [
         /* @__PURE__ */ r(
@@ -2519,7 +2519,7 @@ function _r({
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
             "data-edge": "right",
-            style: { left: u - 1 }
+            style: { left: g - 1 }
           }
         ),
         o.filter((c) => c > s && c < i).map((c) => /* @__PURE__ */ r(
@@ -2535,7 +2535,7 @@ function _r({
     }
   );
 }
-function Nr({
+function _r({
   density: e,
   canAccept: t,
   blocked: n = !1,
@@ -2572,10 +2572,10 @@ function ka(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 Dr({
+function Nr({
   segments: e,
-  durationMs: t = ie.spilloverArcDurationMs,
-  staggerMs: n = ie.spilloverStaggerMs,
+  durationMs: t = oe.spilloverArcDurationMs,
+  staggerMs: n = oe.spilloverStaggerMs,
   className: a,
   style: i
 }) {
@@ -2603,12 +2603,12 @@ function Dr({
     }
   );
 }
-function kr({
+function Dr({
   state: e,
   staggerIndex: t = 0,
-  fadeInMs: n = ie.sectionDividerFadeInMs,
-  fadeOutMs: a = ie.sectionDividerFadeOutMs,
-  staggerMs: i = ie.sectionDividerStaggerMs,
+  fadeInMs: n = oe.sectionDividerFadeInMs,
+  fadeOutMs: a = oe.sectionDividerFadeOutMs,
+  staggerMs: i = oe.sectionDividerStaggerMs,
   variant: s = "dashed",
   className: o,
   style: l,
@@ -2637,7 +2637,7 @@ function kr({
     }
   );
 }
-function Cr({
+function kr({
   enabled: e,
   onCollapse: t,
   onAdd: n,
@@ -2648,9 +2648,9 @@ function Cr({
   onPack: l,
   ariaLabel: m
 }) {
-  const d = a ?? "Add card to this cell", h = i ?? m ?? "Pack row — shift cards left", p = t ?? l, { affordancesVisible: g } = rt();
-  return /* @__PURE__ */ k(ce.Fragment, { children: [
-    /* @__PURE__ */ r(Oe, { visible: g, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
+  const d = a ?? "Add card to this cell", h = i ?? m ?? "Pack row — shift cards left", f = t ?? l, { affordancesVisible: u } = rt();
+  return /* @__PURE__ */ k(X.Fragment, { children: [
+    /* @__PURE__ */ r(Oe, { visible: u, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -2662,13 +2662,13 @@ function Cr({
           s
         ].filter(Boolean).join(" "),
         style: o,
-        onClick: (u) => {
-          u.stopPropagation(), n?.();
+        onClick: (g) => {
+          g.stopPropagation(), n?.();
         },
         children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "+" })
       }
     ) }),
-    /* @__PURE__ */ r(Oe, { visible: e && g, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(Oe, { visible: e && u, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -2676,15 +2676,15 @@ function Cr({
         "aria-label": h,
         className: ["gloss-empty-cell-pack-affordance", s].filter(Boolean).join(" "),
         style: o,
-        onClick: (u) => {
-          u.stopPropagation(), p?.();
+        onClick: (g) => {
+          g.stopPropagation(), f?.();
         },
         children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
       }
     ) })
   ] });
 }
-function Sr({
+function Cr({
   tint: e,
   colSpan: t,
   colWidth: n,
@@ -2695,26 +2695,26 @@ function Sr({
   children: l,
   className: m
 }) {
-  const d = t * n + (t - 1) * i, h = ce.useRef(null);
+  const d = t * n + (t - 1) * i, h = X.useRef(null);
   return Fe("drag-ghost", () => {
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
-    const p = h.current?.getBoundingClientRect() ?? null;
+    const f = h.current?.getBoundingClientRect() ?? null;
     return {
       values: {
         x: s.get(),
         y: o.get(),
-        bounds_x: p?.x ?? 0,
-        bounds_y: p?.y ?? 0,
-        bounds_w: p?.width ?? 0,
-        bounds_h: p?.height ?? 0,
-        visible: p ? 1 : 0
+        bounds_x: f?.x ?? 0,
+        bounds_y: f?.y ?? 0,
+        bounds_w: f?.width ?? 0,
+        bounds_h: f?.height ?? 0,
+        visible: f ? 1 : 0
       },
       spec: {
         tint: e,
         colSpan: t,
-        springStiffness: le.springStiffness,
-        springDamping: le.springDamping
+        springStiffness: ce.springStiffness,
+        springDamping: ce.springDamping
       },
       state: "active",
       t: performance.now()
@@ -2722,15 +2722,15 @@ function Sr({
   }), Fe("commit-ghost-singleton", () => {
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
-    const p = h.current;
-    let g = 0, u = "", w = "", _ = "";
-    if (p)
+    const f = h.current;
+    let u = 0, g = "", w = "", v = "";
+    if (f)
       try {
-        const I = window.getComputedStyle(p), v = I.outline || "", M = I.border || "", S = I.boxShadow || "", f = !!v && v !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(v), b = !!M && M !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(M), D = !!S && S !== "none";
-        g = f || b || D ? 1 : 0, u = f ? v : "", w = b ? M : "", _ = D ? S : "";
+        const I = window.getComputedStyle(f), D = I.outline || "", M = I.border || "", T = I.boxShadow || "", p = !!D && D !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(D), b = !!M && M !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(M), _ = !!T && T !== "none";
+        u = p || b || _ ? 1 : 0, g = p ? D : "", w = b ? M : "", v = _ ? T : "";
       } catch {
       }
-    const c = p?.getBoundingClientRect() ?? null, R = p ? "drag-clone" : "subsumed-by-tracking-outline";
+    const c = f?.getBoundingClientRect() ?? null, x = f ? "drag-clone" : "subsumed-by-tracking-outline";
     return {
       values: {
         x: s.get(),
@@ -2739,25 +2739,25 @@ function Sr({
         bounds_y: c?.y ?? 0,
         bounds_w: c?.width ?? 0,
         bounds_h: c?.height ?? 0,
-        visible: p ? 1 : 0,
-        outlineOnClone: g
+        visible: f ? 1 : 0,
+        outlineOnClone: u
       },
       spec: {
-        mode: R,
+        mode: x,
         tint: e,
-        outlineSrc: u,
+        outlineSrc: g,
         borderSrc: w,
-        boxShadowSrc: _
+        boxShadowSrc: v
         // 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: p ? "active" : "idle",
+      state: f ? "active" : "idle",
       t: performance.now()
     };
   }), /* @__PURE__ */ r(
-    Se.div,
+    De.div,
     {
       ref: h,
       "data-testid": "gloss-drag-ghost",
@@ -2783,55 +2783,70 @@ function mt({
   rowHeight: s,
   pattern: o = "solid",
   transitionMs: l = 120,
-  className: m
+  className: m,
+  motionWidth: d
 }) {
-  const d = n * a + (n - 1) * i, p = (t.section * Ca + t.col) * (a + i), g = t.row * (s + i), u = e === "resize" ? 2.5 : 2, w = o === "dashed-retreated" ? "dashed" : "solid", _ = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline";
-  return /* @__PURE__ */ r(
-    "div",
+  const h = n * a + (n - 1) * i, u = (t.section * Ca + t.col) * (a + i), g = t.row * (s + i), w = e === "resize" ? 2.5 : 2, v = o === "dashed-retreated" ? "dashed" : "solid", c = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline", x = {
+    className: [
+      "gloss-tracking-outline",
+      `gloss-tracking-outline--${e}`,
+      `gloss-tracking-outline--${o}`,
+      // 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,
+      m
+    ].filter(Boolean).join(" "),
+    "data-testid": c,
+    "data-tracking-outline": "",
+    "data-gesture": e,
+    "data-pattern": o,
+    "aria-hidden": "true"
+  };
+  return d ? /* @__PURE__ */ r(
+    De.div,
     {
-      className: [
-        "gloss-tracking-outline",
-        `gloss-tracking-outline--${e}`,
-        `gloss-tracking-outline--${o}`,
-        // 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,
-        m
-      ].filter(Boolean).join(" "),
-      "data-testid": _,
-      "data-tracking-outline": "",
-      "data-gesture": e,
-      "data-pattern": o,
-      "aria-hidden": "true",
+      ...x,
       style: {
-        transform: `translate(${p}px, ${g}px)`,
+        transform: `translate(${u}px, ${g}px)`,
         width: d,
         height: s,
-        borderWidth: u,
-        borderStyle: w,
+        borderWidth: w,
+        borderStyle: v
+      }
+    }
+  ) : /* @__PURE__ */ r(
+    "div",
+    {
+      ...x,
+      style: {
+        transform: `translate(${u}px, ${g}px)`,
+        width: h,
+        height: s,
+        borderWidth: w,
+        borderStyle: v,
         transition: `transform ${l}ms cubic-bezier(0.4, 0, 0.2, 1)`
       }
     }
   );
 }
-function xr(e) {
+function Sr(e) {
   return /* @__PURE__ */ r(mt, { gesture: "drag", pattern: "solid", ...e });
 }
-function Rr({
+function xr({
   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), s = ce.useRef(e);
+  const i = process.env.NODE_ENV !== "production" && (a || typeof window < "u" && window.__GLOSS_CASCADE_PREVIEW_DEBUG__ === !0), s = X.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, m = 0, d = 0, h = 0;
-    for (const p of o) {
-      const g = p.x.get(), u = p.y.get();
-      Math.abs(g) > Math.abs(d) && (d = g, l = g), Math.abs(u) > Math.abs(h) && (h = u, m = u);
+    for (const f of o) {
+      const u = f.x.get(), g = f.y.get();
+      Math.abs(u) > Math.abs(d) && (d = u, l = u), Math.abs(g) > Math.abs(h) && (h = g, m = g);
     }
     return {
       values: {
@@ -2841,16 +2856,16 @@ function Rr({
         visible: o.length > 0 ? 1 : 0
       },
       spec: {
-        forwardStaggerMs: le.forwardStaggerMs,
-        reverseStaggerMs: le.reverseStaggerMs,
-        springStiffness: le.springStiffness,
-        springDamping: le.springDamping
+        forwardStaggerMs: ce.forwardStaggerMs,
+        reverseStaggerMs: ce.reverseStaggerMs,
+        springStiffness: ce.springStiffness,
+        springDamping: ce.springDamping
       },
       state: o.length > 0 ? "active" : "idle",
       t: performance.now()
     };
-  }), e.length === 0 ? null : /* @__PURE__ */ r(te, { children: e.map((o) => /* @__PURE__ */ r(
-    Se.div,
+  }), e.length === 0 ? null : /* @__PURE__ */ r(ae, { children: e.map((o) => /* @__PURE__ */ r(
+    De.div,
     {
       "data-card-id": o.cardId,
       "data-testid": "gloss-cascade-preview-item",
@@ -2963,7 +2978,7 @@ const Sa = ({
       children: "Set target"
     }
   )
-] }), Mr = (e) => {
+] }), Rr = (e) => {
   const [t, n] = $(!1), a = e.target?.value, i = a !== void 0, s = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ r(
     $t,
     {
@@ -2990,7 +3005,7 @@ const Sa = ({
       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__ */ k(te, { children: [
+        /* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ k(ae, { children: [
           /* @__PURE__ */ r(
             Sa,
             {
@@ -3010,7 +3025,7 @@ const Sa = ({
       ] })
     }
   );
-}, Tr = () => /* @__PURE__ */ k("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
+}, Mr = () => /* @__PURE__ */ k("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
   /* @__PURE__ */ r(
     "div",
     {
@@ -3126,7 +3141,7 @@ function Ea({ heading: e, children: t, emptyStateLabel: n }) {
   ] });
 }
 Ea.displayName = "MoreInLensRail";
-function X({
+function J({
   lead: e,
   name: t,
   secondary: n,
@@ -3142,7 +3157,7 @@ function X({
     `gloss-entity-row--${s}`,
     o ? "gloss-entity-row--clickable" : "",
     l ?? ""
-  ].filter(Boolean).join(" "), h = /* @__PURE__ */ k(te, { children: [
+  ].filter(Boolean).join(" "), h = /* @__PURE__ */ k(ae, { 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 }),
@@ -3161,14 +3176,14 @@ function X({
         gap: 4,
         cursor: "pointer"
       },
-      onClick: (p) => {
-        p.stopPropagation(), o();
+      onClick: (f) => {
+        f.stopPropagation(), o();
       },
       children: h
     }
   ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: d, style: m, children: h });
 }
-X.displayName = "EntityRow";
+J.displayName = "EntityRow";
 const ye = ({ rank: e }) => {
   const t = e === 1 ? "first" : "other";
   return /* @__PURE__ */ r(
@@ -3249,7 +3264,7 @@ function Fa({
   isStale: i
 }) {
   const s = n ?? 3;
-  return /* @__PURE__ */ k(te, { children: [
+  return /* @__PURE__ */ k(ae, { children: [
     /* @__PURE__ */ r(
       be,
       {
@@ -3264,7 +3279,7 @@ function Fa({
         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,
+          J,
           {
             lead: /* @__PURE__ */ r(ye, { rank: l + 1 }),
             name: o.name,
@@ -3305,9 +3320,9 @@ const Aa = () => /* @__PURE__ */ k(
     "aria-hidden": "true",
     style: { transform: "scale(0.6)", transformOrigin: "top left" },
     children: [
-      /* @__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%" })
+      /* @__PURE__ */ r(J, { lead: /* @__PURE__ */ r(ye, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ r(_e, { fill: 96 }), value: "98%" }),
+      /* @__PURE__ */ r(J, { lead: /* @__PURE__ */ r(ye, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ r(_e, { fill: 72 }), value: "85%" }),
+      /* @__PURE__ */ r(J, { lead: /* @__PURE__ */ r(ye, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ r(_e, { fill: 48 }), value: "71%" })
     ]
   }
 );
@@ -3340,7 +3355,7 @@ function $a({
   isStale: o
 }) {
   const l = t.filter((d) => La(d, n)), m = l.slice(0, a ?? 3);
-  return l.length === 0 ? /* @__PURE__ */ k(te, { children: [
+  return l.length === 0 ? /* @__PURE__ */ k(ae, { children: [
     /* @__PURE__ */ r(
       be,
       {
@@ -3351,7 +3366,7 @@ function $a({
     ),
     /* @__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__ */ k(te, { children: [
+  ] }) : /* @__PURE__ */ k(ae, { children: [
     /* @__PURE__ */ r(
       be,
       {
@@ -3366,7 +3381,7 @@ function $a({
         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: m.map((d, h) => /* @__PURE__ */ r(
-          X,
+          J,
           {
             lead: /* @__PURE__ */ r(we, { severity: d.severity, "aria-label": Oa(d.severity) }),
             name: d.name,
@@ -3390,7 +3405,7 @@ const Ba = () => /* @__PURE__ */ k(
     style: { transform: "scale(0.6)", transformOrigin: "top left" },
     children: [
       /* @__PURE__ */ r(
-        X,
+        J,
         {
           lead: /* @__PURE__ */ r(we, { severity: "critical", "aria-label": "Critical severity" }),
           name: "SKU A",
@@ -3398,7 +3413,7 @@ const Ba = () => /* @__PURE__ */ k(
         }
       ),
       /* @__PURE__ */ r(
-        X,
+        J,
         {
           lead: /* @__PURE__ */ r(we, { severity: "warn", "aria-label": "Warning severity" }),
           name: "SKU B",
@@ -3406,7 +3421,7 @@ const Ba = () => /* @__PURE__ */ k(
         }
       ),
       /* @__PURE__ */ r(
-        X,
+        J,
         {
           lead: /* @__PURE__ */ r(we, { severity: "info", "aria-label": "Info severity" }),
           name: "SKU C",
@@ -3458,7 +3473,7 @@ const Je = ["MTD", "QTD", "YTD", "LYTD", "7D"], et = ["$248K", "$612K", "$1.24M"
   );
 };
 Ka.displayName = "StackedGroupTilePreview";
-const Ir = {
+const Tr = {
   /** 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). */
@@ -3492,7 +3507,7 @@ const Ir = {
   // Rejection +2 stroke (sparse-dash)
   trackingOutline: "#2541A1"
   // Action +3 — same hex as commitStroke per D-01
-}, se = {
+}, ie = {
   baseCellTint: "var(--gloss-g02-base-cell-tint)",
   eligibilityFill: "var(--gloss-g02-eligibility-fill)",
   commitFill: "var(--gloss-g02-commit-fill)",
@@ -3500,8 +3515,8 @@ const Ir = {
   rejectionFill: "var(--gloss-g02-rejection-fill)",
   rejectionStroke: "var(--gloss-g02-rejection-stroke)",
   trackingOutline: "var(--gloss-g02-tracking-outline)"
-}, Er = "dashed", Pr = "solid", Fr = "sparse-dash", Ar = "2px no-fill", Or = "6 4", Lr = "10 6", za = 3;
-function $r({
+}, Ir = "dashed", Er = "solid", Pr = "sparse-dash", Fr = "2px no-fill", Ar = "6 4", Or = "10 6", za = 3;
+function Lr({
   cell: e,
   variant: t,
   rampColor: n,
@@ -3510,10 +3525,10 @@ function $r({
   gap: s,
   className: o
 }) {
-  const m = (e.section * za + e.col) * (a + s), d = e.row * (i + s), h = t === "eligibility" ? se.eligibilityFill : t === "commit" ? se.commitFill : t === "rejection" ? se.rejectionFill : (
+  const m = (e.section * za + e.col) * (a + s), d = e.row * (i + s), h = t === "eligibility" ? ie.eligibilityFill : t === "commit" ? ie.commitFill : t === "rejection" ? ie.rejectionFill : (
     /* ramp */
-    n ?? se.eligibilityFill
-  ), p = t === "rejection", g = p ? se.rejectionStroke : "transparent", u = p ? "dashed" : "solid";
+    n ?? ie.eligibilityFill
+  ), f = t === "rejection", u = f ? ie.rejectionStroke : "transparent", g = f ? "dashed" : "solid";
   return /* @__PURE__ */ r(
     "div",
     {
@@ -3533,18 +3548,18 @@ function $r({
         // both preserve `var(...)` in inline cssText. The shorthand getter strips
         // unknown values and breaks both unit-test introspection and styling.
         backgroundColor: h,
-        borderColor: g,
-        borderStyle: u
+        borderColor: u,
+        borderStyle: g
       }
     }
   );
 }
-const Wa = 3, ja = [
+const Wa = 3, Ga = [
   { 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 Br({
+function $r({
   cell: e,
   fireKey: t,
   colWidth: n,
@@ -3567,7 +3582,7 @@ function Br({
         width: 48,
         height: 48,
         borderRadius: "50%",
-        background: se.rejectionStroke,
+        background: ie.rejectionStroke,
         opacity: 0.45,
         pointerEvents: "none",
         animation: "gloss-refuse-pulse-instant-flash 80ms linear forwards"
@@ -3589,8 +3604,8 @@ function Br({
         top: 0,
         pointerEvents: "none"
       },
-      children: ja.map((h) => {
-        const p = h.peakR * 2;
+      children: Ga.map((h) => {
+        const f = h.peakR * 2;
         return /* @__PURE__ */ r(
           "div",
           {
@@ -3602,12 +3617,12 @@ function Br({
               position: "absolute",
               left: l - h.peakR,
               top: m - h.peakR,
-              width: p,
-              height: p,
+              width: f,
+              height: f,
               borderRadius: "50%",
               borderStyle: "solid",
               borderWidth: h.strokeW,
-              borderColor: se.rejectionStroke,
+              borderColor: ie.rejectionStroke,
               background: "transparent",
               opacity: 0,
               transform: "scale(0)",
@@ -3623,81 +3638,82 @@ function Br({
     t
   );
 }
-function Kr(e) {
+function Br(e) {
   return /* @__PURE__ */ r(mt, { gesture: "resize", ...e });
 }
-const Ga = Object.freeze({
-  trackingOutline: null,
-  cellTints: [],
-  refusePulse: null,
-  shrinkFreedCells: []
-});
-function Va(e, t, n) {
-  const a = Math.max(0, Math.min(1, n)), i = (p) => [
-    parseInt(p.slice(1, 3), 16),
-    parseInt(p.slice(3, 5), 16),
-    parseInt(p.slice(5, 7), 16)
+function ja(e, t, n) {
+  const a = Math.max(0, Math.min(1, n)), i = (f) => [
+    parseInt(f.slice(1, 3), 16),
+    parseInt(f.slice(3, 5), 16),
+    parseInt(f.slice(5, 7), 16)
   ], [s, o, l] = i(e), [m, d, h] = i(t);
   return `rgb(${Math.round(s + (m - s) * a)}, ${Math.round(o + (d - o) * a)}, ${Math.round(
     l + (h - l) * a
   )})`;
 }
-function Ha(e) {
+function Va(e) {
   return e <= 1 ? 1 : e >= 3 ? 3 : 2;
 }
-function Ua(e) {
-  return e !== "idle" && e !== "settling" && e !== "cancelled";
+function Ha(e) {
+  return e === "dragging";
 }
-function zr(e) {
-  const { edgeHover: t, sourceCell: n, cascadeResult: a, colWidth: i, rowHeight: s, gap: o } = e, m = st() === "reduced", d = ce.useRef(t.currentColSpan), h = ce.useRef({ armed: !0, fireKey: 0, lastResult: null });
-  if (!Ua(t.state))
-    return h.current.armed = !0, h.current.lastResult = null, Ga;
-  const p = t.hysteresisTargetColSpan, g = t.previewColSpan, u = a?.result === "rejected";
-  u || (d.current = p), u && h.current.armed && h.current.lastResult !== "rejected" && (h.current.fireKey += 1, h.current.armed = !1), h.current.lastResult = u ? "rejected" : "ok";
-  const w = u ? d.current : p, _ = {
+function Kr(e) {
+  const { edgeHover: t, sourceCell: n, cascadeResult: a, colWidth: i, rowHeight: s, gap: o } = e, m = st() === "reduced", d = X.useRef(t.currentColSpan), h = X.useRef({ armed: !0, fireKey: 0, lastResult: null }), f = X.useRef(t.currentColSpan), u = X.useRef("idle"), g = X.useRef(t.currentColSpan), w = Ha(t.state);
+  if (m ? (u.current = "settled", g.current = t.currentColSpan, f.current = t.currentColSpan) : w ? u.current = t.currentColSpan !== f.current ? "incoming" : "outgoing" : (t.currentColSpan !== f.current && (g.current = t.currentColSpan, f.current = t.currentColSpan), u.current !== "idle" && (u.current = "settled")), !w)
+    return h.current.armed = !0, h.current.lastResult = null, {
+      trackingOutline: null,
+      cellTints: [],
+      refusePulse: null,
+      shrinkFreedCells: [],
+      phase: u.current,
+      displayColSpan: g.current
+    };
+  const v = t.hysteresisTargetColSpan, c = t.previewColSpan, x = a?.result === "rejected";
+  x || (d.current = v), x && h.current.armed && h.current.lastResult !== "rejected" && (h.current.fireKey += 1, h.current.armed = !1), h.current.lastResult = x ? "rejected" : "ok";
+  const I = x ? d.current : v, D = {
     cell: { section: 0, col: 0, row: 0 },
-    colSpan: w,
-    pattern: u ? "dashed-retreated" : "solid"
-  }, c = [];
-  if (u) {
-    const v = n.col + d.current, M = n.col + p - 1;
-    for (let S = v; S <= M && S <= 2; S++)
-      c.push({
+    colSpan: I,
+    pattern: x ? "dashed-retreated" : "solid"
+  }, M = [];
+  if (x) {
+    const b = n.col + d.current, _ = n.col + v - 1;
+    for (let C = b; C <= _ && C <= 2; C++)
+      M.push({
         cell: {
           section: 0,
-          col: S - n.col,
+          col: C - n.col,
           row: 0
         },
         variant: "rejection"
       });
   } else {
-    const v = Math.abs(g - p), M = Math.max(0, Math.min(1, 1 - v));
-    for (let S = n.col; S < n.col + p && S <= 2; S++) {
-      if (S === n.col) continue;
-      const f = S === n.col + p - 1, b = {
+    const b = Math.abs(c - v), _ = Math.max(0, Math.min(1, 1 - b));
+    for (let C = n.col; C < n.col + v && C <= 2; C++) {
+      if (C === n.col) continue;
+      const y = C === n.col + v - 1, R = {
         section: 0,
-        col: S - n.col,
+        col: C - n.col,
         row: 0
       };
-      f && t.direction.startsWith("grow") && p > 1 && !m && v > 0 && v < 1 ? c.push({
-        cell: b,
+      y && t.direction.startsWith("grow") && v > 1 && !m && b > 0 && b < 1 ? M.push({
+        cell: R,
         variant: "ramp",
-        rampColor: Va(at.eligibilityFill, at.commitFill, M)
-      }) : f ? c.push({ cell: b, variant: "commit" }) : c.push({ cell: b, variant: "eligibility" });
+        rampColor: ja(at.eligibilityFill, at.commitFill, _)
+      }) : y ? M.push({ cell: R, variant: "commit" }) : M.push({ cell: R, variant: "eligibility" });
     }
   }
-  const R = [];
-  if (t.currentColSpan > p)
-    for (let v = n.col + p; v < n.col + t.currentColSpan && v <= 2; v++)
-      R.push({
+  const T = [];
+  if (t.currentColSpan > v)
+    for (let b = n.col + v; b < n.col + t.currentColSpan && b <= 2; b++)
+      T.push({
         section: 0,
-        col: v - n.col,
+        col: b - n.col,
         row: 0
       });
-  const I = h.current.fireKey > 0 ? {
+  const p = h.current.fireKey > 0 ? {
     cell: {
       section: 0,
-      col: Ha(
+      col: Va(
         Math.min(d.current, 2)
       ),
       row: 0
@@ -3705,13 +3721,15 @@ function zr(e) {
     fireKey: h.current.fireKey
   } : null;
   return {
-    trackingOutline: _,
-    cellTints: c,
-    refusePulse: I,
-    shrinkFreedCells: R
+    trackingOutline: D,
+    cellTints: M,
+    refusePulse: p,
+    shrinkFreedCells: T,
+    phase: u.current,
+    displayColSpan: g.current
   };
 }
-const ne = {
+const re = {
   "gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
   "gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
   "gloss-inline-nudge__actions": "_gloss-inline-nudge__actions_kdk88_72",
@@ -3719,7 +3737,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 Za({
+function Ua({
   message: e,
   primaryAction: t,
   onDismiss: n,
@@ -3748,19 +3766,19 @@ function Za({
   return /* @__PURE__ */ k(
     "div",
     {
-      className: ne["gloss-inline-nudge"],
+      className: re["gloss-inline-nudge"],
       style: m,
       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__ */ k("div", { className: ne["gloss-inline-nudge__actions"], children: [
+        /* @__PURE__ */ r("span", { className: re["gloss-inline-nudge__message"], children: e }),
+        /* @__PURE__ */ k("div", { className: re["gloss-inline-nudge__actions"], children: [
           /* @__PURE__ */ r(
             "button",
             {
               type: "button",
-              className: `${ne["gloss-inline-nudge__btn"]} ${ne["gloss-inline-nudge__btn--action"]}`,
+              className: `${re["gloss-inline-nudge__btn"]} ${re["gloss-inline-nudge__btn--action"]}`,
               onClick: t.onClick,
               children: t.label
             }
@@ -3769,7 +3787,7 @@ function Za({
             "button",
             {
               type: "button",
-              className: `${ne["gloss-inline-nudge__btn"]} ${ne["gloss-inline-nudge__btn--dismiss"]}`,
+              className: `${re["gloss-inline-nudge__btn"]} ${re["gloss-inline-nudge__btn--dismiss"]}`,
               onClick: n,
               "aria-label": "Dismiss",
               children: "Dismiss"
@@ -3780,11 +3798,11 @@ function Za({
     }
   );
 }
-Za.displayName = "InlineNudge";
+Ua.displayName = "InlineNudge";
 function Be(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function Ya(e, t, n) {
+function Za(e, t, n) {
   if (n <= t) {
     const o = e[0], l = o ? Be(o) : "#888";
     return `linear-gradient(to right, ${l}, ${l})`;
@@ -3795,10 +3813,10 @@ function Ya(e, t, n) {
   });
   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 qa(e) {
+function Ya(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function Qa({
+function qa({
   stops: e,
   onChange: t,
   min: n = 0,
@@ -3809,16 +3827,16 @@ function Qa({
   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 = N(
-    (f) => Math.round(f / o) * o,
+    (p) => Math.round(p / o) * o,
     [o]
-  ), m = E(null), [d, h] = $(null), [p, g] = $(e), u = qa(e), w = E(u);
+  ), m = E(null), [d, h] = $(null), [f, u] = $(e), g = Ya(e), w = E(g);
   O(() => {
-    w.current !== u && (w.current = u, !d && g(e));
-  }, [u, e, d]);
-  const _ = Ne(() => Ya(p, n, a), [p, n, a]), c = N(
-    (f) => {
+    w.current !== g && (w.current = g, !d && u(e));
+  }, [g, e, d]);
+  const v = Ne(() => Za(f, n, a), [f, n, a]), c = N(
+    (p) => {
       if (!m.current) return n;
-      const b = m.current.getBoundingClientRect(), D = b.width || 1, T = Math.max(0, Math.min(1, (f - b.left) / D)), y = n + T * (a - n);
+      const b = m.current.getBoundingClientRect(), _ = b.width || 1, C = Math.max(0, Math.min(1, (p - b.left) / _)), y = n + C * (a - n);
       return l(y);
     },
     [n, a, l]
@@ -3828,47 +3846,47 @@ function Qa({
       `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
     );
   }, [n, a]);
-  const R = N(
-    (f, b) => {
-      const D = p.find((T) => T.id === b);
-      s || D?.disabled || (f.preventDefault(), h(b));
+  const x = N(
+    (p, b) => {
+      const _ = f.find((C) => C.id === b);
+      s || _?.disabled || (p.preventDefault(), h(b));
     },
-    [s, p]
-  ), I = E(p);
-  I.current = p;
-  const v = E(t);
-  v.current = t, O(() => {
+    [s, f]
+  ), I = E(f);
+  I.current = f;
+  const D = E(t);
+  D.current = t, O(() => {
     if (!d) return;
-    const f = (D) => {
-      const T = c(D.clientX);
-      g(
-        (y) => y.map((x) => x.id === d ? { ...x, value: T } : x)
+    const p = (_) => {
+      const C = c(_.clientX);
+      u(
+        (y) => y.map((R) => R.id === d ? { ...R, value: C } : R)
       );
-    }, b = (D) => {
-      const T = c(D.clientX), y = I.current.map(
-        (x) => x.id === d ? { ...x, value: T } : x
+    }, b = (_) => {
+      const C = c(_.clientX), y = I.current.map(
+        (R) => R.id === d ? { ...R, value: C } : R
       );
-      g(y), h(null), v.current(y);
+      u(y), h(null), D.current(y);
     };
-    return window.addEventListener("pointermove", f), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b), () => {
-      window.removeEventListener("pointermove", f), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
+    return window.addEventListener("pointermove", p), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b), () => {
+      window.removeEventListener("pointermove", p), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
     };
   }, [d, c]);
-  const M = a - n > 0 ? a - n : 1, S = N(
-    (f, b) => {
+  const M = a - n > 0 ? a - n : 1, T = N(
+    (p, b) => {
       if (s || b.disabled) return;
-      const D = a - n;
-      if (D <= 0) return;
-      const T = f.shiftKey ? D / 20 : D / 100;
+      const _ = a - n;
+      if (_ <= 0) return;
+      const C = p.shiftKey ? _ / 20 : _ / 100;
       let y = b.value;
-      switch (f.key) {
+      switch (p.key) {
         case "ArrowRight":
         case "ArrowUp":
-          y = b.value + T;
+          y = b.value + C;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          y = b.value - T;
+          y = b.value - C;
           break;
         case "Home":
           y = n;
@@ -3879,57 +3897,57 @@ function Qa({
         default:
           return;
       }
-      f.preventDefault();
-      const x = Math.max(n, Math.min(a, y)), P = l(x);
+      p.preventDefault();
+      const R = Math.max(n, Math.min(a, y)), P = l(R);
       if (P === b.value) return;
-      const H = p.map(
+      const H = f.map(
         (Y) => Y.id === b.id ? { ...Y, value: P } : Y
       );
-      g(H), t(H);
+      u(H), t(H);
     },
-    [s, n, a, p, t, l]
+    [s, n, a, f, t, l]
   );
   return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ r(
     "div",
     {
       ref: m,
       className: "gloss-threshold-ramp__track",
-      style: { background: _ },
-      children: p.map((f) => {
-        const b = (f.value - n) / M * 100;
+      style: { background: v },
+      children: f.map((p) => {
+        const b = (p.value - n) / M * 100;
         return /* @__PURE__ */ r(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
               left: `${b}%`,
-              color: Be(f)
+              color: Be(p)
             },
-            "data-disabled": f.disabled || void 0,
-            "data-dragging": d === f.id || void 0,
-            onPointerDown: (D) => R(D, f.id),
-            onKeyDown: (D) => S(D, f),
-            "aria-label": f.label ?? `Stop at ${f.value}`,
+            "data-disabled": p.disabled || void 0,
+            "data-dragging": d === p.id || void 0,
+            onPointerDown: (_) => x(_, p.id),
+            onKeyDown: (_) => T(_, p),
+            "aria-label": p.label ?? `Stop at ${p.value}`,
             role: "slider",
-            "aria-valuenow": f.value,
+            "aria-valuenow": p.value,
             "aria-valuemin": n,
             "aria-valuemax": a,
-            "aria-disabled": f.disabled || s || void 0,
-            tabIndex: f.disabled || s ? -1 : 0
+            "aria-disabled": p.disabled || s || void 0,
+            tabIndex: p.disabled || s ? -1 : 0
           },
-          f.id
+          p.id
         );
       })
     }
   ) });
 }
-Qa.displayName = "ThresholdRamp";
+qa.displayName = "ThresholdRamp";
 const pt = St(null);
-function Xa() {
+function Qa() {
   return xt(pt);
 }
-function Ja({ option: e }) {
-  const t = Xa(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, i = N(() => {
+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 = N(
     (d) => {
@@ -3958,7 +3976,7 @@ function Ja({ option: e }) {
     }
   );
 }
-function en({
+function Ja({
   swatches: e,
   value: t,
   defaultValue: n,
@@ -3967,62 +3985,62 @@ function en({
   name: s
 }) {
   const o = t !== void 0, [l, m] = $(n), d = o ? t : l, h = N(
-    (v) => {
-      o || m(v), a?.(v);
+    (D) => {
+      o || m(D), a?.(D);
     },
     [o, a]
-  ), p = N(
-    (v) => d === v,
+  ), f = N(
+    (D) => d === D,
     [d]
-  ), g = E(/* @__PURE__ */ new Map()), u = N((v, M) => {
-    M ? g.current.set(v, M) : g.current.delete(v);
-  }, []), w = e.filter((v) => !v.disabled && !i), _ = w.find((v) => v.value === d)?.value ?? w[0]?.value, c = N((v) => {
-    const M = g.current.get(v);
+  ), u = E(/* @__PURE__ */ new Map()), g = N((D, M) => {
+    M ? u.current.set(D, M) : u.current.delete(D);
+  }, []), w = e.filter((D) => !D.disabled && !i), v = w.find((D) => D.value === d)?.value ?? w[0]?.value, c = N((D) => {
+    const M = u.current.get(D);
     M && M.focus();
-  }, []), R = N(
-    (v, M) => {
+  }, []), x = N(
+    (D, M) => {
       if (i) return;
-      const S = e.filter((T) => !T.disabled);
-      if (S.length === 0) return;
-      const f = S.findIndex((T) => T.value === M);
-      if (f === -1) return;
-      let b = f;
-      switch (v.key) {
+      const T = e.filter((C) => !C.disabled);
+      if (T.length === 0) return;
+      const p = T.findIndex((C) => C.value === M);
+      if (p === -1) return;
+      let b = p;
+      switch (D.key) {
         case "ArrowRight":
         case "ArrowDown":
-          b = (f + 1) % S.length;
+          b = (p + 1) % T.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          b = (f - 1 + S.length) % S.length;
+          b = (p - 1 + T.length) % T.length;
           break;
         case "Home":
           b = 0;
           break;
         case "End":
-          b = S.length - 1;
+          b = T.length - 1;
           break;
         case " ":
         case "Enter":
-          v.preventDefault(), h(M);
+          D.preventDefault(), h(M);
           return;
         default:
           return;
       }
-      v.preventDefault();
-      const D = S[b].value;
-      c(D), h(D);
+      D.preventDefault();
+      const _ = T[b].value;
+      c(_), h(_);
     },
     [i, e, h, c]
   ), I = {
     selectedValue: d,
     select: h,
-    isSelected: p,
+    isSelected: f,
     groupDisabled: i,
     name: s,
-    registerRef: u,
-    firstFocusableValue: _,
-    onKeyNav: R
+    registerRef: g,
+    firstFocusableValue: v,
+    onKeyNav: x
   };
   return /* @__PURE__ */ r(pt.Provider, { value: I, children: /* @__PURE__ */ r(
     "div",
@@ -4032,11 +4050,11 @@ function en({
       "aria-label": s,
       "aria-disabled": i,
       "data-disabled": i || void 0,
-      children: e.map((v) => /* @__PURE__ */ r(Ja, { option: v }, v.value))
+      children: e.map((D) => /* @__PURE__ */ r(Xa, { option: D }, D.value))
     }
   ) });
 }
-en.displayName = "PresetSwatchRow";
+Ja.displayName = "PresetSwatchRow";
 function Ke(e, t) {
   for (const n of e)
     if (n.items.some((a) => a.id === t))
@@ -4047,14 +4065,14 @@ function nt(e, t) {
   const n = e.find((a) => a.zoneKey === t);
   return n ? n.zoneKey : Ke(e, t);
 }
-function tn(e, t, n) {
+function en(e, t, n) {
   const a = [...e], [i] = a.splice(t, 1);
   return a.splice(n, 0, i), a;
 }
-function an(e) {
+function tn(e) {
   return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
 }
-function nn(e) {
+function an(e) {
   const [t, n] = $(
     () => e.zones.map((c) => c.maxItems !== void 0 && c.items.length > c.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
       `useSortableZones: zone "${c.zoneKey}" exceeds maxItems (${c.items.length} > ${c.maxItems}); trimming to cap.`
@@ -4062,7 +4080,7 @@ function nn(e) {
   ), [a, i] = $(null), [s, o] = $(null), l = E(null), m = E(e.onZoneChange);
   m.current = e.onZoneChange;
   const d = Ne(
-    () => an(e.zones),
+    () => tn(e.zones),
     [e.zones]
   ), h = E(d);
   O(() => {
@@ -4072,71 +4090,71 @@ function nn(e) {
       ), { ...c, items: c.items.slice(0, c.maxItems) }) : c)
     ));
   }, [d, e.zones, a]);
-  const p = N(
+  const f = N(
     (c) => {
-      const R = c.active.id;
-      let I = null, v = null;
+      const x = c.active.id;
+      let I = null, D = null;
       for (const M of t) {
-        const S = M.items.find((f) => f.id === R);
-        if (S) {
-          I = S, v = M.zoneKey;
+        const T = M.items.find((p) => p.id === x);
+        if (T) {
+          I = T, D = M.zoneKey;
           break;
         }
       }
-      l.current = v, i(I), o(v);
+      l.current = D, i(I), o(D);
     },
     [t]
-  ), g = N(
+  ), u = N(
     (c) => {
       if (!c.over) {
         o(l.current);
         return;
       }
-      const R = nt(t, c.over.id);
-      o(R);
+      const x = nt(t, c.over.id);
+      o(x);
     },
     [t]
-  ), u = N(
+  ), g = N(
     (c) => {
-      const { active: R, over: I } = c, v = () => {
+      const { active: x, over: I } = c, D = () => {
         l.current = null, i(null), o(null);
       };
       if (!I) {
-        v();
+        D();
         return;
       }
-      const M = Ke(t, R.id), S = nt(t, I.id);
-      if (!M || !S) {
-        v();
+      const M = Ke(t, x.id), T = nt(t, I.id);
+      if (!M || !T) {
+        D();
         return;
       }
-      let f = t.map((b) => ({ ...b, items: [...b.items] }));
-      if (M === S) {
-        const b = f.findIndex((P) => P.zoneKey === M), D = f[b], T = D.items.findIndex((P) => P.id === R.id), y = D.items.findIndex((P) => P.id === I.id), x = y >= 0 ? y : Math.max(0, D.items.length - 1);
-        f[b] = {
-          ...D,
-          items: tn(D.items, T, x)
+      let p = t.map((b) => ({ ...b, items: [...b.items] }));
+      if (M === T) {
+        const b = p.findIndex((P) => P.zoneKey === M), _ = p[b], C = _.items.findIndex((P) => P.id === x.id), y = _.items.findIndex((P) => P.id === I.id), R = y >= 0 ? y : Math.max(0, _.items.length - 1);
+        p[b] = {
+          ..._,
+          items: en(_.items, C, R)
         };
       } else {
-        const b = f.findIndex((L) => L.zoneKey === M), D = f.findIndex((L) => L.zoneKey === S), T = f[b], y = f[D], x = T.items.find((L) => L.id === R.id);
-        if (!x) {
-          v();
+        const b = p.findIndex((L) => L.zoneKey === M), _ = p.findIndex((L) => L.zoneKey === T), C = p[b], y = p[_], R = C.items.find((L) => L.id === x.id);
+        if (!R) {
+          D();
           return;
         }
-        const P = T.items.filter((L) => L.id !== R.id), H = y.items.findIndex((L) => L.id === I.id), Y = H >= 0 ? H : y.items.length;
-        let U = P, j = [...y.items];
-        if (y.maxItems !== void 0 && j.length >= y.maxItems) {
-          const L = j[j.length - 1];
-          j = j.slice(0, y.maxItems - 1), U = [...P, L];
+        const P = C.items.filter((L) => L.id !== x.id), H = y.items.findIndex((L) => L.id === I.id), Y = H >= 0 ? H : y.items.length;
+        let U = P, G = [...y.items];
+        if (y.maxItems !== void 0 && G.length >= y.maxItems) {
+          const L = G[G.length - 1];
+          G = G.slice(0, y.maxItems - 1), U = [...P, L];
         }
-        const B = Math.min(Y, j.length), Z = [
-          ...j.slice(0, B),
-          x,
-          ...j.slice(B)
+        const B = Math.min(Y, G.length), Z = [
+          ...G.slice(0, B),
+          R,
+          ...G.slice(B)
         ];
-        f[b] = { ...T, items: U }, f[D] = { ...y, items: Z };
+        p[b] = { ...C, items: U }, p[_] = { ...y, items: Z };
       }
-      n(f), m.current?.(f), v();
+      n(p), m.current?.(p), D();
     },
     [t]
   ), w = N(
@@ -4145,13 +4163,13 @@ function nn(e) {
       "data-zone-key": c
     }),
     []
-  ), _ = N(
+  ), v = N(
     (c) => {
-      const R = Ke(t, c.id) ?? "";
+      const x = Ke(t, c.id) ?? "";
       return {
         id: c.id,
         "data-item-id": c.id,
-        "data-zone-key": R
+        "data-zone-key": x
       };
     },
     [t]
@@ -4161,14 +4179,14 @@ function nn(e) {
     activeZone: s,
     activeItem: a,
     getZoneProps: w,
-    getItemProps: _,
-    handleDragStart: p,
-    handleDragOver: g,
-    handleDragEnd: u
+    getItemProps: v,
+    handleDragStart: f,
+    handleDragOver: u,
+    handleDragEnd: g
   };
 }
-let he = null, Ce = null, Ee = !1;
-const rn = [
+let he = null, Se = null, Ee = !1;
+const nn = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -4177,22 +4195,22 @@ const rn = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], sn = [
+], rn = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function on(e, t) {
+function sn(e, t) {
   const n = [], a = e ?? {};
-  for (const s of rn)
+  for (const s of nn)
     a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
   const i = t ?? {};
-  for (const s of sn)
+  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 ln() {
-  return he ? Promise.resolve(he) : Ee ? Promise.resolve(null) : Ce || (Ce = (async () => {
+function on() {
+  return he ? Promise.resolve(he) : Ee ? Promise.resolve(null) : Se || (Se = (async () => {
     try {
       const [e, t, n] = await Promise.all([
         import("@dnd-kit/core"),
@@ -4200,7 +4218,7 @@ function ln() {
         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 = on(e, t);
+      ]), a = sn(e, t);
       return a.ok ? (he = {
         core: e,
         sortable: t,
@@ -4211,14 +4229,14 @@ function ln() {
     } catch {
       return Ee = !0, null;
     }
-  })(), Ce);
+  })(), Se);
 }
-function cn(e) {
-  const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = nn({ zones: t, onZoneChange: n }), [l, m] = V.useState(he);
+function ln(e) {
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = an({ zones: t, onZoneChange: n }), [l, m] = V.useState(he);
   return V.useEffect(() => {
     if (l) return;
     let d = !0;
-    return ln().then((h) => {
+    return on().then((h) => {
       d && m(h);
     }), () => {
       d = !1;
@@ -4233,11 +4251,11 @@ function cn(e) {
       renderDragOverlay: s
     }
   ) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((d) => {
-    const h = d.items.map((p) => /* @__PURE__ */ r(V.Fragment, { children: i(p) }, p.id));
+    const h = d.items.map((f) => /* @__PURE__ */ r(V.Fragment, { children: i(f) }, f.id));
     return /* @__PURE__ */ r("div", { ...o.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, h) }, d.zoneKey);
   }) });
 }
-cn.displayName = "SortableZones";
+ln.displayName = "SortableZones";
 function ft({
   state: e,
   modules: t,
@@ -4245,39 +4263,39 @@ function ft({
   renderItem: a,
   renderDragOverlay: i
 }) {
-  const { core: s, sortable: o, utilities: l } = t, { DndContext: m, DragOverlay: d, useSensors: h, useSensor: p, useDroppable: g, PointerSensor: u, KeyboardSensor: w, closestCenter: _ } = s, { SortableContext: c, verticalListSortingStrategy: R } = o, I = h(
-    p(u, { activationConstraint: { distance: 5 } }),
-    p(w)
-  ), v = m, M = d, S = c;
+  const { core: s, sortable: o, utilities: l } = t, { DndContext: m, DragOverlay: d, useSensors: h, useSensor: f, useDroppable: u, PointerSensor: g, KeyboardSensor: w, closestCenter: v } = s, { SortableContext: c, verticalListSortingStrategy: x } = o, I = h(
+    f(g, { activationConstraint: { distance: 5 } }),
+    f(w)
+  ), D = m, M = d, T = c;
   return /* @__PURE__ */ k(
-    v,
+    D,
     {
       sensors: I,
-      collisionDetection: _,
+      collisionDetection: v,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((f) => {
-          const b = f.items.map((T) => T.id), D = f.items.map((T) => /* @__PURE__ */ r(
+        e.zones.map((p) => {
+          const b = p.items.map((C) => C.id), _ = p.items.map((C) => /* @__PURE__ */ r(
             ht,
             {
-              id: T.id,
+              id: C.id,
               useSortable: o.useSortable,
               cssHelper: l.CSS,
-              children: a(T)
+              children: a(C)
             },
-            T.id
+            C.id
           ));
           return /* @__PURE__ */ r(
             bt,
             {
-              zoneKey: f.zoneKey,
-              zoneProps: e.getZoneProps(f.zoneKey),
-              useDroppable: g,
-              children: /* @__PURE__ */ r(S, { items: b, strategy: R, children: n(f.zoneKey, f.items, D) })
+              zoneKey: p.zoneKey,
+              zoneProps: e.getZoneProps(p.zoneKey),
+              useDroppable: u,
+              children: /* @__PURE__ */ r(T, { items: b, strategy: x, children: n(p.zoneKey, p.items, _) })
             },
-            f.zoneKey
+            p.zoneKey
           );
         }),
         /* @__PURE__ */ r(M, { children: e.activeItem ? i?.(e.activeItem) ?? a(e.activeItem) : null })
@@ -4305,7 +4323,7 @@ function bt({
   return /* @__PURE__ */ r("div", { ref: i, "data-zone-is-over": s || void 0, ...t, children: a });
 }
 bt.displayName = "ZoneDroppable";
-function Wr({
+function zr({
   slotLeft: e,
   slotCenter: t,
   slotRight: n,
@@ -4355,7 +4373,7 @@ function Wr({
     }
   );
 }
-function jr({
+function Wr({
   count: e,
   currentIndex: t,
   onSelect: n,
@@ -4367,24 +4385,24 @@ function jr({
   sectionsPerView: m = 1
   // D-09 default
 }) {
-  const d = l ?? t ?? 0, h = Math.max(0, Math.min(e - 1, d)), p = Math.min(e - 1, h + Math.max(0, m - 1)), g = [h, p], u = ce.useRef([]);
-  return u.current.length = e, e <= 1 || g[0] === 0 && g[1] === e - 1 ? null : /* @__PURE__ */ k(
+  const d = l ?? t ?? 0, h = Math.max(0, Math.min(e - 1, d)), f = Math.min(e - 1, h + Math.max(0, m - 1)), u = [h, f], g = X.useRef([]);
+  return g.current.length = e, e <= 1 || u[0] === 0 && u[1] === e - 1 ? null : /* @__PURE__ */ k(
     "div",
     {
       role: "tablist",
       "aria-label": a,
       "data-testid": "gloss-section-dots",
       className: "gloss-section-dots",
-      onKeyDown: (_) => {
+      onKeyDown: (v) => {
         if (e !== 0) {
-          if (_.key === "ArrowRight") {
-            _.preventDefault();
+          if (v.key === "ArrowRight") {
+            v.preventDefault();
             const c = (d + 1) % e;
-            n(c), requestAnimationFrame(() => u.current[c]?.focus());
-          } else if (_.key === "ArrowLeft") {
-            _.preventDefault();
+            n(c), requestAnimationFrame(() => g.current[c]?.focus());
+          } else if (v.key === "ArrowLeft") {
+            v.preventDefault();
             const c = (d - 1 + e) % e;
-            n(c), requestAnimationFrame(() => u.current[c]?.focus());
+            n(c), requestAnimationFrame(() => g.current[c]?.focus());
           }
         }
       },
@@ -4395,16 +4413,16 @@ function jr({
             className: "gloss-section-dots__blob",
             "aria-hidden": "true",
             style: {
-              "--blob-start": g[0],
-              "--blob-end": g[1]
+              "--blob-start": u[0],
+              "--blob-end": u[1]
             }
           }
         ),
-        Array.from({ length: e }, (_, c) => /* @__PURE__ */ r(
+        Array.from({ length: e }, (v, c) => /* @__PURE__ */ r(
           "button",
           {
-            ref: (R) => {
-              u.current[c] = R;
+            ref: (x) => {
+              g.current[c] = x;
             },
             type: "button",
             role: "tab",
@@ -4424,12 +4442,12 @@ function jr({
     }
   );
 }
-const dn = 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(ze, { region: "toolbar", density: e, children: t }) });
 });
-dn.displayName = "ContainerToolbar";
-const un = 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__ */ k("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
     e && /* @__PURE__ */ r("legend", { className: "gloss-container-form-section__legend", children: e }),
@@ -4437,347 +4455,347 @@ const un = V.forwardRef(({ legend: e, description: t, density: n = "default", ch
     /* @__PURE__ */ r(ze, { region: "form-section", density: n, children: a })
   ] });
 });
-un.displayName = "ContainerFormSection";
-const mn = 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(ze, { region: "table", density: e, children: t }) });
 });
-mn.displayName = "ContainerTable";
+un.displayName = "ContainerTable";
 export {
-  Hr as Accordion,
-  Ur as AccordionContent,
-  Zr as AccordionItem,
-  Yr as AccordionTrigger,
-  qr as ActionStrip,
-  Qr as Actionable,
-  Xr as AddressGroup,
-  Jr as AddressSelect,
-  es as AsyncLoader,
-  ts as Autocomplete,
-  as as Badge,
-  ns as BarChartCard,
-  rs as BarsBg,
-  Wr as BottomToolbar,
-  ss as Button,
-  is as ButtonGroup,
-  os as ButtonGroupContext,
-  ls as Card,
-  cs as CardActions,
-  ds as CardBack,
-  us as CardBody,
-  ms as CardFooter,
-  gs as CardHeader,
-  ps as CardMedia,
+  Vr as Accordion,
+  Hr as AccordionContent,
+  Ur as AccordionItem,
+  Zr as AccordionTrigger,
+  Yr as ActionStrip,
+  qr as Actionable,
+  Qr as AddressGroup,
+  Xr as AddressSelect,
+  Jr as AsyncLoader,
+  es as Autocomplete,
+  ts as Badge,
+  as as BarChartCard,
+  ns as BarsBg,
+  zr as BottomToolbar,
+  rs as Button,
+  ss as ButtonGroup,
+  is as ButtonGroupContext,
+  os as Card,
+  ls as CardActions,
+  cs as CardBack,
+  ds as CardBody,
+  us as CardFooter,
+  ms as CardHeader,
+  gs as CardMedia,
   Dt as CardShell,
-  fs as CardSubtitle,
-  hs as CardTitle,
-  Rr as CascadePreview,
-  $r as CellTintOverlay,
-  bs as ChartControlBar,
-  vs as Checkbox,
-  ys as CheckboxGroup,
-  ws as Chip,
-  _s as ColorPicker,
-  Ns as ComparisonCard,
-  Ds as ContactForm,
-  ks as ContainerCard,
-  Cs as ContainerCardActions,
-  Ss as ContainerCardBody,
-  xs as ContainerCardFooter,
-  Rs as ContainerCardHeader,
-  Ms as ContainerCardMedia,
-  Ts as ContainerCardSubtitle,
-  Is as ContainerCardTitle,
-  Es as ContainerDialog,
-  Ps as ContainerDialogActions,
-  Fs as ContainerDialogBody,
-  As as ContainerDialogHeader,
-  un as ContainerFormSection,
-  Os as ContainerPanel,
-  mn as ContainerTable,
-  dn as ContainerToolbar,
-  Ls as CreditCardForm,
-  $s as DEFAULT_FOOTER_IDS,
-  ie as DEFAULT_GRID_INTERACTION_PHYSICS,
-  fl as DEFAULT_MARKET_PRESETS,
-  Bs as DEFAULT_OVERFLOW_IDS,
-  hl as DEFAULT_PINNED,
+  ps as CardSubtitle,
+  fs as CardTitle,
+  xr as CascadePreview,
+  Lr as CellTintOverlay,
+  hs as ChartControlBar,
+  bs as Checkbox,
+  vs as CheckboxGroup,
+  ys as Chip,
+  ws as ColorPicker,
+  _s as ComparisonCard,
+  Ns as ContactForm,
+  Ds as ContainerCard,
+  ks as ContainerCardActions,
+  Cs as ContainerCardBody,
+  Ss as ContainerCardFooter,
+  xs as ContainerCardHeader,
+  Rs as ContainerCardMedia,
+  Ms as ContainerCardSubtitle,
+  Ts as ContainerCardTitle,
+  Is as ContainerDialog,
+  Es as ContainerDialogActions,
+  Ps as ContainerDialogBody,
+  Fs as ContainerDialogHeader,
+  dn as ContainerFormSection,
+  As as ContainerPanel,
+  un as ContainerTable,
+  cn as ContainerToolbar,
+  Os as CreditCardForm,
+  Ls as DEFAULT_FOOTER_IDS,
+  oe as DEFAULT_GRID_INTERACTION_PHYSICS,
+  pl as DEFAULT_MARKET_PRESETS,
+  $s as DEFAULT_OVERFLOW_IDS,
+  fl as DEFAULT_PINNED,
   it as DEFAULT_RESIZE_PHYSICS,
-  Ks as DataTable,
-  zs as DatePicker,
-  Ws as DateRangePicker,
-  js as DestructiveModal,
+  Bs as DataTable,
+  Ks as DatePicker,
+  zs as DateRangePicker,
+  Ws as DestructiveModal,
   Na as DevTuningPanel,
   Gs as DirectionCard,
-  Vs as Dismissible,
-  Hs as DistributionCard,
-  Us as DonutChart,
-  Sr as DragGhost,
-  Nr as DropAnchorCell,
-  Zs as Dropdown,
+  js as Dismissible,
+  Vs as DistributionCard,
+  Hs as DonutChart,
+  Cr as DragGhost,
+  _r as DropAnchorCell,
+  Us as Dropdown,
   Sa as DualPaceBars,
-  Ys as ENTITY_FILTER_KEYS,
-  qs as ENTITY_PROFILE_ROUTES,
-  Qs as ENTITY_TYPE_PLURAL,
+  Zs as ENTITY_FILTER_KEYS,
+  Ys as ENTITY_PROFILE_ROUTES,
+  qs as ENTITY_TYPE_PLURAL,
   Ht as EdgeHoverHandle,
-  Cr as EmptyCellPackAffordance,
-  Xs as EntityPicker,
-  X as EntityRow,
-  Js as EntitySearchPanel,
+  kr as EmptyCellPackAffordance,
+  Qs as EntityPicker,
+  J as EntityRow,
+  Xs as EntitySearchPanel,
   $a as ExceptionListCard,
   Ba as ExceptionListTilePreview,
-  ei as Expandable,
-  ti as ExpandableChip,
-  ai as FLIP_AND_STAGE_TIMINGS,
-  ni as FileUpload,
-  ri as FilterChip,
-  si as FilterInput,
-  ii as FlipAndStageProvider,
-  oi as Form,
-  li as FormDialog,
-  ci as FormField,
-  di as FusedShape,
+  Js as Expandable,
+  ei as ExpandableChip,
+  ti as FLIP_AND_STAGE_TIMINGS,
+  ai as FileUpload,
+  ni as FilterChip,
+  ri as FilterInput,
+  si as FlipAndStageProvider,
+  ii as Form,
+  oi as FormDialog,
+  li as FormField,
+  ci as FusedShape,
   xa as GapReadout,
-  ui as GestureStateProvider,
+  di as GestureStateProvider,
   Ut as GhostPreview,
-  mi as GroupCheckbox,
-  gi as GroupRadio,
-  zn as HARD_CLIP,
-  pi as HighlightCard,
-  fi as HybridDatePicker,
-  hi as ImportWizard,
-  Za as InlineNudge,
-  bi as Input,
-  vi as InputAddon,
-  yi as InputGroup,
+  ui as GroupCheckbox,
+  mi as GroupRadio,
+  Kn as HARD_CLIP,
+  gi as HighlightCard,
+  pi as HybridDatePicker,
+  fi as ImportWizard,
+  Ua as InlineNudge,
+  hi as Input,
+  bi as InputAddon,
+  vi as InputGroup,
   Fa as LeaderboardCard,
   Aa as LeaderboardTilePreview,
   Ta as LensChipGroup,
-  wi as Link,
-  _i as LoginForm,
+  yi as Link,
+  wi as LoginForm,
   _e as MagnitudeBar,
-  Ni as MarketPresetRow,
-  Di as MaskPresets,
-  ki as MaskedInput,
-  Ci as Menu,
-  Si as MenuDivider,
-  xi as MenuGroup,
-  Ri as MenuItem,
-  Mi as MergePrompt,
-  Ti as MetricCard,
-  Ii as MetricCardGrid,
+  _i as MarketPresetRow,
+  Ni as MaskPresets,
+  Di as MaskedInput,
+  ki as Menu,
+  Ci as MenuDivider,
+  Si as MenuGroup,
+  xi as MenuItem,
+  Ri as MergePrompt,
+  Mi as MetricCard,
+  Ti as MetricCardGrid,
   ga as MetricGroupContainer,
-  Ei as MiniCalendar,
+  Ii as MiniCalendar,
   Ea as MoreInLensRail,
-  Pi as MultiSelect,
-  Fi as NumberInput,
-  Ai as ObjectArrow,
-  Oi as OrderFilterBar,
-  bl as PERIOD_OPTIONS,
-  Mr as PaceCard,
-  Tr as PaceTilePreview,
+  Ei as MultiSelect,
+  Pi as NumberInput,
+  Fi as ObjectArrow,
+  Ai as OrderFilterBar,
+  hl as PERIOD_OPTIONS,
+  Rr as PaceCard,
+  Mr as PaceTilePreview,
   ta as PageChip,
   ot as PageDropdown,
-  Li as PasswordInput,
-  $i as PaymentForm,
-  Bi as PaymentMethodSelect,
-  Ki as PhoneInput,
-  zi as PinToMetric,
-  en as PresetSwatchRow,
-  Wi as ProfileCard,
-  ji as ProgressCard,
+  Oi as PasswordInput,
+  Li as PaymentForm,
+  $i as PaymentMethodSelect,
+  Bi as PhoneInput,
+  Ki as PinToMetric,
+  Ja as PresetSwatchRow,
+  zi as ProfileCard,
+  Wi as ProgressCard,
   Gi as QuickConfigPanel,
   la as RECONFIG_BACKSIDE_LABELS,
-  vl as ROLLING_OPTIONS,
-  Vi as Radio,
-  Hi as RadioGroup,
-  Ui as RangeSlider,
+  bl as ROLLING_OPTIONS,
+  ji as Radio,
+  Vi as RadioGroup,
+  Hi as RangeSlider,
   ye as RankBadge,
   gt as RankDelta,
-  Zi as Rating,
+  Ui as Rating,
   ua as ReconfigBacksideButtons,
-  Br as RefusePulse,
-  Yi as RegistrationForm,
-  _r as ResizeEnvelope,
-  Kr as ResizeTrackingOutline,
-  qi as Row1Controls,
-  Qi as Row2FilterTray,
-  Er as STROKE_DASHED,
-  Or as STROKE_DASHED_DASHARRAY,
-  Ar as STROKE_OUTLINE,
-  Pr as STROKE_SOLID,
-  Fr as STROKE_SPARSE_DASH,
-  Lr as STROKE_SPARSE_DASH_DASHARRAY,
-  Xi as SearchInput,
-  kr as SectionDivider,
-  jr as SectionDots,
-  Ji as SegmentCard,
-  eo as SegmentedControl,
-  to as Select,
-  ao as Selectable,
+  $r as RefusePulse,
+  Zi as RegistrationForm,
+  wr as ResizeEnvelope,
+  Br as ResizeTrackingOutline,
+  Yi as Row1Controls,
+  qi as Row2FilterTray,
+  Ir as STROKE_DASHED,
+  Ar as STROKE_DASHED_DASHARRAY,
+  Fr as STROKE_OUTLINE,
+  Er as STROKE_SOLID,
+  Pr as STROKE_SPARSE_DASH,
+  Or as STROKE_SPARSE_DASH_DASHARRAY,
+  Qi as SearchInput,
+  Dr as SectionDivider,
+  Wr as SectionDots,
+  Xi as SegmentCard,
+  Ji as SegmentedControl,
+  eo as Select,
+  to as Selectable,
   we as SeverityDot,
-  no as SimpleMetricCard,
-  ro as SimpleSelector,
-  so as Skeleton,
-  io as SkeletonCard,
-  oo as SkeletonChart,
-  lo as SkeletonTable,
-  co as Slider,
-  xr as SnapOutline,
-  uo as Sortable,
-  cn as SortableZones,
-  mo as SparklineBg,
-  Dr as SpilloverArc,
-  go as SplitButton,
-  po as StackedGroupCard,
+  ao as SimpleMetricCard,
+  no as SimpleSelector,
+  ro as Skeleton,
+  so as SkeletonCard,
+  io as SkeletonChart,
+  oo as SkeletonTable,
+  lo as Slider,
+  Sr as SnapOutline,
+  co as Sortable,
+  ln as SortableZones,
+  uo as SparklineBg,
+  Nr as SpilloverArc,
+  mo as SplitButton,
+  go as StackedGroupCard,
   Ka as StackedGroupTilePreview,
   Ia as StarterRail,
-  fo as StatusModeCard,
+  po as StatusModeCard,
   Vt as StatusSlotChipMenu,
-  ho as Stepper,
+  fo as Stepper,
   Oe as SwingReveal,
-  yl as TODAY_PRESET,
-  re as TUNING_DEFAULTS,
+  vl as TODAY_PRESET,
+  se as TUNING_DEFAULTS,
   ut as TUNING_STORAGE_KEY,
-  bo as TabGroup,
-  vo as TabbedDataView,
-  yo as TagInput,
+  ho as TabGroup,
+  bo as TabbedDataView,
+  vo as TagInput,
   $t as TargetInput,
-  wo as Textarea,
-  Qa as ThresholdRamp,
-  _o as TimeFrame,
-  No as TimePicker,
-  Do as Toggle,
-  ko as Tooltip,
+  yo as Textarea,
+  qa as ThresholdRamp,
+  wo as TimeFrame,
+  _o as TimePicker,
+  No as Toggle,
+  Do as Tooltip,
   mt as TrackingOutline,
-  Co as Transition,
-  So as TransitionGroup,
-  xo as TrendCard,
-  Ro as TrendIndicator,
-  ml as UIContext,
+  ko as Transition,
+  Co as TransitionGroup,
+  So as TrendCard,
+  xo as TrendIndicator,
+  ul as UIContext,
   ze as UIContextProvider,
-  Mo as UnifiedBreakdownTable,
-  To as UnifiedContextMenu,
+  Ro as UnifiedBreakdownTable,
+  Mo as UnifiedContextMenu,
   Zt as VelocityBuffer,
-  Io as addressGroupMetadata,
-  Eo as addressSchema,
-  Rn as allChips,
-  Hn as allStateFixtures,
-  Vn as allVariantFixtures,
-  En as blockSamples,
-  Po as buildDefaultOverflow,
-  Ln as cardSamples,
-  le as cascadePhysics,
-  An as chartSamples,
-  Fn as circleSamples,
-  Wn as colorTokens,
-  pr as compactLayout,
-  nr as compactState,
+  To as addressGroupMetadata,
+  Io as addressSchema,
+  xn as allChips,
+  Vn as allStateFixtures,
+  jn as allVariantFixtures,
+  In as blockSamples,
+  Eo as buildDefaultOverflow,
+  On as cardSamples,
+  ce as cascadePhysics,
+  Fn as chartSamples,
+  Pn as circleSamples,
+  zn as colorTokens,
+  gr as compactLayout,
+  ar as compactState,
   Gn as computeGutterAnchorX,
-  Fo as contactFormMetadata,
-  Ao as contactSchema,
-  rr as contextMenuFixtures,
-  Oo as creditCardFormMetadata,
-  Lo as creditCardSchema,
+  Po as contactFormMetadata,
+  Fo as contactSchema,
+  nr as contextMenuFixtures,
+  Ao as creditCardFormMetadata,
+  Oo as creditCardSchema,
   zt as dateChip,
   dt as defaultControlBarState,
-  $o as destructiveModalMetadata,
-  Bo as durations,
-  Ko as easings,
+  Lo as destructiveModalMetadata,
+  $o as durations,
+  Bo as easings,
   Qt as emptyFixture,
   Bt as entityChip,
   sa as entityNameActions,
-  Tn as entityTabGroup,
+  Mn as entityTabGroup,
   qt as errorFixture,
-  zo as evaluateTintCondition,
-  ar as filteredState,
-  wl as findPreset,
-  _l as formatDateRange,
-  Nl as formatMarketDates,
-  Dl as formatTrend,
-  kl as formatValue,
-  hr as fullLayout,
-  Cl as generateMarketId,
-  Wo as generateTabId,
-  Sl as getAllPresets,
-  xl as getDateRangeForPreset,
-  jo as getMenuActions,
+  Ko as evaluateTintCondition,
+  tr as filteredState,
+  yl as findPreset,
+  wl as formatDateRange,
+  _l as formatMarketDates,
+  Nl as formatTrend,
+  Dl as formatValue,
+  fr as fullLayout,
+  kl as generateMarketId,
+  zo as generateTabId,
+  Cl as getAllPresets,
+  Sl as getDateRangeForPreset,
+  Wo as getMenuActions,
   st as getMotionMode,
-  Rl as getPresetLabel,
+  xl as getPresetLabel,
   Go as getTransitionStyle,
-  gr as gridCards,
-  Ir as gridChannels,
-  Vo as interpolate,
-  Ml as isInRange,
-  Tl as isMarketActive,
-  Il as isSameDay,
-  tr as itemColumns,
-  Jn as itemRows,
+  mr as gridCards,
+  Tr as gridChannels,
+  jo as interpolate,
+  Rl as isInRange,
+  Ml as isMarketActive,
+  Tl as isSameDay,
+  er as itemColumns,
+  Xn as itemRows,
   Yt as loadingFixture,
-  Ho as loginFormMetadata,
-  Uo as loginSchema,
+  Vo as loginFormMetadata,
+  Ho as loginSchema,
   Wt as manufacturerChip,
-  wr as manyTabs,
-  Zo as mergeHandlers,
-  Yo as mergeRefs,
-  Mn as metricTabGroup,
-  vr as mixedTabs,
-  El as normalizePresetId,
+  yr as manyTabs,
+  Uo as mergeHandlers,
+  Zo as mergeRefs,
+  Rn as metricTabGroup,
+  br as mixedTabs,
+  Il as normalizePresetId,
   oa as numericActions,
-  er as orderColumns,
+  Jn as orderColumns,
   ia as orderIdActions,
-  Xn as orderRows,
-  br as ordersTabs,
+  Qn as orderRows,
+  hr as ordersTabs,
   at as paletteHex,
-  se as paletteVars,
-  qo as parseNumericValue,
-  Qo as paymentFormMetadata,
-  Xo as paymentSchema,
-  Jo as presets,
-  Bn as provisional,
-  Kn as reducedMotion,
-  el as registrationFormMetadata,
-  tl as registrationSchema,
-  $n as rejectionFeedback,
-  ir as sampleCompareRanges,
-  cr as sampleCustomMarkets,
-  sr as sampleDateRange,
-  dr as sampleMarketPresetData,
-  lr as sampleMarkets,
-  mr as samplePeriodPresets,
-  or as samplePreferences,
-  ur as samplePresets,
-  yr as singleTab,
-  Un as sparklineFixture,
-  Zn as sparklineUpFixture,
+  ie as paletteVars,
+  Yo as parseNumericValue,
+  qo as paymentFormMetadata,
+  Qo as paymentSchema,
+  Xo as presets,
+  $n as provisional,
+  Bn as reducedMotion,
+  Jo as registrationFormMetadata,
+  el 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,
   ea as staleDonutFixture,
   Xt as staleFixture,
   Jt as staleSparklineFixture,
-  Yn as standardFixture,
-  Qn as standardFlatFixture,
-  fr as standardLayout,
-  qn as standardNegativeFixture,
+  Zn as standardFixture,
+  qn as standardFlatFixture,
+  pr as standardLayout,
+  Yn as standardNegativeFixture,
   Kt as statusChip,
   fe as swingReveal,
-  On as tableSamples,
-  Pn as textSamples,
-  In as timeFrameTabGroup,
-  Pl as toUppercasePresetId,
+  An as tableSamples,
+  En as textSamples,
+  Tn as timeFrameTabGroup,
+  El as toUppercasePresetId,
   rt as useAffordanceVisibility,
-  xn as useArrowNavigation,
-  al as useCheckboxGroupContext,
-  jn as useEdgeHoverResize,
-  nl as useFilterLayout,
-  rl as useFlipAndStage,
-  sl as useFlipAndStageContext,
-  il as useFlipAndStageContextOptional,
-  Sn as useFocusReturn,
-  ol as useFocusTrap,
-  ll as useFormContext,
-  cl as useGestureState,
-  dl as useRadioGroupContext,
-  zr as useResizeChoreography,
+  Sn as useArrowNavigation,
+  tl as useCheckboxGroupContext,
+  Wn as useEdgeHoverResize,
+  al as useFilterLayout,
+  nl as useFlipAndStage,
+  rl as useFlipAndStageContext,
+  sl as useFlipAndStageContextOptional,
+  Cn as useFocusReturn,
+  il as useFocusTrap,
+  ol as useFormContext,
+  ll as useGestureState,
+  cl as useRadioGroupContext,
+  Kr as useResizeChoreography,
   ha as useResizeTuning,
-  nn as useSortableZones,
-  gl as useUIContext
+  an as useSortableZones,
+  ml as useUIContext
 };