@mt-gloss/ui 0.1.22 → 0.1.24

package/index.js

@@ -1,47 +1,47 @@
-import { N as Bn, T as zn, O as Kn, Q as Gn, a3 as Wn, b6 as Hn, az as Vn, ah as jn, Z as Un, an as Zn, K as Yn, a8 as qn, bn as Qn, P as Xn, B as Jn, a as er, y as tr, H as ar, bi as nr, F as rr, J as sr, A as or, z as ir, bh as lr, E as cr, D as dr, bw as ur, b as mr, C as gr, L as pr, o as fr, ad as hr, aN as br, y as vr, H as yr, F as wr, J as Dr, A as Nr, z as Cr, E as _r, D as kr, a$ as xr, b2 as Sr, b1 as Mr, b0 as Tr, b3 as Rr, aC as Ir, a5 as Pr, a4 as Fr, aq as Er, k as Or, m as Ar, aF as Lr, ab as $r, b8 as Br, a9 as zr, bo as Kr, Y as Gr, bG as Wr, bF as Hr, bH as Vr, ap as jr, aQ as Ur, ba as Zr, bL as Yr, bu as qr, n as Qr, am as Xr, bA as Jr, br as es, a0 as ts, ar as as, a2 as ns, bz as rs, G as ss, d as os, aa as is, bI as ls, aT as cs, r as ds, v as us, I as ms, g as gs, aw as ps, bM as fs, M as hs, w as bs, U as vs, X as ys, V as ws, W as Ds, as as Ns, bg as Cs, bO as _s, bK as ks, ao as xs, t as Ss, bp as Ms, aS as Ts, aj as Rs, aK as Is, ag as Ps, al as Fs, au as Es, aR as Os, ac as As, at as Ls, c as $s, R as Bs, j as zs, p as Ks, aH as Gs, bx as Ws, by as Hs, ai as Vs, ae as js, h as Us, x as Zs, b7 as Ys, af as qs, bN as Qs, bc as Xs, bf as Js, bd as eo, be as to, i as ao, b9 as no, bm as ro, S as so, bk as oo, bl as io, av as lo, bb as co, bP as uo, ak as mo, s as go, bJ as po, l as fo, f as ho, q as bo, _ as vo, $ as yo, a7 as wo, bj as Do, bv as No, bC as Co, aA as _o, aB as ko, a6 as xo, aO as So, aP as Mo, aD as To, aE as Ro, aG as Io, aV as Po, aW as Fo, bE as Eo, bD as Oo, aY as Ao, aZ as Lo, ax as $o, ay as Bo, b5 as zo, b4 as Ko, a_ as Go, aL as Wo, aM as Ho, aX as Vo, aI as jo, aJ as Uo, u as Zo, bB as Yo, bq as qo, bs as Qo, bt as Xo, aU as Jo, a1 as ei, e as ti } from "./Expandable-CxXKNJkL.js";
-import { jsxs as O, jsx as l, Fragment as ve } from "react/jsx-runtime";
-import * as Je from "react";
-import W, { useRef as T, useEffect as L, useState as G, useCallback as y, forwardRef as et, useMemo as ie, createContext as tt, useContext as at } from "react";
-import { motion as ue, useMotionValue as nt, animate as Re, useDragControls as rt } from "framer-motion";
-import { B as st, U as _e } from "./UIContext-C3E-k7HI.js";
-import { a as ni, u as ri } from "./UIContext-C3E-k7HI.js";
-import { createPortal as ot } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as oi, DEFAULT_PINNED as ii, PERIOD_OPTIONS as li, ROLLING_OPTIONS as ci, TODAY_PRESET as di, findPreset as ui, formatDateRange as mi, formatMarketDates as gi, formatTrend as pi, formatValue as fi, generateMarketId as hi, getAllPresets as bi, getDateRangeForPreset as vi, getPresetLabel as yi, isInRange as wi, isMarketActive as Di, isSameDay as Ni, normalizePresetId as Ci, toUppercasePresetId as _i } from "@mt-gloss/utils";
-import it from "@mui/icons-material/AccessTime";
-import lt from "@mui/icons-material/Tune";
-import ct from "@mui/icons-material/ViewColumn";
-import dt from "@mui/icons-material/AspectRatio";
-import ut from "@mui/icons-material/Palette";
-import mt from "@mui/icons-material/PushPin";
-function Ta(e = {}) {
-  const { enabled: t = !0, returnTo: n } = e, a = T(null);
+import { N as Ha, T as Va, O as ja, Q as Ua, a3 as Za, b6 as Ya, az as qa, ah as Qa, Z as Xa, an as Ja, K as er, a8 as tr, bn as nr, P as ar, B as rr, a as sr, y as or, H as ir, bi as lr, F as cr, J as dr, A as ur, z as mr, bh as gr, E as pr, D as fr, bx as hr, b as br, C as vr, L as yr, o as wr, ad as Dr, aN as Nr, y as Cr, H as _r, F as kr, J as xr, A as Sr, z as Mr, E as Tr, D as Rr, a$ as Ir, b2 as Pr, b1 as Fr, b0 as Er, b3 as Or, aC as Ar, a5 as Lr, a4 as $r, aq as Br, k as zr, m as Kr, aF as Wr, ab as Gr, b8 as Hr, a9 as Vr, bo as jr, Y as Ur, bH as Zr, bG as Yr, bI as qr, ap as Qr, aQ as Xr, ba as Jr, bM as es, bv as ts, n as ns, am as as, bB as rs, bs as ss, a0 as os, ar as is, a2 as ls, bA as cs, G as ds, d as us, aa as ms, bJ as gs, aT as ps, r as fs, v as hs, I as bs, g as vs, aw as ys, bN as ws, M as Ds, w as Ns, U as Cs, X as _s, V as ks, W as xs, as as Ss, bg as Ms, bP as Ts, bL as Rs, ao as Is, t as Ps, bp as Fs, aS as Es, aj as Os, aK as As, ag as Ls, al as $s, au as Bs, aR as zs, ac as Ks, at as Ws, c as Gs, R as Hs, j as Vs, p as js, aH as Us, by as Zs, bz as Ys, ai as qs, ae as Qs, h as Xs, x as Js, b7 as eo, af as to, bO as no, bc as ao, bf as ro, bd as so, be as oo, i as io, b9 as lo, bm as co, S as uo, bk as mo, bl as go, av as po, bb as fo, bQ as ho, ak as bo, s as vo, bK as yo, l as wo, f as Do, q as No, _ as Co, $ as _o, a7 as ko, bj as xo, bw as So, bD as Mo, aA as To, aB as Ro, a6 as Io, aO as Po, aP as Fo, aD as Eo, aE as Oo, aG as Ao, aV as Lo, aW as $o, bq as Bo, bF as zo, bE as Ko, aY as Wo, aZ as Go, ax as Ho, ay as Vo, b5 as jo, b4 as Uo, a_ as Zo, aL as Yo, aM as qo, aX as Qo, aI as Xo, aJ as Jo, u as ei, bC as ti, br as ni, bt as ai, bu as ri, aU as si, a1 as oi, e as ii } from "./Expandable-BYIgk5cN.js";
+import { jsxs as O, jsx as l, Fragment as _e } from "react/jsx-runtime";
+import * as rt from "react";
+import V, { useRef as R, useEffect as L, useState as G, useCallback as w, forwardRef as st, useMemo as ge, createContext as ot, useContext as it } from "react";
+import { motion as be, useMotionValue as lt, animate as Ae, useDragControls as ct } from "framer-motion";
+import { B as dt, U as Re } from "./UIContext-C3E-k7HI.js";
+import { a as ci, u as di } from "./UIContext-C3E-k7HI.js";
+import { createPortal as ut } from "react-dom";
+import { DEFAULT_MARKET_PRESETS as mi, DEFAULT_PINNED as gi, PERIOD_OPTIONS as pi, ROLLING_OPTIONS as fi, TODAY_PRESET as hi, findPreset as bi, formatDateRange as vi, formatMarketDates as yi, formatTrend as wi, formatValue as Di, generateMarketId as Ni, getAllPresets as Ci, getDateRangeForPreset as _i, getPresetLabel as ki, isInRange as xi, isMarketActive as Si, isSameDay as Mi, normalizePresetId as Ti, toUppercasePresetId as Ri } from "@mt-gloss/utils";
+import mt from "@mui/icons-material/AccessTime";
+import gt from "@mui/icons-material/Tune";
+import pt from "@mui/icons-material/ViewColumn";
+import ft from "@mui/icons-material/AspectRatio";
+import ht from "@mui/icons-material/Palette";
+import bt from "@mui/icons-material/PushPin";
+function On(e = {}) {
+  const { enabled: t = !0, returnTo: a } = e, n = R(null);
   return L(() => {
-    t && (a.current = n || document.activeElement);
-  }, [t, n]), L(() => () => {
-    t && a.current && setTimeout(() => {
-      a.current?.focus?.();
+    t && (n.current = a || document.activeElement);
+  }, [t, a]), L(() => () => {
+    t && n.current && setTimeout(() => {
+      n.current?.focus?.();
     }, 0);
-  }, [t]), a;
+  }, [t]), n;
 }
-function Ra(e) {
+function An(e) {
   const {
     items: t,
-    activeIndex: n,
-    onActiveIndexChange: a,
+    activeIndex: a,
+    onActiveIndexChange: n,
     loop: r = !0,
     orientation: s = "vertical",
     enabled: o = !0,
     isItemDisabled: c,
     onSelect: f,
     onEscape: d
-  } = e, [g, w] = G(-1), u = n !== void 0 ? n : g, m = y(
+  } = e, [p, h] = G(-1), u = a !== void 0 ? a : p, m = w(
     (i) => {
-      n === void 0 && w(i), a?.(i);
+      a === void 0 && h(i), n?.(i);
     },
-    [n, a]
-  ), h = y(() => t.map((i, b) => ({ item: i, index: b })).filter(({ item: i, index: b }) => !c?.(i, b)).map(({ index: i }) => i), [t, c]), _ = y(
+    [a, n]
+  ), N = w(() => t.map((i, b) => ({ item: i, index: b })).filter(({ item: i, index: b }) => !c?.(i, b)).map(({ index: i }) => i), [t, c]), y = w(
     (i, b) => {
-      const D = h();
+      const D = N();
       if (D.length === 0) return -1;
       const x = D.indexOf(i);
       if (x === -1)
@@ -49,35 +49,35 @@ function Ra(e) {
       let v = x + b;
       return r ? v = (v + D.length) % D.length : v = Math.max(0, Math.min(D.length - 1, v)), D[v];
     },
-    [h, r]
-  ), p = y(() => {
-    const i = h();
+    [N, r]
+  ), g = w(() => {
+    const i = N();
     i.length > 0 && m(i[0]);
-  }, [h, m]), S = y(() => {
-    const i = h();
+  }, [N, m]), S = w(() => {
+    const i = N();
     i.length > 0 && m(i[i.length - 1]);
-  }, [h, m]), I = y(() => {
-    const i = _(u, 1);
+  }, [N, m]), I = w(() => {
+    const i = y(u, 1);
     i !== -1 && m(i);
-  }, [u, _, m]), C = y(() => {
-    const i = _(u, -1);
+  }, [u, y, m]), _ = w(() => {
+    const i = y(u, -1);
     i !== -1 && m(i);
-  }, [u, _, m]), M = y(() => {
+  }, [u, y, m]), M = w(() => {
     m(-1);
-  }, [m]), R = y(
+  }, [m]), T = w(
     (i) => {
       if (!o) return;
       const { key: b } = i, D = b === "ArrowUp" && (s === "vertical" || s === "both"), x = b === "ArrowDown" && (s === "vertical" || s === "both"), v = b === "ArrowLeft" && (s === "horizontal" || s === "both"), k = b === "ArrowRight" && (s === "horizontal" || s === "both");
       if (D || v) {
-        i.preventDefault(), u === -1 ? S() : C();
+        i.preventDefault(), u === -1 ? S() : _();
         return;
       }
       if (x || k) {
-        i.preventDefault(), u === -1 ? p() : I();
+        i.preventDefault(), u === -1 ? g() : I();
         return;
       }
       if (b === "Home") {
-        i.preventDefault(), p();
+        i.preventDefault(), g();
         return;
       }
       if (b === "End") {
@@ -100,10 +100,10 @@ function Ra(e) {
       s,
       u,
       t,
-      p,
+      g,
       S,
       I,
-      C,
+      _,
       c,
       f,
       d
@@ -112,51 +112,51 @@ function Ra(e) {
   return {
     focusedIndex: u,
     setFocusedIndex: m,
-    handleKeyDown: R,
-    focusFirst: p,
+    handleKeyDown: T,
+    focusFirst: g,
     focusLast: S,
     focusNext: I,
-    focusPrevious: C,
+    focusPrevious: _,
     resetFocus: M
   };
 }
-const me = (e) => {
-}, gt = {
+const ve = (e) => {
+}, vt = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
-  onRemove: me
-}, pt = {
+  onRemove: ve
+}, yt = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
-  onRemove: me
-}, ft = {
+  onRemove: ve
+}, wt = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
-  onRemove: me
-}, ht = {
+  onRemove: ve
+}, Dt = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
-  onRemove: me
-}, Ia = [
-  gt,
-  pt,
-  ft,
-  ht
-], Pa = {
+  onRemove: ve
+}, Ln = [
+  vt,
+  yt,
+  wt,
+  Dt
+], $n = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, Fa = {
+}, Bn = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -164,7 +164,7 @@ const me = (e) => {
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, Ea = {
+}, zn = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -172,30 +172,30 @@ const me = (e) => {
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, Oa = [
+}, Kn = [
   { 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 }
-], Aa = [
+], Wn = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], La = [
+], Gn = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], $a = [
+], Hn = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], Ba = [
+], Vn = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], za = [
+], jn = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
-], Ie = {
+], Le = {
   position: "fixed",
   zIndex: 9999,
   background: "rgba(255,255,255,0.92)",
@@ -207,7 +207,7 @@ const me = (e) => {
   minWidth: 148,
   paddingTop: 4,
   paddingBottom: 4
-}, ye = (e) => ({
+}, ke = (e) => ({
   padding: "6px 12px",
   fontSize: 12,
   lineHeight: 1.4,
@@ -221,64 +221,64 @@ const me = (e) => {
   width: "100%",
   textAlign: "left",
   border: "none"
-}), bt = (e) => ({
-  ...ye(e),
+}), Nt = (e) => ({
+  ...ke(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), vt = {
+}), Ct = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function yt({
+function _t({
   open: e,
   anchorEl: t,
-  statusId: n,
-  onOpenInTable: a,
+  statusId: a,
+  onOpenInTable: n,
   onShowOnGraph: r,
   overflowActions: s,
   onClose: o
 }) {
-  const [c, f] = G(null), d = T(null), g = y(() => {
-    if (!t) return { ...Ie, top: 0, left: 0 };
+  const [c, f] = G(null), d = R(null), p = w(() => {
+    if (!t) return { ...Le, top: 0, left: 0 };
     const m = t.getBoundingClientRect();
     return {
-      ...Ie,
+      ...Le,
       top: m.bottom + 4,
       left: m.left
     };
   }, [t]);
   if (L(() => {
     if (!e) return;
-    const m = (h) => {
-      h.key === "Escape" && o();
+    const m = (N) => {
+      N.key === "Escape" && o();
     };
     return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
   }, [e, o]), L(() => {
     if (!e) return;
-    const m = (h) => {
-      d.current && !d.current.contains(h.target) && o();
+    const m = (N) => {
+      d.current && !d.current.contains(N.target) && o();
     };
     return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
   }, [e, o]), !e) return null;
-  const w = s && s.length > 0, u = /* @__PURE__ */ O(
+  const h = s && s.length > 0, u = /* @__PURE__ */ O(
     "div",
     {
       ref: d,
-      "data-status-chip-menu": n,
+      "data-status-chip-menu": a,
       role: "menu",
       "aria-label": "Status actions",
-      style: g(),
+      style: p(),
       children: [
         /* @__PURE__ */ l(
           "button",
           {
             role: "menuitem",
-            style: bt(c === "__primary"),
+            style: Nt(c === "__primary"),
             onMouseEnter: () => f("__primary"),
             onMouseLeave: () => f(null),
             onClick: () => {
-              a(n), o();
+              n(a), o();
             },
             children: "Open in table"
           }
@@ -287,25 +287,25 @@ function yt({
           "button",
           {
             role: "menuitem",
-            style: ye(c === "__graph"),
+            style: ke(c === "__graph"),
             onMouseEnter: () => f("__graph"),
             onMouseLeave: () => f(null),
             onClick: () => {
-              r(n), o();
+              r(a), o();
             },
             children: "Show on graph"
           }
         ),
-        w && /* @__PURE__ */ l("div", { style: vt }),
-        w && s?.map((m) => /* @__PURE__ */ l(
+        h && /* @__PURE__ */ l("div", { style: Ct }),
+        h && s?.map((m) => /* @__PURE__ */ l(
           "button",
           {
             role: "menuitem",
-            style: ye(c === m.id),
+            style: ke(c === m.id),
             onMouseEnter: () => f(m.id),
             onMouseLeave: () => f(null),
             onClick: () => {
-              m.onSelect(n), o();
+              m.onSelect(a), o();
             },
             children: m.label
           },
@@ -314,33 +314,33 @@ function yt({
       ]
     }
   );
-  return ot(u, document.body);
+  return ut(u, document.body);
 }
-yt.displayName = "StatusSlotChipMenu";
-const Ka = {
+_t.displayName = "StatusSlotChipMenu";
+const Un = {
   forwardStaggerMs: 50,
   reverseStaggerMs: 30,
   springStiffness: 380,
   springDamping: 32,
   reverseVelocityMultiplier: 1.4
-}, re = {
+}, de = {
   enterDurationMs: 220,
   exitDurationMs: 140,
   enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
   exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
   translateOffsetPx: 8
-}, Ga = {
+}, Zn = {
   shiverCycles: 3,
   shiverAmplitudePx: 2,
   shiverDurationMs: 180,
   validCellOpacity: 0.6
-}, Wa = {
+}, Yn = {
   materializeMs: 180,
   dematerializeMs: 140,
   easing: "cubic-bezier(0.22, 1, 0.36, 1)",
   dotStrokePx: 2,
   dividerDashGapPx: 4
-}, Ha = {
+}, qn = {
   cascadeStaggerMs: 0,
   cascadeSpringCapMs: 120,
   swingEnterMs: 100,
@@ -349,7 +349,7 @@ const Ka = {
   provisionalStyle: "opacity",
   shiverMs: 200,
   shiverStyle: "color-flash"
-}, Va = !0, ja = {
+}, Qn = !0, Xn = {
   rejectionFill: "var(--gloss-rejection-fill)",
   rejectionStroke: "var(--gloss-rejection-stroke)",
   validFill: "var(--gloss-valid-fill)",
@@ -357,7 +357,7 @@ const Ka = {
   validCellStroke: "var(--gloss-valid-cell-stroke)",
   provisionalWash: "var(--gloss-provisional-wash)"
 };
-function Ua() {
+function Jn() {
   if (typeof window > "u") return "full";
   try {
     return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
@@ -365,17 +365,17 @@ function Ua() {
     return "full";
   }
 }
-const Ae = ({ visible: e, variant: t, trigger: n, children: a, className: r }) => {
+const We = ({ visible: e, variant: t, trigger: a, children: n, className: r }) => {
   const s = {
-    "--gloss-swing-enter-ms": `${re.enterDurationMs}ms`,
-    "--gloss-swing-exit-ms": `${re.exitDurationMs}ms`,
-    "--gloss-swing-offset": `${re.translateOffsetPx}px`,
-    "--gloss-swing-enter-easing": re.enterEasing,
-    "--gloss-swing-exit-easing": re.exitEasing
+    "--gloss-swing-enter-ms": `${de.enterDurationMs}ms`,
+    "--gloss-swing-exit-ms": `${de.exitDurationMs}ms`,
+    "--gloss-swing-offset": `${de.translateOffsetPx}px`,
+    "--gloss-swing-enter-easing": de.enterEasing,
+    "--gloss-swing-exit-easing": de.exitEasing
   }, o = [
     "gloss-swing-reveal",
     `gloss-swing-reveal--${t}`,
-    n === "hover+focus" ? "gloss-swing-reveal--hover-focus" : "",
+    a === "hover+focus" ? "gloss-swing-reveal--hover-focus" : "",
     r ?? ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ l(
@@ -386,59 +386,60 @@ const Ae = ({ visible: e, variant: t, trigger: n, children: a, className: r }) =
       "data-visible": e ? "true" : "false",
       className: o,
       style: s,
-      children: a
+      children: n
     }
   );
-}, wt = et(
-  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: o, edge: c = "right", ariaLabel: f = "Resize card" }, d) {
-    const g = t === "handle-visible" || t === "dragging" || t === "settling", w = (h) => {
+}, kt = st(
+  function({ state: t, onPointerDown: a, onPointerUp: n, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: c, edge: f = "right", ariaLabel: d = "Resize card" }, p) {
+    const h = t === "handle-visible" || t === "dragging" || t === "settling", u = (y) => {
       try {
-        h.currentTarget.setPointerCapture(h.pointerId);
+        y.currentTarget.setPointerCapture(y.pointerId);
       } catch {
       }
-      n(h);
-    }, u = (h) => {
+      a(y);
+    }, m = (y) => {
       try {
-        h.currentTarget.hasPointerCapture?.(h.pointerId) && h.currentTarget.releasePointerCapture(h.pointerId);
+        y.currentTarget.hasPointerCapture?.(y.pointerId) && y.currentTarget.releasePointerCapture(y.pointerId);
       } catch {
       }
-      a(h);
-    }, m = (h) => {
-      !g || !o || (h.key === "ArrowRight" ? (h.preventDefault(), o("grow")) : h.key === "ArrowLeft" && (h.preventDefault(), o("shrink")));
+      n(y);
+    }, N = (y) => {
+      !h || !o || (y.key === "ArrowRight" ? (y.preventDefault(), o("grow")) : y.key === "ArrowLeft" && (y.preventDefault(), o("shrink")));
     };
-    return /* @__PURE__ */ l(Ae, { visible: g, variant: "handle", trigger: "hover", children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ l(We, { visible: h, variant: "handle", trigger: "hover", children: /* @__PURE__ */ l(
       "button",
       {
-        ref: d,
+        ref: p,
         type: "button",
-        "aria-label": f,
-        "data-edge": c,
+        "aria-label": d,
+        "data-edge": f,
         "data-resize-state": t,
         className: [
           "gloss-edge-handle",
-          `gloss-edge-handle--${c}`,
-          g ? "gloss-edge-handle--visible" : ""
+          `gloss-edge-handle--${f}`,
+          h ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
-        onPointerDown: w,
-        onPointerUp: u,
+        onPointerDown: u,
+        onPointerUp: m,
         onPointerEnter: r,
         onPointerLeave: s,
-        onKeyDown: m,
-        tabIndex: g ? 0 : -1
+        onLostPointerCapture: c,
+        onKeyDown: N,
+        tabIndex: h ? 0 : -1
       }
     ) });
   }
 );
-wt.displayName = "EdgeHoverHandle";
-function Dt({
+kt.displayName = "EdgeHoverHandle";
+function xt({
   visible: e,
   targetColSpan: t,
-  ghostWidth: n,
-  enterMs: a = 180,
+  ghostWidth: a,
+  enterMs: n = 180,
   exitMs: r = 120
 }) {
   return /* @__PURE__ */ l(
-    ue.div,
+    be.div,
     {
       "aria-hidden": "true",
       "data-ghost-preview": e ? "visible" : "hidden",
@@ -448,14 +449,14 @@ function Dt({
         e ? "gloss-ghost-preview--visible" : ""
       ].filter(Boolean).join(" "),
       style: {
-        width: n,
-        transitionDuration: `${e ? a : r}ms`
+        width: a,
+        transitionDuration: `${e ? n : r}ms`
       }
     }
   );
 }
-Dt.displayName = "GhostPreview";
-class Nt {
+xt.displayName = "GhostPreview";
+class St {
   constructor() {
     this.samples = [], this.capacity = 3;
   }
@@ -465,6 +466,20 @@ class Nt {
   clear() {
     this.samples = [];
   }
+  /**
+   * Quick 260422-gfr — last-known-position accessor for the window-level
+   * terminateDrag fallback in useEdgeHoverResize. When pointer capture is
+   * silently lost (Alt-Tab / blur / visibilitychange hidden), the React
+   * onPointerUp does not fire, so the window-level fallback needs the last
+   * pointer x-coordinate to compute `dx` for commitSpring. The most recent
+   * sample is the authoritative answer (pointermove pushes on every event).
+   *
+   * Returns `null` when the buffer is empty (no drag ever started).
+   */
+  tail() {
+    const t = this.samples.length;
+    return t === 0 ? null : this.samples[t - 1];
+  }
   /**
    * D-09 — weighted-average velocity (px/sec).
    *
@@ -479,14 +494,14 @@ class Nt {
     const t = this.samples.length;
     if (t < 2) return 0;
     if (t === 2) {
-      const [f, d] = this.samples, g = Math.max(1, d.t - f.t);
-      return (d.x - f.x) / g * 1e3;
+      const [f, d] = this.samples, p = Math.max(1, d.t - f.t);
+      return (d.x - f.x) / p * 1e3;
     }
-    const [n, a, r] = this.samples, s = (r.x - a.x) / Math.max(1, r.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, c = o;
+    const [a, n, r] = this.samples, s = (r.x - n.x) / Math.max(1, r.t - n.t) * 1e3, o = (n.x - a.x) / Math.max(1, n.t - a.t) * 1e3, c = o;
     return (s * 3 + o * 2 + c * 1) / 6;
   }
 }
-const Le = {
+const Ge = {
   // 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:
@@ -506,216 +521,229 @@ const Le = {
   // Velocity multiplier (D-03b panel)
   velocityMultiplier: 1
 };
-function Za({
+function ea({
   currentColSpan: e,
   stackable: t,
-  onResize: n,
-  onCancel: a,
+  onResize: a,
+  onCancel: n,
   step: r = 180,
   gap: s = 0,
   tuning: o,
   dwellMs: c = 60,
   graceExitMs: f = 150,
   enterMs: d = 180,
-  exitMs: g = 120,
-  maxColSpan: w = 3,
+  exitMs: p = 120,
+  maxColSpan: h = 3,
   containerRef: u,
   forceIdle: m
 }) {
-  const [h, _] = G("idle"), [p, S] = G(e), I = T(null), C = T(null), M = T(null), R = T(null), i = T(r), b = T(s), D = T(w), x = T(0), v = T("idle");
+  const [N, y] = G("idle"), [g, S] = G(e), I = R(null), _ = R(null), M = R(null), T = R(null), i = R(r), b = R(s), D = R(h), x = R(0), v = R("idle");
   L(() => {
-    v.current = h;
-  }, [h]);
-  const k = nt(0), P = T(null), H = y(() => {
-    const N = P.current;
-    if (N) {
+    v.current = N;
+  }, [N]);
+  const k = lt(0), P = R(null), j = w(() => {
+    const C = P.current;
+    if (C) {
       try {
-        N.stop();
+        C.stop();
       } catch {
       }
       P.current = null;
     }
-  }, []), U = y(
-    (N) => {
+  }, []), Y = w(
+    (C) => {
       const F = i.current, E = b.current;
-      return N * F + (N - 1) * E;
+      return C * F + (C - 1) * E;
     },
     []
-  ), j = T(new Nt()), K = T(e);
+  ), U = R(new St()), W = R(e);
   L(() => {
-    K.current = p;
-  }, [p]);
-  const $ = ie(() => ({ ...Le, ...o ?? {} }), [o]), V = y(() => {
+    W.current = g;
+  }, [g]);
+  const $ = ge(() => ({ ...Ge, ...o ?? {} }), [o]), Z = w(() => {
     I.current && (clearTimeout(I.current), I.current = null);
-  }, []), A = y(() => {
-    C.current && (clearTimeout(C.current), C.current = null);
-  }, []), Y = y(() => {
+  }, []), A = w(() => {
+    _.current && (clearTimeout(_.current), _.current = null);
+  }, []), X = w(() => {
     M.current && (clearTimeout(M.current), M.current = null);
   }, []);
   L(() => {
-    m && (v.current === "dragging" || v.current === "settling" || (V(), A(), Y(), v.current = "idle", _("idle")));
-  }, [m, V, A, Y]);
-  const ke = y(() => {
-    A(), _((N) => N === "settling" || N !== "idle" ? N : (I.current = setTimeout(() => _("handle-visible"), c), "dwelling"));
-  }, [c, A]), xe = y(() => {
-    V();
-    const N = v.current;
-    N !== "dwelling" && N !== "handle-visible" || (C.current = setTimeout(() => {
-      v.current = "idle", _("idle");
+    m && (v.current === "dragging" || v.current === "settling" || (Z(), A(), X(), v.current = "idle", y("idle")));
+  }, [m, Z, A, X]);
+  const Ie = w(() => {
+    A(), y((C) => C === "settling" || C !== "idle" ? C : (I.current = setTimeout(() => y("handle-visible"), c), "dwelling"));
+  }, [c, A]), Pe = w(() => {
+    Z();
+    const C = v.current;
+    C !== "dwelling" && C !== "handle-visible" || (_.current = setTimeout(() => {
+      v.current = "idle", y("idle");
     }, f));
-  }, [V, f]), le = y(
-    (N, F, E) => {
-      const B = i.current, J = B * $.snapInFraction, q = B * $.snapOutFraction, Q = F - E, X = Math.max(
+  }, [Z, f]), se = w(
+    (C, F, E) => {
+      const B = i.current, J = B * $.snapInFraction, q = B * $.snapOutFraction, z = F - E, H = Math.max(
         E,
-        D.current ?? w
+        D.current ?? h
       );
-      let z = Q;
-      for (; E + z < X; ) {
-        const ne = z * B + (z < 0 ? q : J);
-        if (N >= ne) z += 1;
+      let K = z;
+      for (; E + K < H; ) {
+        const ee = K * B + (K < 0 ? q : J);
+        if (C >= ee) K += 1;
         else break;
       }
-      if (z === Q)
-        for (; E + z > 1; ) {
-          const ne = z * B - (z > 0 ? q : J);
-          if (N <= ne) z -= 1;
+      if (K === z)
+        for (; E + K > 1; ) {
+          const ee = K * B - (K > 0 ? q : J);
+          if (C <= ee) K -= 1;
           else break;
         }
-      return Math.min(X, Math.max(1, E + z));
+      return Math.min(H, Math.max(1, E + K));
     },
-    [$.snapInFraction, $.snapOutFraction, w]
-  ), Ue = y(
-    (N) => {
+    [$.snapInFraction, $.snapOutFraction, h]
+  ), Je = w(
+    (C) => {
       if (v.current !== "handle-visible") return;
-      H(), R.current = N.clientX, i.current = r, b.current = s, D.current = w;
+      j(), T.current = C.clientX, i.current = r, b.current = s, D.current = h;
       const F = e * r + (e - 1) * s;
-      x.current = F, j.current.clear(), j.current.push({ x: N.clientX, t: performance.now() }), k.jump(F), v.current = "dragging", _("dragging");
+      x.current = F, U.current.clear(), U.current.push({ x: C.clientX, t: performance.now() }), k.jump(F), v.current = "dragging", y("dragging");
     },
-    [r, s, w, e, k, H]
-  ), Se = y(
-    (N) => N * i.current + (N - 1) * b.current,
+    [r, s, h, e, k, j]
+  ), Fe = w(
+    (C) => C * i.current + (C - 1) * b.current,
     []
-  ), ce = y(
-    (N, F) => {
-      const E = Se(N), B = N !== e;
+  ), re = w(
+    (C, F) => {
+      const E = Fe(C), B = C !== e;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        k.jump(E), B && F ? n({ direction: F, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), k.jump(0), v.current = "idle", _("idle");
+        k.jump(E), B && F ? a({ direction: F, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || n?.(), k.jump(0), v.current = "idle", y("idle");
         return;
       }
-      const q = j.current.getWeightedVelocity() * $.velocityMultiplier;
-      v.current = "settling", _("settling"), H(), P.current = Re(k, E, {
+      const q = U.current.getWeightedVelocity() * $.velocityMultiplier;
+      v.current = "settling", y("settling"), j(), P.current = Ae(k, E, {
         type: "spring",
         stiffness: $.stiffness,
         damping: $.damping,
         mass: $.mass,
         velocity: q,
         onComplete: () => {
-          P.current = null, B && F ? n({ direction: F, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), k.jump(0), v.current = "idle", _("idle");
+          P.current = null, B && F ? a({ direction: F, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || n?.(), k.jump(0), v.current = "idle", y("idle");
         }
       });
     },
-    [Se, e, t, n, a, k, $, H]
-  ), Ze = y(
-    (N) => {
+    [Fe, e, t, a, n, k, $, j]
+  ), et = w(
+    (C) => {
       if (v.current !== "dragging") return;
-      const F = N.clientX - (R.current ?? N.clientX), E = i.current, J = ((D.current ?? w) - e) * E, q = (1 - e) * E, Q = Math.max(q, Math.min(J, F));
-      j.current.push({ x: N.clientX, t: performance.now() });
-      const X = le(Q, K.current, e), z = X > e ? "grow" : X < e ? "shrink" : null;
-      ce(X, z);
+      const F = C.clientX - (T.current ?? C.clientX), E = i.current, J = ((D.current ?? h) - e) * E, q = (1 - e) * E, z = Math.max(q, Math.min(J, F));
+      U.current.push({ x: C.clientX, t: performance.now() });
+      const H = se(z, W.current, e), K = H > e ? "grow" : H < e ? "shrink" : null;
+      re(H, K);
     },
-    [le, e, w, ce]
-  ), ge = y(() => {
-    if (V(), v.current === "dragging") {
-      const N = x.current;
+    [se, e, h, re]
+  ), oe = w(() => {
+    if (Z(), v.current === "dragging") {
+      const C = x.current;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        k.jump(N), a?.(), k.jump(0), v.current = "idle", _("idle");
+        k.jump(C), n?.(), k.jump(0), v.current = "idle", y("idle");
         return;
       }
-      const E = j.current.getWeightedVelocity();
-      v.current = "settling", _("settling"), H(), P.current = Re(k, N, {
+      const E = U.current.getWeightedVelocity();
+      v.current = "settling", y("settling"), j(), P.current = Ae(k, C, {
         type: "spring",
         stiffness: $.stiffness,
         damping: $.damping,
         mass: $.mass,
         velocity: E,
         onComplete: () => {
-          P.current = null, a?.(), k.jump(0), v.current = "idle", _("idle");
+          P.current = null, n?.(), k.jump(0), v.current = "idle", y("idle");
         }
       });
       return;
     }
-    v.current === "handle-visible" && (a?.(), v.current = "cancelled", _("cancelled"));
-  }, [V, k, a, $, H]);
+    v.current === "handle-visible" && (n?.(), v.current = "cancelled", y("cancelled"));
+  }, [Z, k, n, $, j]);
   L(() => {
-    if (h !== "dragging" && h !== "handle-visible") return;
-    const N = (F) => {
-      F.key === "Escape" && ge();
+    if (N !== "dragging" && N !== "handle-visible") return;
+    const C = (F) => {
+      F.key === "Escape" && oe();
     };
-    return window.addEventListener("keydown", N), () => window.removeEventListener("keydown", N);
-  }, [h, ge]), L(() => {
-    if (h !== "dragging") {
+    return window.addEventListener("keydown", C), () => window.removeEventListener("keydown", C);
+  }, [N, oe]), L(() => {
+    if (N !== "dragging") {
       S(e);
       return;
     }
-    const N = (F) => {
-      const E = F.clientX - (R.current ?? F.clientX), B = x.current, J = U(1), q = U(w), Q = B + E, X = Math.max(J, Math.min(q, Q));
-      k.set(X);
-      const z = i.current, Te = (w - e) * z, ne = (1 - e) * z, Xe = Math.max(ne, Math.min(Te, E));
-      j.current.push({ x: F.clientX, t: performance.now() });
-      const pe = le(Xe, K.current, e);
-      pe !== K.current && (K.current = pe, S(pe));
+    const C = (z) => {
+      const H = z.clientX - (T.current ?? z.clientX), K = x.current, ie = Y(1), ee = Y(h), pe = K + H, Oe = Math.max(ie, Math.min(ee, pe));
+      k.set(Oe);
+      const fe = i.current, ye = (h - e) * fe, we = (1 - e) * fe, le = Math.max(we, Math.min(ye, H));
+      U.current.push({ x: z.clientX, t: performance.now() });
+      const ce = se(le, W.current, e);
+      ce !== W.current && (W.current = ce, S(ce));
+    }, F = (z, H) => {
+      if (v.current === "dragging")
+        if (z === "pointerup") {
+          const K = U.current.tail(), ie = H?.clientX ?? K?.x ?? T.current ?? 0, ee = ie - (T.current ?? ie), pe = i.current, fe = ((D.current ?? h) - e) * pe, ye = (1 - e) * pe, we = Math.max(ye, Math.min(fe, ee));
+          H && U.current.push({ x: H.clientX, t: performance.now() });
+          const le = se(we, W.current, e), ce = le > e ? "grow" : le < e ? "shrink" : null;
+          re(le, ce);
+        } else
+          oe();
+    }, E = (z) => F("pointerup", z), B = (z) => F("pointercancel", z), J = () => F("blur"), q = () => {
+      document.visibilityState === "hidden" && F("visibility-hidden");
+    };
+    return window.addEventListener("pointermove", C), window.addEventListener("pointerup", E), window.addEventListener("pointercancel", B), window.addEventListener("blur", J), document.addEventListener("visibilitychange", q), () => {
+      window.removeEventListener("pointermove", C), window.removeEventListener("pointerup", E), window.removeEventListener("pointercancel", B), window.removeEventListener("blur", J), document.removeEventListener("visibilitychange", q);
     };
-    return window.addEventListener("pointermove", N), () => window.removeEventListener("pointermove", N);
-  }, [h, e, k, le, w, U]), L(() => () => {
-    V(), A(), Y();
-  }, [V, A, Y]), L(() => {
-    if (h !== "cancelled") return;
-    const N = setTimeout(() => _("idle"), g);
-    return () => clearTimeout(N);
-  }, [h, g]);
-  const Ye = y(
-    (N) => {
+  }, [N, e, k, se, h, Y, oe, re]), L(() => () => {
+    Z(), A(), X();
+  }, [Z, A, X]), L(() => {
+    if (N !== "cancelled") return;
+    const C = setTimeout(() => y("idle"), p);
+    return () => clearTimeout(C);
+  }, [N, p]);
+  const tt = w(
+    (C) => {
       if (v.current === "settling") return;
-      const E = Math.min(w, Math.max(1, e + (N === "grow" ? 1 : -1)));
+      const E = Math.min(h, Math.max(1, e + (C === "grow" ? 1 : -1)));
       if (E === e) return;
-      i.current = r, b.current = s, D.current = w, j.current.clear();
+      i.current = r, b.current = s, D.current = h, U.current.clear();
       const B = e * r + (e - 1) * s;
-      x.current = B, k.jump(B), ce(E, N);
+      x.current = B, k.jump(B), re(E, C);
     },
-    [e, r, s, w, k, ce]
-  ), Me = y(() => {
-    Y(), M.current = setTimeout(() => {
-      v.current === "handle-visible" && (v.current = "idle", _("idle"));
+    [e, r, s, h, k, re]
+  ), Ee = w(() => {
+    X(), M.current = setTimeout(() => {
+      v.current === "handle-visible" && (v.current = "idle", y("idle"));
     }, 5e3);
-  }, [Y]), qe = y(() => {
-    v.current === "idle" && (V(), v.current = "handle-visible", _("handle-visible"), Me());
-  }, [V, Me]), Qe = y(() => {
-    Y(), v.current === "handle-visible" && (v.current = "idle", _("idle"));
-  }, [Y]);
+  }, [X]), nt = w(() => {
+    v.current === "idle" && (Z(), v.current = "handle-visible", y("handle-visible"), Ee());
+  }, [Z, Ee]), at = w(() => {
+    X(), v.current === "handle-visible" && (v.current = "idle", y("idle"));
+  }, [X]);
   return {
-    state: h,
-    enterEdgeZone: ke,
-    leaveEdgeZone: xe,
+    state: N,
+    enterEdgeZone: Ie,
+    leaveEdgeZone: Pe,
     handleProps: {
-      onPointerDown: Ue,
-      onPointerUp: Ze,
+      onPointerDown: Je,
+      onPointerUp: et,
       // Bug E: handle continues zone presence so pointer crossing sentinel→handle
       // doesn't collapse state. handle's pointerenter = stay in zone.
-      onPointerEnter: ke,
-      onPointerLeave: xe
+      onPointerEnter: Ie,
+      onPointerLeave: Pe
     },
-    previewColSpan: p,
+    previewColSpan: g,
     ghostProps: {
-      visible: h === "dragging" || h === "settling",
-      targetColSpan: p,
+      visible: N === "dragging" || N === "settling",
+      targetColSpan: g,
       ghostWidth: k,
       enterMs: d,
-      exitMs: g
+      exitMs: p
     },
-    onKeyboardStep: Ye,
-    onTouchReveal: qe,
-    onTouchDismiss: Qe,
-    cancel: ge
+    onKeyboardStep: tt,
+    onTouchReveal: nt,
+    onTouchDismiss: at,
+    cancel: oe
   };
 }
 const ae = {
@@ -743,14 +771,14 @@ const ae = {
   sectionDividerFadeOutMs: 80,
   sectionDividerStaggerMs: 40
 };
-function Ya(e) {
-  const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: r } = e;
-  if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
+function ta(e) {
+  const { cardWidthPx: t, slotCount: a, activeSlotIdx: n, pillWidthPx: r } = e;
+  if (n == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(a) || a <= 0 || !Number.isInteger(n) || n < 0 || n >= a)
     return;
-  const s = (a + 0.5) * (t / n);
+  const s = (n + 0.5) * (t / a);
   return r != null && Number.isFinite(r) && r > 0 ? s - r / 2 : s;
 }
-const qa = [
+const na = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -854,24 +882,24 @@ const qa = [
       { value: 9, color: "#6b7280", label: "Other" }
     ]
   }
-], Ct = {
+], Mt = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, _t = {
+}, Tt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, kt = {
+}, Rt = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, xt = {
+}, It = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -879,7 +907,7 @@ const qa = [
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, St = {
+}, Pt = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -888,7 +916,7 @@ const qa = [
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, Mt = {
+}, Ft = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -899,14 +927,14 @@ const qa = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, Qa = [
-  Ct,
-  _t,
-  kt,
-  xt,
-  St,
-  Mt
-], Xa = {
+}, aa = [
+  Mt,
+  Tt,
+  Rt,
+  It,
+  Pt,
+  Ft
+], ra = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -929,7 +957,7 @@ const qa = [
     59
   ],
   accentColor: "#6366f1"
-}, Ja = {
+}, sa = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -968,21 +996,21 @@ const qa = [
     19
   ],
   accentColor: "#10b981"
-}, en = {
+}, oa = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, tn = {
+}, ia = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, an = {
+}, la = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -990,33 +1018,33 @@ const qa = [
   trend: { value: 0, direction: "flat" },
   subtitle: "QTD"
 };
-function $e({
+function He({
   open: e,
   onDismiss: t,
-  anchorRef: n,
-  pages: a,
+  anchorRef: a,
+  pages: n,
   activePageId: r,
   onPageChange: s,
   onCreatePage: o,
   onManagePages: c
 }) {
-  const f = y(
+  const f = w(
     (u) => {
       s(u), t();
     },
     [s, t]
-  ), d = y(
+  ), d = w(
     (u, m) => {
       (m.key === "Enter" || m.key === " ") && (m.preventDefault(), f(u));
     },
     [f]
-  ), g = y(() => {
+  ), p = w(() => {
     o(), t();
-  }, [o, t]), w = y(() => {
+  }, [o, t]), h = w(() => {
     c(), t();
   }, [c, t]);
   return /* @__PURE__ */ O(
-    st,
+    dt,
     {
       definition: {
         placement: "bottom-end",
@@ -1026,10 +1054,10 @@ function $e({
       },
       open: e,
       onDismiss: t,
-      anchorRef: n,
+      anchorRef: a,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ l("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
+        /* @__PURE__ */ l("ul", { role: "menu", className: "gloss-page-dropdown__list", children: n.map((u) => {
           const m = u.id === r;
           return /* @__PURE__ */ O(
             "li",
@@ -1040,7 +1068,7 @@ function $e({
               tabIndex: 0,
               className: `gloss-page-dropdown__item${m ? " gloss-page-dropdown__item--active" : ""}`,
               onClick: () => f(u.id),
-              onKeyDown: (h) => d(u.id, h),
+              onKeyDown: (N) => d(u.id, N),
               children: [
                 /* @__PURE__ */ l(
                   "span",
@@ -1067,7 +1095,7 @@ function $e({
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: g,
+            onClick: p,
             children: "+ New page"
           }
         ),
@@ -1077,7 +1105,7 @@ function $e({
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
-            onClick: w,
+            onClick: h,
             children: "Manage pages"
           }
         )
@@ -1085,11 +1113,11 @@ function $e({
     }
   );
 }
-$e.displayName = "PageDropdown";
-const Tt = function({
+He.displayName = "PageDropdown";
+const Et = function({
   currentIndex: t,
-  total: n,
-  pages: a,
+  total: a,
+  pages: n,
   onPageChange: r,
   onCreatePage: s,
   onManagePages: o,
@@ -1097,16 +1125,16 @@ const Tt = function({
   displayMode: f = "count",
   activePage: d
 }) {
-  const g = T(null), [w, u] = G(!1), m = y(() => {
+  const p = R(null), [h, u] = G(!1), m = w(() => {
     u((S) => !S);
-  }, []), h = y(() => {
+  }, []), N = w(() => {
     u(!1);
-  }, []), _ = a[t]?.id ?? "";
+  }, []), y = n[t]?.id ?? "";
   return /* @__PURE__ */ O(
     "div",
     {
       className: "gloss-page-chip",
-      ref: g,
+      ref: p,
       style: f === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
@@ -1122,27 +1150,27 @@ const Tt = function({
           {
             className: `gloss-page-chip__trigger${f === "name" ? " gloss-page-chip__trigger--name" : ""}`,
             "aria-haspopup": "menu",
-            "aria-expanded": w,
-            "aria-label": f === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
+            "aria-expanded": h,
+            "aria-label": f === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${a}. Click to switch pages.`,
             onClick: m,
-            children: f === "name" ? /* @__PURE__ */ O(ve, { children: [
+            children: f === "name" ? /* @__PURE__ */ O(_e, { children: [
               /* @__PURE__ */ l("span", { className: "gloss-page-chip__trigger-name", children: d ?? "" }),
               /* @__PURE__ */ l("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
-            ] }) : /* @__PURE__ */ O(ve, { children: [
+            ] }) : /* @__PURE__ */ O(_e, { children: [
               t + 1,
               " / ",
-              n
+              a
             ] })
           }
         ),
         /* @__PURE__ */ l(
-          $e,
+          He,
           {
-            open: w,
-            onDismiss: h,
-            anchorRef: g,
-            pages: a,
-            activePageId: _,
+            open: h,
+            onDismiss: N,
+            anchorRef: p,
+            pages: n,
+            activePageId: y,
             onPageChange: r,
             onCreatePage: s,
             onManagePages: o
@@ -1152,8 +1180,8 @@ const Tt = function({
     }
   );
 };
-Tt.displayName = "PageChip";
-const nn = [
+Et.displayName = "PageChip";
+const ca = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -1286,7 +1314,7 @@ const nn = [
     date: "2026-03-01",
     skuCount: 9
   }
-], rn = [
+], da = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1420,16 +1448,16 @@ const nn = [
     lastDate: "2026-03-01"
   }
 ];
-function we(e) {
+function xe(e) {
   return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
-function Be(e) {
+function Ve(e) {
   return e.toLocaleString("en-US");
 }
-function ze(e) {
+function je(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), sn = [
+const me = V.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), ua = [
   {
     field: "id",
     headerName: "Order",
@@ -1459,7 +1487,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.skuCount ? Be(e.skuCount) : oe
+    renderCell: ({ row: e }) => e.skuCount ? Ve(e.skuCount) : me
   },
   {
     field: "total",
@@ -1469,7 +1497,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.total ? we(e.total) : oe
+    renderCell: ({ row: e }) => e.total ? xe(e.total) : me
   },
   {
     field: "date",
@@ -1479,9 +1507,9 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.date ? ze(e.date) : ""
+    renderCell: ({ row: e }) => e.date ? je(e.date) : ""
   }
-], on = [
+], ma = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1513,7 +1541,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.price ? we(e.price) : oe
+    renderCell: ({ row: e }) => e.price ? xe(e.price) : me
   },
   {
     field: "quantity",
@@ -1523,7 +1551,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.quantity ? Be(e.quantity) : oe
+    renderCell: ({ row: e }) => e.quantity ? Ve(e.quantity) : me
   },
   {
     field: "total",
@@ -1533,7 +1561,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.total ? we(e.total) : oe
+    renderCell: ({ row: e }) => e.total ? xe(e.total) : me
   },
   {
     field: "lastDate",
@@ -1543,24 +1571,24 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.lastDate ? ze(e.lastDate) : ""
+    renderCell: ({ row: e }) => e.lastDate ? je(e.lastDate) : ""
   }
-], Rt = [
+], Ot = [
   { 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" }
-], It = [
+], At = [
   { 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" }
-], fe = (e) => {
-}, Pt = (e) => {
-}, Pe = (e, t) => {
-}, Ke = {
+], De = (e) => {
+}, Lt = (e) => {
+}, $e = (e, t) => {
+}, Ue = {
   vizState: {
     type: "orders",
     quant: "$",
@@ -1568,17 +1596,17 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: null, name: null },
     timeFrame: "MTD"
   },
-  onTypeChange: fe,
-  onQuantChange: Pt,
-  onEntityTypeChange: fe,
-  onEntitySelect: Pe,
-  onItemSelect: Pe,
-  onTimeFrameChange: fe,
+  onTypeChange: De,
+  onQuantChange: Lt,
+  onEntityTypeChange: De,
+  onEntitySelect: $e,
+  onItemSelect: $e,
+  onTimeFrameChange: De,
   userType: "sales-agency",
-  entityFilterOptions: Rt,
-  itemFilterOptions: It
-}, ln = {
-  ...Ke,
+  entityFilterOptions: Ot,
+  itemFilterOptions: At
+}, ga = {
+  ...Ue,
   vizState: {
     type: "items",
     quant: "$",
@@ -1586,8 +1614,8 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, cn = {
-  ...Ke,
+}, pa = {
+  ...Ue,
   vizState: {
     type: "orders",
     quant: "#",
@@ -1599,7 +1627,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, Ft = [
+}, $t = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1645,7 +1673,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     routeKey: "customer.profile",
     subtitle: "Opens in RepTime"
   }
-], Et = [
+], Bt = [
   {
     id: "order-items",
     label: "Items in Order",
@@ -1674,7 +1702,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], Ot = [
+], zt = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1702,14 +1730,14 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], dn = {
-  entityName: Ft,
-  orderId: Et,
-  numeric: Ot
-}, un = [
+], fa = {
+  entityName: $t,
+  orderId: Bt,
+  numeric: zt
+}, ha = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], mn = {
+], ba = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1722,7 +1750,7 @@ const oe = W.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)
   ]
-}, gn = {
+}, va = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1730,7 +1758,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, pn = [
+}, ya = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1752,7 +1780,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], fn = [
+], wa = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1769,7 +1797,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], hn = [
+], Da = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1786,75 +1814,75 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], bn = [
+], Na = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], vn = [
+], Ca = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-], At = {
+], Kt = {
   timeframe: "Time Frame",
   threshold: "Thresholds",
   slots: "Slots",
   size: "Size",
   color: "Color",
   pinned: "Pinned"
-}, Lt = {
-  timeframe: it,
-  threshold: lt,
-  slots: ct,
-  size: dt,
-  color: ut,
-  pinned: mt
+}, Wt = {
+  timeframe: mt,
+  threshold: gt,
+  slots: pt,
+  size: ft,
+  color: ht,
+  pinned: bt
 };
-function Fe(...e) {
+function Be(...e) {
   return e.filter(Boolean).join(" ");
 }
-function $t() {
+function Gt() {
   const [e, t] = G(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
   return L(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
-    const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (r) => t(r.matches);
-    return typeof n.addEventListener == "function" ? (n.addEventListener("change", a), () => n.removeEventListener("change", a)) : (n.addListener?.(a), () => {
-      n.removeListener?.(a);
+    const a = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (r) => t(r.matches);
+    return typeof a.addEventListener == "function" ? (a.addEventListener("change", n), () => a.removeEventListener("change", n)) : (a.addListener?.(n), () => {
+      a.removeListener?.(n);
     });
   }, []), e;
 }
-const Bt = ({
+const Ht = ({
   dimensions: e,
   onDimensionSelect: t,
-  activeDimension: n,
-  ariaCardTypeLabel: a,
+  activeDimension: a,
+  ariaCardTypeLabel: n,
   className: r
 }) => {
-  const s = T(null), o = T([]), c = $t(), f = ie(() => Array.from(e), [e]);
+  const s = R(null), o = R([]), c = Gt(), f = ge(() => Array.from(e), [e]);
   if (f.length === 0) return null;
-  const d = a ? `Configure ${a}: choose a dimension` : void 0, g = c ? "10ms" : "200ms", w = (u, m) => {
-    const h = f.length - 1, _ = (p) => {
-      const S = o.current[p];
+  const d = n ? `Configure ${n}: choose a dimension` : void 0, p = c ? "10ms" : "200ms", h = (u, m) => {
+    const N = f.length - 1, y = (g) => {
+      const S = o.current[g];
       S && S.focus();
     };
     switch (u.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        u.preventDefault(), _(m === h ? 0 : m + 1);
+        u.preventDefault(), y(m === N ? 0 : m + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        u.preventDefault(), _(m === 0 ? h : m - 1);
+        u.preventDefault(), y(m === 0 ? N : m - 1);
         break;
       }
       case "Home": {
-        u.preventDefault(), _(0);
+        u.preventDefault(), y(0);
         break;
       }
       case "End": {
-        u.preventDefault(), _(h);
+        u.preventDefault(), y(N);
         break;
       }
       case "Enter":
@@ -1870,39 +1898,39 @@ const Bt = ({
       ref: s,
       role: "group",
       "aria-label": d,
-      className: Fe("gloss-reconfig-backside-buttons", r),
+      className: Be("gloss-reconfig-backside-buttons", r),
       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": g
+        "--gloss-reconfig-backside-buttons-transition-duration": p
       },
       children: f.map((u, m) => {
-        const h = Lt[u], _ = n === u;
+        const N = Wt[u], y = a === u;
         return /* @__PURE__ */ O(
           "button",
           {
-            ref: (p) => {
-              o.current[m] = p;
+            ref: (g) => {
+              o.current[m] = g;
             },
             type: "button",
             "data-dimension": u,
-            className: Fe(
+            className: Be(
               "gloss-reconfig-backside-buttons__button",
-              _ && "gloss-reconfig-backside-buttons__button--active"
+              y && "gloss-reconfig-backside-buttons__button--active"
             ),
-            "aria-current": _ ? "true" : void 0,
+            "aria-current": y ? "true" : void 0,
             onClick: () => t(u),
-            onKeyDown: (p) => w(p, m),
+            onKeyDown: (g) => h(g, m),
             children: [
               /* @__PURE__ */ l(
-                h,
+                N,
                 {
                   className: "gloss-reconfig-backside-buttons__button-icon",
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ l("span", { className: "gloss-reconfig-backside-buttons__button-label", children: At[u] })
+              /* @__PURE__ */ l("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Kt[u] })
             ]
           },
           u
@@ -1911,12 +1939,12 @@ const Bt = ({
     }
   );
 };
-Bt.displayName = "ReconfigBacksideButtons";
-function Z(e, t) {
+Ht.displayName = "ReconfigBacksideButtons";
+function Q(e, t) {
   return {
     id: e,
     colSpan: 1,
-    content: W.createElement("div", {
+    content: V.createElement("div", {
       style: {
         width: "100%",
         height: "100%",
@@ -1932,38 +1960,38 @@ function Z(e, t) {
     }, t)
   };
 }
-function Ee(e, t) {
+function ze(e, t) {
   return {
-    ...Z(e, t),
+    ...Q(e, t),
     colSpan: 2
   };
 }
-const yn = [
-  Z("total-revenue", "Total Revenue"),
-  Z("total-orders", "Total Orders"),
-  Ee("revenue-trend", "Revenue Trend (2x)"),
-  Z("avg-order", "Avg Order Value"),
-  Z("new-customers", "New Customers"),
-  Z("top-salesperson", "Top Salesperson"),
-  Ee("order-trend", "Order Trend (2x)"),
-  Z("repeat-rate", "Repeat Rate"),
-  Z("open-orders", "Open Orders"),
-  Z("shipped-orders", "Shipped Orders")
-], wn = {
+const _a = [
+  Q("total-revenue", "Total Revenue"),
+  Q("total-orders", "Total Orders"),
+  ze("revenue-trend", "Revenue Trend (2x)"),
+  Q("avg-order", "Avg Order Value"),
+  Q("new-customers", "New Customers"),
+  Q("top-salesperson", "Top Salesperson"),
+  ze("order-trend", "Order Trend (2x)"),
+  Q("repeat-rate", "Repeat Rate"),
+  Q("open-orders", "Open Orders"),
+  Q("shipped-orders", "Shipped Orders")
+], ka = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, Dn = {
+}, xa = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, Nn = {
+}, Sa = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -1971,15 +1999,15 @@ const yn = [
   currentPage: 0,
   totalPages: 3
 };
-function he(e) {
-  return W.createElement("span", { style: { fontSize: 14 } }, e);
+function Ne(e) {
+  return V.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const Cn = [
+const Ma = [
   {
     id: "all-orders",
     type: "orders",
     name: "All Orders",
-    icon: he("📋"),
+    icon: Ne("📋"),
     closable: !1,
     autoCreated: !0
   },
@@ -1987,17 +2015,17 @@ const Cn = [
     id: "open-orders",
     type: "orders",
     name: "Open Orders",
-    icon: he("📦"),
+    icon: Ne("📦"),
     closable: !0
   },
   {
     id: "shipped-orders",
     type: "orders",
     name: "Shipped Orders",
-    icon: he("🚚"),
+    icon: Ne("🚚"),
     closable: !0
   }
-], _n = [
+], Ta = [
   {
     id: "orders-main",
     type: "orders",
@@ -2023,7 +2051,7 @@ const Cn = [
     name: "Customers",
     closable: !0
   }
-], kn = [
+], Ra = [
   {
     id: "only-tab",
     type: "orders",
@@ -2031,7 +2059,7 @@ const Cn = [
     closable: !1,
     autoCreated: !0
   }
-], xn = [
+], Ia = [
   { 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 },
@@ -2043,7 +2071,7 @@ const Cn = [
   { id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
   { id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
 ];
-function De(e) {
+function Se(e) {
   switch (e) {
     case "wide":
       return { cols: 2, rows: 1 };
@@ -2054,15 +2082,15 @@ function De(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function zt(e) {
+function Vt(e) {
   let t = 0;
-  for (const a of e) {
-    const r = De(a.size), s = a.gridPosition.col + r.cols - 1;
+  for (const n of e) {
+    const r = Se(n.size), s = n.gridPosition.col + r.cols - 1;
     s > t && (t = s);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const Kt = function(t) {
+const jt = function(t) {
   if (t.renderMode === "discrete")
     return /* @__PURE__ */ l(
       "div",
@@ -2070,7 +2098,7 @@ const Kt = function(t) {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
         children: t.cards.map((r) => {
-          const s = De(r.size);
+          const s = Se(r.size);
           return /* @__PURE__ */ l(
             "div",
             {
@@ -2086,7 +2114,7 @@ const Kt = function(t) {
         })
       }
     );
-  const { cards: n, composite: a } = t;
+  const { cards: a, composite: n } = t;
   return /* @__PURE__ */ O(
     "div",
     {
@@ -2102,25 +2130,25 @@ const Kt = function(t) {
         padding: "10px 12px 8px",
         overflow: "visible"
       },
-      role: a?.label ? "group" : void 0,
-      "aria-label": a?.label,
+      role: n?.label ? "group" : void 0,
+      "aria-label": n?.label,
       tabIndex: void 0,
       children: [
-        a?.accentColor && /* @__PURE__ */ l(
+        n?.accentColor && /* @__PURE__ */ l(
           "div",
           {
             className: "gloss-metric-group__accent",
-            style: { background: a.accentColor }
+            style: { background: n.accentColor }
           }
         ),
-        a?.label && /* @__PURE__ */ O("div", { className: "gloss-metric-group__label", children: [
-          /* @__PURE__ */ l("span", { children: a.label }),
-          a?.trend && /* @__PURE__ */ l(
+        n?.label && /* @__PURE__ */ O("div", { className: "gloss-metric-group__label", children: [
+          /* @__PURE__ */ l("span", { children: n.label }),
+          n?.trend && /* @__PURE__ */ l(
             "span",
             {
               className: "gloss-metric-group__trend",
-              "data-direction": a.trend.direction,
-              children: a.trend.delta
+              "data-direction": n.trend.direction,
+              children: n.trend.delta
             }
           )
         ] }),
@@ -2131,10 +2159,10 @@ const Kt = function(t) {
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: zt(n)
+              gridTemplateColumns: Vt(a)
             },
-            children: n.map((r) => {
-              const s = De(r.size);
+            children: a.map((r) => {
+              const s = Se(r.size);
               return /* @__PURE__ */ l(
                 "div",
                 {
@@ -2154,48 +2182,48 @@ const Kt = function(t) {
     }
   );
 };
-Kt.displayName = "MetricGroupContainer";
-const Ge = "resize.tuning.dev", Gt = {
-  ...Le,
+jt.displayName = "MetricGroupContainer";
+const Ze = "resize.tuning.dev", Ut = {
+  ...Ge,
   snapInPx: 60,
   snapOutPx: 90
-}, te = Gt;
-function Wt() {
-  if (typeof window > "u") return { ...te };
+}, ne = Ut;
+function Zt() {
+  if (typeof window > "u") return { ...ne };
   try {
-    const e = window.localStorage.getItem(Ge);
-    if (!e) return { ...te };
+    const e = window.localStorage.getItem(Ze);
+    if (!e) return { ...ne };
     const t = JSON.parse(e);
-    return !t || typeof t != "object" || Array.isArray(t) ? { ...te } : { ...te, ...t };
+    return !t || typeof t != "object" || Array.isArray(t) ? { ...ne } : { ...ne, ...t };
   } catch {
-    return { ...te };
+    return { ...ne };
   }
 }
-function Ht() {
-  const [e, t] = G(() => Wt());
+function Yt() {
+  const [e, t] = G(() => Zt());
   L(() => {
     if (!(typeof window > "u"))
       try {
-        window.localStorage.setItem(Ge, JSON.stringify(e));
+        window.localStorage.setItem(Ze, JSON.stringify(e));
       } catch {
       }
   }, [e]);
-  const n = y(
+  const a = w(
     (s, o) => {
       t((c) => ({ ...c, [s]: o }));
     },
     []
-  ), a = y(
+  ), n = w(
     (s) => {
-      t((o) => ({ ...o, [s]: te[s] }));
+      t((o) => ({ ...o, [s]: ne[s] }));
     },
     []
-  ), r = y(() => {
-    t({ ...te });
+  ), r = w(() => {
+    t({ ...ne });
   }, []);
-  return { values: e, setValue: n, resetRow: a, resetAll: r };
+  return { values: e, setValue: a, resetRow: n, resetAll: r };
 }
-const Vt = [
+const qt = [
   { 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 },
@@ -2206,10 +2234,10 @@ const Vt = [
   { 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 jt(e, t) {
+function Qt(e, t) {
   return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
 }
-function Ut() {
+function Xt() {
   return /* @__PURE__ */ O(
     "svg",
     {
@@ -2229,12 +2257,12 @@ function Ut() {
     }
   );
 }
-function Zt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
-  const s = y(
+function Jt({ spec: e, value: t, onChange: a, onReset: n, flashing: r }) {
+  const s = w(
     (o) => {
-      (o.key === "r" || o.key === "R") && (o.preventDefault(), a());
+      (o.key === "r" || o.key === "R") && (o.preventDefault(), n());
     },
-    [a]
+    [n]
   );
   return /* @__PURE__ */ O(
     "div",
@@ -2245,7 +2273,7 @@ function Zt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
       children: [
         /* @__PURE__ */ l("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
         /* @__PURE__ */ O("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
-          jt(t, e.step),
+          Qt(t, e.step),
           e.unit ? ` ${e.unit}` : ""
         ] }),
         /* @__PURE__ */ l(
@@ -2259,7 +2287,7 @@ function Zt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
             step: e.step,
             value: t,
             "aria-label": e.label,
-            onChange: (o) => n(Number(o.target.value))
+            onChange: (o) => a(Number(o.target.value))
           }
         ),
         /* @__PURE__ */ l(
@@ -2268,15 +2296,15 @@ function Zt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
             type: "button",
             className: "gloss-dev-tuning-panel__reset",
             "aria-label": `Reset ${e.label}`,
-            onClick: a,
-            children: /* @__PURE__ */ l(Ut, {})
+            onClick: n,
+            children: /* @__PURE__ */ l(Xt, {})
           }
         )
       ]
     }
   );
 }
-function Yt() {
+function en() {
   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");
@@ -2284,23 +2312,23 @@ function Yt() {
     return !1;
   }
 }
-function qt(e = {}) {
-  return Yt() ? /* @__PURE__ */ l(Qt, {}) : null;
+function tn(e = {}) {
+  return en() ? /* @__PURE__ */ l(nn, {}) : null;
 }
-qt.displayName = "DevTuningPanel";
-function Qt() {
-  const e = Ht(), { values: t, setValue: n, resetRow: a, resetAll: r } = e, [s, o] = G(null), c = T(null), f = y((u) => {
+tn.displayName = "DevTuningPanel";
+function nn() {
+  const e = Yt(), { values: t, setValue: a, resetRow: n, resetAll: r } = e, [s, o] = G(null), c = R(null), f = w((u) => {
     c.current && clearTimeout(c.current), o(u), c.current = setTimeout(() => {
       o(null), c.current = null;
     }, 200);
-  }, []), d = y(
+  }, []), d = w(
     (u, m) => {
-      n(u, m), u === "snapInPx" && m > t.snapOutPx && (n("snapOutPx", m), f("snapOutPx"));
+      a(u, m), u === "snapInPx" && m > t.snapOutPx && (a("snapOutPx", m), f("snapOutPx"));
     },
-    [n, t.snapOutPx, f]
-  ), g = ie(() => Vt, []), w = rt();
+    [a, t.snapOutPx, f]
+  ), p = ge(() => qt, []), h = ct();
   return /* @__PURE__ */ O(
-    ue.div,
+    be.div,
     {
       className: "gloss-dev-tuning-panel",
       role: "region",
@@ -2308,27 +2336,27 @@ function Qt() {
       "data-testid": "gloss-dev-tuning-panel",
       drag: !0,
       dragListener: !1,
-      dragControls: w,
+      dragControls: h,
       dragMomentum: !1,
       children: [
         /* @__PURE__ */ O(
           "div",
           {
             className: "gloss-dev-tuning-panel__header",
-            onPointerDown: (u) => w.start(u),
+            onPointerDown: (u) => h.start(u),
             children: [
               /* @__PURE__ */ l("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
               /* @__PURE__ */ l("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
             ]
           }
         ),
-        /* @__PURE__ */ l("div", { className: "gloss-dev-tuning-panel__body", children: g.map((u) => /* @__PURE__ */ l(
-          Zt,
+        /* @__PURE__ */ l("div", { className: "gloss-dev-tuning-panel__body", children: p.map((u) => /* @__PURE__ */ l(
+          Jt,
           {
             spec: u,
             value: t[u.key],
             onChange: (m) => d(u.key, m),
-            onReset: () => a(u.key),
+            onReset: () => n(u.key),
             flashing: s === u.key
           },
           u.key
@@ -2346,40 +2374,40 @@ function Qt() {
     }
   );
 }
-function Sn({
+function Pa({
   state: e,
   originX: t,
-  originY: n,
-  leftEdgeX: a,
+  originY: a,
+  leftEdgeX: n,
   rightEdgeX: r,
   minBoundaryX: s,
   snapBoundariesX: o,
   topY: c,
   bottomY: f,
   enterMs: d = ae.envelopeEnterMs,
-  exitMs: g = ae.envelopeExitMs,
-  className: w,
+  exitMs: p = ae.envelopeExitMs,
+  className: h,
   style: u
 }) {
   if (e === "hidden") return null;
-  const m = Math.max(0, r - a), h = Math.max(0, f - c), _ = {
+  const m = Math.max(0, r - n), N = Math.max(0, f - c), y = {
     "--gloss-resize-envelope-enter-ms": `${d}ms`,
-    "--gloss-resize-envelope-exit-ms": `${g}ms`,
-    "--gloss-resize-envelope-origin-x": `${t - a}px`,
-    "--gloss-resize-envelope-origin-y": `${n - c}px`,
-    left: a,
+    "--gloss-resize-envelope-exit-ms": `${p}ms`,
+    "--gloss-resize-envelope-origin-x": `${t - n}px`,
+    "--gloss-resize-envelope-origin-y": `${a - c}px`,
+    left: n,
     top: c,
     width: m,
-    height: h,
+    height: N,
     ...u
   };
   return /* @__PURE__ */ O(
     "div",
     {
-      className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, w].filter(Boolean).join(" "),
+      className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, h].filter(Boolean).join(" "),
       "data-state": e,
       "data-testid": "gloss-resize-envelope",
-      style: _,
+      style: y,
       "aria-hidden": "true",
       children: [
         /* @__PURE__ */ l(
@@ -2395,7 +2423,7 @@ function Sn({
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--min-boundary",
             "data-edge": "min-boundary",
-            style: { left: s - a }
+            style: { left: s - n }
           }
         ),
         /* @__PURE__ */ l(
@@ -2406,29 +2434,29 @@ function Sn({
             style: { left: m - 1 }
           }
         ),
-        o.filter((p) => p > s && p < r).map((p) => /* @__PURE__ */ l(
+        o.filter((g) => g > s && g < r).map((g) => /* @__PURE__ */ l(
           "div",
           {
             className: "gloss-resize-envelope__snap-line",
             "data-snap-line": !0,
-            style: { left: p - a }
+            style: { left: g - n }
           },
-          p
+          g
         ))
       ]
     }
   );
 }
-function Mn({
+function Fa({
   density: e,
   canAccept: t,
-  blocked: n = !1,
-  proximityOpacity: a,
+  blocked: a = !1,
+  proximityOpacity: n,
   className: r,
   children: s,
   ...o
 }) {
-  const c = a != null ? { ...o.style, "--_proximity-opacity": String(a) } : o.style;
+  const c = n != null ? { ...o.style, "--_proximity-opacity": String(n) } : o.style;
   return /* @__PURE__ */ l(
     "div",
     {
@@ -2436,33 +2464,33 @@ function Mn({
       style: c,
       "data-density": e,
       "data-can-accept": t ? "true" : "false",
-      "data-blocked": n ? "true" : void 0,
-      "data-proximity-driven": a != null ? "true" : void 0,
+      "data-blocked": a ? "true" : void 0,
+      "data-proximity-driven": n != null ? "true" : void 0,
       "data-testid": "gloss-drop-anchor-cell",
       className: [
         "gloss-drop-anchor-cell",
-        n && "gloss-drop-anchor-cell--blocked-pulse",
+        a && "gloss-drop-anchor-cell--blocked-pulse",
         r
       ].filter(Boolean).join(" "),
       children: s
     }
   );
 }
-function Xt(e, t, n, a) {
-  const r = (e + n) / 2, s = Math.min(t, a) - 40;
-  return `M${e},${t} Q${r},${s} ${n},${a}`;
+function an(e, t, a, n) {
+  const r = (e + a) / 2, s = Math.min(t, n) - 40;
+  return `M${e},${t} Q${r},${s} ${a},${n}`;
 }
-function Tn({
+function Ea({
   segments: e,
   durationMs: t = ae.spilloverArcDurationMs,
-  staggerMs: n = ae.spilloverStaggerMs,
-  className: a,
+  staggerMs: a = ae.spilloverStaggerMs,
+  className: n,
   style: r
 }) {
   return e.length === 0 ? null : /* @__PURE__ */ l(
     "svg",
     {
-      className: ["gloss-spillover-arc", a].filter(Boolean).join(" "),
+      className: ["gloss-spillover-arc", n].filter(Boolean).join(" "),
       "data-testid": "gloss-spillover-arc",
       "aria-hidden": "true",
       overflow: "visible",
@@ -2472,9 +2500,9 @@ function Tn({
         {
           "data-arc-id": s.id,
           className: "gloss-spillover-arc__path",
-          d: Xt(s.fromX, s.fromY, s.toX, s.toY),
+          d: an(s.fromX, s.fromY, s.toX, s.toY),
           style: {
-            animationDelay: `${o * n}ms`,
+            animationDelay: `${o * a}ms`,
             animationDuration: `${t}ms`
           }
         },
@@ -2483,11 +2511,11 @@ function Tn({
     }
   );
 }
-function Rn({
+function Oa({
   state: e,
   staggerIndex: t = 0,
-  fadeInMs: n = ae.sectionDividerFadeInMs,
-  fadeOutMs: a = ae.sectionDividerFadeOutMs,
+  fadeInMs: a = ae.sectionDividerFadeInMs,
+  fadeOutMs: n = ae.sectionDividerFadeOutMs,
   staggerMs: r = ae.sectionDividerStaggerMs,
   variant: s = "dashed",
   className: o,
@@ -2495,8 +2523,8 @@ function Rn({
   ...f
 }) {
   const d = {
-    "--gloss-section-divider-fade-in-ms": `${n}ms`,
-    "--gloss-section-divider-fade-out-ms": `${a}ms`,
+    "--gloss-section-divider-fade-in-ms": `${a}ms`,
+    "--gloss-section-divider-fade-out-ms": `${n}ms`,
     "--gloss-section-divider-stagger-delay": `${t * r}ms`,
     ...c
   };
@@ -2517,20 +2545,20 @@ function Rn({
     }
   );
 }
-function In({
+function Aa({
   enabled: e,
   onPack: t,
-  ariaLabel: n = "Pack row (shift cards left)",
-  className: a,
+  ariaLabel: a = "Pack row (shift cards left)",
+  className: n,
   style: r
 }) {
-  return /* @__PURE__ */ l(Ae, { visible: e, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(We, { visible: e, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ l(
     "button",
     {
       type: "button",
       "data-testid": "gloss-empty-cell-pack",
-      "aria-label": n,
-      className: ["gloss-empty-cell-pack-affordance", a].filter(Boolean).join(" "),
+      "aria-label": a,
+      className: ["gloss-empty-cell-pack-affordance", n].filter(Boolean).join(" "),
       style: r,
       onClick: (s) => {
         s.stopPropagation(), t();
@@ -2539,20 +2567,20 @@ function In({
     }
   ) });
 }
-function Pn({
+function La({
   tint: e,
   colSpan: t,
-  colWidth: n,
-  rowHeight: a,
+  colWidth: a,
+  rowHeight: n,
   gap: r,
   x: s,
   y: o,
   children: c,
   className: f
 }) {
-  const d = t * n + (t - 1) * r;
+  const d = t * a + (t - 1) * r;
   return /* @__PURE__ */ l(
-    ue.div,
+    be.div,
     {
       "data-testid": "gloss-drag-ghost",
       "data-tint": e,
@@ -2562,22 +2590,22 @@ function Pn({
         `gloss-drag-ghost--tint-${e}`,
         f
       ].filter(Boolean).join(" "),
-      style: { x: s, y: o, width: d, height: a },
+      style: { x: s, y: o, width: d, height: n },
       children: c
     }
   );
 }
-const Jt = 3;
-function Fn({
+const rn = 3;
+function $a({
   cell: e,
   colSpan: t,
-  colWidth: n,
-  gap: a,
+  colWidth: a,
+  gap: n,
   rowHeight: r,
   transitionMs: s = 120,
   className: o
 }) {
-  const c = t * n + (t - 1) * a, d = (e.section * Jt + e.col) * (n + a), g = e.row * (r + a);
+  const c = t * a + (t - 1) * n, d = (e.section * rn + e.col) * (a + n), p = e.row * (r + n);
   return /* @__PURE__ */ l(
     "div",
     {
@@ -2585,7 +2613,7 @@ function Fn({
       "data-testid": "gloss-snap-outline",
       "aria-hidden": "true",
       style: {
-        transform: `translate(${d}px, ${g}px)`,
+        transform: `translate(${d}px, ${p}px)`,
         width: c,
         height: r,
         transition: `transform ${s}ms cubic-bezier(0.4, 0, 0.2, 1)`
@@ -2593,25 +2621,25 @@ function Fn({
     }
   );
 }
-function En({
+function Ba({
   items: e,
   children: t,
-  className: n
+  className: a
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ l(ve, { children: e.map((a) => /* @__PURE__ */ l(
-    ue.div,
+  return e.length === 0 ? null : /* @__PURE__ */ l(_e, { children: e.map((n) => /* @__PURE__ */ l(
+    be.div,
     {
-      "data-card-id": a.cardId,
+      "data-card-id": n.cardId,
       "data-testid": "gloss-cascade-preview-item",
       "aria-hidden": "true",
-      className: ["gloss-cascade-preview-item", n].filter(Boolean).join(" "),
-      style: { position: "absolute", x: a.x, y: a.y },
-      children: t(a)
+      className: ["gloss-cascade-preview-item", a].filter(Boolean).join(" "),
+      style: { position: "absolute", x: n.x, y: n.y },
+      children: t(n)
     },
-    a.cardId
+    n.cardId
   )) });
 }
-const ee = {
+const te = {
   "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",
@@ -2619,48 +2647,48 @@ const ee = {
   "gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
   "gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
 };
-function ea({
+function sn({
   message: e,
   primaryAction: t,
-  onDismiss: n,
-  anchorEl: a,
+  onDismiss: a,
+  anchorEl: n,
   anchorSelector: r
 }) {
-  const [s, o] = W.useState(null), c = W.useMemo(
+  const [s, o] = V.useState(null), c = V.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
-  W.useEffect(() => {
-    !a && !r && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
+  V.useEffect(() => {
+    !n && !r && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
       "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
     );
-  }, [a, r]), W.useLayoutEffect(() => {
+  }, [n, r]), V.useLayoutEffect(() => {
     let d = null;
-    if (a ? d = a : r && (d = document.querySelector(r)), d) {
-      const g = d.getBoundingClientRect();
+    if (n ? d = n : r && (d = document.querySelector(r)), d) {
+      const p = d.getBoundingClientRect();
       o({
-        top: g.bottom + window.scrollY + 6,
-        left: g.left + window.scrollX
+        top: p.bottom + window.scrollY + 6,
+        left: p.left + window.scrollX
       });
     }
-  }, [a, r]);
+  }, [n, r]);
   const f = s ? { top: s.top, left: s.left } : {};
   return /* @__PURE__ */ O(
     "div",
     {
-      className: ee["gloss-inline-nudge"],
+      className: te["gloss-inline-nudge"],
       style: f,
       role: "status",
       "aria-live": "polite",
       "data-reduced-motion": c ? "true" : void 0,
       children: [
-        /* @__PURE__ */ l("span", { className: ee["gloss-inline-nudge__message"], children: e }),
-        /* @__PURE__ */ O("div", { className: ee["gloss-inline-nudge__actions"], children: [
+        /* @__PURE__ */ l("span", { className: te["gloss-inline-nudge__message"], children: e }),
+        /* @__PURE__ */ O("div", { className: te["gloss-inline-nudge__actions"], children: [
           /* @__PURE__ */ l(
             "button",
             {
               type: "button",
-              className: `${ee["gloss-inline-nudge__btn"]} ${ee["gloss-inline-nudge__btn--action"]}`,
+              className: `${te["gloss-inline-nudge__btn"]} ${te["gloss-inline-nudge__btn--action"]}`,
               onClick: t.onClick,
               children: t.label
             }
@@ -2669,8 +2697,8 @@ function ea({
             "button",
             {
               type: "button",
-              className: `${ee["gloss-inline-nudge__btn"]} ${ee["gloss-inline-nudge__btn--dismiss"]}`,
-              onClick: n,
+              className: `${te["gloss-inline-nudge__btn"]} ${te["gloss-inline-nudge__btn--dismiss"]}`,
+              onClick: a,
               "aria-label": "Dismiss",
               children: "Dismiss"
             }
@@ -2680,84 +2708,84 @@ function ea({
     }
   );
 }
-ea.displayName = "InlineNudge";
-function Ne(e) {
+sn.displayName = "InlineNudge";
+function Me(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function ta(e, t, n) {
-  if (n <= t) {
-    const o = e[0], c = o ? Ne(o) : "#888";
+function on(e, t, a) {
+  if (a <= t) {
+    const o = e[0], c = o ? Me(o) : "#888";
     return `linear-gradient(to right, ${c}, ${c})`;
   }
-  const a = n - t, s = [...e].sort((o, c) => o.value - c.value).map((o) => {
-    const c = (o.value - t) / a * 100;
-    return `${Ne(o)} ${c.toFixed(2)}%`;
+  const n = a - t, s = [...e].sort((o, c) => o.value - c.value).map((o) => {
+    const c = (o.value - t) / n * 100;
+    return `${Me(o)} ${c.toFixed(2)}%`;
   });
   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 aa(e) {
+function ln(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function na({
+function cn({
   stops: e,
   onChange: t,
-  min: n = 0,
-  max: a = 100,
+  min: a = 0,
+  max: n = 100,
   step: r,
   disabled: s = !1
 }) {
   const o = r === void 0 ? 0.01 : !Number.isFinite(r) || r <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
     `ThresholdRamp: step (${r}) must be a positive finite number; falling back to 0.01.`
-  ), 0.01) : r, c = y(
+  ), 0.01) : r, c = w(
     (i) => Math.round(i / o) * o,
     [o]
-  ), f = T(null), [d, g] = G(null), [w, u] = G(e), m = aa(e), h = T(m);
+  ), f = R(null), [d, p] = G(null), [h, u] = G(e), m = ln(e), N = R(m);
   L(() => {
-    h.current !== m && (h.current = m, !d && u(e));
+    N.current !== m && (N.current = m, !d && u(e));
   }, [m, e, d]);
-  const _ = ie(() => ta(w, n, a), [w, n, a]), p = y(
+  const y = ge(() => on(h, a, n), [h, a, n]), g = w(
     (i) => {
-      if (!f.current) return n;
-      const b = f.current.getBoundingClientRect(), D = b.width || 1, x = Math.max(0, Math.min(1, (i - b.left) / D)), v = n + x * (a - n);
+      if (!f.current) return a;
+      const b = f.current.getBoundingClientRect(), D = b.width || 1, x = Math.max(0, Math.min(1, (i - b.left) / D)), v = a + x * (n - a);
       return c(v);
     },
-    [n, a, c]
+    [a, n, c]
   );
   L(() => {
-    a <= n && process.env.NODE_ENV !== "production" && console.warn(
-      `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
+    n <= a && process.env.NODE_ENV !== "production" && console.warn(
+      `ThresholdRamp: max (${n}) must be greater than min (${a}); rendering degenerate strip.`
     );
-  }, [n, a]);
-  const S = y(
+  }, [a, n]);
+  const S = w(
     (i, b) => {
-      const D = w.find((x) => x.id === b);
-      s || D?.disabled || (i.preventDefault(), g(b));
+      const D = h.find((x) => x.id === b);
+      s || D?.disabled || (i.preventDefault(), p(b));
     },
-    [s, w]
-  ), I = T(w);
-  I.current = w;
-  const C = T(t);
-  C.current = t, L(() => {
+    [s, h]
+  ), I = R(h);
+  I.current = h;
+  const _ = R(t);
+  _.current = t, L(() => {
     if (!d) return;
     const i = (D) => {
-      const x = p(D.clientX);
+      const x = g(D.clientX);
       u(
         (v) => v.map((k) => k.id === d ? { ...k, value: x } : k)
       );
     }, b = (D) => {
-      const x = p(D.clientX), v = I.current.map(
+      const x = g(D.clientX), v = I.current.map(
         (k) => k.id === d ? { ...k, value: x } : k
       );
-      u(v), g(null), C.current(v);
+      u(v), p(null), _.current(v);
     };
     return window.addEventListener("pointermove", i), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b), () => {
       window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
     };
-  }, [d, p]);
-  const M = a - n > 0 ? a - n : 1, R = y(
+  }, [d, g]);
+  const M = n - a > 0 ? n - a : 1, T = w(
     (i, b) => {
       if (s || b.disabled) return;
-      const D = a - n;
+      const D = n - a;
       if (D <= 0) return;
       const x = i.shiftKey ? D / 20 : D / 100;
       let v = b.value;
@@ -2771,49 +2799,49 @@ function na({
           v = b.value - x;
           break;
         case "Home":
-          v = n;
+          v = a;
           break;
         case "End":
-          v = a;
+          v = n;
           break;
         default:
           return;
       }
       i.preventDefault();
-      const k = Math.max(n, Math.min(a, v)), P = c(k);
+      const k = Math.max(a, Math.min(n, v)), P = c(k);
       if (P === b.value) return;
-      const H = w.map(
-        (U) => U.id === b.id ? { ...U, value: P } : U
+      const j = h.map(
+        (Y) => Y.id === b.id ? { ...Y, value: P } : Y
       );
-      u(H), t(H);
+      u(j), t(j);
     },
-    [s, n, a, w, t, c]
+    [s, a, n, h, t, c]
   );
   return /* @__PURE__ */ l("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ l(
     "div",
     {
       ref: f,
       className: "gloss-threshold-ramp__track",
-      style: { background: _ },
-      children: w.map((i) => {
-        const b = (i.value - n) / M * 100;
+      style: { background: y },
+      children: h.map((i) => {
+        const b = (i.value - a) / M * 100;
         return /* @__PURE__ */ l(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
               left: `${b}%`,
-              color: Ne(i)
+              color: Me(i)
             },
             "data-disabled": i.disabled || void 0,
             "data-dragging": d === i.id || void 0,
             onPointerDown: (D) => S(D, i.id),
-            onKeyDown: (D) => R(D, i),
+            onKeyDown: (D) => T(D, i),
             "aria-label": i.label ?? `Stop at ${i.value}`,
             role: "slider",
             "aria-valuenow": i.value,
-            "aria-valuemin": n,
-            "aria-valuemax": a,
+            "aria-valuemin": a,
+            "aria-valuemax": n,
             "aria-disabled": i.disabled || s || void 0,
             tabIndex: i.disabled || s ? -1 : 0
           },
@@ -2823,108 +2851,108 @@ function na({
     }
   ) });
 }
-na.displayName = "ThresholdRamp";
-const We = tt(null);
-function ra() {
-  return at(We);
+cn.displayName = "ThresholdRamp";
+const Ye = ot(null);
+function dn() {
+  return it(Ye);
 }
-function sa({ option: e }) {
-  const t = ra(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = y(() => {
-    a || t?.select(e.value);
-  }, [a, t, e.value]), s = y(
+function un({ option: e }) {
+  const t = dn(), a = t?.isSelected(e.value) ?? !1, n = e.disabled || t?.groupDisabled, r = w(() => {
+    n || t?.select(e.value);
+  }, [n, t, e.value]), s = w(
     (d) => {
-      a || t?.onKeyNav(d, e.value);
+      n || t?.onKeyNav(d, e.value);
     },
-    [a, t, e.value]
-  ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", c = t?.firstFocusableValue === e.value, f = a ? -1 : c ? 0 : -1;
+    [n, t, e.value]
+  ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", c = t?.firstFocusableValue === e.value, f = n ? -1 : c ? 0 : -1;
   return /* @__PURE__ */ l(
     "button",
     {
       ref: (d) => t?.registerRef(e.value, d),
       type: "button",
       role: "radio",
-      "aria-checked": n,
+      "aria-checked": a,
       className: "gloss-preset-swatch-row__swatch",
       style: { backgroundColor: o },
-      "data-selected": n || void 0,
-      "data-disabled": a || void 0,
+      "data-selected": a || void 0,
+      "data-disabled": n || void 0,
       ...process.env.NODE_ENV === "test" ? { "data-bg-color": o } : {},
       "aria-label": e.label ?? e.value,
-      "aria-disabled": a,
-      disabled: a,
+      "aria-disabled": n,
+      disabled: n,
       tabIndex: f,
       onClick: r,
       onKeyDown: s
     }
   );
 }
-function oa({
+function mn({
   swatches: e,
   value: t,
-  defaultValue: n,
-  onChange: a,
+  defaultValue: a,
+  onChange: n,
   disabled: r = !1,
   name: s
 }) {
-  const o = t !== void 0, [c, f] = G(n), d = o ? t : c, g = y(
-    (C) => {
-      o || f(C), a?.(C);
+  const o = t !== void 0, [c, f] = G(a), d = o ? t : c, p = w(
+    (_) => {
+      o || f(_), n?.(_);
     },
-    [o, a]
-  ), w = y(
-    (C) => d === C,
+    [o, n]
+  ), h = w(
+    (_) => d === _,
     [d]
-  ), u = T(/* @__PURE__ */ new Map()), m = y((C, M) => {
-    M ? u.current.set(C, M) : u.current.delete(C);
-  }, []), h = e.filter((C) => !C.disabled && !r), _ = h.find((C) => C.value === d)?.value ?? h[0]?.value, p = y((C) => {
-    const M = u.current.get(C);
+  ), u = R(/* @__PURE__ */ new Map()), m = w((_, M) => {
+    M ? u.current.set(_, M) : u.current.delete(_);
+  }, []), N = e.filter((_) => !_.disabled && !r), y = N.find((_) => _.value === d)?.value ?? N[0]?.value, g = w((_) => {
+    const M = u.current.get(_);
     M && M.focus();
-  }, []), S = y(
-    (C, M) => {
+  }, []), S = w(
+    (_, M) => {
       if (r) return;
-      const R = e.filter((x) => !x.disabled);
-      if (R.length === 0) return;
-      const i = R.findIndex((x) => x.value === M);
+      const T = e.filter((x) => !x.disabled);
+      if (T.length === 0) return;
+      const i = T.findIndex((x) => x.value === M);
       if (i === -1) return;
       let b = i;
-      switch (C.key) {
+      switch (_.key) {
         case "ArrowRight":
         case "ArrowDown":
-          b = (i + 1) % R.length;
+          b = (i + 1) % T.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          b = (i - 1 + R.length) % R.length;
+          b = (i - 1 + T.length) % T.length;
           break;
         case "Home":
           b = 0;
           break;
         case "End":
-          b = R.length - 1;
+          b = T.length - 1;
           break;
         case " ":
         case "Enter":
-          C.preventDefault(), g(M);
+          _.preventDefault(), p(M);
           return;
         default:
           return;
       }
-      C.preventDefault();
-      const D = R[b].value;
-      p(D), g(D);
+      _.preventDefault();
+      const D = T[b].value;
+      g(D), p(D);
     },
-    [r, e, g, p]
+    [r, e, p, g]
   ), I = {
     selectedValue: d,
-    select: g,
-    isSelected: w,
+    select: p,
+    isSelected: h,
     groupDisabled: r,
     name: s,
     registerRef: m,
-    firstFocusableValue: _,
+    firstFocusableValue: y,
     onKeyNav: S
   };
-  return /* @__PURE__ */ l(We.Provider, { value: I, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(Ye.Provider, { value: I, children: /* @__PURE__ */ l(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -2932,125 +2960,125 @@ function oa({
       "aria-label": s,
       "aria-disabled": r,
       "data-disabled": r || void 0,
-      children: e.map((C) => /* @__PURE__ */ l(sa, { option: C }, C.value))
+      children: e.map((_) => /* @__PURE__ */ l(un, { option: _ }, _.value))
     }
   ) });
 }
-oa.displayName = "PresetSwatchRow";
-function Ce(e, t) {
-  for (const n of e)
-    if (n.items.some((a) => a.id === t))
-      return n.zoneKey;
+mn.displayName = "PresetSwatchRow";
+function Te(e, t) {
+  for (const a of e)
+    if (a.items.some((n) => n.id === t))
+      return a.zoneKey;
   return null;
 }
-function Oe(e, t) {
-  const n = e.find((a) => a.zoneKey === t);
-  return n ? n.zoneKey : Ce(e, t);
+function Ke(e, t) {
+  const a = e.find((n) => n.zoneKey === t);
+  return a ? a.zoneKey : Te(e, t);
 }
-function ia(e, t, n) {
-  const a = [...e], [r] = a.splice(t, 1);
-  return a.splice(n, 0, r), a;
+function gn(e, t, a) {
+  const n = [...e], [r] = n.splice(t, 1);
+  return n.splice(a, 0, r), n;
 }
-function la(e) {
-  return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
+function pn(e) {
+  return e.map((t) => `${t.zoneKey}:${t.items.map((a) => a.id).join(",")}`).join("|");
 }
-function ca(e) {
-  const [t, n] = G(
-    () => e.zones.map((p) => p.maxItems !== void 0 && p.items.length > p.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-      `useSortableZones: zone "${p.zoneKey}" exceeds maxItems (${p.items.length} > ${p.maxItems}); trimming to cap.`
-    ), { ...p, items: p.items.slice(0, p.maxItems) }) : p)
-  ), [a, r] = G(null), [s, o] = G(null), c = T(null), f = T(e.onZoneChange);
+function fn(e) {
+  const [t, a] = G(
+    () => e.zones.map((g) => g.maxItems !== void 0 && g.items.length > g.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+      `useSortableZones: zone "${g.zoneKey}" exceeds maxItems (${g.items.length} > ${g.maxItems}); trimming to cap.`
+    ), { ...g, items: g.items.slice(0, g.maxItems) }) : g)
+  ), [n, r] = G(null), [s, o] = G(null), c = R(null), f = R(e.onZoneChange);
   f.current = e.onZoneChange;
-  const d = ie(
-    () => la(e.zones),
+  const d = ge(
+    () => pn(e.zones),
     [e.zones]
-  ), g = T(d);
+  ), p = R(d);
   L(() => {
-    g.current !== d && (g.current = d, !a && n(
-      e.zones.map((p) => p.maxItems !== void 0 && p.items.length > p.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-        `useSortableZones: zone "${p.zoneKey}" exceeds maxItems (${p.items.length} > ${p.maxItems}); trimming to cap.`
-      ), { ...p, items: p.items.slice(0, p.maxItems) }) : p)
+    p.current !== d && (p.current = d, !n && a(
+      e.zones.map((g) => g.maxItems !== void 0 && g.items.length > g.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+        `useSortableZones: zone "${g.zoneKey}" exceeds maxItems (${g.items.length} > ${g.maxItems}); trimming to cap.`
+      ), { ...g, items: g.items.slice(0, g.maxItems) }) : g)
     ));
-  }, [d, e.zones, a]);
-  const w = y(
-    (p) => {
-      const S = p.active.id;
-      let I = null, C = null;
+  }, [d, e.zones, n]);
+  const h = w(
+    (g) => {
+      const S = g.active.id;
+      let I = null, _ = null;
       for (const M of t) {
-        const R = M.items.find((i) => i.id === S);
-        if (R) {
-          I = R, C = M.zoneKey;
+        const T = M.items.find((i) => i.id === S);
+        if (T) {
+          I = T, _ = M.zoneKey;
           break;
         }
       }
-      c.current = C, r(I), o(C);
+      c.current = _, r(I), o(_);
     },
     [t]
-  ), u = y(
-    (p) => {
-      if (!p.over) {
+  ), u = w(
+    (g) => {
+      if (!g.over) {
         o(c.current);
         return;
       }
-      const S = Oe(t, p.over.id);
+      const S = Ke(t, g.over.id);
       o(S);
     },
     [t]
-  ), m = y(
-    (p) => {
-      const { active: S, over: I } = p, C = () => {
+  ), m = w(
+    (g) => {
+      const { active: S, over: I } = g, _ = () => {
         c.current = null, r(null), o(null);
       };
       if (!I) {
-        C();
+        _();
         return;
       }
-      const M = Ce(t, S.id), R = Oe(t, I.id);
-      if (!M || !R) {
-        C();
+      const M = Te(t, S.id), T = Ke(t, I.id);
+      if (!M || !T) {
+        _();
         return;
       }
       let i = t.map((b) => ({ ...b, items: [...b.items] }));
-      if (M === R) {
+      if (M === T) {
         const b = i.findIndex((P) => P.zoneKey === M), D = i[b], x = D.items.findIndex((P) => P.id === S.id), v = D.items.findIndex((P) => P.id === I.id), k = v >= 0 ? v : Math.max(0, D.items.length - 1);
         i[b] = {
           ...D,
-          items: ia(D.items, x, k)
+          items: gn(D.items, x, k)
         };
       } else {
-        const b = i.findIndex((A) => A.zoneKey === M), D = i.findIndex((A) => A.zoneKey === R), x = i[b], v = i[D], k = x.items.find((A) => A.id === S.id);
+        const b = i.findIndex((A) => A.zoneKey === M), D = i.findIndex((A) => A.zoneKey === T), x = i[b], v = i[D], k = x.items.find((A) => A.id === S.id);
         if (!k) {
-          C();
+          _();
           return;
         }
-        const P = x.items.filter((A) => A.id !== S.id), H = v.items.findIndex((A) => A.id === I.id), U = H >= 0 ? H : v.items.length;
-        let j = P, K = [...v.items];
-        if (v.maxItems !== void 0 && K.length >= v.maxItems) {
-          const A = K[K.length - 1];
-          K = K.slice(0, v.maxItems - 1), j = [...P, A];
+        const P = x.items.filter((A) => A.id !== S.id), j = v.items.findIndex((A) => A.id === I.id), Y = j >= 0 ? j : v.items.length;
+        let U = P, W = [...v.items];
+        if (v.maxItems !== void 0 && W.length >= v.maxItems) {
+          const A = W[W.length - 1];
+          W = W.slice(0, v.maxItems - 1), U = [...P, A];
         }
-        const $ = Math.min(U, K.length), V = [
-          ...K.slice(0, $),
+        const $ = Math.min(Y, W.length), Z = [
+          ...W.slice(0, $),
           k,
-          ...K.slice($)
+          ...W.slice($)
         ];
-        i[b] = { ...x, items: j }, i[D] = { ...v, items: V };
+        i[b] = { ...x, items: U }, i[D] = { ...v, items: Z };
       }
-      n(i), f.current?.(i), C();
+      a(i), f.current?.(i), _();
     },
     [t]
-  ), h = y(
-    (p) => ({
-      id: p,
-      "data-zone-key": p
+  ), N = w(
+    (g) => ({
+      id: g,
+      "data-zone-key": g
     }),
     []
-  ), _ = y(
-    (p) => {
-      const S = Ce(t, p.id) ?? "";
+  ), y = w(
+    (g) => {
+      const S = Te(t, g.id) ?? "";
       return {
-        id: p.id,
-        "data-item-id": p.id,
+        id: g.id,
+        "data-item-id": g.id,
         "data-zone-key": S
       };
     },
@@ -3059,16 +3087,16 @@ function ca(e) {
   return {
     zones: t,
     activeZone: s,
-    activeItem: a,
-    getZoneProps: h,
-    getItemProps: _,
-    handleDragStart: w,
+    activeItem: n,
+    getZoneProps: N,
+    getItemProps: y,
+    handleDragStart: h,
     handleDragOver: u,
     handleDragEnd: m
   };
 }
-let se = null, de = null, be = !1;
-const da = [
+let ue = null, he = null, Ce = !1;
+const hn = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -3077,145 +3105,145 @@ const da = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], ua = [
+], bn = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function ma(e, t) {
-  const n = [], a = e ?? {};
-  for (const s of da)
-    a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
+function vn(e, t) {
+  const a = [], n = e ?? {};
+  for (const s of hn)
+    n[s] === void 0 && a.push(`@dnd-kit/core:${s}`);
   const r = t ?? {};
-  for (const s of ua)
-    r[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
-  return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
+  for (const s of bn)
+    r[s] === void 0 && a.push(`@dnd-kit/sortable:${s}`);
+  return a.length === 0 ? { ok: !0 } : { ok: !1, missing: a };
 }
-function ga() {
-  return se ? Promise.resolve(se) : be ? Promise.resolve(null) : de || (de = (async () => {
+function yn() {
+  return ue ? Promise.resolve(ue) : Ce ? Promise.resolve(null) : he || (he = (async () => {
     try {
-      const [e, t, n] = await Promise.all([
+      const [e, t, a] = await Promise.all([
         import("@dnd-kit/core"),
         import("@dnd-kit/sortable"),
         import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
           "SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
         ), {}))
-      ]), a = ma(e, t);
-      return a.ok ? (se = {
+      ]), n = vn(e, t);
+      return n.ok ? (ue = {
         core: e,
         sortable: t,
-        utilities: n
-      }, se) : (be = !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.`
+        utilities: a
+      }, ue) : (Ce = !0, process.env.NODE_ENV !== "production" && console.error(
+        `SortableZones: @dnd-kit shape mismatch — missing exports: ${n.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
       ), null);
     } catch {
-      return be = !0, null;
+      return Ce = !0, null;
     }
-  })(), de);
+  })(), he);
 }
-function pa(e) {
-  const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: s } = e, o = ca({ zones: t, onZoneChange: n }), [c, f] = W.useState(se);
-  return W.useEffect(() => {
+function wn(e) {
+  const { zones: t, onZoneChange: a, renderZone: n, renderItem: r, renderDragOverlay: s } = e, o = fn({ zones: t, onZoneChange: a }), [c, f] = V.useState(ue);
+  return V.useEffect(() => {
     if (c) return;
     let d = !0;
-    return ga().then((g) => {
-      d && f(g);
+    return yn().then((p) => {
+      d && f(p);
     }), () => {
       d = !1;
     };
   }, [c]), c ? /* @__PURE__ */ l(
-    He,
+    qe,
     {
       state: o,
       modules: c,
-      renderZone: a,
+      renderZone: n,
       renderItem: r,
       renderDragOverlay: s
     }
   ) : /* @__PURE__ */ l("div", { "data-sortable-zones-passive": "true", children: o.zones.map((d) => {
-    const g = d.items.map((w) => /* @__PURE__ */ l(W.Fragment, { children: r(w) }, w.id));
-    return /* @__PURE__ */ l("div", { ...o.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, g) }, d.zoneKey);
+    const p = d.items.map((h) => /* @__PURE__ */ l(V.Fragment, { children: r(h) }, h.id));
+    return /* @__PURE__ */ l("div", { ...o.getZoneProps(d.zoneKey), children: n(d.zoneKey, d.items, p) }, d.zoneKey);
   }) });
 }
-pa.displayName = "SortableZones";
-function He({
+wn.displayName = "SortableZones";
+function qe({
   state: e,
   modules: t,
-  renderZone: n,
-  renderItem: a,
+  renderZone: a,
+  renderItem: n,
   renderDragOverlay: r
 }) {
-  const { core: s, sortable: o, utilities: c } = t, { DndContext: f, DragOverlay: d, useSensors: g, useSensor: w, useDroppable: u, PointerSensor: m, KeyboardSensor: h, closestCenter: _ } = s, { SortableContext: p, verticalListSortingStrategy: S } = o, I = g(
-    w(m, { activationConstraint: { distance: 5 } }),
-    w(h)
-  ), C = f, M = d, R = p;
+  const { core: s, sortable: o, utilities: c } = t, { DndContext: f, DragOverlay: d, useSensors: p, useSensor: h, useDroppable: u, PointerSensor: m, KeyboardSensor: N, closestCenter: y } = s, { SortableContext: g, verticalListSortingStrategy: S } = o, I = p(
+    h(m, { activationConstraint: { distance: 5 } }),
+    h(N)
+  ), _ = f, M = d, T = g;
   return /* @__PURE__ */ O(
-    C,
+    _,
     {
       sensors: I,
-      collisionDetection: _,
+      collisionDetection: y,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
         e.zones.map((i) => {
           const b = i.items.map((x) => x.id), D = i.items.map((x) => /* @__PURE__ */ l(
-            Ve,
+            Qe,
             {
               id: x.id,
               useSortable: o.useSortable,
               cssHelper: c.CSS,
-              children: a(x)
+              children: n(x)
             },
             x.id
           ));
           return /* @__PURE__ */ l(
-            je,
+            Xe,
             {
               zoneKey: i.zoneKey,
               zoneProps: e.getZoneProps(i.zoneKey),
               useDroppable: u,
-              children: /* @__PURE__ */ l(R, { items: b, strategy: S, children: n(i.zoneKey, i.items, D) })
+              children: /* @__PURE__ */ l(T, { items: b, strategy: S, children: a(i.zoneKey, i.items, D) })
             },
             i.zoneKey
           );
         }),
-        /* @__PURE__ */ l(M, { children: e.activeItem ? r?.(e.activeItem) ?? a(e.activeItem) : null })
+        /* @__PURE__ */ l(M, { children: e.activeItem ? r?.(e.activeItem) ?? n(e.activeItem) : null })
       ]
     }
   );
 }
-He.displayName = "SortableZonesInner";
-function Ve({ id: e, useSortable: t, cssHelper: n, children: a }) {
-  const { attributes: r, listeners: s, setNodeRef: o, transform: c, transition: f, isDragging: d } = t({ id: e }), g = {
-    transform: n?.Transform?.toString(c) ?? void 0,
+qe.displayName = "SortableZonesInner";
+function Qe({ id: e, useSortable: t, cssHelper: a, children: n }) {
+  const { attributes: r, listeners: s, setNodeRef: o, transform: c, transition: f, isDragging: d } = t({ id: e }), p = {
+    transform: a?.Transform?.toString(c) ?? void 0,
     transition: f,
     opacity: d ? 0.5 : 1
   };
-  return /* @__PURE__ */ l("div", { ref: o, style: g, "data-sortable-item-id": e, ...r, ...s, children: a });
+  return /* @__PURE__ */ l("div", { ref: o, style: p, "data-sortable-item-id": e, ...r, ...s, children: n });
 }
-Ve.displayName = "SortableItem";
-function je({
+Qe.displayName = "SortableItem";
+function Xe({
   zoneKey: e,
   zoneProps: t,
-  useDroppable: n,
-  children: a
+  useDroppable: a,
+  children: n
 }) {
-  const { setNodeRef: r, isOver: s } = n({ id: e });
-  return /* @__PURE__ */ l("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: a });
+  const { setNodeRef: r, isOver: s } = a({ id: e });
+  return /* @__PURE__ */ l("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: n });
 }
-je.displayName = "ZoneDroppable";
-function On({
+Xe.displayName = "ZoneDroppable";
+function za({
   slotLeft: e,
   slotCenter: t,
-  slotRight: n,
-  height: a = 36,
+  slotRight: a,
+  height: n = 36,
   className: r,
   style: s,
   "aria-label": o = "Dashboard navigation"
 }) {
   const c = {
-    "--gloss-bottom-toolbar-height": `${a}px`,
+    "--gloss-bottom-toolbar-height": `${n}px`,
     ...s
   };
   return /* @__PURE__ */ O(
@@ -3248,384 +3276,385 @@ function On({
           {
             className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--right",
             "data-slot": "right",
-            children: n
+            children: a
           }
         )
       ]
     }
   );
 }
-function An({
+function Ka({
   count: e,
   currentIndex: t,
-  onSelect: n,
-  "aria-label": a = "Sections",
+  onSelect: a,
+  "aria-label": n = "Sections",
   provisionalIndex: r,
   pulseIndex: s,
   pulseNonce: o
 }) {
-  const c = Je.useRef([]);
+  const c = rt.useRef([]);
   return c.current.length = e, /* @__PURE__ */ l(
     "div",
     {
       role: "tablist",
-      "aria-label": a,
+      "aria-label": n,
       "data-testid": "gloss-section-dots",
       className: "gloss-section-dots",
       onKeyDown: (d) => {
         if (e !== 0) {
           if (d.key === "ArrowRight") {
             d.preventDefault();
-            const g = (t + 1) % e;
-            n(g), requestAnimationFrame(() => c.current[g]?.focus());
+            const p = (t + 1) % e;
+            a(p), requestAnimationFrame(() => c.current[p]?.focus());
           } else if (d.key === "ArrowLeft") {
             d.preventDefault();
-            const g = (t - 1 + e) % e;
-            n(g), requestAnimationFrame(() => c.current[g]?.focus());
+            const p = (t - 1 + e) % e;
+            a(p), requestAnimationFrame(() => c.current[p]?.focus());
           }
         }
       },
-      children: Array.from({ length: e }, (d, g) => /* @__PURE__ */ l(
+      children: Array.from({ length: e }, (d, p) => /* @__PURE__ */ l(
         "button",
         {
-          ref: (w) => {
-            c.current[g] = w;
+          ref: (h) => {
+            c.current[p] = h;
           },
           type: "button",
           role: "tab",
-          "aria-selected": g === t,
-          "aria-label": g === r ? "Unconfirmed section" : `Section ${g + 1}`,
-          "data-state": g === r ? "provisional-hollow" : g === s ? "pulse" : g === t ? "current" : "hollow",
-          "data-section-index": g,
+          "aria-selected": p === t,
+          "aria-label": p === r ? "Unconfirmed section" : `Section ${p + 1}`,
+          "data-state": p === r ? "provisional-hollow" : p === s ? "pulse" : p === t ? "current" : "hollow",
+          "data-section-index": p,
           className: [
             "gloss-section-dots__dot",
-            g === t && "gloss-section-dots__dot--current"
+            p === t && "gloss-section-dots__dot--current"
           ].filter(Boolean).join(" "),
-          onClick: () => n(g)
+          onClick: () => a(p)
         },
-        g === s ? `${g}-${o ?? 0}` : g
+        p === s ? `${p}-${o ?? 0}` : p
       ))
     }
   );
 }
-const fa = W.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
-  const r = { ...n };
-  return delete r.className, delete r.style, /* @__PURE__ */ l("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ l(_e, { region: "toolbar", density: e, children: t }) });
+const Dn = V.forwardRef(({ density: e = "compact", children: t, ...a }, n) => {
+  const r = { ...a };
+  return delete r.className, delete r.style, /* @__PURE__ */ l("div", { ref: n, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ l(Re, { region: "toolbar", density: e, children: t }) });
 });
-fa.displayName = "ContainerToolbar";
-const ha = W.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...r }, s) => {
+Dn.displayName = "ContainerToolbar";
+const Nn = V.forwardRef(({ legend: e, description: t, density: a = "default", children: n, ...r }, s) => {
   const o = { ...r };
   return delete o.className, delete o.style, /* @__PURE__ */ O("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
     e && /* @__PURE__ */ l("legend", { className: "gloss-container-form-section__legend", children: e }),
     t && /* @__PURE__ */ l("p", { className: "gloss-container-form-section__description", children: t }),
-    /* @__PURE__ */ l(_e, { region: "form-section", density: n, children: a })
+    /* @__PURE__ */ l(Re, { region: "form-section", density: a, children: n })
   ] });
 });
-ha.displayName = "ContainerFormSection";
-const ba = W.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
-  const r = { ...n };
-  return delete r.className, delete r.style, /* @__PURE__ */ l("div", { ref: a, className: "gloss-container-table", ...r, children: /* @__PURE__ */ l(_e, { region: "table", density: e, children: t }) });
+Nn.displayName = "ContainerFormSection";
+const Cn = V.forwardRef(({ density: e = "compact", children: t, ...a }, n) => {
+  const r = { ...a };
+  return delete r.className, delete r.style, /* @__PURE__ */ l("div", { ref: n, className: "gloss-container-table", ...r, children: /* @__PURE__ */ l(Re, { region: "table", density: e, children: t }) });
 });
-ba.displayName = "ContainerTable";
+Cn.displayName = "ContainerTable";
 export {
-  Bn as Accordion,
-  zn as AccordionContent,
-  Kn as AccordionItem,
-  Gn as AccordionTrigger,
-  Wn as ActionStrip,
-  Hn as Actionable,
-  Vn as AddressGroup,
-  jn as AddressSelect,
-  Un as AsyncLoader,
-  Zn as Autocomplete,
-  Yn as Badge,
-  qn as BarChartCard,
-  Qn as BarsBg,
-  On as BottomToolbar,
-  Xn as Button,
-  Jn as ButtonGroup,
-  er as ButtonGroupContext,
-  tr as Card,
-  ar as CardActions,
-  nr as CardBack,
-  rr as CardBody,
-  sr as CardFooter,
-  or as CardHeader,
-  ir as CardMedia,
-  lr as CardShell,
-  cr as CardSubtitle,
-  dr as CardTitle,
-  En as CascadePreview,
-  ur as ChartControlBar,
-  mr as Checkbox,
-  gr as CheckboxGroup,
-  pr as Chip,
-  fr as ColorPicker,
-  hr as ComparisonCard,
-  br as ContactForm,
-  vr as ContainerCard,
-  yr as ContainerCardActions,
-  wr as ContainerCardBody,
-  Dr as ContainerCardFooter,
-  Nr as ContainerCardHeader,
-  Cr as ContainerCardMedia,
-  _r as ContainerCardSubtitle,
-  kr as ContainerCardTitle,
-  xr as ContainerDialog,
-  Sr as ContainerDialogActions,
-  Mr as ContainerDialogBody,
-  Tr as ContainerDialogHeader,
-  ha as ContainerFormSection,
-  Rr as ContainerPanel,
-  ba as ContainerTable,
-  fa as ContainerToolbar,
-  Ir as CreditCardForm,
-  Pr as DEFAULT_FOOTER_IDS,
+  Ha as Accordion,
+  Va as AccordionContent,
+  ja as AccordionItem,
+  Ua as AccordionTrigger,
+  Za as ActionStrip,
+  Ya as Actionable,
+  qa as AddressGroup,
+  Qa as AddressSelect,
+  Xa as AsyncLoader,
+  Ja as Autocomplete,
+  er as Badge,
+  tr as BarChartCard,
+  nr as BarsBg,
+  za as BottomToolbar,
+  ar as Button,
+  rr as ButtonGroup,
+  sr as ButtonGroupContext,
+  or as Card,
+  ir as CardActions,
+  lr as CardBack,
+  cr as CardBody,
+  dr as CardFooter,
+  ur as CardHeader,
+  mr as CardMedia,
+  gr as CardShell,
+  pr as CardSubtitle,
+  fr as CardTitle,
+  Ba as CascadePreview,
+  hr as ChartControlBar,
+  br as Checkbox,
+  vr as CheckboxGroup,
+  yr as Chip,
+  wr as ColorPicker,
+  Dr as ComparisonCard,
+  Nr as ContactForm,
+  Cr as ContainerCard,
+  _r as ContainerCardActions,
+  kr as ContainerCardBody,
+  xr as ContainerCardFooter,
+  Sr as ContainerCardHeader,
+  Mr as ContainerCardMedia,
+  Tr as ContainerCardSubtitle,
+  Rr as ContainerCardTitle,
+  Ir as ContainerDialog,
+  Pr as ContainerDialogActions,
+  Fr as ContainerDialogBody,
+  Er as ContainerDialogHeader,
+  Nn as ContainerFormSection,
+  Or as ContainerPanel,
+  Cn as ContainerTable,
+  Dn as ContainerToolbar,
+  Ar as CreditCardForm,
+  Lr as DEFAULT_FOOTER_IDS,
   ae as DEFAULT_GRID_INTERACTION_PHYSICS,
-  oi as DEFAULT_MARKET_PRESETS,
-  Fr as DEFAULT_OVERFLOW_IDS,
-  ii as DEFAULT_PINNED,
-  Le as DEFAULT_RESIZE_PHYSICS,
-  Er as DataTable,
-  Or as DatePicker,
-  Ar as DateRangePicker,
-  Lr as DestructiveModal,
-  qt as DevTuningPanel,
-  $r as DirectionCard,
-  Br as Dismissible,
-  zr as DistributionCard,
-  Kr as DonutChart,
-  Pn as DragGhost,
-  Mn as DropAnchorCell,
-  Gr as Dropdown,
-  Wr as ENTITY_FILTER_KEYS,
-  Hr as ENTITY_PROFILE_ROUTES,
-  Vr as ENTITY_TYPE_PLURAL,
-  wt as EdgeHoverHandle,
-  In as EmptyCellPackAffordance,
-  jr as EntityPicker,
-  Ur as EntitySearchPanel,
-  Zr as Expandable,
-  Yr as ExpandableChip,
-  qr as FLIP_AND_STAGE_TIMINGS,
-  Qr as FileUpload,
-  Xr as FilterChip,
-  Jr as FilterInput,
-  es as FlipAndStageProvider,
-  ts as Form,
-  as as FormDialog,
-  ns as FormField,
-  rs as FusedShape,
-  Dt as GhostPreview,
-  ss as GroupCheckbox,
-  os as GroupRadio,
-  Va as HARD_CLIP,
-  is as HighlightCard,
-  ls as HybridDatePicker,
-  cs as ImportWizard,
-  ea as InlineNudge,
-  ds as Input,
-  us as InputAddon,
-  ms as InputGroup,
-  gs as Link,
-  ps as LoginForm,
-  fs as MarketPresetRow,
-  hs as MaskPresets,
-  bs as MaskedInput,
-  vs as Menu,
-  ys as MenuDivider,
-  ws as MenuGroup,
-  Ds as MenuItem,
-  Ns as MergePrompt,
-  Cs as MetricCard,
-  _s as MetricCardGrid,
-  Kt as MetricGroupContainer,
-  ks as MiniCalendar,
-  xs as MultiSelect,
-  Ss as NumberInput,
-  Ms as ObjectArrow,
-  Ts as OrderFilterBar,
-  li as PERIOD_OPTIONS,
-  Tt as PageChip,
-  $e as PageDropdown,
-  Rs as PasswordInput,
-  Is as PaymentForm,
-  Ps as PaymentMethodSelect,
-  Fs as PhoneInput,
-  Es as PinToMetric,
-  oa as PresetSwatchRow,
-  Os as ProfileCard,
-  As as ProgressCard,
-  Ls as QuickConfigPanel,
-  At as RECONFIG_BACKSIDE_LABELS,
-  ci as ROLLING_OPTIONS,
-  $s as Radio,
-  Bs as RadioGroup,
-  zs as RangeSlider,
-  Ks as Rating,
-  Bt as ReconfigBacksideButtons,
-  Gs as RegistrationForm,
-  Sn as ResizeEnvelope,
-  Ws as Row1Controls,
-  Hs as Row2FilterTray,
-  Vs as SearchInput,
-  Rn as SectionDivider,
-  An as SectionDots,
-  js as SegmentCard,
-  Us as SegmentedControl,
-  Zs as Select,
-  Ys as Selectable,
-  qs as SimpleMetricCard,
-  Qs as SimpleSelector,
-  Xs as Skeleton,
-  Js as SkeletonCard,
-  eo as SkeletonChart,
-  to as SkeletonTable,
-  ao as Slider,
-  Fn as SnapOutline,
-  no as Sortable,
-  pa as SortableZones,
-  ro as SparklineBg,
-  Tn as SpilloverArc,
-  so as SplitButton,
-  oo as StackedGroupCard,
-  io as StatusModeCard,
-  yt as StatusSlotChipMenu,
-  lo as Stepper,
-  Ae as SwingReveal,
-  di as TODAY_PRESET,
-  te as TUNING_DEFAULTS,
-  Ge as TUNING_STORAGE_KEY,
-  co as TabGroup,
-  uo as TabbedDataView,
-  mo as TagInput,
-  go as Textarea,
-  na as ThresholdRamp,
-  po as TimeFrame,
-  fo as TimePicker,
-  ho as Toggle,
-  bo as Tooltip,
-  vo as Transition,
-  yo as TransitionGroup,
-  wo as TrendCard,
-  Do as TrendIndicator,
-  ni as UIContext,
-  _e as UIContextProvider,
-  No as UnifiedBreakdownTable,
-  Co as UnifiedContextMenu,
-  Nt as VelocityBuffer,
-  _o as addressGroupMetadata,
-  ko as addressSchema,
-  Ia as allChips,
-  Qa as allStateFixtures,
-  qa as allVariantFixtures,
-  Oa as blockSamples,
-  xo as buildDefaultOverflow,
-  za as cardSamples,
-  Ka as cascadePhysics,
-  $a as chartSamples,
-  La as circleSamples,
-  ja as colorTokens,
-  wn as compactLayout,
-  cn as compactState,
-  Ya as computeGutterAnchorX,
-  So as contactFormMetadata,
-  Mo as contactSchema,
-  dn as contextMenuFixtures,
-  To as creditCardFormMetadata,
-  Ro as creditCardSchema,
-  ft as dateChip,
-  Ke as defaultControlBarState,
-  Io as destructiveModalMetadata,
-  Po as durations,
-  Fo as easings,
-  kt as emptyFixture,
-  gt as entityChip,
-  Ft as entityNameActions,
-  Fa as entityTabGroup,
-  _t as errorFixture,
-  ln as filteredState,
-  ui as findPreset,
-  mi as formatDateRange,
-  gi as formatMarketDates,
-  pi as formatTrend,
-  fi as formatValue,
-  Nn as fullLayout,
-  hi as generateMarketId,
-  Eo as generateTabId,
-  bi as getAllPresets,
-  vi as getDateRangeForPreset,
-  Oo as getMenuActions,
-  Ua as getMotionMode,
-  yi as getPresetLabel,
-  Ao as getTransitionStyle,
-  yn as gridCards,
-  Lo as interpolate,
-  wi as isInRange,
-  Di as isMarketActive,
-  Ni as isSameDay,
-  on as itemColumns,
-  rn as itemRows,
-  Ct as loadingFixture,
-  $o as loginFormMetadata,
-  Bo as loginSchema,
-  ht as manufacturerChip,
-  xn as manyTabs,
-  zo as mergeHandlers,
-  Ko as mergeRefs,
-  Pa as metricTabGroup,
-  _n as mixedTabs,
-  Ci as normalizePresetId,
-  Ot as numericActions,
-  sn as orderColumns,
-  Et as orderIdActions,
-  nn as orderRows,
-  Cn as ordersTabs,
-  Go as parseNumericValue,
-  Wo as paymentFormMetadata,
-  Ho as paymentSchema,
-  Vo as presets,
-  Wa as provisional,
-  Ha as reducedMotion,
-  jo as registrationFormMetadata,
-  Uo as registrationSchema,
-  Ga as rejectionFeedback,
-  mn as sampleCompareRanges,
-  fn as sampleCustomMarkets,
-  un as sampleDateRange,
-  hn as sampleMarketPresetData,
-  pn as sampleMarkets,
-  vn as samplePeriodPresets,
-  gn as samplePreferences,
-  bn as samplePresets,
-  kn as singleTab,
-  Xa as sparklineFixture,
-  Ja as sparklineUpFixture,
-  Mt as staleDonutFixture,
-  xt as staleFixture,
-  St as staleSparklineFixture,
-  en as standardFixture,
-  an as standardFlatFixture,
-  Dn as standardLayout,
-  tn as standardNegativeFixture,
-  pt as statusChip,
-  re as swingReveal,
-  Ba as tableSamples,
-  Aa as textSamples,
-  Ea as timeFrameTabGroup,
-  _i as toUppercasePresetId,
-  Ra as useArrowNavigation,
-  Zo as useCheckboxGroupContext,
-  Za as useEdgeHoverResize,
-  Yo as useFilterLayout,
-  qo as useFlipAndStage,
-  Qo as useFlipAndStageContext,
-  Xo as useFlipAndStageContextOptional,
-  Ta as useFocusReturn,
-  Jo as useFocusTrap,
-  ei as useFormContext,
-  ti as useRadioGroupContext,
-  Ht as useResizeTuning,
-  ca as useSortableZones,
-  ri as useUIContext
+  mi as DEFAULT_MARKET_PRESETS,
+  $r as DEFAULT_OVERFLOW_IDS,
+  gi as DEFAULT_PINNED,
+  Ge as DEFAULT_RESIZE_PHYSICS,
+  Br as DataTable,
+  zr as DatePicker,
+  Kr as DateRangePicker,
+  Wr as DestructiveModal,
+  tn as DevTuningPanel,
+  Gr as DirectionCard,
+  Hr as Dismissible,
+  Vr as DistributionCard,
+  jr as DonutChart,
+  La as DragGhost,
+  Fa as DropAnchorCell,
+  Ur as Dropdown,
+  Zr as ENTITY_FILTER_KEYS,
+  Yr as ENTITY_PROFILE_ROUTES,
+  qr as ENTITY_TYPE_PLURAL,
+  kt as EdgeHoverHandle,
+  Aa as EmptyCellPackAffordance,
+  Qr as EntityPicker,
+  Xr as EntitySearchPanel,
+  Jr as Expandable,
+  es as ExpandableChip,
+  ts as FLIP_AND_STAGE_TIMINGS,
+  ns as FileUpload,
+  as as FilterChip,
+  rs as FilterInput,
+  ss as FlipAndStageProvider,
+  os as Form,
+  is as FormDialog,
+  ls as FormField,
+  cs as FusedShape,
+  xt as GhostPreview,
+  ds as GroupCheckbox,
+  us as GroupRadio,
+  Qn as HARD_CLIP,
+  ms as HighlightCard,
+  gs as HybridDatePicker,
+  ps as ImportWizard,
+  sn as InlineNudge,
+  fs as Input,
+  hs as InputAddon,
+  bs as InputGroup,
+  vs as Link,
+  ys as LoginForm,
+  ws as MarketPresetRow,
+  Ds as MaskPresets,
+  Ns as MaskedInput,
+  Cs as Menu,
+  _s as MenuDivider,
+  ks as MenuGroup,
+  xs as MenuItem,
+  Ss as MergePrompt,
+  Ms as MetricCard,
+  Ts as MetricCardGrid,
+  jt as MetricGroupContainer,
+  Rs as MiniCalendar,
+  Is as MultiSelect,
+  Ps as NumberInput,
+  Fs as ObjectArrow,
+  Es as OrderFilterBar,
+  pi as PERIOD_OPTIONS,
+  Et as PageChip,
+  He as PageDropdown,
+  Os as PasswordInput,
+  As as PaymentForm,
+  Ls as PaymentMethodSelect,
+  $s as PhoneInput,
+  Bs as PinToMetric,
+  mn as PresetSwatchRow,
+  zs as ProfileCard,
+  Ks as ProgressCard,
+  Ws as QuickConfigPanel,
+  Kt as RECONFIG_BACKSIDE_LABELS,
+  fi as ROLLING_OPTIONS,
+  Gs as Radio,
+  Hs as RadioGroup,
+  Vs as RangeSlider,
+  js as Rating,
+  Ht as ReconfigBacksideButtons,
+  Us as RegistrationForm,
+  Pa as ResizeEnvelope,
+  Zs as Row1Controls,
+  Ys as Row2FilterTray,
+  qs as SearchInput,
+  Oa as SectionDivider,
+  Ka as SectionDots,
+  Qs as SegmentCard,
+  Xs as SegmentedControl,
+  Js as Select,
+  eo as Selectable,
+  to as SimpleMetricCard,
+  no as SimpleSelector,
+  ao as Skeleton,
+  ro as SkeletonCard,
+  so as SkeletonChart,
+  oo as SkeletonTable,
+  io as Slider,
+  $a as SnapOutline,
+  lo as Sortable,
+  wn as SortableZones,
+  co as SparklineBg,
+  Ea as SpilloverArc,
+  uo as SplitButton,
+  mo as StackedGroupCard,
+  go as StatusModeCard,
+  _t as StatusSlotChipMenu,
+  po as Stepper,
+  We as SwingReveal,
+  hi as TODAY_PRESET,
+  ne as TUNING_DEFAULTS,
+  Ze as TUNING_STORAGE_KEY,
+  fo as TabGroup,
+  ho as TabbedDataView,
+  bo as TagInput,
+  vo as Textarea,
+  cn as ThresholdRamp,
+  yo as TimeFrame,
+  wo as TimePicker,
+  Do as Toggle,
+  No as Tooltip,
+  Co as Transition,
+  _o as TransitionGroup,
+  ko as TrendCard,
+  xo as TrendIndicator,
+  ci as UIContext,
+  Re as UIContextProvider,
+  So as UnifiedBreakdownTable,
+  Mo as UnifiedContextMenu,
+  St as VelocityBuffer,
+  To as addressGroupMetadata,
+  Ro as addressSchema,
+  Ln as allChips,
+  aa as allStateFixtures,
+  na as allVariantFixtures,
+  Kn as blockSamples,
+  Io as buildDefaultOverflow,
+  jn as cardSamples,
+  Un as cascadePhysics,
+  Hn as chartSamples,
+  Gn as circleSamples,
+  Xn as colorTokens,
+  ka as compactLayout,
+  pa as compactState,
+  ta as computeGutterAnchorX,
+  Po as contactFormMetadata,
+  Fo as contactSchema,
+  fa as contextMenuFixtures,
+  Eo as creditCardFormMetadata,
+  Oo as creditCardSchema,
+  wt as dateChip,
+  Ue as defaultControlBarState,
+  Ao as destructiveModalMetadata,
+  Lo as durations,
+  $o as easings,
+  Rt as emptyFixture,
+  vt as entityChip,
+  $t as entityNameActions,
+  Bn as entityTabGroup,
+  Tt as errorFixture,
+  Bo as evaluateTintCondition,
+  ga as filteredState,
+  bi as findPreset,
+  vi as formatDateRange,
+  yi as formatMarketDates,
+  wi as formatTrend,
+  Di as formatValue,
+  Sa as fullLayout,
+  Ni as generateMarketId,
+  zo as generateTabId,
+  Ci as getAllPresets,
+  _i as getDateRangeForPreset,
+  Ko as getMenuActions,
+  Jn as getMotionMode,
+  ki as getPresetLabel,
+  Wo as getTransitionStyle,
+  _a as gridCards,
+  Go as interpolate,
+  xi as isInRange,
+  Si as isMarketActive,
+  Mi as isSameDay,
+  ma as itemColumns,
+  da as itemRows,
+  Mt as loadingFixture,
+  Ho as loginFormMetadata,
+  Vo as loginSchema,
+  Dt as manufacturerChip,
+  Ia as manyTabs,
+  jo as mergeHandlers,
+  Uo as mergeRefs,
+  $n as metricTabGroup,
+  Ta as mixedTabs,
+  Ti as normalizePresetId,
+  zt as numericActions,
+  ua as orderColumns,
+  Bt as orderIdActions,
+  ca as orderRows,
+  Ma as ordersTabs,
+  Zo as parseNumericValue,
+  Yo as paymentFormMetadata,
+  qo as paymentSchema,
+  Qo as presets,
+  Yn as provisional,
+  qn as reducedMotion,
+  Xo as registrationFormMetadata,
+  Jo as registrationSchema,
+  Zn as rejectionFeedback,
+  ba as sampleCompareRanges,
+  wa as sampleCustomMarkets,
+  ha as sampleDateRange,
+  Da as sampleMarketPresetData,
+  ya as sampleMarkets,
+  Ca as samplePeriodPresets,
+  va as samplePreferences,
+  Na as samplePresets,
+  Ra as singleTab,
+  ra as sparklineFixture,
+  sa as sparklineUpFixture,
+  Ft as staleDonutFixture,
+  It as staleFixture,
+  Pt as staleSparklineFixture,
+  oa as standardFixture,
+  la as standardFlatFixture,
+  xa as standardLayout,
+  ia as standardNegativeFixture,
+  yt as statusChip,
+  de as swingReveal,
+  Vn as tableSamples,
+  Wn as textSamples,
+  zn as timeFrameTabGroup,
+  Ri as toUppercasePresetId,
+  An as useArrowNavigation,
+  ei as useCheckboxGroupContext,
+  ea as useEdgeHoverResize,
+  ti as useFilterLayout,
+  ni as useFlipAndStage,
+  ai as useFlipAndStageContext,
+  ri as useFlipAndStageContextOptional,
+  On as useFocusReturn,
+  si as useFocusTrap,
+  oi as useFormContext,
+  ii as useRadioGroupContext,
+  Yt as useResizeTuning,
+  fn as useSortableZones,
+  di as useUIContext
 };