@mt-gloss/ui 0.1.47 → 0.1.48

package/index.js

@@ -1,30 +1,30 @@
-import { u as ht, C as ft } from "./Expandable-BgEhifn0.js";
-import { Q as Rr, V as Ir, T as Pr, U as Fr, a5 as Er, b8 as Ar, aB as Lr, aj as Or, $ as $r, ap as Br, N as Kr, aa as zr, bo as Gr, P as Wr, B as Vr, a as Hr, A as jr, K as Ur, bj as Zr, J as qr, L as Yr, E as Qr, D as Xr, H as Jr, F as es, by as ts, b as as, c as ns, O as rs, q as ss, af as is, aP as os, A as ls, K as cs, J as ds, L as us, E as ms, D as gs, H as ps, F as hs, b1 as fs, b4 as vs, b3 as bs, b2 as ys, b5 as ws, aE as _s, a7 as Ns, a6 as Ds, as as ks, m as Cs, o as xs, aH as Ss, ad as Ms, ba as Ts, ab as Rs, bp as Is, _ as Ps, bI as Fs, bH as Es, bJ as As, ar as Ls, aS as Os, bc as $s, bN as Bs, bw as Ks, p as zs, ao as Gs, bC as Ws, bt as Vs, a2 as Hs, at as js, a4 as Us, bB as Zs, bS as qs, G as Ys, f as Qs, ac as Xs, bK as Js, aV as ei, t as ti, x as ai, I as ni, i as ri, ay as si, bO as ii, M as oi, y as li, W as ci, Z as di, X as ui, Y as mi, au as gi, bi as pi, bQ as hi, bM as fi, aq as vi, w as bi, bq as yi, aU as wi, al as _i, aM as Ni, ai as Di, an as ki, aw as Ci, aT as xi, ae as Si, av as Mi, e as Ti, R as Ri, l as Ii, r as Pi, aJ as Fi, bz as Ei, bA as Ai, ak as Li, ag as Oi, j as $i, z as Bi, b9 as Ki, ah as zi, bP as Gi, be as Wi, bh as Vi, bf as Hi, bg as ji, k as Ui, bb as Zi, bn as qi, S as Yi, bl as Qi, bm as Xi, ax as Ji, bd as eo, bR as to, am as ao, v as no, bL as ro, n as so, h as io, s as oo, a0 as lo, a1 as co, a9 as uo, bk as mo, bx as go, bE as po, aC as ho, aD as fo, a8 as vo, aQ as bo, aR as yo, aF as wo, aG as _o, aI as No, aX as Do, aY as ko, br as Co, bG as xo, bF as So, a_ as Mo, a$ as To, az as Ro, aA as Io, b7 as Po, b6 as Fo, b0 as Eo, aN as Ao, aO as Lo, aZ as Oo, aK as $o, aL as Bo, d as Ko, bD as zo, bs as Go, bu as Wo, bv as Vo, aW as Ho, a3 as jo, g as Uo } from "./Expandable-BgEhifn0.js";
+import { u as bt, C as vt } from "./Expandable-BgEhifn0.js";
+import { Q as Lr, V as $r, T as Br, U as zr, a5 as Kr, b8 as Wr, aB as Gr, aj as Vr, $ as jr, ap as Hr, N as Ur, aa as Zr, bo as qr, P as Yr, B as Qr, a as Xr, A as Jr, K as es, bj as ts, J as as, L as ns, E as rs, D as ss, H as is, F as os, by as ls, b as cs, c as ds, O as us, q as ms, af as gs, aP as ps, A as hs, K as fs, J as bs, L as vs, E as ys, D as ws, H as _s, F as Ns, b1 as Ds, b4 as ks, b3 as Cs, b2 as xs, b5 as Ss, aE as Rs, a7 as Ts, a6 as Ms, as as Is, m as Ps, o as Fs, aH as Es, ad as As, ba as Os, ab as Ls, bp as $s, _ as Bs, bI as zs, bH as Ks, bJ as Ws, ar as Gs, aS as Vs, bc as js, bN as Hs, bw as Us, p as Zs, ao as qs, bC as Ys, bt as Qs, a2 as Xs, at as Js, a4 as ei, bB as ti, bS as ai, G as ni, f as ri, ac as si, bK as ii, aV as oi, t as li, x as ci, I as di, i as ui, ay as mi, bO as gi, M as pi, y as hi, W as fi, Z as bi, X as vi, Y as yi, au as wi, bi as _i, bQ as Ni, bM as Di, aq as ki, w as Ci, bq as xi, aU as Si, al as Ri, aM as Ti, ai as Mi, an as Ii, aw as Pi, aT as Fi, ae as Ei, av as Ai, e as Oi, R as Li, l as $i, r as Bi, aJ as zi, bz as Ki, bA as Wi, ak as Gi, ag as Vi, j as ji, z as Hi, b9 as Ui, ah as Zi, bP as qi, be as Yi, bh as Qi, bf as Xi, bg as Ji, k as eo, bb as to, bn as ao, S as no, bl as ro, bm as so, ax as io, bd as oo, bR as lo, am as co, v as uo, bL as mo, n as go, h as po, s as ho, a0 as fo, a1 as bo, a9 as vo, bk as yo, bx as wo, bE as _o, aC as No, aD as Do, a8 as ko, aQ as Co, aR as xo, aF as So, aG as Ro, aI as To, aX as Mo, aY as Io, br as Po, bG as Fo, bF as Eo, a_ as Ao, a$ as Oo, az as Lo, aA as $o, b7 as Bo, b6 as zo, b0 as Ko, aN as Wo, aO as Go, aZ as Vo, aK as jo, aL as Ho, d as Uo, bD as Zo, bs as qo, bu as Yo, bv as Qo, aW as Xo, a3 as Jo, g as el } from "./Expandable-BgEhifn0.js";
 import { jsxs as N, jsx as r, Fragment as te } from "react/jsx-runtime";
-import * as Xe from "react";
-import H, { useRef as T, useEffect as L, useState as $, useCallback as w, useId as vt, forwardRef as bt, useMemo as ye, createContext as yt, useContext as wt } from "react";
-import { motion as De, useMotionValue as _t, animate as We, useDragControls as Nt } from "framer-motion";
-import { B as Dt, a as pe, b as Re, U as Oe } from "./UIContext-CDdyubSF.js";
-import { c as qo, u as Yo } from "./UIContext-CDdyubSF.js";
-import { createPortal as kt } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as Xo, DEFAULT_PINNED as Jo, PERIOD_OPTIONS as el, ROLLING_OPTIONS as tl, TODAY_PRESET as al, findPreset as nl, formatDateRange as rl, formatMarketDates as sl, formatTrend as il, formatValue as ol, generateMarketId as ll, getAllPresets as cl, getDateRangeForPreset as dl, getPresetLabel as ul, isInRange as ml, isMarketActive as gl, isSameDay as pl, normalizePresetId as hl, toUppercasePresetId as fl } from "@mt-gloss/utils";
-import Ct from "@mui/icons-material/AccessTime";
-import xt from "@mui/icons-material/Tune";
-import St from "@mui/icons-material/ViewColumn";
+import * as Je from "react";
+import j, { useRef as T, useEffect as O, useState as $, useCallback as _, useId as yt, forwardRef as wt, useMemo as we, createContext as _t, useContext as Nt } from "react";
+import { motion as ke, useMotionValue as Dt, animate as Ve, useDragControls as kt } from "framer-motion";
+import { B as Ct, a as he, b as Ie, U as $e } from "./UIContext-CDdyubSF.js";
+import { c as al, u as nl } from "./UIContext-CDdyubSF.js";
+import { createPortal as xt } from "react-dom";
+import { DEFAULT_MARKET_PRESETS as sl, DEFAULT_PINNED as il, PERIOD_OPTIONS as ol, ROLLING_OPTIONS as ll, TODAY_PRESET as cl, findPreset as dl, formatDateRange as ul, formatMarketDates as ml, formatTrend as gl, formatValue as pl, generateMarketId as hl, getAllPresets as fl, getDateRangeForPreset as bl, getPresetLabel as vl, isInRange as yl, isMarketActive as wl, isSameDay as _l, normalizePresetId as Nl, toUppercasePresetId as Dl } from "@mt-gloss/utils";
+import St from "@mui/icons-material/AccessTime";
+import Rt from "@mui/icons-material/Tune";
+import Tt from "@mui/icons-material/ViewColumn";
 import Mt from "@mui/icons-material/AspectRatio";
