@mt-gloss/ui 0.1.18 → 0.1.20

package/index.js

@@ -1,19 +1,19 @@
-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 { N as Bn, T as zn, O as Kn, Q as Gn, a3 as Wn, b6 as Hn, az as Vn, ah as jn, Z as Un, an as Zn, K as Yn, a8 as qn, bn as Qn, P as Xn, B as Jn, a as er, y as tr, H as ar, bi as nr, F as rr, J as sr, A as or, z as ir, bh as lr, E as cr, D as dr, bw as ur, b as mr, C as gr, L as pr, o as fr, ad as hr, aN as br, y as vr, H as yr, F as wr, J as Dr, A as Nr, z as Cr, E as _r, D as kr, a$ as xr, b2 as Sr, b1 as Mr, b0 as Tr, b3 as Rr, aC as Ir, a5 as Pr, a4 as Fr, aq as Er, k as Or, m as Ar, aF as Lr, ab as $r, b8 as Br, a9 as zr, bo as Kr, Y as Gr, bG as Wr, bF as Hr, bH as Vr, ap as jr, aQ as Ur, ba as Zr, bL as Yr, bu as qr, n as Qr, am as Xr, bA as Jr, br as es, a0 as ts, ar as as, a2 as ns, bz as rs, G as ss, d as os, aa as is, bI as ls, aT as cs, r as ds, v as us, I as ms, g as gs, aw as ps, bM as fs, M as hs, w as bs, U as vs, X as ys, V as ws, W as Ds, as as Ns, bg as Cs, bO as _s, bK as ks, ao as xs, t as Ss, bp as Ms, aS as Ts, aj as Rs, aK as Is, ag as Ps, al as Fs, au as Es, aR as Os, ac as As, at as Ls, c as $s, R as Bs, j as zs, p as Ks, aH as Gs, bx as Ws, by as Hs, ai as Vs, ae as js, h as Us, x as Zs, b7 as Ys, af as qs, bN as Qs, bc as Xs, bf as Js, bd as eo, be as to, i as ao, b9 as no, bm as ro, S as so, bk as oo, bl as io, av as lo, bb as co, bP as uo, ak as mo, s as go, bJ as po, l as fo, f as ho, q as bo, _ as vo, $ as yo, a7 as wo, bj as Do, bv as No, bC as Co, aA as _o, aB as ko, a6 as xo, aO as So, aP as Mo, aD as To, aE as Ro, aG as Io, aV as Po, aW as Fo, bE as Eo, bD as Oo, aY as Ao, aZ as Lo, ax as $o, ay as Bo, b5 as zo, b4 as Ko, a_ as Go, aL as Wo, aM as Ho, aX as Vo, aI as jo, aJ as Uo, u as Zo, bB as Yo, bq as qo, bs as Qo, bt as Xo, aU as Jo, a1 as ei, e as ti } from "./Expandable-C2MOLRxd.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 { B as st, U as _e } from "./UIContext-C3E-k7HI.js";
+import { a as ni, u as ri } from "./UIContext-C3E-k7HI.js";
 import { createPortal as ot } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as 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 { DEFAULT_MARKET_PRESETS as oi, DEFAULT_PINNED as ii, PERIOD_OPTIONS as li, ROLLING_OPTIONS as ci, TODAY_PRESET as di, findPreset as ui, formatDateRange as mi, formatMarketDates as gi, formatTrend as pi, formatValue as fi, generateMarketId as hi, getAllPresets as bi, getDateRangeForPreset as vi, getPresetLabel as yi, isInRange as wi, isMarketActive as Di, isSameDay as Ni, normalizePresetId as Ci, toUppercasePresetId as _i } from "@mt-gloss/utils";
 import it from "@mui/icons-material/AccessTime";
 import lt from "@mui/icons-material/Tune";
 import ct from "@mui/icons-material/ViewColumn";
 import dt from "@mui/icons-material/AspectRatio";
 import ut from "@mui/icons-material/Palette";
 import mt from "@mui/icons-material/PushPin";
-function Ma(e = {}) {
+function Ta(e = {}) {
   const { enabled: t = !0, returnTo: n } = e, a = T(null);
   return L(() => {
     t && (a.current = n || document.activeElement);
@@ -23,7 +23,7 @@ function Ma(e = {}) {
     }, 0);
   }, [t]), a;
 }
