@mt-gloss/ui 0.0.43 → 0.0.45

package/index.js

@@ -1,161 +1,161 @@
-import { N as Qa, T as Ja, O as en, Q as tn, a3 as an, b6 as nn, az as rn, ah as sn, Z as on, an as ln, K as dn, a8 as cn, bo as un, P as mn, B as pn, a as gn, y as fn, H as bn, bi as hn, F as vn, J as yn, A as wn, z as Dn, bh as Cn, E as Nn, D as kn, bx as Sn, b as xn, C as Tn, L as _n, o as In, ad as Rn, aN as Mn, y as Pn, H as Fn, F as En, J as On, A as An, z as Ln, E as $n, D as Bn, a$ as Kn, b2 as Gn, b1 as Vn, b0 as Hn, b3 as zn, aC as Wn, a5 as Zn, a4 as Un, aq as Yn, k as qn, m as jn, aF as Xn, ab as Qn, b8 as Jn, a9 as er, bp as tr, Y as ar, bH as nr, bG as rr, bI as sr, ap as or, aQ as ir, ba as lr, bM as dr, bv as cr, n as ur, am as mr, bB as pr, bs as gr, a0 as fr, ar as br, a2 as hr, bA as vr, G as yr, d as wr, aa as Dr, bJ as Cr, aT as Nr, r as kr, v as Sr, I as xr, g as Tr, aw as _r, bN as Ir, M as Rr, w as Mr, U as Pr, X as Fr, V as Er, W as Or, as as Ar, bg as Lr, bP as $r, bL as Br, ao as Kr, t as Gr, bq as Vr, aS as Hr, aj as zr, aK as Wr, ag as Zr, al as Ur, au as Yr, aR as qr, ac as jr, at as Xr, c as Qr, R as Jr, j as es, p as ts, aH as as, by as ns, bz as rs, ai as ss, ae as os, h as is, x as ls, b7 as ds, af as cs, bO as us, bc as ms, bf as ps, bd as gs, be as fs, i as bs, b9 as hs, bn as vs, S as ys, bk as ws, bl as Ds, av as Cs, bb as Ns, bQ as ks, ak as Ss, s as xs, bK as Ts, l as _s, f as Is, q as Rs, _ as Ms, $ as Ps, a7 as Fs, bj as Es, bw as Os, bD as As, aA as Ls, aB as $s, a6 as Bs, aO as Ks, aP as Gs, aD as Vs, aE as Hs, aG as zs, aV as Ws, aW as Zs, bF as Us, bE as Ys, aY as qs, aZ as js, ax as Xs, ay as Qs, b5 as Js, b4 as eo, a_ as to, aL as ao, aM as no, aX as ro, aI as so, aJ as oo, u as io, bC as lo, br as co, bt as uo, bu as mo, aU as po, a1 as go, e as fo, bm as bo } from "./Expandable-BdC9RXOI.js";
-import { jsxs as O, jsx as u } from "react/jsx-runtime";
-import K, { useRef as M, useEffect as A, useState as $, useCallback as h, forwardRef as Pe, useMemo as Q, createContext as Fe, useContext as Ee } from "react";
-import { motion as De, useMotionValue as Oe, animate as fe, useDragControls as Ae } from "framer-motion";
-import { B as Le, U as ge } from "./UIContext-C3E-k7HI.js";
-import { a as vo, u as yo } from "./UIContext-C3E-k7HI.js";
-import { createPortal as $e } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as Do, DEFAULT_PINNED as Co, PERIOD_OPTIONS as No, ROLLING_OPTIONS as ko, TODAY_PRESET as So, findPreset as xo, formatDateRange as To, formatMarketDates as _o, formatTrend as Io, formatValue as Ro, generateMarketId as Mo, getAllPresets as Po, getDateRangeForPreset as Fo, getPresetLabel as Eo, isInRange as Oo, isMarketActive as Ao, isSameDay as Lo, normalizePresetId as $o, toUppercasePresetId as Bo } from "@mt-gloss/utils";
-import Be from "@mui/icons-material/AccessTime";
-import Ke from "@mui/icons-material/Tune";
-import Ge from "@mui/icons-material/ViewColumn";
-import Ve from "@mui/icons-material/AspectRatio";
-import He from "@mui/icons-material/Palette";
-import ze from "@mui/icons-material/PushPin";
-function oa(e = {}) {
-  const { enabled: t = !0, returnTo: n } = e, a = M(null);
-  return A(() => {
-    t && (a.current = n || document.activeElement);
-  }, [t, n]), A(() => () => {
-    t && a.current && setTimeout(() => {
-      a.current?.focus?.();
+import { N as ia, T as la, O as da, Q as ca, a3 as ua, b6 as ma, az as pa, ah as ga, Z as fa, an as ba, K as ha, a8 as va, bo as ya, P as wa, B as Da, a as Ca, y as Na, H as ka, bi as xa, F as Sa, J as Ta, A as _a, z as Ia, bh as Ra, E as Ma, D as Pa, bx as Fa, b as Ea, C as Oa, L as Aa, o as La, ad as $a, aN as Ba, y as Ka, H as Wa, F as Ga, J as Va, A as Ha, z as za, E as Za, D as Ua, a$ as Ya, b2 as qa, b1 as ja, b0 as Xa, b3 as Qa, aC as Ja, a5 as er, a4 as tr, aq as nr, k as ar, m as rr, aF as sr, ab as or, b8 as ir, a9 as lr, bp as dr, Y as cr, bH as ur, bG as mr, bI as pr, ap as gr, aQ as fr, ba as br, bM as hr, bv as vr, n as yr, am as wr, bB as Dr, bs as Cr, a0 as Nr, ar as kr, a2 as xr, bA as Sr, G as Tr, d as _r, aa as Ir, bJ as Rr, aT as Mr, r as Pr, v as Fr, I as Er, g as Or, aw as Ar, bN as Lr, M as $r, w as Br, U as Kr, X as Wr, V as Gr, W as Vr, as as Hr, bg as zr, bP as Zr, bL as Ur, ao as Yr, t as qr, bq as jr, aS as Xr, aj as Qr, aK as Jr, ag as es, al as ts, au as ns, aR as as, ac as rs, at as ss, c as os, R as is, j as ls, p as ds, aH as cs, by as us, bz as ms, ai as ps, ae as gs, h as fs, x as bs, b7 as hs, af as vs, bO as ys, bc as ws, bf as Ds, bd as Cs, be as Ns, i as ks, b9 as xs, bn as Ss, S as Ts, bk as _s, bl as Is, av as Rs, bb as Ms, bQ as Ps, ak as Fs, s as Es, bK as Os, l as As, f as Ls, q as $s, _ as Bs, $ as Ks, a7 as Ws, bj as Gs, bw as Vs, bD as Hs, aA as zs, aB as Zs, a6 as Us, aO as Ys, aP as qs, aD as js, aE as Xs, aG as Qs, aV as Js, aW as eo, bF as to, bE as no, aY as ao, aZ as ro, ax as so, ay as oo, b5 as io, b4 as lo, a_ as co, aL as uo, aM as mo, aX as po, aI as go, aJ as fo, u as bo, bC as ho, br as vo, bt as yo, bu as wo, aU as Do, a1 as Co, e as No, bm as ko } from "./Expandable-BdC9RXOI.js";
+import { jsxs as O, jsx as c } from "react/jsx-runtime";
+import K, { useRef as P, useEffect as L, useState as $, useCallback as f, forwardRef as We, useMemo as ae, createContext as Ge, useContext as Ve } from "react";
+import { motion as xe, useMotionValue as He, animate as ye, useDragControls as ze } from "framer-motion";
+import { B as Ze, U as he } from "./UIContext-C3E-k7HI.js";
+import { a as So, u as To } from "./UIContext-C3E-k7HI.js";
+import { createPortal as Ue } from "react-dom";
+import { DEFAULT_MARKET_PRESETS as Io, DEFAULT_PINNED as Ro, PERIOD_OPTIONS as Mo, ROLLING_OPTIONS as Po, TODAY_PRESET as Fo, findPreset as Eo, formatDateRange as Oo, formatMarketDates as Ao, formatTrend as Lo, formatValue as $o, generateMarketId as Bo, getAllPresets as Ko, getDateRangeForPreset as Wo, getPresetLabel as Go, isInRange as Vo, isMarketActive as Ho, isSameDay as zo, normalizePresetId as Zo, toUppercasePresetId as Uo } from "@mt-gloss/utils";
+import Ye from "@mui/icons-material/AccessTime";
+import qe from "@mui/icons-material/Tune";
+import je from "@mui/icons-material/ViewColumn";
+import Xe from "@mui/icons-material/AspectRatio";
+import Qe from "@mui/icons-material/Palette";
+import Je from "@mui/icons-material/PushPin";
+function fn(e = {}) {
+  const { enabled: t = !0, returnTo: a } = e, n = P(null);
+  return L(() => {
+    t && (n.current = a || document.activeElement);
+  }, [t, a]), L(() => () => {
+    t && n.current && setTimeout(() => {
+      n.current?.focus?.();
     }, 0);
-  }, [t]), a;
+  }, [t]), n;
 }
-function ia(e) {
+function bn(e) {
   const {
     items: t,
-    activeIndex: n,
-    onActiveIndexChange: a,
-    loop: r = !0,
+    activeIndex: a,
+    onActiveIndexChange: n,
+    loop: s = !0,
     orientation: o = "vertical",
-    enabled: i = !0,
+    enabled: l = !0,
     isItemDisabled: m,
-    onSelect: b,
-    onEscape: d
-  } = e, [f, C] = $(-1), l = n !== void 0 ? n : f, c = h(
-    (s) => {
-      n === void 0 && C(s), a?.(s);
+    onSelect: h,
+    onEscape: u
+  } = e, [D, v] = $(-1), i = a !== void 0 ? a : D, d = f(
+    (r) => {
+      a === void 0 && v(r), n?.(r);
     },
-    [n, a]
-  ), v = h(() => t.map((s, g) => ({ item: s, index: g })).filter(({ item: s, index: g }) => !m?.(s, g)).map(({ index: s }) => s), [t, m]), I = h(
-    (s, g) => {
-      const w = v();
-      if (w.length === 0) return -1;
-      const T = w.indexOf(s);
-      if (T === -1)
-        return g === 1 ? w.find((R) => R > s) ?? (r ? w[0] : -1) : [...w].reverse().find((P) => P < s) ?? (r ? w[w.length - 1] : -1);
-      let k = T + g;
-      return r ? k = (k + w.length) % w.length : k = Math.max(0, Math.min(w.length - 1, k)), w[k];
+    [a, n]
+  ), y = f(() => t.map((r, g) => ({ item: r, index: g })).filter(({ item: r, index: g }) => !m?.(r, g)).map(({ index: r }) => r), [t, m]), I = f(
+    (r, g) => {
+      const b = y();
+      if (b.length === 0) return -1;
+      const x = b.indexOf(r);
+      if (x === -1)
+        return g === 1 ? b.find((T) => T > r) ?? (s ? b[0] : -1) : [...b].reverse().find((M) => M < r) ?? (s ? b[b.length - 1] : -1);
+      let w = x + g;
+      return s ? w = (w + b.length) % b.length : w = Math.max(0, Math.min(b.length - 1, w)), b[w];
     },
-    [v, r]
-  ), p = h(() => {
-    const s = v();
-    s.length > 0 && c(s[0]);
-  }, [v, c]), D = h(() => {
-    const s = v();
-    s.length > 0 && c(s[s.length - 1]);
-  }, [v, c]), S = h(() => {
-    const s = I(l, 1);
-    s !== -1 && c(s);
-  }, [l, I, c]), y = h(() => {
-    const s = I(l, -1);
-    s !== -1 && c(s);
-  }, [l, I, c]), _ = h(() => {
-    c(-1);
-  }, [c]), x = h(
-    (s) => {
-      if (!i) return;
-      const { key: g } = s, w = g === "ArrowUp" && (o === "vertical" || o === "both"), T = g === "ArrowDown" && (o === "vertical" || o === "both"), k = g === "ArrowLeft" && (o === "horizontal" || o === "both"), R = g === "ArrowRight" && (o === "horizontal" || o === "both");
-      if (w || k) {
-        s.preventDefault(), l === -1 ? D() : y();
+    [y, s]
+  ), p = f(() => {
+    const r = y();
+    r.length > 0 && d(r[0]);
+  }, [y, d]), S = f(() => {
+    const r = y();
+    r.length > 0 && d(r[r.length - 1]);
+  }, [y, d]), R = f(() => {
+    const r = I(i, 1);
+    r !== -1 && d(r);
+  }, [i, I, d]), C = f(() => {
+    const r = I(i, -1);
+    r !== -1 && d(r);
+  }, [i, I, d]), _ = f(() => {
+    d(-1);
+  }, [d]), k = f(
+    (r) => {
+      if (!l) return;
+      const { key: g } = r, b = g === "ArrowUp" && (o === "vertical" || o === "both"), x = g === "ArrowDown" && (o === "vertical" || o === "both"), w = g === "ArrowLeft" && (o === "horizontal" || o === "both"), T = g === "ArrowRight" && (o === "horizontal" || o === "both");
+      if (b || w) {
+        r.preventDefault(), i === -1 ? S() : C();
         return;
       }
-      if (T || R) {
-        s.preventDefault(), l === -1 ? p() : S();
+      if (x || T) {
+        r.preventDefault(), i === -1 ? p() : R();
         return;
       }
       if (g === "Home") {
-        s.preventDefault(), p();
+        r.preventDefault(), p();
         return;
       }
       if (g === "End") {
-        s.preventDefault(), D();
+        r.preventDefault(), S();
         return;
       }
-      if ((g === "Enter" || g === " ") && l >= 0 && l < t.length) {
-        s.preventDefault();
-        const P = t[l];
-        m?.(P, l) || b?.(P, l);
+      if ((g === "Enter" || g === " ") && i >= 0 && i < t.length) {
+        r.preventDefault();
+        const M = t[i];
+        m?.(M, i) || h?.(M, i);
         return;
       }
       if (g === "Escape") {
-        d?.();
+        u?.();
         return;
       }
     },
     [
-      i,
-      o,
       l,
+      o,
+      i,
       t,
       p,
-      D,
       S,
-      y,
+      R,
+      C,
       m,
-      b,
-      d
+      h,
+      u
     ]
   );
   return {
-    focusedIndex: l,
-    setFocusedIndex: c,
-    handleKeyDown: x,
+    focusedIndex: i,
+    setFocusedIndex: d,
+    handleKeyDown: k,
     focusFirst: p,
-    focusLast: D,
-    focusNext: S,
-    focusPrevious: y,
+    focusLast: S,
+    focusNext: R,
+    focusPrevious: C,
     resetFocus: _
   };
 }
-const ae = (e) => {
-}, We = {
+const se = (e) => {
+}, et = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
-  onRemove: ae
-}, Ze = {
+  onRemove: se
+}, tt = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
-  onRemove: ae
-}, Ue = {
+  onRemove: se
+}, nt = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
-  onRemove: ae
-}, Ye = {
+  onRemove: se
+}, at = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
-  onRemove: ae
-}, la = [
-  We,
-  Ze,
-  Ue,
-  Ye
-], da = {
+  onRemove: se
+}, hn = [
+  et,
+  tt,
+  nt,
+  at
+], vn = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, ca = {
+}, yn = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -163,7 +163,7 @@ const ae = (e) => {
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, ua = {
+}, wn = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -171,30 +171,30 @@ const ae = (e) => {
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, ma = [
+}, Dn = [
   { variant: "block", width: "100%", height: 16 },
   { variant: "block", width: 200, height: 32, borderRadius: 8 },
   { variant: "block", width: "80%", height: 12, borderRadius: "4px" },
   { variant: "block", width: 120, height: 44, borderRadius: 22 }
-], pa = [
+], Cn = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], ga = [
+], Nn = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], fa = [
+], kn = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], ba = [
+], xn = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], ha = [
+], Sn = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
-], be = {
+], we = {
   position: "fixed",
   zIndex: 9999,
   background: "rgba(255,255,255,0.92)",
@@ -206,7 +206,7 @@ const ae = (e) => {
   minWidth: 148,
   paddingTop: 4,
   paddingBottom: 4
-}, de = (e) => ({
+}, me = (e) => ({
   padding: "6px 12px",
   fontSize: 12,
   lineHeight: 1.4,
@@ -220,152 +220,152 @@ const ae = (e) => {
   width: "100%",
   textAlign: "left",
   border: "none"
-}), qe = (e) => ({
-  ...de(e),
+}), rt = (e) => ({
+  ...me(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), je = {
+}), st = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function Xe({
+function ot({
   open: e,
   anchorEl: t,
-  statusId: n,
-  onOpenInTable: a,
-  onShowOnGraph: r,
+  statusId: a,
+  onOpenInTable: n,
+  onShowOnGraph: s,
   overflowActions: o,
-  onClose: i
+  onClose: l
 }) {
-  const [m, b] = $(null), d = M(null), f = h(() => {
-    if (!t) return { ...be, top: 0, left: 0 };
-    const c = t.getBoundingClientRect();
+  const [m, h] = $(null), u = P(null), D = f(() => {
+    if (!t) return { ...we, top: 0, left: 0 };
+    const d = t.getBoundingClientRect();
     return {
-      ...be,
-      top: c.bottom + 4,
-      left: c.left
+      ...we,
+      top: d.bottom + 4,
+      left: d.left
     };
   }, [t]);
-  if (A(() => {
+  if (L(() => {
     if (!e) return;
-    const c = (v) => {
-      v.key === "Escape" && i();
+    const d = (y) => {
+      y.key === "Escape" && l();
     };
-    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
-  }, [e, i]), A(() => {
+    return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+  }, [e, l]), L(() => {
     if (!e) return;
-    const c = (v) => {
-      d.current && !d.current.contains(v.target) && i();
+    const d = (y) => {
+      u.current && !u.current.contains(y.target) && l();
     };
-    return document.addEventListener("pointerdown", c, !0), () => document.removeEventListener("pointerdown", c, !0);
-  }, [e, i]), !e) return null;
-  const C = o && o.length > 0, l = /* @__PURE__ */ O(
+    return document.addEventListener("pointerdown", d, !0), () => document.removeEventListener("pointerdown", d, !0);
+  }, [e, l]), !e) return null;
+  const v = o && o.length > 0, i = /* @__PURE__ */ O(
     "div",
     {
-      ref: d,
-      "data-status-chip-menu": n,
+      ref: u,
+      "data-status-chip-menu": a,
       role: "menu",
       "aria-label": "Status actions",
-      style: f(),
+      style: D(),
       children: [
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
-            style: qe(m === "__primary"),
-            onMouseEnter: () => b("__primary"),
-            onMouseLeave: () => b(null),
+            style: rt(m === "__primary"),
+            onMouseEnter: () => h("__primary"),
+            onMouseLeave: () => h(null),
             onClick: () => {
-              a(n), i();
+              n(a), l();
             },
             children: "Open in table"
           }
         ),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
-            style: de(m === "__graph"),
-            onMouseEnter: () => b("__graph"),
-            onMouseLeave: () => b(null),
+            style: me(m === "__graph"),
+            onMouseEnter: () => h("__graph"),
+            onMouseLeave: () => h(null),
             onClick: () => {
-              r(n), i();
+              s(a), l();
             },
             children: "Show on graph"
           }
         ),
-        C && /* @__PURE__ */ u("div", { style: je }),
-        C && o?.map((c) => /* @__PURE__ */ u(
+        v && /* @__PURE__ */ c("div", { style: st }),
+        v && o?.map((d) => /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
-            style: de(m === c.id),
-            onMouseEnter: () => b(c.id),
-            onMouseLeave: () => b(null),
+            style: me(m === d.id),
+            onMouseEnter: () => h(d.id),
+            onMouseLeave: () => h(null),
             onClick: () => {
-              c.onSelect(n), i();
+              d.onSelect(a), l();
             },
-            children: c.label
+            children: d.label
           },
-          c.id
+          d.id
         ))
       ]
     }
   );
-  return $e(l, document.body);
+  return Ue(i, document.body);
 }
-Xe.displayName = "StatusSlotChipMenu";
-const Qe = Pe(
-  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: r, onPointerLeave: o, onKeyboardStep: i, edge: m = "right", ariaLabel: b = "Resize card" }, d) {
-    const f = t === "handle-visible" || t === "dragging" || t === "settling", C = (v) => {
+ot.displayName = "StatusSlotChipMenu";
+const it = We(
+  function({ state: t, onPointerDown: a, onPointerUp: n, onPointerEnter: s, onPointerLeave: o, onKeyboardStep: l, edge: m = "right", ariaLabel: h = "Resize card" }, u) {
+    const D = t === "handle-visible" || t === "dragging" || t === "settling", v = (y) => {
       try {
-        v.currentTarget.setPointerCapture(v.pointerId);
+        y.currentTarget.setPointerCapture(y.pointerId);
       } catch {
       }
-      n(v);
-    }, l = (v) => {
+      a(y);
+    }, i = (y) => {
       try {
-        v.currentTarget.hasPointerCapture?.(v.pointerId) && v.currentTarget.releasePointerCapture(v.pointerId);
+        y.currentTarget.hasPointerCapture?.(y.pointerId) && y.currentTarget.releasePointerCapture(y.pointerId);
       } catch {
       }
-      a(v);
-    }, c = (v) => {
-      !f || !i || (v.key === "ArrowRight" ? (v.preventDefault(), i("grow")) : v.key === "ArrowLeft" && (v.preventDefault(), i("shrink")));
+      n(y);
+    }, d = (y) => {
+      !D || !l || (y.key === "ArrowRight" ? (y.preventDefault(), l("grow")) : y.key === "ArrowLeft" && (y.preventDefault(), l("shrink")));
     };
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ c(
       "button",
       {
-        ref: d,
+        ref: u,
         type: "button",
-        "aria-label": b,
+        "aria-label": h,
         "data-edge": m,
         "data-resize-state": t,
         className: [
           "gloss-edge-handle",
           `gloss-edge-handle--${m}`,
-          f ? "gloss-edge-handle--visible" : ""
+          D ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
-        onPointerDown: C,
-        onPointerUp: l,
-        onPointerEnter: r,
+        onPointerDown: v,
+        onPointerUp: i,
+        onPointerEnter: s,
         onPointerLeave: o,
-        onKeyDown: c,
-        tabIndex: f ? 0 : -1
+        onKeyDown: d,
+        tabIndex: D ? 0 : -1
       }
     );
   }
 );
-Qe.displayName = "EdgeHoverHandle";
-function Je({
+it.displayName = "EdgeHoverHandle";
+function lt({
   visible: e,
   targetColSpan: t,
-  motionX: n,
-  enterMs: a = 180,
-  exitMs: r = 120
+  ghostWidth: a,
+  enterMs: n = 180,
+  exitMs: s = 120
 }) {
-  return /* @__PURE__ */ u(
-    De.div,
+  return /* @__PURE__ */ c(
+    xe.div,
     {
       "aria-hidden": "true",
       "data-ghost-preview": e ? "visible" : "hidden",
@@ -374,12 +374,15 @@ function Je({
         "gloss-ghost-preview",
         e ? "gloss-ghost-preview--visible" : ""
       ].filter(Boolean).join(" "),
-      style: { x: n, transitionDuration: `${e ? a : r}ms` }
+      style: {
+        width: a,
+        transitionDuration: `${e ? n : s}ms`
+      }
     }
   );
 }
-Je.displayName = "GhostPreview";
-class et {
+lt.displayName = "GhostPreview";
+class dt {
   constructor() {
     this.samples = [], this.capacity = 3;
   }
@@ -403,14 +406,14 @@ class et {
     const t = this.samples.length;
     if (t < 2) return 0;
     if (t === 2) {
-      const [b, d] = this.samples, f = Math.max(1, d.t - b.t);
-      return (d.x - b.x) / f * 1e3;
+      const [h, u] = this.samples, D = Math.max(1, u.t - h.t);
+      return (u.x - h.x) / D * 1e3;
     }
-    const [n, a, r] = this.samples, o = (r.x - a.x) / Math.max(1, r.t - a.t) * 1e3, i = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, m = i;
-    return (o * 3 + i * 2 + m * 1) / 6;
+    const [a, n, s] = this.samples, o = (s.x - n.x) / Math.max(1, s.t - n.t) * 1e3, l = (n.x - a.x) / Math.max(1, n.t - a.t) * 1e3, m = l;
+    return (o * 3 + l * 2 + m * 1) / 6;
   }
 }
-const Ce = {
+const Se = {
   // Spring (D-08)
   stiffness: 500,
   damping: 35,
@@ -427,184 +430,201 @@ const Ce = {
   // Velocity multiplier (D-03b panel)
   velocityMultiplier: 1
 };
-function va({
+function Tn({
   currentColSpan: e,
   stackable: t,
-  onResize: n,
-  onCancel: a,
-  step: r = 180,
-  tuning: o,
-  dwellMs: i = 120,
-  enterMs: m = 180,
-  exitMs: b = 120
+  onResize: a,
+  onCancel: n,
+  step: s = 180,
+  gap: o = 0,
+  tuning: l,
+  dwellMs: m = 120,
+  enterMs: h = 180,
+  exitMs: u = 120,
+  maxColSpan: D = 3
 }) {
-  const [d, f] = $("idle"), [C, l] = $(e), c = M(null), v = M(null), I = M(null), p = M(r), D = M("idle");
-  A(() => {
-    D.current = d;
+  const [v, i] = $("idle"), [d, y] = $(e), I = P(null), p = P(null), S = P(null), R = P(s), C = P(o), _ = P(0), k = P("idle");
+  L(() => {
+    k.current = v;
+  }, [v]);
+  const r = He(0), g = f(
+    (N) => {
+      const F = R.current, E = C.current;
+      return N * F + (N - 1) * E;
+    },
+    []
+  ), b = P(new dt()), x = P(e);
+  L(() => {
+    x.current = d;
   }, [d]);
-  const S = Oe(0), y = M(new et()), _ = M(e);
-  A(() => {
-    _.current = C;
-  }, [C]);
-  const x = Q(() => ({ ...Ce, ...o ?? {} }), [o]), s = h(() => {
-    c.current && (clearTimeout(c.current), c.current = null);
-  }, []), g = h(() => {
-    v.current && (clearTimeout(v.current), v.current = null);
-  }, []), w = h(() => {
-    f((N) => N === "settling" || N !== "idle" ? N : (c.current = setTimeout(() => f("handle-visible"), i), "dwelling"));
-  }, [i]), T = h(() => {
-    s(), f((N) => N === "dwelling" || N === "handle-visible" ? "idle" : N);
-  }, [s]), k = h(
+  const w = ae(() => ({ ...Se, ...l ?? {} }), [l]), T = f(() => {
+    I.current && (clearTimeout(I.current), I.current = null);
+  }, []), M = f(() => {
+    p.current && (clearTimeout(p.current), p.current = null);
+  }, []), H = f(() => {
+    i((N) => N === "settling" || N !== "idle" ? N : (I.current = setTimeout(() => i("handle-visible"), m), "dwelling"));
+  }, [m]), z = f(() => {
+    T(), i((N) => N === "dwelling" || N === "handle-visible" ? "idle" : N);
+  }, [T]), Z = f(
     (N, F, E) => {
-      const L = p.current, re = L * x.snapInFraction, J = L * x.snapOutFraction, ee = F - E;
-      let H = ee;
-      for (; E + H < 3; ) {
-        const se = H * L + (H < 0 ? J : re);
-        if (N >= se) H += 1;
+      const A = R.current, J = A * w.snapInFraction, j = A * w.snapOutFraction, X = F - E;
+      let W = X;
+      for (; E + W < 3; ) {
+        const ee = W * A + (W < 0 ? j : J);
+        if (N >= ee) W += 1;
         else break;
       }
-      if (H === ee)
-        for (; E + H > 1; ) {
-          const se = H * L - (H > 0 ? J : re);
-          if (N <= se) H -= 1;
+      if (W === X)
+        for (; E + W > 1; ) {
+          const ee = W * A - (W > 0 ? j : J);
+          if (N <= ee) W -= 1;
           else break;
         }
-      return Math.min(3, Math.max(1, E + H));
+      return Math.min(3, Math.max(1, E + W));
     },
-    [x.snapInFraction, x.snapOutFraction]
-  ), R = h(
+    [w.snapInFraction, w.snapOutFraction]
+  ), G = f(
     (N) => {
-      D.current === "handle-visible" && (I.current = N.clientX, p.current = r, y.current.clear(), y.current.push({ x: N.clientX, t: performance.now() }), S.jump(0), D.current = "dragging", f("dragging"));
+      if (k.current !== "handle-visible") return;
+      S.current = N.clientX, R.current = s, C.current = o;
+      const F = e * s + (e - 1) * o;
+      _.current = F, b.current.clear(), b.current.push({ x: N.clientX, t: performance.now() }), r.jump(F), k.current = "dragging", i("dragging");
     },
-    [r, S]
-  ), P = h(
-    (N) => (N - e) * p.current,
-    [e]
-  ), G = h(
+    [s, o, e, r]
+  ), Q = f(
+    (N) => N * R.current + (N - 1) * C.current,
+    []
+  ), q = f(
     (N, F) => {
-      const E = P(N), L = N !== e;
+      const E = Q(N), A = N !== e;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        S.jump(E), L && F ? n({ direction: F, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : L || a?.(), S.jump(0), D.current = "idle", f("idle");
+        r.jump(E), A && F ? a({ direction: F, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : A || n?.(), r.jump(0), k.current = "idle", i("idle");
         return;
       }
-      const J = y.current.getWeightedVelocity() * x.velocityMultiplier;
-      D.current = "settling", f("settling"), fe(S, E, {
+      const j = b.current.getWeightedVelocity() * w.velocityMultiplier;
+      k.current = "settling", i("settling"), ye(r, E, {
         type: "spring",
-        stiffness: x.stiffness,
-        damping: x.damping,
-        mass: x.mass,
-        velocity: J,
+        stiffness: w.stiffness,
+        damping: w.damping,
+        mass: w.mass,
+        velocity: j,
         onComplete: () => {
-          L && F ? n({ direction: F, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : L || a?.(), S.jump(0), D.current = "idle", f("idle");
+          A && F ? a({ direction: F, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : A || n?.(), r.jump(0), k.current = "idle", i("idle");
         }
       });
     },
-    [P, e, t, n, a, S, x]
-  ), W = h(
+    [Q, e, t, a, n, r, w]
+  ), B = f(
     (N) => {
-      if (D.current !== "dragging") return;
-      const F = N.clientX - (I.current ?? N.clientX);
-      y.current.push({ x: N.clientX, t: performance.now() });
-      const E = k(F, _.current, e), L = E > e ? "grow" : E < e ? "shrink" : null;
-      G(E, L);
+      if (k.current !== "dragging") return;
+      const F = N.clientX - (S.current ?? N.clientX);
+      b.current.push({ x: N.clientX, t: performance.now() });
+      const E = Z(F, x.current, e), A = E > e ? "grow" : E < e ? "shrink" : null;
+      q(E, A);
     },
-    [k, e, G]
-  ), Y = h(() => {
-    if (s(), D.current === "dragging") {
+    [Z, e, q]
+  ), oe = f(() => {
+    if (T(), k.current === "dragging") {
+      const N = _.current;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        S.jump(0), a?.(), D.current = "idle", f("idle");
+        r.jump(N), n?.(), r.jump(0), k.current = "idle", i("idle");
         return;
       }
-      const F = y.current.getWeightedVelocity();
-      D.current = "settling", f("settling"), fe(S, 0, {
+      const E = b.current.getWeightedVelocity();
+      k.current = "settling", i("settling"), ye(r, N, {
         type: "spring",
-        stiffness: x.stiffness,
-        damping: x.damping,
-        mass: x.mass,
-        velocity: F,
+        stiffness: w.stiffness,
+        damping: w.damping,
+        mass: w.mass,
+        velocity: E,
         onComplete: () => {
-          a?.(), S.jump(0), D.current = "idle", f("idle");
+          n?.(), r.jump(0), k.current = "idle", i("idle");
         }
       });
       return;
     }
-    D.current === "handle-visible" && (a?.(), D.current = "cancelled", f("cancelled"));
-  }, [s, S, a, x]);
-  A(() => {
-    if (d !== "dragging" && d !== "handle-visible") return;
+    k.current === "handle-visible" && (n?.(), k.current = "cancelled", i("cancelled"));
+  }, [T, r, n, w]);
+  L(() => {
+    if (v !== "dragging" && v !== "handle-visible") return;
     const N = (F) => {
-      F.key === "Escape" && Y();
+      F.key === "Escape" && oe();
     };
     return window.addEventListener("keydown", N), () => window.removeEventListener("keydown", N);
-  }, [d, Y]), A(() => {
-    if (d !== "dragging") {
-      l(e);
+  }, [v, oe]), L(() => {
+    if (v !== "dragging") {
+      y(e);
       return;
     }
     const N = (F) => {
-      const E = F.clientX - (I.current ?? F.clientX);
-      S.set(E), y.current.push({ x: F.clientX, t: performance.now() });
-      const L = k(E, _.current, e);
-      L !== _.current && (_.current = L, l(L));
+      const E = F.clientX - (S.current ?? F.clientX), A = _.current, J = g(1), j = g(D), X = A + E, W = Math.max(J, Math.min(j, X));
+      r.set(W);
+      const ie = R.current, ee = (D - e) * ie, Be = (1 - e) * ie, Ke = Math.max(Be, Math.min(ee, E));
+      b.current.push({ x: F.clientX, t: performance.now() });
+      const le = Z(Ke, x.current, e);
+      le !== x.current && (x.current = le, y(le));
     };
     return window.addEventListener("pointermove", N), () => window.removeEventListener("pointermove", N);
-  }, [d, e, S, k]), A(() => () => {
-    s(), g();
-  }, [s, g]), A(() => {
-    if (d !== "cancelled") return;
-    const N = setTimeout(() => f("idle"), b);
+  }, [v, e, r, Z, D, g]), L(() => () => {
+    T(), M();
+  }, [T, M]), L(() => {
+    if (v !== "cancelled") return;
+    const N = setTimeout(() => i("idle"), u);
     return () => clearTimeout(N);
-  }, [d, b]);
-  const V = h(
+  }, [v, u]);
+  const Ae = f(
     (N) => {
-      if (D.current === "settling") return;
+      if (k.current === "settling") return;
       const E = Math.min(3, Math.max(1, e + (N === "grow" ? 1 : -1)));
-      E !== e && (p.current = r, y.current.clear(), S.jump(0), G(E, N));
+      if (E === e) return;
+      R.current = s, C.current = o, b.current.clear();
+      const A = e * s + (e - 1) * o;
+      _.current = A, r.jump(A), q(E, N);
     },
-    [e, r, S, G]
-  ), q = h(() => {
-    g(), v.current = setTimeout(() => {
-      D.current === "handle-visible" && (D.current = "idle", f("idle"));
+    [e, s, o, r, q]
+  ), ve = f(() => {
+    M(), p.current = setTimeout(() => {
+      k.current === "handle-visible" && (k.current = "idle", i("idle"));
     }, 5e3);
-  }, [g]), ne = h(() => {
-    D.current === "idle" && (s(), D.current = "handle-visible", f("handle-visible"), q());
-  }, [s, q]), B = h(() => {
-    g(), D.current === "handle-visible" && (D.current = "idle", f("idle"));
-  }, [g]);
+  }, [M]), Le = f(() => {
+    k.current === "idle" && (T(), k.current = "handle-visible", i("handle-visible"), ve());
+  }, [T, ve]), $e = f(() => {
+    M(), k.current === "handle-visible" && (k.current = "idle", i("idle"));
+  }, [M]);
   return {
-    state: d,
-    enterEdgeZone: w,
-    leaveEdgeZone: T,
+    state: v,
+    enterEdgeZone: H,
+    leaveEdgeZone: z,
     handleProps: {
-      onPointerDown: R,
-      onPointerUp: W,
+      onPointerDown: G,
+      onPointerUp: B,
       // Bug E: handle continues zone presence so pointer crossing sentinel→handle
       // doesn't collapse state. handle's pointerenter = stay in zone.
-      onPointerEnter: w,
-      onPointerLeave: T
+      onPointerEnter: H,
+      onPointerLeave: z
     },
-    previewColSpan: C,
+    previewColSpan: d,
     ghostProps: {
-      visible: d === "dragging" || d === "settling",
-      targetColSpan: C,
-      motionX: S,
-      enterMs: m,
-      exitMs: b
+      visible: v === "dragging" || v === "settling",
+      targetColSpan: d,
+      ghostWidth: r,
+      enterMs: h,
+      exitMs: u
     },
-    onKeyboardStep: V,
-    onTouchReveal: ne,
-    onTouchDismiss: B,
-    cancel: Y
+    onKeyboardStep: Ae,
+    onTouchReveal: Le,
+    onTouchDismiss: $e,
+    cancel: oe
   };
 }
-function ya(e) {
-  const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: r } = e;
-  if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
+function _n(e) {
+  const { cardWidthPx: t, slotCount: a, activeSlotIdx: n, pillWidthPx: s } = e;
+  if (n == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(a) || a <= 0 || !Number.isInteger(n) || n < 0 || n >= a)
     return;
-  const o = (a + 0.5) * (t / n);
-  return r != null && Number.isFinite(r) && r > 0 ? o - r / 2 : o;
+  const o = (n + 0.5) * (t / a);
+  return s != null && Number.isFinite(s) && s > 0 ? o - s / 2 : o;
 }
-const wa = [
+const In = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -708,24 +728,24 @@ const wa = [
       { value: 9, color: "#6b7280", label: "Other" }
     ]
   }
-], tt = {
+], ct = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, at = {
+}, ut = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, nt = {
+}, mt = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, rt = {
+}, pt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -733,7 +753,7 @@ const wa = [
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, st = {
+}, gt = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -742,7 +762,7 @@ const wa = [
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, ot = {
+}, ft = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -753,14 +773,14 @@ const wa = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, Da = [
-  tt,
-  at,
-  nt,
-  rt,
-  st,
-  ot
-], Ca = {
+}, Rn = [
+  ct,
+  ut,
+  mt,
+  pt,
+  gt,
+  ft
+], Mn = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -783,7 +803,7 @@ const wa = [
     59
   ],
   accentColor: "#6366f1"
-}, Na = {
+}, Pn = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -822,21 +842,21 @@ const wa = [
     19
   ],
   accentColor: "#10b981"
-}, ka = {
+}, Fn = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, Sa = {
+}, En = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, xa = {
+}, On = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -844,33 +864,33 @@ const wa = [
   trend: { value: 0, direction: "flat" },
   subtitle: "QTD"
 };
-function Ne({
+function Te({
   open: e,
   onDismiss: t,
-  anchorRef: n,
-  pages: a,
-  activePageId: r,
+  anchorRef: a,
+  pages: n,
+  activePageId: s,
   onPageChange: o,
-  onCreatePage: i,
+  onCreatePage: l,
   onManagePages: m
 }) {
-  const b = h(
-    (l) => {
-      o(l), t();
+  const h = f(
+    (i) => {
+      o(i), t();
     },
     [o, t]
-  ), d = h(
-    (l, c) => {
-      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), b(l));
+  ), u = f(
+    (i, d) => {
+      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), h(i));
     },
-    [b]
-  ), f = h(() => {
-    i(), t();
-  }, [i, t]), C = h(() => {
+    [h]
+  ), D = f(() => {
+    l(), t();
+  }, [l, t]), v = f(() => {
     m(), t();
   }, [m, t]);
   return /* @__PURE__ */ O(
-    Le,
+    Ze,
     {
       definition: {
         placement: "bottom-end",
@@ -880,58 +900,58 @@ function Ne({
       },
       open: e,
       onDismiss: t,
-      anchorRef: n,
+      anchorRef: a,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ u("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((l) => {
-          const c = l.id === r;
+        /* @__PURE__ */ c("ul", { role: "menu", className: "gloss-page-dropdown__list", children: n.map((i) => {
+          const d = i.id === s;
           return /* @__PURE__ */ O(
             "li",
             {
               role: "menuitemradio",
-              "aria-checked": c,
-              "aria-current": c ? "page" : void 0,
+              "aria-checked": d,
+              "aria-current": d ? "page" : void 0,
               tabIndex: 0,
-              className: `gloss-page-dropdown__item${c ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => b(l.id),
-              onKeyDown: (v) => d(l.id, v),
+              className: `gloss-page-dropdown__item${d ? " gloss-page-dropdown__item--active" : ""}`,
+              onClick: () => h(i.id),
+              onKeyDown: (y) => u(i.id, y),
               children: [
-                /* @__PURE__ */ u(
+                /* @__PURE__ */ c(
                   "span",
                   {
-                    className: `gloss-page-dropdown__dot${c ? " gloss-page-dropdown__dot--active" : ""}`
+                    className: `gloss-page-dropdown__dot${d ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
-                /* @__PURE__ */ u(
+                /* @__PURE__ */ c(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${l.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: l.name
+                    className: `gloss-page-dropdown__name${i.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: i.name
                   }
                 ),
-                /* @__PURE__ */ u("span", { className: "gloss-page-dropdown__count", children: l.cardCount })
+                /* @__PURE__ */ c("span", { className: "gloss-page-dropdown__count", children: i.cardCount })
               ]
             },
-            l.id
+            i.id
           );
         }) }),
-        /* @__PURE__ */ u("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: f,
+            onClick: D,
             children: "+ New page"
           }
         ),
-        /* @__PURE__ */ u("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
-            onClick: C,
+            onClick: v,
             children: "Manage pages"
           }
         )
@@ -939,30 +959,30 @@ function Ne({
     }
   );
 }
-Ne.displayName = "PageDropdown";
-const it = function({
+Te.displayName = "PageDropdown";
+const bt = function({
   currentIndex: t,
-  total: n,
-  pages: a,
-  onPageChange: r,
+  total: a,
+  pages: n,
+  onPageChange: s,
   onCreatePage: o,
-  onManagePages: i,
+  onManagePages: l,
   maskRadius: m = "var(--gloss-radius-md)"
 }) {
-  const b = M(null), [d, f] = $(!1), C = h(() => {
-    f((v) => !v);
-  }, []), l = h(() => {
-    f(!1);
-  }, []), c = a[t]?.id ?? "";
+  const h = P(null), [u, D] = $(!1), v = f(() => {
+    D((y) => !y);
+  }, []), i = f(() => {
+    D(!1);
+  }, []), d = n[t]?.id ?? "";
   return /* @__PURE__ */ O(
     "div",
     {
       className: "gloss-page-chip",
-      ref: b,
+      ref: h,
       style: { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
@@ -974,35 +994,35 @@ const it = function({
           {
             className: "gloss-page-chip__trigger",
             "aria-haspopup": "menu",
-            "aria-expanded": d,
-            "aria-label": `Page ${t + 1} of ${n}. Click to switch pages.`,
-            onClick: C,
+            "aria-expanded": u,
+            "aria-label": `Page ${t + 1} of ${a}. Click to switch pages.`,
+            onClick: v,
             children: [
               t + 1,
               " / ",
-              n
+              a
             ]
           }
         ),
-        /* @__PURE__ */ u(
-          Ne,
+        /* @__PURE__ */ c(
+          Te,
           {
-            open: d,
-            onDismiss: l,
-            anchorRef: b,
-            pages: a,
-            activePageId: c,
-            onPageChange: r,
+            open: u,
+            onDismiss: i,
+            anchorRef: h,
+            pages: n,
+            activePageId: d,
+            onPageChange: s,
             onCreatePage: o,
-            onManagePages: i
+            onManagePages: l
           }
         )
       ]
     }
   );
 };
-it.displayName = "PageChip";
-const Ta = [
+bt.displayName = "PageChip";
+const An = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -1135,7 +1155,7 @@ const Ta = [
     date: "2026-03-01",
     skuCount: 9
   }
-], _a = [
+], Ln = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1269,16 +1289,16 @@ const Ta = [
     lastDate: "2026-03-01"
   }
 ];
-function ce(e) {
+function pe(e) {
   return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
-function ke(e) {
+function _e(e) {
   return e.toLocaleString("en-US");
 }
-function Se(e) {
+function Ie(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const X = K.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Ia = [
+const ne = K.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), $n = [
   {
     field: "id",
     headerName: "Order",
@@ -1308,7 +1328,7 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.skuCount ? ke(e.skuCount) : X
+    renderCell: ({ row: e }) => e.skuCount ? _e(e.skuCount) : ne
   },
   {
     field: "total",
@@ -1318,7 +1338,7 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.total ? ce(e.total) : X
+    renderCell: ({ row: e }) => e.total ? pe(e.total) : ne
   },
   {
     field: "date",
@@ -1328,9 +1348,9 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.date ? Se(e.date) : ""
+    renderCell: ({ row: e }) => e.date ? Ie(e.date) : ""
   }
-], Ra = [
+], Bn = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1362,7 +1382,7 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.price ? ce(e.price) : X
+    renderCell: ({ row: e }) => e.price ? pe(e.price) : ne
   },
   {
     field: "quantity",
@@ -1372,7 +1392,7 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.quantity ? ke(e.quantity) : X
+    renderCell: ({ row: e }) => e.quantity ? _e(e.quantity) : ne
   },
   {
     field: "total",
@@ -1382,7 +1402,7 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.total ? ce(e.total) : X
+    renderCell: ({ row: e }) => e.total ? pe(e.total) : ne
   },
   {
     field: "lastDate",
@@ -1392,24 +1412,24 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.lastDate ? Se(e.lastDate) : ""
+    renderCell: ({ row: e }) => e.lastDate ? Ie(e.lastDate) : ""
   }
-], lt = [
+], ht = [
   { 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" }
-], dt = [
+], vt = [
   { 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" }
-], oe = (e) => {
-}, ct = (e) => {
-}, he = (e, t) => {
-}, xe = {
+], de = (e) => {
+}, yt = (e) => {
+}, De = (e, t) => {
+}, Re = {
   vizState: {
     type: "orders",
     quant: "$",
@@ -1417,17 +1437,17 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: null, name: null },
     timeFrame: "MTD"
   },
-  onTypeChange: oe,
-  onQuantChange: ct,
-  onEntityTypeChange: oe,
-  onEntitySelect: he,
-  onItemSelect: he,
-  onTimeFrameChange: oe,
+  onTypeChange: de,
+  onQuantChange: yt,
+  onEntityTypeChange: de,
+  onEntitySelect: De,
+  onItemSelect: De,
+  onTimeFrameChange: de,
   userType: "sales-agency",
-  entityFilterOptions: lt,
-  itemFilterOptions: dt
-}, Ma = {
-  ...xe,
+  entityFilterOptions: ht,
+  itemFilterOptions: vt
+}, Kn = {
+  ...Re,
   vizState: {
     type: "items",
     quant: "$",
@@ -1435,8 +1455,8 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, Pa = {
-  ...xe,
+}, Wn = {
+  ...Re,
   vizState: {
     type: "orders",
     quant: "#",
@@ -1448,7 +1468,7 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, ut = [
+}, wt = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1494,7 +1514,7 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     routeKey: "customer.profile",
     subtitle: "Opens in RepTime"
   }
-], mt = [
+], Dt = [
   {
     id: "order-items",
     label: "Items in Order",
@@ -1523,7 +1543,7 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], pt = [
+], Ct = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1551,14 +1571,14 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], Fa = {
-  entityName: ut,
-  orderId: mt,
-  numeric: pt
-}, Ea = [
+], Gn = {
+  entityName: wt,
+  orderId: Dt,
+  numeric: Ct
+}, Vn = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], Oa = {
+], Hn = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1571,7 +1591,7 @@ const X = K.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)
   ]
-}, Aa = {
+}, zn = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1579,7 +1599,7 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, La = [
+}, Zn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1601,7 +1621,7 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], $a = [
+], Un = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1618,7 +1638,7 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], Ba = [
+], Yn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1635,133 +1655,133 @@ const X = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], Ka = [
+], qn = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], Ga = [
+], jn = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-], gt = {
+], Nt = {
   timeframe: "Time Frame",
   threshold: "Thresholds",
   slots: "Slots",
   size: "Size",
   color: "Color",
   pinned: "Pinned"
-}, ft = {
-  timeframe: Be,
-  threshold: Ke,
-  slots: Ge,
-  size: Ve,
-  color: He,
-  pinned: ze
+}, kt = {
+  timeframe: Ye,
+  threshold: qe,
+  slots: je,
+  size: Xe,
+  color: Qe,
+  pinned: Je
 };
-function ve(...e) {
+function Ce(...e) {
   return e.filter(Boolean).join(" ");
 }
-function bt() {
+function xt() {
   const [e, t] = $(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
-  return A(() => {
+  return L(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
-    const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (r) => t(r.matches);
-    return typeof n.addEventListener == "function" ? (n.addEventListener("change", a), () => n.removeEventListener("change", a)) : (n.addListener?.(a), () => {
-      n.removeListener?.(a);
+    const a = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (s) => t(s.matches);
+    return typeof a.addEventListener == "function" ? (a.addEventListener("change", n), () => a.removeEventListener("change", n)) : (a.addListener?.(n), () => {
+      a.removeListener?.(n);
     });
   }, []), e;
 }
-const ht = ({
+const St = ({
   dimensions: e,
   onDimensionSelect: t,
-  activeDimension: n,
-  ariaCardTypeLabel: a,
-  className: r
+  activeDimension: a,
+  ariaCardTypeLabel: n,
+  className: s
 }) => {
-  const o = M(null), i = M([]), m = bt(), b = Q(() => Array.from(e), [e]);
-  if (b.length === 0) return null;
-  const d = a ? `Configure ${a}: choose a dimension` : void 0, f = m ? "10ms" : "200ms", C = (l, c) => {
-    const v = b.length - 1, I = (p) => {
-      const D = i.current[p];
-      D && D.focus();
+  const o = P(null), l = P([]), m = xt(), h = ae(() => Array.from(e), [e]);
+  if (h.length === 0) return null;
+  const u = n ? `Configure ${n}: choose a dimension` : void 0, D = m ? "10ms" : "200ms", v = (i, d) => {
+    const y = h.length - 1, I = (p) => {
+      const S = l.current[p];
+      S && S.focus();
     };
-    switch (l.key) {
+    switch (i.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        l.preventDefault(), I(c === v ? 0 : c + 1);
+        i.preventDefault(), I(d === y ? 0 : d + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        l.preventDefault(), I(c === 0 ? v : c - 1);
+        i.preventDefault(), I(d === 0 ? y : d - 1);
         break;
       }
       case "Home": {
-        l.preventDefault(), I(0);
+        i.preventDefault(), I(0);
         break;
       }
       case "End": {
-        l.preventDefault(), I(v);
+        i.preventDefault(), I(y);
         break;
       }
       case "Enter":
       case " ": {
-        l.preventDefault(), t(b[c]);
+        i.preventDefault(), t(h[d]);
         break;
       }
     }
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ c(
     "div",
     {
       ref: o,
       role: "group",
-      "aria-label": d,
-      className: ve("gloss-reconfig-backside-buttons", r),
+      "aria-label": u,
+      className: Ce("gloss-reconfig-backside-buttons", s),
       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": f
+        "--gloss-reconfig-backside-buttons-transition-duration": D
       },
-      children: b.map((l, c) => {
-        const v = ft[l], I = n === l;
+      children: h.map((i, d) => {
+        const y = kt[i], I = a === i;
         return /* @__PURE__ */ O(
           "button",
           {
             ref: (p) => {
-              i.current[c] = p;
+              l.current[d] = p;
             },
             type: "button",
-            "data-dimension": l,
-            className: ve(
+            "data-dimension": i,
+            className: Ce(
               "gloss-reconfig-backside-buttons__button",
               I && "gloss-reconfig-backside-buttons__button--active"
             ),
             "aria-current": I ? "true" : void 0,
-            onClick: () => t(l),
-            onKeyDown: (p) => C(p, c),
+            onClick: () => t(i),
+            onKeyDown: (p) => v(p, d),
             children: [
-              /* @__PURE__ */ u(
-                v,
+              /* @__PURE__ */ c(
+                y,
                 {
                   className: "gloss-reconfig-backside-buttons__button-icon",
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ u("span", { className: "gloss-reconfig-backside-buttons__button-label", children: gt[l] })
+              /* @__PURE__ */ c("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Nt[i] })
             ]
           },
-          l
+          i
         );
       })
     }
   );
 };
-ht.displayName = "ReconfigBacksideButtons";
-function z(e, t) {
+St.displayName = "ReconfigBacksideButtons";
+function V(e, t) {
   return {
     id: e,
     colSpan: 1,
@@ -1781,38 +1801,38 @@ function z(e, t) {
     }, t)
   };
 }
-function ye(e, t) {
+function Ne(e, t) {
   return {
-    ...z(e, t),
+    ...V(e, t),
     colSpan: 2
   };
 }
-const Va = [
-  z("total-revenue", "Total Revenue"),
-  z("total-orders", "Total Orders"),
-  ye("revenue-trend", "Revenue Trend (2x)"),
-  z("avg-order", "Avg Order Value"),
-  z("new-customers", "New Customers"),
-  z("top-salesperson", "Top Salesperson"),
-  ye("order-trend", "Order Trend (2x)"),
-  z("repeat-rate", "Repeat Rate"),
-  z("open-orders", "Open Orders"),
-  z("shipped-orders", "Shipped Orders")
-], Ha = {
+const Xn = [
+  V("total-revenue", "Total Revenue"),
+  V("total-orders", "Total Orders"),
+  Ne("revenue-trend", "Revenue Trend (2x)"),
+  V("avg-order", "Avg Order Value"),
+  V("new-customers", "New Customers"),
+  V("top-salesperson", "Top Salesperson"),
+  Ne("order-trend", "Order Trend (2x)"),
+  V("repeat-rate", "Repeat Rate"),
+  V("open-orders", "Open Orders"),
+  V("shipped-orders", "Shipped Orders")
+], Qn = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, za = {
+}, Jn = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, Wa = {
+}, ea = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -1820,15 +1840,15 @@ const Va = [
   currentPage: 0,
   totalPages: 3
 };
-function ie(e) {
+function ce(e) {
   return K.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const Za = [
+const ta = [
   {
     id: "all-orders",
     type: "orders",
     name: "All Orders",
-    icon: ie("📋"),
+    icon: ce("📋"),
     closable: !1,
     autoCreated: !0
   },
@@ -1836,17 +1856,17 @@ const Za = [
     id: "open-orders",
     type: "orders",
     name: "Open Orders",
-    icon: ie("📦"),
+    icon: ce("📦"),
     closable: !0
   },
   {
     id: "shipped-orders",
     type: "orders",
     name: "Shipped Orders",
-    icon: ie("🚚"),
+    icon: ce("🚚"),
     closable: !0
   }
-], Ua = [
+], na = [
   {
     id: "orders-main",
     type: "orders",
@@ -1872,7 +1892,7 @@ const Za = [
     name: "Customers",
     closable: !0
   }
-], Ya = [
+], aa = [
   {
     id: "only-tab",
     type: "orders",
@@ -1880,7 +1900,7 @@ const Za = [
     closable: !1,
     autoCreated: !0
   }
-], qa = [
+], ra = [
   { 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 },
@@ -1892,7 +1912,7 @@ const Za = [
   { id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
   { id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
 ];
-function ue(e) {
+function ge(e) {
   switch (e) {
     case "wide":
       return { cols: 2, rows: 1 };
@@ -1903,39 +1923,39 @@ function ue(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function vt(e) {
+function Tt(e) {
   let t = 0;
-  for (const a of e) {
-    const r = ue(a.size), o = a.gridPosition.col + r.cols - 1;
+  for (const n of e) {
+    const s = ge(n.size), o = n.gridPosition.col + s.cols - 1;
     o > t && (t = o);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const yt = function(t) {
+const _t = function(t) {
   if (t.renderMode === "discrete")
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ c(
       "div",
       {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
-        children: t.cards.map((r) => {
-          const o = ue(r.size);
-          return /* @__PURE__ */ u(
+        children: t.cards.map((s) => {
+          const o = ge(s.size);
+          return /* @__PURE__ */ c(
             "div",
             {
               className: "gloss-metric-group__slot",
               style: {
-                gridColumn: `${r.gridPosition.col} / span ${o.cols}`,
-                gridRow: `${r.gridPosition.row} / span ${o.rows}`
+                gridColumn: `${s.gridPosition.col} / span ${o.cols}`,
+                gridRow: `${s.gridPosition.row} / span ${o.rows}`
               },
-              children: r.children
+              children: s.children
             },
-            r.key
+            s.key
           );
         })
       }
     );
-  const { cards: n, composite: a } = t;
+  const { cards: a, composite: n } = t;
   return /* @__PURE__ */ O(
     "div",
     {
@@ -1951,50 +1971,50 @@ const yt = function(t) {
         padding: "10px 12px 8px",
         overflow: "visible"
       },
-      role: a?.label ? "group" : void 0,
-      "aria-label": a?.label,
+      role: n?.label ? "group" : void 0,
+      "aria-label": n?.label,
       tabIndex: void 0,
       children: [
-        a?.accentColor && /* @__PURE__ */ u(
+        n?.accentColor && /* @__PURE__ */ c(
           "div",
           {
             className: "gloss-metric-group__accent",
-            style: { background: a.accentColor }
+            style: { background: n.accentColor }
           }
         ),
-        a?.label && /* @__PURE__ */ O("div", { className: "gloss-metric-group__label", children: [
-          /* @__PURE__ */ u("span", { children: a.label }),
-          a?.trend && /* @__PURE__ */ u(
+        n?.label && /* @__PURE__ */ O("div", { className: "gloss-metric-group__label", children: [
+          /* @__PURE__ */ c("span", { children: n.label }),
+          n?.trend && /* @__PURE__ */ c(
             "span",
             {
               className: "gloss-metric-group__trend",
-              "data-direction": a.trend.direction,
-              children: a.trend.delta
+              "data-direction": n.trend.direction,
+              children: n.trend.delta
             }
           )
         ] }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           "div",
           {
             className: "gloss-metric-group__slots",
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: vt(n)
+              gridTemplateColumns: Tt(a)
             },
-            children: n.map((r) => {
-              const o = ue(r.size);
-              return /* @__PURE__ */ u(
+            children: a.map((s) => {
+              const o = ge(s.size);
+              return /* @__PURE__ */ c(
                 "div",
                 {
                   className: "gloss-metric-group__slot--composite",
                   style: {
-                    gridColumn: `${r.gridPosition.col} / span ${o.cols}`,
-                    gridRow: `${r.gridPosition.row} / span ${o.rows}`
+                    gridColumn: `${s.gridPosition.col} / span ${o.cols}`,
+                    gridRow: `${s.gridPosition.row} / span ${o.rows}`
                   },
-                  children: r.children
+                  children: s.children
                 },
-                r.key
+                s.key
               );
             })
           }
@@ -2003,48 +2023,48 @@ const yt = function(t) {
     }
   );
 };
-yt.displayName = "MetricGroupContainer";
-const Te = "resize.tuning.dev", wt = {
-  ...Ce,
+_t.displayName = "MetricGroupContainer";
+const Me = "resize.tuning.dev", It = {
+  ...Se,
   snapInPx: 60,
   snapOutPx: 90
-}, U = wt;
-function Dt() {
-  if (typeof window > "u") return { ...U };
+}, Y = It;
+function Rt() {
+  if (typeof window > "u") return { ...Y };
   try {
-    const e = window.localStorage.getItem(Te);
-    if (!e) return { ...U };
+    const e = window.localStorage.getItem(Me);
+    if (!e) return { ...Y };
     const t = JSON.parse(e);
-    return !t || typeof t != "object" || Array.isArray(t) ? { ...U } : { ...U, ...t };
+    return !t || typeof t != "object" || Array.isArray(t) ? { ...Y } : { ...Y, ...t };
   } catch {
-    return { ...U };
+    return { ...Y };
   }
 }
-function Ct() {
-  const [e, t] = $(() => Dt());
-  A(() => {
+function Mt() {
+  const [e, t] = $(() => Rt());
+  L(() => {
     if (!(typeof window > "u"))
       try {
-        window.localStorage.setItem(Te, JSON.stringify(e));
+        window.localStorage.setItem(Me, JSON.stringify(e));
       } catch {
       }
   }, [e]);
-  const n = h(
-    (o, i) => {
-      t((m) => ({ ...m, [o]: i }));
+  const a = f(
+    (o, l) => {
+      t((m) => ({ ...m, [o]: l }));
     },
     []
-  ), a = h(
+  ), n = f(
     (o) => {
-      t((i) => ({ ...i, [o]: U[o] }));
+      t((l) => ({ ...l, [o]: Y[o] }));
     },
     []
-  ), r = h(() => {
-    t({ ...U });
+  ), s = f(() => {
+    t({ ...Y });
   }, []);
-  return { values: e, setValue: n, resetRow: a, resetAll: r };
+  return { values: e, setValue: a, resetRow: n, resetAll: s };
 }
-const Nt = [
+const Pt = [
   { key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
   { key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
   { key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
@@ -2055,10 +2075,10 @@ const Nt = [
   { key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
   { key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
 ];
-function kt(e, t) {
+function Ft(e, t) {
   return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
 }
-function St() {
+function Et() {
   return /* @__PURE__ */ O(
     "svg",
     {
@@ -2072,32 +2092,32 @@ function St() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ u("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
-        /* @__PURE__ */ u("polyline", { points: "3 3 3 8 8 8" })
+        /* @__PURE__ */ c("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
+        /* @__PURE__ */ c("polyline", { points: "3 3 3 8 8 8" })
       ]
     }
   );
 }
-function xt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
-  const o = h(
-    (i) => {
-      (i.key === "r" || i.key === "R") && (i.preventDefault(), a());
+function Ot({ spec: e, value: t, onChange: a, onReset: n, flashing: s }) {
+  const o = f(
+    (l) => {
+      (l.key === "r" || l.key === "R") && (l.preventDefault(), n());
     },
-    [a]
+    [n]
   );
   return /* @__PURE__ */ O(
     "div",
     {
-      className: `gloss-dev-tuning-panel__row${r ? " gloss-dev-tuning-panel__row--flash" : ""}`,
+      className: `gloss-dev-tuning-panel__row${s ? " gloss-dev-tuning-panel__row--flash" : ""}`,
       "data-tuning-row": e.key,
       onKeyDown: o,
       children: [
-        /* @__PURE__ */ u("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
+        /* @__PURE__ */ c("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
         /* @__PURE__ */ O("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
-          kt(t, e.step),
+          Ft(t, e.step),
           e.unit ? ` ${e.unit}` : ""
         ] }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           "input",
           {
             id: `gloss-dtp-${e.key}`,
@@ -2108,24 +2128,24 @@ function xt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
             step: e.step,
             value: t,
             "aria-label": e.label,
-            onChange: (i) => n(Number(i.target.value))
+            onChange: (l) => a(Number(l.target.value))
           }
         ),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             className: "gloss-dev-tuning-panel__reset",
             "aria-label": `Reset ${e.label}`,
-            onClick: a,
-            children: /* @__PURE__ */ u(St, {})
+            onClick: n,
+            children: /* @__PURE__ */ c(Et, {})
           }
         )
       ]
     }
   );
 }
-function Tt() {
+function At() {
   if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
   try {
     return new URLSearchParams(window.location.search).has("devtune");
@@ -2133,23 +2153,23 @@ function Tt() {
     return !1;
   }
 }
-function _t(e = {}) {
-  return Tt() ? /* @__PURE__ */ u(It, {}) : null;
+function Lt(e = {}) {
+  return At() ? /* @__PURE__ */ c($t, {}) : null;
 }
-_t.displayName = "DevTuningPanel";
-function It() {
-  const e = Ct(), { values: t, setValue: n, resetRow: a, resetAll: r } = e, [o, i] = $(null), m = M(null), b = h((l) => {
-    m.current && clearTimeout(m.current), i(l), m.current = setTimeout(() => {
-      i(null), m.current = null;
+Lt.displayName = "DevTuningPanel";
+function $t() {
+  const e = Mt(), { values: t, setValue: a, resetRow: n, resetAll: s } = e, [o, l] = $(null), m = P(null), h = f((i) => {
+    m.current && clearTimeout(m.current), l(i), m.current = setTimeout(() => {
+      l(null), m.current = null;
     }, 200);
-  }, []), d = h(
-    (l, c) => {
-      n(l, c), l === "snapInPx" && c > t.snapOutPx && (n("snapOutPx", c), b("snapOutPx"));
+  }, []), u = f(
+    (i, d) => {
+      a(i, d), i === "snapInPx" && d > t.snapOutPx && (a("snapOutPx", d), h("snapOutPx"));
     },
-    [n, t.snapOutPx, b]
-  ), f = Q(() => Nt, []), C = Ae();
+    [a, t.snapOutPx, h]
+  ), D = ae(() => Pt, []), v = ze();
   return /* @__PURE__ */ O(
-    De.div,
+    xe.div,
     {
       className: "gloss-dev-tuning-panel",
       role: "region",
@@ -2157,37 +2177,37 @@ function It() {
       "data-testid": "gloss-dev-tuning-panel",
       drag: !0,
       dragListener: !1,
-      dragControls: C,
+      dragControls: v,
       dragMomentum: !1,
       children: [
         /* @__PURE__ */ O(
           "div",
           {
             className: "gloss-dev-tuning-panel__header",
-            onPointerDown: (l) => C.start(l),
+            onPointerDown: (i) => v.start(i),
             children: [
-              /* @__PURE__ */ u("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
-              /* @__PURE__ */ u("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
+              /* @__PURE__ */ c("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
+              /* @__PURE__ */ c("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
             ]
           }
         ),
-        /* @__PURE__ */ u("div", { className: "gloss-dev-tuning-panel__body", children: f.map((l) => /* @__PURE__ */ u(
-          xt,
+        /* @__PURE__ */ c("div", { className: "gloss-dev-tuning-panel__body", children: D.map((i) => /* @__PURE__ */ c(
+          Ot,
           {
-            spec: l,
-            value: t[l.key],
-            onChange: (c) => d(l.key, c),
-            onReset: () => a(l.key),
-            flashing: o === l.key
+            spec: i,
+            value: t[i.key],
+            onChange: (d) => u(i.key, d),
+            onReset: () => n(i.key),
+            flashing: o === i.key
           },
-          l.key
+          i.key
         )) }),
-        /* @__PURE__ */ u("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ u(
+        /* @__PURE__ */ c("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             className: "gloss-dev-tuning-panel__reset-all",
-            onClick: r,
+            onClick: s,
             children: "Reset all"
           }
         ) })
@@ -2195,7 +2215,7 @@ function It() {
     }
   );
 }
-const Z = {
+const U = {
   "gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
   "gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
   "gloss-inline-nudge__actions": "_gloss-inline-nudge__actions_kdk88_72",
@@ -2203,58 +2223,58 @@ const Z = {
   "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 Rt({
+function Bt({
   message: e,
   primaryAction: t,
-  onDismiss: n,
-  anchorEl: a,
-  anchorSelector: r
+  onDismiss: a,
+  anchorEl: n,
+  anchorSelector: s
 }) {
-  const [o, i] = K.useState(null), m = K.useMemo(
+  const [o, l] = K.useState(null), m = K.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
   K.useEffect(() => {
-    !a && !r && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
+    !n && !s && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
       "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
     );
-  }, [a, r]), K.useLayoutEffect(() => {
-    let d = null;
-    if (a ? d = a : r && (d = document.querySelector(r)), d) {
-      const f = d.getBoundingClientRect();
-      i({
-        top: f.bottom + window.scrollY + 6,
-        left: f.left + window.scrollX
+  }, [n, s]), K.useLayoutEffect(() => {
+    let u = null;
+    if (n ? u = n : s && (u = document.querySelector(s)), u) {
+      const D = u.getBoundingClientRect();
+      l({
+        top: D.bottom + window.scrollY + 6,
+        left: D.left + window.scrollX
       });
     }
-  }, [a, r]);
-  const b = o ? { top: o.top, left: o.left } : {};
+  }, [n, s]);
+  const h = o ? { top: o.top, left: o.left } : {};
   return /* @__PURE__ */ O(
     "div",
     {
-      className: Z["gloss-inline-nudge"],
-      style: b,
+      className: U["gloss-inline-nudge"],
+      style: h,
       role: "status",
       "aria-live": "polite",
       "data-reduced-motion": m ? "true" : void 0,
       children: [
-        /* @__PURE__ */ u("span", { className: Z["gloss-inline-nudge__message"], children: e }),
-        /* @__PURE__ */ O("div", { className: Z["gloss-inline-nudge__actions"], children: [
-          /* @__PURE__ */ u(
+        /* @__PURE__ */ c("span", { className: U["gloss-inline-nudge__message"], children: e }),
+        /* @__PURE__ */ O("div", { className: U["gloss-inline-nudge__actions"], children: [
+          /* @__PURE__ */ c(
             "button",
             {
               type: "button",
-              className: `${Z["gloss-inline-nudge__btn"]} ${Z["gloss-inline-nudge__btn--action"]}`,
+              className: `${U["gloss-inline-nudge__btn"]} ${U["gloss-inline-nudge__btn--action"]}`,
               onClick: t.onClick,
               children: t.label
             }
           ),
-          /* @__PURE__ */ u(
+          /* @__PURE__ */ c(
             "button",
             {
               type: "button",
-              className: `${Z["gloss-inline-nudge__btn"]} ${Z["gloss-inline-nudge__btn--dismiss"]}`,
-              onClick: n,
+              className: `${U["gloss-inline-nudge__btn"]} ${U["gloss-inline-nudge__btn--dismiss"]}`,
+              onClick: a,
               "aria-label": "Dismiss",
               children: "Dismiss"
             }
@@ -2264,378 +2284,378 @@ function Rt({
     }
   );
 }
-Rt.displayName = "InlineNudge";
-function me(e) {
+Bt.displayName = "InlineNudge";
+function fe(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function Mt(e, t, n) {
-  if (n <= t) {
-    const i = e[0], m = i ? me(i) : "#888";
+function Kt(e, t, a) {
+  if (a <= t) {
+    const l = e[0], m = l ? fe(l) : "#888";
     return `linear-gradient(to right, ${m}, ${m})`;
   }
-  const a = n - t, o = [...e].sort((i, m) => i.value - m.value).map((i) => {
-    const m = (i.value - t) / a * 100;
-    return `${me(i)} ${m.toFixed(2)}%`;
+  const n = a - t, o = [...e].sort((l, m) => l.value - m.value).map((l) => {
+    const m = (l.value - t) / n * 100;
+    return `${fe(l)} ${m.toFixed(2)}%`;
   });
   return o.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : o.length === 1 ? `linear-gradient(to right, ${o[0]}, ${o[0]})` : `linear-gradient(to right, ${o.join(", ")})`;
 }
-function Pt(e) {
+function Wt(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function Ft({
+function Gt({
   stops: e,
   onChange: t,
-  min: n = 0,
-  max: a = 100,
-  step: r,
+  min: a = 0,
+  max: n = 100,
+  step: s,
   disabled: o = !1
 }) {
-  const i = r === void 0 ? 0.01 : !Number.isFinite(r) || r <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
-    `ThresholdRamp: step (${r}) must be a positive finite number; falling back to 0.01.`
-  ), 0.01) : r, m = h(
-    (s) => Math.round(s / i) * i,
-    [i]
-  ), b = M(null), [d, f] = $(null), [C, l] = $(e), c = Pt(e), v = M(c);
-  A(() => {
-    v.current !== c && (v.current = c, !d && l(e));
-  }, [c, e, d]);
-  const I = Q(() => Mt(C, n, a), [C, n, a]), p = h(
-    (s) => {
-      if (!b.current) return n;
-      const g = b.current.getBoundingClientRect(), w = g.width || 1, T = Math.max(0, Math.min(1, (s - g.left) / w)), k = n + T * (a - n);
-      return m(k);
+  const l = s === void 0 ? 0.01 : !Number.isFinite(s) || s <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
+    `ThresholdRamp: step (${s}) must be a positive finite number; falling back to 0.01.`
+  ), 0.01) : s, m = f(
+    (r) => Math.round(r / l) * l,
+    [l]
+  ), h = P(null), [u, D] = $(null), [v, i] = $(e), d = Wt(e), y = P(d);
+  L(() => {
+    y.current !== d && (y.current = d, !u && i(e));
+  }, [d, e, u]);
+  const I = ae(() => Kt(v, a, n), [v, a, n]), p = f(
+    (r) => {
+      if (!h.current) return a;
+      const g = h.current.getBoundingClientRect(), b = g.width || 1, x = Math.max(0, Math.min(1, (r - g.left) / b)), w = a + x * (n - a);
+      return m(w);
     },
-    [n, a, m]
+    [a, n, m]
   );
-  A(() => {
-    a <= n && process.env.NODE_ENV !== "production" && console.warn(
-      `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
+  L(() => {
+    n <= a && process.env.NODE_ENV !== "production" && console.warn(
+      `ThresholdRamp: max (${n}) must be greater than min (${a}); rendering degenerate strip.`
     );
-  }, [n, a]);
-  const D = h(
-    (s, g) => {
-      const w = C.find((T) => T.id === g);
-      o || w?.disabled || (s.preventDefault(), f(g));
+  }, [a, n]);
+  const S = f(
+    (r, g) => {
+      const b = v.find((x) => x.id === g);
+      o || b?.disabled || (r.preventDefault(), D(g));
     },
-    [o, C]
-  ), S = M(C);
-  S.current = C;
-  const y = M(t);
-  y.current = t, A(() => {
-    if (!d) return;
-    const s = (w) => {
-      const T = p(w.clientX);
-      l(
-        (k) => k.map((R) => R.id === d ? { ...R, value: T } : R)
+    [o, v]
+  ), R = P(v);
+  R.current = v;
+  const C = P(t);
+  C.current = t, L(() => {
+    if (!u) return;
+    const r = (b) => {
+      const x = p(b.clientX);
+      i(
+        (w) => w.map((T) => T.id === u ? { ...T, value: x } : T)
       );
-    }, g = (w) => {
-      const T = p(w.clientX), k = S.current.map(
-        (R) => R.id === d ? { ...R, value: T } : R
+    }, g = (b) => {
+      const x = p(b.clientX), w = R.current.map(
+        (T) => T.id === u ? { ...T, value: x } : T
       );
-      l(k), f(null), y.current(k);
+      i(w), D(null), C.current(w);
     };
-    return window.addEventListener("pointermove", s), window.addEventListener("pointerup", g), window.addEventListener("pointercancel", g), () => {
-      window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", g), window.removeEventListener("pointercancel", g);
+    return window.addEventListener("pointermove", r), window.addEventListener("pointerup", g), window.addEventListener("pointercancel", g), () => {
+      window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", g), window.removeEventListener("pointercancel", g);
     };
-  }, [d, p]);
-  const _ = a - n > 0 ? a - n : 1, x = h(
-    (s, g) => {
+  }, [u, p]);
+  const _ = n - a > 0 ? n - a : 1, k = f(
+    (r, g) => {
       if (o || g.disabled) return;
-      const w = a - n;
-      if (w <= 0) return;
-      const T = s.shiftKey ? w / 20 : w / 100;
-      let k = g.value;
-      switch (s.key) {
+      const b = n - a;
+      if (b <= 0) return;
+      const x = r.shiftKey ? b / 20 : b / 100;
+      let w = g.value;
+      switch (r.key) {
         case "ArrowRight":
         case "ArrowUp":
-          k = g.value + T;
+          w = g.value + x;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          k = g.value - T;
+          w = g.value - x;
           break;
         case "Home":
-          k = n;
+          w = a;
           break;
         case "End":
-          k = a;
+          w = n;
           break;
         default:
           return;
       }
-      s.preventDefault();
-      const R = Math.max(n, Math.min(a, k)), P = m(R);
-      if (P === g.value) return;
-      const G = C.map(
-        (W) => W.id === g.id ? { ...W, value: P } : W
+      r.preventDefault();
+      const T = Math.max(a, Math.min(n, w)), M = m(T);
+      if (M === g.value) return;
+      const H = v.map(
+        (z) => z.id === g.id ? { ...z, value: M } : z
       );
-      l(G), t(G);
+      i(H), t(H);
     },
-    [o, n, a, C, t, m]
+    [o, a, n, v, t, m]
   );
-  return /* @__PURE__ */ u("div", { className: "gloss-threshold-ramp", "data-disabled": o || void 0, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ c("div", { className: "gloss-threshold-ramp", "data-disabled": o || void 0, children: /* @__PURE__ */ c(
     "div",
     {
-      ref: b,
+      ref: h,
       className: "gloss-threshold-ramp__track",
       style: { background: I },
-      children: C.map((s) => {
-        const g = (s.value - n) / _ * 100;
-        return /* @__PURE__ */ u(
+      children: v.map((r) => {
+        const g = (r.value - a) / _ * 100;
+        return /* @__PURE__ */ c(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
               left: `${g}%`,
-              color: me(s)
+              color: fe(r)
             },
-            "data-disabled": s.disabled || void 0,
-            "data-dragging": d === s.id || void 0,
-            onPointerDown: (w) => D(w, s.id),
-            onKeyDown: (w) => x(w, s),
-            "aria-label": s.label ?? `Stop at ${s.value}`,
+            "data-disabled": r.disabled || void 0,
+            "data-dragging": u === r.id || void 0,
+            onPointerDown: (b) => S(b, r.id),
+            onKeyDown: (b) => k(b, r),
+            "aria-label": r.label ?? `Stop at ${r.value}`,
             role: "slider",
-            "aria-valuenow": s.value,
-            "aria-valuemin": n,
-            "aria-valuemax": a,
-            "aria-disabled": s.disabled || o || void 0,
-            tabIndex: s.disabled || o ? -1 : 0
+            "aria-valuenow": r.value,
+            "aria-valuemin": a,
+            "aria-valuemax": n,
+            "aria-disabled": r.disabled || o || void 0,
+            tabIndex: r.disabled || o ? -1 : 0
           },
-          s.id
+          r.id
         );
       })
     }
   ) });
 }
-Ft.displayName = "ThresholdRamp";
-const _e = Fe(null);
-function Et() {
-  return Ee(_e);
+Gt.displayName = "ThresholdRamp";
+const Pe = Ge(null);
+function Vt() {
+  return Ve(Pe);
 }
-function Ot({ option: e }) {
-  const t = Et(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = h(() => {
-    a || t?.select(e.value);
-  }, [a, t, e.value]), o = h(
-    (d) => {
-      a || t?.onKeyNav(d, e.value);
+function Ht({ option: e }) {
+  const t = Vt(), a = t?.isSelected(e.value) ?? !1, n = e.disabled || t?.groupDisabled, s = f(() => {
+    n || t?.select(e.value);
+  }, [n, t, e.value]), o = f(
+    (u) => {
+      n || t?.onKeyNav(u, e.value);
     },
-    [a, t, e.value]
-  ), i = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", m = t?.firstFocusableValue === e.value, b = a ? -1 : m ? 0 : -1;
-  return /* @__PURE__ */ u(
+    [n, t, e.value]
+  ), l = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", m = t?.firstFocusableValue === e.value, h = n ? -1 : m ? 0 : -1;
+  return /* @__PURE__ */ c(
     "button",
     {
-      ref: (d) => t?.registerRef(e.value, d),
+      ref: (u) => t?.registerRef(e.value, u),
       type: "button",
       role: "radio",
-      "aria-checked": n,
+      "aria-checked": a,
       className: "gloss-preset-swatch-row__swatch",
-      style: { backgroundColor: i },
-      "data-selected": n || void 0,
-      "data-disabled": a || void 0,
-      ...process.env.NODE_ENV === "test" ? { "data-bg-color": i } : {},
+      style: { backgroundColor: l },
+      "data-selected": a || void 0,
+      "data-disabled": n || void 0,
+      ...process.env.NODE_ENV === "test" ? { "data-bg-color": l } : {},
       "aria-label": e.label ?? e.value,
-      "aria-disabled": a,
-      disabled: a,
-      tabIndex: b,
-      onClick: r,
+      "aria-disabled": n,
+      disabled: n,
+      tabIndex: h,
+      onClick: s,
       onKeyDown: o
     }
   );
 }
-function At({
+function zt({
   swatches: e,
   value: t,
-  defaultValue: n,
-  onChange: a,
-  disabled: r = !1,
+  defaultValue: a,
+  onChange: n,
+  disabled: s = !1,
   name: o
 }) {
-  const i = t !== void 0, [m, b] = $(n), d = i ? t : m, f = h(
-    (y) => {
-      i || b(y), a?.(y);
+  const l = t !== void 0, [m, h] = $(a), u = l ? t : m, D = f(
+    (C) => {
+      l || h(C), n?.(C);
     },
-    [i, a]
-  ), C = h(
-    (y) => d === y,
-    [d]
-  ), l = M(/* @__PURE__ */ new Map()), c = h((y, _) => {
-    _ ? l.current.set(y, _) : l.current.delete(y);
-  }, []), v = e.filter((y) => !y.disabled && !r), I = v.find((y) => y.value === d)?.value ?? v[0]?.value, p = h((y) => {
-    const _ = l.current.get(y);
+    [l, n]
+  ), v = f(
+    (C) => u === C,
+    [u]
+  ), i = P(/* @__PURE__ */ new Map()), d = f((C, _) => {
+    _ ? i.current.set(C, _) : i.current.delete(C);
+  }, []), y = e.filter((C) => !C.disabled && !s), I = y.find((C) => C.value === u)?.value ?? y[0]?.value, p = f((C) => {
+    const _ = i.current.get(C);
     _ && _.focus();
-  }, []), D = h(
-    (y, _) => {
-      if (r) return;
-      const x = e.filter((T) => !T.disabled);
-      if (x.length === 0) return;
-      const s = x.findIndex((T) => T.value === _);
-      if (s === -1) return;
-      let g = s;
-      switch (y.key) {
+  }, []), S = f(
+    (C, _) => {
+      if (s) return;
+      const k = e.filter((x) => !x.disabled);
+      if (k.length === 0) return;
+      const r = k.findIndex((x) => x.value === _);
+      if (r === -1) return;
+      let g = r;
+      switch (C.key) {
         case "ArrowRight":
         case "ArrowDown":
-          g = (s + 1) % x.length;
+          g = (r + 1) % k.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          g = (s - 1 + x.length) % x.length;
+          g = (r - 1 + k.length) % k.length;
           break;
         case "Home":
           g = 0;
           break;
         case "End":
-          g = x.length - 1;
+          g = k.length - 1;
           break;
         case " ":
         case "Enter":
-          y.preventDefault(), f(_);
+          C.preventDefault(), D(_);
           return;
         default:
           return;
       }
-      y.preventDefault();
-      const w = x[g].value;
-      p(w), f(w);
+      C.preventDefault();
+      const b = k[g].value;
+      p(b), D(b);
     },
-    [r, e, f, p]
-  ), S = {
-    selectedValue: d,
-    select: f,
-    isSelected: C,
-    groupDisabled: r,
+    [s, e, D, p]
+  ), R = {
+    selectedValue: u,
+    select: D,
+    isSelected: v,
+    groupDisabled: s,
     name: o,
-    registerRef: c,
+    registerRef: d,
     firstFocusableValue: I,
-    onKeyNav: D
+    onKeyNav: S
   };
-  return /* @__PURE__ */ u(_e.Provider, { value: S, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ c(Pe.Provider, { value: R, children: /* @__PURE__ */ c(
     "div",
     {
       className: "gloss-preset-swatch-row",
       role: "radiogroup",
       "aria-label": o,
-      "aria-disabled": r,
-      "data-disabled": r || void 0,
-      children: e.map((y) => /* @__PURE__ */ u(Ot, { option: y }, y.value))
+      "aria-disabled": s,
+      "data-disabled": s || void 0,
+      children: e.map((C) => /* @__PURE__ */ c(Ht, { option: C }, C.value))
     }
   ) });
 }
-At.displayName = "PresetSwatchRow";
-function pe(e, t) {
-  for (const n of e)
-    if (n.items.some((a) => a.id === t))
-      return n.zoneKey;
+zt.displayName = "PresetSwatchRow";
+function be(e, t) {
+  for (const a of e)
+    if (a.items.some((n) => n.id === t))
+      return a.zoneKey;
   return null;
 }
-function we(e, t) {
-  const n = e.find((a) => a.zoneKey === t);
-  return n ? n.zoneKey : pe(e, t);
+function ke(e, t) {
+  const a = e.find((n) => n.zoneKey === t);
+  return a ? a.zoneKey : be(e, t);
 }
-function Lt(e, t, n) {
-  const a = [...e], [r] = a.splice(t, 1);
-  return a.splice(n, 0, r), a;
+function Zt(e, t, a) {
+  const n = [...e], [s] = n.splice(t, 1);
+  return n.splice(a, 0, s), n;
 }
-function $t(e) {
-  return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
+function Ut(e) {
+  return e.map((t) => `${t.zoneKey}:${t.items.map((a) => a.id).join(",")}`).join("|");
 }
-function Bt(e) {
-  const [t, n] = $(
+function Yt(e) {
+  const [t, a] = $(
     () => e.zones.map((p) => p.maxItems !== void 0 && p.items.length > p.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
       `useSortableZones: zone "${p.zoneKey}" exceeds maxItems (${p.items.length} > ${p.maxItems}); trimming to cap.`
     ), { ...p, items: p.items.slice(0, p.maxItems) }) : p)
-  ), [a, r] = $(null), [o, i] = $(null), m = M(null), b = M(e.onZoneChange);
-  b.current = e.onZoneChange;
-  const d = Q(
-    () => $t(e.zones),
+  ), [n, s] = $(null), [o, l] = $(null), m = P(null), h = P(e.onZoneChange);
+  h.current = e.onZoneChange;
+  const u = ae(
+    () => Ut(e.zones),
     [e.zones]
-  ), f = M(d);
-  A(() => {
-    f.current !== d && (f.current = d, !a && n(
+  ), D = P(u);
+  L(() => {
+    D.current !== u && (D.current = u, !n && a(
       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)
     ));
-  }, [d, e.zones, a]);
-  const C = h(
+  }, [u, e.zones, n]);
+  const v = f(
     (p) => {
-      const D = p.active.id;
-      let S = null, y = null;
+      const S = p.active.id;
+      let R = null, C = null;
       for (const _ of t) {
-        const x = _.items.find((s) => s.id === D);
-        if (x) {
-          S = x, y = _.zoneKey;
+        const k = _.items.find((r) => r.id === S);
+        if (k) {
+          R = k, C = _.zoneKey;
           break;
         }
       }
-      m.current = y, r(S), i(y);
+      m.current = C, s(R), l(C);
     },
     [t]
-  ), l = h(
+  ), i = f(
     (p) => {
       if (!p.over) {
-        i(m.current);
+        l(m.current);
         return;
       }
-      const D = we(t, p.over.id);
-      i(D);
+      const S = ke(t, p.over.id);
+      l(S);
     },
     [t]
-  ), c = h(
+  ), d = f(
     (p) => {
-      const { active: D, over: S } = p, y = () => {
-        m.current = null, r(null), i(null);
+      const { active: S, over: R } = p, C = () => {
+        m.current = null, s(null), l(null);
       };
-      if (!S) {
-        y();
+      if (!R) {
+        C();
         return;
       }
-      const _ = pe(t, D.id), x = we(t, S.id);
-      if (!_ || !x) {
-        y();
+      const _ = be(t, S.id), k = ke(t, R.id);
+      if (!_ || !k) {
+        C();
         return;
       }
-      let s = t.map((g) => ({ ...g, items: [...g.items] }));
-      if (_ === x) {
-        const g = s.findIndex((P) => P.zoneKey === _), w = s[g], T = w.items.findIndex((P) => P.id === D.id), k = w.items.findIndex((P) => P.id === S.id), R = k >= 0 ? k : Math.max(0, w.items.length - 1);
-        s[g] = {
-          ...w,
-          items: Lt(w.items, T, R)
+      let r = t.map((g) => ({ ...g, items: [...g.items] }));
+      if (_ === k) {
+        const g = r.findIndex((M) => M.zoneKey === _), b = r[g], x = b.items.findIndex((M) => M.id === S.id), w = b.items.findIndex((M) => M.id === R.id), T = w >= 0 ? w : Math.max(0, b.items.length - 1);
+        r[g] = {
+          ...b,
+          items: Zt(b.items, x, T)
         };
       } else {
-        const g = s.findIndex((B) => B.zoneKey === _), w = s.findIndex((B) => B.zoneKey === x), T = s[g], k = s[w], R = T.items.find((B) => B.id === D.id);
-        if (!R) {
-          y();
+        const g = r.findIndex((B) => B.zoneKey === _), b = r.findIndex((B) => B.zoneKey === k), x = r[g], w = r[b], T = x.items.find((B) => B.id === S.id);
+        if (!T) {
+          C();
           return;
         }
-        const P = T.items.filter((B) => B.id !== D.id), G = k.items.findIndex((B) => B.id === S.id), W = G >= 0 ? G : k.items.length;
-        let Y = P, V = [...k.items];
-        if (k.maxItems !== void 0 && V.length >= k.maxItems) {
-          const B = V[V.length - 1];
-          V = V.slice(0, k.maxItems - 1), Y = [...P, B];
+        const M = x.items.filter((B) => B.id !== S.id), H = w.items.findIndex((B) => B.id === R.id), z = H >= 0 ? H : w.items.length;
+        let Z = M, G = [...w.items];
+        if (w.maxItems !== void 0 && G.length >= w.maxItems) {
+          const B = G[G.length - 1];
+          G = G.slice(0, w.maxItems - 1), Z = [...M, B];
         }
-        const q = Math.min(W, V.length), ne = [
-          ...V.slice(0, q),
-          R,
-          ...V.slice(q)
+        const Q = Math.min(z, G.length), q = [
+          ...G.slice(0, Q),
+          T,
+          ...G.slice(Q)
         ];
-        s[g] = { ...T, items: Y }, s[w] = { ...k, items: ne };
+        r[g] = { ...x, items: Z }, r[b] = { ...w, items: q };
       }
-      n(s), b.current?.(s), y();
+      a(r), h.current?.(r), C();
     },
     [t]
-  ), v = h(
+  ), y = f(
     (p) => ({
       id: p,
       "data-zone-key": p
     }),
     []
-  ), I = h(
+  ), I = f(
     (p) => {
-      const D = pe(t, p.id) ?? "";
+      const S = be(t, p.id) ?? "";
       return {
         id: p.id,
         "data-item-id": p.id,
-        "data-zone-key": D
+        "data-zone-key": S
       };
     },
     [t]
@@ -2643,16 +2663,16 @@ function Bt(e) {
   return {
     zones: t,
     activeZone: o,
-    activeItem: a,
-    getZoneProps: v,
+    activeItem: n,
+    getZoneProps: y,
     getItemProps: I,
-    handleDragStart: C,
-    handleDragOver: l,
-    handleDragEnd: c
+    handleDragStart: v,
+    handleDragOver: i,
+    handleDragEnd: d
   };
 }
-let j = null, te = null, le = !1;
-const Kt = [
+let te = null, re = null, ue = !1;
+const qt = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -2661,433 +2681,433 @@ const Kt = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], Gt = [
+], jt = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function Vt(e, t) {
-  const n = [], a = e ?? {};
-  for (const o of Kt)
-    a[o] === void 0 && n.push(`@dnd-kit/core:${o}`);
-  const r = t ?? {};
-  for (const o of Gt)
-    r[o] === void 0 && n.push(`@dnd-kit/sortable:${o}`);
-  return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
+function Xt(e, t) {
+  const a = [], n = e ?? {};
+  for (const o of qt)
+    n[o] === void 0 && a.push(`@dnd-kit/core:${o}`);
+  const s = t ?? {};
+  for (const o of jt)
+    s[o] === void 0 && a.push(`@dnd-kit/sortable:${o}`);
+  return a.length === 0 ? { ok: !0 } : { ok: !1, missing: a };
 }
-function Ht() {
-  return j ? Promise.resolve(j) : le ? Promise.resolve(null) : te || (te = (async () => {
+function Qt() {
+  return te ? Promise.resolve(te) : ue ? Promise.resolve(null) : re || (re = (async () => {
     try {
-      const [e, t, n] = await Promise.all([
+      const [e, t, a] = await Promise.all([
         import("@dnd-kit/core"),
         import("@dnd-kit/sortable"),
         import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
           "SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
         ), {}))
-      ]), a = Vt(e, t);
-      return a.ok ? (j = {
+      ]), n = Xt(e, t);
+      return n.ok ? (te = {
         core: e,
         sortable: t,
-        utilities: n
-      }, j) : (le = !0, process.env.NODE_ENV !== "production" && console.error(
-        `SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
+        utilities: a
+      }, te) : (ue = !0, process.env.NODE_ENV !== "production" && console.error(
+        `SortableZones: @dnd-kit shape mismatch — missing exports: ${n.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
       ), null);
     } catch {
-      return le = !0, null;
+      return ue = !0, null;
     }
-  })(), te);
+  })(), re);
 }
-function zt(e) {
-  const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: o } = e, i = Bt({ zones: t, onZoneChange: n }), [m, b] = K.useState(j);
+function Jt(e) {
+  const { zones: t, onZoneChange: a, renderZone: n, renderItem: s, renderDragOverlay: o } = e, l = Yt({ zones: t, onZoneChange: a }), [m, h] = K.useState(te);
   return K.useEffect(() => {
     if (m) return;
-    let d = !0;
-    return Ht().then((f) => {
-      d && b(f);
+    let u = !0;
+    return Qt().then((D) => {
+      u && h(D);
     }), () => {
-      d = !1;
+      u = !1;
     };
-  }, [m]), m ? /* @__PURE__ */ u(
-    Ie,
+  }, [m]), m ? /* @__PURE__ */ c(
+    Fe,
     {
-      state: i,
+      state: l,
       modules: m,
-      renderZone: a,
-      renderItem: r,
+      renderZone: n,
+      renderItem: s,
       renderDragOverlay: o
     }
-  ) : /* @__PURE__ */ u("div", { "data-sortable-zones-passive": "true", children: i.zones.map((d) => {
-    const f = d.items.map((C) => /* @__PURE__ */ u(K.Fragment, { children: r(C) }, C.id));
-    return /* @__PURE__ */ u("div", { ...i.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, f) }, d.zoneKey);
+  ) : /* @__PURE__ */ c("div", { "data-sortable-zones-passive": "true", children: l.zones.map((u) => {
+    const D = u.items.map((v) => /* @__PURE__ */ c(K.Fragment, { children: s(v) }, v.id));
+    return /* @__PURE__ */ c("div", { ...l.getZoneProps(u.zoneKey), children: n(u.zoneKey, u.items, D) }, u.zoneKey);
   }) });
 }
-zt.displayName = "SortableZones";
-function Ie({
+Jt.displayName = "SortableZones";
+function Fe({
   state: e,
   modules: t,
-  renderZone: n,
-  renderItem: a,
-  renderDragOverlay: r
+  renderZone: a,
+  renderItem: n,
+  renderDragOverlay: s
 }) {
-  const { core: o, sortable: i, utilities: m } = t, { DndContext: b, DragOverlay: d, useSensors: f, useSensor: C, useDroppable: l, PointerSensor: c, KeyboardSensor: v, closestCenter: I } = o, { SortableContext: p, verticalListSortingStrategy: D } = i, S = f(
-    C(c, { activationConstraint: { distance: 5 } }),
-    C(v)
-  ), y = b, _ = d, x = p;
+  const { core: o, sortable: l, utilities: m } = t, { DndContext: h, DragOverlay: u, useSensors: D, useSensor: v, useDroppable: i, PointerSensor: d, KeyboardSensor: y, closestCenter: I } = o, { SortableContext: p, verticalListSortingStrategy: S } = l, R = D(
+    v(d, { activationConstraint: { distance: 5 } }),
+    v(y)
+  ), C = h, _ = u, k = p;
   return /* @__PURE__ */ O(
-    y,
+    C,
     {
-      sensors: S,
+      sensors: R,
       collisionDetection: I,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((s) => {
-          const g = s.items.map((T) => T.id), w = s.items.map((T) => /* @__PURE__ */ u(
-            Re,
+        e.zones.map((r) => {
+          const g = r.items.map((x) => x.id), b = r.items.map((x) => /* @__PURE__ */ c(
+            Ee,
             {
-              id: T.id,
-              useSortable: i.useSortable,
+              id: x.id,
+              useSortable: l.useSortable,
               cssHelper: m.CSS,
-              children: a(T)
+              children: n(x)
             },
-            T.id
+            x.id
           ));
-          return /* @__PURE__ */ u(
-            Me,
+          return /* @__PURE__ */ c(
+            Oe,
             {
-              zoneKey: s.zoneKey,
-              zoneProps: e.getZoneProps(s.zoneKey),
-              useDroppable: l,
-              children: /* @__PURE__ */ u(x, { items: g, strategy: D, children: n(s.zoneKey, s.items, w) })
+              zoneKey: r.zoneKey,
+              zoneProps: e.getZoneProps(r.zoneKey),
+              useDroppable: i,
+              children: /* @__PURE__ */ c(k, { items: g, strategy: S, children: a(r.zoneKey, r.items, b) })
             },
-            s.zoneKey
+            r.zoneKey
           );
         }),
-        /* @__PURE__ */ u(_, { children: e.activeItem ? r?.(e.activeItem) ?? a(e.activeItem) : null })
+        /* @__PURE__ */ c(_, { children: e.activeItem ? s?.(e.activeItem) ?? n(e.activeItem) : null })
       ]
     }
   );
 }
-Ie.displayName = "SortableZonesInner";
-function Re({ id: e, useSortable: t, cssHelper: n, children: a }) {
-  const { attributes: r, listeners: o, setNodeRef: i, transform: m, transition: b, isDragging: d } = t({ id: e }), f = {
-    transform: n?.Transform?.toString(m) ?? void 0,
-    transition: b,
-    opacity: d ? 0.5 : 1
+Fe.displayName = "SortableZonesInner";
+function Ee({ id: e, useSortable: t, cssHelper: a, children: n }) {
+  const { attributes: s, listeners: o, setNodeRef: l, transform: m, transition: h, isDragging: u } = t({ id: e }), D = {
+    transform: a?.Transform?.toString(m) ?? void 0,
+    transition: h,
+    opacity: u ? 0.5 : 1
   };
-  return /* @__PURE__ */ u("div", { ref: i, style: f, "data-sortable-item-id": e, ...r, ...o, children: a });
+  return /* @__PURE__ */ c("div", { ref: l, style: D, "data-sortable-item-id": e, ...s, ...o, children: n });
 }
-Re.displayName = "SortableItem";
-function Me({
+Ee.displayName = "SortableItem";
+function Oe({
   zoneKey: e,
   zoneProps: t,
-  useDroppable: n,
-  children: a
+  useDroppable: a,
+  children: n
 }) {
-  const { setNodeRef: r, isOver: o } = n({ id: e });
-  return /* @__PURE__ */ u("div", { ref: r, "data-zone-is-over": o || void 0, ...t, children: a });
+  const { setNodeRef: s, isOver: o } = a({ id: e });
+  return /* @__PURE__ */ c("div", { ref: s, "data-zone-is-over": o || void 0, ...t, children: n });
 }
-Me.displayName = "ZoneDroppable";
-const Wt = K.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
-  const r = { ...n };
-  return delete r.className, delete r.style, /* @__PURE__ */ u("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ u(ge, { region: "toolbar", density: e, children: t }) });
+Oe.displayName = "ZoneDroppable";
+const en = K.forwardRef(({ density: e = "compact", children: t, ...a }, n) => {
+  const s = { ...a };
+  return delete s.className, delete s.style, /* @__PURE__ */ c("div", { ref: n, className: "gloss-container-toolbar", role: "toolbar", ...s, children: /* @__PURE__ */ c(he, { region: "toolbar", density: e, children: t }) });
 });
-Wt.displayName = "ContainerToolbar";
-const Zt = K.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...r }, o) => {
-  const i = { ...r };
-  return delete i.className, delete i.style, /* @__PURE__ */ O("fieldset", { ref: o, className: "gloss-container-form-section", ...i, children: [
-    e && /* @__PURE__ */ u("legend", { className: "gloss-container-form-section__legend", children: e }),
-    t && /* @__PURE__ */ u("p", { className: "gloss-container-form-section__description", children: t }),
-    /* @__PURE__ */ u(ge, { region: "form-section", density: n, children: a })
+en.displayName = "ContainerToolbar";
+const tn = K.forwardRef(({ legend: e, description: t, density: a = "default", children: n, ...s }, o) => {
+  const l = { ...s };
+  return delete l.className, delete l.style, /* @__PURE__ */ O("fieldset", { ref: o, className: "gloss-container-form-section", ...l, children: [
+    e && /* @__PURE__ */ c("legend", { className: "gloss-container-form-section__legend", children: e }),
+    t && /* @__PURE__ */ c("p", { className: "gloss-container-form-section__description", children: t }),
+    /* @__PURE__ */ c(he, { region: "form-section", density: a, children: n })
   ] });
 });
-Zt.displayName = "ContainerFormSection";
-const Ut = K.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
-  const r = { ...n };
-  return delete r.className, delete r.style, /* @__PURE__ */ u("div", { ref: a, className: "gloss-container-table", ...r, children: /* @__PURE__ */ u(ge, { region: "table", density: e, children: t }) });
+tn.displayName = "ContainerFormSection";
+const nn = K.forwardRef(({ density: e = "compact", children: t, ...a }, n) => {
+  const s = { ...a };
+  return delete s.className, delete s.style, /* @__PURE__ */ c("div", { ref: n, className: "gloss-container-table", ...s, children: /* @__PURE__ */ c(he, { region: "table", density: e, children: t }) });
 });
-Ut.displayName = "ContainerTable";
+nn.displayName = "ContainerTable";
 export {
-  Qa as Accordion,
-  Ja as AccordionContent,
-  en as AccordionItem,
-  tn as AccordionTrigger,
-  an as ActionStrip,
-  nn as Actionable,
-  rn as AddressGroup,
-  sn as AddressSelect,
-  on as AsyncLoader,
-  ln as Autocomplete,
-  dn as Badge,
-  cn as BarChartCard,
-  un as BarsBg,
-  mn as Button,
-  pn as ButtonGroup,
-  gn as ButtonGroupContext,
-  fn as Card,
-  bn as CardActions,
-  hn as CardBack,
-  vn as CardBody,
-  yn as CardFooter,
-  wn as CardHeader,
-  Dn as CardMedia,
-  Cn as CardShell,
-  Nn as CardSubtitle,
-  kn as CardTitle,
-  Sn as ChartControlBar,
-  xn as Checkbox,
-  Tn as CheckboxGroup,
-  _n as Chip,
-  In as ColorPicker,
-  Rn as ComparisonCard,
-  Mn as ContactForm,
-  Pn as ContainerCard,
-  Fn as ContainerCardActions,
-  En as ContainerCardBody,
-  On as ContainerCardFooter,
-  An as ContainerCardHeader,
-  Ln as ContainerCardMedia,
-  $n as ContainerCardSubtitle,
-  Bn as ContainerCardTitle,
-  Kn as ContainerDialog,
-  Gn as ContainerDialogActions,
-  Vn as ContainerDialogBody,
-  Hn as ContainerDialogHeader,
-  Zt as ContainerFormSection,
-  zn as ContainerPanel,
-  Ut as ContainerTable,
-  Wt as ContainerToolbar,
-  Wn as CreditCardForm,
-  Zn as DEFAULT_FOOTER_IDS,
-  Do as DEFAULT_MARKET_PRESETS,
-  Un as DEFAULT_OVERFLOW_IDS,
-  Co as DEFAULT_PINNED,
-  Ce as DEFAULT_RESIZE_PHYSICS,
-  Yn as DataTable,
-  qn as DatePicker,
-  jn as DateRangePicker,
-  Xn as DestructiveModal,
-  _t as DevTuningPanel,
-  Qn as DirectionCard,
-  Jn as Dismissible,
-  er as DistributionCard,
-  tr as DonutChart,
-  ar as Dropdown,
-  nr as ENTITY_FILTER_KEYS,
-  rr as ENTITY_PROFILE_ROUTES,
-  sr as ENTITY_TYPE_PLURAL,
-  Qe as EdgeHoverHandle,
-  or as EntityPicker,
-  ir as EntitySearchPanel,
-  lr as Expandable,
-  dr as ExpandableChip,
-  cr as FLIP_AND_STAGE_TIMINGS,
-  ur as FileUpload,
-  mr as FilterChip,
-  pr as FilterInput,
-  gr as FlipAndStageProvider,
-  fr as Form,
-  br as FormDialog,
-  hr as FormField,
-  vr as FusedShape,
-  Je as GhostPreview,
-  yr as GroupCheckbox,
-  wr as GroupRadio,
-  Dr as HighlightCard,
-  Cr as HybridDatePicker,
-  Nr as ImportWizard,
-  Rt as InlineNudge,
-  kr as Input,
-  Sr as InputAddon,
-  xr as InputGroup,
-  Tr as Link,
-  _r as LoginForm,
-  Ir as MarketPresetRow,
-  Rr as MaskPresets,
-  Mr as MaskedInput,
-  Pr as Menu,
-  Fr as MenuDivider,
-  Er as MenuGroup,
-  Or as MenuItem,
-  Ar as MergePrompt,
-  Lr as MetricCard,
-  $r as MetricCardGrid,
-  yt as MetricGroupContainer,
-  Br as MiniCalendar,
-  Kr as MultiSelect,
-  Gr as NumberInput,
-  Vr as ObjectArrow,
-  Hr as OrderFilterBar,
-  No as PERIOD_OPTIONS,
-  it as PageChip,
-  Ne as PageDropdown,
-  zr as PasswordInput,
-  Wr as PaymentForm,
-  Zr as PaymentMethodSelect,
-  Ur as PhoneInput,
-  Yr as PinToMetric,
-  At as PresetSwatchRow,
-  qr as ProfileCard,
-  jr as ProgressCard,
-  Xr as QuickConfigPanel,
-  gt as RECONFIG_BACKSIDE_LABELS,
-  ko as ROLLING_OPTIONS,
-  Qr as Radio,
-  Jr as RadioGroup,
-  es as RangeSlider,
-  ts as Rating,
-  ht as ReconfigBacksideButtons,
-  as as RegistrationForm,
-  ns as Row1Controls,
-  rs as Row2FilterTray,
-  ss as SearchInput,
-  os as SegmentCard,
-  is as SegmentedControl,
-  ls as Select,
-  ds as Selectable,
-  cs as SimpleMetricCard,
-  us as SimpleSelector,
-  ms as Skeleton,
-  ps as SkeletonCard,
-  gs as SkeletonChart,
-  fs as SkeletonTable,
-  bs as Slider,
-  hs as Sortable,
-  zt as SortableZones,
-  vs as SparklineBg,
-  ys as SplitButton,
-  ws as StackedGroupCard,
-  Ds as StatusModeCard,
-  Xe as StatusSlotChipMenu,
-  Cs as Stepper,
-  So as TODAY_PRESET,
-  U as TUNING_DEFAULTS,
-  Te as TUNING_STORAGE_KEY,
-  Ns as TabGroup,
-  ks as TabbedDataView,
-  Ss as TagInput,
-  xs as Textarea,
-  Ft as ThresholdRamp,
-  Ts as TimeFrame,
-  _s as TimePicker,
-  Is as Toggle,
-  Rs as Tooltip,
-  Ms as Transition,
-  Ps as TransitionGroup,
-  Fs as TrendCard,
-  Es as TrendIndicator,
-  vo as UIContext,
-  ge as UIContextProvider,
-  Os as UnifiedBreakdownTable,
-  As as UnifiedContextMenu,
-  et as VelocityBuffer,
-  Ls as addressGroupMetadata,
-  $s as addressSchema,
-  la as allChips,
-  Da as allStateFixtures,
-  wa as allVariantFixtures,
-  ma as blockSamples,
-  Bs as buildDefaultOverflow,
-  ha as cardSamples,
-  fa as chartSamples,
-  ga as circleSamples,
-  Ha as compactLayout,
-  Pa as compactState,
-  ya as computeGutterAnchorX,
-  Ks as contactFormMetadata,
-  Gs as contactSchema,
-  Fa as contextMenuFixtures,
-  Vs as creditCardFormMetadata,
-  Hs as creditCardSchema,
-  Ue as dateChip,
-  xe as defaultControlBarState,
-  zs as destructiveModalMetadata,
-  Ws as durations,
-  Zs as easings,
-  nt as emptyFixture,
-  We as entityChip,
-  ut as entityNameActions,
-  ca as entityTabGroup,
-  at as errorFixture,
-  Ma as filteredState,
-  xo as findPreset,
-  To as formatDateRange,
-  _o as formatMarketDates,
-  Io as formatTrend,
-  Ro as formatValue,
-  Wa as fullLayout,
-  Mo as generateMarketId,
-  Us as generateTabId,
-  Po as getAllPresets,
-  Fo as getDateRangeForPreset,
-  Ys as getMenuActions,
-  Eo as getPresetLabel,
-  qs as getTransitionStyle,
-  Va as gridCards,
-  js as interpolate,
-  Oo as isInRange,
-  Ao as isMarketActive,
-  Lo as isSameDay,
-  Ra as itemColumns,
-  _a as itemRows,
-  tt as loadingFixture,
-  Xs as loginFormMetadata,
-  Qs as loginSchema,
-  Ye as manufacturerChip,
-  qa as manyTabs,
-  Js as mergeHandlers,
-  eo as mergeRefs,
-  da as metricTabGroup,
-  Ua as mixedTabs,
-  $o as normalizePresetId,
-  pt as numericActions,
-  Ia as orderColumns,
-  mt as orderIdActions,
-  Ta as orderRows,
-  Za as ordersTabs,
-  to as parseNumericValue,
-  ao as paymentFormMetadata,
-  no as paymentSchema,
-  ro as presets,
-  so as registrationFormMetadata,
-  oo as registrationSchema,
-  Oa as sampleCompareRanges,
-  $a as sampleCustomMarkets,
-  Ea as sampleDateRange,
-  Ba as sampleMarketPresetData,
-  La as sampleMarkets,
-  Ga as samplePeriodPresets,
-  Aa as samplePreferences,
-  Ka as samplePresets,
-  Ya as singleTab,
-  Ca as sparklineFixture,
-  Na as sparklineUpFixture,
-  ot as staleDonutFixture,
-  rt as staleFixture,
-  st as staleSparklineFixture,
-  ka as standardFixture,
-  xa as standardFlatFixture,
-  za as standardLayout,
-  Sa as standardNegativeFixture,
-  Ze as statusChip,
-  ba as tableSamples,
-  pa as textSamples,
-  ua as timeFrameTabGroup,
-  Bo as toUppercasePresetId,
-  ia as useArrowNavigation,
-  io as useCheckboxGroupContext,
-  va as useEdgeHoverResize,
-  lo as useFilterLayout,
-  co as useFlipAndStage,
-  uo as useFlipAndStageContext,
-  mo as useFlipAndStageContextOptional,
-  oa as useFocusReturn,
-  po as useFocusTrap,
-  go as useFormContext,
-  fo as useRadioGroupContext,
-  Ct as useResizeTuning,
-  bo as useSlideOutReveal,
-  Bt as useSortableZones,
-  yo as useUIContext
+  ia as Accordion,
+  la as AccordionContent,
+  da as AccordionItem,
+  ca as AccordionTrigger,
+  ua as ActionStrip,
+  ma as Actionable,
+  pa as AddressGroup,
+  ga as AddressSelect,
+  fa as AsyncLoader,
+  ba as Autocomplete,
+  ha as Badge,
+  va as BarChartCard,
+  ya as BarsBg,
+  wa as Button,
+  Da as ButtonGroup,
+  Ca as ButtonGroupContext,
+  Na as Card,
+  ka as CardActions,
+  xa as CardBack,
+  Sa as CardBody,
+  Ta as CardFooter,
+  _a as CardHeader,
+  Ia as CardMedia,
+  Ra as CardShell,
+  Ma as CardSubtitle,
+  Pa as CardTitle,
+  Fa as ChartControlBar,
+  Ea as Checkbox,
+  Oa as CheckboxGroup,
+  Aa as Chip,
+  La as ColorPicker,
+  $a as ComparisonCard,
+  Ba as ContactForm,
+  Ka as ContainerCard,
+  Wa as ContainerCardActions,
+  Ga as ContainerCardBody,
+  Va as ContainerCardFooter,
+  Ha as ContainerCardHeader,
+  za as ContainerCardMedia,
+  Za as ContainerCardSubtitle,
+  Ua as ContainerCardTitle,
+  Ya as ContainerDialog,
+  qa as ContainerDialogActions,
+  ja as ContainerDialogBody,
+  Xa as ContainerDialogHeader,
+  tn as ContainerFormSection,
+  Qa as ContainerPanel,
+  nn as ContainerTable,
+  en as ContainerToolbar,
+  Ja as CreditCardForm,
+  er as DEFAULT_FOOTER_IDS,
+  Io as DEFAULT_MARKET_PRESETS,
+  tr as DEFAULT_OVERFLOW_IDS,
+  Ro as DEFAULT_PINNED,
+  Se as DEFAULT_RESIZE_PHYSICS,
+  nr as DataTable,
+  ar as DatePicker,
+  rr as DateRangePicker,
+  sr as DestructiveModal,
+  Lt as DevTuningPanel,
+  or as DirectionCard,
+  ir as Dismissible,
+  lr as DistributionCard,
+  dr as DonutChart,
+  cr as Dropdown,
+  ur as ENTITY_FILTER_KEYS,
+  mr as ENTITY_PROFILE_ROUTES,
+  pr as ENTITY_TYPE_PLURAL,
+  it as EdgeHoverHandle,
+  gr as EntityPicker,
+  fr as EntitySearchPanel,
+  br as Expandable,
+  hr as ExpandableChip,
+  vr as FLIP_AND_STAGE_TIMINGS,
+  yr as FileUpload,
+  wr as FilterChip,
+  Dr as FilterInput,
+  Cr as FlipAndStageProvider,
+  Nr as Form,
+  kr as FormDialog,
+  xr as FormField,
+  Sr as FusedShape,
+  lt as GhostPreview,
+  Tr as GroupCheckbox,
+  _r as GroupRadio,
+  Ir as HighlightCard,
+  Rr as HybridDatePicker,
+  Mr as ImportWizard,
+  Bt as InlineNudge,
+  Pr as Input,
+  Fr as InputAddon,
+  Er as InputGroup,
+  Or as Link,
+  Ar as LoginForm,
+  Lr as MarketPresetRow,
+  $r as MaskPresets,
+  Br as MaskedInput,
+  Kr as Menu,
+  Wr as MenuDivider,
+  Gr as MenuGroup,
+  Vr as MenuItem,
+  Hr as MergePrompt,
+  zr as MetricCard,
+  Zr as MetricCardGrid,
+  _t as MetricGroupContainer,
+  Ur as MiniCalendar,
+  Yr as MultiSelect,
+  qr as NumberInput,
+  jr as ObjectArrow,
+  Xr as OrderFilterBar,
+  Mo as PERIOD_OPTIONS,
+  bt as PageChip,
+  Te as PageDropdown,
+  Qr as PasswordInput,
+  Jr as PaymentForm,
+  es as PaymentMethodSelect,
+  ts as PhoneInput,
+  ns as PinToMetric,
+  zt as PresetSwatchRow,
+  as as ProfileCard,
+  rs as ProgressCard,
+  ss as QuickConfigPanel,
+  Nt as RECONFIG_BACKSIDE_LABELS,
+  Po as ROLLING_OPTIONS,
+  os as Radio,
+  is as RadioGroup,
+  ls as RangeSlider,
+  ds as Rating,
+  St as ReconfigBacksideButtons,
+  cs as RegistrationForm,
+  us as Row1Controls,
+  ms as Row2FilterTray,
+  ps as SearchInput,
+  gs as SegmentCard,
+  fs as SegmentedControl,
+  bs as Select,
+  hs as Selectable,
+  vs as SimpleMetricCard,
+  ys as SimpleSelector,
+  ws as Skeleton,
+  Ds as SkeletonCard,
+  Cs as SkeletonChart,
+  Ns as SkeletonTable,
+  ks as Slider,
+  xs as Sortable,
+  Jt as SortableZones,
+  Ss as SparklineBg,
+  Ts as SplitButton,
+  _s as StackedGroupCard,
+  Is as StatusModeCard,
+  ot as StatusSlotChipMenu,
+  Rs as Stepper,
+  Fo as TODAY_PRESET,
+  Y as TUNING_DEFAULTS,
+  Me as TUNING_STORAGE_KEY,
+  Ms as TabGroup,
+  Ps as TabbedDataView,
+  Fs as TagInput,
+  Es as Textarea,
+  Gt as ThresholdRamp,
+  Os as TimeFrame,
+  As as TimePicker,
+  Ls as Toggle,
+  $s as Tooltip,
+  Bs as Transition,
+  Ks as TransitionGroup,
+  Ws as TrendCard,
+  Gs as TrendIndicator,
+  So as UIContext,
+  he as UIContextProvider,
+  Vs as UnifiedBreakdownTable,
+  Hs as UnifiedContextMenu,
+  dt as VelocityBuffer,
+  zs as addressGroupMetadata,
+  Zs as addressSchema,
+  hn as allChips,
+  Rn as allStateFixtures,
+  In as allVariantFixtures,
+  Dn as blockSamples,
+  Us as buildDefaultOverflow,
+  Sn as cardSamples,
+  kn as chartSamples,
+  Nn as circleSamples,
+  Qn as compactLayout,
+  Wn as compactState,
+  _n as computeGutterAnchorX,
+  Ys as contactFormMetadata,
+  qs as contactSchema,
+  Gn as contextMenuFixtures,
+  js as creditCardFormMetadata,
+  Xs as creditCardSchema,
+  nt as dateChip,
+  Re as defaultControlBarState,
+  Qs as destructiveModalMetadata,
+  Js as durations,
+  eo as easings,
+  mt as emptyFixture,
+  et as entityChip,
+  wt as entityNameActions,
+  yn as entityTabGroup,
+  ut as errorFixture,
+  Kn as filteredState,
+  Eo as findPreset,
+  Oo as formatDateRange,
+  Ao as formatMarketDates,
+  Lo as formatTrend,
+  $o as formatValue,
+  ea as fullLayout,
+  Bo as generateMarketId,
+  to as generateTabId,
+  Ko as getAllPresets,
+  Wo as getDateRangeForPreset,
+  no as getMenuActions,
+  Go as getPresetLabel,
+  ao as getTransitionStyle,
+  Xn as gridCards,
+  ro as interpolate,
+  Vo as isInRange,
+  Ho as isMarketActive,
+  zo as isSameDay,
+  Bn as itemColumns,
+  Ln as itemRows,
+  ct as loadingFixture,
+  so as loginFormMetadata,
+  oo as loginSchema,
+  at as manufacturerChip,
+  ra as manyTabs,
+  io as mergeHandlers,
+  lo as mergeRefs,
+  vn as metricTabGroup,
+  na as mixedTabs,
+  Zo as normalizePresetId,
+  Ct as numericActions,
+  $n as orderColumns,
+  Dt as orderIdActions,
+  An as orderRows,
+  ta as ordersTabs,
+  co as parseNumericValue,
+  uo as paymentFormMetadata,
+  mo as paymentSchema,
+  po as presets,
+  go as registrationFormMetadata,
+  fo as registrationSchema,
+  Hn as sampleCompareRanges,
+  Un as sampleCustomMarkets,
+  Vn as sampleDateRange,
+  Yn as sampleMarketPresetData,
+  Zn as sampleMarkets,
+  jn as samplePeriodPresets,
+  zn as samplePreferences,
+  qn as samplePresets,
+  aa as singleTab,
+  Mn as sparklineFixture,
+  Pn as sparklineUpFixture,
+  ft as staleDonutFixture,
+  pt as staleFixture,
+  gt as staleSparklineFixture,
+  Fn as standardFixture,
+  On as standardFlatFixture,
+  Jn as standardLayout,
+  En as standardNegativeFixture,
+  tt as statusChip,
+  xn as tableSamples,
+  Cn as textSamples,
+  wn as timeFrameTabGroup,
+  Uo as toUppercasePresetId,
+  bn as useArrowNavigation,
+  bo as useCheckboxGroupContext,
+  Tn as useEdgeHoverResize,
+  ho as useFilterLayout,
+  vo as useFlipAndStage,
+  yo as useFlipAndStageContext,
+  wo as useFlipAndStageContextOptional,
+  fn as useFocusReturn,
+  Do as useFocusTrap,
+  Co as useFormContext,
+  No as useRadioGroupContext,
+  Mt as useResizeTuning,
+  ko as useSlideOutReveal,
+  Yt as useSortableZones,
+  To as useUIContext
 };