@mt-gloss/ui 0.0.20 → 0.0.21

package/index.js

@@ -1,15 +1,15 @@
-import { N as oa, T as sa, O as ia, Q as la, b2 as da, av as ca, ad as ua, Z as ma, aj as pa, K as ga, a4 as ba, bl as fa, P as ha, B as va, a as ya, y as Ca, H as wa, be as Da, F as Na, J as Sa, A as ka, z as xa, bd as Ta, E as Ia, D as Ra, bu as _a, b as Ma, C as Pa, L as Fa, o as Ea, a9 as Oa, aJ as Aa, y as La, H as $a, F as Ba, J as Ka, A as Ga, z as Ha, E as za, D as Za, aX as Va, a_ as Wa, aZ as Ya, aY as qa, a$ as Ua, ay as ja, am as Qa, k as Xa, m as Ja, aB as er, a7 as tr, b4 as ar, a5 as rr, bm as nr, Y as or, bE as sr, bD as ir, bF as lr, al as dr, aM as cr, b6 as ur, bJ as mr, bs as pr, n as gr, ai as br, by as fr, bp as hr, a0 as vr, an as yr, a2 as Cr, bx as wr, G as Dr, d as Nr, bg as Sr, a6 as kr, bG as xr, aP as Tr, r as Ir, v as Rr, I as _r, g as Mr, as as Pr, bK as Fr, M as Er, w as Or, U as Ar, X as Lr, V as $r, W as Br, ao as Kr, bc as Gr, bM as Hr, bI as zr, ak as Zr, t as Vr, bn as Wr, aO as Yr, af as qr, aG as Ur, ac as jr, ah as Qr, aq as Xr, aN as Jr, a8 as en, ap as tn, c as an, R as rn, j as nn, p as on, aD as sn, bv as ln, bw as dn, ae as cn, aa as un, h as mn, x as pn, b3 as gn, ab as bn, bL as fn, b8 as hn, bb as vn, b9 as yn, ba as Cn, i as wn, b5 as Dn, bk as Nn, S as Sn, bh as kn, bi as xn, ar as Tn, b7 as In, bN as Rn, ag as _n, s as Mn, bH as Pn, l as Fn, f as En, q as On, _ as An, $ as Ln, a3 as $n, bf as Bn, bt as Kn, bA as Gn, aw as Hn, ax as zn, aK as Zn, aL as Vn, az as Wn, aA as Yn, aC as qn, aR as Un, aS as jn, bC as Qn, bB as Xn, aU as Jn, aV as eo, at as to, au as ao, b1 as ro, b0 as no, aW as oo, aH as so, aI as io, aT as lo, aE as co, aF as uo, u as mo, bz as po, bo as go, bq as bo, br as fo, aQ as ho, a1 as vo, e as yo, bj as Co } from "./Expandable-hoPnf93I.js";
-import { jsxs as A, jsx as h } from "react/jsx-runtime";
-import F, { useRef as _, useEffect as P, useState as O, useCallback as w, forwardRef as he, useMemo as se, createContext as ve, useContext as ye } from "react";
-import { B as Ce, U as X } from "./UIContext-C3E-k7HI.js";
+import { N as oa, T as sa, O as ia, Q as la, b2 as da, av as ca, ad as ua, Z as ma, aj as pa, K as ga, a4 as ba, bl as fa, P as ha, B as va, a as ya, y as Ca, H as wa, be as Da, F as Na, J as Sa, A as ka, z as xa, bd as Ta, E as Ia, D as Ra, bu as _a, b as Ma, C as Pa, L as Fa, o as Ea, a9 as Oa, aJ as Aa, y as La, H as $a, F as Ba, J as Ka, A as Ga, z as Ha, E as za, D as Va, aX as Za, a_ as Wa, aZ as Ya, aY as qa, a$ as Ua, ay as ja, am as Qa, k as Xa, m as Ja, aB as er, a7 as tr, b4 as ar, a5 as rr, bm as nr, Y as or, bE as sr, bD as ir, bF as lr, al as dr, aM as cr, b6 as ur, bJ as mr, bs as pr, n as gr, ai as br, by as fr, bp as hr, a0 as vr, an as yr, a2 as Cr, bx as wr, G as Dr, d as Nr, bg as Sr, a6 as kr, bG as xr, aP as Tr, r as Ir, v as Rr, I as _r, g as Mr, as as Pr, bK as Fr, M as Er, w as Or, U as Ar, X as Lr, V as $r, W as Br, ao as Kr, bc as Gr, bM as Hr, bI as zr, ak as Vr, t as Zr, bn as Wr, aO as Yr, af as qr, aG as Ur, ac as jr, ah as Qr, aq as Xr, aN as Jr, a8 as en, ap as tn, c as an, R as rn, j as nn, p as on, aD as sn, bv as ln, bw as dn, ae as cn, aa as un, h as mn, x as pn, b3 as gn, ab as bn, bL as fn, b8 as hn, bb as vn, b9 as yn, ba as Cn, i as wn, b5 as Dn, bk as Nn, S as Sn, bh as kn, bi as xn, ar as Tn, b7 as In, bN as Rn, ag as _n, s as Mn, bH as Pn, l as Fn, f as En, q as On, _ as An, $ as Ln, a3 as $n, bf as Bn, bt as Kn, bA as Gn, aw as Hn, ax as zn, aK as Vn, aL as Zn, az as Wn, aA as Yn, aC as qn, aR as Un, aS as jn, bC as Qn, bB as Xn, aU as Jn, aV as eo, at as to, au as ao, b1 as ro, b0 as no, aW as oo, aH as so, aI as io, aT as lo, aE as co, aF as uo, u as mo, bz as po, bo as go, bq as bo, br as fo, aQ as ho, a1 as vo, e as yo, bj as Co } from "./Expandable-yVIypRqF.js";
+import { jsxs as A, jsx as g } from "react/jsx-runtime";
+import F, { useRef as M, useEffect as P, useState as O, useCallback as y, forwardRef as he, useMemo as ie, createContext as ve, useContext as ye } from "react";
+import { B as Ce, U as ee } from "./UIContext-C3E-k7HI.js";
 import { a as Do, u as No } from "./UIContext-C3E-k7HI.js";
 import { createPortal as we } from "react-dom";
 import { DEFAULT_MARKET_PRESETS as ko, DEFAULT_PINNED as xo, PERIOD_OPTIONS as To, ROLLING_OPTIONS as Io, TODAY_PRESET as Ro, findPreset as _o, formatDateRange as Mo, formatMarketDates as Po, formatTrend as Fo, formatValue as Eo, generateMarketId as Oo, getAllPresets as Ao, getDateRangeForPreset as Lo, getPresetLabel as $o, isInRange as Bo, isMarketActive as Ko, isSameDay as Go, normalizePresetId as Ho, toUppercasePresetId as zo } from "@mt-gloss/utils";
 function gt(e = {}) {
-  const { enabled: t = !0, returnTo: r } = e, a = _(null);
+  const { enabled: t = !0, returnTo: n } = e, a = M(null);
   return P(() => {
-    t && (a.current = r || document.activeElement);
-  }, [t, r]), P(() => () => {
+    t && (a.current = n || document.activeElement);
+  }, [t, n]), P(() => () => {
     t && a.current && setTimeout(() => {
       a.current?.focus?.();
     }, 0);
@@ -18,125 +18,125 @@ function gt(e = {}) {
 function bt(e) {
   const {
     items: t,
-    activeIndex: r,
+    activeIndex: n,
     onActiveIndexChange: a,
-    loop: n = !0,
+    loop: o = !0,
     orientation: s = "vertical",
     enabled: i = !0,
-    isItemDisabled: c,
-    onSelect: g,
-    onEscape: u
-  } = e, [C, N] = O(-1), m = r !== void 0 ? r : C, p = w(
-    (o) => {
-      r === void 0 && N(o), a?.(o);
+    isItemDisabled: l,
+    onSelect: f,
+    onEscape: d
+  } = e, [D, N] = O(-1), u = n !== void 0 ? n : D, m = y(
+    (r) => {
+      n === void 0 && N(r), a?.(r);
     },
-    [r, a]
-  ), S = w(() => t.map((o, f) => ({ item: o, index: f })).filter(({ item: o, index: f }) => !c?.(o, f)).map(({ index: o }) => o), [t, c]), T = w(
-    (o, f) => {
-      const y = S();
-      if (y.length === 0) return -1;
-      const D = y.indexOf(o);
-      if (D === -1)
-        return f === 1 ? y.find((R) => R > o) ?? (n ? y[0] : -1) : [...y].reverse().find((M) => M < o) ?? (n ? y[y.length - 1] : -1);
-      let k = D + f;
-      return n ? k = (k + y.length) % y.length : k = Math.max(0, Math.min(y.length - 1, k)), y[k];
+    [n, a]
+  ), S = y(() => t.map((r, c) => ({ item: r, index: c })).filter(({ item: r, index: c }) => !l?.(r, c)).map(({ index: r }) => r), [t, l]), R = y(
+    (r, c) => {
+      const b = S();
+      if (b.length === 0) return -1;
+      const C = b.indexOf(r);
+      if (C === -1)
+        return c === 1 ? b.find((I) => I > r) ?? (o ? b[0] : -1) : [...b].reverse().find((_) => _ < r) ?? (o ? b[b.length - 1] : -1);
+      let w = C + c;
+      return o ? w = (w + b.length) % b.length : w = Math.max(0, Math.min(b.length - 1, w)), b[w];
     },
-    [S, n]
-  ), b = w(() => {
-    const o = S();
-    o.length > 0 && p(o[0]);
-  }, [S, p]), x = w(() => {
-    const o = S();
-    o.length > 0 && p(o[o.length - 1]);
-  }, [S, p]), I = w(() => {
-    const o = T(m, 1);
-    o !== -1 && p(o);
-  }, [m, T, p]), l = w(() => {
-    const o = T(m, -1);
-    o !== -1 && p(o);
-  }, [m, T, p]), v = w(() => {
-    p(-1);
-  }, [p]), d = w(
-    (o) => {
+    [S, o]
+  ), p = y(() => {
+    const r = S();
+    r.length > 0 && m(r[0]);
+  }, [S, m]), x = y(() => {
+    const r = S();
+    r.length > 0 && m(r[r.length - 1]);
+  }, [S, m]), T = y(() => {
+    const r = R(u, 1);
+    r !== -1 && m(r);
+  }, [u, R, m]), v = y(() => {
+    const r = R(u, -1);
+    r !== -1 && m(r);
+  }, [u, R, m]), k = y(() => {
+    m(-1);
+  }, [m]), h = y(
+    (r) => {
       if (!i) return;
-      const { key: f } = o, y = f === "ArrowUp" && (s === "vertical" || s === "both"), D = f === "ArrowDown" && (s === "vertical" || s === "both"), k = f === "ArrowLeft" && (s === "horizontal" || s === "both"), R = f === "ArrowRight" && (s === "horizontal" || s === "both");
-      if (y || k) {
-        o.preventDefault(), m === -1 ? x() : l();
+      const { key: c } = r, b = c === "ArrowUp" && (s === "vertical" || s === "both"), C = c === "ArrowDown" && (s === "vertical" || s === "both"), w = c === "ArrowLeft" && (s === "horizontal" || s === "both"), I = c === "ArrowRight" && (s === "horizontal" || s === "both");
+      if (b || w) {
+        r.preventDefault(), u === -1 ? x() : v();
         return;
       }
-      if (D || R) {
-        o.preventDefault(), m === -1 ? b() : I();
+      if (C || I) {
+        r.preventDefault(), u === -1 ? p() : T();
         return;
       }
-      if (f === "Home") {
-        o.preventDefault(), b();
+      if (c === "Home") {
+        r.preventDefault(), p();
         return;
       }
-      if (f === "End") {
-        o.preventDefault(), x();
+      if (c === "End") {
+        r.preventDefault(), x();
         return;
       }
-      if ((f === "Enter" || f === " ") && m >= 0 && m < t.length) {
-        o.preventDefault();
-        const M = t[m];
-        c?.(M, m) || g?.(M, m);
+      if ((c === "Enter" || c === " ") && u >= 0 && u < t.length) {
+        r.preventDefault();
+        const _ = t[u];
+        l?.(_, u) || f?.(_, u);
         return;
       }
-      if (f === "Escape") {
-        u?.();
+      if (c === "Escape") {
+        d?.();
         return;
       }
     },
     [
       i,
       s,
-      m,
+      u,
       t,
-      b,
+      p,
       x,
-      I,
+      T,
+      v,
       l,
-      c,
-      g,
-      u
+      f,
+      d
     ]
   );
   return {
-    focusedIndex: m,
-    setFocusedIndex: p,
-    handleKeyDown: d,
-    focusFirst: b,
+    focusedIndex: u,
+    setFocusedIndex: m,
+    handleKeyDown: h,
+    focusFirst: p,
     focusLast: x,
-    focusNext: I,
-    focusPrevious: l,
-    resetFocus: v
+    focusNext: T,
+    focusPrevious: v,
+    resetFocus: k
   };
 }
-const z = (e) => {
+const Z = (e) => {
 }, De = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
-  onRemove: z
+  onRemove: Z
 }, Ne = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
-  onRemove: z
+  onRemove: Z
 }, Se = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
-  onRemove: z
+  onRemove: Z
 }, ke = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
-  onRemove: z
+  onRemove: Z
 }, ft = [
   De,
   Ne,
@@ -187,7 +187,7 @@ const z = (e) => {
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
-], ae = {
+], re = {
   position: "fixed",
   zIndex: 9999,
   background: "rgba(255,255,255,0.92)",
@@ -199,7 +199,7 @@ const z = (e) => {
   minWidth: 148,
   paddingTop: 4,
   paddingBottom: 4
-}, Y = (e) => ({
+}, U = (e) => ({
   padding: "6px 12px",
   fontSize: 12,
   lineHeight: 1.4,
@@ -214,7 +214,7 @@ const z = (e) => {
   textAlign: "left",
   border: "none"
 }), xe = (e) => ({
-  ...Y(e),
+  ...U(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
 }), Te = {
@@ -225,123 +225,123 @@ const z = (e) => {
 function Ie({
   open: e,
   anchorEl: t,
-  statusId: r,
+  statusId: n,
   onOpenInTable: a,
-  onShowOnGraph: n,
+  onShowOnGraph: o,
   overflowActions: s,
   onClose: i
 }) {
-  const [c, g] = O(null), u = _(null), C = w(() => {
-    if (!t) return { ...ae, top: 0, left: 0 };
-    const p = t.getBoundingClientRect();
+  const [l, f] = O(null), d = M(null), D = y(() => {
+    if (!t) return { ...re, top: 0, left: 0 };
+    const m = t.getBoundingClientRect();
     return {
-      ...ae,
-      top: p.bottom + 4,
-      left: p.left
+      ...re,
+      top: m.bottom + 4,
+      left: m.left
     };
   }, [t]);
   if (P(() => {
     if (!e) return;
-    const p = (S) => {
+    const m = (S) => {
       S.key === "Escape" && i();
     };
-    return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
   }, [e, i]), P(() => {
     if (!e) return;
-    const p = (S) => {
-      u.current && !u.current.contains(S.target) && i();
+    const m = (S) => {
+      d.current && !d.current.contains(S.target) && i();
     };
-    return document.addEventListener("pointerdown", p, !0), () => document.removeEventListener("pointerdown", p, !0);
+    return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
   }, [e, i]), !e) return null;
-  const N = s && s.length > 0, m = /* @__PURE__ */ A(
+  const N = s && s.length > 0, u = /* @__PURE__ */ A(
     "div",
     {
-      ref: u,
-      "data-status-chip-menu": r,
+      ref: d,
+      "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
-      style: C(),
+      style: D(),
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ g(
           "button",
           {
             role: "menuitem",
-            style: xe(c === "__primary"),
-            onMouseEnter: () => g("__primary"),
-            onMouseLeave: () => g(null),
+            style: xe(l === "__primary"),
+            onMouseEnter: () => f("__primary"),
+            onMouseLeave: () => f(null),
             onClick: () => {
-              a(r), i();
+              a(n), i();
             },
             children: "Open in table"
           }
         ),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ g(
           "button",
           {
             role: "menuitem",
-            style: Y(c === "__graph"),
-            onMouseEnter: () => g("__graph"),
-            onMouseLeave: () => g(null),
+            style: U(l === "__graph"),
+            onMouseEnter: () => f("__graph"),
+            onMouseLeave: () => f(null),
             onClick: () => {
-              n(r), i();
+              o(n), i();
             },
             children: "Show on graph"
           }
         ),
-        N && /* @__PURE__ */ h("div", { style: Te }),
-        N && s?.map((p) => /* @__PURE__ */ h(
+        N && /* @__PURE__ */ g("div", { style: Te }),
+        N && s?.map((m) => /* @__PURE__ */ g(
           "button",
           {
             role: "menuitem",
-            style: Y(c === p.id),
-            onMouseEnter: () => g(p.id),
-            onMouseLeave: () => g(null),
+            style: U(l === m.id),
+            onMouseEnter: () => f(m.id),
+            onMouseLeave: () => f(null),
             onClick: () => {
-              p.onSelect(r), i();
+              m.onSelect(n), i();
             },
-            children: p.label
+            children: m.label
           },
-          p.id
+          m.id
         ))
       ]
     }
   );
-  return we(m, document.body);
+  return we(u, document.body);
 }
 Ie.displayName = "StatusSlotChipMenu";
 const Re = he(
-  function({ state: t, onPointerDown: r, onPointerUp: a, onPointerEnter: n, onPointerLeave: s, edge: i = "right", ariaLabel: c = "Resize card" }, g) {
-    const u = t === "handle-visible" || t === "dragging", C = (m) => {
+  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: o, onPointerLeave: s, edge: i = "right", ariaLabel: l = "Resize card" }, f) {
+    const d = t === "handle-visible" || t === "dragging", D = (u) => {
       try {
-        m.currentTarget.setPointerCapture(m.pointerId);
+        u.currentTarget.setPointerCapture(u.pointerId);
       } catch {
       }
-      r(m);
-    }, N = (m) => {
+      n(u);
+    }, N = (u) => {
       try {
-        m.currentTarget.hasPointerCapture?.(m.pointerId) && m.currentTarget.releasePointerCapture(m.pointerId);
+        u.currentTarget.hasPointerCapture?.(u.pointerId) && u.currentTarget.releasePointerCapture(u.pointerId);
       } catch {
       }
-      a(m);
+      a(u);
     };
-    return /* @__PURE__ */ h(
+    return /* @__PURE__ */ g(
       "button",
       {
-        ref: g,
+        ref: f,
         type: "button",
-        "aria-label": c,
+        "aria-label": l,
         "data-edge": i,
         "data-resize-state": t,
         className: [
           "gloss-edge-handle",
           `gloss-edge-handle--${i}`,
-          u ? "gloss-edge-handle--visible" : ""
+          d ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
-        onPointerDown: C,
+        onPointerDown: D,
         onPointerUp: N,
-        onPointerEnter: n,
+        onPointerEnter: o,
         onPointerLeave: s,
-        tabIndex: u ? 0 : -1
+        tabIndex: d ? 0 : -1
       }
     );
   }
@@ -350,10 +350,10 @@ Re.displayName = "EdgeHoverHandle";
 function _e({
   visible: e,
   targetColSpan: t,
-  enterMs: r = 180,
+  enterMs: n = 180,
   exitMs: a = 120
 }) {
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ g(
     "div",
     {
       "aria-hidden": "true",
@@ -363,7 +363,7 @@ function _e({
         "gloss-ghost-preview",
         e ? "gloss-ghost-preview--visible" : ""
       ].filter(Boolean).join(" "),
-      style: { transitionDuration: `${e ? r : a}ms` }
+      style: { transitionDuration: `${e ? n : a}ms` }
     }
   );
 }
@@ -371,77 +371,77 @@ _e.displayName = "GhostPreview";
 function xt({
   currentColSpan: e,
   stackable: t,
-  onResize: r,
+  onResize: n,
   onCancel: a,
-  dwellMs: n = 120,
+  dwellMs: o = 120,
   enterMs: s = 180,
   exitMs: i = 120
 }) {
-  const [c, g] = O("idle"), [u, C] = O(e), N = _(null), m = _(null), p = _("idle");
+  const [l, f] = O("idle"), [d, D] = O(e), N = M(null), u = M(null), m = M("idle");
   P(() => {
-    p.current = c;
-  }, [c]);
-  const S = 180, T = w(() => {
+    m.current = l;
+  }, [l]);
+  const S = 180, R = y(() => {
     N.current && (clearTimeout(N.current), N.current = null);
-  }, []), b = w(() => {
-    g((d) => d !== "idle" ? d : (N.current = setTimeout(() => g("handle-visible"), n), "dwelling"));
-  }, [n]), x = w(() => {
-    T(), g((d) => d === "dwelling" || d === "handle-visible" ? "idle" : d);
-  }, [T]), I = w(
-    (d) => {
-      p.current === "handle-visible" && (m.current = d.clientX, p.current = "dragging", g("dragging"));
+  }, []), p = y(() => {
+    f((h) => h !== "idle" ? h : (N.current = setTimeout(() => f("handle-visible"), o), "dwelling"));
+  }, [o]), x = y(() => {
+    R(), f((h) => h === "dwelling" || h === "handle-visible" ? "idle" : h);
+  }, [R]), T = y(
+    (h) => {
+      m.current === "handle-visible" && (u.current = h.clientX, m.current = "dragging", f("dragging"));
     },
     []
-  ), l = w(
-    (d) => {
-      if (p.current !== "dragging") return;
-      const o = d.clientX - (m.current ?? d.clientX), f = Math.round(o / S), y = Math.min(3, Math.max(1, e + f)), D = y !== e;
-      if (g(D ? "committed" : "cancelled"), D) {
-        const k = y > e ? "grow" : "shrink";
-        r({ direction: k, targetColSpan: y, mode: t ? "slot-fill" : "sparkline-fidelity" });
+  ), v = y(
+    (h) => {
+      if (m.current !== "dragging") return;
+      const r = h.clientX - (u.current ?? h.clientX), c = Math.round(r / S), b = Math.min(3, Math.max(1, e + c)), C = b !== e;
+      if (f(C ? "committed" : "cancelled"), C) {
+        const w = b > e ? "grow" : "shrink";
+        n({ direction: w, targetColSpan: b, mode: t ? "slot-fill" : "sparkline-fidelity" });
       } else
         a?.();
     },
-    [e, t, r, a]
-  ), v = w(() => {
-    T(), g((d) => d === "dragging" || d === "handle-visible" ? (a?.(), "cancelled") : d);
-  }, [T, a]);
+    [e, t, n, a]
+  ), k = y(() => {
+    R(), f((h) => h === "dragging" || h === "handle-visible" ? (a?.(), "cancelled") : h);
+  }, [R, a]);
   return P(() => {
-    if (c !== "dragging" && c !== "handle-visible") return;
-    const d = (o) => {
-      o.key === "Escape" && v();
+    if (l !== "dragging" && l !== "handle-visible") return;
+    const h = (r) => {
+      r.key === "Escape" && k();
     };
-    return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
-  }, [c, v]), P(() => {
-    if (c !== "dragging") {
-      C(e);
+    return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
+  }, [l, k]), P(() => {
+    if (l !== "dragging") {
+      D(e);
       return;
     }
-    const d = (o) => {
-      const f = o.clientX - (m.current ?? o.clientX), y = Math.round(f / S), D = Math.min(3, Math.max(1, e + y));
-      C((k) => k === D ? k : D);
+    const h = (r) => {
+      const c = r.clientX - (u.current ?? r.clientX), b = Math.round(c / S), C = Math.min(3, Math.max(1, e + b));
+      D((w) => w === C ? w : C);
     };
-    return window.addEventListener("pointermove", d), () => window.removeEventListener("pointermove", d);
-  }, [c, e]), P(() => () => T(), [T]), P(() => {
-    if (c !== "committed" && c !== "cancelled") return;
-    const d = setTimeout(() => g("idle"), i);
-    return () => clearTimeout(d);
-  }, [c, i]), {
-    state: c,
-    enterEdgeZone: b,
+    return window.addEventListener("pointermove", h), () => window.removeEventListener("pointermove", h);
+  }, [l, e]), P(() => () => R(), [R]), P(() => {
+    if (l !== "committed" && l !== "cancelled") return;
+    const h = setTimeout(() => f("idle"), i);
+    return () => clearTimeout(h);
+  }, [l, i]), {
+    state: l,
+    enterEdgeZone: p,
     leaveEdgeZone: x,
     handleProps: {
-      onPointerDown: I,
-      onPointerUp: l,
+      onPointerDown: T,
+      onPointerUp: v,
       // Bug E: handle continues zone presence so pointer crossing sentinel→handle
       // doesn't collapse state. handle's pointerenter = stay in zone.
-      onPointerEnter: b,
+      onPointerEnter: p,
       onPointerLeave: x
     },
-    previewColSpan: u,
+    previewColSpan: d,
     ghostProps: {
-      visible: c === "dragging",
-      targetColSpan: u,
+      visible: l === "dragging",
+      targetColSpan: d,
       enterMs: s,
       exitMs: i
     }
@@ -687,31 +687,31 @@ const Tt = [
   trend: { value: 0, direction: "flat" },
   subtitle: "QTD"
 };
-function ie({
+function le({
   open: e,
   onDismiss: t,
-  anchorRef: r,
+  anchorRef: n,
   pages: a,
-  activePageId: n,
+  activePageId: o,
   onPageChange: s,
   onCreatePage: i,
-  onManagePages: c
+  onManagePages: l
 }) {
-  const g = w(
-    (m) => {
-      s(m), t();
+  const f = y(
+    (u) => {
+      s(u), t();
     },
     [s, t]
-  ), u = w(
-    (m, p) => {
-      (p.key === "Enter" || p.key === " ") && (p.preventDefault(), g(m));
+  ), d = y(
+    (u, m) => {
+      (m.key === "Enter" || m.key === " ") && (m.preventDefault(), f(u));
     },
-    [g]
-  ), C = w(() => {
+    [f]
+  ), D = y(() => {
     i(), t();
-  }, [i, t]), N = w(() => {
-    c(), t();
-  }, [c, t]);
+  }, [i, t]), N = y(() => {
+    l(), t();
+  }, [l, t]);
   return /* @__PURE__ */ A(
     Ce,
     {
@@ -723,53 +723,53 @@ function ie({
       },
       open: e,
       onDismiss: t,
-      anchorRef: r,
+      anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ h("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((m) => {
-          const p = m.id === n;
+        /* @__PURE__ */ g("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
+          const m = u.id === o;
           return /* @__PURE__ */ A(
             "li",
             {
               role: "menuitemradio",
-              "aria-checked": p,
-              "aria-current": p ? "page" : void 0,
+              "aria-checked": m,
+              "aria-current": m ? "page" : void 0,
               tabIndex: 0,
-              className: `gloss-page-dropdown__item${p ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => g(m.id),
-              onKeyDown: (S) => u(m.id, S),
+              className: `gloss-page-dropdown__item${m ? " gloss-page-dropdown__item--active" : ""}`,
+              onClick: () => f(u.id),
+              onKeyDown: (S) => d(u.id, S),
               children: [
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ g(
                   "span",
                   {
-                    className: `gloss-page-dropdown__dot${p ? " gloss-page-dropdown__dot--active" : ""}`
+                    className: `gloss-page-dropdown__dot${m ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ g(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${m.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: m.name
+                    className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: u.name
                   }
                 ),
-                /* @__PURE__ */ h("span", { className: "gloss-page-dropdown__count", children: m.cardCount })
+                /* @__PURE__ */ g("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
               ]
             },
-            m.id
+            u.id
           );
         }) }),
-        /* @__PURE__ */ h("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ g("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ g(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: C,
+            onClick: D,
             children: "+ New page"
           }
         ),
-        /* @__PURE__ */ h("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ g("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ g(
           "button",
           {
             role: "menuitem",
@@ -782,34 +782,34 @@ function ie({
     }
   );
 }
-ie.displayName = "PageDropdown";
+le.displayName = "PageDropdown";
 const Le = function({
   currentIndex: t,
-  total: r,
+  total: n,
   pages: a,
-  onPageChange: n,
+  onPageChange: o,
   onCreatePage: s,
   onManagePages: i,
-  maskRadius: c = "var(--gloss-radius-md)"
+  maskRadius: l = "var(--gloss-radius-md)"
 }) {
-  const g = _(null), [u, C] = O(!1), N = w(() => {
-    C((S) => !S);
-  }, []), m = w(() => {
-    C(!1);
-  }, []), p = a[t]?.id ?? "";
+  const f = M(null), [d, D] = O(!1), N = y(() => {
+    D((S) => !S);
+  }, []), u = y(() => {
+    D(!1);
+  }, []), m = a[t]?.id ?? "";
   return /* @__PURE__ */ A(
     "div",
     {
       className: "gloss-page-chip",
-      ref: g,
+      ref: f,
       style: { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ g(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
-            style: { "--_nuzzle-r": c }
+            style: { "--_nuzzle-r": l }
           }
         ),
         /* @__PURE__ */ A(
@@ -817,25 +817,25 @@ const Le = function({
           {
             className: "gloss-page-chip__trigger",
             "aria-haspopup": "menu",
-            "aria-expanded": u,
-            "aria-label": `Page ${t + 1} of ${r}. Click to switch pages.`,
+            "aria-expanded": d,
+            "aria-label": `Page ${t + 1} of ${n}. Click to switch pages.`,
             onClick: N,
             children: [
               t + 1,
               " / ",
-              r
+              n
             ]
           }
         ),
-        /* @__PURE__ */ h(
-          ie,
+        /* @__PURE__ */ g(
+          le,
           {
-            open: u,
-            onDismiss: m,
-            anchorRef: g,
+            open: d,
+            onDismiss: u,
+            anchorRef: f,
             pages: a,
-            activePageId: p,
-            onPageChange: n,
+            activePageId: m,
+            onPageChange: o,
             onCreatePage: s,
             onManagePages: i
           }
@@ -1112,16 +1112,16 @@ const Et = [
     lastDate: "2026-03-01"
   }
 ];
-function q(e) {
+function j(e) {
   return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
-function le(e) {
+function de(e) {
   return e.toLocaleString("en-US");
 }
-function de(e) {
+function ce(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const G = F.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), At = [
+const z = F.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), At = [
   {
     field: "id",
     headerName: "Order",
@@ -1151,7 +1151,7 @@ const G = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.skuCount ? le(e.skuCount) : G
+    renderCell: ({ row: e }) => e.skuCount ? de(e.skuCount) : z
   },
   {
     field: "total",
@@ -1161,7 +1161,7 @@ const G = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.total ? q(e.total) : G
+    renderCell: ({ row: e }) => e.total ? j(e.total) : z
   },
   {
     field: "date",
@@ -1171,7 +1171,7 @@ const G = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.date ? de(e.date) : ""
+    renderCell: ({ row: e }) => e.date ? ce(e.date) : ""
   }
 ], Lt = [
   {
@@ -1205,7 +1205,7 @@ const G = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.price ? q(e.price) : G
+    renderCell: ({ row: e }) => e.price ? j(e.price) : z
   },
   {
     field: "quantity",
@@ -1215,7 +1215,7 @@ const G = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.quantity ? le(e.quantity) : G
+    renderCell: ({ row: e }) => e.quantity ? de(e.quantity) : z
   },
   {
     field: "total",
@@ -1225,7 +1225,7 @@ const G = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.total ? q(e.total) : G
+    renderCell: ({ row: e }) => e.total ? j(e.total) : z
   },
   {
     field: "lastDate",
@@ -1235,7 +1235,7 @@ const G = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.lastDate ? de(e.lastDate) : ""
+    renderCell: ({ row: e }) => e.lastDate ? ce(e.lastDate) : ""
   }
 ], $e = [
   { id: "c-001", label: "ABC Home Goods" },
@@ -1249,10 +1249,10 @@ const G = F.createElement("span", { style: { color: "var(--color-text-muted)" }
   { id: "i-003", label: "Walnut Console Table" },
   { id: "i-004", label: "Hand-Blown Glass Vase" },
   { id: "i-005", label: "Velvet Accent Cushion" }
-], Z = (e) => {
+], W = (e) => {
 }, Ke = (e) => {
-}, re = (e, t) => {
-}, ce = {
+}, ne = (e, t) => {
+}, ue = {
   vizState: {
     type: "orders",
     quant: "$",
@@ -1260,17 +1260,17 @@ const G = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: null, name: null },
     timeFrame: "MTD"
   },
-  onTypeChange: Z,
+  onTypeChange: W,
   onQuantChange: Ke,
-  onEntityTypeChange: Z,
-  onEntitySelect: re,
-  onItemSelect: re,
-  onTimeFrameChange: Z,
+  onEntityTypeChange: W,
+  onEntitySelect: ne,
+  onItemSelect: ne,
+  onTimeFrameChange: W,
   userType: "sales-agency",
   entityFilterOptions: $e,
   itemFilterOptions: Be
 }, $t = {
-  ...ce,
+  ...ue,
   vizState: {
     type: "items",
     quant: "$",
@@ -1279,7 +1279,7 @@ const G = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     timeFrame: "YTD"
   }
 }, Bt = {
-  ...ce,
+  ...ue,
   vizState: {
     type: "orders",
     quant: "#",
@@ -1422,7 +1422,7 @@ const G = F.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, Zt = [
+}, Vt = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1444,7 +1444,7 @@ const G = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], Vt = [
+], Zt = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1509,7 +1509,7 @@ function L(e, t) {
     }, t)
   };
 }
-function ne(e, t) {
+function oe(e, t) {
   return {
     ...L(e, t),
     colSpan: 2
@@ -1518,11 +1518,11 @@ function ne(e, t) {
 const Ut = [
   L("total-revenue", "Total Revenue"),
   L("total-orders", "Total Orders"),
-  ne("revenue-trend", "Revenue Trend (2x)"),
+  oe("revenue-trend", "Revenue Trend (2x)"),
   L("avg-order", "Avg Order Value"),
   L("new-customers", "New Customers"),
   L("top-salesperson", "Top Salesperson"),
-  ne("order-trend", "Order Trend (2x)"),
+  oe("order-trend", "Order Trend (2x)"),
   L("repeat-rate", "Repeat Rate"),
   L("open-orders", "Open Orders"),
   L("shipped-orders", "Shipped Orders")
@@ -1548,7 +1548,7 @@ const Ut = [
   currentPage: 0,
   totalPages: 3
 };
-function V(e) {
+function Y(e) {
   return F.createElement("span", { style: { fontSize: 14 } }, e);
 }
 const Jt = [
@@ -1556,7 +1556,7 @@ const Jt = [
     id: "all-orders",
     type: "orders",
     name: "All Orders",
-    icon: V("📋"),
+    icon: Y("📋"),
     closable: !1,
     autoCreated: !0
   },
@@ -1564,14 +1564,14 @@ const Jt = [
     id: "open-orders",
     type: "orders",
     name: "Open Orders",
-    icon: V("📦"),
+    icon: Y("📦"),
     closable: !0
   },
   {
     id: "shipped-orders",
     type: "orders",
     name: "Shipped Orders",
-    icon: V("🚚"),
+    icon: Y("🚚"),
     closable: !0
   }
 ], ea = [
@@ -1620,7 +1620,7 @@ const Jt = [
   { id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
   { id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
 ];
-function U(e) {
+function Q(e) {
   switch (e) {
     case "wide":
       return { cols: 2, rows: 1 };
@@ -1631,39 +1631,39 @@ function U(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function Ze(e) {
+function Ve(e) {
   let t = 0;
   for (const a of e) {
-    const n = U(a.size), s = a.gridPosition.col + n.cols - 1;
+    const o = Q(a.size), s = a.gridPosition.col + o.cols - 1;
     s > t && (t = s);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const Ve = function(t) {
+const Ze = function(t) {
   if (t.renderMode === "discrete")
-    return /* @__PURE__ */ h(
+    return /* @__PURE__ */ g(
       "div",
       {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
-        children: t.cards.map((n) => {
-          const s = U(n.size);
-          return /* @__PURE__ */ h(
+        children: t.cards.map((o) => {
+          const s = Q(o.size);
+          return /* @__PURE__ */ g(
             "div",
             {
               className: "gloss-metric-group__slot",
               style: {
-                gridColumn: `${n.gridPosition.col} / span ${s.cols}`,
-                gridRow: `${n.gridPosition.row} / span ${s.rows}`
+                gridColumn: `${o.gridPosition.col} / span ${s.cols}`,
+                gridRow: `${o.gridPosition.row} / span ${s.rows}`
               },
-              children: n.children
+              children: o.children
             },
-            n.key
+            o.key
           );
         })
       }
     );
-  const { cards: r, composite: a } = t;
+  const { cards: n, composite: a } = t;
   return /* @__PURE__ */ A(
     "div",
     {
@@ -1683,7 +1683,7 @@ const Ve = function(t) {
       "aria-label": a?.label,
       tabIndex: void 0,
       children: [
-        a?.accentColor && /* @__PURE__ */ h(
+        a?.accentColor && /* @__PURE__ */ g(
           "div",
           {
             className: "gloss-metric-group__accent",
@@ -1691,8 +1691,8 @@ const Ve = function(t) {
           }
         ),
         a?.label && /* @__PURE__ */ A("div", { className: "gloss-metric-group__label", children: [
-          /* @__PURE__ */ h("span", { children: a.label }),
-          a?.trend && /* @__PURE__ */ h(
+          /* @__PURE__ */ g("span", { children: a.label }),
+          a?.trend && /* @__PURE__ */ g(
             "span",
             {
               className: "gloss-metric-group__trend",
@@ -1701,28 +1701,28 @@ const Ve = function(t) {
             }
           )
         ] }),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ g(
           "div",
           {
             className: "gloss-metric-group__slots",
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: Ze(r)
+              gridTemplateColumns: Ve(n)
             },
-            children: r.map((n) => {
-              const s = U(n.size);
-              return /* @__PURE__ */ h(
+            children: n.map((o) => {
+              const s = Q(o.size);
+              return /* @__PURE__ */ g(
                 "div",
                 {
                   className: "gloss-metric-group__slot--composite",
                   style: {
-                    gridColumn: `${n.gridPosition.col} / span ${s.cols}`,
-                    gridRow: `${n.gridPosition.row} / span ${s.rows}`
+                    gridColumn: `${o.gridPosition.col} / span ${s.cols}`,
+                    gridRow: `${o.gridPosition.row} / span ${s.rows}`
                   },
-                  children: n.children
+                  children: o.children
                 },
-                n.key
+                o.key
               );
             })
           }
@@ -1731,7 +1731,7 @@ const Ve = function(t) {
     }
   );
 };
-Ve.displayName = "MetricGroupContainer";
+Ze.displayName = "MetricGroupContainer";
 const B = {
   "gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
   "gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
@@ -1743,41 +1743,41 @@ const B = {
 function We({
   message: e,
   primaryAction: t,
-  onDismiss: r,
+  onDismiss: n,
   anchorEl: a,
-  anchorSelector: n
+  anchorSelector: o
 }) {
-  const [s, i] = F.useState(null), c = F.useMemo(
+  const [s, i] = F.useState(null), l = F.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
   F.useEffect(() => {
-    !a && !n && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
+    !a && !o && (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, n]), F.useLayoutEffect(() => {
-    let u = null;
-    if (a ? u = a : n && (u = document.querySelector(n)), u) {
-      const C = u.getBoundingClientRect();
+  }, [a, o]), F.useLayoutEffect(() => {
+    let d = null;
+    if (a ? d = a : o && (d = document.querySelector(o)), d) {
+      const D = d.getBoundingClientRect();
       i({
-        top: C.bottom + window.scrollY + 6,
-        left: C.left + window.scrollX
+        top: D.bottom + window.scrollY + 6,
+        left: D.left + window.scrollX
       });
     }
-  }, [a, n]);
-  const g = s ? { top: s.top, left: s.left } : {};
+  }, [a, o]);
+  const f = s ? { top: s.top, left: s.left } : {};
   return /* @__PURE__ */ A(
     "div",
     {
       className: B["gloss-inline-nudge"],
-      style: g,
+      style: f,
       role: "status",
       "aria-live": "polite",
-      "data-reduced-motion": c ? "true" : void 0,
+      "data-reduced-motion": l ? "true" : void 0,
       children: [
-        /* @__PURE__ */ h("span", { className: B["gloss-inline-nudge__message"], children: e }),
+        /* @__PURE__ */ g("span", { className: B["gloss-inline-nudge__message"], children: e }),
         /* @__PURE__ */ A("div", { className: B["gloss-inline-nudge__actions"], children: [
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ g(
             "button",
             {
               type: "button",
@@ -1786,12 +1786,12 @@ function We({
               children: t.label
             }
           ),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ g(
             "button",
             {
               type: "button",
               className: `${B["gloss-inline-nudge__btn"]} ${B["gloss-inline-nudge__btn--dismiss"]}`,
-              onClick: r,
+              onClick: n,
               "aria-label": "Dismiss",
               children: "Dismiss"
             }
@@ -1802,17 +1802,17 @@ function We({
   );
 }
 We.displayName = "InlineNudge";
-function j(e) {
+function X(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function Ye(e, t, r) {
-  if (r <= t) {
-    const i = e[0], c = i ? j(i) : "#888";
-    return `linear-gradient(to right, ${c}, ${c})`;
+function Ye(e, t, n) {
+  if (n <= t) {
+    const i = e[0], l = i ? X(i) : "#888";
+    return `linear-gradient(to right, ${l}, ${l})`;
   }
-  const a = r - t, s = [...e].sort((i, c) => i.value - c.value).map((i) => {
-    const c = (i.value - t) / a * 100;
-    return `${j(i)} ${c.toFixed(2)}%`;
+  const a = n - t, s = [...e].sort((i, l) => i.value - l.value).map((i) => {
+    const l = (i.value - t) / a * 100;
+    return `${X(i)} ${l.toFixed(2)}%`;
   });
   return s.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : s.length === 1 ? `linear-gradient(to right, ${s[0]}, ${s[0]})` : `linear-gradient(to right, ${s.join(", ")})`;
 }
@@ -1822,153 +1822,159 @@ function qe(e) {
 function Ue({
   stops: e,
   onChange: t,
-  min: r = 0,
+  min: n = 0,
   max: a = 100,
-  disabled: n = !1
+  step: o,
+  disabled: s = !1
 }) {
-  const s = _(null), [i, c] = O(null), [g, u] = O(e), C = qe(e), N = _(C);
+  const i = o === void 0 ? 0.01 : !Number.isFinite(o) || o <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
+    `ThresholdRamp: step (${o}) must be a positive finite number; falling back to 0.01.`
+  ), 0.01) : o, l = y(
+    (r) => Math.round(r / i) * i,
+    [i]
+  ), f = M(null), [d, D] = O(null), [N, u] = O(e), m = qe(e), S = M(m);
   P(() => {
-    N.current !== C && (N.current = C, !i && u(e));
-  }, [C, e, i]);
-  const m = se(() => Ye(g, r, a), [g, r, a]), p = w(
-    (l) => {
-      if (!s.current) return r;
-      const v = s.current.getBoundingClientRect(), d = v.width || 1, o = Math.max(0, Math.min(1, (l - v.left) / d)), f = r + o * (a - r);
-      return Math.round(f * 100) / 100;
+    S.current !== m && (S.current = m, !d && u(e));
+  }, [m, e, d]);
+  const R = ie(() => Ye(N, n, a), [N, n, a]), p = y(
+    (r) => {
+      if (!f.current) return n;
+      const c = f.current.getBoundingClientRect(), b = c.width || 1, C = Math.max(0, Math.min(1, (r - c.left) / b)), w = n + C * (a - n);
+      return l(w);
     },
-    [r, a]
+    [n, a, l]
   );
   P(() => {
-    a <= r && process.env.NODE_ENV !== "production" && console.warn(
-      `ThresholdRamp: max (${a}) must be greater than min (${r}); rendering degenerate strip.`
+    a <= n && process.env.NODE_ENV !== "production" && console.warn(
+      `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
     );
-  }, [r, a]);
-  const S = w(
-    (l, v) => {
-      const d = g.find((o) => o.id === v);
-      n || d?.disabled || (l.preventDefault(), c(v));
+  }, [n, a]);
+  const x = y(
+    (r, c) => {
+      const b = N.find((C) => C.id === c);
+      s || b?.disabled || (r.preventDefault(), D(c));
     },
-    [n, g]
-  ), T = _(g);
-  T.current = g;
-  const b = _(t);
-  b.current = t, P(() => {
-    if (!i) return;
-    const l = (d) => {
-      const o = p(d.clientX);
+    [s, N]
+  ), T = M(N);
+  T.current = N;
+  const v = M(t);
+  v.current = t, P(() => {
+    if (!d) return;
+    const r = (b) => {
+      const C = p(b.clientX);
       u(
-        (f) => f.map((y) => y.id === i ? { ...y, value: o } : y)
+        (w) => w.map((I) => I.id === d ? { ...I, value: C } : I)
       );
-    }, v = (d) => {
-      const o = p(d.clientX), f = T.current.map(
-        (y) => y.id === i ? { ...y, value: o } : y
+    }, c = (b) => {
+      const C = p(b.clientX), w = T.current.map(
+        (I) => I.id === d ? { ...I, value: C } : I
       );
-      u(f), c(null), b.current(f);
+      u(w), D(null), v.current(w);
     };
-    return window.addEventListener("pointermove", l), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
-      window.removeEventListener("pointermove", l), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
+    return window.addEventListener("pointermove", r), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c), () => {
+      window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c);
     };
-  }, [i, p]);
-  const x = a - r > 0 ? a - r : 1, I = w(
-    (l, v) => {
-      if (n || v.disabled) return;
-      const d = a - r;
-      if (d <= 0) return;
-      const o = l.shiftKey ? d / 20 : d / 100;
-      let f = v.value;
-      switch (l.key) {
+  }, [d, p]);
+  const k = a - n > 0 ? a - n : 1, h = y(
+    (r, c) => {
+      if (s || c.disabled) return;
+      const b = a - n;
+      if (b <= 0) return;
+      const C = r.shiftKey ? b / 20 : b / 100;
+      let w = c.value;
+      switch (r.key) {
         case "ArrowRight":
         case "ArrowUp":
-          f = v.value + o;
+          w = c.value + C;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          f = v.value - o;
+          w = c.value - C;
           break;
         case "Home":
-          f = r;
+          w = n;
           break;
         case "End":
-          f = a;
+          w = a;
           break;
         default:
           return;
       }
-      l.preventDefault();
-      const y = Math.max(r, Math.min(a, f)), D = Math.round(y * 100) / 100;
-      if (D === v.value) return;
-      const k = g.map(
-        (R) => R.id === v.id ? { ...R, value: D } : R
+      r.preventDefault();
+      const I = Math.max(n, Math.min(a, w)), _ = l(I);
+      if (_ === c.value) return;
+      const K = N.map(
+        (G) => G.id === c.id ? { ...G, value: _ } : G
       );
-      u(k), t(k);
+      u(K), t(K);
     },
-    [n, r, a, g, t]
+    [s, n, a, N, t, l]
   );
-  return /* @__PURE__ */ h("div", { className: "gloss-threshold-ramp", "data-disabled": n || void 0, children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ g("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ g(
     "div",
     {
-      ref: s,
+      ref: f,
       className: "gloss-threshold-ramp__track",
-      style: { background: m },
-      children: g.map((l) => {
-        const v = (l.value - r) / x * 100;
-        return /* @__PURE__ */ h(
+      style: { background: R },
+      children: N.map((r) => {
+        const c = (r.value - n) / k * 100;
+        return /* @__PURE__ */ g(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
-              left: `${v}%`,
-              color: j(l)
+              left: `${c}%`,
+              color: X(r)
             },
-            "data-disabled": l.disabled || void 0,
-            "data-dragging": i === l.id || void 0,
-            onPointerDown: (d) => S(d, l.id),
-            onKeyDown: (d) => I(d, l),
-            "aria-label": l.label ?? `Stop at ${l.value}`,
+            "data-disabled": r.disabled || void 0,
+            "data-dragging": d === r.id || void 0,
+            onPointerDown: (b) => x(b, r.id),
+            onKeyDown: (b) => h(b, r),
+            "aria-label": r.label ?? `Stop at ${r.value}`,
             role: "slider",
-            "aria-valuenow": l.value,
-            "aria-valuemin": r,
+            "aria-valuenow": r.value,
+            "aria-valuemin": n,
             "aria-valuemax": a,
-            "aria-disabled": l.disabled || n || void 0,
-            tabIndex: l.disabled || n ? -1 : 0
+            "aria-disabled": r.disabled || s || void 0,
+            tabIndex: r.disabled || s ? -1 : 0
           },
-          l.id
+          r.id
         );
       })
     }
   ) });
 }
 Ue.displayName = "ThresholdRamp";
-const ue = ve(null);
+const me = ve(null);
 function je() {
-  return ye(ue);
+  return ye(me);
 }
 function Qe({ option: e }) {
-  const t = je(), r = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, n = w(() => {
+  const t = je(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, o = y(() => {
     a || t?.select(e.value);
-  }, [a, t, e.value]), s = w(
-    (u) => {
-      a || t?.onKeyNav(u, e.value);
+  }, [a, t, e.value]), s = y(
+    (d) => {
+      a || t?.onKeyNav(d, e.value);
     },
     [a, t, e.value]
-  ), i = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", c = t?.firstFocusableValue === e.value, g = a ? -1 : c ? 0 : -1;
-  return /* @__PURE__ */ h(
+  ), i = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, f = a ? -1 : l ? 0 : -1;
+  return /* @__PURE__ */ g(
     "button",
     {
-      ref: (u) => t?.registerRef(e.value, u),
+      ref: (d) => t?.registerRef(e.value, d),
       type: "button",
       role: "radio",
-      "aria-checked": r,
+      "aria-checked": n,
       className: "gloss-preset-swatch-row__swatch",
       style: { backgroundColor: i },
-      "data-selected": r || void 0,
+      "data-selected": n || void 0,
       "data-disabled": a || void 0,
-      "data-bg-color": i,
+      ...process.env.NODE_ENV === "test" ? { "data-bg-color": i } : {},
       "aria-label": e.label ?? e.value,
       "aria-disabled": a,
       disabled: a,
-      tabIndex: g,
-      onClick: n,
+      tabIndex: f,
+      onClick: o,
       onKeyDown: s
     }
   );
@@ -1976,196 +1982,196 @@ function Qe({ option: e }) {
 function Xe({
   swatches: e,
   value: t,
-  defaultValue: r,
+  defaultValue: n,
   onChange: a,
-  disabled: n = !1,
+  disabled: o = !1,
   name: s
 }) {
-  const i = t !== void 0, [c, g] = O(r), u = i ? t : c, C = w(
-    (l) => {
-      i || g(l), a?.(l);
+  const i = t !== void 0, [l, f] = O(n), d = i ? t : l, D = y(
+    (v) => {
+      i || f(v), a?.(v);
     },
     [i, a]
-  ), N = w(
-    (l) => u === l,
-    [u]
-  ), m = _(/* @__PURE__ */ new Map()), p = w((l, v) => {
-    v ? m.current.set(l, v) : m.current.delete(l);
-  }, []), S = e.filter((l) => !l.disabled && !n), T = S.find((l) => l.value === u)?.value ?? S[0]?.value, b = w((l) => {
-    const v = m.current.get(l);
-    v && v.focus();
-  }, []), x = w(
-    (l, v) => {
-      if (n) return;
-      const d = e.filter((D) => !D.disabled);
-      if (d.length === 0) return;
-      const o = d.findIndex((D) => D.value === v);
-      if (o === -1) return;
-      let f = o;
-      switch (l.key) {
+  ), N = y(
+    (v) => d === v,
+    [d]
+  ), u = M(/* @__PURE__ */ new Map()), m = y((v, k) => {
+    k ? u.current.set(v, k) : u.current.delete(v);
+  }, []), S = e.filter((v) => !v.disabled && !o), R = S.find((v) => v.value === d)?.value ?? S[0]?.value, p = y((v) => {
+    const k = u.current.get(v);
+    k && k.focus();
+  }, []), x = y(
+    (v, k) => {
+      if (o) return;
+      const h = e.filter((C) => !C.disabled);
+      if (h.length === 0) return;
+      const r = h.findIndex((C) => C.value === k);
+      if (r === -1) return;
+      let c = r;
+      switch (v.key) {
         case "ArrowRight":
         case "ArrowDown":
-          f = (o + 1) % d.length;
+          c = (r + 1) % h.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          f = (o - 1 + d.length) % d.length;
+          c = (r - 1 + h.length) % h.length;
           break;
         case "Home":
-          f = 0;
+          c = 0;
           break;
         case "End":
-          f = d.length - 1;
+          c = h.length - 1;
           break;
         case " ":
         case "Enter":
-          l.preventDefault(), C(v);
+          v.preventDefault(), D(k);
           return;
         default:
           return;
       }
-      l.preventDefault();
-      const y = d[f].value;
-      b(y), C(y);
+      v.preventDefault();
+      const b = h[c].value;
+      p(b), D(b);
     },
-    [n, e, C, b]
-  ), I = {
-    selectedValue: u,
-    select: C,
+    [o, e, D, p]
+  ), T = {
+    selectedValue: d,
+    select: D,
     isSelected: N,
-    groupDisabled: n,
+    groupDisabled: o,
     name: s,
-    registerRef: p,
-    firstFocusableValue: T,
+    registerRef: m,
+    firstFocusableValue: R,
     onKeyNav: x
   };
-  return /* @__PURE__ */ h(ue.Provider, { value: I, children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ g(me.Provider, { value: T, children: /* @__PURE__ */ g(
     "div",
     {
       className: "gloss-preset-swatch-row",
       role: "radiogroup",
       "aria-label": s,
-      "aria-disabled": n,
-      "data-disabled": n || void 0,
-      children: e.map((l) => /* @__PURE__ */ h(Qe, { option: l }, l.value))
+      "aria-disabled": o,
+      "data-disabled": o || void 0,
+      children: e.map((v) => /* @__PURE__ */ g(Qe, { option: v }, v.value))
     }
   ) });
 }
 Xe.displayName = "PresetSwatchRow";
-function Q(e, t) {
-  for (const r of e)
-    if (r.items.some((a) => a.id === t))
-      return r.zoneKey;
+function J(e, t) {
+  for (const n of e)
+    if (n.items.some((a) => a.id === t))
+      return n.zoneKey;
   return null;
 }
-function oe(e, t) {
-  const r = e.find((a) => a.zoneKey === t);
-  return r ? r.zoneKey : Q(e, t);
+function se(e, t) {
+  const n = e.find((a) => a.zoneKey === t);
+  return n ? n.zoneKey : J(e, t);
 }
-function Je(e, t, r) {
-  const a = [...e], [n] = a.splice(t, 1);
-  return a.splice(r, 0, n), a;
+function Je(e, t, n) {
+  const a = [...e], [o] = a.splice(t, 1);
+  return a.splice(n, 0, o), a;
 }
 function et(e) {
-  return e.map((t) => `${t.zoneKey}:${t.items.map((r) => r.id).join(",")}`).join("|");
+  return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
 }
 function tt(e) {
-  const [t, r] = O(
-    () => e.zones.map((b) => b.maxItems !== void 0 && b.items.length > b.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-      `useSortableZones: zone "${b.zoneKey}" exceeds maxItems (${b.items.length} > ${b.maxItems}); trimming to cap.`
-    ), { ...b, items: b.items.slice(0, b.maxItems) }) : b)
-  ), [a, n] = O(null), [s, i] = O(null), c = _(null), g = _(e.onZoneChange);
-  g.current = e.onZoneChange;
-  const u = se(
+  const [t, n] = O(
+    () => e.zones.map((p) => p.maxItems !== void 0 && p.items.length > p.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+      `useSortableZones: zone "${p.zoneKey}" exceeds maxItems (${p.items.length} > ${p.maxItems}); trimming to cap.`
+    ), { ...p, items: p.items.slice(0, p.maxItems) }) : p)
+  ), [a, o] = O(null), [s, i] = O(null), l = M(null), f = M(e.onZoneChange);
+  f.current = e.onZoneChange;
+  const d = ie(
     () => et(e.zones),
     [e.zones]
-  ), C = _(u);
+  ), D = M(d);
   P(() => {
-    C.current !== u && (C.current = u, !a && r(
-      e.zones.map((b) => b.maxItems !== void 0 && b.items.length > b.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-        `useSortableZones: zone "${b.zoneKey}" exceeds maxItems (${b.items.length} > ${b.maxItems}); trimming to cap.`
-      ), { ...b, items: b.items.slice(0, b.maxItems) }) : b)
+    D.current !== d && (D.current = d, !a && n(
+      e.zones.map((p) => p.maxItems !== void 0 && p.items.length > p.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+        `useSortableZones: zone "${p.zoneKey}" exceeds maxItems (${p.items.length} > ${p.maxItems}); trimming to cap.`
+      ), { ...p, items: p.items.slice(0, p.maxItems) }) : p)
     ));
-  }, [u, e.zones, a]);
-  const N = w(
-    (b) => {
-      const x = b.active.id;
-      let I = null, l = null;
-      for (const v of t) {
-        const d = v.items.find((o) => o.id === x);
-        if (d) {
-          I = d, l = v.zoneKey;
+  }, [d, e.zones, a]);
+  const N = y(
+    (p) => {
+      const x = p.active.id;
+      let T = null, v = null;
+      for (const k of t) {
+        const h = k.items.find((r) => r.id === x);
+        if (h) {
+          T = h, v = k.zoneKey;
           break;
         }
       }
-      c.current = l, n(I), i(l);
+      l.current = v, o(T), i(v);
     },
     [t]
-  ), m = w(
-    (b) => {
-      if (!b.over) {
-        i(c.current);
+  ), u = y(
+    (p) => {
+      if (!p.over) {
+        i(l.current);
         return;
       }
-      const x = oe(t, b.over.id);
+      const x = se(t, p.over.id);
       i(x);
     },
     [t]
-  ), p = w(
-    (b) => {
-      const { active: x, over: I } = b, l = () => {
-        c.current = null, n(null), i(null);
+  ), m = y(
+    (p) => {
+      const { active: x, over: T } = p, v = () => {
+        l.current = null, o(null), i(null);
       };
-      if (!I) {
-        l();
+      if (!T) {
+        v();
         return;
       }
-      const v = Q(t, x.id), d = oe(t, I.id);
-      if (!v || !d) {
-        l();
+      const k = J(t, x.id), h = se(t, T.id);
+      if (!k || !h) {
+        v();
         return;
       }
-      let o = t.map((f) => ({ ...f, items: [...f.items] }));
-      if (v === d) {
-        const f = o.findIndex((M) => M.zoneKey === v), y = o[f], D = y.items.findIndex((M) => M.id === x.id), k = y.items.findIndex((M) => M.id === I.id), R = k >= 0 ? k : Math.max(0, y.items.length - 1);
-        o[f] = {
-          ...y,
-          items: Je(y.items, D, R)
+      let r = t.map((c) => ({ ...c, items: [...c.items] }));
+      if (k === h) {
+        const c = r.findIndex((_) => _.zoneKey === k), b = r[c], C = b.items.findIndex((_) => _.id === x.id), w = b.items.findIndex((_) => _.id === T.id), I = w >= 0 ? w : Math.max(0, b.items.length - 1);
+        r[c] = {
+          ...b,
+          items: Je(b.items, C, I)
         };
       } else {
-        const f = o.findIndex((E) => E.zoneKey === v), y = o.findIndex((E) => E.zoneKey === d), D = o[f], k = o[y], R = D.items.find((E) => E.id === x.id);
-        if (!R) {
-          l();
+        const c = r.findIndex((E) => E.zoneKey === k), b = r.findIndex((E) => E.zoneKey === h), C = r[c], w = r[b], I = C.items.find((E) => E.id === x.id);
+        if (!I) {
+          v();
           return;
         }
-        const M = D.items.filter((E) => E.id !== x.id), J = k.items.findIndex((E) => E.id === I.id), be = J >= 0 ? J : k.items.length;
-        let ee = M, $ = [...k.items];
-        if (k.maxItems !== void 0 && $.length >= k.maxItems) {
+        const _ = C.items.filter((E) => E.id !== x.id), K = w.items.findIndex((E) => E.id === T.id), G = K >= 0 ? K : w.items.length;
+        let te = _, $ = [...w.items];
+        if (w.maxItems !== void 0 && $.length >= w.maxItems) {
           const E = $[$.length - 1];
-          $ = $.slice(0, k.maxItems - 1), ee = [...M, E];
+          $ = $.slice(0, w.maxItems - 1), te = [..._, E];
         }
-        const te = Math.min(be, $.length), fe = [
-          ...$.slice(0, te),
-          R,
-          ...$.slice(te)
+        const ae = Math.min(G, $.length), fe = [
+          ...$.slice(0, ae),
+          I,
+          ...$.slice(ae)
         ];
-        o[f] = { ...D, items: ee }, o[y] = { ...k, items: fe };
+        r[c] = { ...C, items: te }, r[b] = { ...w, items: fe };
       }
-      r(o), g.current?.(o), l();
+      n(r), f.current?.(r), v();
     },
     [t]
-  ), S = w(
-    (b) => ({
-      id: b,
-      "data-zone-key": b
+  ), S = y(
+    (p) => ({
+      id: p,
+      "data-zone-key": p
     }),
     []
-  ), T = w(
-    (b) => {
-      const x = Q(t, b.id) ?? "";
+  ), R = y(
+    (p) => {
+      const x = J(t, p.id) ?? "";
       return {
-        id: b.id,
-        "data-item-id": b.id,
+        id: p.id,
+        "data-item-id": p.id,
         "data-zone-key": x
       };
     },
@@ -2176,13 +2182,13 @@ function tt(e) {
     activeZone: s,
     activeItem: a,
     getZoneProps: S,
-    getItemProps: T,
+    getItemProps: R,
     handleDragStart: N,
-    handleDragOver: m,
-    handleDragEnd: p
+    handleDragOver: u,
+    handleDragEnd: m
   };
 }
-let K = null, H = null, W = !1;
+let H = null, V = null, q = !1;
 const at = [
   "DndContext",
   "DragOverlay",
@@ -2198,145 +2204,145 @@ const at = [
   "verticalListSortingStrategy"
 ];
 function nt(e, t) {
-  const r = [], a = e ?? {};
+  const n = [], a = e ?? {};
   for (const s of at)
-    a[s] === void 0 && r.push(`@dnd-kit/core:${s}`);
-  const n = t ?? {};
+    a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
+  const o = t ?? {};
   for (const s of rt)
-    n[s] === void 0 && r.push(`@dnd-kit/sortable:${s}`);
-  return r.length === 0 ? { ok: !0 } : { ok: !1, missing: r };
+    o[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
+  return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
 }
 function ot() {
-  return K ? Promise.resolve(K) : W ? Promise.resolve(null) : H || (H = (async () => {
+  return H ? Promise.resolve(H) : q ? Promise.resolve(null) : V || (V = (async () => {
     try {
-      const [e, t, r] = await Promise.all([
+      const [e, t, n] = 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 = nt(e, t);
-      return a.ok ? (K = {
+      return a.ok ? (H = {
         core: e,
         sortable: t,
-        utilities: r
-      }, K) : (W = !0, process.env.NODE_ENV !== "production" && console.error(
+        utilities: n
+      }, H) : (q = !0, process.env.NODE_ENV !== "production" && console.error(
         `SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
       ), null);
     } catch {
-      return W = !0, null;
+      return q = !0, null;
     }
-  })(), H);
+  })(), V);
 }
 function st(e) {
-  const { zones: t, onZoneChange: r, renderZone: a, renderItem: n, renderDragOverlay: s } = e, i = tt({ zones: t, onZoneChange: r }), [c, g] = F.useState(K);
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: o, renderDragOverlay: s } = e, i = tt({ zones: t, onZoneChange: n }), [l, f] = F.useState(H);
   return F.useEffect(() => {
-    if (c) return;
-    let u = !0;
-    return ot().then((C) => {
-      u && g(C);
+    if (l) return;
+    let d = !0;
+    return ot().then((D) => {
+      d && f(D);
     }), () => {
-      u = !1;
+      d = !1;
     };
-  }, [c]), c ? /* @__PURE__ */ h(
-    me,
+  }, [l]), l ? /* @__PURE__ */ g(
+    pe,
     {
       state: i,
-      modules: c,
+      modules: l,
       renderZone: a,
-      renderItem: n,
+      renderItem: o,
       renderDragOverlay: s
     }
-  ) : /* @__PURE__ */ h("div", { "data-sortable-zones-passive": "true", children: i.zones.map((u) => {
-    const C = u.items.map((N) => /* @__PURE__ */ h(F.Fragment, { children: n(N) }, N.id));
-    return /* @__PURE__ */ h("div", { ...i.getZoneProps(u.zoneKey), children: a(u.zoneKey, u.items, C) }, u.zoneKey);
+  ) : /* @__PURE__ */ g("div", { "data-sortable-zones-passive": "true", children: i.zones.map((d) => {
+    const D = d.items.map((N) => /* @__PURE__ */ g(F.Fragment, { children: o(N) }, N.id));
+    return /* @__PURE__ */ g("div", { ...i.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, D) }, d.zoneKey);
   }) });
 }
 st.displayName = "SortableZones";
-function me({
+function pe({
   state: e,
   modules: t,
-  renderZone: r,
+  renderZone: n,
   renderItem: a,
-  renderDragOverlay: n
+  renderDragOverlay: o
 }) {
-  const { core: s, sortable: i, utilities: c } = t, { DndContext: g, DragOverlay: u, useSensors: C, useSensor: N, useDroppable: m, PointerSensor: p, KeyboardSensor: S, closestCenter: T } = s, { SortableContext: b, verticalListSortingStrategy: x } = i, I = C(
-    N(p, { activationConstraint: { distance: 5 } }),
+  const { core: s, sortable: i, utilities: l } = t, { DndContext: f, DragOverlay: d, useSensors: D, useSensor: N, useDroppable: u, PointerSensor: m, KeyboardSensor: S, closestCenter: R } = s, { SortableContext: p, verticalListSortingStrategy: x } = i, T = D(
+    N(m, { activationConstraint: { distance: 5 } }),
     N(S)
-  ), l = g, v = u, d = b;
+  ), v = f, k = d, h = p;
   return /* @__PURE__ */ A(
-    l,
+    v,
     {
-      sensors: I,
-      collisionDetection: T,
+      sensors: T,
+      collisionDetection: R,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((o) => {
-          const f = o.items.map((D) => D.id), y = o.items.map((D) => /* @__PURE__ */ h(
-            pe,
+        e.zones.map((r) => {
+          const c = r.items.map((C) => C.id), b = r.items.map((C) => /* @__PURE__ */ g(
+            ge,
             {
-              id: D.id,
+              id: C.id,
               useSortable: i.useSortable,
-              cssHelper: c.CSS,
-              children: a(D)
+              cssHelper: l.CSS,
+              children: a(C)
             },
-            D.id
+            C.id
           ));
-          return /* @__PURE__ */ h(
-            ge,
+          return /* @__PURE__ */ g(
+            be,
             {
-              zoneKey: o.zoneKey,
-              zoneProps: e.getZoneProps(o.zoneKey),
-              useDroppable: m,
-              children: /* @__PURE__ */ h(d, { items: f, strategy: x, children: r(o.zoneKey, o.items, y) })
+              zoneKey: r.zoneKey,
+              zoneProps: e.getZoneProps(r.zoneKey),
+              useDroppable: u,
+              children: /* @__PURE__ */ g(h, { items: c, strategy: x, children: n(r.zoneKey, r.items, b) })
             },
-            o.zoneKey
+            r.zoneKey
           );
         }),
-        /* @__PURE__ */ h(v, { children: e.activeItem ? n?.(e.activeItem) ?? a(e.activeItem) : null })
+        /* @__PURE__ */ g(k, { children: e.activeItem ? o?.(e.activeItem) ?? a(e.activeItem) : null })
       ]
     }
   );
 }
-me.displayName = "SortableZonesInner";
-function pe({ id: e, useSortable: t, cssHelper: r, children: a }) {
-  const { attributes: n, listeners: s, setNodeRef: i, transform: c, transition: g, isDragging: u } = t({ id: e }), C = {
-    transform: r?.Transform?.toString(c) ?? void 0,
-    transition: g,
-    opacity: u ? 0.5 : 1
+pe.displayName = "SortableZonesInner";
+function ge({ id: e, useSortable: t, cssHelper: n, children: a }) {
+  const { attributes: o, listeners: s, setNodeRef: i, transform: l, transition: f, isDragging: d } = t({ id: e }), D = {
+    transform: n?.Transform?.toString(l) ?? void 0,
+    transition: f,
+    opacity: d ? 0.5 : 1
   };
-  return /* @__PURE__ */ h("div", { ref: i, style: C, "data-sortable-item-id": e, ...n, ...s, children: a });
+  return /* @__PURE__ */ g("div", { ref: i, style: D, "data-sortable-item-id": e, ...o, ...s, children: a });
 }
-pe.displayName = "SortableItem";
-function ge({
+ge.displayName = "SortableItem";
+function be({
   zoneKey: e,
   zoneProps: t,
-  useDroppable: r,
+  useDroppable: n,
   children: a
 }) {
-  const { setNodeRef: n, isOver: s } = r({ id: e });
-  return /* @__PURE__ */ h("div", { ref: n, "data-zone-is-over": s || void 0, ...t, children: a });
+  const { setNodeRef: o, isOver: s } = n({ id: e });
+  return /* @__PURE__ */ g("div", { ref: o, "data-zone-is-over": s || void 0, ...t, children: a });
 }
-ge.displayName = "ZoneDroppable";
-const it = F.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
-  const n = { ...r };
-  return delete n.className, delete n.style, /* @__PURE__ */ h("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...n, children: /* @__PURE__ */ h(X, { region: "toolbar", density: e, children: t }) });
+be.displayName = "ZoneDroppable";
+const it = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+  const o = { ...n };
+  return delete o.className, delete o.style, /* @__PURE__ */ g("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...o, children: /* @__PURE__ */ g(ee, { region: "toolbar", density: e, children: t }) });
 });
 it.displayName = "ContainerToolbar";
-const lt = F.forwardRef(({ legend: e, description: t, density: r = "default", children: a, ...n }, s) => {
-  const i = { ...n };
+const lt = F.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...o }, s) => {
+  const i = { ...o };
   return delete i.className, delete i.style, /* @__PURE__ */ A("fieldset", { ref: s, className: "gloss-container-form-section", ...i, children: [
-    e && /* @__PURE__ */ h("legend", { className: "gloss-container-form-section__legend", children: e }),
-    t && /* @__PURE__ */ h("p", { className: "gloss-container-form-section__description", children: t }),
-    /* @__PURE__ */ h(X, { region: "form-section", density: r, children: a })
+    e && /* @__PURE__ */ g("legend", { className: "gloss-container-form-section__legend", children: e }),
+    t && /* @__PURE__ */ g("p", { className: "gloss-container-form-section__description", children: t }),
+    /* @__PURE__ */ g(ee, { region: "form-section", density: n, children: a })
   ] });
 });
 lt.displayName = "ContainerFormSection";
-const dt = F.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
-  const n = { ...r };
-  return delete n.className, delete n.style, /* @__PURE__ */ h("div", { ref: a, className: "gloss-container-table", ...n, children: /* @__PURE__ */ h(X, { region: "table", density: e, children: t }) });
+const dt = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+  const o = { ...n };
+  return delete o.className, delete o.style, /* @__PURE__ */ g("div", { ref: a, className: "gloss-container-table", ...o, children: /* @__PURE__ */ g(ee, { region: "table", density: e, children: t }) });
 });
 dt.displayName = "ContainerTable";
 export {
@@ -2379,8 +2385,8 @@ export {
   Ga as ContainerCardHeader,
   Ha as ContainerCardMedia,
   za as ContainerCardSubtitle,
-  Za as ContainerCardTitle,
-  Va as ContainerDialog,
+  Va as ContainerCardTitle,
+  Za as ContainerDialog,
   Wa as ContainerDialogActions,
   Ya as ContainerDialogBody,
   qa as ContainerDialogHeader,
@@ -2440,15 +2446,15 @@ export {
   Kr as MergePrompt,
   Gr as MetricCard,
   Hr as MetricCardGrid,
-  Ve as MetricGroupContainer,
+  Ze as MetricGroupContainer,
   zr as MiniCalendar,
-  Zr as MultiSelect,
-  Vr as NumberInput,
+  Vr as MultiSelect,
+  Zr as NumberInput,
   Wr as ObjectArrow,
   Yr as OrderFilterBar,
   To as PERIOD_OPTIONS,
   Le as PageChip,
-  ie as PageDropdown,
+  le as PageDropdown,
   qr as PasswordInput,
   Ur as PaymentForm,
   jr as PaymentMethodSelect,
@@ -2501,7 +2507,7 @@ export {
   $n as TrendCard,
   Bn as TrendIndicator,
   Do as UIContext,
-  X as UIContextProvider,
+  ee as UIContextProvider,
   Kn as UnifiedBreakdownTable,
   Gn as UnifiedContextMenu,
   Hn as addressGroupMetadata,
@@ -2515,13 +2521,13 @@ export {
   Dt as circleSamples,
   jt as compactLayout,
   Bt as compactState,
-  Zn as contactFormMetadata,
-  Vn as contactSchema,
+  Vn as contactFormMetadata,
+  Zn as contactSchema,
   Kt as contextMenuFixtures,
   Wn as creditCardFormMetadata,
   Yn as creditCardSchema,
   Se as dateChip,
-  ce as defaultControlBarState,
+  ue as defaultControlBarState,
   qn as destructiveModalMetadata,
   Un as durations,
   jn as easings,
@@ -2573,10 +2579,10 @@ export {
   co as registrationFormMetadata,
   uo as registrationSchema,
   Ht as sampleCompareRanges,
-  Vt as sampleCustomMarkets,
+  Zt as sampleCustomMarkets,
   Gt as sampleDateRange,
   Wt as sampleMarketPresetData,
-  Zt as sampleMarkets,
+  Vt as sampleMarkets,
   qt as samplePeriodPresets,
   zt as samplePreferences,
   Yt as samplePresets,