@mt-gloss/ui 0.0.23 → 0.0.25

package/index.js

@@ -1,11 +1,17 @@
-import { N as oa, T as sa, O as ia, Q as la, a3 as da, b6 as ca, az as ua, ah as ma, Z as pa, an as ga, K as ba, a8 as fa, bo as ha, P as va, B as ya, a as Ca, y as Da, H as wa, bi as Na, F as Sa, J as ka, A as xa, z as Ta, bh as Ia, E as Ra, D as _a, bx as Ma, b as Pa, C as Fa, L as Ea, o as Oa, ad as Aa, aN as La, y as $a, H as Ba, F as Ka, J as Ha, A as Ga, z as za, E as Va, D as Za, a$ as Wa, b2 as Ya, b1 as Ua, b0 as qa, b3 as ja, aC as Qa, a5 as Xa, a4 as Ja, aq as er, k as tr, m as ar, aF as rr, ab as nr, b8 as or, a9 as sr, bp as ir, Y as lr, bH as dr, bG as cr, bI as ur, ap as mr, aQ as pr, ba as gr, bM as br, bv as fr, n as hr, am as vr, bB as yr, bs as Cr, a0 as Dr, ar as wr, a2 as Nr, bA as Sr, G as kr, d as xr, aa as Tr, bJ as Ir, aT as Rr, r as _r, v as Mr, I as Pr, g as Fr, aw as Er, bN as Or, M as Ar, w as Lr, U as $r, X as Br, V as Kr, W as Hr, as as Gr, bg as zr, bP as Vr, bL as Zr, ao as Wr, t as Yr, bq as Ur, aS as qr, aj as jr, aK as Qr, ag as Xr, al as Jr, au as en, aR as tn, ac as an, at as rn, c as nn, R as on, j as sn, p as ln, aH as dn, by as cn, bz as un, ai as mn, ae as pn, h as gn, x as bn, b7 as fn, af as hn, bO as vn, bc as yn, bf as Cn, bd as Dn, be as wn, i as Nn, b9 as Sn, bn as kn, S as xn, bk as Tn, bl as In, av as Rn, bb as _n, bQ as Mn, ak as Pn, s as Fn, bK as En, l as On, f as An, q as Ln, _ as $n, $ as Bn, a7 as Kn, bj as Hn, bw as Gn, bD as zn, aA as Vn, aB as Zn, a6 as Wn, aO as Yn, aP as Un, aD as qn, aE as jn, aG as Qn, aV as Xn, aW as Jn, bF as eo, bE as to, aY as ao, aZ as ro, ax as no, ay as oo, b5 as so, b4 as io, a_ as lo, aL as co, aM as uo, aX as mo, aI as po, aJ as go, u as bo, bC as fo, br as ho, bt as vo, bu as yo, aU as Co, a1 as Do, e as wo, bm as No } from "./Expandable-BYdvJg3S.js";
-import { jsxs as A, jsx as g } from "react/jsx-runtime";
-import F, { useRef as M, useEffect as P, useState as O, useCallback as y, forwardRef as he, useMemo as ie, createContext as ve, useContext as ye } from "react";
-import { B as Ce, U as ee } from "./UIContext-C3E-k7HI.js";
-import { a as ko, u as xo } from "./UIContext-C3E-k7HI.js";
+import { N as Na, T as Sa, O as ka, Q as xa, a3 as Ta, b6 as Ia, az as Ra, ah as _a, Z as Ma, an as Pa, K as Fa, a8 as Ea, bo as Oa, P as Aa, B as La, a as $a, y as Ba, H as Ka, bi as Ga, F as Ha, J as za, A as Va, z as Wa, bh as Za, E as Ua, D as Ya, bx as qa, b as ja, C as Qa, L as Xa, o as Ja, ad as en, aN as tn, y as an, H as nn, F as rn, J as on, A as sn, z as ln, E as dn, D as cn, a$ as un, b2 as mn, b1 as pn, b0 as gn, b3 as bn, aC as fn, a5 as hn, a4 as vn, aq as yn, k as wn, m as Cn, aF as Dn, ab as Nn, b8 as Sn, a9 as kn, bp as xn, Y as Tn, bH as In, bG as Rn, bI as _n, ap as Mn, aQ as Pn, ba as Fn, bM as En, bv as On, n as An, am as Ln, bB as $n, bs as Bn, a0 as Kn, ar as Gn, a2 as Hn, bA as zn, G as Vn, d as Wn, aa as Zn, bJ as Un, aT as Yn, r as qn, v as jn, I as Qn, g as Xn, aw as Jn, bN as er, M as tr, w as ar, U as nr, X as rr, V as or, W as sr, as as ir, bg as lr, bP as dr, bL as cr, ao as ur, t as mr, bq as pr, aS as gr, aj as br, aK as fr, ag as hr, al as vr, au as yr, aR as wr, ac as Cr, at as Dr, c as Nr, R as Sr, j as kr, p as xr, aH as Tr, by as Ir, bz as Rr, ai as _r, ae as Mr, h as Pr, x as Fr, b7 as Er, af as Or, bO as Ar, bc as Lr, bf as $r, bd as Br, be as Kr, i as Gr, b9 as Hr, bn as zr, S as Vr, bk as Wr, bl as Zr, av as Ur, bb as Yr, bQ as qr, ak as jr, s as Qr, bK as Xr, l as Jr, f as eo, q as to, _ as ao, $ as no, a7 as ro, bj as oo, bw as so, bD as io, aA as lo, aB as co, a6 as uo, aO as mo, aP as po, aD as go, aE as bo, aG as fo, aV as ho, aW as vo, bF as yo, bE as wo, aY as Co, aZ as Do, ax as No, ay as So, b5 as ko, b4 as xo, a_ as To, aL as Io, aM as Ro, aX as _o, aI as Mo, aJ as Po, u as Fo, bC as Eo, br as Oo, bt as Ao, bu as Lo, aU as $o, a1 as Bo, e as Ko, bm as Go } from "./Expandable-CeOXiCY7.js";
+import { jsxs as O, jsx as g } from "react/jsx-runtime";
+import F, { useRef as M, useEffect as P, useState as E, useCallback as y, forwardRef as ve, useMemo as ee, createContext as ye, useContext as we } from "react";
+import { B as Ce, U as te } from "./UIContext-C3E-k7HI.js";
+import { a as zo, u as Vo } from "./UIContext-C3E-k7HI.js";
 import { createPortal as De } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as Io, DEFAULT_PINNED as Ro, PERIOD_OPTIONS as _o, ROLLING_OPTIONS as Mo, TODAY_PRESET as Po, findPreset as Fo, formatDateRange as Eo, formatMarketDates as Oo, formatTrend as Ao, formatValue as Lo, generateMarketId as $o, getAllPresets as Bo, getDateRangeForPreset as Ko, getPresetLabel as Ho, isInRange as Go, isMarketActive as zo, isSameDay as Vo, normalizePresetId as Zo, toUppercasePresetId as Wo } from "@mt-gloss/utils";
-function gt(e = {}) {
+import { DEFAULT_MARKET_PRESETS as Zo, DEFAULT_PINNED as Uo, PERIOD_OPTIONS as Yo, ROLLING_OPTIONS as qo, TODAY_PRESET as jo, findPreset as Qo, formatDateRange as Xo, formatMarketDates as Jo, formatTrend as es, formatValue as ts, generateMarketId as as, getAllPresets as ns, getDateRangeForPreset as rs, getPresetLabel as os, isInRange as ss, isMarketActive as is, isSameDay as ls, normalizePresetId as ds, toUppercasePresetId as cs } from "@mt-gloss/utils";
+import Ne from "@mui/icons-material/AccessTime";
+import Se from "@mui/icons-material/Tune";
+import ke from "@mui/icons-material/ViewColumn";
+import xe from "@mui/icons-material/AspectRatio";
+import Te from "@mui/icons-material/Palette";
+import Ie from "@mui/icons-material/PushPin";
+function Mt(e = {}) {
   const { enabled: t = !0, returnTo: n } = e, a = M(null);
   return P(() => {
     t && (a.current = n || document.activeElement);
@@ -15,140 +21,140 @@ function gt(e = {}) {
     }, 0);
   }, [t]), a;
 }
