@mt-gloss/ui 0.1.15 → 0.1.17

package/index.js

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