-import Tt from "@mui/icons-material/Palette";
-import Rt from "@mui/icons-material/PushPin";
-function un(e = {}) {
+import It from "@mui/icons-material/Palette";
+import Pt from "@mui/icons-material/PushPin";
+function bn(e = {}) {
   const { enabled: t = !0, returnTo: n } = e, a = T(null);
-  return L(() => {
+  return O(() => {
     t && (a.current = n || document.activeElement);
-  }, [t, n]), L(() => () => {
+  }, [t, n]), O(() => () => {
     t && a.current && setTimeout(() => {
       a.current?.focus?.();
     }, 0);
   }, [t]), a;
 }
-function mn(e) {
+function vn(e) {
   const {
     items: t,
     activeIndex: n,
@@ -33,65 +33,65 @@ function mn(e) {
     orientation: s = "vertical",
     enabled: o = !0,
     isItemDisabled: l,
-    onSelect: d,
+    onSelect: c,
     onEscape: u
-  } = e, [v, f] = $(-1), m = n !== void 0 ? n : v, g = w(
-    (c) => {
-      n === void 0 && f(c), a?.(c);
+  } = e, [f, h] = $(-1), m = n !== void 0 ? n : f, g = _(
+    (d) => {
+      n === void 0 && h(d), a?.(d);
     },
     [n, a]
-  ), _ = w(() => t.map((c, b) => ({ item: c, index: b })).filter(({ item: c, index: b }) => !l?.(c, b)).map(({ index: c }) => c), [t, l]), p = w(
-    (c, b) => {
-      const D = _();
+  ), w = _(() => t.map((d, v) => ({ item: d, index: v })).filter(({ item: d, index: v }) => !l?.(d, v)).map(({ index: d }) => d), [t, l]), p = _(
+    (d, v) => {
+      const D = w();
       if (D.length === 0) return -1;
-      const S = D.indexOf(c);
+      const S = D.indexOf(d);
       if (S === -1)
-        return b === 1 ? D.find((x) => x > c) ?? (i ? D[0] : -1) : [...D].reverse().find((F) => F < c) ?? (i ? D[D.length - 1] : -1);
-      let y = S + b;
+        return v === 1 ? D.find((x) => x > d) ?? (i ? D[0] : -1) : [...D].reverse().find((F) => F < d) ?? (i ? D[D.length - 1] : -1);
+      let y = S + v;
       return i ? y = (y + D.length) % D.length : y = Math.max(0, Math.min(D.length - 1, y)), D[y];
     },
-    [_, i]
-  ), h = w(() => {
-    const c = _();
-    c.length > 0 && g(c[0]);
-  }, [_, g]), M = w(() => {
-    const c = _();
-    c.length > 0 && g(c[c.length - 1]);
-  }, [_, g]), P = w(() => {
-    const c = p(m, 1);
-    c !== -1 && g(c);
-  }, [m, p, g]), C = w(() => {
-    const c = p(m, -1);
-    c !== -1 && g(c);
-  }, [m, p, g]), R = w(() => {
+    [w, i]
+  ), b = _(() => {
+    const d = w();
+    d.length > 0 && g(d[0]);
+  }, [w, g]), R = _(() => {
+    const d = w();
+    d.length > 0 && g(d[d.length - 1]);
+  }, [w, g]), P = _(() => {
+    const d = p(m, 1);
+    d !== -1 && g(d);
+  }, [m, p, g]), C = _(() => {
+    const d = p(m, -1);
+    d !== -1 && g(d);
+  }, [m, p, g]), M = _(() => {
     g(-1);
-  }, [g]), I = w(
-    (c) => {
+  }, [g]), I = _(
+    (d) => {
       if (!o) return;
-      const { key: b } = c, D = b === "ArrowUp" && (s === "vertical" || s === "both"), S = b === "ArrowDown" && (s === "vertical" || s === "both"), y = b === "ArrowLeft" && (s === "horizontal" || s === "both"), x = b === "ArrowRight" && (s === "horizontal" || s === "both");
+      const { key: v } = d, D = v === "ArrowUp" && (s === "vertical" || s === "both"), S = v === "ArrowDown" && (s === "vertical" || s === "both"), y = v === "ArrowLeft" && (s === "horizontal" || s === "both"), x = v === "ArrowRight" && (s === "horizontal" || s === "both");
       if (D || y) {
-        c.preventDefault(), m === -1 ? M() : C();
+        d.preventDefault(), m === -1 ? R() : C();
         return;
       }
       if (S || x) {
-        c.preventDefault(), m === -1 ? h() : P();
+        d.preventDefault(), m === -1 ? b() : P();
         return;
       }
-      if (b === "Home") {
-        c.preventDefault(), h();
+      if (v === "Home") {
+        d.preventDefault(), b();
         return;
       }
-      if (b === "End") {
-        c.preventDefault(), M();
+      if (v === "End") {
+        d.preventDefault(), R();
         return;
       }
-      if ((b === "Enter" || b === " ") && m >= 0 && m < t.length) {
-        c.preventDefault();
+      if ((v === "Enter" || v === " ") && m >= 0 && m < t.length) {
+        d.preventDefault();
         const F = t[m];
-        l?.(F, m) || d?.(F, m);
+        l?.(F, m) || c?.(F, m);
         return;
       }
-      if (b === "Escape") {
+      if (v === "Escape") {
         u?.();
         return;
       }
@@ -101,12 +101,12 @@ function mn(e) {
       s,
       m,
       t,
-      h,
-      M,
+      b,
+      R,
       P,
       C,
       l,
-      d,
+      c,
       u
     ]
   );
@@ -114,14 +114,14 @@ function mn(e) {
     focusedIndex: m,
     setFocusedIndex: g,
     handleKeyDown: I,
-    focusFirst: h,
-    focusLast: M,
+    focusFirst: b,
+    focusLast: R,
     focusNext: P,
     focusPrevious: C,
-    resetFocus: R
+    resetFocus: M
   };
 }
-const It = ({
+const Ft = ({
   label: e = "Set a target",
   unit: t,
   currentValue: n,
@@ -129,19 +129,19 @@ const It = ({
   onSkip: i,
   hint: s
 }) => {
-  const [o, l] = $(n != null ? String(n) : ""), d = () => {
+  const [o, l] = $(n != null ? String(n) : ""), c = () => {
     const g = parseFloat(o);
     Number.isNaN(g) || a(g);
   }, u = (g) => {
-    g.key === "Enter" ? (g.preventDefault(), d()) : g.key === "Escape" && (g.preventDefault(), i?.());
-  }, v = vt(), f = `gloss-target-input-field-${v}`, m = s ? `gloss-target-input-hint-${v}` : void 0;
+    g.key === "Enter" ? (g.preventDefault(), c()) : g.key === "Escape" && (g.preventDefault(), i?.());
+  }, f = yt(), h = `gloss-target-input-field-${f}`, m = s ? `gloss-target-input-hint-${f}` : void 0;
   return /* @__PURE__ */ N("div", { className: "gloss-target-input", children: [
-    /* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: f, children: e }),
+    /* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: h, children: e }),
     /* @__PURE__ */ N("div", { className: "gloss-target-input__field-row", children: [
       /* @__PURE__ */ r(
         "input",
         {
-          id: f,
+          id: h,
           type: "number",
           className: "gloss-target-input__field",
           value: o,
@@ -160,7 +160,7 @@ const It = ({
         {
           type: "button",
           className: "gloss-target-input__confirm",
-          onClick: d,
+          onClick: c,
           children: "Confirm"
         }
       ),
@@ -175,43 +175,43 @@ const It = ({
       )
     ] })
   ] });
-}, ke = (e) => {
-}, Pt = {
+}, Ce = (e) => {
+}, Et = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
-  onRemove: ke
-}, Ft = {
+  onRemove: Ce
+}, At = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
-  onRemove: ke
-}, Et = {
+  onRemove: Ce
+}, Ot = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
-  onRemove: ke
-}, At = {
+  onRemove: Ce
+}, Lt = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
-  onRemove: ke
-}, gn = [
-  Pt,
-  Ft,
+  onRemove: Ce
+}, yn = [
   Et,
-  At
-], pn = {
+  At,
+  Ot,
+  Lt
+], wn = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, hn = {
+}, _n = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -219,7 +219,7 @@ const It = ({
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, fn = {
+}, Nn = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -227,30 +227,30 @@ const It = ({
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, vn = [
+}, Dn = [
   { 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 }
-], bn = [
+], kn = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], yn = [
+], Cn = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], wn = [
+], xn = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], _n = [
+], Sn = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], Nn = [
+], Rn = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
-], Ve = {
+], je = {
   position: "fixed",
   zIndex: 9999,
   background: "rgba(255,255,255,0.92)",
@@ -262,7 +262,7 @@ const It = ({
   minWidth: 148,
   paddingTop: 4,
   paddingBottom: 4
-}, Ie = (e) => ({
+}, Pe = (e) => ({
   padding: "6px 12px",
   fontSize: 12,
   lineHeight: 1.4,
@@ -276,16 +276,16 @@ const It = ({
   width: "100%",
   textAlign: "left",
   border: "none"
-}), Lt = (e) => ({
-  ...Ie(e),
+}), $t = (e) => ({
+  ...Pe(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), Ot = {
+}), Bt = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function $t({
+function zt({
   open: e,
   anchorEl: t,
   statusId: n,
@@ -294,44 +294,44 @@ function $t({
   overflowActions: s,
   onClose: o
 }) {
-  const [l, d] = $(null), u = T(null), v = w(() => {
-    if (!t) return { ...Ve, top: 0, left: 0 };
+  const [l, c] = $(null), u = T(null), f = _(() => {
+    if (!t) return { ...je, top: 0, left: 0 };
     const g = t.getBoundingClientRect();
     return {
-      ...Ve,
+      ...je,
       top: g.bottom + 4,
       left: g.left
     };
   }, [t]);
-  if (L(() => {
+  if (O(() => {
     if (!e) return;
-    const g = (_) => {
-      _.key === "Escape" && o();
+    const g = (w) => {
+      w.key === "Escape" && o();
     };
     return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
-  }, [e, o]), L(() => {
+  }, [e, o]), O(() => {
     if (!e) return;
-    const g = (_) => {
-      u.current && !u.current.contains(_.target) && o();
+    const g = (w) => {
+      u.current && !u.current.contains(w.target) && o();
     };
     return document.addEventListener("pointerdown", g, !0), () => document.removeEventListener("pointerdown", g, !0);
   }, [e, o]), !e) return null;
-  const f = s && s.length > 0, m = /* @__PURE__ */ N(
+  const h = s && s.length > 0, m = /* @__PURE__ */ N(
     "div",
     {
       ref: u,
       "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
-      style: v(),
+      style: f(),
       children: [
         /* @__PURE__ */ r(
           "button",
           {
             role: "menuitem",
-            style: Lt(l === "__primary"),
-            onMouseEnter: () => d("__primary"),
-            onMouseLeave: () => d(null),
+            style: $t(l === "__primary"),
+            onMouseEnter: () => c("__primary"),
+            onMouseLeave: () => c(null),
             onClick: () => {
               a(n), o();
             },
@@ -342,23 +342,23 @@ function $t({
           "button",
           {
             role: "menuitem",
-            style: Ie(l === "__graph"),
-            onMouseEnter: () => d("__graph"),
-            onMouseLeave: () => d(null),
+            style: Pe(l === "__graph"),
+            onMouseEnter: () => c("__graph"),
+            onMouseLeave: () => c(null),
             onClick: () => {
               i(n), o();
             },
             children: "Show on graph"
           }
         ),
-        f && /* @__PURE__ */ r("div", { style: Ot }),
-        f && s?.map((g) => /* @__PURE__ */ r(
+        h && /* @__PURE__ */ r("div", { style: Bt }),
+        h && s?.map((g) => /* @__PURE__ */ r(
           "button",
           {
             role: "menuitem",
-            style: Ie(l === g.id),
-            onMouseEnter: () => d(g.id),
-            onMouseLeave: () => d(null),
+            style: Pe(l === g.id),
+            onMouseEnter: () => c(g.id),
+            onMouseLeave: () => c(null),
             onClick: () => {
               g.onSelect(n), o();
             },
@@ -369,33 +369,33 @@ function $t({
       ]
     }
   );
-  return kt(m, document.body);
+  return xt(m, document.body);
 }
-$t.displayName = "StatusSlotChipMenu";
-const Dn = {
+zt.displayName = "StatusSlotChipMenu";
+const Tn = {
   forwardStaggerMs: 50,
   reverseStaggerMs: 30,
   springStiffness: 380,
   springDamping: 32,
   reverseVelocityMultiplier: 1.4
-}, me = {
+}, ge = {
   enterDurationMs: 220,
   exitDurationMs: 140,
   enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
   exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
   translateOffsetPx: 8
-}, kn = {
+}, Mn = {
   shiverCycles: 3,
   shiverAmplitudePx: 2,
   shiverDurationMs: 180,
   validCellOpacity: 0.6
-}, Cn = {
+}, In = {
   materializeMs: 180,
   dematerializeMs: 140,
   easing: "cubic-bezier(0.22, 1, 0.36, 1)",
   dotStrokePx: 2,
   dividerDashGapPx: 4
-}, xn = {
+}, Pn = {
   cascadeStaggerMs: 0,
   cascadeSpringCapMs: 120,
   swingEnterMs: 100,
@@ -404,7 +404,7 @@ const Dn = {
   provisionalStyle: "opacity",
   shiverMs: 200,
   shiverStyle: "color-flash"
-}, Sn = !0, Mn = {
+}, Fn = !0, En = {
   rejectionFill: "var(--gloss-rejection-fill)",
   rejectionStroke: "var(--gloss-rejection-stroke)",
   validFill: "var(--gloss-valid-fill)",
@@ -412,7 +412,7 @@ const Dn = {
   validCellStroke: "var(--gloss-valid-cell-stroke)",
   provisionalWash: "var(--gloss-provisional-wash)"
 };
-function Tn() {
+function Kt() {
   if (typeof window > "u") return "full";
   try {
     return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
@@ -420,13 +420,13 @@ function Tn() {
     return "full";
   }
 }
-const Pe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) => {
+const Fe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) => {
   const s = {
-    "--gloss-swing-enter-ms": `${me.enterDurationMs}ms`,
-    "--gloss-swing-exit-ms": `${me.exitDurationMs}ms`,
-    "--gloss-swing-offset": `${me.translateOffsetPx}px`,
-    "--gloss-swing-enter-easing": me.enterEasing,
-    "--gloss-swing-exit-easing": me.exitEasing
+    "--gloss-swing-enter-ms": `${ge.enterDurationMs}ms`,
+    "--gloss-swing-exit-ms": `${ge.exitDurationMs}ms`,
+    "--gloss-swing-offset": `${ge.translateOffsetPx}px`,
+    "--gloss-swing-enter-easing": ge.enterEasing,
+    "--gloss-swing-exit-easing": ge.exitEasing
   }, o = [
     "gloss-swing-reveal",
     `gloss-swing-reveal--${t}`,
@@ -444,9 +444,9 @@ const Pe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
       children: a
     }
   );
-}, Bt = bt(
-  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: i, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: l, edge: d = "right", ariaLabel: u = "Resize card" }, v) {
-    const f = t === "handle-visible" || t === "dragging" || t === "settling", m = (p) => {
+}, Wt = wt(
+  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: i, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: l, edge: c = "right", ariaLabel: u = "Resize card" }, f) {
+    const h = t === "handle-visible" || t === "dragging" || t === "settling", m = (p) => {
       try {
         p.currentTarget.setPointerCapture(p.pointerId);
       } catch {
@@ -458,35 +458,35 @@ const Pe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
       } catch {
       }
       a(p);
-    }, _ = (p) => {
-      !f || !o || (p.key === "ArrowRight" ? (p.preventDefault(), o("grow")) : p.key === "ArrowLeft" && (p.preventDefault(), o("shrink")));
+    }, w = (p) => {
+      !h || !o || (p.key === "ArrowRight" ? (p.preventDefault(), o("grow")) : p.key === "ArrowLeft" && (p.preventDefault(), o("shrink")));
     };
-    return /* @__PURE__ */ r(Pe, { visible: f, variant: "handle", trigger: "hover", children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(Fe, { visible: h, variant: "handle", trigger: "hover", children: /* @__PURE__ */ r(
       "button",
       {
-        ref: v,
+        ref: f,
         type: "button",
         "aria-label": u,
-        "data-edge": d,
+        "data-edge": c,
         "data-resize-state": t,
         className: [
           "gloss-edge-handle",
-          `gloss-edge-handle--${d}`,
-          f ? "gloss-edge-handle--visible" : ""
+          `gloss-edge-handle--${c}`,
+          h ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
         onPointerDown: m,
         onPointerUp: g,
         onPointerEnter: i,
         onPointerLeave: s,
         onLostPointerCapture: l,
-        onKeyDown: _,
-        tabIndex: f ? 0 : -1
+        onKeyDown: w,
+        tabIndex: h ? 0 : -1
       }
     ) });
   }
 );
-Bt.displayName = "EdgeHoverHandle";
-function Kt({
+Wt.displayName = "EdgeHoverHandle";
+function Gt({
   visible: e,
   targetColSpan: t,
   ghostWidth: n,
@@ -494,7 +494,7 @@ function Kt({
   exitMs: i = 120
 }) {
   return /* @__PURE__ */ r(
-    De.div,
+    ke.div,
     {
       "aria-hidden": "true",
       "data-ghost-preview": e ? "visible" : "hidden",
@@ -510,8 +510,8 @@ function Kt({
     }
   );
 }
-Kt.displayName = "GhostPreview";
-class zt {
+Gt.displayName = "GhostPreview";
+class Vt {
   constructor() {
     this.samples = [], this.capacity = 3;
   }
@@ -549,14 +549,14 @@ class zt {
     const t = this.samples.length;
     if (t < 2) return 0;
     if (t === 2) {
-      const [d, u] = this.samples, v = Math.max(1, u.t - d.t);
-      return (u.x - d.x) / v * 1e3;
+      const [c, u] = this.samples, f = Math.max(1, u.t - c.t);
+      return (u.x - c.x) / f * 1e3;
     }
     const [n, a, i] = this.samples, s = (i.x - a.x) / Math.max(1, i.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, l = o;
     return (s * 3 + o * 2 + l * 1) / 6;
   }
 }
-const Je = {
+const et = {
   // Spring (D-08). Retuned 260419 — damping 35 → 22 so the commit spring
   // has visible overshoot (ζ ≈ 0.49, ~13–17% overshoot, ~350ms settle). The
   // prior ζ ≈ 0.78 was imperceptible to users. Debug slug:
@@ -576,7 +576,7 @@ const Je = {
   // Velocity multiplier (D-03b panel)
   velocityMultiplier: 1
 };
-function Rn({
+function An({
   currentColSpan: e,
   stackable: t,
   onResize: n,
@@ -585,18 +585,18 @@ function Rn({
   gap: s = 0,
   tuning: o,
   dwellMs: l = 60,
-  graceExitMs: d = 150,
+  graceExitMs: c = 150,
   enterMs: u = 180,
-  exitMs: v = 120,
-  maxColSpan: f = 3,
+  exitMs: f = 120,
+  maxColSpan: h = 3,
   containerRef: m,
   forceIdle: g
 }) {
-  const [_, p] = $("idle"), [h, M] = $(e), P = T(null), C = T(null), R = T(null), I = T(null), c = T(i), b = T(s), D = T(f), S = T(0), y = T("idle");
-  L(() => {
-    y.current = _;
-  }, [_]);
-  const x = _t(0), F = T(null), j = w(() => {
+  const [w, p] = $("idle"), [b, R] = $(e), P = T(null), C = T(null), M = T(null), I = T(null), d = T(i), v = T(s), D = T(h), S = T(0), y = T("idle");
+  O(() => {
+    y.current = w;
+  }, [w]);
+  const x = Dt(0), F = T(null), H = _(() => {
     const k = F.current;
     if (k) {
       try {
@@ -605,96 +605,96 @@ function Rn({
       }
       F.current = null;
     }
-  }, []), q = w(
+  }, []), q = _(
     (k) => {
-      const E = c.current, A = b.current;
+      const E = d.current, A = v.current;
       return k * E + (k - 1) * A;
     },
     []
-  ), U = T(new zt()), W = T(e);
-  L(() => {
-    W.current = h;
-  }, [h]);
-  const B = ye(() => ({ ...Je, ...o ?? {} }), [o]), Z = w(() => {
+  ), U = T(new Vt()), G = T(e);
+  O(() => {
+    G.current = b;
+  }, [b]);
+  const B = we(() => ({ ...et, ...o ?? {} }), [o]), Z = _(() => {
     P.current && (clearTimeout(P.current), P.current = null);
-  }, []), O = w(() => {
+  }, []), L = _(() => {
     C.current && (clearTimeout(C.current), C.current = null);
-  }, []), J = w(() => {
-    R.current && (clearTimeout(R.current), R.current = null);
+  }, []), J = _(() => {
+    M.current && (clearTimeout(M.current), M.current = null);
   }, []);
-  L(() => {
-    g && (y.current === "dragging" || y.current === "settling" || (Z(), O(), J(), y.current = "idle", p("idle")));
-  }, [g, Z, O, J]);
-  const $e = w(() => {
-    O(), p((k) => k === "settling" || k !== "idle" ? k : (P.current = setTimeout(() => p("handle-visible"), l), "dwelling"));
-  }, [l, O]), Be = w(() => {
+  O(() => {
+    g && (y.current === "dragging" || y.current === "settling" || (Z(), L(), J(), y.current = "idle", p("idle")));
+  }, [g, Z, L, J]);
+  const Be = _(() => {
+    L(), p((k) => k === "settling" || k !== "idle" ? k : (P.current = setTimeout(() => p("handle-visible"), l), "dwelling"));
+  }, [l, L]), ze = _(() => {
     Z();
     const k = y.current;
     k !== "dwelling" && k !== "handle-visible" || (C.current = setTimeout(() => {
       y.current = "idle", p("idle");
-    }, d));
-  }, [Z, d]), oe = w(
+    }, c));
+  }, [Z, c]), le = _(
     (k, E, A) => {
-      const K = c.current, ee = K * B.snapInFraction, Y = K * B.snapOutFraction, z = E - A, V = Math.max(
+      const z = d.current, ee = z * B.snapInFraction, Y = z * B.snapOutFraction, K = E - A, V = Math.max(
         A,
-        D.current ?? f
+        D.current ?? h
       );
-      let G = z;
-      for (; A + G < V; ) {
-        const ae = G * K + (G < 0 ? Y : ee);
-        if (k >= ae) G += 1;
+      let W = K;
+      for (; A + W < V; ) {
+        const ae = W * z + (W < 0 ? Y : ee);
+        if (k >= ae) W += 1;
         else break;
       }
-      if (G === z)
-        for (; A + G > 1; ) {
-          const ae = G * K - (G > 0 ? Y : ee);
-          if (k <= ae) G -= 1;
+      if (W === K)
+        for (; A + W > 1; ) {
+          const ae = W * z - (W > 0 ? Y : ee);
+          if (k <= ae) W -= 1;
           else break;
         }
-      return Math.min(V, Math.max(1, A + G));
+      return Math.min(V, Math.max(1, A + W));
     },
-    [B.snapInFraction, B.snapOutFraction, f]
-  ), dt = w(
+    [B.snapInFraction, B.snapOutFraction, h]
+  ), mt = _(
     (k) => {
       if (y.current !== "handle-visible") return;
-      j(), I.current = k.clientX, c.current = i, b.current = s, D.current = f;
+      H(), I.current = k.clientX, d.current = i, v.current = s, D.current = h;
       const E = e * i + (e - 1) * s;
       S.current = E, U.current.clear(), U.current.push({ x: k.clientX, t: performance.now() }), x.jump(E), y.current = "dragging", p("dragging");
     },
-    [i, s, f, e, x, j]
-  ), Ke = w(
-    (k) => k * c.current + (k - 1) * b.current,
+    [i, s, h, e, x, H]
+  ), Ke = _(
+    (k) => k * d.current + (k - 1) * v.current,
     []
-  ), ie = w(
+  ), oe = _(
     (k, E) => {
-      const A = Ke(k), K = k !== e;
+      const A = Ke(k), z = k !== e;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        x.jump(A), K && E ? n({ direction: E, targetColSpan: k, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), x.jump(0), y.current = "idle", p("idle");
+        x.jump(A), z && E ? n({ direction: E, targetColSpan: k, mode: t ? "slot-fill" : "sparkline-fidelity" }) : z || a?.(), x.jump(0), y.current = "idle", p("idle");
         return;
       }
       const Y = U.current.getWeightedVelocity() * B.velocityMultiplier;
-      y.current = "settling", p("settling"), j(), F.current = We(x, A, {
+      y.current = "settling", p("settling"), H(), F.current = Ve(x, A, {
         type: "spring",
         stiffness: B.stiffness,
         damping: B.damping,
         mass: B.mass,
         velocity: Y,
         onComplete: () => {
-          F.current = null, K && E ? n({ direction: E, targetColSpan: k, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), x.jump(0), y.current = "idle", p("idle");
+          F.current = null, z && E ? n({ direction: E, targetColSpan: k, mode: t ? "slot-fill" : "sparkline-fidelity" }) : z || a?.(), x.jump(0), y.current = "idle", p("idle");
         }
       });
     },
-    [Ke, e, t, n, a, x, B, j]
-  ), ut = w(
+    [Ke, e, t, n, a, x, B, H]
+  ), gt = _(
     (k) => {
       if (y.current !== "dragging") return;
-      const E = k.clientX - (I.current ?? k.clientX), A = c.current, ee = ((D.current ?? f) - e) * A, Y = (1 - e) * A, z = Math.max(Y, Math.min(ee, E));
+      const E = k.clientX - (I.current ?? k.clientX), A = d.current, ee = ((D.current ?? h) - e) * A, Y = (1 - e) * A, K = Math.max(Y, Math.min(ee, E));
       U.current.push({ x: k.clientX, t: performance.now() });
-      const V = oe(z, W.current, e), G = V > e ? "grow" : V < e ? "shrink" : null;
-      ie(V, G);
+      const V = le(K, G.current, e), W = V > e ? "grow" : V < e ? "shrink" : null;
+      oe(V, W);
     },
-    [oe, e, f, ie]
-  ), le = w(() => {
+    [le, e, h, oe]
+  ), ce = _(() => {
     if (Z(), y.current === "dragging") {
       const k = S.current;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
@@ -702,7 +702,7 @@ function Rn({
         return;
       }
       const A = U.current.getWeightedVelocity();
-      y.current = "settling", p("settling"), j(), F.current = We(x, k, {
+      y.current = "settling", p("settling"), H(), F.current = Ve(x, k, {
         type: "spring",
         stiffness: B.stiffness,
         damping: B.damping,
@@ -715,93 +715,93 @@ function Rn({
       return;
     }
     y.current === "handle-visible" && (a?.(), y.current = "cancelled", p("cancelled"));
-  }, [Z, x, a, B, j]);
-  L(() => {
-    if (_ !== "dragging" && _ !== "handle-visible") return;
+  }, [Z, x, a, B, H]);
+  O(() => {
+    if (w !== "dragging" && w !== "handle-visible") return;
     const k = (E) => {
-      E.key === "Escape" && le();
+      E.key === "Escape" && ce();
     };
     return window.addEventListener("keydown", k), () => window.removeEventListener("keydown", k);
-  }, [_, le]), L(() => {
-    if (_ !== "dragging") {
-      M(e);
+  }, [w, ce]), O(() => {
+    if (w !== "dragging") {
+      R(e);
       return;
     }
-    const k = (z) => {
-      const V = z.clientX - (I.current ?? z.clientX), G = S.current, ce = q(1), ae = q(f), we = G + V, Ge = Math.max(ce, Math.min(ae, we));
+    const k = (K) => {
+      const V = K.clientX - (I.current ?? K.clientX), W = S.current, de = q(1), ae = q(h), _e = W + V, Ge = Math.max(de, Math.min(ae, _e));
       x.set(Ge);
-      const _e = c.current, Ce = (f - e) * _e, xe = (1 - e) * _e, de = Math.max(xe, Math.min(Ce, V));
-      U.current.push({ x: z.clientX, t: performance.now() });
-      const ue = oe(de, W.current, e);
-      ue !== W.current && (W.current = ue, M(ue));
-    }, E = (z, V) => {
+      const Ne = d.current, xe = (h - e) * Ne, Se = (1 - e) * Ne, ue = Math.max(Se, Math.min(xe, V));
+      U.current.push({ x: K.clientX, t: performance.now() });
+      const me = le(ue, G.current, e);
+      me !== G.current && (G.current = me, R(me));
+    }, E = (K, V) => {
       if (y.current === "dragging")
-        if (z === "pointerup") {
-          const G = U.current.tail(), ce = V?.clientX ?? G?.x ?? I.current ?? 0, ae = ce - (I.current ?? ce), we = c.current, _e = ((D.current ?? f) - e) * we, Ce = (1 - e) * we, xe = Math.max(Ce, Math.min(_e, ae));
+        if (K === "pointerup") {
+          const W = U.current.tail(), de = V?.clientX ?? W?.x ?? I.current ?? 0, ae = de - (I.current ?? de), _e = d.current, Ne = ((D.current ?? h) - e) * _e, xe = (1 - e) * _e, Se = Math.max(xe, Math.min(Ne, ae));
           V && U.current.push({ x: V.clientX, t: performance.now() });
-          const de = oe(xe, W.current, e), ue = de > e ? "grow" : de < e ? "shrink" : null;
-          ie(de, ue);
+          const ue = le(Se, G.current, e), me = ue > e ? "grow" : ue < e ? "shrink" : null;
+          oe(ue, me);
         } else
-          le();
-    }, A = (z) => E("pointerup", z), K = (z) => E("pointercancel", z), ee = () => E("blur"), Y = () => {
+          ce();
+    }, A = (K) => E("pointerup", K), z = (K) => E("pointercancel", K), ee = () => E("blur"), Y = () => {
       document.visibilityState === "hidden" && E("visibility-hidden");
     };
-    return window.addEventListener("pointermove", k), window.addEventListener("pointerup", A), window.addEventListener("pointercancel", K), window.addEventListener("blur", ee), document.addEventListener("visibilitychange", Y), () => {
-      window.removeEventListener("pointermove", k), window.removeEventListener("pointerup", A), window.removeEventListener("pointercancel", K), window.removeEventListener("blur", ee), document.removeEventListener("visibilitychange", Y);
+    return window.addEventListener("pointermove", k), window.addEventListener("pointerup", A), window.addEventListener("pointercancel", z), window.addEventListener("blur", ee), document.addEventListener("visibilitychange", Y), () => {
+      window.removeEventListener("pointermove", k), window.removeEventListener("pointerup", A), window.removeEventListener("pointercancel", z), window.removeEventListener("blur", ee), document.removeEventListener("visibilitychange", Y);
     };
-  }, [_, e, x, oe, f, q, le, ie]), L(() => () => {
-    Z(), O(), J();
-  }, [Z, O, J]), L(() => {
-    if (_ !== "cancelled") return;
-    const k = setTimeout(() => p("idle"), v);
+  }, [w, e, x, le, h, q, ce, oe]), O(() => () => {
+    Z(), L(), J();
+  }, [Z, L, J]), O(() => {
+    if (w !== "cancelled") return;
+    const k = setTimeout(() => p("idle"), f);
     return () => clearTimeout(k);
-  }, [_, v]);
-  const mt = w(
+  }, [w, f]);
+  const pt = _(
     (k) => {
       if (y.current === "settling") return;
-      const A = Math.min(f, Math.max(1, e + (k === "grow" ? 1 : -1)));
+      const A = Math.min(h, Math.max(1, e + (k === "grow" ? 1 : -1)));
       if (A === e) return;
-      c.current = i, b.current = s, D.current = f, U.current.clear();
-      const K = e * i + (e - 1) * s;
-      S.current = K, x.jump(K), ie(A, k);
+      d.current = i, v.current = s, D.current = h, U.current.clear();
+      const z = e * i + (e - 1) * s;
+      S.current = z, x.jump(z), oe(A, k);
     },
-    [e, i, s, f, x, ie]
-  ), ze = w(() => {
-    J(), R.current = setTimeout(() => {
+    [e, i, s, h, x, oe]
+  ), We = _(() => {
+    J(), M.current = setTimeout(() => {
       y.current === "handle-visible" && (y.current = "idle", p("idle"));
     }, 5e3);
-  }, [J]), gt = w(() => {
-    y.current === "idle" && (Z(), y.current = "handle-visible", p("handle-visible"), ze());
-  }, [Z, ze]), pt = w(() => {
+  }, [J]), ht = _(() => {
+    y.current === "idle" && (Z(), y.current = "handle-visible", p("handle-visible"), We());
+  }, [Z, We]), ft = _(() => {
     J(), y.current === "handle-visible" && (y.current = "idle", p("idle"));
   }, [J]);
   return {
-    state: _,
-    enterEdgeZone: $e,
-    leaveEdgeZone: Be,
+    state: w,
+    enterEdgeZone: Be,
+    leaveEdgeZone: ze,
     handleProps: {
-      onPointerDown: dt,
-      onPointerUp: ut,
+      onPointerDown: mt,
+      onPointerUp: gt,
       // Bug E: handle continues zone presence so pointer crossing sentinel→handle
       // doesn't collapse state. handle's pointerenter = stay in zone.
-      onPointerEnter: $e,
-      onPointerLeave: Be
+      onPointerEnter: Be,
+      onPointerLeave: ze
     },
-    previewColSpan: h,
+    previewColSpan: b,
     ghostProps: {
-      visible: _ === "dragging" || _ === "settling",
-      targetColSpan: h,
+      visible: w === "dragging" || w === "settling",
+      targetColSpan: b,
       ghostWidth: x,
       enterMs: u,
-      exitMs: v
+      exitMs: f
     },
-    onKeyboardStep: mt,
-    onTouchReveal: gt,
-    onTouchDismiss: pt,
-    cancel: le
+    onKeyboardStep: pt,
+    onTouchReveal: ht,
+    onTouchDismiss: ft,
+    cancel: ce
   };
 }
-const se = {
+const ie = {
   // Cascade (D-08, D-10)
   staggerMs: 50,
   reverseStaggerMs: 30,
@@ -826,14 +826,14 @@ const se = {
   sectionDividerFadeOutMs: 80,
   sectionDividerStaggerMs: 40
 };
-function In(e) {
+function On(e) {
   const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: i } = e;
   if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
     return;
   const s = (a + 0.5) * (t / n);
   return i != null && Number.isFinite(i) && i > 0 ? s - i / 2 : s;
 }
-const Pn = [
+const Ln = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -965,24 +965,24 @@ const Pn = [
     subtitle: "Awaiting QA",
     highlightColor: "neutral"
   }
-], Gt = {
+], jt = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, Wt = {
+}, Ht = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, Vt = {
+}, Ut = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, Ht = {
+}, Zt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -990,7 +990,7 @@ const Pn = [
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, jt = {
+}, qt = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -999,7 +999,7 @@ const Pn = [
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, Ut = {
+}, Yt = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -1010,14 +1010,14 @@ const Pn = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, Fn = [
-  Gt,
-  Wt,
-  Vt,
-  Ht,
+}, $n = [
   jt,
-  Ut
-], En = {
+  Ht,
+  Ut,
+  Zt,
+  qt,
+  Yt
+], Bn = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -1040,7 +1040,7 @@ const Pn = [
     59
   ],
   accentColor: "#6366f1"
-}, An = {
+}, zn = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -1079,21 +1079,21 @@ const Pn = [
     19
   ],
   accentColor: "#10b981"
-}, Ln = {
+}, Kn = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, On = {
+}, Wn = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, $n = {
+}, Gn = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -1101,7 +1101,7 @@ const Pn = [
   trend: { value: 0, direction: "flat" },
   subtitle: "QTD"
 };
-function et({
+function tt({
   open: e,
   onDismiss: t,
   anchorRef: n,
@@ -1111,23 +1111,23 @@ function et({
   onCreatePage: o,
   onManagePages: l
 }) {
-  const d = w(
+  const c = _(
     (m) => {
       s(m), t();
     },
     [s, t]
-  ), u = w(
+  ), u = _(
     (m, g) => {
-      (g.key === "Enter" || g.key === " ") && (g.preventDefault(), d(m));
+      (g.key === "Enter" || g.key === " ") && (g.preventDefault(), c(m));
     },
-    [d]
-  ), v = w(() => {
+    [c]
+  ), f = _(() => {
     o(), t();
-  }, [o, t]), f = w(() => {
+  }, [o, t]), h = _(() => {
     l(), t();
   }, [l, t]);
   return /* @__PURE__ */ N(
-    Dt,
+    Ct,
     {
       definition: {
         placement: "bottom-end",
@@ -1150,8 +1150,8 @@ function et({
               "aria-current": g ? "page" : void 0,
               tabIndex: 0,
               className: `gloss-page-dropdown__item${g ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => d(m.id),
-              onKeyDown: (_) => u(m.id, _),
+              onClick: () => c(m.id),
+              onKeyDown: (w) => u(m.id, w),
               children: [
                 /* @__PURE__ */ r(
                   "span",
@@ -1178,7 +1178,7 @@ function et({
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: v,
+            onClick: f,
             children: "+ New page"
           }
         ),
@@ -1188,7 +1188,7 @@ function et({
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
-            onClick: f,
+            onClick: h,
             children: "Manage pages"
           }
         )
@@ -1196,8 +1196,8 @@ function et({
     }
   );
 }
-et.displayName = "PageDropdown";
-const Zt = function({
+tt.displayName = "PageDropdown";
+const Qt = function({
   currentIndex: t,
   total: n,
   pages: a,
@@ -1205,23 +1205,23 @@ const Zt = function({
   onCreatePage: s,
   onManagePages: o,
   maskRadius: l = "var(--gloss-radius-md)",
-  displayMode: d = "count",
+  displayMode: c = "count",
   activePage: u
 }) {
-  const v = T(null), [f, m] = $(!1), g = w(() => {
-    m((M) => !M);
-  }, []), _ = w(() => {
+  const f = T(null), [h, m] = $(!1), g = _(() => {
+    m((R) => !R);
+  }, []), w = _(() => {
     m(!1);
   }, []), p = a[t]?.id ?? "";
   return /* @__PURE__ */ N(
     "div",
     {
       className: "gloss-page-chip",
-      ref: v,
-      style: d === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
+      ref: f,
+      style: c === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        d !== "name" && /* @__PURE__ */ r(
+        c !== "name" && /* @__PURE__ */ r(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
@@ -1231,12 +1231,12 @@ const Zt = function({
         /* @__PURE__ */ r(
           "button",
           {
-            className: `gloss-page-chip__trigger${d === "name" ? " gloss-page-chip__trigger--name" : ""}`,
+            className: `gloss-page-chip__trigger${c === "name" ? " gloss-page-chip__trigger--name" : ""}`,
             "aria-haspopup": "menu",
-            "aria-expanded": f,
-            "aria-label": d === "name" ? `${u ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
+            "aria-expanded": h,
+            "aria-label": c === "name" ? `${u ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
             onClick: g,
-            children: d === "name" ? /* @__PURE__ */ N(te, { children: [
+            children: c === "name" ? /* @__PURE__ */ N(te, { children: [
               /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: u ?? "" }),
               /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
             ] }) : /* @__PURE__ */ N(te, { children: [
@@ -1247,11 +1247,11 @@ const Zt = function({
           }
         ),
         /* @__PURE__ */ r(
-          et,
+          tt,
           {
-            open: f,
-            onDismiss: _,
-            anchorRef: v,
+            open: h,
+            onDismiss: w,
+            anchorRef: f,
             pages: a,
             activePageId: p,
             onPageChange: i,
@@ -1263,8 +1263,8 @@ const Zt = function({
     }
   );
 };
-Zt.displayName = "PageChip";
-const Bn = [
+Qt.displayName = "PageChip";
+const Vn = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -1397,7 +1397,7 @@ const Bn = [
     date: "2026-03-01",
     skuCount: 9
   }
-], Kn = [
+], jn = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1531,16 +1531,16 @@ const Bn = [
     lastDate: "2026-03-01"
   }
 ];
-function Fe(e) {
+function Ee(e) {
   return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
-function tt(e) {
+function at(e) {
   return e.toLocaleString("en-US");
 }
-function at(e) {
+function nt(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const he = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), zn = [
+const fe = j.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Hn = [
   {
     field: "id",
     headerName: "Order",
@@ -1570,7 +1570,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.skuCount ? tt(e.skuCount) : he
+    renderCell: ({ row: e }) => e.skuCount ? at(e.skuCount) : fe
   },
   {
     field: "total",
@@ -1580,7 +1580,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.total ? Fe(e.total) : he
+    renderCell: ({ row: e }) => e.total ? Ee(e.total) : fe
   },
   {
     field: "date",
@@ -1590,9 +1590,9 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.date ? at(e.date) : ""
+    renderCell: ({ row: e }) => e.date ? nt(e.date) : ""
   }
-], Gn = [
+], Un = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1624,7 +1624,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.price ? Fe(e.price) : he
+    renderCell: ({ row: e }) => e.price ? Ee(e.price) : fe
   },
   {
     field: "quantity",
@@ -1634,7 +1634,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.quantity ? tt(e.quantity) : he
+    renderCell: ({ row: e }) => e.quantity ? at(e.quantity) : fe
   },
   {
     field: "total",
@@ -1644,7 +1644,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.total ? Fe(e.total) : he
+    renderCell: ({ row: e }) => e.total ? Ee(e.total) : fe
   },
   {
     field: "lastDate",
@@ -1654,24 +1654,24 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.lastDate ? at(e.lastDate) : ""
+    renderCell: ({ row: e }) => e.lastDate ? nt(e.lastDate) : ""
   }
-], qt = [
+], Xt = [
   { id: "c-001", label: "ABC Home Goods" },
   { id: "c-002", label: "Riverside Retail" },
   { id: "c-003", label: "Mountain View Store" },
   { id: "c-004", label: "Downtown Decor" },
   { id: "c-005", label: "Pacific Coast Imports" }
-], Yt = [
+], Jt = [
   { id: "i-001", label: "Classic Linen Throw Pillow" },
   { id: "i-002", label: "Coastal Wave Candle Set" },
   { id: "i-003", label: "Walnut Console Table" },
   { id: "i-004", label: "Hand-Blown Glass Vase" },
   { id: "i-005", label: "Velvet Accent Cushion" }
-], Se = (e) => {
-}, Qt = (e) => {
+], Re = (e) => {
+}, ea = (e) => {
 }, He = (e, t) => {
-}, nt = {
+}, rt = {
   vizState: {
     type: "orders",
     quant: "$",
@@ -1679,17 +1679,17 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: null, name: null },
     timeFrame: "MTD"
   },
-  onTypeChange: Se,
-  onQuantChange: Qt,
-  onEntityTypeChange: Se,
+  onTypeChange: Re,
+  onQuantChange: ea,
+  onEntityTypeChange: Re,
   onEntitySelect: He,
   onItemSelect: He,
-  onTimeFrameChange: Se,
+  onTimeFrameChange: Re,
   userType: "sales-agency",
-  entityFilterOptions: qt,
-  itemFilterOptions: Yt
-}, Wn = {
-  ...nt,
+  entityFilterOptions: Xt,
+  itemFilterOptions: Jt
+}, Zn = {
+  ...rt,
   vizState: {
     type: "items",
     quant: "$",
@@ -1697,8 +1697,8 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, Vn = {
-  ...nt,
+}, qn = {
+  ...rt,
   vizState: {
     type: "orders",
     quant: "#",
@@ -1710,7 +1710,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, Xt = [
+}, ta = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1756,7 +1756,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     routeKey: "customer.profile",
     subtitle: "Opens in RepTime"
   }
-], Jt = [
+], aa = [
   {
     id: "order-items",
     label: "Items in Order",
@@ -1785,7 +1785,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], ea = [
+], na = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1813,14 +1813,14 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], Hn = {
-  entityName: Xt,
-  orderId: Jt,
-  numeric: ea
-}, jn = [
+], Yn = {
+  entityName: ta,
+  orderId: aa,
+  numeric: na
+}, Qn = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], Un = {
+], Xn = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1833,7 +1833,7 @@ const he = H.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)
   ]
-}, Zn = {
+}, Jn = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1841,7 +1841,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, qn = [
+}, er = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1863,7 +1863,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], Yn = [
+], tr = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1880,7 +1880,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], Qn = [
+], ar = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1897,37 +1897,37 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], Xn = [
+], nr = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], Jn = [
+], rr = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-], ta = {
+], ra = {
   timeframe: "Time Frame",
   threshold: "Thresholds",
   slots: "Slots",
   size: "Size",
   color: "Color",
   pinned: "Pinned"
-}, aa = {
-  timeframe: Ct,
-  threshold: xt,
-  slots: St,
+}, sa = {
+  timeframe: St,
+  threshold: Rt,
+  slots: Tt,
   size: Mt,
-  color: Tt,
-  pinned: Rt
+  color: It,
+  pinned: Pt
 };
-function je(...e) {
+function Ue(...e) {
   return e.filter(Boolean).join(" ");
 }
-function na() {
+function ia() {
   const [e, t] = $(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
-  return L(() => {
+  return O(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
     const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (i) => t(i.matches);
     return typeof n.addEventListener == "function" ? (n.addEventListener("change", a), () => n.removeEventListener("change", a)) : (n.addListener?.(a), () => {
@@ -1935,29 +1935,29 @@ function na() {
     });
   }, []), e;
 }
-const ra = ({
+const oa = ({
   dimensions: e,
   onDimensionSelect: t,
   activeDimension: n,
   ariaCardTypeLabel: a,
   className: i
 }) => {
-  const s = T(null), o = T([]), l = na(), d = ye(() => Array.from(e), [e]);
-  if (d.length === 0) return null;
-  const u = a ? `Configure ${a}: choose a dimension` : void 0, v = l ? "10ms" : "200ms", f = (m, g) => {
-    const _ = d.length - 1, p = (h) => {
-      const M = o.current[h];
-      M && M.focus();
+  const s = T(null), o = T([]), l = ia(), c = we(() => Array.from(e), [e]);
+  if (c.length === 0) return null;
+  const u = a ? `Configure ${a}: choose a dimension` : void 0, f = l ? "10ms" : "200ms", h = (m, g) => {
+    const w = c.length - 1, p = (b) => {
+      const R = o.current[b];
+      R && R.focus();
     };
     switch (m.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        m.preventDefault(), p(g === _ ? 0 : g + 1);
+        m.preventDefault(), p(g === w ? 0 : g + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        m.preventDefault(), p(g === 0 ? _ : g - 1);
+        m.preventDefault(), p(g === 0 ? w : g - 1);
         break;
       }
       case "Home": {
@@ -1965,12 +1965,12 @@ const ra = ({
         break;
       }
       case "End": {
-        m.preventDefault(), p(_);
+        m.preventDefault(), p(w);
         break;
       }
       case "Enter":
       case " ": {
-        m.preventDefault(), t(d[g]);
+        m.preventDefault(), t(c[g]);
         break;
       }
     }
@@ -1981,39 +1981,39 @@ const ra = ({
       ref: s,
       role: "group",
       "aria-label": u,
-      className: je("gloss-reconfig-backside-buttons", i),
+      className: Ue("gloss-reconfig-backside-buttons", i),
       style: {
         // Expose the reduced-motion-resolved duration as a CSS custom prop
         // so the SCSS transition rule can consume it without a nested media
         // query in the JS. Also surfaces the value for the unit test.
-        "--gloss-reconfig-backside-buttons-transition-duration": v
+        "--gloss-reconfig-backside-buttons-transition-duration": f
       },
-      children: d.map((m, g) => {
-        const _ = aa[m], p = n === m;
+      children: c.map((m, g) => {
+        const w = sa[m], p = n === m;
         return /* @__PURE__ */ N(
           "button",
           {
-            ref: (h) => {
-              o.current[g] = h;
+            ref: (b) => {
+              o.current[g] = b;
             },
             type: "button",
             "data-dimension": m,
-            className: je(
+            className: Ue(
               "gloss-reconfig-backside-buttons__button",
               p && "gloss-reconfig-backside-buttons__button--active"
             ),
             "aria-current": p ? "true" : void 0,
             onClick: () => t(m),
-            onKeyDown: (h) => f(h, g),
+            onKeyDown: (b) => h(b, g),
             children: [
               /* @__PURE__ */ r(
-                _,
+                w,
                 {
                   className: "gloss-reconfig-backside-buttons__button-icon",
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: ta[m] })
+              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: ra[m] })
             ]
           },
           m
@@ -2022,12 +2022,12 @@ const ra = ({
     }
   );
 };
-ra.displayName = "ReconfigBacksideButtons";
+oa.displayName = "ReconfigBacksideButtons";
 function Q(e, t) {
   return {
     id: e,
     colSpan: 1,
-    content: H.createElement("div", {
+    content: j.createElement("div", {
       style: {
         width: "100%",
         height: "100%",
@@ -2043,38 +2043,38 @@ function Q(e, t) {
     }, t)
   };
 }
-function Ue(e, t) {
+function Ze(e, t) {
   return {
     ...Q(e, t),
     colSpan: 2
   };
 }
-const er = [
+const sr = [
   Q("total-revenue", "Total Revenue"),
   Q("total-orders", "Total Orders"),
-  Ue("revenue-trend", "Revenue Trend (2x)"),
+  Ze("revenue-trend", "Revenue Trend (2x)"),
   Q("avg-order", "Avg Order Value"),
   Q("new-customers", "New Customers"),
   Q("top-salesperson", "Top Salesperson"),
-  Ue("order-trend", "Order Trend (2x)"),
+  Ze("order-trend", "Order Trend (2x)"),
   Q("repeat-rate", "Repeat Rate"),
   Q("open-orders", "Open Orders"),
   Q("shipped-orders", "Shipped Orders")
-], tr = {
+], ir = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, ar = {
+}, or = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, nr = {
+}, lr = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -2082,15 +2082,15 @@ const er = [
   currentPage: 0,
   totalPages: 3
 };
-function Me(e) {
-  return H.createElement("span", { style: { fontSize: 14 } }, e);
+function Te(e) {
+  return j.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const rr = [
+const cr = [
   {
     id: "all-orders",
     type: "orders",
     name: "All Orders",
-    icon: Me("📋"),
+    icon: Te("📋"),
     closable: !1,
     autoCreated: !0
   },
@@ -2098,17 +2098,17 @@ const rr = [
     id: "open-orders",
     type: "orders",
     name: "Open Orders",
-    icon: Me("📦"),
+    icon: Te("📦"),
     closable: !0
   },
   {
     id: "shipped-orders",
     type: "orders",
     name: "Shipped Orders",
-    icon: Me("🚚"),
+    icon: Te("🚚"),
     closable: !0
   }
-], sr = [
+], dr = [
   {
     id: "orders-main",
     type: "orders",
@@ -2134,7 +2134,7 @@ const rr = [
     name: "Customers",
     closable: !0
   }
-], ir = [
+], ur = [
   {
     id: "only-tab",
     type: "orders",
@@ -2142,7 +2142,7 @@ const rr = [
     closable: !1,
     autoCreated: !0
   }
-], or = [
+], mr = [
   { 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 },
@@ -2154,7 +2154,7 @@ const rr = [
   { id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
   { id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
 ];
-function Ee(e) {
+function Ae(e) {
   switch (e) {
     case "wide":
       return { cols: 2, rows: 1 };
@@ -2165,15 +2165,15 @@ function Ee(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function sa(e) {
+function la(e) {
   let t = 0;
   for (const a of e) {
-    const i = Ee(a.size), s = a.gridPosition.col + i.cols - 1;
+    const i = Ae(a.size), s = a.gridPosition.col + i.cols - 1;
     s > t && (t = s);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const ia = function(t) {
+const ca = function(t) {
   if (t.renderMode === "discrete")
     return /* @__PURE__ */ r(
       "div",
@@ -2181,7 +2181,7 @@ const ia = function(t) {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
         children: t.cards.map((i) => {
-          const s = Ee(i.size);
+          const s = Ae(i.size);
           return /* @__PURE__ */ r(
             "div",
             {
@@ -2242,10 +2242,10 @@ const ia = function(t) {
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: sa(n)
+              gridTemplateColumns: la(n)
             },
             children: n.map((i) => {
-              const s = Ee(i.size);
+              const s = Ae(i.size);
               return /* @__PURE__ */ r(
                 "div",
                 {
@@ -2265,16 +2265,16 @@ const ia = function(t) {
     }
   );
 };
-ia.displayName = "MetricGroupContainer";
-const rt = "resize.tuning.dev", oa = {
-  ...Je,
+ca.displayName = "MetricGroupContainer";
+const st = "resize.tuning.dev", da = {
+  ...et,
   snapInPx: 60,
   snapOutPx: 90
-}, re = oa;
-function la() {
+}, re = da;
+function ua() {
   if (typeof window > "u") return { ...re };
   try {
-    const e = window.localStorage.getItem(rt);
+    const e = window.localStorage.getItem(st);
     if (!e) return { ...re };
     const t = JSON.parse(e);
     return !t || typeof t != "object" || Array.isArray(t) ? { ...re } : { ...re, ...t };
@@ -2282,31 +2282,31 @@ function la() {
     return { ...re };
   }
 }
-function ca() {
-  const [e, t] = $(() => la());
-  L(() => {
+function ma() {
+  const [e, t] = $(() => ua());
+  O(() => {
     if (!(typeof window > "u"))
       try {
-        window.localStorage.setItem(rt, JSON.stringify(e));
+        window.localStorage.setItem(st, JSON.stringify(e));
       } catch {
       }
   }, [e]);
-  const n = w(
+  const n = _(
     (s, o) => {
       t((l) => ({ ...l, [s]: o }));
     },
     []
-  ), a = w(
+  ), a = _(
     (s) => {
       t((o) => ({ ...o, [s]: re[s] }));
     },
     []
-  ), i = w(() => {
+  ), i = _(() => {
     t({ ...re });
   }, []);
   return { values: e, setValue: n, resetRow: a, resetAll: i };
 }
-const da = [
+const ga = [
   { key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
   { key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
   { key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
@@ -2317,10 +2317,10 @@ const da = [
   { key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
   { key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
 ];
-function ua(e, t) {
+function pa(e, t) {
   return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
 }
-function ma() {
+function ha() {
   return /* @__PURE__ */ N(
     "svg",
     {
@@ -2340,8 +2340,8 @@ function ma() {
     }
   );
 }
-function ga({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
-  const s = w(
+function fa({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
+  const s = _(
     (o) => {
       (o.key === "r" || o.key === "R") && (o.preventDefault(), a());
     },
@@ -2356,7 +2356,7 @@ function ga({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
       children: [
         /* @__PURE__ */ r("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
         /* @__PURE__ */ N("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
-          ua(t, e.step),
+          pa(t, e.step),
           e.unit ? ` ${e.unit}` : ""
         ] }),
         /* @__PURE__ */ r(
@@ -2380,14 +2380,14 @@ function ga({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
             className: "gloss-dev-tuning-panel__reset",
             "aria-label": `Reset ${e.label}`,
             onClick: a,
-            children: /* @__PURE__ */ r(ma, {})
+            children: /* @__PURE__ */ r(ha, {})
           }
         )
       ]
     }
   );
 }
-function pa() {
+function ba() {
   if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
   try {
     return new URLSearchParams(window.location.search).has("devtune");
@@ -2395,23 +2395,23 @@ function pa() {
     return !1;
   }
 }
-function ha(e = {}) {
-  return pa() ? /* @__PURE__ */ r(fa, {}) : null;
+function va(e = {}) {
+  return ba() ? /* @__PURE__ */ r(ya, {}) : null;
 }
-ha.displayName = "DevTuningPanel";
-function fa() {
-  const e = ca(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = $(null), l = T(null), d = w((m) => {
+va.displayName = "DevTuningPanel";
+function ya() {
+  const e = ma(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = $(null), l = T(null), c = _((m) => {
     l.current && clearTimeout(l.current), o(m), l.current = setTimeout(() => {
       o(null), l.current = null;
     }, 200);
-  }, []), u = w(
+  }, []), u = _(
     (m, g) => {
-      n(m, g), m === "snapInPx" && g > t.snapOutPx && (n("snapOutPx", g), d("snapOutPx"));
+      n(m, g), m === "snapInPx" && g > t.snapOutPx && (n("snapOutPx", g), c("snapOutPx"));
     },
-    [n, t.snapOutPx, d]
-  ), v = ye(() => da, []), f = Nt();
+    [n, t.snapOutPx, c]
+  ), f = we(() => ga, []), h = kt();
   return /* @__PURE__ */ N(
-    De.div,
+    ke.div,
     {
       className: "gloss-dev-tuning-panel",
       role: "region",
@@ -2419,22 +2419,22 @@ function fa() {
       "data-testid": "gloss-dev-tuning-panel",
       drag: !0,
       dragListener: !1,
-      dragControls: f,
+      dragControls: h,
       dragMomentum: !1,
       children: [
         /* @__PURE__ */ N(
           "div",
           {
             className: "gloss-dev-tuning-panel__header",
-            onPointerDown: (m) => f.start(m),
+            onPointerDown: (m) => h.start(m),
             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: v.map((m) => /* @__PURE__ */ r(
-          ga,
+        /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: f.map((m) => /* @__PURE__ */ r(
+          fa,
           {
             spec: m,
             value: t[m.key],
@@ -2457,7 +2457,7 @@ function fa() {
     }
   );
 }
-function lr({
+function gr({
   state: e,
   originX: t,
   originY: n,
@@ -2466,28 +2466,28 @@ function lr({
   minBoundaryX: s,
   snapBoundariesX: o,
   topY: l,
-  bottomY: d,
-  enterMs: u = se.envelopeEnterMs,
-  exitMs: v = se.envelopeExitMs,
-  className: f,
+  bottomY: c,
+  enterMs: u = ie.envelopeEnterMs,
+  exitMs: f = ie.envelopeExitMs,
+  className: h,
   style: m
 }) {
   if (e === "hidden") return null;
-  const g = Math.max(0, i - a), _ = Math.max(0, d - l), p = {
+  const g = Math.max(0, i - a), w = Math.max(0, c - l), p = {
     "--gloss-resize-envelope-enter-ms": `${u}ms`,
-    "--gloss-resize-envelope-exit-ms": `${v}ms`,
+    "--gloss-resize-envelope-exit-ms": `${f}ms`,
     "--gloss-resize-envelope-origin-x": `${t - a}px`,
     "--gloss-resize-envelope-origin-y": `${n - l}px`,
     left: a,
     top: l,
     width: g,
-    height: _,
+    height: w,
     ...m
   };
   return /* @__PURE__ */ N(
     "div",
     {
-      className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, f].filter(Boolean).join(" "),
+      className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, h].filter(Boolean).join(" "),
       "data-state": e,
       "data-testid": "gloss-resize-envelope",
       style: p,
@@ -2517,20 +2517,20 @@ function lr({
             style: { left: g - 1 }
           }
         ),
-        o.filter((h) => h > s && h < i).map((h) => /* @__PURE__ */ r(
+        o.filter((b) => b > s && b < i).map((b) => /* @__PURE__ */ r(
           "div",
           {
             className: "gloss-resize-envelope__snap-line",
             "data-snap-line": !0,
-            style: { left: h - a }
+            style: { left: b - a }
           },
-          h
+          b
         ))
       ]
     }
   );
 }
-function cr({
+function pr({
   density: e,
   canAccept: t,
   blocked: n = !1,
@@ -2540,12 +2540,12 @@ function cr({
   children: o,
   ...l
 }) {
-  const d = a != null ? { ...l.style, "--_proximity-opacity": String(a) } : l.style;
+  const c = a != null ? { ...l.style, "--_proximity-opacity": String(a) } : l.style;
   return /* @__PURE__ */ r(
     "div",
     {
       ...l,
-      style: d,
+      style: c,
       "data-density": e,
       "data-can-accept": t ? "true" : "false",
       "data-blocked": n ? "true" : void 0,
@@ -2561,14 +2561,14 @@ function cr({
     }
   );
 }
-function va(e, t, n, a) {
+function wa(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 hr({
   segments: e,
-  durationMs: t = se.spilloverArcDurationMs,
-  staggerMs: n = se.spilloverStaggerMs,
+  durationMs: t = ie.spilloverArcDurationMs,
+  staggerMs: n = ie.spilloverStaggerMs,
   className: a,
   style: i
 }) {
@@ -2585,7 +2585,7 @@ function dr({
         {
           "data-arc-id": s.id,
           className: "gloss-spillover-arc__path",
-          d: va(s.fromX, s.fromY, s.toX, s.toY),
+          d: wa(s.fromX, s.fromY, s.toX, s.toY),
           style: {
             animationDelay: `${o * n}ms`,
             animationDuration: `${t}ms`
@@ -2596,16 +2596,16 @@ function dr({
     }
   );
 }
-function ur({
+function fr({
   state: e,
   staggerIndex: t = 0,
-  fadeInMs: n = se.sectionDividerFadeInMs,
-  fadeOutMs: a = se.sectionDividerFadeOutMs,
-  staggerMs: i = se.sectionDividerStaggerMs,
+  fadeInMs: n = ie.sectionDividerFadeInMs,
+  fadeOutMs: a = ie.sectionDividerFadeOutMs,
+  staggerMs: i = ie.sectionDividerStaggerMs,
   variant: s = "dashed",
   className: o,
   style: l,
-  ...d
+  ...c
 }) {
   const u = {
     "--gloss-section-divider-fade-in-ms": `${n}ms`,
@@ -2616,7 +2616,7 @@ function ur({
   return /* @__PURE__ */ r(
     "div",
     {
-      ...d,
+      ...c,
       "data-state": e,
       "data-testid": "gloss-section-divider",
       "aria-hidden": "true",
@@ -2630,7 +2630,7 @@ function ur({
     }
   );
 }
-function mr({
+function br({
   enabled: e,
   onCollapse: t,
   onAdd: n,
@@ -2639,11 +2639,11 @@ function mr({
   className: s,
   style: o,
   onPack: l,
-  ariaLabel: d
+  ariaLabel: c
 }) {
-  const u = a ?? "Add card to this cell", v = i ?? d ?? "Pack row — shift cards left", f = t ?? l, m = ht();
-  return /* @__PURE__ */ N(Xe.Fragment, { children: [
-    /* @__PURE__ */ r(Pe, { visible: !m.isActive, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
+  const u = a ?? "Add card to this cell", f = i ?? c ?? "Pack row — shift cards left", h = t ?? l, m = bt();
+  return /* @__PURE__ */ N(Je.Fragment, { children: [
+    /* @__PURE__ */ r(Fe, { visible: !m.isActive, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -2661,26 +2661,26 @@ function mr({
         children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "+" })
       }
     ) }),
-    /* @__PURE__ */ r(Pe, { visible: e && !m.isActive, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(Fe, { visible: e && !m.isActive, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         "data-testid": "gloss-empty-cell-pack",
-        "aria-label": v,
+        "aria-label": f,
         className: ["gloss-empty-cell-pack-affordance", s].filter(Boolean).join(" "),
         style: o,
         onClick: (g) => {
-          g.stopPropagation(), f?.();
+          g.stopPropagation(), h?.();
         },
         children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
       }
     ) })
   ] });
 }
-function gr() {
+function vr() {
   return { affordancesVisible: !0 };
 }
-function pr({
+function yr({
   tint: e,
   colSpan: t,
   colWidth: n,
@@ -2689,11 +2689,11 @@ function pr({
   x: s,
   y: o,
   children: l,
-  className: d
+  className: c
 }) {
   const u = t * n + (t - 1) * i;
   return /* @__PURE__ */ r(
-    De.div,
+    ke.div,
     {
       "data-testid": "gloss-drag-ghost",
       "data-tint": e,
@@ -2701,40 +2701,58 @@ function pr({
       className: [
         "gloss-drag-ghost",
         `gloss-drag-ghost--tint-${e}`,
-        d
+        c
       ].filter(Boolean).join(" "),
       style: { x: s, y: o, width: u, height: a },
       children: l
     }
   );
 }
-const ba = 3;
-function hr({
-  cell: e,
-  colSpan: t,
-  colWidth: n,
-  gap: a,
-  rowHeight: i,
-  transitionMs: s = 120,
-  className: o
+const _a = 3;
+function it({
+  gesture: e,
+  cell: t,
+  colSpan: n,
+  colWidth: a,
+  gap: i,
+  rowHeight: s,
+  pattern: o = "solid",
+  transitionMs: l = 120,
+  className: c
 }) {
-  const l = t * n + (t - 1) * a, u = (e.section * ba + e.col) * (n + a), v = e.row * (i + a);
+  const u = n * a + (n - 1) * i, h = (t.section * _a + t.col) * (a + i), m = t.row * (s + i), g = e === "resize" ? 2.5 : 2, w = o === "dashed-retreated" ? "dashed" : "solid", p = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline";
   return /* @__PURE__ */ r(
     "div",
     {
-      className: ["gloss-drag-feedback-snap-outline", o].filter(Boolean).join(" "),
-      "data-testid": "gloss-snap-outline",
+      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,
+        c
+      ].filter(Boolean).join(" "),
+      "data-testid": p,
+      "data-tracking-outline": "",
+      "data-gesture": e,
+      "data-pattern": o,
       "aria-hidden": "true",
       style: {
-        transform: `translate(${u}px, ${v}px)`,
-        width: l,
-        height: i,
-        transition: `transform ${s}ms cubic-bezier(0.4, 0, 0.2, 1)`
+        transform: `translate(${h}px, ${m}px)`,
+        width: u,
+        height: s,
+        borderWidth: g,
+        borderStyle: w,
+        transition: `transform ${l}ms cubic-bezier(0.4, 0, 0.2, 1)`
       }
     }
   );
 }
-function fr({
+function wr(e) {
+  return /* @__PURE__ */ r(it, { gesture: "drag", pattern: "solid", ...e });
+}
+function _r({
   items: e,
   children: t,
   className: n,
@@ -2742,7 +2760,7 @@ function fr({
 }) {
   const i = process.env.NODE_ENV !== "production" && (a || typeof window < "u" && window.__GLOSS_CASCADE_PREVIEW_DEBUG__ === !0);
   return e.length === 0 ? null : /* @__PURE__ */ r(te, { children: e.map((s) => /* @__PURE__ */ r(
-    De.div,
+    ke.div,
     {
       "data-card-id": s.cardId,
       "data-testid": "gloss-cascade-preview-item",
@@ -2761,15 +2779,15 @@ function fr({
     s.cardId
   )) });
 }
-const ya = ({
+const Na = ({
   consumed: e,
   elapsed: t,
   severity: n = "neutral"
 }) => {
   const a = T(null), i = T(null);
-  L(() => {
-    const l = Math.min(100, Math.max(0, e.value)), d = Math.min(100, Math.max(0, t.value)), u = requestAnimationFrame(() => {
-      a.current && (a.current.style.width = `${l}%`), i.current && (i.current.style.width = `${d}%`);
+  O(() => {
+    const l = Math.min(100, Math.max(0, e.value)), c = Math.min(100, Math.max(0, t.value)), u = requestAnimationFrame(() => {
+      a.current && (a.current.style.width = `${l}%`), i.current && (i.current.style.width = `${c}%`);
     });
     return () => cancelAnimationFrame(u);
   }, [e.value, t.value]);
@@ -2824,7 +2842,7 @@ const ya = ({
       ]
     }
   );
-}, wa = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ N(
+}, Da = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ N(
   "div",
   {
     className: `gloss-gap-readout gloss-gap-readout--${n}`,
@@ -2837,7 +2855,7 @@ const ya = ({
       ] })
     ]
   }
-), _a = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ N("div", { className: "gloss-pace-placeholder", children: [
+), ka = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ N("div", { className: "gloss-pace-placeholder", children: [
   /* @__PURE__ */ r("p", { className: "gloss-pace-placeholder__heading", children: "Set a target" }),
   /* @__PURE__ */ N("p", { className: "gloss-pace-placeholder__context", children: [
     "for ",
@@ -2853,9 +2871,9 @@ const ya = ({
       children: "Set target"
     }
   )
-] }), vr = (e) => {
+] }), Nr = (e) => {
   const [t, n] = $(!1), a = e.target?.value, i = a !== void 0, s = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ r(
-    It,
+    Ft,
     {
       label: `Set a target for ${e.label}`,
       unit: s,
@@ -2869,7 +2887,7 @@ const ya = ({
     }
   );
   return /* @__PURE__ */ r(
-    ft,
+    vt,
     {
       colSpan: 2,
       enableQuickSettings: !0,
@@ -2882,16 +2900,16 @@ const ya = ({
         e.subtitle && /* @__PURE__ */ r("div", { className: "gloss-pace-card__subtitle", children: e.subtitle }),
         /* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ N(te, { children: [
           /* @__PURE__ */ r(
-            ya,
+            Na,
             {
               consumed: e.consumed,
               elapsed: e.elapsed,
               severity: e.severity
             }
           ),
-          /* @__PURE__ */ r(wa, { label: "Gap", value: e.gapLabel, severity: e.severity })
+          /* @__PURE__ */ r(Da, { label: "Gap", value: e.gapLabel, severity: e.severity })
         ] }) : /* @__PURE__ */ r(
-          _a,
+          ka,
           {
             label: e.label,
             onSetTarget: () => n(!0)
@@ -2900,7 +2918,7 @@ const ya = ({
       ] })
     }
   );
-}, br = () => /* @__PURE__ */ N("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
+}, Dr = () => /* @__PURE__ */ N("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
   /* @__PURE__ */ r(
     "div",
     {
@@ -2917,7 +2935,7 @@ const ya = ({
   ),
   /* @__PURE__ */ r("div", { className: "gloss-pace-tile-preview__gap-strip" })
 ] });
-function Na({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, onClick: o }) {
+function Ca({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, onClick: o }) {
   return /* @__PURE__ */ r(
     "span",
     {
@@ -2938,7 +2956,7 @@ function Na({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, o
     }
   );
 }
-function Da({
+function xa({
   lenses: e,
   value: t,
   onChange: n,
@@ -2947,8 +2965,8 @@ function Da({
   const [i, s] = $(
     () => Math.max(0, e.findIndex((l) => l.id === t))
   );
-  return L(() => {
-    const l = e.findIndex((d) => d.id === t);
+  return O(() => {
+    const l = e.findIndex((c) => c.id === t);
     s(l >= 0 ? l : 0);
   }, [t, e]), e.length === 0 ? null : /* @__PURE__ */ r(
     "div",
@@ -2959,11 +2977,11 @@ function Da({
         switch (l.key) {
           case "ArrowRight":
           case "ArrowDown":
-            l.preventDefault(), s((d) => (d + 1) % e.length);
+            l.preventDefault(), s((c) => (c + 1) % e.length);
             break;
           case "ArrowLeft":
           case "ArrowUp":
-            l.preventDefault(), s((d) => (d - 1 + e.length) % e.length);
+            l.preventDefault(), s((c) => (c - 1 + e.length) % e.length);
             break;
           case "Home":
             l.preventDefault(), s(0);
@@ -2974,20 +2992,20 @@ function Da({
           case "Enter":
           case " ": {
             l.preventDefault();
-            const d = e[i];
-            d && !d.disabled && n(d.id);
+            const c = e[i];
+            c && !c.disabled && n(c.id);
             break;
           }
         }
       },
       className: "gloss-lens-chip-group",
-      children: e.map((l, d) => /* @__PURE__ */ r(
-        Na,
+      children: e.map((l, c) => /* @__PURE__ */ r(
+        Ca,
         {
           id: l.id,
           label: l.label,
           selected: l.id === t,
-          focused: d === i,
+          focused: c === i,
           disabled: l.disabled,
           badge: l.badge,
           onClick: n
@@ -2997,15 +3015,15 @@ function Da({
     }
   );
 }
-Da.displayName = "LensChipGroup";
-function ka({ heading: e, children: t }) {
+xa.displayName = "LensChipGroup";
+function Sa({ heading: e, children: t }) {
   return !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ N("section", { className: "gloss-starter-rail", "aria-label": e, children: [
     /* @__PURE__ */ r("header", { className: "gloss-starter-rail__heading", children: e }),
     /* @__PURE__ */ r("div", { className: "gloss-starter-rail__tiles", children: t })
   ] });
 }
-ka.displayName = "StarterRail";
-function Ca({ heading: e, children: t, emptyStateLabel: n }) {
+Sa.displayName = "StarterRail";
+function Ra({ heading: e, children: t, emptyStateLabel: n }) {
   const a = !t || Array.isArray(t) && t.length === 0;
   return /* @__PURE__ */ N("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
     /* @__PURE__ */ r("header", { className: "gloss-more-in-lens-rail__heading", children: e }),
@@ -3015,7 +3033,7 @@ function Ca({ heading: e, children: t, emptyStateLabel: n }) {
     ] })
   ] });
 }
-Ca.displayName = "MoreInLensRail";
+Ra.displayName = "MoreInLensRail";
 function X({
   lead: e,
   name: t,
@@ -3025,21 +3043,21 @@ function X({
   variant: s = "default",
   onClick: o,
   className: l,
-  style: d
+  style: c
 }) {
   const u = [
     "gloss-entity-row",
     `gloss-entity-row--${s}`,
     o ? "gloss-entity-row--clickable" : "",
     l ?? ""
-  ].filter(Boolean).join(" "), v = /* @__PURE__ */ N(te, { children: [
+  ].filter(Boolean).join(" "), f = /* @__PURE__ */ N(te, { children: [
     e !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__lead", children: e }),
     /* @__PURE__ */ r("span", { className: "gloss-entity-row__name", title: t, children: t }),
     n !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__secondary", children: n }),
     /* @__PURE__ */ r("span", { className: "gloss-entity-row__value", children: a }),
     i !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: i })
   ] });
-  return o ? /* @__PURE__ */ r("div", { role: "listitem", className: u, style: d, children: /* @__PURE__ */ r(
+  return o ? /* @__PURE__ */ r("div", { role: "listitem", className: u, style: c, children: /* @__PURE__ */ r(
     "button",
     {
       type: "button",
@@ -3051,15 +3069,15 @@ function X({
         gap: 4,
         cursor: "pointer"
       },
-      onClick: (f) => {
-        f.stopPropagation(), o();
+      onClick: (h) => {
+        h.stopPropagation(), o();
       },
-      children: v
+      children: f
     }
-  ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: u, style: d, children: v });
+  ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: u, style: c, children: f });
 }
 X.displayName = "EntityRow";
-const fe = ({ rank: e }) => {
+const be = ({ rank: e }) => {
   const t = e === 1 ? "first" : "other";
   return /* @__PURE__ */ r(
     "span",
@@ -3071,7 +3089,7 @@ const fe = ({ rank: e }) => {
     }
   );
 };
-fe.displayName = "RankBadge";
+be.displayName = "RankBadge";
 function ve({ severity: e, "aria-label": t }) {
   return /* @__PURE__ */ r(
     "span",
@@ -3083,7 +3101,7 @@ function ve({ severity: e, "aria-label": t }) {
   );
 }
 ve.displayName = "SeverityDot";
-function st({
+function ot({
   delta: e,
   direction: t = "flat",
   "aria-label": n
@@ -3112,8 +3130,8 @@ function st({
     }
   );
 }
-st.displayName = "RankDelta";
-function be({ fill: e, variant: t = "default", className: n }) {
+ot.displayName = "RankDelta";
+function ye({ fill: e, variant: t = "default", className: n }) {
   const a = Math.max(0, Math.min(100, e));
   return /* @__PURE__ */ r(
     "div",
@@ -3129,9 +3147,9 @@ function be({ fill: e, variant: t = "default", className: n }) {
     }
   );
 }
-be.displayName = "MagnitudeBar";
-const xa = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
-function Sa({
+ye.displayName = "MagnitudeBar";
+const Ta = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
+function Ma({
   label: e,
   rows: t,
   rowCount: n,
@@ -3141,25 +3159,25 @@ function Sa({
   const s = n ?? 3;
   return /* @__PURE__ */ N(te, { children: [
     /* @__PURE__ */ r(
-      pe,
+      he,
       {
         className: "gloss-metric-card__zone-a",
         style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
-        children: /* @__PURE__ */ r(Re, { className: "gloss-metric-card__label", children: e })
+        children: /* @__PURE__ */ r(Ie, { className: "gloss-metric-card__label", children: e })
       }
     ),
     /* @__PURE__ */ r(
-      pe,
+      he,
       {
         className: `gloss-metric-card__zone-b gloss-leaderboard ${i ? "gloss-metric-data-stale" : ""}`,
         style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
         children: /* @__PURE__ */ r("div", { className: "gloss-leaderboard__rows", role: "list", children: t.slice(0, s).map((o, l) => /* @__PURE__ */ r(
           X,
           {
-            lead: /* @__PURE__ */ r(fe, { rank: l + 1 }),
+            lead: /* @__PURE__ */ r(be, { rank: l + 1 }),
             name: o.name,
             secondary: /* @__PURE__ */ r(
-              be,
+              ye,
               {
                 fill: o.magnitude,
                 variant: o.isBottom ? "bottom" : "default"
@@ -3167,11 +3185,11 @@ function Sa({
             ),
             value: o.value,
             trail: /* @__PURE__ */ r(
-              st,
+              ot,
               {
                 delta: o.rankDelta,
                 direction: o.direction,
-                "aria-label": xa(o)
+                "aria-label": Ta(o)
               }
             ),
             variant: "leaderboard",
@@ -3187,22 +3205,22 @@ function Sa({
     ] })
   ] });
 }
-Sa.displayName = "LeaderboardCard";
-const Ma = () => /* @__PURE__ */ N(
+Ma.displayName = "LeaderboardCard";
+const Ia = () => /* @__PURE__ */ N(
   "div",
   {
     className: "leaderboard-tile-preview",
     "aria-hidden": "true",
     style: { transform: "scale(0.6)", transformOrigin: "top left" },
     children: [
-      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(fe, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ r(be, { fill: 96 }), value: "98%" }),
-      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(fe, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ r(be, { fill: 72 }), value: "85%" }),
-      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(fe, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ r(be, { fill: 48 }), value: "71%" })
+      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(be, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ r(ye, { fill: 96 }), value: "98%" }),
+      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(be, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ r(ye, { fill: 72 }), value: "85%" }),
+      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(be, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ r(ye, { fill: 48 }), value: "71%" })
     ]
   }
 );
-Ma.displayName = "LeaderboardTilePreview";
-const Ta = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", Ra = (e, t) => {
+Ia.displayName = "LeaderboardTilePreview";
+const Pa = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", Fa = (e, t) => {
   const n = e.sourceValue;
   if (typeof n != "number") return !1;
   switch (t.condition) {
@@ -3220,7 +3238,7 @@ const Ta = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warni
       return !1;
   }
 };
-function Ia({
+function Ea({
   label: e,
   rows: t,
   rule: n,
@@ -3229,40 +3247,40 @@ function Ia({
   ruleSubtitle: s,
   isStale: o
 }) {
-  const l = t.filter((u) => Ra(u, n)), d = l.slice(0, a ?? 3);
+  const l = t.filter((u) => Fa(u, n)), c = l.slice(0, a ?? 3);
   return l.length === 0 ? /* @__PURE__ */ N(te, { children: [
     /* @__PURE__ */ r(
-      pe,
+      he,
       {
         className: "gloss-metric-card__zone-a",
         style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
-        children: /* @__PURE__ */ r(Re, { className: "gloss-metric-card__label", children: e })
+        children: /* @__PURE__ */ r(Ie, { className: "gloss-metric-card__label", children: e })
       }
     ),
     /* @__PURE__ */ r("div", { className: "gloss-exception-list__empty", role: "status", children: i ?? "No exceptions" }),
     s && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: s })
   ] }) : /* @__PURE__ */ N(te, { children: [
     /* @__PURE__ */ r(
-      pe,
+      he,
       {
         className: "gloss-metric-card__zone-a",
         style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
-        children: /* @__PURE__ */ r(Re, { className: "gloss-metric-card__label", children: e })
+        children: /* @__PURE__ */ r(Ie, { className: "gloss-metric-card__label", children: e })
       }
     ),
     /* @__PURE__ */ r(
-      pe,
+      he,
       {
         className: `gloss-metric-card__zone-b gloss-exception-list ${o ? "gloss-metric-data-stale" : ""}`,
         style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
-        children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: d.map((u, v) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: c.map((u, f) => /* @__PURE__ */ r(
           X,
           {
-            lead: /* @__PURE__ */ r(ve, { severity: u.severity, "aria-label": Ta(u.severity) }),
+            lead: /* @__PURE__ */ r(ve, { severity: u.severity, "aria-label": Pa(u.severity) }),
             name: u.name,
             value: u.value,
             variant: "exception",
-            style: { "--i": v }
+            style: { "--i": f }
           },
           u.id
         )) })
@@ -3271,8 +3289,8 @@ function Ia({
     s && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: s })
   ] });
 }
-Ia.displayName = "ExceptionListCard";
-const Pa = () => /* @__PURE__ */ N(
+Ea.displayName = "ExceptionListCard";
+const Aa = () => /* @__PURE__ */ N(
   "div",
   {
     className: "exception-list-tile-preview",
@@ -3306,22 +3324,22 @@ const Pa = () => /* @__PURE__ */ N(
     ]
   }
 );
-Pa.displayName = "ExceptionListTilePreview";
-const Ze = ["MTD", "QTD", "YTD", "LYTD", "7D"], qe = ["$248K", "$612K", "$1.24M", "$980K", "$54K"], Ye = [
+Aa.displayName = "ExceptionListTilePreview";
+const qe = ["MTD", "QTD", "YTD", "LYTD", "7D"], Ye = ["$248K", "$612K", "$1.24M", "$980K", "$54K"], Qe = [
   "M0,7 L10,5 L20,6 L30,3 L40,2",
   "M0,6 L10,4 L20,5 L30,2 L40,1",
   "M0,8 L10,7 L20,5 L30,4 L40,2",
   "M0,5 L10,6 L20,3 L30,4 L40,1",
   "M0,7 L10,4 L20,5 L30,3 L40,2"
-], Fa = ({
+], Oa = ({
   slotCount: e = 3,
-  labels: t = Ze,
-  sampleValues: n = qe
+  labels: t = qe,
+  sampleValues: n = Ye
 }) => {
   const a = Array.from({ length: e }, (i, s) => ({
-    label: t[s] ?? Ze[s] ?? "",
-    value: n[s] ?? qe[s] ?? "",
-    sparkPath: Ye[s % Ye.length]
+    label: t[s] ?? qe[s] ?? "",
+    value: n[s] ?? Ye[s] ?? "",
+    sparkPath: Qe[s % Qe.length]
   }));
   return e === 1 ? /* @__PURE__ */ r("div", { className: "gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--single", "aria-hidden": "true", children: /* @__PURE__ */ r("div", { className: "gloss-stacked-group-tile-preview__single-value", children: a[0].value }) }) : /* @__PURE__ */ r(
     "div",
@@ -3347,8 +3365,8 @@ const Ze = ["MTD", "QTD", "YTD", "LYTD", "7D"], qe = ["$248K", "$612K", "$1.24M"
     }
   );
 };
-Fa.displayName = "StackedGroupTilePreview";
-const yr = {
+Oa.displayName = "StackedGroupTilePreview";
+const kr = {
   /** 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). */
@@ -3367,7 +3385,7 @@ const yr = {
   hideOnActive: { applicableStates: ["active"] },
   /** GEV-01 — Refuse pulse. Discrete moment of crossing into rejection. Fires ONCE per transition (Principle 2). No strobing. */
   refusePulse: { applicableStates: ["active"] }
-}, wr = {
+}, Cr = {
   baseCellTint: "#F1F4F8",
   // Grey · Neutral −2
   eligibilityFill: "#6F87D2",
@@ -3382,7 +3400,7 @@ const yr = {
   // Rejection +2 stroke (sparse-dash)
   trackingOutline: "#2541A1"
   // Action +3 — same hex as commitStroke per D-01
-}, _r = {
+}, se = {
   baseCellTint: "var(--gloss-g02-base-cell-tint)",
   eligibilityFill: "var(--gloss-g02-eligibility-fill)",
   commitFill: "var(--gloss-g02-commit-fill)",
@@ -3390,7 +3408,133 @@ const yr = {
   rejectionFill: "var(--gloss-g02-rejection-fill)",
   rejectionStroke: "var(--gloss-g02-rejection-stroke)",
   trackingOutline: "var(--gloss-g02-tracking-outline)"
-}, Nr = "dashed", Dr = "solid", kr = "sparse-dash", Cr = "2px no-fill", ne = {
+}, xr = "dashed", Sr = "solid", Rr = "sparse-dash", Tr = "2px no-fill", La = 3;
+function Mr({
+  cell: e,
+  variant: t,
+  rampColor: n,
+  colWidth: a,
+  rowHeight: i,
+  gap: s,
+  className: o
+}) {
+  const c = (e.section * La + e.col) * (a + s), u = e.row * (i + s), f = t === "eligibility" ? se.eligibilityFill : t === "commit" ? se.commitFill : t === "rejection" ? se.rejectionFill : (
+    /* ramp */
+    n ?? se.eligibilityFill
+  ), h = t === "rejection", m = h ? se.rejectionStroke : "transparent", g = h ? "dashed" : "solid";
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: [
+        "gloss-cell-tint-overlay",
+        `gloss-cell-tint-overlay--${t}`,
+        o
+      ].filter(Boolean).join(" "),
+      "data-testid": "gloss-cell-tint-overlay",
+      "data-variant": t,
+      "aria-hidden": "true",
+      style: {
+        transform: `translate(${c}px, ${u}px)`,
+        width: a,
+        height: i,
+        // Use background-color longhand (NOT background shorthand) so jsdom + DOM
+        // both preserve `var(...)` in inline cssText. The shorthand getter strips
+        // unknown values and breaks both unit-test introspection and styling.
+        backgroundColor: f,
+        borderColor: m,
+        borderStyle: g
+      }
+    }
+  );
+}
+const $a = 3, Ba = [
+  { 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 Ir({
+  cell: e,
+  fireKey: t,
+  colWidth: n,
+  rowHeight: a,
+  gap: i,
+  className: s
+}) {
+  const l = (e.section * $a + e.col) * (n + i) + n / 2, c = e.row * (a + i) + a / 2;
+  return Kt() === "reduced" ? /* @__PURE__ */ r(
+    "div",
+    {
+      className: ["gloss-refuse-pulse-flash", s].filter(Boolean).join(" "),
+      "data-testid": "gloss-refuse-pulse-flash",
+      "data-fire-key": t,
+      "aria-hidden": "true",
+      style: {
+        position: "absolute",
+        left: l - 24,
+        top: c - 24,
+        width: 48,
+        height: 48,
+        borderRadius: "50%",
+        background: se.rejectionStroke,
+        opacity: 0.45,
+        pointerEvents: "none",
+        animation: "gloss-refuse-pulse-instant-flash 80ms linear forwards"
+      }
+    },
+    t
+  ) : /* @__PURE__ */ r(
+    "div",
+    {
+      className: ["gloss-refuse-pulse", s].filter(Boolean).join(" "),
+      "data-testid": "gloss-refuse-pulse",
+      "data-fire-key": t,
+      "data-cx": l,
+      "data-cy": c,
+      "aria-hidden": "true",
+      style: {
+        position: "absolute",
+        left: 0,
+        top: 0,
+        pointerEvents: "none"
+      },
+      children: Ba.map((f) => {
+        const h = f.peakR * 2;
+        return /* @__PURE__ */ r(
+          "div",
+          {
+            className: `gloss-refuse-pulse__ring gloss-refuse-pulse__ring--${f.idx}`,
+            "data-ring-index": f.idx,
+            "data-peak-radius": f.peakR,
+            "data-peak-opacity": f.peakOpacity,
+            style: {
+              position: "absolute",
+              left: l - f.peakR,
+              top: c - f.peakR,
+              width: h,
+              height: h,
+              borderRadius: "50%",
+              borderStyle: "solid",
+              borderWidth: f.strokeW,
+              borderColor: se.rejectionStroke,
+              background: "transparent",
+              opacity: 0,
+              transform: "scale(0)",
+              // CSS custom property feeds the keyframe peak opacity.
+              "--peak-opacity": f.peakOpacity,
+              animation: `gloss-refuse-pulse-ring-${f.idx} 360ms cubic-bezier(0.22, 1, 0.36, 1) forwards`
+            }
+          },
+          f.idx
+        );
+      })
+    },
+    t
+  );
+}
+function Pr(e) {
+  return /* @__PURE__ */ r(it, { gesture: "resize", ...e });
+}
+const ne = {
   "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",
@@ -3398,37 +3542,37 @@ const yr = {
   "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 Ea({
+function za({
   message: e,
   primaryAction: t,
   onDismiss: n,
   anchorEl: a,
   anchorSelector: i
 }) {
-  const [s, o] = H.useState(null), l = H.useMemo(
+  const [s, o] = j.useState(null), l = j.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
-  H.useEffect(() => {
+  j.useEffect(() => {
     !a && !i && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
       "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
     );
-  }, [a, i]), H.useLayoutEffect(() => {
+  }, [a, i]), j.useLayoutEffect(() => {
     let u = null;
     if (a ? u = a : i && (u = document.querySelector(i)), u) {
-      const v = u.getBoundingClientRect();
+      const f = u.getBoundingClientRect();
       o({
-        top: v.bottom + window.scrollY + 6,
-        left: v.left + window.scrollX
+        top: f.bottom + window.scrollY + 6,
+        left: f.left + window.scrollX
       });
     }
   }, [a, i]);
-  const d = s ? { top: s.top, left: s.left } : {};
+  const c = s ? { top: s.top, left: s.left } : {};
   return /* @__PURE__ */ N(
     "div",
     {
       className: ne["gloss-inline-nudge"],
-      style: d,
+      style: c,
       role: "status",
       "aria-live": "polite",
       "data-reduced-motion": l ? "true" : void 0,
@@ -3459,25 +3603,25 @@ function Ea({
     }
   );
 }
-Ea.displayName = "InlineNudge";
-function Ae(e) {
+za.displayName = "InlineNudge";
+function Oe(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function Aa(e, t, n) {
+function Ka(e, t, n) {
   if (n <= t) {
-    const o = e[0], l = o ? Ae(o) : "#888";
+    const o = e[0], l = o ? Oe(o) : "#888";
     return `linear-gradient(to right, ${l}, ${l})`;
   }
   const a = n - t, s = [...e].sort((o, l) => o.value - l.value).map((o) => {
     const l = (o.value - t) / a * 100;
-    return `${Ae(o)} ${l.toFixed(2)}%`;
+    return `${Oe(o)} ${l.toFixed(2)}%`;
   });
   return s.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : s.length === 1 ? `linear-gradient(to right, ${s[0]}, ${s[0]})` : `linear-gradient(to right, ${s.join(", ")})`;
 }
-function La(e) {
+function Wa(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function Oa({
+function Ga({
   stops: e,
   onChange: t,
   min: n = 0,
@@ -3487,67 +3631,67 @@ function Oa({
 }) {
   const o = i === void 0 ? 0.01 : !Number.isFinite(i) || i <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
     `ThresholdRamp: step (${i}) must be a positive finite number; falling back to 0.01.`
-  ), 0.01) : i, l = w(
-    (c) => Math.round(c / o) * o,
+  ), 0.01) : i, l = _(
+    (d) => Math.round(d / o) * o,
     [o]
-  ), d = T(null), [u, v] = $(null), [f, m] = $(e), g = La(e), _ = T(g);
-  L(() => {
-    _.current !== g && (_.current = g, !u && m(e));
+  ), c = T(null), [u, f] = $(null), [h, m] = $(e), g = Wa(e), w = T(g);
+  O(() => {
+    w.current !== g && (w.current = g, !u && m(e));
   }, [g, e, u]);
-  const p = ye(() => Aa(f, n, a), [f, n, a]), h = w(
-    (c) => {
-      if (!d.current) return n;
-      const b = d.current.getBoundingClientRect(), D = b.width || 1, S = Math.max(0, Math.min(1, (c - b.left) / D)), y = n + S * (a - n);
+  const p = we(() => Ka(h, n, a), [h, n, a]), b = _(
+    (d) => {
+      if (!c.current) return n;
+      const v = c.current.getBoundingClientRect(), D = v.width || 1, S = Math.max(0, Math.min(1, (d - v.left) / D)), y = n + S * (a - n);
       return l(y);
     },
     [n, a, l]
   );
-  L(() => {
+  O(() => {
     a <= n && process.env.NODE_ENV !== "production" && console.warn(
       `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
     );
   }, [n, a]);
-  const M = w(
-    (c, b) => {
-      const D = f.find((S) => S.id === b);
-      s || D?.disabled || (c.preventDefault(), v(b));
+  const R = _(
+    (d, v) => {
+      const D = h.find((S) => S.id === v);
+      s || D?.disabled || (d.preventDefault(), f(v));
     },
-    [s, f]
-  ), P = T(f);
-  P.current = f;
+    [s, h]
+  ), P = T(h);
+  P.current = h;
   const C = T(t);
-  C.current = t, L(() => {
+  C.current = t, O(() => {
     if (!u) return;
-    const c = (D) => {
-      const S = h(D.clientX);
+    const d = (D) => {
+      const S = b(D.clientX);
       m(
         (y) => y.map((x) => x.id === u ? { ...x, value: S } : x)
       );
-    }, b = (D) => {
-      const S = h(D.clientX), y = P.current.map(
+    }, v = (D) => {
+      const S = b(D.clientX), y = P.current.map(
         (x) => x.id === u ? { ...x, value: S } : x
       );
-      m(y), v(null), C.current(y);
+      m(y), f(null), C.current(y);
     };
-    return window.addEventListener("pointermove", c), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b), () => {
-      window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
+    return window.addEventListener("pointermove", d), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
+      window.removeEventListener("pointermove", d), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
     };
-  }, [u, h]);
-  const R = a - n > 0 ? a - n : 1, I = w(
-    (c, b) => {
-      if (s || b.disabled) return;
+  }, [u, b]);
+  const M = a - n > 0 ? a - n : 1, I = _(
+    (d, v) => {
+      if (s || v.disabled) return;
       const D = a - n;
       if (D <= 0) return;
-      const S = c.shiftKey ? D / 20 : D / 100;
-      let y = b.value;
-      switch (c.key) {
+      const S = d.shiftKey ? D / 20 : D / 100;
+      let y = v.value;
+      switch (d.key) {
         case "ArrowRight":
         case "ArrowUp":
-          y = b.value + S;
+          y = v.value + S;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          y = b.value - S;
+          y = v.value - S;
           break;
         case "Home":
           y = n;
@@ -3558,64 +3702,64 @@ function Oa({
         default:
           return;
       }
-      c.preventDefault();
+      d.preventDefault();
       const x = Math.max(n, Math.min(a, y)), F = l(x);
-      if (F === b.value) return;
-      const j = f.map(
-        (q) => q.id === b.id ? { ...q, value: F } : q
+      if (F === v.value) return;
+      const H = h.map(
+        (q) => q.id === v.id ? { ...q, value: F } : q
       );
-      m(j), t(j);
+      m(H), t(H);
     },
-    [s, n, a, f, t, l]
+    [s, n, a, h, t, l]
   );
   return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ r(
     "div",
     {
-      ref: d,
+      ref: c,
       className: "gloss-threshold-ramp__track",
       style: { background: p },
-      children: f.map((c) => {
-        const b = (c.value - n) / R * 100;
+      children: h.map((d) => {
+        const v = (d.value - n) / M * 100;
         return /* @__PURE__ */ r(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
-              left: `${b}%`,
-              color: Ae(c)
+              left: `${v}%`,
+              color: Oe(d)
             },
-            "data-disabled": c.disabled || void 0,
-            "data-dragging": u === c.id || void 0,
-            onPointerDown: (D) => M(D, c.id),
-            onKeyDown: (D) => I(D, c),
-            "aria-label": c.label ?? `Stop at ${c.value}`,
+            "data-disabled": d.disabled || void 0,
+            "data-dragging": u === d.id || void 0,
+            onPointerDown: (D) => R(D, d.id),
+            onKeyDown: (D) => I(D, d),
+            "aria-label": d.label ?? `Stop at ${d.value}`,
             role: "slider",
-            "aria-valuenow": c.value,
+            "aria-valuenow": d.value,
             "aria-valuemin": n,
             "aria-valuemax": a,
-            "aria-disabled": c.disabled || s || void 0,
-            tabIndex: c.disabled || s ? -1 : 0
+            "aria-disabled": d.disabled || s || void 0,
+            tabIndex: d.disabled || s ? -1 : 0
           },
-          c.id
+          d.id
         );
       })
     }
   ) });
 }
-Oa.displayName = "ThresholdRamp";
-const it = yt(null);
-function $a() {
-  return wt(it);
+Ga.displayName = "ThresholdRamp";
+const lt = _t(null);
+function Va() {
+  return Nt(lt);
 }
-function Ba({ option: e }) {
-  const t = $a(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, i = w(() => {
+function ja({ option: e }) {
+  const t = Va(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, i = _(() => {
     a || t?.select(e.value);
-  }, [a, t, e.value]), s = w(
+  }, [a, t, e.value]), s = _(
     (u) => {
       a || t?.onKeyNav(u, e.value);
     },
     [a, t, e.value]
-  ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, d = a ? -1 : l ? 0 : -1;
+  ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, c = a ? -1 : l ? 0 : -1;
   return /* @__PURE__ */ r(
     "button",
     {
@@ -3631,13 +3775,13 @@ function Ba({ option: e }) {
       "aria-label": e.label ?? e.value,
       "aria-disabled": a,
       disabled: a,
-      tabIndex: d,
+      tabIndex: c,
       onClick: i,
       onKeyDown: s
     }
   );
 }
-function Ka({
+function Ha({
   swatches: e,
   value: t,
   defaultValue: n,
@@ -3645,65 +3789,65 @@ function Ka({
   disabled: i = !1,
   name: s
 }) {
-  const o = t !== void 0, [l, d] = $(n), u = o ? t : l, v = w(
+  const o = t !== void 0, [l, c] = $(n), u = o ? t : l, f = _(
     (C) => {
-      o || d(C), a?.(C);
+      o || c(C), a?.(C);
     },
     [o, a]
-  ), f = w(
+  ), h = _(
     (C) => u === C,
     [u]
-  ), m = T(/* @__PURE__ */ new Map()), g = w((C, R) => {
-    R ? m.current.set(C, R) : m.current.delete(C);
-  }, []), _ = e.filter((C) => !C.disabled && !i), p = _.find((C) => C.value === u)?.value ?? _[0]?.value, h = w((C) => {
-    const R = m.current.get(C);
-    R && R.focus();
-  }, []), M = w(
-    (C, R) => {
+  ), m = T(/* @__PURE__ */ new Map()), g = _((C, M) => {
+    M ? m.current.set(C, M) : m.current.delete(C);
+  }, []), w = e.filter((C) => !C.disabled && !i), p = w.find((C) => C.value === u)?.value ?? w[0]?.value, b = _((C) => {
+    const M = m.current.get(C);
+    M && M.focus();
+  }, []), R = _(
+    (C, M) => {
       if (i) return;
       const I = e.filter((S) => !S.disabled);
       if (I.length === 0) return;
-      const c = I.findIndex((S) => S.value === R);
-      if (c === -1) return;
-      let b = c;
+      const d = I.findIndex((S) => S.value === M);
+      if (d === -1) return;
+      let v = d;
       switch (C.key) {
         case "ArrowRight":
         case "ArrowDown":
-          b = (c + 1) % I.length;
+          v = (d + 1) % I.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          b = (c - 1 + I.length) % I.length;
+          v = (d - 1 + I.length) % I.length;
           break;
         case "Home":
-          b = 0;
+          v = 0;
           break;
         case "End":
-          b = I.length - 1;
+          v = I.length - 1;
           break;
         case " ":
         case "Enter":
-          C.preventDefault(), v(R);
+          C.preventDefault(), f(M);
           return;
         default:
           return;
       }
       C.preventDefault();
-      const D = I[b].value;
-      h(D), v(D);
+      const D = I[v].value;
+      b(D), f(D);
     },
-    [i, e, v, h]
+    [i, e, f, b]
   ), P = {
     selectedValue: u,
-    select: v,
-    isSelected: f,
+    select: f,
+    isSelected: h,
     groupDisabled: i,
     name: s,
     registerRef: g,
     firstFocusableValue: p,
-    onKeyNav: M
+    onKeyNav: R
   };
-  return /* @__PURE__ */ r(it.Provider, { value: P, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(lt.Provider, { value: P, children: /* @__PURE__ */ r(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -3711,126 +3855,126 @@ function Ka({
       "aria-label": s,
       "aria-disabled": i,
       "data-disabled": i || void 0,
-      children: e.map((C) => /* @__PURE__ */ r(Ba, { option: C }, C.value))
+      children: e.map((C) => /* @__PURE__ */ r(ja, { option: C }, C.value))
     }
   ) });
 }
-Ka.displayName = "PresetSwatchRow";
+Ha.displayName = "PresetSwatchRow";
 function Le(e, t) {
   for (const n of e)
     if (n.items.some((a) => a.id === t))
       return n.zoneKey;
   return null;
 }
-function Qe(e, t) {
+function Xe(e, t) {
   const n = e.find((a) => a.zoneKey === t);
   return n ? n.zoneKey : Le(e, t);
 }
-function za(e, t, n) {
+function Ua(e, t, n) {
   const a = [...e], [i] = a.splice(t, 1);
   return a.splice(n, 0, i), a;
 }
-function Ga(e) {
+function Za(e) {
   return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
 }
-function Wa(e) {
+function qa(e) {
   const [t, n] = $(
-    () => e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-      `useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
-    ), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
-  ), [a, i] = $(null), [s, o] = $(null), l = T(null), d = T(e.onZoneChange);
-  d.current = e.onZoneChange;
-  const u = ye(
-    () => Ga(e.zones),
+    () => e.zones.map((b) => b.maxItems !== void 0 && b.items.length > b.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+      `useSortableZones: zone "${b.zoneKey}" exceeds maxItems (${b.items.length} > ${b.maxItems}); trimming to cap.`
+    ), { ...b, items: b.items.slice(0, b.maxItems) }) : b)
+  ), [a, i] = $(null), [s, o] = $(null), l = T(null), c = T(e.onZoneChange);
+  c.current = e.onZoneChange;
+  const u = we(
+    () => Za(e.zones),
     [e.zones]
-  ), v = T(u);
-  L(() => {
-    v.current !== u && (v.current = u, !a && n(
-      e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-        `useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
-      ), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
+  ), f = T(u);
+  O(() => {
+    f.current !== u && (f.current = u, !a && n(
+      e.zones.map((b) => b.maxItems !== void 0 && b.items.length > b.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+        `useSortableZones: zone "${b.zoneKey}" exceeds maxItems (${b.items.length} > ${b.maxItems}); trimming to cap.`
+      ), { ...b, items: b.items.slice(0, b.maxItems) }) : b)
     ));
   }, [u, e.zones, a]);
-  const f = w(
-    (h) => {
-      const M = h.active.id;
+  const h = _(
+    (b) => {
+      const R = b.active.id;
       let P = null, C = null;
-      for (const R of t) {
-        const I = R.items.find((c) => c.id === M);
+      for (const M of t) {
+        const I = M.items.find((d) => d.id === R);
         if (I) {
-          P = I, C = R.zoneKey;
+          P = I, C = M.zoneKey;
           break;
         }
       }
       l.current = C, i(P), o(C);
     },
     [t]
-  ), m = w(
-    (h) => {
-      if (!h.over) {
+  ), m = _(
+    (b) => {
+      if (!b.over) {
         o(l.current);
         return;
       }
-      const M = Qe(t, h.over.id);
-      o(M);
+      const R = Xe(t, b.over.id);
+      o(R);
     },
     [t]
-  ), g = w(
-    (h) => {
-      const { active: M, over: P } = h, C = () => {
+  ), g = _(
+    (b) => {
+      const { active: R, over: P } = b, C = () => {
         l.current = null, i(null), o(null);
       };
       if (!P) {
         C();
         return;
       }
-      const R = Le(t, M.id), I = Qe(t, P.id);
-      if (!R || !I) {
+      const M = Le(t, R.id), I = Xe(t, P.id);
+      if (!M || !I) {
         C();
         return;
       }
-      let c = t.map((b) => ({ ...b, items: [...b.items] }));
-      if (R === I) {
-        const b = c.findIndex((F) => F.zoneKey === R), D = c[b], S = D.items.findIndex((F) => F.id === M.id), y = D.items.findIndex((F) => F.id === P.id), x = y >= 0 ? y : Math.max(0, D.items.length - 1);
-        c[b] = {
+      let d = t.map((v) => ({ ...v, items: [...v.items] }));
+      if (M === I) {
+        const v = d.findIndex((F) => F.zoneKey === M), D = d[v], S = D.items.findIndex((F) => F.id === R.id), y = D.items.findIndex((F) => F.id === P.id), x = y >= 0 ? y : Math.max(0, D.items.length - 1);
+        d[v] = {
           ...D,
-          items: za(D.items, S, x)
+          items: Ua(D.items, S, x)
         };
       } else {
-        const b = c.findIndex((O) => O.zoneKey === R), D = c.findIndex((O) => O.zoneKey === I), S = c[b], y = c[D], x = S.items.find((O) => O.id === M.id);
+        const v = d.findIndex((L) => L.zoneKey === M), D = d.findIndex((L) => L.zoneKey === I), S = d[v], y = d[D], x = S.items.find((L) => L.id === R.id);
         if (!x) {
           C();
           return;
         }
-        const F = S.items.filter((O) => O.id !== M.id), j = y.items.findIndex((O) => O.id === P.id), q = j >= 0 ? j : y.items.length;
-        let U = F, W = [...y.items];
-        if (y.maxItems !== void 0 && W.length >= y.maxItems) {
-          const O = W[W.length - 1];
-          W = W.slice(0, y.maxItems - 1), U = [...F, O];
+        const F = S.items.filter((L) => L.id !== R.id), H = y.items.findIndex((L) => L.id === P.id), q = H >= 0 ? H : y.items.length;
+        let U = F, 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 = [...F, L];
         }
-        const B = Math.min(q, W.length), Z = [
-          ...W.slice(0, B),
+        const B = Math.min(q, G.length), Z = [
+          ...G.slice(0, B),
           x,
-          ...W.slice(B)
+          ...G.slice(B)
         ];
-        c[b] = { ...S, items: U }, c[D] = { ...y, items: Z };
+        d[v] = { ...S, items: U }, d[D] = { ...y, items: Z };
       }
-      n(c), d.current?.(c), C();
+      n(d), c.current?.(d), C();
     },
     [t]
-  ), _ = w(
-    (h) => ({
-      id: h,
-      "data-zone-key": h
+  ), w = _(
+    (b) => ({
+      id: b,
+      "data-zone-key": b
     }),
     []
-  ), p = w(
-    (h) => {
-      const M = Le(t, h.id) ?? "";
+  ), p = _(
+    (b) => {
+      const R = Le(t, b.id) ?? "";
       return {
-        id: h.id,
-        "data-item-id": h.id,
-        "data-zone-key": M
+        id: b.id,
+        "data-item-id": b.id,
+        "data-zone-key": R
       };
     },
     [t]
@@ -3839,15 +3983,15 @@ function Wa(e) {
     zones: t,
     activeZone: s,
     activeItem: a,
-    getZoneProps: _,
+    getZoneProps: w,
     getItemProps: p,
-    handleDragStart: f,
+    handleDragStart: h,
     handleDragOver: m,
     handleDragEnd: g
   };
 }
-let ge = null, Ne = null, Te = !1;
-const Va = [
+let pe = null, De = null, Me = !1;
+const Ya = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -3856,22 +4000,22 @@ const Va = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], Ha = [
+], Qa = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function ja(e, t) {
+function Xa(e, t) {
   const n = [], a = e ?? {};
-  for (const s of Va)
+  for (const s of Ya)
     a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
   const i = t ?? {};
-  for (const s of Ha)
+  for (const s of Qa)
     i[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
   return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
 }
-function Ua() {
-  return ge ? Promise.resolve(ge) : Te ? Promise.resolve(null) : Ne || (Ne = (async () => {
+function Ja() {
+  return pe ? Promise.resolve(pe) : Me ? Promise.resolve(null) : De || (De = (async () => {
     try {
       const [e, t, n] = await Promise.all([
         import("@dnd-kit/core"),
@@ -3879,31 +4023,31 @@ function Ua() {
         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 = ja(e, t);
-      return a.ok ? (ge = {
+      ]), a = Xa(e, t);
+      return a.ok ? (pe = {
         core: e,
         sortable: t,
         utilities: n
-      }, ge) : (Te = !0, process.env.NODE_ENV !== "production" && console.error(
+      }, pe) : (Me = !0, process.env.NODE_ENV !== "production" && console.error(
         `SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
       ), null);
     } catch {
-      return Te = !0, null;
+      return Me = !0, null;
     }
-  })(), Ne);
+  })(), De);
 }
-function Za(e) {
-  const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = Wa({ zones: t, onZoneChange: n }), [l, d] = H.useState(ge);
-  return H.useEffect(() => {
+function en(e) {
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = qa({ zones: t, onZoneChange: n }), [l, c] = j.useState(pe);
+  return j.useEffect(() => {
     if (l) return;
     let u = !0;
-    return Ua().then((v) => {
-      u && d(v);
+    return Ja().then((f) => {
+      u && c(f);
     }), () => {
       u = !1;
     };
   }, [l]), l ? /* @__PURE__ */ r(
-    ot,
+    ct,
     {
       state: o,
       modules: l,
@@ -3912,22 +4056,22 @@ function Za(e) {
       renderDragOverlay: s
     }
   ) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((u) => {
-    const v = u.items.map((f) => /* @__PURE__ */ r(H.Fragment, { children: i(f) }, f.id));
-    return /* @__PURE__ */ r("div", { ...o.getZoneProps(u.zoneKey), children: a(u.zoneKey, u.items, v) }, u.zoneKey);
+    const f = u.items.map((h) => /* @__PURE__ */ r(j.Fragment, { children: i(h) }, h.id));
+    return /* @__PURE__ */ r("div", { ...o.getZoneProps(u.zoneKey), children: a(u.zoneKey, u.items, f) }, u.zoneKey);
   }) });
 }
-Za.displayName = "SortableZones";
-function ot({
+en.displayName = "SortableZones";
+function ct({
   state: e,
   modules: t,
   renderZone: n,
   renderItem: a,
   renderDragOverlay: i
 }) {
-  const { core: s, sortable: o, utilities: l } = t, { DndContext: d, DragOverlay: u, useSensors: v, useSensor: f, useDroppable: m, PointerSensor: g, KeyboardSensor: _, closestCenter: p } = s, { SortableContext: h, verticalListSortingStrategy: M } = o, P = v(
-    f(g, { activationConstraint: { distance: 5 } }),
-    f(_)
-  ), C = d, R = u, I = h;
+  const { core: s, sortable: o, utilities: l } = t, { DndContext: c, DragOverlay: u, useSensors: f, useSensor: h, useDroppable: m, PointerSensor: g, KeyboardSensor: w, closestCenter: p } = s, { SortableContext: b, verticalListSortingStrategy: R } = o, P = f(
+    h(g, { activationConstraint: { distance: 5 } }),
+    h(w)
+  ), C = c, M = u, I = b;
   return /* @__PURE__ */ N(
     C,
     {
@@ -3937,9 +4081,9 @@ function ot({
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((c) => {
-          const b = c.items.map((S) => S.id), D = c.items.map((S) => /* @__PURE__ */ r(
-            lt,
+        e.zones.map((d) => {
+          const v = d.items.map((S) => S.id), D = d.items.map((S) => /* @__PURE__ */ r(
+            dt,
             {
               id: S.id,
               useSortable: o.useSortable,
@@ -3949,32 +4093,32 @@ function ot({
             S.id
           ));
           return /* @__PURE__ */ r(
-            ct,
+            ut,
             {
-              zoneKey: c.zoneKey,
-              zoneProps: e.getZoneProps(c.zoneKey),
+              zoneKey: d.zoneKey,
+              zoneProps: e.getZoneProps(d.zoneKey),
               useDroppable: m,
-              children: /* @__PURE__ */ r(I, { items: b, strategy: M, children: n(c.zoneKey, c.items, D) })
+              children: /* @__PURE__ */ r(I, { items: v, strategy: R, children: n(d.zoneKey, d.items, D) })
             },
-            c.zoneKey
+            d.zoneKey
           );
         }),
-        /* @__PURE__ */ r(R, { children: e.activeItem ? i?.(e.activeItem) ?? a(e.activeItem) : null })
+        /* @__PURE__ */ r(M, { children: e.activeItem ? i?.(e.activeItem) ?? a(e.activeItem) : null })
       ]
     }
   );
 }
-ot.displayName = "SortableZonesInner";
-function lt({ id: e, useSortable: t, cssHelper: n, children: a }) {
-  const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition: d, isDragging: u } = t({ id: e }), v = {
+ct.displayName = "SortableZonesInner";
+function dt({ id: e, useSortable: t, cssHelper: n, children: a }) {
+  const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition: c, isDragging: u } = t({ id: e }), f = {
     transform: n?.Transform?.toString(l) ?? void 0,
-    transition: d,
+    transition: c,
     opacity: u ? 0.5 : 1
   };
-  return /* @__PURE__ */ r("div", { ref: o, style: v, "data-sortable-item-id": e, ...i, ...s, children: a });
+  return /* @__PURE__ */ r("div", { ref: o, style: f, "data-sortable-item-id": e, ...i, ...s, children: a });
 }
-lt.displayName = "SortableItem";
-function ct({
+dt.displayName = "SortableItem";
+function ut({
   zoneKey: e,
   zoneProps: t,
   useDroppable: n,
@@ -3983,8 +4127,8 @@ function ct({
   const { setNodeRef: i, isOver: s } = n({ id: e });
   return /* @__PURE__ */ r("div", { ref: i, "data-zone-is-over": s || void 0, ...t, children: a });
 }
-ct.displayName = "ZoneDroppable";
-function xr({
+ut.displayName = "ZoneDroppable";
+function Fr({
   slotLeft: e,
   slotCenter: t,
   slotRight: n,
@@ -4034,7 +4178,7 @@ function xr({
     }
   );
 }
-function Sr({
+function Er({
   count: e,
   currentIndex: t,
   onSelect: n,
@@ -4044,25 +4188,25 @@ function Sr({
   pulseNonce: o,
   currentSection: l = t,
   // D-08 back-compat shim
-  sectionsPerView: d = 1
+  sectionsPerView: c = 1
   // D-09 default
 }) {
-  const u = Math.max(0, Math.min(e - 1, l)), v = Math.min(e - 1, u + Math.max(0, d - 1)), f = [u, v], m = Xe.useRef([]);
-  return m.current.length = e, e <= 1 || f[0] === 0 && f[1] === e - 1 ? null : /* @__PURE__ */ N(
+  const u = Math.max(0, Math.min(e - 1, l)), f = Math.min(e - 1, u + Math.max(0, c - 1)), h = [u, f], m = Je.useRef([]);
+  return m.current.length = e, e <= 1 || h[0] === 0 && h[1] === e - 1 ? null : /* @__PURE__ */ N(
     "div",
     {
       role: "tablist",
       "aria-label": a,
       "data-testid": "gloss-section-dots",
       className: "gloss-section-dots",
-      onKeyDown: (_) => {
+      onKeyDown: (w) => {
         if (e !== 0) {
-          if (_.key === "ArrowRight") {
-            _.preventDefault();
+          if (w.key === "ArrowRight") {
+            w.preventDefault();
             const p = (t + 1) % e;
             n(p), requestAnimationFrame(() => m.current[p]?.focus());
-          } else if (_.key === "ArrowLeft") {
-            _.preventDefault();
+          } else if (w.key === "ArrowLeft") {
+            w.preventDefault();
             const p = (t - 1 + e) % e;
             n(p), requestAnimationFrame(() => m.current[p]?.focus());
           }
@@ -4075,16 +4219,16 @@ function Sr({
             className: "gloss-section-dots__blob",
             "aria-hidden": "true",
             style: {
-              "--blob-start": f[0],
-              "--blob-end": f[1]
+              "--blob-start": h[0],
+              "--blob-end": h[1]
             }
           }
         ),
-        Array.from({ length: e }, (_, p) => /* @__PURE__ */ r(
+        Array.from({ length: e }, (w, p) => /* @__PURE__ */ r(
           "button",
           {
-            ref: (h) => {
-              m.current[p] = h;
+            ref: (b) => {
+              m.current[p] = b;
             },
             type: "button",
             role: "tab",
@@ -4104,353 +4248,357 @@ function Sr({
     }
   );
 }
-const qa = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+const tn = j.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(Oe, { region: "toolbar", density: e, children: t }) });
+  return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...i, children: /* @__PURE__ */ r($e, { region: "toolbar", density: e, children: t }) });
 });
-qa.displayName = "ContainerToolbar";
-const Ya = H.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...i }, s) => {
+tn.displayName = "ContainerToolbar";
+const an = j.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...i }, s) => {
   const o = { ...i };
   return delete o.className, delete o.style, /* @__PURE__ */ N("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
     e && /* @__PURE__ */ r("legend", { className: "gloss-container-form-section__legend", children: e }),
     t && /* @__PURE__ */ r("p", { className: "gloss-container-form-section__description", children: t }),
-    /* @__PURE__ */ r(Oe, { region: "form-section", density: n, children: a })
+    /* @__PURE__ */ r($e, { region: "form-section", density: n, children: a })
   ] });
 });
-Ya.displayName = "ContainerFormSection";
-const Qa = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+an.displayName = "ContainerFormSection";
+const nn = j.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(Oe, { region: "table", density: e, children: t }) });
+  return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-table", ...i, children: /* @__PURE__ */ r($e, { region: "table", density: e, children: t }) });
 });
-Qa.displayName = "ContainerTable";
+nn.displayName = "ContainerTable";
 export {
-  Rr as Accordion,
-  Ir as AccordionContent,
-  Pr as AccordionItem,
-  Fr as AccordionTrigger,
-  Er as ActionStrip,
-  Ar as Actionable,
-  Lr as AddressGroup,
-  Or as AddressSelect,
-  $r as AsyncLoader,
-  Br as Autocomplete,
-  Kr as Badge,
-  zr as BarChartCard,
-  Gr as BarsBg,
-  xr as BottomToolbar,
-  Wr as Button,
-  Vr as ButtonGroup,
-  Hr as ButtonGroupContext,
-  jr as Card,
-  Ur as CardActions,
-  Zr as CardBack,
-  qr as CardBody,
-  Yr as CardFooter,
-  Qr as CardHeader,
-  Xr as CardMedia,
-  ft as CardShell,
-  Jr as CardSubtitle,
-  es as CardTitle,
-  fr as CascadePreview,
-  ts as ChartControlBar,
-  as as Checkbox,
-  ns as CheckboxGroup,
-  rs as Chip,
-  ss as ColorPicker,
-  is as ComparisonCard,
-  os as ContactForm,
-  ls as ContainerCard,
-  cs as ContainerCardActions,
-  ds as ContainerCardBody,
-  us as ContainerCardFooter,
-  ms as ContainerCardHeader,
-  gs as ContainerCardMedia,
-  ps as ContainerCardSubtitle,
-  hs as ContainerCardTitle,
-  fs as ContainerDialog,
-  vs as ContainerDialogActions,
-  bs as ContainerDialogBody,
-  ys as ContainerDialogHeader,
-  Ya as ContainerFormSection,
-  ws as ContainerPanel,
-  Qa as ContainerTable,
-  qa as ContainerToolbar,
-  _s as CreditCardForm,
-  Ns as DEFAULT_FOOTER_IDS,
-  se as DEFAULT_GRID_INTERACTION_PHYSICS,
-  Xo as DEFAULT_MARKET_PRESETS,
-  Ds as DEFAULT_OVERFLOW_IDS,
-  Jo as DEFAULT_PINNED,
-  Je as DEFAULT_RESIZE_PHYSICS,
-  ks as DataTable,
-  Cs as DatePicker,
-  xs as DateRangePicker,
-  Ss as DestructiveModal,
-  ha as DevTuningPanel,
-  Ms as DirectionCard,
-  Ts as Dismissible,
-  Rs as DistributionCard,
-  Is as DonutChart,
-  pr as DragGhost,
-  cr as DropAnchorCell,
-  Ps as Dropdown,
-  ya as DualPaceBars,
-  Fs as ENTITY_FILTER_KEYS,
-  Es as ENTITY_PROFILE_ROUTES,
-  As as ENTITY_TYPE_PLURAL,
-  Bt as EdgeHoverHandle,
-  mr as EmptyCellPackAffordance,
-  Ls as EntityPicker,
+  Lr as Accordion,
+  $r as AccordionContent,
+  Br as AccordionItem,
+  zr as AccordionTrigger,
+  Kr as ActionStrip,
+  Wr as Actionable,
+  Gr as AddressGroup,
+  Vr as AddressSelect,
+  jr as AsyncLoader,
+  Hr as Autocomplete,
+  Ur as Badge,
+  Zr as BarChartCard,
+  qr as BarsBg,
+  Fr as BottomToolbar,
+  Yr as Button,
+  Qr as ButtonGroup,
+  Xr as ButtonGroupContext,
+  Jr as Card,
+  es as CardActions,
+  ts as CardBack,
+  as as CardBody,
+  ns as CardFooter,
+  rs as CardHeader,
+  ss as CardMedia,
+  vt as CardShell,
+  is as CardSubtitle,
+  os as CardTitle,
+  _r as CascadePreview,
+  Mr as CellTintOverlay,
+  ls as ChartControlBar,
+  cs as Checkbox,
+  ds as CheckboxGroup,
+  us as Chip,
+  ms as ColorPicker,
+  gs as ComparisonCard,
+  ps as ContactForm,
+  hs as ContainerCard,
+  fs as ContainerCardActions,
+  bs as ContainerCardBody,
+  vs as ContainerCardFooter,
+  ys as ContainerCardHeader,
+  ws as ContainerCardMedia,
+  _s as ContainerCardSubtitle,
+  Ns as ContainerCardTitle,
+  Ds as ContainerDialog,
+  ks as ContainerDialogActions,
+  Cs as ContainerDialogBody,
+  xs as ContainerDialogHeader,
+  an as ContainerFormSection,
+  Ss as ContainerPanel,
+  nn as ContainerTable,
+  tn as ContainerToolbar,
+  Rs as CreditCardForm,
+  Ts as DEFAULT_FOOTER_IDS,
+  ie as DEFAULT_GRID_INTERACTION_PHYSICS,
+  sl as DEFAULT_MARKET_PRESETS,
+  Ms as DEFAULT_OVERFLOW_IDS,
+  il as DEFAULT_PINNED,
+  et as DEFAULT_RESIZE_PHYSICS,
+  Is as DataTable,
+  Ps as DatePicker,
+  Fs as DateRangePicker,
+  Es as DestructiveModal,
+  va as DevTuningPanel,
+  As as DirectionCard,
+  Os as Dismissible,
+  Ls as DistributionCard,
+  $s as DonutChart,
+  yr as DragGhost,
+  pr as DropAnchorCell,
+  Bs as Dropdown,
+  Na as DualPaceBars,
+  zs as ENTITY_FILTER_KEYS,
+  Ks as ENTITY_PROFILE_ROUTES,
+  Ws as ENTITY_TYPE_PLURAL,
+  Wt as EdgeHoverHandle,
+  br as EmptyCellPackAffordance,
+  Gs as EntityPicker,
   X as EntityRow,
-  Os as EntitySearchPanel,
-  Ia as ExceptionListCard,
-  Pa as ExceptionListTilePreview,
-  $s as Expandable,
-  Bs as ExpandableChip,
-  Ks as FLIP_AND_STAGE_TIMINGS,
-  zs as FileUpload,
-  Gs as FilterChip,
-  Ws as FilterInput,
-  Vs as FlipAndStageProvider,
-  Hs as Form,
-  js as FormDialog,
-  Us as FormField,
-  Zs as FusedShape,
-  wa as GapReadout,
-  qs as GestureStateProvider,
-  Kt as GhostPreview,
-  Ys as GroupCheckbox,
-  Qs as GroupRadio,
-  Sn as HARD_CLIP,
-  Xs as HighlightCard,
-  Js as HybridDatePicker,
-  ei as ImportWizard,
-  Ea as InlineNudge,
-  ti as Input,
-  ai as InputAddon,
-  ni as InputGroup,
-  Sa as LeaderboardCard,
-  Ma as LeaderboardTilePreview,
-  Da as LensChipGroup,
-  ri as Link,
-  si as LoginForm,
-  be as MagnitudeBar,
-  ii as MarketPresetRow,
-  oi as MaskPresets,
-  li as MaskedInput,
-  ci as Menu,
-  di as MenuDivider,
-  ui as MenuGroup,
-  mi as MenuItem,
-  gi as MergePrompt,
-  pi as MetricCard,
-  hi as MetricCardGrid,
-  ia as MetricGroupContainer,
-  fi as MiniCalendar,
-  Ca as MoreInLensRail,
-  vi as MultiSelect,
-  bi as NumberInput,
-  yi as ObjectArrow,
-  wi as OrderFilterBar,
-  el as PERIOD_OPTIONS,
-  vr as PaceCard,
-  br as PaceTilePreview,
-  Zt as PageChip,
-  et as PageDropdown,
-  _i as PasswordInput,
-  Ni as PaymentForm,
-  Di as PaymentMethodSelect,
-  ki as PhoneInput,
-  Ci as PinToMetric,
-  Ka as PresetSwatchRow,
-  xi as ProfileCard,
-  Si as ProgressCard,
-  Mi as QuickConfigPanel,
-  ta as RECONFIG_BACKSIDE_LABELS,
-  tl as ROLLING_OPTIONS,
-  Ti as Radio,
-  Ri as RadioGroup,
-  Ii as RangeSlider,
-  fe as RankBadge,
-  st as RankDelta,
-  Pi as Rating,
-  ra as ReconfigBacksideButtons,
-  Fi as RegistrationForm,
-  lr as ResizeEnvelope,
-  Ei as Row1Controls,
-  Ai as Row2FilterTray,
-  Nr as STROKE_DASHED,
-  Cr as STROKE_OUTLINE,
-  Dr as STROKE_SOLID,
-  kr as STROKE_SPARSE_DASH,
-  Li as SearchInput,
-  ur as SectionDivider,
-  Sr as SectionDots,
-  Oi as SegmentCard,
-  $i as SegmentedControl,
-  Bi as Select,
-  Ki as Selectable,
+  Vs as EntitySearchPanel,
+  Ea as ExceptionListCard,
+  Aa as ExceptionListTilePreview,
+  js as Expandable,
+  Hs as ExpandableChip,
+  Us as FLIP_AND_STAGE_TIMINGS,
+  Zs as FileUpload,
+  qs as FilterChip,
+  Ys as FilterInput,
+  Qs as FlipAndStageProvider,
+  Xs as Form,
+  Js as FormDialog,
+  ei as FormField,
+  ti as FusedShape,
+  Da as GapReadout,
+  ai as GestureStateProvider,
+  Gt as GhostPreview,
+  ni as GroupCheckbox,
+  ri as GroupRadio,
+  Fn as HARD_CLIP,
+  si as HighlightCard,
+  ii as HybridDatePicker,
+  oi as ImportWizard,
+  za as InlineNudge,
+  li as Input,
+  ci as InputAddon,
+  di as InputGroup,
+  Ma as LeaderboardCard,
+  Ia as LeaderboardTilePreview,
+  xa as LensChipGroup,
+  ui as Link,
+  mi as LoginForm,
+  ye as MagnitudeBar,
+  gi as MarketPresetRow,
+  pi as MaskPresets,
+  hi as MaskedInput,
+  fi as Menu,
+  bi as MenuDivider,
+  vi as MenuGroup,
+  yi as MenuItem,
+  wi as MergePrompt,
+  _i as MetricCard,
+  Ni as MetricCardGrid,
+  ca as MetricGroupContainer,
+  Di as MiniCalendar,
+  Ra as MoreInLensRail,
+  ki as MultiSelect,
+  Ci as NumberInput,
+  xi as ObjectArrow,
+  Si as OrderFilterBar,
+  ol as PERIOD_OPTIONS,
+  Nr as PaceCard,
+  Dr as PaceTilePreview,
+  Qt as PageChip,
+  tt as PageDropdown,
+  Ri as PasswordInput,
+  Ti as PaymentForm,
+  Mi as PaymentMethodSelect,
+  Ii as PhoneInput,
+  Pi as PinToMetric,
+  Ha as PresetSwatchRow,
+  Fi as ProfileCard,
+  Ei as ProgressCard,
+  Ai as QuickConfigPanel,
+  ra as RECONFIG_BACKSIDE_LABELS,
+  ll as ROLLING_OPTIONS,
+  Oi as Radio,
+  Li as RadioGroup,
+  $i as RangeSlider,
+  be as RankBadge,
+  ot as RankDelta,
+  Bi as Rating,
+  oa as ReconfigBacksideButtons,
+  Ir as RefusePulse,
+  zi as RegistrationForm,
+  gr as ResizeEnvelope,
+  Pr as ResizeTrackingOutline,
+  Ki as Row1Controls,
+  Wi as Row2FilterTray,
+  xr as STROKE_DASHED,
+  Tr as STROKE_OUTLINE,
+  Sr as STROKE_SOLID,
+  Rr as STROKE_SPARSE_DASH,
+  Gi as SearchInput,
+  fr as SectionDivider,
+  Er as SectionDots,
+  Vi as SegmentCard,
+  ji as SegmentedControl,
+  Hi as Select,
+  Ui as Selectable,
   ve as SeverityDot,
-  zi as SimpleMetricCard,
-  Gi as SimpleSelector,
-  Wi as Skeleton,
-  Vi as SkeletonCard,
-  Hi as SkeletonChart,
-  ji as SkeletonTable,
-  Ui as Slider,
-  hr as SnapOutline,
-  Zi as Sortable,
-  Za as SortableZones,
-  qi as SparklineBg,
-  dr as SpilloverArc,
-  Yi as SplitButton,
-  Qi as StackedGroupCard,
-  Fa as StackedGroupTilePreview,
-  ka as StarterRail,
-  Xi as StatusModeCard,
-  $t as StatusSlotChipMenu,
-  Ji as Stepper,
-  Pe as SwingReveal,
-  al as TODAY_PRESET,
+  Zi as SimpleMetricCard,
+  qi as SimpleSelector,
+  Yi as Skeleton,
+  Qi as SkeletonCard,
+  Xi as SkeletonChart,
+  Ji as SkeletonTable,
+  eo as Slider,
+  wr as SnapOutline,
+  to as Sortable,
+  en as SortableZones,
+  ao as SparklineBg,
+  hr as SpilloverArc,
+  no as SplitButton,
+  ro as StackedGroupCard,
+  Oa as StackedGroupTilePreview,
+  Sa as StarterRail,
+  so as StatusModeCard,
+  zt as StatusSlotChipMenu,
+  io as Stepper,
+  Fe as SwingReveal,
+  cl as TODAY_PRESET,
   re as TUNING_DEFAULTS,
-  rt as TUNING_STORAGE_KEY,
-  eo as TabGroup,
-  to as TabbedDataView,
-  ao as TagInput,
-  It as TargetInput,
-  no as Textarea,
-  Oa as ThresholdRamp,
-  ro as TimeFrame,
-  so as TimePicker,
-  io as Toggle,
-  oo as Tooltip,
-  lo as Transition,
-  co as TransitionGroup,
-  uo as TrendCard,
-  mo as TrendIndicator,
-  qo as UIContext,
-  Oe as UIContextProvider,
-  go as UnifiedBreakdownTable,
-  po as UnifiedContextMenu,
-  zt as VelocityBuffer,
-  ho as addressGroupMetadata,
-  fo as addressSchema,
-  gn as allChips,
-  Fn as allStateFixtures,
-  Pn as allVariantFixtures,
-  vn as blockSamples,
-  vo as buildDefaultOverflow,
-  Nn as cardSamples,
-  Dn as cascadePhysics,
-  wn as chartSamples,
-  yn as circleSamples,
-  Mn as colorTokens,
-  tr as compactLayout,
-  Vn as compactState,
-  In as computeGutterAnchorX,
-  bo as contactFormMetadata,
-  yo as contactSchema,
-  Hn as contextMenuFixtures,
-  wo as creditCardFormMetadata,
-  _o as creditCardSchema,
-  Et as dateChip,
-  nt as defaultControlBarState,
-  No as destructiveModalMetadata,
-  Do as durations,
-  ko as easings,
-  Vt as emptyFixture,
-  Pt as entityChip,
-  Xt as entityNameActions,
-  hn as entityTabGroup,
-  Wt as errorFixture,
-  Co as evaluateTintCondition,
-  Wn as filteredState,
-  nl as findPreset,
-  rl as formatDateRange,
-  sl as formatMarketDates,
-  il as formatTrend,
-  ol as formatValue,
-  nr as fullLayout,
-  ll as generateMarketId,
-  xo as generateTabId,
-  cl as getAllPresets,
-  dl as getDateRangeForPreset,
-  So as getMenuActions,
-  Tn as getMotionMode,
-  ul as getPresetLabel,
-  Mo as getTransitionStyle,
-  er as gridCards,
-  yr as gridChannels,
-  To as interpolate,
-  ml as isInRange,
-  gl as isMarketActive,
-  pl as isSameDay,
-  Gn as itemColumns,
-  Kn as itemRows,
-  Gt as loadingFixture,
-  Ro as loginFormMetadata,
-  Io as loginSchema,
-  At as manufacturerChip,
-  or as manyTabs,
-  Po as mergeHandlers,
-  Fo as mergeRefs,
-  pn as metricTabGroup,
-  sr as mixedTabs,
-  hl as normalizePresetId,
-  ea as numericActions,
-  zn as orderColumns,
-  Jt as orderIdActions,
-  Bn as orderRows,
-  rr as ordersTabs,
-  wr as paletteHex,
-  _r as paletteVars,
-  Eo as parseNumericValue,
-  Ao as paymentFormMetadata,
-  Lo as paymentSchema,
-  Oo as presets,
-  Cn as provisional,
-  xn as reducedMotion,
-  $o as registrationFormMetadata,
-  Bo as registrationSchema,
-  kn as rejectionFeedback,
-  Un as sampleCompareRanges,
-  Yn as sampleCustomMarkets,
-  jn as sampleDateRange,
-  Qn as sampleMarketPresetData,
-  qn as sampleMarkets,
-  Jn as samplePeriodPresets,
-  Zn as samplePreferences,
-  Xn as samplePresets,
-  ir as singleTab,
-  En as sparklineFixture,
-  An as sparklineUpFixture,
-  Ut as staleDonutFixture,
-  Ht as staleFixture,
-  jt as staleSparklineFixture,
-  Ln as standardFixture,
-  $n as standardFlatFixture,
-  ar as standardLayout,
-  On as standardNegativeFixture,
-  Ft as statusChip,
-  me as swingReveal,
-  _n as tableSamples,
-  bn as textSamples,
-  fn as timeFrameTabGroup,
-  fl as toUppercasePresetId,
-  gr as useAffordanceVisibility,
-  mn as useArrowNavigation,
-  Ko as useCheckboxGroupContext,
-  Rn as useEdgeHoverResize,
-  zo as useFilterLayout,
-  Go as useFlipAndStage,
-  Wo as useFlipAndStageContext,
-  Vo as useFlipAndStageContextOptional,
-  un as useFocusReturn,
-  Ho as useFocusTrap,
-  jo as useFormContext,
-  ht as useGestureState,
-  Uo as useRadioGroupContext,
-  ca as useResizeTuning,
-  Wa as useSortableZones,
-  Yo as useUIContext
+  st as TUNING_STORAGE_KEY,
+  oo as TabGroup,
+  lo as TabbedDataView,
+  co as TagInput,
+  Ft as TargetInput,
+  uo as Textarea,
+  Ga as ThresholdRamp,
+  mo as TimeFrame,
+  go as TimePicker,
+  po as Toggle,
+  ho as Tooltip,
+  it as TrackingOutline,
+  fo as Transition,
+  bo as TransitionGroup,
+  vo as TrendCard,
+  yo as TrendIndicator,
+  al as UIContext,
+  $e as UIContextProvider,
+  wo as UnifiedBreakdownTable,
+  _o as UnifiedContextMenu,
+  Vt as VelocityBuffer,
+  No as addressGroupMetadata,
+  Do as addressSchema,
+  yn as allChips,
+  $n as allStateFixtures,
+  Ln as allVariantFixtures,
+  Dn as blockSamples,
+  ko as buildDefaultOverflow,
+  Rn as cardSamples,
+  Tn as cascadePhysics,
+  xn as chartSamples,
+  Cn as circleSamples,
+  En as colorTokens,
+  ir as compactLayout,
+  qn as compactState,
+  On as computeGutterAnchorX,
+  Co as contactFormMetadata,
+  xo as contactSchema,
+  Yn as contextMenuFixtures,
+  So as creditCardFormMetadata,
+  Ro as creditCardSchema,
+  Ot as dateChip,
+  rt as defaultControlBarState,
+  To as destructiveModalMetadata,
+  Mo as durations,
+  Io as easings,
+  Ut as emptyFixture,
+  Et as entityChip,
+  ta as entityNameActions,
+  _n as entityTabGroup,
+  Ht as errorFixture,
+  Po as evaluateTintCondition,
+  Zn as filteredState,
+  dl as findPreset,
+  ul as formatDateRange,
+  ml as formatMarketDates,
+  gl as formatTrend,
+  pl as formatValue,
+  lr as fullLayout,
+  hl as generateMarketId,
+  Fo as generateTabId,
+  fl as getAllPresets,
+  bl as getDateRangeForPreset,
+  Eo as getMenuActions,
+  Kt as getMotionMode,
+  vl as getPresetLabel,
+  Ao as getTransitionStyle,
+  sr as gridCards,
+  kr as gridChannels,
+  Oo as interpolate,
+  yl as isInRange,
+  wl as isMarketActive,
+  _l as isSameDay,
+  Un as itemColumns,
+  jn as itemRows,
+  jt as loadingFixture,
+  Lo as loginFormMetadata,
+  $o as loginSchema,
+  Lt as manufacturerChip,
+  mr as manyTabs,
+  Bo as mergeHandlers,
+  zo as mergeRefs,
+  wn as metricTabGroup,
+  dr as mixedTabs,
+  Nl as normalizePresetId,
+  na as numericActions,
+  Hn as orderColumns,
+  aa as orderIdActions,
+  Vn as orderRows,
+  cr as ordersTabs,
+  Cr as paletteHex,
+  se as paletteVars,
+  Ko as parseNumericValue,
+  Wo as paymentFormMetadata,
+  Go as paymentSchema,
+  Vo as presets,
+  In as provisional,
+  Pn as reducedMotion,
+  jo as registrationFormMetadata,
+  Ho as registrationSchema,
+  Mn as rejectionFeedback,
+  Xn as sampleCompareRanges,
+  tr as sampleCustomMarkets,
+  Qn as sampleDateRange,
+  ar as sampleMarketPresetData,
+  er as sampleMarkets,
+  rr as samplePeriodPresets,
+  Jn as samplePreferences,
+  nr as samplePresets,
+  ur as singleTab,
+  Bn as sparklineFixture,
+  zn as sparklineUpFixture,
+  Yt as staleDonutFixture,
+  Zt as staleFixture,
+  qt as staleSparklineFixture,
+  Kn as standardFixture,
+  Gn as standardFlatFixture,
+  or as standardLayout,
+  Wn as standardNegativeFixture,
+  At as statusChip,
+  ge as swingReveal,
+  Sn as tableSamples,
+  kn as textSamples,
+  Nn as timeFrameTabGroup,
+  Dl as toUppercasePresetId,
+  vr as useAffordanceVisibility,
+  vn as useArrowNavigation,
+  Uo as useCheckboxGroupContext,
+  An as useEdgeHoverResize,
+  Zo as useFilterLayout,
+  qo as useFlipAndStage,
+  Yo as useFlipAndStageContext,
+  Qo as useFlipAndStageContextOptional,
+  bn as useFocusReturn,
+  Xo as useFocusTrap,
+  Jo as useFormContext,
+  bt as useGestureState,
+  el as useRadioGroupContext,
+  ma as useResizeTuning,
+  qa as useSortableZones,
+  nl as useUIContext
 };