-function Ta(e) {
+function Ra(e) {
   const {
     items: t,
     activeIndex: n,
@@ -39,13 +39,13 @@ function Ta(e) {
       n === void 0 && w(i), a?.(i);
     },
     [n, a]
-  ), h = y(() => t.map((i, b) => ({ item: i, index: b })).filter(({ item: i, index: b }) => !c?.(i, b)).map(({ index: i }) => i), [t, c]), k = y(
+  ), h = y(() => t.map((i, b) => ({ item: i, index: b })).filter(({ item: i, index: b }) => !c?.(i, b)).map(({ index: i }) => i), [t, c]), _ = y(
     (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);
+        return b === 1 ? D.find((k) => k > 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];
     },
@@ -57,22 +57,22 @@ function Ta(e) {
     const i = h();
     i.length > 0 && m(i[i.length - 1]);
   }, [h, m]), I = y(() => {
-    const i = k(u, 1);
+    const i = _(u, 1);
     i !== -1 && m(i);
-  }, [u, k, m]), C = y(() => {
-    const i = k(u, -1);
+  }, [u, _, m]), C = y(() => {
+    const i = _(u, -1);
     i !== -1 && m(i);
-  }, [u, k, m]), M = y(() => {
+  }, [u, _, m]), M = y(() => {
     m(-1);
   }, [m]), R = y(
     (i) => {
       if (!o) return;
-      const { key: b } = i, D = b === "ArrowUp" && (s === "vertical" || s === "both"), x = b === "ArrowDown" && (s === "vertical" || s === "both"), v = b === "ArrowLeft" && (s === "horizontal" || s === "both"), _ = b === "ArrowRight" && (s === "horizontal" || s === "both");
+      const { key: b } = i, D = b === "ArrowUp" && (s === "vertical" || s === "both"), x = b === "ArrowDown" && (s === "vertical" || s === "both"), v = b === "ArrowLeft" && (s === "horizontal" || s === "both"), k = b === "ArrowRight" && (s === "horizontal" || s === "both");
       if (D || v) {
         i.preventDefault(), u === -1 ? S() : C();
         return;
       }
-      if (x || _) {
+      if (x || k) {
         i.preventDefault(), u === -1 ? p() : I();
         return;
       }
@@ -145,18 +145,18 @@ const me = (e) => {
   field: "manufacturer",
   value: "widget-co-456",
   onRemove: me
-}, Ra = [
+}, Ia = [
   gt,
   pt,
   ft,
   ht
-], Ia = {
+], Pa = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, Pa = {
+}, Fa = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -164,7 +164,7 @@ const me = (e) => {
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, Fa = {
+}, Ea = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -172,26 +172,26 @@ const me = (e) => {
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, Ea = [
+}, Oa = [
   { 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 }
-], Oa = [
+], Aa = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], Aa = [
+], La = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], La = [
+], $a = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], $a = [
+], Ba = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], Ba = [
+], za = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
@@ -317,7 +317,7 @@ function yt({
   return ot(u, document.body);
 }
 yt.displayName = "StatusSlotChipMenu";
-const za = {
+const Ka = {
   forwardStaggerMs: 50,
   reverseStaggerMs: 30,
   springStiffness: 380,
@@ -329,18 +329,18 @@ const za = {
   enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
   exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
   translateOffsetPx: 8
-}, Ka = {
+}, Ga = {
   shiverCycles: 3,
   shiverAmplitudePx: 2,
   shiverDurationMs: 180,
   validCellOpacity: 0.6
-}, Ga = {
+}, Wa = {
   materializeMs: 180,
   dematerializeMs: 140,
   easing: "cubic-bezier(0.22, 1, 0.36, 1)",
   dotStrokePx: 2,
   dividerDashGapPx: 4
-}, Wa = {
+}, Ha = {
   cascadeStaggerMs: 0,
   cascadeSpringCapMs: 120,
   swingEnterMs: 100,
@@ -349,7 +349,7 @@ const za = {
   provisionalStyle: "opacity",
   shiverMs: 200,
   shiverStyle: "color-flash"
-}, Ha = !0, Va = {
+}, Va = !0, ja = {
   rejectionFill: "var(--gloss-rejection-fill)",
   rejectionStroke: "var(--gloss-rejection-stroke)",
   validFill: "var(--gloss-valid-fill)",
@@ -357,7 +357,7 @@ const za = {
   validCellStroke: "var(--gloss-valid-cell-stroke)",
   provisionalWash: "var(--gloss-provisional-wash)"
 };
-function ja() {
+function Ua() {
   if (typeof window > "u") return "full";
   try {
     return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
@@ -506,7 +506,7 @@ const Le = {
   // Velocity multiplier (D-03b panel)
   velocityMultiplier: 1
 };
-function Ua({
+function Za({
   currentColSpan: e,
   stackable: t,
   onResize: n,
@@ -522,11 +522,11 @@ function Ua({
   containerRef: u,
   forceIdle: m
 }) {
-  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");
+  const [h, _] = G("idle"), [p, S] = G(e), I = T(null), C = T(null), M = T(null), R = T(null), i = T(r), b = T(s), D = T(w), x = T(0), v = T("idle");
   L(() => {
     v.current = h;
   }, [h]);
-  const _ = nt(0), P = T(null), H = y(() => {
+  const k = nt(0), P = T(null), H = y(() => {
     const N = P.current;
     if (N) {
       try {
@@ -553,15 +553,15 @@ function Ua({
     M.current && (clearTimeout(M.current), M.current = null);
   }, []);
   L(() => {
-    m && (v.current === "dragging" || v.current === "settling" || (V(), A(), Y(), v.current = "idle", k("idle")));
+    m && (v.current === "dragging" || v.current === "settling" || (V(), A(), Y(), v.current = "idle", _("idle")));
   }, [m, V, A, Y]);
-  const _e = y(() => {
-    A(), k((N) => N === "settling" || N !== "idle" ? N : (I.current = setTimeout(() => k("handle-visible"), c), "dwelling"));
+  const ke = y(() => {
+    A(), _((N) => N === "settling" || N !== "idle" ? N : (I.current = setTimeout(() => _("handle-visible"), c), "dwelling"));
   }, [c, A]), xe = y(() => {
     V();
     const N = v.current;
     N !== "dwelling" && N !== "handle-visible" || (C.current = setTimeout(() => {
-      v.current = "idle", k("idle");
+      v.current = "idle", _("idle");
     }, f));
   }, [V, f]), le = y(
     (N, F, E) => {
@@ -589,9 +589,9 @@ function Ua({
       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");
+      x.current = F, j.current.clear(), j.current.push({ x: N.clientX, t: performance.now() }), k.jump(F), v.current = "dragging", _("dragging");
     },
-    [r, s, w, e, _, H]
+    [r, s, w, e, k, H]
   ), Se = y(
     (N) => N * i.current + (N - 1) * b.current,
     []
@@ -599,22 +599,22 @@ function Ua({
     (N, F) => {
       const E = Se(N), B = N !== e;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        _.jump(E), B && F ? n({ direction: F, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), _.jump(0), v.current = "idle", k("idle");
+        k.jump(E), B && F ? n({ direction: F, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), k.jump(0), v.current = "idle", _("idle");
         return;
       }
       const q = j.current.getWeightedVelocity() * $.velocityMultiplier;
-      v.current = "settling", k("settling"), H(), P.current = Re(_, E, {
+      v.current = "settling", _("settling"), H(), P.current = Re(k, E, {
         type: "spring",
         stiffness: $.stiffness,
         damping: $.damping,
         mass: $.mass,
         velocity: q,
         onComplete: () => {
-          P.current = null, B && F ? n({ direction: F, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), _.jump(0), v.current = "idle", k("idle");
+          P.current = null, B && F ? n({ direction: F, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), k.jump(0), v.current = "idle", _("idle");
         }
       });
     },
-    [Se, e, t, n, a, _, $, H]
+    [Se, e, t, n, a, k, $, H]
   ), Ze = y(
     (N) => {
       if (v.current !== "dragging") return;
@@ -628,24 +628,24 @@ function Ua({
     if (V(), v.current === "dragging") {
       const N = x.current;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        _.jump(N), a?.(), _.jump(0), v.current = "idle", k("idle");
+        k.jump(N), a?.(), k.jump(0), v.current = "idle", _("idle");
         return;
       }
       const E = j.current.getWeightedVelocity();
-      v.current = "settling", k("settling"), H(), P.current = Re(_, N, {
+      v.current = "settling", _("settling"), H(), P.current = Re(k, N, {
         type: "spring",
         stiffness: $.stiffness,
         damping: $.damping,
         mass: $.mass,
         velocity: E,
         onComplete: () => {
-          P.current = null, a?.(), _.jump(0), v.current = "idle", k("idle");
+          P.current = null, a?.(), k.jump(0), v.current = "idle", _("idle");
         }
       });
       return;
     }
-    v.current === "handle-visible" && (a?.(), v.current = "cancelled", k("cancelled"));
-  }, [V, _, a, $, H]);
+    v.current === "handle-visible" && (a?.(), v.current = "cancelled", _("cancelled"));
+  }, [V, k, a, $, H]);
   L(() => {
     if (h !== "dragging" && h !== "handle-visible") return;
     const N = (F) => {
@@ -659,18 +659,18 @@ function Ua({
     }
     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);
+      k.set(X);
       const z = i.current, Te = (w - e) * z, ne = (1 - e) * z, Xe = Math.max(ne, Math.min(Te, E));
       j.current.push({ x: F.clientX, t: performance.now() });
       const pe = le(Xe, K.current, e);
       pe !== K.current && (K.current = pe, S(pe));
     };
     return window.addEventListener("pointermove", N), () => window.removeEventListener("pointermove", N);
-  }, [h, e, _, le, w, U]), L(() => () => {
+  }, [h, e, k, le, w, U]), L(() => () => {
     V(), A(), Y();
   }, [V, A, Y]), L(() => {
     if (h !== "cancelled") return;
-    const N = setTimeout(() => k("idle"), g);
+    const N = setTimeout(() => _("idle"), g);
     return () => clearTimeout(N);
   }, [h, g]);
   const Ye = y(
@@ -680,35 +680,35 @@ function Ua({
       if (E === e) return;
       i.current = r, b.current = s, D.current = w, j.current.clear();
       const B = e * r + (e - 1) * s;
-      x.current = B, _.jump(B), ce(E, N);
+      x.current = B, k.jump(B), ce(E, N);
     },
-    [e, r, s, w, _, ce]
+    [e, r, s, w, k, ce]
   ), Me = y(() => {
     Y(), M.current = setTimeout(() => {
-      v.current === "handle-visible" && (v.current = "idle", k("idle"));
+      v.current === "handle-visible" && (v.current = "idle", _("idle"));
     }, 5e3);
   }, [Y]), qe = y(() => {
-    v.current === "idle" && (V(), v.current = "handle-visible", k("handle-visible"), Me());
+    v.current === "idle" && (V(), v.current = "handle-visible", _("handle-visible"), Me());
   }, [V, Me]), Qe = y(() => {
-    Y(), v.current === "handle-visible" && (v.current = "idle", k("idle"));
+    Y(), v.current === "handle-visible" && (v.current = "idle", _("idle"));
   }, [Y]);
   return {
     state: h,
-    enterEdgeZone: _e,
+    enterEdgeZone: ke,
     leaveEdgeZone: xe,
     handleProps: {
       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: _e,
+      onPointerEnter: ke,
       onPointerLeave: xe
     },
     previewColSpan: p,
     ghostProps: {
       visible: h === "dragging" || h === "settling",
       targetColSpan: p,
-      ghostWidth: _,
+      ghostWidth: k,
       enterMs: d,
       exitMs: g
     },
@@ -743,14 +743,14 @@ const ae = {
   sectionDividerFadeOutMs: 80,
   sectionDividerStaggerMs: 40
 };
-function Za(e) {
+function Ya(e) {
   const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: r } = e;
   if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
     return;
   const s = (a + 0.5) * (t / n);
   return r != null && Number.isFinite(r) && r > 0 ? s - r / 2 : s;
 }
-const Ya = [
+const qa = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -858,13 +858,13 @@ const Ya = [
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, kt = {
+}, _t = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, _t = {
+}, kt = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
@@ -899,14 +899,14 @@ const Ya = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, qa = [
+}, Qa = [
   Ct,
-  kt,
   _t,
+  kt,
   xt,
   St,
   Mt
-], Qa = {
+], Xa = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -929,7 +929,7 @@ const Ya = [
     59
   ],
   accentColor: "#6366f1"
-}, Xa = {
+}, Ja = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -968,21 +968,21 @@ const Ya = [
     19
   ],
   accentColor: "#10b981"
-}, Ja = {
+}, en = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, en = {
+}, tn = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, tn = {
+}, an = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -1101,7 +1101,7 @@ const Tt = function({
     u((S) => !S);
   }, []), h = y(() => {
     u(!1);
-  }, []), k = a[t]?.id ?? "";
+  }, []), _ = a[t]?.id ?? "";
   return /* @__PURE__ */ O(
     "div",
     {
@@ -1120,7 +1120,7 @@ const Tt = function({
         /* @__PURE__ */ l(
           "button",
           {
-            className: "gloss-page-chip__trigger",
+            className: `gloss-page-chip__trigger${f === "name" ? " gloss-page-chip__trigger--name" : ""}`,
             "aria-haspopup": "menu",
             "aria-expanded": w,
             "aria-label": f === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
@@ -1142,7 +1142,7 @@ const Tt = function({
             onDismiss: h,
             anchorRef: g,
             pages: a,
-            activePageId: k,
+            activePageId: _,
             onPageChange: r,
             onCreatePage: s,
             onManagePages: o
@@ -1153,7 +1153,7 @@ const Tt = function({
   );
 };
 Tt.displayName = "PageChip";
-const an = [
+const nn = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -1286,7 +1286,7 @@ const an = [
     date: "2026-03-01",
     skuCount: 9
   }
-], nn = [
+], rn = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1429,7 +1429,7 @@ function Be(e) {
 function ze(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), rn = [
+const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), sn = [
   {
     field: "id",
     headerName: "Order",
@@ -1481,7 +1481,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellClassName: "gloss-tabular-nums",
     renderCell: ({ row: e }) => e.date ? ze(e.date) : ""
   }
-], sn = [
+], on = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1577,7 +1577,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
   userType: "sales-agency",
   entityFilterOptions: Rt,
   itemFilterOptions: It
-}, on = {
+}, ln = {
   ...Ke,
   vizState: {
     type: "items",
@@ -1586,7 +1586,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, ln = {
+}, cn = {
   ...Ke,
   vizState: {
     type: "orders",
@@ -1702,14 +1702,14 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], cn = {
+], dn = {
   entityName: Ft,
   orderId: Et,
   numeric: Ot
-}, dn = [
+}, un = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], un = {
+], mn = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1722,7 +1722,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
   ]
-}, mn = {
+}, gn = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1730,7 +1730,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, gn = [
+}, pn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1752,7 +1752,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], pn = [
+], fn = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1769,7 +1769,7 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], fn = [
+], hn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1786,12 +1786,12 @@ const oe = W.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], hn = [
+], bn = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], bn = [
+], vn = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
@@ -1834,27 +1834,27 @@ const Bt = ({
   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 h = f.length - 1, _ = (p) => {
       const S = o.current[p];
       S && S.focus();
     };
     switch (u.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        u.preventDefault(), k(m === h ? 0 : m + 1);
+        u.preventDefault(), _(m === h ? 0 : m + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        u.preventDefault(), k(m === 0 ? h : m - 1);
+        u.preventDefault(), _(m === 0 ? h : m - 1);
         break;
       }
       case "Home": {
-        u.preventDefault(), k(0);
+        u.preventDefault(), _(0);
         break;
       }
       case "End": {
-        u.preventDefault(), k(h);
+        u.preventDefault(), _(h);
         break;
       }
       case "Enter":
@@ -1878,7 +1878,7 @@ const Bt = ({
         "--gloss-reconfig-backside-buttons-transition-duration": g
       },
       children: f.map((u, m) => {
-        const h = Lt[u], k = n === u;
+        const h = Lt[u], _ = n === u;
         return /* @__PURE__ */ O(
           "button",
           {
@@ -1889,9 +1889,9 @@ const Bt = ({
             "data-dimension": u,
             className: Fe(
               "gloss-reconfig-backside-buttons__button",
-              k && "gloss-reconfig-backside-buttons__button--active"
+              _ && "gloss-reconfig-backside-buttons__button--active"
             ),
-            "aria-current": k ? "true" : void 0,
+            "aria-current": _ ? "true" : void 0,
             onClick: () => t(u),
             onKeyDown: (p) => w(p, m),
             children: [
@@ -1938,7 +1938,7 @@ function Ee(e, t) {
     colSpan: 2
   };
 }
-const vn = [
+const yn = [
   Z("total-revenue", "Total Revenue"),
   Z("total-orders", "Total Orders"),
   Ee("revenue-trend", "Revenue Trend (2x)"),
@@ -1949,21 +1949,21 @@ const vn = [
   Z("repeat-rate", "Repeat Rate"),
   Z("open-orders", "Open Orders"),
   Z("shipped-orders", "Shipped Orders")
-], yn = {
+], wn = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, wn = {
+}, Dn = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, Dn = {
+}, Nn = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -1974,7 +1974,7 @@ const vn = [
 function he(e) {
   return W.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const Nn = [
+const Cn = [
   {
     id: "all-orders",
     type: "orders",
@@ -1997,7 +1997,7 @@ const Nn = [
     icon: he("🚚"),
     closable: !0
   }
-], Cn = [
+], _n = [
   {
     id: "orders-main",
     type: "orders",
@@ -2031,7 +2031,7 @@ const Nn = [
     closable: !1,
     autoCreated: !0
   }
-], _n = [
+], xn = [
   { 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 },
@@ -2346,7 +2346,7 @@ function Qt() {
     }
   );
 }
-function xn({
+function Sn({
   state: e,
   originX: t,
   originY: n,
@@ -2362,7 +2362,7 @@ function xn({
   style: u
 }) {
   if (e === "hidden") return null;
-  const m = Math.max(0, r - a), h = Math.max(0, f - c), k = {
+  const m = Math.max(0, r - a), h = Math.max(0, f - c), _ = {
     "--gloss-resize-envelope-enter-ms": `${d}ms`,
     "--gloss-resize-envelope-exit-ms": `${g}ms`,
     "--gloss-resize-envelope-origin-x": `${t - a}px`,
@@ -2379,7 +2379,7 @@ function xn({
       className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, w].filter(Boolean).join(" "),
       "data-state": e,
       "data-testid": "gloss-resize-envelope",
-      style: k,
+      style: _,
       "aria-hidden": "true",
       children: [
         /* @__PURE__ */ l(
@@ -2419,7 +2419,7 @@ function xn({
     }
   );
 }
-function Sn({
+function Mn({
   density: e,
   canAccept: t,
   blocked: n = !1,
@@ -2452,7 +2452,7 @@ 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 Mn({
+function Tn({
   segments: e,
   durationMs: t = ae.spilloverArcDurationMs,
   staggerMs: n = ae.spilloverStaggerMs,
@@ -2483,7 +2483,7 @@ function Mn({
     }
   );
 }
-function Tn({
+function Rn({
   state: e,
   staggerIndex: t = 0,
   fadeInMs: n = ae.sectionDividerFadeInMs,
@@ -2517,7 +2517,7 @@ function Tn({
     }
   );
 }
-function Rn({
+function In({
   enabled: e,
   onPack: t,
   ariaLabel: n = "Pack row (shift cards left)",
@@ -2539,7 +2539,7 @@ function Rn({
     }
   ) });
 }
-function In({
+function Pn({
   tint: e,
   colSpan: t,
   colWidth: n,
@@ -2567,7 +2567,8 @@ function In({
     }
   );
 }
-function Pn({
+const Jt = 3;
+function Fn({
   cell: e,
   colSpan: t,
   colWidth: n,
@@ -2576,7 +2577,7 @@ function Pn({
   transitionMs: s = 120,
   className: o
 }) {
-  const c = t * n + (t - 1) * a, f = e.col * (n + a), d = e.row * (r + a);
+  const c = t * n + (t - 1) * a, d = (e.section * Jt + e.col) * (n + a), g = e.row * (r + a);
   return /* @__PURE__ */ l(
     "div",
     {
@@ -2584,7 +2585,7 @@ function Pn({
       "data-testid": "gloss-snap-outline",
       "aria-hidden": "true",
       style: {
-        transform: `translate(${f}px, ${d}px)`,
+        transform: `translate(${d}px, ${g}px)`,
         width: c,
         height: r,
         transition: `transform ${s}ms cubic-bezier(0.4, 0, 0.2, 1)`
@@ -2592,7 +2593,7 @@ function Pn({
     }
   );
 }
-function Fn({
+function En({
   items: e,
   children: t,
   className: n
@@ -2618,7 +2619,7 @@ const ee = {
   "gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
   "gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
 };
-function Jt({
+function ea({
   message: e,
   primaryAction: t,
   onDismiss: n,
@@ -2679,11 +2680,11 @@ function Jt({
     }
   );
 }
-Jt.displayName = "InlineNudge";
+ea.displayName = "InlineNudge";
 function Ne(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function ea(e, t, n) {
+function ta(e, t, n) {
   if (n <= t) {
     const o = e[0], c = o ? Ne(o) : "#888";
     return `linear-gradient(to right, ${c}, ${c})`;
@@ -2694,10 +2695,10 @@ function ea(e, t, n) {
   });
   return s.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : s.length === 1 ? `linear-gradient(to right, ${s[0]}, ${s[0]})` : `linear-gradient(to right, ${s.join(", ")})`;
 }
-function ta(e) {
+function aa(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function aa({
+function na({
   stops: e,
   onChange: t,
   min: n = 0,
@@ -2710,11 +2711,11 @@ function aa({
   ), 0.01) : r, c = y(
     (i) => Math.round(i / o) * o,
     [o]
-  ), f = T(null), [d, g] = G(null), [w, u] = G(e), m = ta(e), h = T(m);
+  ), f = T(null), [d, g] = G(null), [w, u] = G(e), m = aa(e), h = T(m);
   L(() => {
     h.current !== m && (h.current = m, !d && u(e));
   }, [m, e, d]);
-  const k = ie(() => ea(w, n, a), [w, n, a]), p = y(
+  const _ = ie(() => ta(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);
@@ -2741,11 +2742,11 @@ function aa({
     const i = (D) => {
       const x = p(D.clientX);
       u(
-        (v) => v.map((_) => _.id === d ? { ..._, value: x } : _)
+        (v) => v.map((k) => k.id === d ? { ...k, value: x } : k)
       );
     }, b = (D) => {
       const x = p(D.clientX), v = I.current.map(
-        (_) => _.id === d ? { ..._, value: x } : _
+        (k) => k.id === d ? { ...k, value: x } : k
       );
       u(v), g(null), C.current(v);
     };
@@ -2779,7 +2780,7 @@ function aa({
           return;
       }
       i.preventDefault();
-      const _ = Math.max(n, Math.min(a, v)), P = c(_);
+      const k = Math.max(n, Math.min(a, v)), P = c(k);
       if (P === b.value) return;
       const H = w.map(
         (U) => U.id === b.id ? { ...U, value: P } : U
@@ -2793,7 +2794,7 @@ function aa({
     {
       ref: f,
       className: "gloss-threshold-ramp__track",
-      style: { background: k },
+      style: { background: _ },
       children: w.map((i) => {
         const b = (i.value - n) / M * 100;
         return /* @__PURE__ */ l(
@@ -2822,13 +2823,13 @@ function aa({
     }
   ) });
 }
-aa.displayName = "ThresholdRamp";
+na.displayName = "ThresholdRamp";
 const We = tt(null);
-function na() {
+function ra() {
   return at(We);
 }
-function ra({ option: e }) {
-  const t = na(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = y(() => {
+function sa({ option: e }) {
+  const t = ra(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = y(() => {
     a || t?.select(e.value);
   }, [a, t, e.value]), s = y(
     (d) => {
@@ -2857,7 +2858,7 @@ function ra({ option: e }) {
     }
   );
 }
-function sa({
+function oa({
   swatches: e,
   value: t,
   defaultValue: n,
@@ -2875,7 +2876,7 @@ function sa({
     [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) => {
+  }, []), h = e.filter((C) => !C.disabled && !r), _ = h.find((C) => C.value === d)?.value ?? h[0]?.value, p = y((C) => {
     const M = u.current.get(C);
     M && M.focus();
   }, []), S = y(
@@ -2920,7 +2921,7 @@ function sa({
     groupDisabled: r,
     name: s,
     registerRef: m,
-    firstFocusableValue: k,
+    firstFocusableValue: _,
     onKeyNav: S
   };
   return /* @__PURE__ */ l(We.Provider, { value: I, children: /* @__PURE__ */ l(
@@ -2931,11 +2932,11 @@ function sa({
       "aria-label": s,
       "aria-disabled": r,
       "data-disabled": r || void 0,
-      children: e.map((C) => /* @__PURE__ */ l(ra, { option: C }, C.value))
+      children: e.map((C) => /* @__PURE__ */ l(sa, { option: C }, C.value))
     }
   ) });
 }
-sa.displayName = "PresetSwatchRow";
+oa.displayName = "PresetSwatchRow";
 function Ce(e, t) {
   for (const n of e)
     if (n.items.some((a) => a.id === t))
@@ -2946,14 +2947,14 @@ function Oe(e, t) {
   const n = e.find((a) => a.zoneKey === t);
   return n ? n.zoneKey : Ce(e, t);
 }
-function oa(e, t, n) {
+function ia(e, t, n) {
   const a = [...e], [r] = a.splice(t, 1);
   return a.splice(n, 0, r), a;
 }
-function ia(e) {
+function la(e) {
   return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
 }
-function la(e) {
+function ca(e) {
   const [t, n] = G(
     () => e.zones.map((p) => p.maxItems !== void 0 && p.items.length > p.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
       `useSortableZones: zone "${p.zoneKey}" exceeds maxItems (${p.items.length} > ${p.maxItems}); trimming to cap.`
@@ -2961,7 +2962,7 @@ function la(e) {
   ), [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),
+    () => la(e.zones),
     [e.zones]
   ), g = T(d);
   L(() => {
@@ -3011,14 +3012,14 @@ function la(e) {
       }
       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);
+        const b = i.findIndex((P) => P.zoneKey === M), D = i[b], x = D.items.findIndex((P) => P.id === S.id), v = D.items.findIndex((P) => P.id === I.id), k = v >= 0 ? v : Math.max(0, D.items.length - 1);
         i[b] = {
           ...D,
-          items: oa(D.items, x, _)
+          items: ia(D.items, x, k)
         };
       } else {
-        const b = i.findIndex((A) => A.zoneKey === M), D = i.findIndex((A) => A.zoneKey === R), x = i[b], v = i[D], _ = x.items.find((A) => A.id === S.id);
-        if (!_) {
+        const b = i.findIndex((A) => A.zoneKey === M), D = i.findIndex((A) => A.zoneKey === R), x = i[b], v = i[D], k = x.items.find((A) => A.id === S.id);
+        if (!k) {
           C();
           return;
         }
@@ -3030,7 +3031,7 @@ function la(e) {
         }
         const $ = Math.min(U, K.length), V = [
           ...K.slice(0, $),
-          _,
+          k,
           ...K.slice($)
         ];
         i[b] = { ...x, items: j }, i[D] = { ...v, items: V };
@@ -3044,7 +3045,7 @@ function la(e) {
       "data-zone-key": p
     }),
     []
-  ), k = y(
+  ), _ = y(
     (p) => {
       const S = Ce(t, p.id) ?? "";
       return {
@@ -3060,14 +3061,14 @@ function la(e) {
     activeZone: s,
     activeItem: a,
     getZoneProps: h,
-    getItemProps: k,
+    getItemProps: _,
     handleDragStart: w,
     handleDragOver: u,
     handleDragEnd: m
   };
 }
 let se = null, de = null, be = !1;
-const ca = [
+const da = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -3076,21 +3077,21 @@ const ca = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], da = [
+], ua = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function ua(e, t) {
+function ma(e, t) {
   const n = [], a = e ?? {};
-  for (const s of ca)
+  for (const s of da)
     a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
   const r = t ?? {};
-  for (const s of da)
+  for (const s of ua)
     r[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
   return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
 }
-function ma() {
+function ga() {
   return se ? Promise.resolve(se) : be ? Promise.resolve(null) : de || (de = (async () => {
     try {
       const [e, t, n] = await Promise.all([
@@ -3099,7 +3100,7 @@ function ma() {
         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 = ua(e, t);
+      ]), a = ma(e, t);
       return a.ok ? (se = {
         core: e,
         sortable: t,
@@ -3112,12 +3113,12 @@ function ma() {
     }
   })(), de);
 }
-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);
+function pa(e) {
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: s } = e, o = ca({ zones: t, onZoneChange: n }), [c, f] = W.useState(se);
   return W.useEffect(() => {
     if (c) return;
     let d = !0;
-    return ma().then((g) => {
+    return ga().then((g) => {
       d && f(g);
     }), () => {
       d = !1;
@@ -3136,7 +3137,7 @@ function ga(e) {
     return /* @__PURE__ */ l("div", { ...o.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, g) }, d.zoneKey);
   }) });
 }
-ga.displayName = "SortableZones";
+pa.displayName = "SortableZones";
 function He({
   state: e,
   modules: t,
@@ -3144,7 +3145,7 @@ function He({
   renderItem: a,
   renderDragOverlay: r
 }) {
-  const { core: s, sortable: o, utilities: c } = t, { DndContext: f, DragOverlay: d, useSensors: g, useSensor: w, useDroppable: u, PointerSensor: m, KeyboardSensor: h, closestCenter: k } = s, { SortableContext: p, verticalListSortingStrategy: S } = o, I = g(
+  const { core: s, sortable: o, utilities: c } = t, { DndContext: f, DragOverlay: d, useSensors: g, useSensor: w, useDroppable: u, PointerSensor: m, KeyboardSensor: h, closestCenter: _ } = s, { SortableContext: p, verticalListSortingStrategy: S } = o, I = g(
     w(m, { activationConstraint: { distance: 5 } }),
     w(h)
   ), C = f, M = d, R = p;
@@ -3152,7 +3153,7 @@ function He({
     C,
     {
       sensors: I,
-      collisionDetection: k,
+      collisionDetection: _,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
@@ -3204,7 +3205,7 @@ function je({
   return /* @__PURE__ */ l("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: a });
 }
 je.displayName = "ZoneDroppable";
-function En({
+function On({
   slotLeft: e,
   slotCenter: t,
   slotRight: n,
@@ -3254,7 +3255,7 @@ function En({
     }
   );
 }
-function On({
+function An({
   count: e,
   currentIndex: t,
   onSelect: n,
@@ -3307,324 +3308,324 @@ function On({
     }
   );
 }
-const pa = W.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+const fa = W.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
   const r = { ...n };
-  return delete r.className, delete r.style, /* @__PURE__ */ l("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ l(ke, { 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(_e, { region: "toolbar", density: e, children: t }) });
 });
-pa.displayName = "ContainerToolbar";
-const fa = W.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...r }, s) => {
+fa.displayName = "ContainerToolbar";
+const ha = 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__ */ 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 })
+    /* @__PURE__ */ l(_e, { region: "form-section", density: n, children: a })
   ] });
 });
-fa.displayName = "ContainerFormSection";
-const ha = W.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+ha.displayName = "ContainerFormSection";
+const ba = W.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
   const r = { ...n };
-  return delete r.className, delete r.style, /* @__PURE__ */ l("div", { ref: a, className: "gloss-container-table", ...r, children: /* @__PURE__ */ l(ke, { 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(_e, { region: "table", density: e, children: t }) });
 });
-ha.displayName = "ContainerTable";
+ba.displayName = "ContainerTable";
 export {
-  $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,
+  Bn as Accordion,
+  zn as AccordionContent,
+  Kn as AccordionItem,
+  Gn as AccordionTrigger,
+  Wn as ActionStrip,
+  Hn as Actionable,
+  Vn as AddressGroup,
+  jn as AddressSelect,
+  Un as AsyncLoader,
+  Zn as Autocomplete,
+  Yn as Badge,
+  qn as BarChartCard,
+  Qn as BarsBg,
+  On as BottomToolbar,
+  Xn as Button,
+  Jn as ButtonGroup,
+  er as ButtonGroupContext,
+  tr as Card,
+  ar as CardActions,
+  nr as CardBack,
+  rr as CardBody,
+  sr as CardFooter,
+  or as CardHeader,
+  ir as CardMedia,
+  lr as CardShell,
+  cr as CardSubtitle,
+  dr as CardTitle,
+  En as CascadePreview,
+  ur as ChartControlBar,
+  mr as Checkbox,
+  gr as CheckboxGroup,
+  pr as Chip,
+  fr as ColorPicker,
+  hr as ComparisonCard,
+  br as ContactForm,
+  vr as ContainerCard,
+  yr as ContainerCardActions,
+  wr as ContainerCardBody,
+  Dr as ContainerCardFooter,
+  Nr as ContainerCardHeader,
+  Cr as ContainerCardMedia,
+  _r as ContainerCardSubtitle,
   kr as ContainerCardTitle,
-  _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,
+  xr as ContainerDialog,
+  Sr as ContainerDialogActions,
+  Mr as ContainerDialogBody,
+  Tr as ContainerDialogHeader,
+  ha as ContainerFormSection,
+  Rr as ContainerPanel,
+  ba as ContainerTable,
+  fa as ContainerToolbar,
+  Ir as CreditCardForm,
+  Pr as DEFAULT_FOOTER_IDS,
   ae as DEFAULT_GRID_INTERACTION_PHYSICS,
-  si as DEFAULT_MARKET_PRESETS,
-  Pr as DEFAULT_OVERFLOW_IDS,
-  oi as DEFAULT_PINNED,
+  oi as DEFAULT_MARKET_PRESETS,
+  Fr as DEFAULT_OVERFLOW_IDS,
+  ii as DEFAULT_PINNED,
   Le as DEFAULT_RESIZE_PHYSICS,
-  Fr as DataTable,
-  Er as DatePicker,
-  Or as DateRangePicker,
-  Ar as DestructiveModal,
+  Er as DataTable,
+  Or as DatePicker,
+  Ar as DateRangePicker,
+  Lr 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,
+  $r as DirectionCard,
+  Br as Dismissible,
+  zr as DistributionCard,
+  Kr as DonutChart,
+  Pn as DragGhost,
+  Mn as DropAnchorCell,
+  Gr as Dropdown,
+  Wr as ENTITY_FILTER_KEYS,
+  Hr as ENTITY_PROFILE_ROUTES,
+  Vr as ENTITY_TYPE_PLURAL,
   wt as EdgeHoverHandle,
-  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,
+  In as EmptyCellPackAffordance,
+  jr as EntityPicker,
+  Ur as EntitySearchPanel,
+  Zr as Expandable,
+  Yr as ExpandableChip,
+  qr as FLIP_AND_STAGE_TIMINGS,
+  Qr as FileUpload,
+  Xr as FilterChip,
+  Jr as FilterInput,
+  es as FlipAndStageProvider,
+  ts as Form,
+  as as FormDialog,
+  ns as FormField,
+  rs as FusedShape,
   Dt as GhostPreview,
-  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,
+  ss as GroupCheckbox,
+  os as GroupRadio,
+  Va as HARD_CLIP,
+  is as HighlightCard,
+  ls as HybridDatePicker,
+  cs as ImportWizard,
+  ea as InlineNudge,
+  ds as Input,
+  us as InputAddon,
+  ms as InputGroup,
+  gs as Link,
+  ps as LoginForm,
+  fs as MarketPresetRow,
+  hs as MaskPresets,
+  bs as MaskedInput,
+  vs as Menu,
+  ys as MenuDivider,
+  ws as MenuGroup,
+  Ds as MenuItem,
+  Ns as MergePrompt,
+  Cs as MetricCard,
+  _s as MetricCardGrid,
   Kt as MetricGroupContainer,
   ks as MiniCalendar,
-  _s as MultiSelect,
-  xs as NumberInput,
-  Ss as ObjectArrow,
-  Ms as OrderFilterBar,
-  ii as PERIOD_OPTIONS,
+  xs as MultiSelect,
+  Ss as NumberInput,
+  Ms as ObjectArrow,
+  Ts as OrderFilterBar,
+  li 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,
+  Rs as PasswordInput,
+  Is as PaymentForm,
+  Ps as PaymentMethodSelect,
+  Fs as PhoneInput,
+  Es as PinToMetric,
+  oa as PresetSwatchRow,
+  Os as ProfileCard,
+  As as ProgressCard,
+  Ls as QuickConfigPanel,
   At as RECONFIG_BACKSIDE_LABELS,
-  li as ROLLING_OPTIONS,
-  Ls as Radio,
-  $s as RadioGroup,
-  Bs as RangeSlider,
-  zs as Rating,
+  ci as ROLLING_OPTIONS,
+  $s as Radio,
+  Bs as RadioGroup,
+  zs as RangeSlider,
+  Ks 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,
+  Gs as RegistrationForm,
+  Sn as ResizeEnvelope,
+  Ws as Row1Controls,
+  Hs as Row2FilterTray,
+  Vs as SearchInput,
+  Rn as SectionDivider,
+  An as SectionDots,
+  js as SegmentCard,
+  Us as SegmentedControl,
+  Zs as Select,
+  Ys as Selectable,
+  qs as SimpleMetricCard,
+  Qs as SimpleSelector,
+  Xs as Skeleton,
+  Js as SkeletonCard,
+  eo as SkeletonChart,
+  to as SkeletonTable,
+  ao as Slider,
+  Fn as SnapOutline,
+  no as Sortable,
+  pa as SortableZones,
+  ro as SparklineBg,
+  Tn as SpilloverArc,
+  so as SplitButton,
+  oo as StackedGroupCard,
+  io as StatusModeCard,
   yt as StatusSlotChipMenu,
-  io as Stepper,
+  lo as Stepper,
   Ae as SwingReveal,
-  ci as TODAY_PRESET,
+  di 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,
+  co as TabGroup,
+  uo as TabbedDataView,
+  mo as TagInput,
+  go as Textarea,
+  na as ThresholdRamp,
+  po as TimeFrame,
+  fo as TimePicker,
+  ho as Toggle,
+  bo as Tooltip,
+  vo as Transition,
+  yo as TransitionGroup,
+  wo as TrendCard,
+  Do as TrendIndicator,
+  ni as UIContext,
+  _e as UIContextProvider,
+  No as UnifiedBreakdownTable,
+  Co as UnifiedContextMenu,
   Nt as VelocityBuffer,
-  Co as addressGroupMetadata,
+  _o 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,
+  Ia as allChips,
+  Qa as allStateFixtures,
+  qa as allVariantFixtures,
+  Oa as blockSamples,
+  xo as buildDefaultOverflow,
+  za as cardSamples,
+  Ka as cascadePhysics,
+  $a as chartSamples,
+  La as circleSamples,
+  ja as colorTokens,
+  wn as compactLayout,
+  cn as compactState,
+  Ya as computeGutterAnchorX,
+  So as contactFormMetadata,
+  Mo as contactSchema,
+  dn as contextMenuFixtures,
+  To as creditCardFormMetadata,
+  Ro as creditCardSchema,
   ft as dateChip,
   Ke as defaultControlBarState,
-  Ro as destructiveModalMetadata,
-  Io as durations,
-  Po as easings,
-  _t as emptyFixture,
+  Io as destructiveModalMetadata,
+  Po as durations,
+  Fo as easings,
+  kt 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,
+  Fa as entityTabGroup,
+  _t as errorFixture,
+  ln as filteredState,
+  ui as findPreset,
+  mi as formatDateRange,
+  gi as formatMarketDates,
+  pi as formatTrend,
+  fi as formatValue,
+  Nn as fullLayout,
+  hi as generateMarketId,
+  Eo as generateTabId,
+  bi as getAllPresets,
+  vi as getDateRangeForPreset,
+  Oo as getMenuActions,
+  Ua as getMotionMode,
+  yi as getPresetLabel,
+  Ao as getTransitionStyle,
+  yn as gridCards,
+  Lo as interpolate,
+  wi as isInRange,
+  Di as isMarketActive,
+  Ni as isSameDay,
+  on as itemColumns,
+  rn as itemRows,
   Ct as loadingFixture,
-  Lo as loginFormMetadata,
-  $o as loginSchema,
+  $o as loginFormMetadata,
+  Bo as loginSchema,
   ht as manufacturerChip,
-  _n as manyTabs,
-  Bo as mergeHandlers,
-  zo as mergeRefs,
-  Ia as metricTabGroup,
-  Cn as mixedTabs,
-  Ni as normalizePresetId,
+  xn as manyTabs,
+  zo as mergeHandlers,
+  Ko as mergeRefs,
+  Pa as metricTabGroup,
+  _n as mixedTabs,
+  Ci as normalizePresetId,
   Ot as numericActions,
-  rn as orderColumns,
+  sn 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,
+  nn as orderRows,
+  Cn as ordersTabs,
+  Go as parseNumericValue,
+  Wo as paymentFormMetadata,
+  Ho as paymentSchema,
+  Vo as presets,
+  Wa as provisional,
+  Ha as reducedMotion,
+  jo as registrationFormMetadata,
+  Uo as registrationSchema,
+  Ga as rejectionFeedback,
+  mn as sampleCompareRanges,
+  fn as sampleCustomMarkets,
+  un as sampleDateRange,
+  hn as sampleMarketPresetData,
+  pn as sampleMarkets,
+  vn as samplePeriodPresets,
+  gn as samplePreferences,
+  bn as samplePresets,
   kn as singleTab,
-  Qa as sparklineFixture,
-  Xa as sparklineUpFixture,
+  Xa as sparklineFixture,
+  Ja as sparklineUpFixture,
   Mt as staleDonutFixture,
   xt as staleFixture,
   St as staleSparklineFixture,
-  Ja as standardFixture,
-  tn as standardFlatFixture,
-  wn as standardLayout,
-  en as standardNegativeFixture,
+  en as standardFixture,
+  an as standardFlatFixture,
+  Dn as standardLayout,
+  tn 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,
+  Ba as tableSamples,
+  Aa as textSamples,
+  Ea as timeFrameTabGroup,
+  _i as toUppercasePresetId,
+  Ra as useArrowNavigation,
+  Zo as useCheckboxGroupContext,
+  Za as useEdgeHoverResize,
+  Yo as useFilterLayout,
+  qo as useFlipAndStage,
+  Qo as useFlipAndStageContext,
+  Xo as useFlipAndStageContextOptional,
+  Ta as useFocusReturn,
+  Jo as useFocusTrap,
+  ei as useFormContext,
+  ti as useRadioGroupContext,
   Ht as useResizeTuning,
-  la as useSortableZones,
-  ni as useUIContext
+  ca as useSortableZones,
+  ri as useUIContext
 };