@mt-gloss/ui 0.1.71 → 0.1.72

package/index.js

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