-function bt(e) {
+function Pt(e) {
   const {
     items: t,
     activeIndex: n,
     onActiveIndexChange: a,
     loop: o = !0,
     orientation: s = "vertical",
-    enabled: i = !0,
-    isItemDisabled: l,
-    onSelect: f,
-    onEscape: d
-  } = e, [w, N] = O(-1), u = n !== void 0 ? n : w, m = y(
+    enabled: l = !0,
+    isItemDisabled: c,
+    onSelect: b,
+    onEscape: u
+  } = e, [w, C] = E(-1), i = n !== void 0 ? n : w, d = y(
     (r) => {
-      n === void 0 && N(r), a?.(r);
+      n === void 0 && C(r), a?.(r);
     },
     [n, a]
-  ), S = y(() => t.map((r, c) => ({ item: r, index: c })).filter(({ item: r, index: c }) => !l?.(r, c)).map(({ index: r }) => r), [t, l]), R = y(
-    (r, c) => {
-      const b = S();
-      if (b.length === 0) return -1;
-      const C = b.indexOf(r);
-      if (C === -1)
-        return c === 1 ? b.find((I) => I > r) ?? (o ? b[0] : -1) : [...b].reverse().find((_) => _ < r) ?? (o ? b[b.length - 1] : -1);
-      let D = C + c;
-      return o ? D = (D + b.length) % b.length : D = Math.max(0, Math.min(b.length - 1, D)), b[D];
+  ), S = y(() => t.map((r, p) => ({ item: r, index: p })).filter(({ item: r, index: p }) => !c?.(r, p)).map(({ index: r }) => r), [t, c]), k = y(
+    (r, p) => {
+      const f = S();
+      if (f.length === 0) return -1;
+      const D = f.indexOf(r);
+      if (D === -1)
+        return p === 1 ? f.find((R) => R > r) ?? (o ? f[0] : -1) : [...f].reverse().find((_) => _ < r) ?? (o ? f[f.length - 1] : -1);
+      let N = D + p;
+      return o ? N = (N + f.length) % f.length : N = Math.max(0, Math.min(f.length - 1, N)), f[N];
     },
     [S, o]
-  ), p = y(() => {
+  ), m = y(() => {
     const r = S();
-    r.length > 0 && m(r[0]);
-  }, [S, m]), x = y(() => {
+    r.length > 0 && d(r[0]);
+  }, [S, d]), x = y(() => {
     const r = S();
-    r.length > 0 && m(r[r.length - 1]);
-  }, [S, m]), T = y(() => {
-    const r = R(u, 1);
-    r !== -1 && m(r);
-  }, [u, R, m]), v = y(() => {
-    const r = R(u, -1);
-    r !== -1 && m(r);
-  }, [u, R, m]), k = y(() => {
-    m(-1);
-  }, [m]), h = y(
+    r.length > 0 && d(r[r.length - 1]);
+  }, [S, d]), I = y(() => {
+    const r = k(i, 1);
+    r !== -1 && d(r);
+  }, [i, k, d]), v = y(() => {
+    const r = k(i, -1);
+    r !== -1 && d(r);
+  }, [i, k, d]), T = y(() => {
+    d(-1);
+  }, [d]), h = y(
     (r) => {
-      if (!i) return;
-      const { key: c } = r, b = c === "ArrowUp" && (s === "vertical" || s === "both"), C = c === "ArrowDown" && (s === "vertical" || s === "both"), D = c === "ArrowLeft" && (s === "horizontal" || s === "both"), I = c === "ArrowRight" && (s === "horizontal" || s === "both");
-      if (b || D) {
-        r.preventDefault(), u === -1 ? x() : v();
+      if (!l) return;
+      const { key: p } = r, f = p === "ArrowUp" && (s === "vertical" || s === "both"), D = p === "ArrowDown" && (s === "vertical" || s === "both"), N = p === "ArrowLeft" && (s === "horizontal" || s === "both"), R = p === "ArrowRight" && (s === "horizontal" || s === "both");
+      if (f || N) {
+        r.preventDefault(), i === -1 ? x() : v();
         return;
       }
-      if (C || I) {
-        r.preventDefault(), u === -1 ? p() : T();
+      if (D || R) {
+        r.preventDefault(), i === -1 ? m() : I();
         return;
       }
-      if (c === "Home") {
-        r.preventDefault(), p();
+      if (p === "Home") {
+        r.preventDefault(), m();
         return;
       }
-      if (c === "End") {
+      if (p === "End") {
         r.preventDefault(), x();
         return;
       }
-      if ((c === "Enter" || c === " ") && u >= 0 && u < t.length) {
+      if ((p === "Enter" || p === " ") && i >= 0 && i < t.length) {
         r.preventDefault();
-        const _ = t[u];
-        l?.(_, u) || f?.(_, u);
+        const _ = t[i];
+        c?.(_, i) || b?.(_, i);
         return;
       }
-      if (c === "Escape") {
-        d?.();
+      if (p === "Escape") {
+        u?.();
         return;
       }
     },
     [
-      i,
+      l,
       s,
-      u,
+      i,
       t,
-      p,
+      m,
       x,
-      T,
+      I,
       v,
-      l,
-      f,
-      d
+      c,
+      b,
+      u
     ]
   );
   return {
-    focusedIndex: u,
-    setFocusedIndex: m,
+    focusedIndex: i,
+    setFocusedIndex: d,
     handleKeyDown: h,
-    focusFirst: p,
+    focusFirst: m,
     focusLast: x,
-    focusNext: T,
+    focusNext: I,
     focusPrevious: v,
-    resetFocus: k
+    resetFocus: T
   };
 }
-const Z = (e) => {
-}, we = {
+const W = (e) => {
+}, Re = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
-  onRemove: Z
-}, Ne = {
+  onRemove: W
+}, _e = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
-  onRemove: Z
-}, Se = {
+  onRemove: W
+}, Me = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
-  onRemove: Z
-}, ke = {
+  onRemove: W
+}, Pe = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
-  onRemove: Z
-}, ft = [
-  we,
-  Ne,
-  Se,
-  ke
-], ht = {
+  onRemove: W
+}, Ft = [
+  Re,
+  _e,
+  Me,
+  Pe
+], Et = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, vt = {
+}, Ot = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -156,7 +162,7 @@ const Z = (e) => {
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, yt = {
+}, At = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -164,26 +170,26 @@ const Z = (e) => {
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, Ct = [
+}, Lt = [
   { 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 }
-], Dt = [
+], $t = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], wt = [
+], Bt = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], Nt = [
+], Kt = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], St = [
+], Gt = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], kt = [
+], Ht = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
@@ -213,50 +219,50 @@ const Z = (e) => {
   width: "100%",
   textAlign: "left",
   border: "none"
-}), xe = (e) => ({
+}), Fe = (e) => ({
   ...q(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), Te = {
+}), Ee = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function Ie({
+function Oe({
   open: e,
   anchorEl: t,
   statusId: n,
   onOpenInTable: a,
   onShowOnGraph: o,
   overflowActions: s,
-  onClose: i
+  onClose: l
 }) {
-  const [l, f] = O(null), d = M(null), w = y(() => {
+  const [c, b] = E(null), u = M(null), w = y(() => {
     if (!t) return { ...re, top: 0, left: 0 };
-    const m = t.getBoundingClientRect();
+    const d = t.getBoundingClientRect();
     return {
       ...re,
-      top: m.bottom + 4,
-      left: m.left
+      top: d.bottom + 4,
+      left: d.left
     };
   }, [t]);
   if (P(() => {
     if (!e) return;
-    const m = (S) => {
-      S.key === "Escape" && i();
+    const d = (S) => {
+      S.key === "Escape" && l();
     };
-    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-  }, [e, i]), P(() => {
+    return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+  }, [e, l]), P(() => {
     if (!e) return;
-    const m = (S) => {
-      d.current && !d.current.contains(S.target) && i();
+    const d = (S) => {
+      u.current && !u.current.contains(S.target) && l();
     };
-    return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
-  }, [e, i]), !e) return null;
-  const N = s && s.length > 0, u = /* @__PURE__ */ A(
+    return document.addEventListener("pointerdown", d, !0), () => document.removeEventListener("pointerdown", d, !0);
+  }, [e, l]), !e) return null;
+  const C = s && s.length > 0, i = /* @__PURE__ */ O(
     "div",
     {
-      ref: d,
+      ref: u,
       "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
@@ -266,11 +272,11 @@ function Ie({
           "button",
           {
             role: "menuitem",
-            style: xe(l === "__primary"),
-            onMouseEnter: () => f("__primary"),
-            onMouseLeave: () => f(null),
+            style: Fe(c === "__primary"),
+            onMouseEnter: () => b("__primary"),
+            onMouseLeave: () => b(null),
             onClick: () => {
-              a(n), i();
+              a(n), l();
             },
             children: "Open in table"
           }
@@ -279,75 +285,75 @@ function Ie({
           "button",
           {
             role: "menuitem",
-            style: q(l === "__graph"),
-            onMouseEnter: () => f("__graph"),
-            onMouseLeave: () => f(null),
+            style: q(c === "__graph"),
+            onMouseEnter: () => b("__graph"),
+            onMouseLeave: () => b(null),
             onClick: () => {
-              o(n), i();
+              o(n), l();
             },
             children: "Show on graph"
           }
         ),
-        N && /* @__PURE__ */ g("div", { style: Te }),
-        N && s?.map((m) => /* @__PURE__ */ g(
+        C && /* @__PURE__ */ g("div", { style: Ee }),
+        C && s?.map((d) => /* @__PURE__ */ g(
           "button",
           {
             role: "menuitem",
-            style: q(l === m.id),
-            onMouseEnter: () => f(m.id),
-            onMouseLeave: () => f(null),
+            style: q(c === d.id),
+            onMouseEnter: () => b(d.id),
+            onMouseLeave: () => b(null),
             onClick: () => {
-              m.onSelect(n), i();
+              d.onSelect(n), l();
             },
-            children: m.label
+            children: d.label
           },
-          m.id
+          d.id
         ))
       ]
     }
   );
-  return De(u, document.body);
+  return De(i, document.body);
 }
-Ie.displayName = "StatusSlotChipMenu";
-const Re = he(
-  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: o, onPointerLeave: s, edge: i = "right", ariaLabel: l = "Resize card" }, f) {
-    const d = t === "handle-visible" || t === "dragging", w = (u) => {
+Oe.displayName = "StatusSlotChipMenu";
+const Ae = ve(
+  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: o, onPointerLeave: s, edge: l = "right", ariaLabel: c = "Resize card" }, b) {
+    const u = t === "handle-visible" || t === "dragging", w = (i) => {
       try {
-        u.currentTarget.setPointerCapture(u.pointerId);
+        i.currentTarget.setPointerCapture(i.pointerId);
       } catch {
       }
-      n(u);
-    }, N = (u) => {
+      n(i);
+    }, C = (i) => {
       try {
-        u.currentTarget.hasPointerCapture?.(u.pointerId) && u.currentTarget.releasePointerCapture(u.pointerId);
+        i.currentTarget.hasPointerCapture?.(i.pointerId) && i.currentTarget.releasePointerCapture(i.pointerId);
       } catch {
       }
-      a(u);
+      a(i);
     };
     return /* @__PURE__ */ g(
       "button",
       {
-        ref: f,
+        ref: b,
         type: "button",
-        "aria-label": l,
-        "data-edge": i,
+        "aria-label": c,
+        "data-edge": l,
         "data-resize-state": t,
         className: [
           "gloss-edge-handle",
-          `gloss-edge-handle--${i}`,
-          d ? "gloss-edge-handle--visible" : ""
+          `gloss-edge-handle--${l}`,
+          u ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
         onPointerDown: w,
-        onPointerUp: N,
+        onPointerUp: C,
         onPointerEnter: o,
         onPointerLeave: s,
-        tabIndex: d ? 0 : -1
+        tabIndex: u ? 0 : -1
       }
     );
   }
 );
-Re.displayName = "EdgeHoverHandle";
-function _e({
+Ae.displayName = "EdgeHoverHandle";
+function Le({
   visible: e,
   targetColSpan: t,
   enterMs: n = 180,
@@ -367,87 +373,94 @@ function _e({
     }
   );
 }
-_e.displayName = "GhostPreview";
-function xt({
+Le.displayName = "GhostPreview";
+function zt({
   currentColSpan: e,
   stackable: t,
   onResize: n,
   onCancel: a,
   dwellMs: o = 120,
   enterMs: s = 180,
-  exitMs: i = 120
+  exitMs: l = 120
 }) {
-  const [l, f] = O("idle"), [d, w] = O(e), N = M(null), u = M(null), m = M("idle");
+  const [c, b] = E("idle"), [u, w] = E(e), C = M(null), i = M(null), d = M("idle");
   P(() => {
-    m.current = l;
-  }, [l]);
-  const S = 180, R = y(() => {
-    N.current && (clearTimeout(N.current), N.current = null);
-  }, []), p = y(() => {
-    f((h) => h !== "idle" ? h : (N.current = setTimeout(() => f("handle-visible"), o), "dwelling"));
+    d.current = c;
+  }, [c]);
+  const S = 180, k = y(() => {
+    C.current && (clearTimeout(C.current), C.current = null);
+  }, []), m = y(() => {
+    b((h) => h !== "idle" ? h : (C.current = setTimeout(() => b("handle-visible"), o), "dwelling"));
   }, [o]), x = y(() => {
-    R(), f((h) => h === "dwelling" || h === "handle-visible" ? "idle" : h);
-  }, [R]), T = y(
+    k(), b((h) => h === "dwelling" || h === "handle-visible" ? "idle" : h);
+  }, [k]), I = y(
     (h) => {
-      m.current === "handle-visible" && (u.current = h.clientX, m.current = "dragging", f("dragging"));
+      d.current === "handle-visible" && (i.current = h.clientX, d.current = "dragging", b("dragging"));
     },
     []
   ), v = y(
     (h) => {
-      if (m.current !== "dragging") return;
-      const r = h.clientX - (u.current ?? h.clientX), c = Math.round(r / S), b = Math.min(3, Math.max(1, e + c)), C = b !== e;
-      if (f(C ? "committed" : "cancelled"), C) {
-        const D = b > e ? "grow" : "shrink";
-        n({ direction: D, targetColSpan: b, mode: t ? "slot-fill" : "sparkline-fidelity" });
+      if (d.current !== "dragging") return;
+      const r = h.clientX - (i.current ?? h.clientX), p = Math.round(r / S), f = Math.min(3, Math.max(1, e + p)), D = f !== e;
+      if (b(D ? "committed" : "cancelled"), D) {
+        const N = f > e ? "grow" : "shrink";
+        n({ direction: N, targetColSpan: f, mode: t ? "slot-fill" : "sparkline-fidelity" });
       } else
         a?.();
     },
     [e, t, n, a]
-  ), k = y(() => {
-    R(), f((h) => h === "dragging" || h === "handle-visible" ? (a?.(), "cancelled") : h);
-  }, [R, a]);
+  ), T = y(() => {
+    k(), b((h) => h === "dragging" || h === "handle-visible" ? (a?.(), "cancelled") : h);
+  }, [k, a]);
   return P(() => {
-    if (l !== "dragging" && l !== "handle-visible") return;
+    if (c !== "dragging" && c !== "handle-visible") return;
     const h = (r) => {
-      r.key === "Escape" && k();
+      r.key === "Escape" && T();
     };
     return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
-  }, [l, k]), P(() => {
-    if (l !== "dragging") {
+  }, [c, T]), P(() => {
+    if (c !== "dragging") {
       w(e);
       return;
     }
     const h = (r) => {
-      const c = r.clientX - (u.current ?? r.clientX), b = Math.round(c / S), C = Math.min(3, Math.max(1, e + b));
-      w((D) => D === C ? D : C);
+      const p = r.clientX - (i.current ?? r.clientX), f = Math.round(p / S), D = Math.min(3, Math.max(1, e + f));
+      w((N) => N === D ? N : D);
     };
     return window.addEventListener("pointermove", h), () => window.removeEventListener("pointermove", h);
-  }, [l, e]), P(() => () => R(), [R]), P(() => {
-    if (l !== "committed" && l !== "cancelled") return;
-    const h = setTimeout(() => f("idle"), i);
+  }, [c, e]), P(() => () => k(), [k]), P(() => {
+    if (c !== "committed" && c !== "cancelled") return;
+    const h = setTimeout(() => b("idle"), l);
     return () => clearTimeout(h);
-  }, [l, i]), {
-    state: l,
-    enterEdgeZone: p,
+  }, [c, l]), {
+    state: c,
+    enterEdgeZone: m,
     leaveEdgeZone: x,
     handleProps: {
-      onPointerDown: T,
+      onPointerDown: I,
       onPointerUp: v,
       // Bug E: handle continues zone presence so pointer crossing sentinel→handle
       // doesn't collapse state. handle's pointerenter = stay in zone.
-      onPointerEnter: p,
+      onPointerEnter: m,
       onPointerLeave: x
     },
-    previewColSpan: d,
+    previewColSpan: u,
     ghostProps: {
-      visible: l === "dragging",
-      targetColSpan: d,
+      visible: c === "dragging",
+      targetColSpan: u,
       enterMs: s,
-      exitMs: i
+      exitMs: l
     }
   };
 }
-const Tt = [
+function Vt(e) {
+  const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: o } = 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 o != null && Number.isFinite(o) && o > 0 ? s - o / 2 : s;
+}
+const Wt = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -551,24 +564,24 @@ const Tt = [
       { value: 9, color: "#6b7280", label: "Other" }
     ]
   }
-], Me = {
+], $e = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, Pe = {
+}, Be = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, Fe = {
+}, Ke = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, Ee = {
+}, Ge = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -576,7 +589,7 @@ const Tt = [
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, Oe = {
+}, He = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -585,7 +598,7 @@ const Tt = [
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, Ae = {
+}, ze = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -596,14 +609,14 @@ const Tt = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, It = [
-  Me,
-  Pe,
-  Fe,
-  Ee,
-  Oe,
-  Ae
-], Rt = {
+}, Zt = [
+  $e,
+  Be,
+  Ke,
+  Ge,
+  He,
+  ze
+], Ut = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -626,7 +639,7 @@ const Tt = [
     59
   ],
   accentColor: "#6366f1"
-}, _t = {
+}, Yt = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -665,21 +678,21 @@ const Tt = [
     19
   ],
   accentColor: "#10b981"
-}, Mt = {
+}, qt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, Pt = {
+}, jt = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, Ft = {
+}, Qt = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -687,32 +700,32 @@ const Tt = [
   trend: { value: 0, direction: "flat" },
   subtitle: "QTD"
 };
-function le({
+function de({
   open: e,
   onDismiss: t,
   anchorRef: n,
   pages: a,
   activePageId: o,
   onPageChange: s,
-  onCreatePage: i,
-  onManagePages: l
+  onCreatePage: l,
+  onManagePages: c
 }) {
-  const f = y(
-    (u) => {
-      s(u), t();
+  const b = y(
+    (i) => {
+      s(i), t();
     },
     [s, t]
-  ), d = y(
-    (u, m) => {
-      (m.key === "Enter" || m.key === " ") && (m.preventDefault(), f(u));
+  ), u = y(
+    (i, d) => {
+      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), b(i));
     },
-    [f]
+    [b]
   ), w = y(() => {
-    i(), t();
-  }, [i, t]), N = y(() => {
     l(), t();
-  }, [l, t]);
-  return /* @__PURE__ */ A(
+  }, [l, t]), C = y(() => {
+    c(), t();
+  }, [c, t]);
+  return /* @__PURE__ */ O(
     Ce,
     {
       definition: {
@@ -726,36 +739,36 @@ function le({
       anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ g("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
-          const m = u.id === o;
-          return /* @__PURE__ */ A(
+        /* @__PURE__ */ g("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((i) => {
+          const d = i.id === o;
+          return /* @__PURE__ */ O(
             "li",
             {
               role: "menuitemradio",
-              "aria-checked": m,
-              "aria-current": m ? "page" : void 0,
+              "aria-checked": d,
+              "aria-current": d ? "page" : void 0,
               tabIndex: 0,
-              className: `gloss-page-dropdown__item${m ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => f(u.id),
-              onKeyDown: (S) => d(u.id, S),
+              className: `gloss-page-dropdown__item${d ? " gloss-page-dropdown__item--active" : ""}`,
+              onClick: () => b(i.id),
+              onKeyDown: (S) => u(i.id, S),
               children: [
                 /* @__PURE__ */ g(
                   "span",
                   {
-                    className: `gloss-page-dropdown__dot${m ? " gloss-page-dropdown__dot--active" : ""}`
+                    className: `gloss-page-dropdown__dot${d ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
                 /* @__PURE__ */ g(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: u.name
+                    className: `gloss-page-dropdown__name${i.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: i.name
                   }
                 ),
-                /* @__PURE__ */ g("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
+                /* @__PURE__ */ g("span", { className: "gloss-page-dropdown__count", children: i.cardCount })
               ]
             },
-            u.id
+            i.id
           );
         }) }),
         /* @__PURE__ */ g("hr", { className: "gloss-page-dropdown__separator" }),
@@ -774,7 +787,7 @@ function le({
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
-            onClick: N,
+            onClick: C,
             children: "Manage pages"
           }
         )
@@ -782,26 +795,26 @@ function le({
     }
   );
 }
-le.displayName = "PageDropdown";
-const Le = function({
+de.displayName = "PageDropdown";
+const Ve = function({
   currentIndex: t,
   total: n,
   pages: a,
   onPageChange: o,
   onCreatePage: s,
-  onManagePages: i,
-  maskRadius: l = "var(--gloss-radius-md)"
+  onManagePages: l,
+  maskRadius: c = "var(--gloss-radius-md)"
 }) {
-  const f = M(null), [d, w] = O(!1), N = y(() => {
+  const b = M(null), [u, w] = E(!1), C = y(() => {
     w((S) => !S);
-  }, []), u = y(() => {
+  }, []), i = y(() => {
     w(!1);
-  }, []), m = a[t]?.id ?? "";
-  return /* @__PURE__ */ A(
+  }, []), d = a[t]?.id ?? "";
+  return /* @__PURE__ */ O(
     "div",
     {
       className: "gloss-page-chip",
-      ref: f,
+      ref: b,
       style: { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
@@ -809,17 +822,17 @@ const Le = function({
           "div",
           {
             className: "gloss-page-chip__nuzzle",
-            style: { "--_nuzzle-r": l }
+            style: { "--_nuzzle-r": c }
           }
         ),
-        /* @__PURE__ */ A(
+        /* @__PURE__ */ O(
           "button",
           {
             className: "gloss-page-chip__trigger",
             "aria-haspopup": "menu",
-            "aria-expanded": d,
+            "aria-expanded": u,
             "aria-label": `Page ${t + 1} of ${n}. Click to switch pages.`,
-            onClick: N,
+            onClick: C,
             children: [
               t + 1,
               " / ",
@@ -828,24 +841,24 @@ const Le = function({
           }
         ),
         /* @__PURE__ */ g(
-          le,
+          de,
           {
-            open: d,
-            onDismiss: u,
-            anchorRef: f,
+            open: u,
+            onDismiss: i,
+            anchorRef: b,
             pages: a,
-            activePageId: m,
+            activePageId: d,
             onPageChange: o,
             onCreatePage: s,
-            onManagePages: i
+            onManagePages: l
           }
         )
       ]
     }
   );
 };
-Le.displayName = "PageChip";
-const Et = [
+Ve.displayName = "PageChip";
+const Xt = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -978,7 +991,7 @@ const Et = [
     date: "2026-03-01",
     skuCount: 9
   }
-], Ot = [
+], Jt = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1115,13 +1128,13 @@ const Et = [
 function j(e) {
   return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
-function de(e) {
+function ce(e) {
   return e.toLocaleString("en-US");
 }
-function ce(e) {
+function ue(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const z = F.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), At = [
+const z = F.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), ea = [
   {
     field: "id",
     headerName: "Order",
@@ -1151,7 +1164,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.skuCount ? de(e.skuCount) : z
+    renderCell: ({ row: e }) => e.skuCount ? ce(e.skuCount) : z
   },
   {
     field: "total",
@@ -1171,9 +1184,9 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.date ? ce(e.date) : ""
+    renderCell: ({ row: e }) => e.date ? ue(e.date) : ""
   }
-], Lt = [
+], ta = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1215,7 +1228,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.quantity ? de(e.quantity) : z
+    renderCell: ({ row: e }) => e.quantity ? ce(e.quantity) : z
   },
   {
     field: "total",
@@ -1235,24 +1248,24 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.lastDate ? ce(e.lastDate) : ""
+    renderCell: ({ row: e }) => e.lastDate ? ue(e.lastDate) : ""
   }
-], $e = [
+], We = [
   { 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" }
-], Be = [
+], Ze = [
   { 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" }
-], W = (e) => {
-}, Ke = (e) => {
-}, ne = (e, t) => {
-}, ue = {
+], Z = (e) => {
+}, Ue = (e) => {
+}, oe = (e, t) => {
+}, me = {
   vizState: {
     type: "orders",
     quant: "$",
@@ -1260,17 +1273,17 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: null, name: null },
     timeFrame: "MTD"
   },
-  onTypeChange: W,
-  onQuantChange: Ke,
-  onEntityTypeChange: W,
-  onEntitySelect: ne,
-  onItemSelect: ne,
-  onTimeFrameChange: W,
+  onTypeChange: Z,
+  onQuantChange: Ue,
+  onEntityTypeChange: Z,
+  onEntitySelect: oe,
+  onItemSelect: oe,
+  onTimeFrameChange: Z,
   userType: "sales-agency",
-  entityFilterOptions: $e,
-  itemFilterOptions: Be
-}, $t = {
-  ...ue,
+  entityFilterOptions: We,
+  itemFilterOptions: Ze
+}, aa = {
+  ...me,
   vizState: {
     type: "items",
     quant: "$",
@@ -1278,8 +1291,8 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, Bt = {
-  ...ue,
+}, na = {
+  ...me,
   vizState: {
     type: "orders",
     quant: "#",
@@ -1291,7 +1304,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, He = [
+}, Ye = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1337,7 +1350,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     routeKey: "customer.profile",
     subtitle: "Opens in RepTime"
   }
-], Ge = [
+], qe = [
   {
     id: "order-items",
     label: "Items in Order",
@@ -1366,7 +1379,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], ze = [
+], je = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1394,14 +1407,14 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], Kt = {
-  entityName: He,
-  orderId: Ge,
-  numeric: ze
-}, Ht = [
+], ra = {
+  entityName: Ye,
+  orderId: qe,
+  numeric: je
+}, oa = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], Gt = {
+], sa = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1414,7 +1427,7 @@ const z = F.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)
   ]
-}, zt = {
+}, ia = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1422,7 +1435,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, Vt = [
+}, la = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1444,7 +1457,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], Zt = [
+], da = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1461,7 +1474,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], Wt = [
+], ca = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1478,17 +1491,132 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], Yt = [
+], ua = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], Ut = [
+], ma = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-];
+], Qe = {
+  timeframe: "Time Frame",
+  threshold: "Thresholds",
+  slots: "Slots",
+  size: "Size",
+  color: "Color",
+  pinned: "Pinned"
+}, Xe = {
+  timeframe: Ne,
+  threshold: Se,
+  slots: ke,
+  size: xe,
+  color: Te,
+  pinned: Ie
+};
+function se(...e) {
+  return e.filter(Boolean).join(" ");
+}
+function Je() {
+  const [e, t] = E(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+  return P(() => {
+    if (typeof window > "u" || typeof window.matchMedia != "function") return;
+    const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (o) => t(o.matches);
+    return typeof n.addEventListener == "function" ? (n.addEventListener("change", a), () => n.removeEventListener("change", a)) : (n.addListener?.(a), () => {
+      n.removeListener?.(a);
+    });
+  }, []), e;
+}
+const et = ({
+  dimensions: e,
+  onDimensionSelect: t,
+  activeDimension: n,
+  ariaCardTypeLabel: a,
+  className: o
+}) => {
+  const s = M(null), l = M([]), c = Je(), b = ee(() => Array.from(e), [e]);
+  if (b.length === 0) return null;
+  const u = a ? `Configure ${a}: choose a dimension` : void 0, w = c ? "10ms" : "200ms", C = (i, d) => {
+    const S = b.length - 1, k = (m) => {
+      const x = l.current[m];
+      x && x.focus();
+    };
+    switch (i.key) {
+      case "ArrowRight":
+      case "ArrowDown": {
+        i.preventDefault(), k(d === S ? 0 : d + 1);
+        break;
+      }
+      case "ArrowLeft":
+      case "ArrowUp": {
+        i.preventDefault(), k(d === 0 ? S : d - 1);
+        break;
+      }
+      case "Home": {
+        i.preventDefault(), k(0);
+        break;
+      }
+      case "End": {
+        i.preventDefault(), k(S);
+        break;
+      }
+      case "Enter":
+      case " ": {
+        i.preventDefault(), t(b[d]);
+        break;
+      }
+    }
+  };
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      ref: s,
+      role: "group",
+      "aria-label": u,
+      className: se("gloss-reconfig-backside-buttons", o),
+      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": w
+      },
+      children: b.map((i, d) => {
+        const S = Xe[i], k = n === i;
+        return /* @__PURE__ */ O(
+          "button",
+          {
+            ref: (m) => {
+              l.current[d] = m;
+            },
+            type: "button",
+            "data-dimension": i,
+            className: se(
+              "gloss-reconfig-backside-buttons__button",
+              k && "gloss-reconfig-backside-buttons__button--active"
+            ),
+            "aria-current": k ? "true" : void 0,
+            onClick: () => t(i),
+            onKeyDown: (m) => C(m, d),
+            children: [
+              /* @__PURE__ */ g(
+                S,
+                {
+                  className: "gloss-reconfig-backside-buttons__button-icon",
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ g("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Qe[i] })
+            ]
+          },
+          i
+        );
+      })
+    }
+  );
+};
+et.displayName = "ReconfigBacksideButtons";
 function L(e, t) {
   return {
     id: e,
@@ -1509,38 +1637,38 @@ function L(e, t) {
     }, t)
   };
 }
-function oe(e, t) {
+function ie(e, t) {
   return {
     ...L(e, t),
     colSpan: 2
   };
 }
-const qt = [
+const pa = [
   L("total-revenue", "Total Revenue"),
   L("total-orders", "Total Orders"),
-  oe("revenue-trend", "Revenue Trend (2x)"),
+  ie("revenue-trend", "Revenue Trend (2x)"),
   L("avg-order", "Avg Order Value"),
   L("new-customers", "New Customers"),
   L("top-salesperson", "Top Salesperson"),
-  oe("order-trend", "Order Trend (2x)"),
+  ie("order-trend", "Order Trend (2x)"),
   L("repeat-rate", "Repeat Rate"),
   L("open-orders", "Open Orders"),
   L("shipped-orders", "Shipped Orders")
-], jt = {
+], ga = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, Qt = {
+}, ba = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, Xt = {
+}, fa = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -1548,15 +1676,15 @@ const qt = [
   currentPage: 0,
   totalPages: 3
 };
-function Y(e) {
+function U(e) {
   return F.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const Jt = [
+const ha = [
   {
     id: "all-orders",
     type: "orders",
     name: "All Orders",
-    icon: Y("📋"),
+    icon: U("📋"),
     closable: !1,
     autoCreated: !0
   },
@@ -1564,17 +1692,17 @@ const Jt = [
     id: "open-orders",
     type: "orders",
     name: "Open Orders",
-    icon: Y("📦"),
+    icon: U("📦"),
     closable: !0
   },
   {
     id: "shipped-orders",
     type: "orders",
     name: "Shipped Orders",
-    icon: Y("🚚"),
+    icon: U("🚚"),
     closable: !0
   }
-], ea = [
+], va = [
   {
     id: "orders-main",
     type: "orders",
@@ -1600,7 +1728,7 @@ const Jt = [
     name: "Customers",
     closable: !0
   }
-], ta = [
+], ya = [
   {
     id: "only-tab",
     type: "orders",
@@ -1608,7 +1736,7 @@ const Jt = [
     closable: !1,
     autoCreated: !0
   }
-], aa = [
+], wa = [
   { 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 },
@@ -1631,7 +1759,7 @@ function Q(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function Ve(e) {
+function tt(e) {
   let t = 0;
   for (const a of e) {
     const o = Q(a.size), s = a.gridPosition.col + o.cols - 1;
@@ -1639,7 +1767,7 @@ function Ve(e) {
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const Ze = function(t) {
+const at = function(t) {
   if (t.renderMode === "discrete")
     return /* @__PURE__ */ g(
       "div",
@@ -1664,7 +1792,7 @@ const Ze = function(t) {
       }
     );
   const { cards: n, composite: a } = t;
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ O(
     "div",
     {
       className: "gloss-metric-group gloss-metric-group--composite",
@@ -1690,7 +1818,7 @@ const Ze = function(t) {
             style: { background: a.accentColor }
           }
         ),
-        a?.label && /* @__PURE__ */ A("div", { className: "gloss-metric-group__label", children: [
+        a?.label && /* @__PURE__ */ O("div", { className: "gloss-metric-group__label", children: [
           /* @__PURE__ */ g("span", { children: a.label }),
           a?.trend && /* @__PURE__ */ g(
             "span",
@@ -1708,7 +1836,7 @@ const Ze = function(t) {
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: Ve(n)
+              gridTemplateColumns: tt(n)
             },
             children: n.map((o) => {
               const s = Q(o.size);
@@ -1731,7 +1859,7 @@ const Ze = function(t) {
     }
   );
 };
-Ze.displayName = "MetricGroupContainer";
+at.displayName = "MetricGroupContainer";
 const B = {
   "gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
   "gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
@@ -1740,14 +1868,14 @@ const B = {
   "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 We({
+function nt({
   message: e,
   primaryAction: t,
   onDismiss: n,
   anchorEl: a,
   anchorSelector: o
 }) {
-  const [s, i] = F.useState(null), l = F.useMemo(
+  const [s, l] = F.useState(null), c = F.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
@@ -1756,27 +1884,27 @@ function We({
       "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
     );
   }, [a, o]), F.useLayoutEffect(() => {
-    let d = null;
-    if (a ? d = a : o && (d = document.querySelector(o)), d) {
-      const w = d.getBoundingClientRect();
-      i({
+    let u = null;
+    if (a ? u = a : o && (u = document.querySelector(o)), u) {
+      const w = u.getBoundingClientRect();
+      l({
         top: w.bottom + window.scrollY + 6,
         left: w.left + window.scrollX
       });
     }
   }, [a, o]);
-  const f = s ? { top: s.top, left: s.left } : {};
-  return /* @__PURE__ */ A(
+  const b = s ? { top: s.top, left: s.left } : {};
+  return /* @__PURE__ */ O(
     "div",
     {
       className: B["gloss-inline-nudge"],
-      style: f,
+      style: b,
       role: "status",
       "aria-live": "polite",
-      "data-reduced-motion": l ? "true" : void 0,
+      "data-reduced-motion": c ? "true" : void 0,
       children: [
         /* @__PURE__ */ g("span", { className: B["gloss-inline-nudge__message"], children: e }),
-        /* @__PURE__ */ A("div", { className: B["gloss-inline-nudge__actions"], children: [
+        /* @__PURE__ */ O("div", { className: B["gloss-inline-nudge__actions"], children: [
           /* @__PURE__ */ g(
             "button",
             {
@@ -1801,25 +1929,25 @@ function We({
     }
   );
 }
-We.displayName = "InlineNudge";
+nt.displayName = "InlineNudge";
 function X(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function Ye(e, t, n) {
+function rt(e, t, n) {
   if (n <= t) {
-    const i = e[0], l = i ? X(i) : "#888";
-    return `linear-gradient(to right, ${l}, ${l})`;
+    const l = e[0], c = l ? X(l) : "#888";
+    return `linear-gradient(to right, ${c}, ${c})`;
   }
-  const a = n - t, s = [...e].sort((i, l) => i.value - l.value).map((i) => {
-    const l = (i.value - t) / a * 100;
-    return `${X(i)} ${l.toFixed(2)}%`;
+  const a = n - t, s = [...e].sort((l, c) => l.value - c.value).map((l) => {
+    const c = (l.value - t) / a * 100;
+    return `${X(l)} ${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 Ue(e) {
+function ot(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function qe({
+function st({
   stops: e,
   onChange: t,
   min: n = 0,
@@ -1827,22 +1955,22 @@ function qe({
   step: o,
   disabled: s = !1
 }) {
-  const i = o === void 0 ? 0.01 : !Number.isFinite(o) || o <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
+  const l = o === void 0 ? 0.01 : !Number.isFinite(o) || o <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
     `ThresholdRamp: step (${o}) must be a positive finite number; falling back to 0.01.`
-  ), 0.01) : o, l = y(
-    (r) => Math.round(r / i) * i,
-    [i]
-  ), f = M(null), [d, w] = O(null), [N, u] = O(e), m = Ue(e), S = M(m);
+  ), 0.01) : o, c = y(
+    (r) => Math.round(r / l) * l,
+    [l]
+  ), b = M(null), [u, w] = E(null), [C, i] = E(e), d = ot(e), S = M(d);
   P(() => {
-    S.current !== m && (S.current = m, !d && u(e));
-  }, [m, e, d]);
-  const R = ie(() => Ye(N, n, a), [N, n, a]), p = y(
+    S.current !== d && (S.current = d, !u && i(e));
+  }, [d, e, u]);
+  const k = ee(() => rt(C, n, a), [C, n, a]), m = y(
     (r) => {
-      if (!f.current) return n;
-      const c = f.current.getBoundingClientRect(), b = c.width || 1, C = Math.max(0, Math.min(1, (r - c.left) / b)), D = n + C * (a - n);
-      return l(D);
+      if (!b.current) return n;
+      const p = b.current.getBoundingClientRect(), f = p.width || 1, D = Math.max(0, Math.min(1, (r - p.left) / f)), N = n + D * (a - n);
+      return c(N);
     },
-    [n, a, l]
+    [n, a, c]
   );
   P(() => {
     a <= n && process.env.NODE_ENV !== "production" && console.warn(
@@ -1850,86 +1978,86 @@ function qe({
     );
   }, [n, a]);
   const x = y(
-    (r, c) => {
-      const b = N.find((C) => C.id === c);
-      s || b?.disabled || (r.preventDefault(), w(c));
+    (r, p) => {
+      const f = C.find((D) => D.id === p);
+      s || f?.disabled || (r.preventDefault(), w(p));
     },
-    [s, N]
-  ), T = M(N);
-  T.current = N;
+    [s, C]
+  ), I = M(C);
+  I.current = C;
   const v = M(t);
   v.current = t, P(() => {
-    if (!d) return;
-    const r = (b) => {
-      const C = p(b.clientX);
-      u(
-        (D) => D.map((I) => I.id === d ? { ...I, value: C } : I)
+    if (!u) return;
+    const r = (f) => {
+      const D = m(f.clientX);
+      i(
+        (N) => N.map((R) => R.id === u ? { ...R, value: D } : R)
       );
-    }, c = (b) => {
-      const C = p(b.clientX), D = T.current.map(
-        (I) => I.id === d ? { ...I, value: C } : I
+    }, p = (f) => {
+      const D = m(f.clientX), N = I.current.map(
+        (R) => R.id === u ? { ...R, value: D } : R
       );
-      u(D), w(null), v.current(D);
+      i(N), w(null), v.current(N);
     };
-    return window.addEventListener("pointermove", r), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c), () => {
-      window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c);
+    return window.addEventListener("pointermove", r), window.addEventListener("pointerup", p), window.addEventListener("pointercancel", p), () => {
+      window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", p), window.removeEventListener("pointercancel", p);
     };
-  }, [d, p]);
-  const k = a - n > 0 ? a - n : 1, h = y(
-    (r, c) => {
-      if (s || c.disabled) return;
-      const b = a - n;
-      if (b <= 0) return;
-      const C = r.shiftKey ? b / 20 : b / 100;
-      let D = c.value;
+  }, [u, m]);
+  const T = a - n > 0 ? a - n : 1, h = y(
+    (r, p) => {
+      if (s || p.disabled) return;
+      const f = a - n;
+      if (f <= 0) return;
+      const D = r.shiftKey ? f / 20 : f / 100;
+      let N = p.value;
       switch (r.key) {
         case "ArrowRight":
         case "ArrowUp":
-          D = c.value + C;
+          N = p.value + D;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          D = c.value - C;
+          N = p.value - D;
           break;
         case "Home":
-          D = n;
+          N = n;
           break;
         case "End":
-          D = a;
+          N = a;
           break;
         default:
           return;
       }
       r.preventDefault();
-      const I = Math.max(n, Math.min(a, D)), _ = l(I);
-      if (_ === c.value) return;
-      const K = N.map(
-        (H) => H.id === c.id ? { ...H, value: _ } : H
+      const R = Math.max(n, Math.min(a, N)), _ = c(R);
+      if (_ === p.value) return;
+      const K = C.map(
+        (G) => G.id === p.id ? { ...G, value: _ } : G
       );
-      u(K), t(K);
+      i(K), t(K);
     },
-    [s, n, a, N, t, l]
+    [s, n, a, C, t, c]
   );
   return /* @__PURE__ */ g("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ g(
     "div",
     {
-      ref: f,
+      ref: b,
       className: "gloss-threshold-ramp__track",
-      style: { background: R },
-      children: N.map((r) => {
-        const c = (r.value - n) / k * 100;
+      style: { background: k },
+      children: C.map((r) => {
+        const p = (r.value - n) / T * 100;
         return /* @__PURE__ */ g(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
-              left: `${c}%`,
+              left: `${p}%`,
               color: X(r)
             },
             "data-disabled": r.disabled || void 0,
-            "data-dragging": d === r.id || void 0,
-            onPointerDown: (b) => x(b, r.id),
-            onKeyDown: (b) => h(b, r),
+            "data-dragging": u === r.id || void 0,
+            onPointerDown: (f) => x(f, r.id),
+            onKeyDown: (f) => h(f, r),
             "aria-label": r.label ?? `Stop at ${r.value}`,
             role: "slider",
             "aria-valuenow": r.value,
@@ -1944,42 +2072,42 @@ function qe({
     }
   ) });
 }
-qe.displayName = "ThresholdRamp";
-const me = ve(null);
-function je() {
-  return ye(me);
+st.displayName = "ThresholdRamp";
+const pe = ye(null);
+function it() {
+  return we(pe);
 }
-function Qe({ option: e }) {
-  const t = je(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, o = y(() => {
+function lt({ option: e }) {
+  const t = it(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, o = y(() => {
     a || t?.select(e.value);
   }, [a, t, e.value]), s = y(
-    (d) => {
-      a || t?.onKeyNav(d, e.value);
+    (u) => {
+      a || t?.onKeyNav(u, e.value);
     },
     [a, t, e.value]
-  ), i = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, f = a ? -1 : l ? 0 : -1;
+  ), l = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", c = t?.firstFocusableValue === e.value, b = a ? -1 : c ? 0 : -1;
   return /* @__PURE__ */ g(
     "button",
     {
-      ref: (d) => t?.registerRef(e.value, d),
+      ref: (u) => t?.registerRef(e.value, u),
       type: "button",
       role: "radio",
       "aria-checked": n,
       className: "gloss-preset-swatch-row__swatch",
-      style: { backgroundColor: i },
+      style: { backgroundColor: l },
       "data-selected": n || void 0,
       "data-disabled": a || void 0,
-      ...process.env.NODE_ENV === "test" ? { "data-bg-color": i } : {},
+      ...process.env.NODE_ENV === "test" ? { "data-bg-color": l } : {},
       "aria-label": e.label ?? e.value,
       "aria-disabled": a,
       disabled: a,
-      tabIndex: f,
+      tabIndex: b,
       onClick: o,
       onKeyDown: s
     }
   );
 }
-function Xe({
+function dt({
   swatches: e,
   value: t,
   defaultValue: n,
@@ -1987,65 +2115,65 @@ function Xe({
   disabled: o = !1,
   name: s
 }) {
-  const i = t !== void 0, [l, f] = O(n), d = i ? t : l, w = y(
+  const l = t !== void 0, [c, b] = E(n), u = l ? t : c, w = y(
     (v) => {
-      i || f(v), a?.(v);
+      l || b(v), a?.(v);
     },
-    [i, a]
-  ), N = y(
-    (v) => d === v,
-    [d]
-  ), u = M(/* @__PURE__ */ new Map()), m = y((v, k) => {
-    k ? u.current.set(v, k) : u.current.delete(v);
-  }, []), S = e.filter((v) => !v.disabled && !o), R = S.find((v) => v.value === d)?.value ?? S[0]?.value, p = y((v) => {
-    const k = u.current.get(v);
-    k && k.focus();
+    [l, a]
+  ), C = y(
+    (v) => u === v,
+    [u]
+  ), i = M(/* @__PURE__ */ new Map()), d = y((v, T) => {
+    T ? i.current.set(v, T) : i.current.delete(v);
+  }, []), S = e.filter((v) => !v.disabled && !o), k = S.find((v) => v.value === u)?.value ?? S[0]?.value, m = y((v) => {
+    const T = i.current.get(v);
+    T && T.focus();
   }, []), x = y(
-    (v, k) => {
+    (v, T) => {
       if (o) return;
-      const h = e.filter((C) => !C.disabled);
+      const h = e.filter((D) => !D.disabled);
       if (h.length === 0) return;
-      const r = h.findIndex((C) => C.value === k);
+      const r = h.findIndex((D) => D.value === T);
       if (r === -1) return;
-      let c = r;
+      let p = r;
       switch (v.key) {
         case "ArrowRight":
         case "ArrowDown":
-          c = (r + 1) % h.length;
+          p = (r + 1) % h.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          c = (r - 1 + h.length) % h.length;
+          p = (r - 1 + h.length) % h.length;
           break;
         case "Home":
-          c = 0;
+          p = 0;
           break;
         case "End":
-          c = h.length - 1;
+          p = h.length - 1;
           break;
         case " ":
         case "Enter":
-          v.preventDefault(), w(k);
+          v.preventDefault(), w(T);
           return;
         default:
           return;
       }
       v.preventDefault();
-      const b = h[c].value;
-      p(b), w(b);
+      const f = h[p].value;
+      m(f), w(f);
     },
-    [o, e, w, p]
-  ), T = {
-    selectedValue: d,
+    [o, e, w, m]
+  ), I = {
+    selectedValue: u,
     select: w,
-    isSelected: N,
+    isSelected: C,
     groupDisabled: o,
     name: s,
-    registerRef: m,
-    firstFocusableValue: R,
+    registerRef: d,
+    firstFocusableValue: k,
     onKeyNav: x
   };
-  return /* @__PURE__ */ g(me.Provider, { value: T, children: /* @__PURE__ */ g(
+  return /* @__PURE__ */ g(pe.Provider, { value: I, children: /* @__PURE__ */ g(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -2053,125 +2181,125 @@ function Xe({
       "aria-label": s,
       "aria-disabled": o,
       "data-disabled": o || void 0,
-      children: e.map((v) => /* @__PURE__ */ g(Qe, { option: v }, v.value))
+      children: e.map((v) => /* @__PURE__ */ g(lt, { option: v }, v.value))
     }
   ) });
 }
-Xe.displayName = "PresetSwatchRow";
+dt.displayName = "PresetSwatchRow";
 function J(e, t) {
   for (const n of e)
     if (n.items.some((a) => a.id === t))
       return n.zoneKey;
   return null;
 }
-function se(e, t) {
+function le(e, t) {
   const n = e.find((a) => a.zoneKey === t);
   return n ? n.zoneKey : J(e, t);
 }
-function Je(e, t, n) {
+function ct(e, t, n) {
   const a = [...e], [o] = a.splice(t, 1);
   return a.splice(n, 0, o), a;
 }
-function et(e) {
+function ut(e) {
   return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
 }
-function tt(e) {
-  const [t, n] = O(
-    () => 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, o] = O(null), [s, i] = O(null), l = M(null), f = M(e.onZoneChange);
-  f.current = e.onZoneChange;
-  const d = ie(
-    () => et(e.zones),
+function mt(e) {
+  const [t, n] = E(
+    () => e.zones.map((m) => m.maxItems !== void 0 && m.items.length > m.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+      `useSortableZones: zone "${m.zoneKey}" exceeds maxItems (${m.items.length} > ${m.maxItems}); trimming to cap.`
+    ), { ...m, items: m.items.slice(0, m.maxItems) }) : m)
+  ), [a, o] = E(null), [s, l] = E(null), c = M(null), b = M(e.onZoneChange);
+  b.current = e.onZoneChange;
+  const u = ee(
+    () => ut(e.zones),
     [e.zones]
-  ), w = M(d);
+  ), w = M(u);
   P(() => {
-    w.current !== d && (w.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)
+    w.current !== u && (w.current = u, !a && n(
+      e.zones.map((m) => m.maxItems !== void 0 && m.items.length > m.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+        `useSortableZones: zone "${m.zoneKey}" exceeds maxItems (${m.items.length} > ${m.maxItems}); trimming to cap.`
+      ), { ...m, items: m.items.slice(0, m.maxItems) }) : m)
     ));
-  }, [d, e.zones, a]);
-  const N = y(
-    (p) => {
-      const x = p.active.id;
-      let T = null, v = null;
-      for (const k of t) {
-        const h = k.items.find((r) => r.id === x);
+  }, [u, e.zones, a]);
+  const C = y(
+    (m) => {
+      const x = m.active.id;
+      let I = null, v = null;
+      for (const T of t) {
+        const h = T.items.find((r) => r.id === x);
         if (h) {
-          T = h, v = k.zoneKey;
+          I = h, v = T.zoneKey;
           break;
         }
       }
-      l.current = v, o(T), i(v);
+      c.current = v, o(I), l(v);
     },
     [t]
-  ), u = y(
-    (p) => {
-      if (!p.over) {
-        i(l.current);
+  ), i = y(
+    (m) => {
+      if (!m.over) {
+        l(c.current);
         return;
       }
-      const x = se(t, p.over.id);
-      i(x);
+      const x = le(t, m.over.id);
+      l(x);
     },
     [t]
-  ), m = y(
-    (p) => {
-      const { active: x, over: T } = p, v = () => {
-        l.current = null, o(null), i(null);
+  ), d = y(
+    (m) => {
+      const { active: x, over: I } = m, v = () => {
+        c.current = null, o(null), l(null);
       };
-      if (!T) {
+      if (!I) {
         v();
         return;
       }
-      const k = J(t, x.id), h = se(t, T.id);
-      if (!k || !h) {
+      const T = J(t, x.id), h = le(t, I.id);
+      if (!T || !h) {
         v();
         return;
       }
-      let r = t.map((c) => ({ ...c, items: [...c.items] }));
-      if (k === h) {
-        const c = r.findIndex((_) => _.zoneKey === k), b = r[c], C = b.items.findIndex((_) => _.id === x.id), D = b.items.findIndex((_) => _.id === T.id), I = D >= 0 ? D : Math.max(0, b.items.length - 1);
-        r[c] = {
-          ...b,
-          items: Je(b.items, C, I)
+      let r = t.map((p) => ({ ...p, items: [...p.items] }));
+      if (T === h) {
+        const p = r.findIndex((_) => _.zoneKey === T), f = r[p], D = f.items.findIndex((_) => _.id === x.id), N = f.items.findIndex((_) => _.id === I.id), R = N >= 0 ? N : Math.max(0, f.items.length - 1);
+        r[p] = {
+          ...f,
+          items: ct(f.items, D, R)
         };
       } else {
-        const c = r.findIndex((E) => E.zoneKey === k), b = r.findIndex((E) => E.zoneKey === h), C = r[c], D = r[b], I = C.items.find((E) => E.id === x.id);
-        if (!I) {
+        const p = r.findIndex((A) => A.zoneKey === T), f = r.findIndex((A) => A.zoneKey === h), D = r[p], N = r[f], R = D.items.find((A) => A.id === x.id);
+        if (!R) {
           v();
           return;
         }
-        const _ = C.items.filter((E) => E.id !== x.id), K = D.items.findIndex((E) => E.id === T.id), H = K >= 0 ? K : D.items.length;
-        let te = _, $ = [...D.items];
-        if (D.maxItems !== void 0 && $.length >= D.maxItems) {
-          const E = $[$.length - 1];
-          $ = $.slice(0, D.maxItems - 1), te = [..._, E];
+        const _ = D.items.filter((A) => A.id !== x.id), K = N.items.findIndex((A) => A.id === I.id), G = K >= 0 ? K : N.items.length;
+        let ae = _, $ = [...N.items];
+        if (N.maxItems !== void 0 && $.length >= N.maxItems) {
+          const A = $[$.length - 1];
+          $ = $.slice(0, N.maxItems - 1), ae = [..._, A];
         }
-        const ae = Math.min(H, $.length), fe = [
-          ...$.slice(0, ae),
-          I,
-          ...$.slice(ae)
+        const ne = Math.min(G, $.length), he = [
+          ...$.slice(0, ne),
+          R,
+          ...$.slice(ne)
         ];
-        r[c] = { ...C, items: te }, r[b] = { ...D, items: fe };
+        r[p] = { ...D, items: ae }, r[f] = { ...N, items: he };
       }
-      n(r), f.current?.(r), v();
+      n(r), b.current?.(r), v();
     },
     [t]
   ), S = y(
-    (p) => ({
-      id: p,
-      "data-zone-key": p
+    (m) => ({
+      id: m,
+      "data-zone-key": m
     }),
     []
-  ), R = y(
-    (p) => {
-      const x = J(t, p.id) ?? "";
+  ), k = y(
+    (m) => {
+      const x = J(t, m.id) ?? "";
       return {
-        id: p.id,
-        "data-item-id": p.id,
+        id: m.id,
+        "data-item-id": m.id,
         "data-zone-key": x
       };
     },
@@ -2182,14 +2310,14 @@ function tt(e) {
     activeZone: s,
     activeItem: a,
     getZoneProps: S,
-    getItemProps: R,
-    handleDragStart: N,
-    handleDragOver: u,
-    handleDragEnd: m
+    getItemProps: k,
+    handleDragStart: C,
+    handleDragOver: i,
+    handleDragEnd: d
   };
 }
-let G = null, V = null, U = !1;
-const at = [
+let H = null, V = null, Y = !1;
+const pt = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -2198,22 +2326,22 @@ const at = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], rt = [
+], gt = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function nt(e, t) {
+function bt(e, t) {
   const n = [], a = e ?? {};
-  for (const s of at)
+  for (const s of pt)
     a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
   const o = t ?? {};
-  for (const s of rt)
+  for (const s of gt)
     o[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
   return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
 }
-function ot() {
-  return G ? Promise.resolve(G) : U ? Promise.resolve(null) : V || (V = (async () => {
+function ft() {
+  return H ? Promise.resolve(H) : Y ? Promise.resolve(null) : V || (V = (async () => {
     try {
       const [e, t, n] = await Promise.all([
         import("@dnd-kit/core"),
@@ -2221,102 +2349,102 @@ function ot() {
         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 = nt(e, t);
-      return a.ok ? (G = {
+      ]), a = bt(e, t);
+      return a.ok ? (H = {
         core: e,
         sortable: t,
         utilities: n
-      }, G) : (U = !0, process.env.NODE_ENV !== "production" && console.error(
+      }, H) : (Y = !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 U = !0, null;
+      return Y = !0, null;
     }
   })(), V);
 }
-function st(e) {
-  const { zones: t, onZoneChange: n, renderZone: a, renderItem: o, renderDragOverlay: s } = e, i = tt({ zones: t, onZoneChange: n }), [l, f] = F.useState(G);
+function ht(e) {
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: o, renderDragOverlay: s } = e, l = mt({ zones: t, onZoneChange: n }), [c, b] = F.useState(H);
   return F.useEffect(() => {
-    if (l) return;
-    let d = !0;
-    return ot().then((w) => {
-      d && f(w);
+    if (c) return;
+    let u = !0;
+    return ft().then((w) => {
+      u && b(w);
     }), () => {
-      d = !1;
+      u = !1;
     };
-  }, [l]), l ? /* @__PURE__ */ g(
-    pe,
+  }, [c]), c ? /* @__PURE__ */ g(
+    ge,
     {
-      state: i,
-      modules: l,
+      state: l,
+      modules: c,
       renderZone: a,
       renderItem: o,
       renderDragOverlay: s
     }
-  ) : /* @__PURE__ */ g("div", { "data-sortable-zones-passive": "true", children: i.zones.map((d) => {
-    const w = d.items.map((N) => /* @__PURE__ */ g(F.Fragment, { children: o(N) }, N.id));
-    return /* @__PURE__ */ g("div", { ...i.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, w) }, d.zoneKey);
+  ) : /* @__PURE__ */ g("div", { "data-sortable-zones-passive": "true", children: l.zones.map((u) => {
+    const w = u.items.map((C) => /* @__PURE__ */ g(F.Fragment, { children: o(C) }, C.id));
+    return /* @__PURE__ */ g("div", { ...l.getZoneProps(u.zoneKey), children: a(u.zoneKey, u.items, w) }, u.zoneKey);
   }) });
 }
-st.displayName = "SortableZones";
-function pe({
+ht.displayName = "SortableZones";
+function ge({
   state: e,
   modules: t,
   renderZone: n,
   renderItem: a,
   renderDragOverlay: o
 }) {
-  const { core: s, sortable: i, utilities: l } = t, { DndContext: f, DragOverlay: d, useSensors: w, useSensor: N, useDroppable: u, PointerSensor: m, KeyboardSensor: S, closestCenter: R } = s, { SortableContext: p, verticalListSortingStrategy: x } = i, T = w(
-    N(m, { activationConstraint: { distance: 5 } }),
-    N(S)
-  ), v = f, k = d, h = p;
-  return /* @__PURE__ */ A(
+  const { core: s, sortable: l, utilities: c } = t, { DndContext: b, DragOverlay: u, useSensors: w, useSensor: C, useDroppable: i, PointerSensor: d, KeyboardSensor: S, closestCenter: k } = s, { SortableContext: m, verticalListSortingStrategy: x } = l, I = w(
+    C(d, { activationConstraint: { distance: 5 } }),
+    C(S)
+  ), v = b, T = u, h = m;
+  return /* @__PURE__ */ O(
     v,
     {
-      sensors: T,
-      collisionDetection: R,
+      sensors: I,
+      collisionDetection: k,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
         e.zones.map((r) => {
-          const c = r.items.map((C) => C.id), b = r.items.map((C) => /* @__PURE__ */ g(
-            ge,
+          const p = r.items.map((D) => D.id), f = r.items.map((D) => /* @__PURE__ */ g(
+            be,
             {
-              id: C.id,
-              useSortable: i.useSortable,
-              cssHelper: l.CSS,
-              children: a(C)
+              id: D.id,
+              useSortable: l.useSortable,
+              cssHelper: c.CSS,
+              children: a(D)
             },
-            C.id
+            D.id
           ));
           return /* @__PURE__ */ g(
-            be,
+            fe,
             {
               zoneKey: r.zoneKey,
               zoneProps: e.getZoneProps(r.zoneKey),
-              useDroppable: u,
-              children: /* @__PURE__ */ g(h, { items: c, strategy: x, children: n(r.zoneKey, r.items, b) })
+              useDroppable: i,
+              children: /* @__PURE__ */ g(h, { items: p, strategy: x, children: n(r.zoneKey, r.items, f) })
             },
             r.zoneKey
           );
         }),
-        /* @__PURE__ */ g(k, { children: e.activeItem ? o?.(e.activeItem) ?? a(e.activeItem) : null })
+        /* @__PURE__ */ g(T, { children: e.activeItem ? o?.(e.activeItem) ?? a(e.activeItem) : null })
       ]
     }
   );
 }
-pe.displayName = "SortableZonesInner";
-function ge({ id: e, useSortable: t, cssHelper: n, children: a }) {
-  const { attributes: o, listeners: s, setNodeRef: i, transform: l, transition: f, isDragging: d } = t({ id: e }), w = {
-    transform: n?.Transform?.toString(l) ?? void 0,
-    transition: f,
-    opacity: d ? 0.5 : 1
+ge.displayName = "SortableZonesInner";
+function be({ id: e, useSortable: t, cssHelper: n, children: a }) {
+  const { attributes: o, listeners: s, setNodeRef: l, transform: c, transition: b, isDragging: u } = t({ id: e }), w = {
+    transform: n?.Transform?.toString(c) ?? void 0,
+    transition: b,
+    opacity: u ? 0.5 : 1
   };
-  return /* @__PURE__ */ g("div", { ref: i, style: w, "data-sortable-item-id": e, ...o, ...s, children: a });
+  return /* @__PURE__ */ g("div", { ref: l, style: w, "data-sortable-item-id": e, ...o, ...s, children: a });
 }
-ge.displayName = "SortableItem";
-function be({
+be.displayName = "SortableItem";
+function fe({
   zoneKey: e,
   zoneProps: t,
   useDroppable: n,
@@ -2325,297 +2453,300 @@ function be({
   const { setNodeRef: o, isOver: s } = n({ id: e });
   return /* @__PURE__ */ g("div", { ref: o, "data-zone-is-over": s || void 0, ...t, children: a });
 }
-be.displayName = "ZoneDroppable";
-const it = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+fe.displayName = "ZoneDroppable";
+const vt = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
   const o = { ...n };
-  return delete o.className, delete o.style, /* @__PURE__ */ g("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...o, children: /* @__PURE__ */ g(ee, { region: "toolbar", density: e, children: t }) });
+  return delete o.className, delete o.style, /* @__PURE__ */ g("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...o, children: /* @__PURE__ */ g(te, { region: "toolbar", density: e, children: t }) });
 });
-it.displayName = "ContainerToolbar";
-const lt = F.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...o }, s) => {
-  const i = { ...o };
-  return delete i.className, delete i.style, /* @__PURE__ */ A("fieldset", { ref: s, className: "gloss-container-form-section", ...i, children: [
+vt.displayName = "ContainerToolbar";
+const yt = F.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...o }, s) => {
+  const l = { ...o };
+  return delete l.className, delete l.style, /* @__PURE__ */ O("fieldset", { ref: s, className: "gloss-container-form-section", ...l, children: [
     e && /* @__PURE__ */ g("legend", { className: "gloss-container-form-section__legend", children: e }),
     t && /* @__PURE__ */ g("p", { className: "gloss-container-form-section__description", children: t }),
-    /* @__PURE__ */ g(ee, { region: "form-section", density: n, children: a })
+    /* @__PURE__ */ g(te, { region: "form-section", density: n, children: a })
   ] });
 });
-lt.displayName = "ContainerFormSection";
-const dt = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+yt.displayName = "ContainerFormSection";
+const wt = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
   const o = { ...n };
-  return delete o.className, delete o.style, /* @__PURE__ */ g("div", { ref: a, className: "gloss-container-table", ...o, children: /* @__PURE__ */ g(ee, { region: "table", density: e, children: t }) });
+  return delete o.className, delete o.style, /* @__PURE__ */ g("div", { ref: a, className: "gloss-container-table", ...o, children: /* @__PURE__ */ g(te, { region: "table", density: e, children: t }) });
 });
-dt.displayName = "ContainerTable";
+wt.displayName = "ContainerTable";
 export {
-  oa as Accordion,
-  sa as AccordionContent,
-  ia as AccordionItem,
-  la as AccordionTrigger,
-  da as ActionStrip,
-  ca as Actionable,
-  ua as AddressGroup,
-  ma as AddressSelect,
-  pa as AsyncLoader,
-  ga as Autocomplete,
-  ba as Badge,
-  fa as BarChartCard,
-  ha as BarsBg,
-  va as Button,
-  ya as ButtonGroup,
-  Ca as ButtonGroupContext,
-  Da as Card,
-  wa as CardActions,
-  Na as CardBack,
-  Sa as CardBody,
-  ka as CardFooter,
-  xa as CardHeader,
-  Ta as CardMedia,
-  Ia as CardShell,
-  Ra as CardSubtitle,
-  _a as CardTitle,
-  Ma as ChartControlBar,
-  Pa as Checkbox,
-  Fa as CheckboxGroup,
-  Ea as Chip,
-  Oa as ColorPicker,
-  Aa as ComparisonCard,
-  La as ContactForm,
-  $a as ContainerCard,
-  Ba as ContainerCardActions,
-  Ka as ContainerCardBody,
-  Ha as ContainerCardFooter,
-  Ga as ContainerCardHeader,
-  za as ContainerCardMedia,
-  Va as ContainerCardSubtitle,
-  Za as ContainerCardTitle,
-  Wa as ContainerDialog,
-  Ya as ContainerDialogActions,
-  Ua as ContainerDialogBody,
-  qa as ContainerDialogHeader,
-  lt as ContainerFormSection,
-  ja as ContainerPanel,
-  dt as ContainerTable,
-  it as ContainerToolbar,
-  Qa as CreditCardForm,
-  Xa as DEFAULT_FOOTER_IDS,
-  Io as DEFAULT_MARKET_PRESETS,
-  Ja as DEFAULT_OVERFLOW_IDS,
-  Ro as DEFAULT_PINNED,
-  er as DataTable,
-  tr as DatePicker,
-  ar as DateRangePicker,
-  rr as DestructiveModal,
-  nr as DirectionCard,
-  or as Dismissible,
-  sr as DistributionCard,
-  ir as DonutChart,
-  lr as Dropdown,
-  dr as ENTITY_FILTER_KEYS,
-  cr as ENTITY_PROFILE_ROUTES,
-  ur as ENTITY_TYPE_PLURAL,
-  Re as EdgeHoverHandle,
-  mr as EntityPicker,
-  pr as EntitySearchPanel,
-  gr as Expandable,
-  br as ExpandableChip,
-  fr as FLIP_AND_STAGE_TIMINGS,
-  hr as FileUpload,
-  vr as FilterChip,
-  yr as FilterInput,
-  Cr as FlipAndStageProvider,
-  Dr as Form,
-  wr as FormDialog,
-  Nr as FormField,
-  Sr as FusedShape,
-  _e as GhostPreview,
-  kr as GroupCheckbox,
-  xr as GroupRadio,
-  Tr as HighlightCard,
-  Ir as HybridDatePicker,
-  Rr as ImportWizard,
-  We as InlineNudge,
-  _r as Input,
-  Mr as InputAddon,
-  Pr as InputGroup,
-  Fr as Link,
-  Er as LoginForm,
-  Or as MarketPresetRow,
-  Ar as MaskPresets,
-  Lr as MaskedInput,
-  $r as Menu,
-  Br as MenuDivider,
-  Kr as MenuGroup,
-  Hr as MenuItem,
-  Gr as MergePrompt,
-  zr as MetricCard,
-  Vr as MetricCardGrid,
-  Ze as MetricGroupContainer,
-  Zr as MiniCalendar,
-  Wr as MultiSelect,
-  Yr as NumberInput,
-  Ur as ObjectArrow,
-  qr as OrderFilterBar,
-  _o as PERIOD_OPTIONS,
-  Le as PageChip,
-  le as PageDropdown,
-  jr as PasswordInput,
-  Qr as PaymentForm,
-  Xr as PaymentMethodSelect,
-  Jr as PhoneInput,
-  en as PinToMetric,
-  Xe as PresetSwatchRow,
-  tn as ProfileCard,
-  an as ProgressCard,
-  rn as QuickConfigPanel,
-  Mo as ROLLING_OPTIONS,
-  nn as Radio,
-  on as RadioGroup,
-  sn as RangeSlider,
-  ln as Rating,
-  dn as RegistrationForm,
-  cn as Row1Controls,
-  un as Row2FilterTray,
-  mn as SearchInput,
-  pn as SegmentCard,
-  gn as SegmentedControl,
-  bn as Select,
-  fn as Selectable,
-  hn as SimpleMetricCard,
-  vn as SimpleSelector,
-  yn as Skeleton,
-  Cn as SkeletonCard,
-  Dn as SkeletonChart,
-  wn as SkeletonTable,
-  Nn as Slider,
-  Sn as Sortable,
-  st as SortableZones,
-  kn as SparklineBg,
-  xn as SplitButton,
-  Tn as StackedGroupCard,
-  In as StatusModeCard,
-  Ie as StatusSlotChipMenu,
-  Rn as Stepper,
-  Po as TODAY_PRESET,
-  _n as TabGroup,
-  Mn as TabbedDataView,
-  Pn as TagInput,
-  Fn as Textarea,
-  qe as ThresholdRamp,
-  En as TimeFrame,
-  On as TimePicker,
-  An as Toggle,
-  Ln as Tooltip,
-  $n as Transition,
-  Bn as TransitionGroup,
-  Kn as TrendCard,
-  Hn as TrendIndicator,
-  ko as UIContext,
-  ee as UIContextProvider,
-  Gn as UnifiedBreakdownTable,
-  zn as UnifiedContextMenu,
-  Vn as addressGroupMetadata,
-  Zn as addressSchema,
-  ft as allChips,
-  It as allStateFixtures,
-  Tt as allVariantFixtures,
-  Ct as blockSamples,
-  Wn as buildDefaultOverflow,
-  kt as cardSamples,
-  Nt as chartSamples,
-  wt as circleSamples,
-  jt as compactLayout,
-  Bt as compactState,
-  Yn as contactFormMetadata,
-  Un as contactSchema,
-  Kt as contextMenuFixtures,
-  qn as creditCardFormMetadata,
-  jn as creditCardSchema,
-  Se as dateChip,
-  ue as defaultControlBarState,
-  Qn as destructiveModalMetadata,
-  Xn as durations,
-  Jn as easings,
-  Fe as emptyFixture,
-  we as entityChip,
-  He as entityNameActions,
-  vt as entityTabGroup,
-  Pe as errorFixture,
-  $t as filteredState,
-  Fo as findPreset,
-  Eo as formatDateRange,
-  Oo as formatMarketDates,
-  Ao as formatTrend,
-  Lo as formatValue,
-  Xt as fullLayout,
-  $o as generateMarketId,
-  eo as generateTabId,
-  Bo as getAllPresets,
-  Ko as getDateRangeForPreset,
-  to as getMenuActions,
-  Ho as getPresetLabel,
-  ao as getTransitionStyle,
-  qt as gridCards,
-  ro as interpolate,
-  Go as isInRange,
-  zo as isMarketActive,
-  Vo as isSameDay,
-  Lt as itemColumns,
-  Ot as itemRows,
-  Me as loadingFixture,
-  no as loginFormMetadata,
-  oo as loginSchema,
-  ke as manufacturerChip,
-  aa as manyTabs,
-  so as mergeHandlers,
-  io as mergeRefs,
-  ht as metricTabGroup,
-  ea as mixedTabs,
-  Zo as normalizePresetId,
-  ze as numericActions,
-  At as orderColumns,
-  Ge as orderIdActions,
-  Et as orderRows,
-  Jt as ordersTabs,
-  lo as parseNumericValue,
-  co as paymentFormMetadata,
-  uo as paymentSchema,
-  mo as presets,
-  po as registrationFormMetadata,
-  go as registrationSchema,
-  Gt as sampleCompareRanges,
-  Zt as sampleCustomMarkets,
-  Ht as sampleDateRange,
-  Wt as sampleMarketPresetData,
-  Vt as sampleMarkets,
-  Ut as samplePeriodPresets,
-  zt as samplePreferences,
-  Yt as samplePresets,
-  ta as singleTab,
-  Rt as sparklineFixture,
-  _t as sparklineUpFixture,
-  Ae as staleDonutFixture,
-  Ee as staleFixture,
-  Oe as staleSparklineFixture,
-  Mt as standardFixture,
-  Ft as standardFlatFixture,
-  Qt as standardLayout,
-  Pt as standardNegativeFixture,
-  Ne as statusChip,
-  St as tableSamples,
-  Dt as textSamples,
-  yt as timeFrameTabGroup,
-  Wo as toUppercasePresetId,
-  bt as useArrowNavigation,
-  bo as useCheckboxGroupContext,
-  xt as useEdgeHoverResize,
-  fo as useFilterLayout,
-  ho as useFlipAndStage,
-  vo as useFlipAndStageContext,
-  yo as useFlipAndStageContextOptional,
-  gt as useFocusReturn,
-  Co as useFocusTrap,
-  Do as useFormContext,
-  wo as useRadioGroupContext,
-  No as useSlideOutReveal,
-  tt as useSortableZones,
-  xo as useUIContext
+  Na as Accordion,
+  Sa as AccordionContent,
+  ka as AccordionItem,
+  xa as AccordionTrigger,
+  Ta as ActionStrip,
+  Ia as Actionable,
+  Ra as AddressGroup,
+  _a as AddressSelect,
+  Ma as AsyncLoader,
+  Pa as Autocomplete,
+  Fa as Badge,
+  Ea as BarChartCard,
+  Oa as BarsBg,
+  Aa as Button,
+  La as ButtonGroup,
+  $a as ButtonGroupContext,
+  Ba as Card,
+  Ka as CardActions,
+  Ga as CardBack,
+  Ha as CardBody,
+  za as CardFooter,
+  Va as CardHeader,
+  Wa as CardMedia,
+  Za as CardShell,
+  Ua as CardSubtitle,
+  Ya as CardTitle,
+  qa as ChartControlBar,
+  ja as Checkbox,
+  Qa as CheckboxGroup,
+  Xa as Chip,
+  Ja as ColorPicker,
+  en as ComparisonCard,
+  tn as ContactForm,
+  an as ContainerCard,
+  nn as ContainerCardActions,
+  rn as ContainerCardBody,
+  on as ContainerCardFooter,
+  sn as ContainerCardHeader,
+  ln as ContainerCardMedia,
+  dn as ContainerCardSubtitle,
+  cn as ContainerCardTitle,
+  un as ContainerDialog,
+  mn as ContainerDialogActions,
+  pn as ContainerDialogBody,
+  gn as ContainerDialogHeader,
+  yt as ContainerFormSection,
+  bn as ContainerPanel,
+  wt as ContainerTable,
+  vt as ContainerToolbar,
+  fn as CreditCardForm,
+  hn as DEFAULT_FOOTER_IDS,
+  Zo as DEFAULT_MARKET_PRESETS,
+  vn as DEFAULT_OVERFLOW_IDS,
+  Uo as DEFAULT_PINNED,
+  yn as DataTable,
+  wn as DatePicker,
+  Cn as DateRangePicker,
+  Dn as DestructiveModal,
+  Nn as DirectionCard,
+  Sn as Dismissible,
+  kn as DistributionCard,
+  xn as DonutChart,
+  Tn as Dropdown,
+  In as ENTITY_FILTER_KEYS,
+  Rn as ENTITY_PROFILE_ROUTES,
+  _n as ENTITY_TYPE_PLURAL,
+  Ae as EdgeHoverHandle,
+  Mn as EntityPicker,
+  Pn as EntitySearchPanel,
+  Fn as Expandable,
+  En as ExpandableChip,
+  On as FLIP_AND_STAGE_TIMINGS,
+  An as FileUpload,
+  Ln as FilterChip,
+  $n as FilterInput,
+  Bn as FlipAndStageProvider,
+  Kn as Form,
+  Gn as FormDialog,
+  Hn as FormField,
+  zn as FusedShape,
+  Le as GhostPreview,
+  Vn as GroupCheckbox,
+  Wn as GroupRadio,
+  Zn as HighlightCard,
+  Un as HybridDatePicker,
+  Yn as ImportWizard,
+  nt as InlineNudge,
+  qn as Input,
+  jn as InputAddon,
+  Qn as InputGroup,
+  Xn as Link,
+  Jn as LoginForm,
+  er as MarketPresetRow,
+  tr as MaskPresets,
+  ar as MaskedInput,
+  nr as Menu,
+  rr as MenuDivider,
+  or as MenuGroup,
+  sr as MenuItem,
+  ir as MergePrompt,
+  lr as MetricCard,
+  dr as MetricCardGrid,
+  at as MetricGroupContainer,
+  cr as MiniCalendar,
+  ur as MultiSelect,
+  mr as NumberInput,
+  pr as ObjectArrow,
+  gr as OrderFilterBar,
+  Yo as PERIOD_OPTIONS,
+  Ve as PageChip,
+  de as PageDropdown,
+  br as PasswordInput,
+  fr as PaymentForm,
+  hr as PaymentMethodSelect,
+  vr as PhoneInput,
+  yr as PinToMetric,
+  dt as PresetSwatchRow,
+  wr as ProfileCard,
+  Cr as ProgressCard,
+  Dr as QuickConfigPanel,
+  Qe as RECONFIG_BACKSIDE_LABELS,
+  qo as ROLLING_OPTIONS,
+  Nr as Radio,
+  Sr as RadioGroup,
+  kr as RangeSlider,
+  xr as Rating,
+  et as ReconfigBacksideButtons,
+  Tr as RegistrationForm,
+  Ir as Row1Controls,
+  Rr as Row2FilterTray,
+  _r as SearchInput,
+  Mr as SegmentCard,
+  Pr as SegmentedControl,
+  Fr as Select,
+  Er as Selectable,
+  Or as SimpleMetricCard,
+  Ar as SimpleSelector,
+  Lr as Skeleton,
+  $r as SkeletonCard,
+  Br as SkeletonChart,
+  Kr as SkeletonTable,
+  Gr as Slider,
+  Hr as Sortable,
+  ht as SortableZones,
+  zr as SparklineBg,
+  Vr as SplitButton,
+  Wr as StackedGroupCard,
+  Zr as StatusModeCard,
+  Oe as StatusSlotChipMenu,
+  Ur as Stepper,
+  jo as TODAY_PRESET,
+  Yr as TabGroup,
+  qr as TabbedDataView,
+  jr as TagInput,
+  Qr as Textarea,
+  st as ThresholdRamp,
+  Xr as TimeFrame,
+  Jr as TimePicker,
+  eo as Toggle,
+  to as Tooltip,
+  ao as Transition,
+  no as TransitionGroup,
+  ro as TrendCard,
+  oo as TrendIndicator,
+  zo as UIContext,
+  te as UIContextProvider,
+  so as UnifiedBreakdownTable,
+  io as UnifiedContextMenu,
+  lo as addressGroupMetadata,
+  co as addressSchema,
+  Ft as allChips,
+  Zt as allStateFixtures,
+  Wt as allVariantFixtures,
+  Lt as blockSamples,
+  uo as buildDefaultOverflow,
+  Ht as cardSamples,
+  Kt as chartSamples,
+  Bt as circleSamples,
+  ga as compactLayout,
+  na as compactState,
+  Vt as computeGutterAnchorX,
+  mo as contactFormMetadata,
+  po as contactSchema,
+  ra as contextMenuFixtures,
+  go as creditCardFormMetadata,
+  bo as creditCardSchema,
+  Me as dateChip,
+  me as defaultControlBarState,
+  fo as destructiveModalMetadata,
+  ho as durations,
+  vo as easings,
+  Ke as emptyFixture,
+  Re as entityChip,
+  Ye as entityNameActions,
+  Ot as entityTabGroup,
+  Be as errorFixture,
+  aa as filteredState,
+  Qo as findPreset,
+  Xo as formatDateRange,
+  Jo as formatMarketDates,
+  es as formatTrend,
+  ts as formatValue,
+  fa as fullLayout,
+  as as generateMarketId,
+  yo as generateTabId,
+  ns as getAllPresets,
+  rs as getDateRangeForPreset,
+  wo as getMenuActions,
+  os as getPresetLabel,
+  Co as getTransitionStyle,
+  pa as gridCards,
+  Do as interpolate,
+  ss as isInRange,
+  is as isMarketActive,
+  ls as isSameDay,
+  ta as itemColumns,
+  Jt as itemRows,
+  $e as loadingFixture,
+  No as loginFormMetadata,
+  So as loginSchema,
+  Pe as manufacturerChip,
+  wa as manyTabs,
+  ko as mergeHandlers,
+  xo as mergeRefs,
+  Et as metricTabGroup,
+  va as mixedTabs,
+  ds as normalizePresetId,
+  je as numericActions,
+  ea as orderColumns,
+  qe as orderIdActions,
+  Xt as orderRows,
+  ha as ordersTabs,
+  To as parseNumericValue,
+  Io as paymentFormMetadata,
+  Ro as paymentSchema,
+  _o as presets,
+  Mo as registrationFormMetadata,
+  Po as registrationSchema,
+  sa as sampleCompareRanges,
+  da as sampleCustomMarkets,
+  oa as sampleDateRange,
+  ca as sampleMarketPresetData,
+  la as sampleMarkets,
+  ma as samplePeriodPresets,
+  ia as samplePreferences,
+  ua as samplePresets,
+  ya as singleTab,
+  Ut as sparklineFixture,
+  Yt as sparklineUpFixture,
+  ze as staleDonutFixture,
+  Ge as staleFixture,
+  He as staleSparklineFixture,
+  qt as standardFixture,
+  Qt as standardFlatFixture,
+  ba as standardLayout,
+  jt as standardNegativeFixture,
+  _e as statusChip,
+  Gt as tableSamples,
+  $t as textSamples,
+  At as timeFrameTabGroup,
+  cs as toUppercasePresetId,
+  Pt as useArrowNavigation,
+  Fo as useCheckboxGroupContext,
+  zt as useEdgeHoverResize,
+  Eo as useFilterLayout,
+  Oo as useFlipAndStage,
+  Ao as useFlipAndStageContext,
+  Lo as useFlipAndStageContextOptional,
+  Mt as useFocusReturn,
+  $o as useFocusTrap,
+  Bo as useFormContext,
+  Ko as useRadioGroupContext,
+  Go as useSlideOutReveal,
+  mt as useSortableZones,
+  Vo as useUIContext
 };