@mt-gloss/ui 0.0.18 → 0.0.19

package/index.js

@@ -1,15 +1,15 @@
-import { N as Xt, T as Jt, O as ea, Q as ta, b2 as aa, av as ra, ad as na, Z as oa, aj as sa, K as ia, a4 as la, bl as da, P as ca, B as ua, a as ma, y as ga, H as pa, be as ba, F as ha, J as fa, A as va, z as Ca, bd as ya, E as Da, D as wa, bt as Na, b as Sa, C as Ta, L as xa, o as ka, a9 as Ia, aJ as _a, y as Pa, H as Ma, F as Ra, J as Fa, A as Oa, z as Aa, E as Ea, D as La, aX as Ba, a_ as Ga, aZ as $a, aY as Ha, a$ as za, ay as Ka, am as Wa, k as Za, m as Ya, aB as qa, a7 as Va, b4 as Ua, a5 as ja, bm as Qa, Y as Xa, bD as Ja, bC as er, bE as tr, al as ar, aM as rr, b6 as nr, bI as or, n as sr, ai as ir, bx as lr, bp as dr, a0 as cr, an as ur, a2 as mr, bw as gr, G as pr, d as br, bg as hr, a6 as fr, bF as vr, aP as Cr, r as yr, v as Dr, I as wr, g as Nr, as as Sr, bJ as Tr, M as xr, w as kr, U as Ir, X as _r, V as Pr, W as Mr, ao as Rr, bc as Fr, bL as Or, bH as Ar, ak as Er, t as Lr, bn as Br, aO as Gr, af as $r, aG as Hr, ac as zr, ah as Kr, aq as Wr, aN as Zr, a8 as Yr, ap as qr, c as Vr, R as Ur, j as jr, p as Qr, aD as Xr, bu as Jr, bv as en, ae as tn, aa as an, h as rn, x as nn, b3 as on, ab as sn, bK as ln, b8 as dn, bb as cn, b9 as un, ba as mn, i as gn, b5 as pn, bk as bn, S as hn, bh as fn, bi as vn, ar as Cn, b7 as yn, bM as Dn, ag as wn, s as Nn, bG as Sn, l as Tn, f as xn, q as kn, _ as In, $ as _n, a3 as Pn, bf as Mn, bs as Rn, bz as Fn, aw as On, ax as An, aK as En, aL as Ln, az as Bn, aA as Gn, aC as $n, aR as Hn, aS as zn, bB as Kn, bA as Wn, aU as Zn, aV as Yn, at as qn, au as Vn, b1 as Un, b0 as jn, aW as Qn, aH as Xn, aI as Jn, aT as eo, aE as to, aF as ao, u as ro, by as no, bo as oo, bq as so, br as io, aQ as lo, a1 as co, e as uo, bj as mo } from "./Expandable-B7Umnd4T.js";
-import { jsxs as R, jsx as c } from "react/jsx-runtime";
-import _, { useRef as O, useEffect as E, useState as M, useCallback as C, forwardRef as ge, useMemo as pe, createContext as be, useContext as he } from "react";
+import { N as Xt, T as Jt, O as ea, Q as ta, b2 as aa, av as ra, ad as na, Z as oa, aj as sa, K as ia, a4 as la, bl as da, P as ca, B as ua, a as ma, y as ga, H as pa, be as ba, F as ha, J as fa, A as va, z as Ca, bd as ya, E as Da, D as wa, bt as Na, b as Sa, C as Ta, L as xa, o as ka, a9 as Ia, aJ as Pa, y as _a, H as Ma, F as Ra, J as Fa, A as Oa, z as Aa, E as Ea, D as La, aX as Ba, a_ as Ga, aZ as $a, aY as Ha, a$ as za, ay as Ka, am as Wa, k as Za, m as Ya, aB as qa, a7 as Va, b4 as Ua, a5 as ja, bm as Qa, Y as Xa, bD as Ja, bC as er, bE as tr, al as ar, aM as rr, b6 as nr, bI as or, n as sr, ai as ir, bx as lr, bp as dr, a0 as cr, an as ur, a2 as mr, bw as gr, G as pr, d as br, bg as hr, a6 as fr, bF as vr, aP as Cr, r as yr, v as Dr, I as wr, g as Nr, as as Sr, bJ as Tr, M as xr, w as kr, U as Ir, X as Pr, V as _r, W as Mr, ao as Rr, bc as Fr, bL as Or, bH as Ar, ak as Er, t as Lr, bn as Br, aO as Gr, af as $r, aG as Hr, ac as zr, ah as Kr, aq as Wr, aN as Zr, a8 as Yr, ap as qr, c as Vr, R as Ur, j as jr, p as Qr, aD as Xr, bu as Jr, bv as en, ae as tn, aa as an, h as rn, x as nn, b3 as on, ab as sn, bK as ln, b8 as dn, bb as cn, b9 as un, ba as mn, i as gn, b5 as pn, bk as bn, S as hn, bh as fn, bi as vn, ar as Cn, b7 as yn, bM as Dn, ag as wn, s as Nn, bG as Sn, l as Tn, f as xn, q as kn, _ as In, $ as Pn, a3 as _n, bf as Mn, bs as Rn, bz as Fn, aw as On, ax as An, aK as En, aL as Ln, az as Bn, aA as Gn, aC as $n, aR as Hn, aS as zn, bB as Kn, bA as Wn, aU as Zn, aV as Yn, at as qn, au as Vn, b1 as Un, b0 as jn, aW as Qn, aH as Xn, aI as Jn, aT as eo, aE as to, aF as ao, u as ro, by as no, bo as oo, bq as so, br as io, aQ as lo, a1 as co, e as uo, bj as mo } from "./Expandable-B7Umnd4T.js";
+import { jsxs as R, jsx as u } from "react/jsx-runtime";
+import P, { useRef as F, useEffect as A, useState as M, useCallback as v, forwardRef as ge, useMemo as pe, createContext as be, useContext as he } from "react";
 import { B as fe, U as j } from "./UIContext-C3E-k7HI.js";
 import { a as po, u as bo } from "./UIContext-C3E-k7HI.js";
 import { createPortal as ve } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as fo, DEFAULT_PINNED as vo, PERIOD_OPTIONS as Co, ROLLING_OPTIONS as yo, TODAY_PRESET as Do, findPreset as wo, formatDateRange as No, formatMarketDates as So, formatTrend as To, formatValue as xo, generateMarketId as ko, getAllPresets as Io, getDateRangeForPreset as _o, getPresetLabel as Po, isInRange as Mo, isMarketActive as Ro, isSameDay as Fo, normalizePresetId as Oo, toUppercasePresetId as Ao } from "@mt-gloss/utils";
+import { DEFAULT_MARKET_PRESETS as fo, DEFAULT_PINNED as vo, PERIOD_OPTIONS as Co, ROLLING_OPTIONS as yo, TODAY_PRESET as Do, findPreset as wo, formatDateRange as No, formatMarketDates as So, formatTrend as To, formatValue as xo, generateMarketId as ko, getAllPresets as Io, getDateRangeForPreset as Po, getPresetLabel as _o, isInRange as Mo, isMarketActive as Ro, isSameDay as Fo, normalizePresetId as Oo, toUppercasePresetId as Ao } from "@mt-gloss/utils";
 function st(e = {}) {
-  const { enabled: t = !0, returnTo: r } = e, a = O(null);
-  return E(() => {
+  const { enabled: t = !0, returnTo: r } = e, a = F(null);
+  return A(() => {
     t && (a.current = r || document.activeElement);
-  }, [t, r]), E(() => () => {
+  }, [t, r]), A(() => () => {
     t && a.current && setTimeout(() => {
       a.current?.focus?.();
     }, 0);
@@ -24,62 +24,62 @@ function it(e) {
     orientation: o = "vertical",
     enabled: s = !0,
     isItemDisabled: d,
-    onSelect: u,
+    onSelect: m,
     onEscape: g
-  } = e, [b, S] = M(-1), p = r !== void 0 ? r : b, i = C(
-    (m) => {
-      r === void 0 && S(m), a?.(m);
+  } = e, [y, w] = M(-1), l = r !== void 0 ? r : y, i = v(
+    (c) => {
+      r === void 0 && w(c), a?.(c);
     },
     [r, a]
-  ), h = C(() => t.map((m, D) => ({ item: m, index: D })).filter(({ item: m, index: D }) => !d?.(m, D)).map(({ index: m }) => m), [t, d]), T = C(
-    (m, D) => {
-      const v = h();
-      if (v.length === 0) return -1;
-      const I = v.indexOf(m);
+  ), f = v(() => t.map((c, D) => ({ item: c, index: D })).filter(({ item: c, index: D }) => !d?.(c, D)).map(({ index: c }) => c), [t, d]), N = v(
+    (c, D) => {
+      const h = f();
+      if (h.length === 0) return -1;
+      const I = h.indexOf(c);
       if (I === -1)
-        return D === 1 ? v.find((L) => L > m) ?? (n ? v[0] : -1) : [...v].reverse().find((G) => G < m) ?? (n ? v[v.length - 1] : -1);
-      let k = I + D;
-      return n ? k = (k + v.length) % v.length : k = Math.max(0, Math.min(v.length - 1, k)), v[k];
+        return D === 1 ? h.find((E) => E > c) ?? (n ? h[0] : -1) : [...h].reverse().find((G) => G < c) ?? (n ? h[h.length - 1] : -1);
+      let x = I + D;
+      return n ? x = (x + h.length) % h.length : x = Math.max(0, Math.min(h.length - 1, x)), h[x];
     },
-    [h, n]
-  ), x = C(() => {
-    const m = h();
-    m.length > 0 && i(m[0]);
-  }, [h, i]), f = C(() => {
-    const m = h();
-    m.length > 0 && i(m[m.length - 1]);
-  }, [h, i]), w = C(() => {
-    const m = T(p, 1);
-    m !== -1 && i(m);
-  }, [p, T, i]), N = C(() => {
-    const m = T(p, -1);
-    m !== -1 && i(m);
-  }, [p, T, i]), l = C(() => {
+    [f, n]
+  ), k = v(() => {
+    const c = f();
+    c.length > 0 && i(c[0]);
+  }, [f, i]), b = v(() => {
+    const c = f();
+    c.length > 0 && i(c[c.length - 1]);
+  }, [f, i]), S = v(() => {
+    const c = N(l, 1);
+    c !== -1 && i(c);
+  }, [l, N, i]), T = v(() => {
+    const c = N(l, -1);
+    c !== -1 && i(c);
+  }, [l, N, i]), C = v(() => {
     i(-1);
-  }, [i]), y = C(
-    (m) => {
+  }, [i]), p = v(
+    (c) => {
       if (!s) return;
-      const { key: D } = m, v = D === "ArrowUp" && (o === "vertical" || o === "both"), I = D === "ArrowDown" && (o === "vertical" || o === "both"), k = D === "ArrowLeft" && (o === "horizontal" || o === "both"), L = D === "ArrowRight" && (o === "horizontal" || o === "both");
-      if (v || k) {
-        m.preventDefault(), p === -1 ? f() : N();
+      const { key: D } = c, h = D === "ArrowUp" && (o === "vertical" || o === "both"), I = D === "ArrowDown" && (o === "vertical" || o === "both"), x = D === "ArrowLeft" && (o === "horizontal" || o === "both"), E = D === "ArrowRight" && (o === "horizontal" || o === "both");
+      if (h || x) {
+        c.preventDefault(), l === -1 ? b() : T();
         return;
       }
-      if (I || L) {
-        m.preventDefault(), p === -1 ? x() : w();
+      if (I || E) {
+        c.preventDefault(), l === -1 ? k() : S();
         return;
       }
       if (D === "Home") {
-        m.preventDefault(), x();
+        c.preventDefault(), k();
         return;
       }
       if (D === "End") {
-        m.preventDefault(), f();
+        c.preventDefault(), b();
         return;
       }
-      if ((D === "Enter" || D === " ") && p >= 0 && p < t.length) {
-        m.preventDefault();
-        const G = t[p];
-        d?.(G, p) || u?.(G, p);
+      if ((D === "Enter" || D === " ") && l >= 0 && l < t.length) {
+        c.preventDefault();
+        const G = t[l];
+        d?.(G, l) || m?.(G, l);
         return;
       }
       if (D === "Escape") {
@@ -90,26 +90,26 @@ function it(e) {
     [
       s,
       o,
-      p,
+      l,
       t,
-      x,
-      f,
-      w,
-      N,
+      k,
+      b,
+      S,
+      T,
       d,
-      u,
+      m,
       g
     ]
   );
   return {
-    focusedIndex: p,
+    focusedIndex: l,
     setFocusedIndex: i,
-    handleKeyDown: y,
-    focusFirst: x,
-    focusLast: f,
-    focusNext: w,
-    focusPrevious: N,
-    resetFocus: l
+    handleKeyDown: p,
+    focusFirst: k,
+    focusLast: b,
+    focusNext: S,
+    focusPrevious: T,
+    resetFocus: C
   };
 }
 const K = (e) => {
@@ -231,7 +231,7 @@ function Te({
   overflowActions: o,
   onClose: s
 }) {
-  const [d, u] = M(null), g = O(null), b = C(() => {
+  const [d, m] = M(null), g = F(null), y = v(() => {
     if (!t) return { ...J, top: 0, left: 0 };
     const i = t.getBoundingClientRect();
     return {
@@ -240,62 +240,62 @@ function Te({
       left: i.left
     };
   }, [t]);
-  if (E(() => {
+  if (A(() => {
     if (!e) return;
-    const i = (h) => {
-      h.key === "Escape" && s();
+    const i = (f) => {
+      f.key === "Escape" && s();
     };
     return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-  }, [e, s]), E(() => {
+  }, [e, s]), A(() => {
     if (!e) return;
-    const i = (h) => {
-      g.current && !g.current.contains(h.target) && s();
+    const i = (f) => {
+      g.current && !g.current.contains(f.target) && s();
     };
     return document.addEventListener("pointerdown", i, !0), () => document.removeEventListener("pointerdown", i, !0);
   }, [e, s]), !e) return null;
-  const S = o && o.length > 0, p = /* @__PURE__ */ R(
+  const w = o && o.length > 0, l = /* @__PURE__ */ R(
     "div",
     {
       ref: g,
       "data-status-chip-menu": r,
       role: "menu",
       "aria-label": "Status actions",
-      style: b(),
+      style: y(),
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ u(
           "button",
           {
             role: "menuitem",
             style: Ne(d === "__primary"),
-            onMouseEnter: () => u("__primary"),
-            onMouseLeave: () => u(null),
+            onMouseEnter: () => m("__primary"),
+            onMouseLeave: () => m(null),
             onClick: () => {
               a(r), s();
             },
             children: "Open in table"
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ u(
           "button",
           {
             role: "menuitem",
             style: Y(d === "__graph"),
-            onMouseEnter: () => u("__graph"),
-            onMouseLeave: () => u(null),
+            onMouseEnter: () => m("__graph"),
+            onMouseLeave: () => m(null),
             onClick: () => {
               n(r), s();
             },
             children: "Show on graph"
           }
         ),
-        S && /* @__PURE__ */ c("div", { style: Se }),
-        S && o?.map((i) => /* @__PURE__ */ c(
+        w && /* @__PURE__ */ u("div", { style: Se }),
+        w && o?.map((i) => /* @__PURE__ */ u(
           "button",
           {
             role: "menuitem",
             style: Y(d === i.id),
-            onMouseEnter: () => u(i.id),
-            onMouseLeave: () => u(null),
+            onMouseEnter: () => m(i.id),
+            onMouseLeave: () => m(null),
             onClick: () => {
               i.onSelect(r), s();
             },
@@ -306,40 +306,42 @@ function Te({
       ]
     }
   );
-  return ve(p, document.body);
+  return ve(l, document.body);
 }
 Te.displayName = "StatusSlotChipMenu";
 const xe = ge(
-  function({ state: t, onPointerDown: r, onPointerUp: a, edge: n = "right", ariaLabel: o = "Resize card" }, s) {
-    const d = t === "handle-visible" || t === "dragging", u = (b) => {
+  function({ state: t, onPointerDown: r, onPointerUp: a, onPointerEnter: n, onPointerLeave: o, edge: s = "right", ariaLabel: d = "Resize card" }, m) {
+    const g = t === "handle-visible" || t === "dragging", y = (l) => {
       try {
-        b.currentTarget.setPointerCapture(b.pointerId);
+        l.currentTarget.setPointerCapture(l.pointerId);
       } catch {
       }
-      r(b);
-    }, g = (b) => {
+      r(l);
+    }, w = (l) => {
       try {
-        b.currentTarget.hasPointerCapture?.(b.pointerId) && b.currentTarget.releasePointerCapture(b.pointerId);
+        l.currentTarget.hasPointerCapture?.(l.pointerId) && l.currentTarget.releasePointerCapture(l.pointerId);
       } catch {
       }
-      a(b);
+      a(l);
     };
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ u(
       "button",
       {
-        ref: s,
+        ref: m,
         type: "button",
-        "aria-label": o,
-        "data-edge": n,
+        "aria-label": d,
+        "data-edge": s,
         "data-resize-state": t,
         className: [
           "gloss-edge-handle",
-          `gloss-edge-handle--${n}`,
-          d ? "gloss-edge-handle--visible" : ""
+          `gloss-edge-handle--${s}`,
+          g ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
-        onPointerDown: u,
-        onPointerUp: g,
-        tabIndex: d ? 0 : -1
+        onPointerDown: y,
+        onPointerUp: w,
+        onPointerEnter: n,
+        onPointerLeave: o,
+        tabIndex: g ? 0 : -1
       }
     );
   }
@@ -351,7 +353,7 @@ function ke({
   enterMs: r = 180,
   exitMs: a = 120
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ u(
     "div",
     {
       "aria-hidden": "true",
@@ -375,57 +377,67 @@ function vt({
   enterMs: o = 180,
   exitMs: s = 120
 }) {
-  const [d, u] = M("idle"), [g, b] = M(e), S = O(null), p = O(null), i = 180, h = C(() => {
-    S.current && (clearTimeout(S.current), S.current = null);
-  }, []), T = C(() => {
-    u((l) => l !== "idle" ? l : (S.current = setTimeout(() => u("handle-visible"), n), "dwelling"));
-  }, [n]), x = C(() => {
-    h(), u((l) => l === "dwelling" || l === "handle-visible" ? "idle" : l);
-  }, [h]), f = C(
-    (l) => {
-      u((y) => y !== "handle-visible" ? y : (p.current = l.clientX, "dragging"));
+  const [d, m] = M("idle"), [g, y] = M(e), w = F(null), l = F(null), i = F("idle");
+  A(() => {
+    i.current = d;
+  }, [d]);
+  const f = 180, N = v(() => {
+    w.current && (clearTimeout(w.current), w.current = null);
+  }, []), k = v(() => {
+    m((p) => p !== "idle" ? p : (w.current = setTimeout(() => m("handle-visible"), n), "dwelling"));
+  }, [n]), b = v(() => {
+    N(), m((p) => p === "dwelling" || p === "handle-visible" ? "idle" : p);
+  }, [N]), S = v(
+    (p) => {
+      i.current === "handle-visible" && (l.current = p.clientX, i.current = "dragging", m("dragging"));
     },
     []
-  ), w = C(
-    (l) => {
-      u((y) => {
-        if (y !== "dragging") return y;
-        const m = l.clientX - (p.current ?? l.clientX), D = Math.round(m / i), v = Math.min(3, Math.max(1, e + D));
-        if (v === e)
-          return a?.(), "cancelled";
-        const I = v > e ? "grow" : "shrink";
-        return r({ direction: I, targetColSpan: v, mode: t ? "slot-fill" : "sparkline-fidelity" }), "committed";
-      });
+  ), T = v(
+    (p) => {
+      if (i.current !== "dragging") return;
+      const c = p.clientX - (l.current ?? p.clientX), D = Math.round(c / f), h = Math.min(3, Math.max(1, e + D)), I = h !== e;
+      if (m(I ? "committed" : "cancelled"), I) {
+        const x = h > e ? "grow" : "shrink";
+        r({ direction: x, targetColSpan: h, mode: t ? "slot-fill" : "sparkline-fidelity" });
+      } else
+        a?.();
     },
     [e, t, r, a]
-  ), N = C(() => {
-    h(), u((l) => l === "dragging" || l === "handle-visible" ? (a?.(), "cancelled") : l);
-  }, [h, a]);
-  return E(() => {
+  ), C = v(() => {
+    N(), m((p) => p === "dragging" || p === "handle-visible" ? (a?.(), "cancelled") : p);
+  }, [N, a]);
+  return A(() => {
     if (d !== "dragging" && d !== "handle-visible") return;
-    const l = (y) => {
-      y.key === "Escape" && N();
+    const p = (c) => {
+      c.key === "Escape" && C();
     };
-    return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
-  }, [d, N]), E(() => {
+    return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
+  }, [d, C]), A(() => {
     if (d !== "dragging") {
-      b(e);
+      y(e);
       return;
     }
-    const l = (y) => {
-      const m = y.clientX - (p.current ?? y.clientX), D = Math.round(m / i), v = Math.min(3, Math.max(1, e + D));
-      b((I) => I === v ? I : v);
+    const p = (c) => {
+      const D = c.clientX - (l.current ?? c.clientX), h = Math.round(D / f), I = Math.min(3, Math.max(1, e + h));
+      y((x) => x === I ? x : I);
     };
-    return window.addEventListener("pointermove", l), () => window.removeEventListener("pointermove", l);
-  }, [d, e]), E(() => () => h(), [h]), E(() => {
+    return window.addEventListener("pointermove", p), () => window.removeEventListener("pointermove", p);
+  }, [d, e]), A(() => () => N(), [N]), A(() => {
     if (d !== "committed" && d !== "cancelled") return;
-    const l = setTimeout(() => u("idle"), s);
-    return () => clearTimeout(l);
+    const p = setTimeout(() => m("idle"), s);
+    return () => clearTimeout(p);
   }, [d, s]), {
     state: d,
-    enterEdgeZone: T,
-    leaveEdgeZone: x,
-    handleProps: { onPointerDown: f, onPointerUp: w },
+    enterEdgeZone: k,
+    leaveEdgeZone: b,
+    handleProps: {
+      onPointerDown: S,
+      onPointerUp: T,
+      // Bug E: handle continues zone presence so pointer crossing sentinel→handle
+      // doesn't collapse state. handle's pointerenter = stay in zone.
+      onPointerEnter: k,
+      onPointerLeave: b
+    },
     previewColSpan: g,
     ghostProps: {
       visible: d === "dragging",
@@ -552,13 +564,13 @@ const Ct = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, _e = {
+}, Pe = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, Pe = {
+}, _e = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
@@ -595,8 +607,8 @@ const Ct = {
   isStale: !0
 }, Dt = [
   Ie,
-  _e,
   Pe,
+  _e,
   Me,
   Re,
   Fe
@@ -694,19 +706,19 @@ function ne({
   onCreatePage: s,
   onManagePages: d
 }) {
-  const u = C(
-    (p) => {
-      o(p), t();
+  const m = v(
+    (l) => {
+      o(l), t();
     },
     [o, t]
-  ), g = C(
-    (p, i) => {
-      (i.key === "Enter" || i.key === " ") && (i.preventDefault(), u(p));
+  ), g = v(
+    (l, i) => {
+      (i.key === "Enter" || i.key === " ") && (i.preventDefault(), m(l));
     },
-    [u]
-  ), b = C(() => {
+    [m]
+  ), y = v(() => {
     s(), t();
-  }, [s, t]), S = C(() => {
+  }, [s, t]), w = v(() => {
     d(), t();
   }, [d, t]);
   return /* @__PURE__ */ R(
@@ -723,8 +735,8 @@ function ne({
       anchorRef: r,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ c("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((p) => {
-          const i = p.id === n;
+        /* @__PURE__ */ u("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((l) => {
+          const i = l.id === n;
           return /* @__PURE__ */ R(
             "li",
             {
@@ -733,45 +745,45 @@ function ne({
               "aria-current": i ? "page" : void 0,
               tabIndex: 0,
               className: `gloss-page-dropdown__item${i ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => u(p.id),
-              onKeyDown: (h) => g(p.id, h),
+              onClick: () => m(l.id),
+              onKeyDown: (f) => g(l.id, f),
               children: [
-                /* @__PURE__ */ c(
+                /* @__PURE__ */ u(
                   "span",
                   {
                     className: `gloss-page-dropdown__dot${i ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
-                /* @__PURE__ */ c(
+                /* @__PURE__ */ u(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${p.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: p.name
+                    className: `gloss-page-dropdown__name${l.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: l.name
                   }
                 ),
-                /* @__PURE__ */ c("span", { className: "gloss-page-dropdown__count", children: p.cardCount })
+                /* @__PURE__ */ u("span", { className: "gloss-page-dropdown__count", children: l.cardCount })
               ]
             },
-            p.id
+            l.id
           );
         }) }),
-        /* @__PURE__ */ c("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ u("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ u(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: b,
+            onClick: y,
             children: "+ New page"
           }
         ),
-        /* @__PURE__ */ c("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ u("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ u(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
-            onClick: S,
+            onClick: w,
             children: "Manage pages"
           }
         )
@@ -789,20 +801,20 @@ const Oe = function({
   onManagePages: s,
   maskRadius: d = "var(--gloss-radius-md)"
 }) {
-  const u = O(null), [g, b] = M(!1), S = C(() => {
-    b((h) => !h);
-  }, []), p = C(() => {
-    b(!1);
+  const m = F(null), [g, y] = M(!1), w = v(() => {
+    y((f) => !f);
+  }, []), l = v(() => {
+    y(!1);
   }, []), i = a[t]?.id ?? "";
   return /* @__PURE__ */ R(
     "div",
     {
       className: "gloss-page-chip",
-      ref: u,
+      ref: m,
       style: { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ u(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
@@ -816,7 +828,7 @@ const Oe = function({
             "aria-haspopup": "menu",
             "aria-expanded": g,
             "aria-label": `Page ${t + 1} of ${r}. Click to switch pages.`,
-            onClick: S,
+            onClick: w,
             children: [
               t + 1,
               " / ",
@@ -824,12 +836,12 @@ const Oe = function({
             ]
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ u(
           ne,
           {
             open: g,
-            onDismiss: p,
-            anchorRef: u,
+            onDismiss: l,
+            anchorRef: m,
             pages: a,
             activePageId: i,
             onPageChange: n,
@@ -1118,7 +1130,7 @@ function oe(e) {
 function se(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const H = _.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), _t = [
+const H = P.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Pt = [
   {
     field: "id",
     headerName: "Order",
@@ -1170,7 +1182,7 @@ const H = _.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellClassName: "gloss-tabular-nums",
     renderCell: ({ row: e }) => e.date ? se(e.date) : ""
   }
-], Pt = [
+], _t = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1486,11 +1498,11 @@ const H = _.createElement("span", { style: { color: "var(--color-text-muted)" }
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
 ];
-function F(e, t) {
+function O(e, t) {
   return {
     id: e,
     colSpan: 1,
-    content: _.createElement("div", {
+    content: P.createElement("div", {
       style: {
         width: "100%",
         height: "100%",
@@ -1508,21 +1520,21 @@ function F(e, t) {
 }
 function te(e, t) {
   return {
-    ...F(e, t),
+    ...O(e, t),
     colSpan: 2
   };
 }
 const zt = [
-  F("total-revenue", "Total Revenue"),
-  F("total-orders", "Total Orders"),
+  O("total-revenue", "Total Revenue"),
+  O("total-orders", "Total Orders"),
   te("revenue-trend", "Revenue Trend (2x)"),
-  F("avg-order", "Avg Order Value"),
-  F("new-customers", "New Customers"),
-  F("top-salesperson", "Top Salesperson"),
+  O("avg-order", "Avg Order Value"),
+  O("new-customers", "New Customers"),
+  O("top-salesperson", "Top Salesperson"),
   te("order-trend", "Order Trend (2x)"),
-  F("repeat-rate", "Repeat Rate"),
-  F("open-orders", "Open Orders"),
-  F("shipped-orders", "Shipped Orders")
+  O("repeat-rate", "Repeat Rate"),
+  O("open-orders", "Open Orders"),
+  O("shipped-orders", "Shipped Orders")
 ], Kt = {
   columns: 6,
   rowHeight: 120,
@@ -1546,7 +1558,7 @@ const zt = [
   totalPages: 3
 };
 function Z(e) {
-  return _.createElement("span", { style: { fontSize: 14 } }, e);
+  return P.createElement("span", { style: { fontSize: 14 } }, e);
 }
 const Yt = [
   {
@@ -1638,14 +1650,14 @@ function He(e) {
 }
 const ze = function(t) {
   if (t.renderMode === "discrete")
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ u(
       "div",
       {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
         children: t.cards.map((n) => {
           const o = V(n.size);
-          return /* @__PURE__ */ c(
+          return /* @__PURE__ */ u(
             "div",
             {
               className: "gloss-metric-group__slot",
@@ -1680,7 +1692,7 @@ const ze = function(t) {
       "aria-label": a?.label,
       tabIndex: void 0,
       children: [
-        a?.accentColor && /* @__PURE__ */ c(
+        a?.accentColor && /* @__PURE__ */ u(
           "div",
           {
             className: "gloss-metric-group__accent",
@@ -1688,8 +1700,8 @@ const ze = function(t) {
           }
         ),
         a?.label && /* @__PURE__ */ R("div", { className: "gloss-metric-group__label", children: [
-          /* @__PURE__ */ c("span", { children: a.label }),
-          a?.trend && /* @__PURE__ */ c(
+          /* @__PURE__ */ u("span", { children: a.label }),
+          a?.trend && /* @__PURE__ */ u(
             "span",
             {
               className: "gloss-metric-group__trend",
@@ -1698,7 +1710,7 @@ const ze = function(t) {
             }
           )
         ] }),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ u(
           "div",
           {
             className: "gloss-metric-group__slots",
@@ -1709,7 +1721,7 @@ const ze = function(t) {
             },
             children: r.map((n) => {
               const o = V(n.size);
-              return /* @__PURE__ */ c(
+              return /* @__PURE__ */ u(
                 "div",
                 {
                   className: "gloss-metric-group__slot--composite",
@@ -1744,37 +1756,37 @@ function Ke({
   anchorEl: a,
   anchorSelector: n
 }) {
-  const [o, s] = _.useState(null), d = _.useMemo(
+  const [o, s] = P.useState(null), d = P.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
-  _.useEffect(() => {
+  P.useEffect(() => {
     !a && !n && (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]), _.useLayoutEffect(() => {
+  }, [a, n]), P.useLayoutEffect(() => {
     let g = null;
     if (a ? g = a : n && (g = document.querySelector(n)), g) {
-      const b = g.getBoundingClientRect();
+      const y = g.getBoundingClientRect();
       s({
-        top: b.bottom + window.scrollY + 6,
-        left: b.left + window.scrollX
+        top: y.bottom + window.scrollY + 6,
+        left: y.left + window.scrollX
       });
     }
   }, [a, n]);
-  const u = o ? { top: o.top, left: o.left } : {};
+  const m = o ? { top: o.top, left: o.left } : {};
   return /* @__PURE__ */ R(
     "div",
     {
       className: B["gloss-inline-nudge"],
-      style: u,
+      style: m,
       role: "status",
       "aria-live": "polite",
       "data-reduced-motion": d ? "true" : void 0,
       children: [
-        /* @__PURE__ */ c("span", { className: B["gloss-inline-nudge__message"], children: e }),
+        /* @__PURE__ */ u("span", { className: B["gloss-inline-nudge__message"], children: e }),
         /* @__PURE__ */ R("div", { className: B["gloss-inline-nudge__actions"], children: [
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ u(
             "button",
             {
               type: "button",
@@ -1783,7 +1795,7 @@ function Ke({
               children: t.label
             }
           ),
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ u(
             "button",
             {
               type: "button",
@@ -1816,70 +1828,70 @@ function Ze({
   max: a = 100,
   disabled: n = !1
 }) {
-  const o = O(null), [s, d] = M(null), [u, g] = M(e), b = O(e);
-  b.current !== e && (b.current = e, g(e));
-  const S = pe(() => We(u, r, a), [u, r, a]), p = C(
-    (f) => {
+  const o = F(null), [s, d] = M(null), [m, g] = M(e), y = F(e);
+  y.current !== e && (y.current = e, g(e));
+  const w = pe(() => We(m, r, a), [m, r, a]), l = v(
+    (b) => {
       if (!o.current) return r;
-      const w = o.current.getBoundingClientRect(), N = Math.max(0, Math.min(1, (f - w.left) / w.width)), l = r + N * (a - r);
-      return Math.round(l * 100) / 100;
+      const S = o.current.getBoundingClientRect(), T = Math.max(0, Math.min(1, (b - S.left) / S.width)), C = r + T * (a - r);
+      return Math.round(C * 100) / 100;
     },
     [r, a]
-  ), i = C(
-    (f, w) => {
-      const N = u.find((l) => l.id === w);
-      n || N?.disabled || (typeof f.currentTarget.setPointerCapture == "function" && f.currentTarget.setPointerCapture(f.pointerId), d(w));
+  ), i = v(
+    (b, S) => {
+      const T = m.find((C) => C.id === S);
+      n || T?.disabled || (typeof b.currentTarget.setPointerCapture == "function" && b.currentTarget.setPointerCapture(b.pointerId), d(S));
     },
-    [n, u]
-  ), h = C(
-    (f) => {
+    [n, m]
+  ), f = v(
+    (b) => {
       if (!s) return;
-      const w = p(f.clientX);
+      const S = l(b.clientX);
       g(
-        (N) => N.map((l) => l.id === s ? { ...l, value: w } : l)
+        (T) => T.map((C) => C.id === s ? { ...C, value: S } : C)
       );
     },
-    [s, p]
-  ), T = C(
-    (f) => {
+    [s, l]
+  ), N = v(
+    (b) => {
       if (!s) return;
-      const w = p(f.clientX), N = u.map(
-        (l) => l.id === s ? { ...l, value: w } : l
+      const S = l(b.clientX), T = m.map(
+        (C) => C.id === s ? { ...C, value: S } : C
       );
-      g(N), d(null), t(N);
+      g(T), d(null), t(T);
     },
-    [s, p, u, t]
-  ), x = a - r || 1;
-  return /* @__PURE__ */ c("div", { className: "gloss-threshold-ramp", "data-disabled": n || void 0, children: /* @__PURE__ */ c(
+    [s, l, m, t]
+  ), k = a - r || 1;
+  return /* @__PURE__ */ u("div", { className: "gloss-threshold-ramp", "data-disabled": n || void 0, children: /* @__PURE__ */ u(
     "div",
     {
       ref: o,
       className: "gloss-threshold-ramp__track",
-      style: { background: S },
-      onPointerMove: h,
-      onPointerUp: T,
-      onPointerLeave: T,
-      children: u.map((f) => {
-        const w = (f.value - r) / x * 100;
-        return /* @__PURE__ */ c(
+      style: { background: w },
+      onPointerMove: f,
+      onPointerUp: N,
+      onPointerLeave: N,
+      children: m.map((b) => {
+        const S = (b.value - r) / k * 100;
+        return /* @__PURE__ */ u(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
-              left: `${w}%`,
-              color: le(f)
+              left: `${S}%`,
+              color: le(b)
             },
-            "data-disabled": f.disabled || void 0,
-            "data-dragging": s === f.id || void 0,
-            onPointerDown: (N) => i(N, f.id),
-            "aria-label": f.label ?? `Stop at ${f.value}`,
+            "data-disabled": b.disabled || void 0,
+            "data-dragging": s === b.id || void 0,
+            onPointerDown: (T) => i(T, b.id),
+            "aria-label": b.label ?? `Stop at ${b.value}`,
             role: "slider",
-            "aria-valuenow": f.value,
+            "aria-valuenow": b.value,
             "aria-valuemin": r,
             "aria-valuemax": a,
-            tabIndex: f.disabled ? -1 : 0
+            tabIndex: b.disabled ? -1 : 0
           },
-          f.id
+          b.id
         );
       })
     }
@@ -1891,10 +1903,10 @@ function Ye() {
   return he(de);
 }
 function qe({ option: e }) {
-  const t = Ye(), r = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, n = C(() => {
+  const t = Ye(), r = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, n = v(() => {
     a || t?.select(e.value);
   }, [a, t, e.value]), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ u(
     "button",
     {
       type: "button",
@@ -1919,22 +1931,22 @@ function Ve({
   disabled: n = !1,
   name: o
 }) {
-  const s = t !== void 0, [d, u] = M(r), g = s ? t : d, b = C(
+  const s = t !== void 0, [d, m] = M(r), g = s ? t : d, y = v(
     (i) => {
-      s || u(i), a?.(i);
+      s || m(i), a?.(i);
     },
     [s, a]
-  ), S = C(
+  ), w = v(
     (i) => g === i,
     [g]
-  ), p = {
+  ), l = {
     selectedValue: g,
-    select: b,
-    isSelected: S,
+    select: y,
+    isSelected: w,
     groupDisabled: n,
     name: o
   };
-  return /* @__PURE__ */ c(de.Provider, { value: p, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ u(de.Provider, { value: l, children: /* @__PURE__ */ u(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -1942,7 +1954,7 @@ function Ve({
       "aria-label": o,
       "aria-disabled": n,
       "data-disabled": n || void 0,
-      children: e.map((i) => /* @__PURE__ */ c(qe, { option: i }, i.value))
+      children: e.map((i) => /* @__PURE__ */ u(qe, { option: i }, i.value))
     }
   ) });
 }
@@ -1962,83 +1974,83 @@ function Ue(e, t, r) {
   return a.splice(r, 0, n), a;
 }
 function je(e) {
-  const [t, r] = M(() => e.zones), [a, n] = M(null), [o, s] = M(null), d = O(null), u = O(e.onZoneChange);
-  u.current = e.onZoneChange;
-  const g = C(
-    (h) => {
-      const T = h.active.id;
-      let x = null, f = null;
-      for (const w of t) {
-        const N = w.items.find((l) => l.id === T);
-        if (N) {
-          x = N, f = w.zoneKey;
+  const [t, r] = M(() => e.zones), [a, n] = M(null), [o, s] = M(null), d = F(null), m = F(e.onZoneChange);
+  m.current = e.onZoneChange;
+  const g = v(
+    (f) => {
+      const N = f.active.id;
+      let k = null, b = null;
+      for (const S of t) {
+        const T = S.items.find((C) => C.id === N);
+        if (T) {
+          k = T, b = S.zoneKey;
           break;
         }
       }
-      d.current = f, n(x), s(f);
+      d.current = b, n(k), s(b);
     },
     [t]
-  ), b = C(
-    (h) => {
-      if (!h.over) {
+  ), y = v(
+    (f) => {
+      if (!f.over) {
         s(d.current);
         return;
       }
-      const T = ae(t, h.over.id);
-      s(T);
+      const N = ae(t, f.over.id);
+      s(N);
     },
     [t]
-  ), S = C(
-    (h) => {
-      const { active: T, over: x } = h, f = () => {
+  ), w = v(
+    (f) => {
+      const { active: N, over: k } = f, b = () => {
         d.current = null, n(null), s(null);
       };
-      if (!x) {
-        f();
+      if (!k) {
+        b();
         return;
       }
-      const w = U(t, T.id), N = ae(t, x.id);
-      if (!w || !N) {
-        f();
+      const S = U(t, N.id), T = ae(t, k.id);
+      if (!S || !T) {
+        b();
         return;
       }
-      let l = t.map((y) => ({ ...y, items: [...y.items] }));
-      if (w === N) {
-        const y = l.findIndex((k) => k.zoneKey === w), m = l[y], D = m.items.findIndex((k) => k.id === T.id), v = m.items.findIndex((k) => k.id === x.id), I = v >= 0 ? v : m.items.length - 1;
-        l[y] = {
-          ...m,
-          items: Ue(m.items, D, I)
+      let C = t.map((p) => ({ ...p, items: [...p.items] }));
+      if (S === T) {
+        const p = C.findIndex((x) => x.zoneKey === S), c = C[p], D = c.items.findIndex((x) => x.id === N.id), h = c.items.findIndex((x) => x.id === k.id), I = h >= 0 ? h : c.items.length - 1;
+        C[p] = {
+          ...c,
+          items: Ue(c.items, D, I)
         };
       } else {
-        const y = l.findIndex((P) => P.zoneKey === w), m = l.findIndex((P) => P.zoneKey === N), D = l[y], v = l[m], I = D.items.find((P) => P.id === T.id), k = D.items.filter((P) => P.id !== T.id), L = v.items.findIndex((P) => P.id === x.id), G = L >= 0 ? L : v.items.length;
-        let Q = k, A = [...v.items];
-        if (v.maxItems !== void 0 && A.length >= v.maxItems) {
-          const P = A[A.length - 1];
-          A = A.slice(0, v.maxItems - 1), Q = [...k, P];
+        const p = C.findIndex((_) => _.zoneKey === S), c = C.findIndex((_) => _.zoneKey === T), D = C[p], h = C[c], I = D.items.find((_) => _.id === N.id), x = D.items.filter((_) => _.id !== N.id), E = h.items.findIndex((_) => _.id === k.id), G = E >= 0 ? E : h.items.length;
+        let Q = x, L = [...h.items];
+        if (h.maxItems !== void 0 && L.length >= h.maxItems) {
+          const _ = L[L.length - 1];
+          L = L.slice(0, h.maxItems - 1), Q = [...x, _];
         }
-        const X = Math.min(G, A.length), me = [
-          ...A.slice(0, X),
+        const X = Math.min(G, L.length), me = [
+          ...L.slice(0, X),
           I,
-          ...A.slice(X)
+          ...L.slice(X)
         ];
-        l[y] = { ...D, items: Q }, l[m] = { ...v, items: me };
+        C[p] = { ...D, items: Q }, C[c] = { ...h, items: me };
       }
-      r(l), u.current?.(l), f();
+      r(C), m.current?.(C), b();
     },
     [t]
-  ), p = C(
-    (h) => ({
-      id: h,
-      "data-zone-key": h
+  ), l = v(
+    (f) => ({
+      id: f,
+      "data-zone-key": f
     }),
     []
-  ), i = C(
-    (h) => {
-      const T = U(t, h.id) ?? "";
+  ), i = v(
+    (f) => {
+      const N = U(t, f.id) ?? "";
       return {
-        id: h.id,
-        "data-item-id": h.id,
-        "data-zone-key": T
+        id: f.id,
+        "data-item-id": f.id,
+        "data-zone-key": N
       };
     },
     [t]
@@ -2047,11 +2059,11 @@ function je(e) {
     zones: t,
     activeZone: o,
     activeItem: a,
-    getZoneProps: p,
+    getZoneProps: l,
     getItemProps: i,
     handleDragStart: g,
-    handleDragOver: b,
-    handleDragEnd: S
+    handleDragOver: y,
+    handleDragEnd: w
   };
 }
 let $ = null, z = null, re = !1;
@@ -2074,16 +2086,16 @@ function Qe() {
   })(), z);
 }
 function Xe(e) {
-  const { zones: t, onZoneChange: r, renderZone: a, renderItem: n, renderDragOverlay: o } = e, s = je({ zones: t, onZoneChange: r }), [d, u] = _.useState($);
-  return _.useEffect(() => {
+  const { zones: t, onZoneChange: r, renderZone: a, renderItem: n, renderDragOverlay: o } = e, s = je({ zones: t, onZoneChange: r }), [d, m] = P.useState($);
+  return P.useEffect(() => {
     if (d) return;
     let g = !0;
-    return Qe().then((b) => {
-      g && u(b);
+    return Qe().then((y) => {
+      g && m(y);
     }), () => {
       g = !1;
     };
-  }, [d]), d ? /* @__PURE__ */ c(
+  }, [d]), d ? /* @__PURE__ */ u(
     ce,
     {
       state: s,
@@ -2092,9 +2104,9 @@ function Xe(e) {
       renderItem: n,
       renderDragOverlay: o
     }
-  ) : /* @__PURE__ */ c("div", { "data-sortable-zones-passive": "true", children: s.zones.map((g) => {
-    const b = g.items.map((S) => /* @__PURE__ */ c(_.Fragment, { children: n(S) }, S.id));
-    return /* @__PURE__ */ c("div", { ...s.getZoneProps(g.zoneKey), children: a(g.zoneKey, g.items, b) }, g.zoneKey);
+  ) : /* @__PURE__ */ u("div", { "data-sortable-zones-passive": "true", children: s.zones.map((g) => {
+    const y = g.items.map((w) => /* @__PURE__ */ u(P.Fragment, { children: n(w) }, w.id));
+    return /* @__PURE__ */ u("div", { ...s.getZoneProps(g.zoneKey), children: a(g.zoneKey, g.items, y) }, g.zoneKey);
   }) });
 }
 Xe.displayName = "SortableZones";
@@ -2105,64 +2117,64 @@ function ce({
   renderItem: a,
   renderDragOverlay: n
 }) {
-  const { core: o, sortable: s, utilities: d } = t, { DndContext: u, DragOverlay: g, useSensors: b, useSensor: S, PointerSensor: p, KeyboardSensor: i, closestCenter: h } = o, { SortableContext: T, verticalListSortingStrategy: x } = s, f = b(
-    S(p, { activationConstraint: { distance: 5 } }),
-    S(i)
-  ), w = u, N = g, l = T;
+  const { core: o, sortable: s, utilities: d } = t, { DndContext: m, DragOverlay: g, useSensors: y, useSensor: w, PointerSensor: l, KeyboardSensor: i, closestCenter: f } = o, { SortableContext: N, verticalListSortingStrategy: k } = s, b = y(
+    w(l, { activationConstraint: { distance: 5 } }),
+    w(i)
+  ), S = m, T = g, C = N;
   return /* @__PURE__ */ R(
-    w,
+    S,
     {
-      sensors: f,
-      collisionDetection: h,
+      sensors: b,
+      collisionDetection: f,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((y) => {
-          const m = y.items.map((v) => v.id), D = y.items.map((v) => /* @__PURE__ */ c(
+        e.zones.map((p) => {
+          const c = p.items.map((h) => h.id), D = p.items.map((h) => /* @__PURE__ */ u(
             ue,
             {
-              id: v.id,
+              id: h.id,
               useSortable: s.useSortable,
               cssHelper: d.CSS,
-              children: a(v)
+              children: a(h)
             },
-            v.id
+            h.id
           ));
-          return /* @__PURE__ */ c("div", { ...e.getZoneProps(y.zoneKey), children: /* @__PURE__ */ c(l, { items: m, strategy: x, children: r(y.zoneKey, y.items, D) }) }, y.zoneKey);
+          return /* @__PURE__ */ u("div", { ...e.getZoneProps(p.zoneKey), children: /* @__PURE__ */ u(C, { items: c, strategy: k, children: r(p.zoneKey, p.items, D) }) }, p.zoneKey);
         }),
-        /* @__PURE__ */ c(N, { children: e.activeItem ? n?.(e.activeItem) ?? a(e.activeItem) : null })
+        /* @__PURE__ */ u(T, { children: e.activeItem ? n?.(e.activeItem) ?? a(e.activeItem) : null })
       ]
     }
   );
 }
 ce.displayName = "SortableZonesInner";
 function ue({ id: e, useSortable: t, cssHelper: r, children: a }) {
-  const { attributes: n, listeners: o, setNodeRef: s, transform: d, transition: u, isDragging: g } = t({ id: e }), b = {
+  const { attributes: n, listeners: o, setNodeRef: s, transform: d, transition: m, isDragging: g } = t({ id: e }), y = {
     transform: r?.Transform?.toString(d) ?? void 0,
-    transition: u,
+    transition: m,
     opacity: g ? 0.5 : 1
   };
-  return /* @__PURE__ */ c("div", { ref: s, style: b, "data-sortable-item-id": e, ...n, ...o, children: a });
+  return /* @__PURE__ */ u("div", { ref: s, style: y, "data-sortable-item-id": e, ...n, ...o, children: a });
 }
 ue.displayName = "SortableItem";
-const Je = _.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
+const Je = P.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
   const n = { ...r };
-  return delete n.className, delete n.style, /* @__PURE__ */ c("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...n, children: /* @__PURE__ */ c(j, { region: "toolbar", density: e, children: t }) });
+  return delete n.className, delete n.style, /* @__PURE__ */ u("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...n, children: /* @__PURE__ */ u(j, { region: "toolbar", density: e, children: t }) });
 });
 Je.displayName = "ContainerToolbar";
-const et = _.forwardRef(({ legend: e, description: t, density: r = "default", children: a, ...n }, o) => {
+const et = P.forwardRef(({ legend: e, description: t, density: r = "default", children: a, ...n }, o) => {
   const s = { ...n };
   return delete s.className, delete s.style, /* @__PURE__ */ R("fieldset", { ref: o, className: "gloss-container-form-section", ...s, 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(j, { region: "form-section", density: r, children: a })
+    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(j, { region: "form-section", density: r, children: a })
   ] });
 });
 et.displayName = "ContainerFormSection";
-const tt = _.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
+const tt = P.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
   const n = { ...r };
-  return delete n.className, delete n.style, /* @__PURE__ */ c("div", { ref: a, className: "gloss-container-table", ...n, children: /* @__PURE__ */ c(j, { region: "table", density: e, children: t }) });
+  return delete n.className, delete n.style, /* @__PURE__ */ u("div", { ref: a, className: "gloss-container-table", ...n, children: /* @__PURE__ */ u(j, { region: "table", density: e, children: t }) });
 });
 tt.displayName = "ContainerTable";
 export {
@@ -2197,8 +2209,8 @@ export {
   xa as Chip,
   ka as ColorPicker,
   Ia as ComparisonCard,
-  _a as ContactForm,
-  Pa as ContainerCard,
+  Pa as ContactForm,
+  _a as ContainerCard,
   Ma as ContainerCardActions,
   Ra as ContainerCardBody,
   Fa as ContainerCardFooter,
@@ -2260,8 +2272,8 @@ export {
   xr as MaskPresets,
   kr as MaskedInput,
   Ir as Menu,
-  _r as MenuDivider,
-  Pr as MenuGroup,
+  Pr as MenuDivider,
+  _r as MenuGroup,
   Mr as MenuItem,
   Rr as MergePrompt,
   Fr as MetricCard,
@@ -2323,8 +2335,8 @@ export {
   xn as Toggle,
   kn as Tooltip,
   In as Transition,
-  _n as TransitionGroup,
-  Pn as TrendCard,
+  Pn as TransitionGroup,
+  _n as TrendCard,
   Mn as TrendIndicator,
   po as UIContext,
   j as UIContextProvider,
@@ -2351,11 +2363,11 @@ export {
   $n as destructiveModalMetadata,
   Hn as durations,
   zn as easings,
-  Pe as emptyFixture,
+  _e as emptyFixture,
   Ce as entityChip,
   Be as entityNameActions,
   ct as entityTabGroup,
-  _e as errorFixture,
+  Pe as errorFixture,
   Mt as filteredState,
   wo as findPreset,
   No as formatDateRange,
@@ -2366,16 +2378,16 @@ export {
   ko as generateMarketId,
   Kn as generateTabId,
   Io as getAllPresets,
-  _o as getDateRangeForPreset,
+  Po as getDateRangeForPreset,
   Wn as getMenuActions,
-  Po as getPresetLabel,
+  _o as getPresetLabel,
   Zn as getTransitionStyle,
   zt as gridCards,
   Yn as interpolate,
   Mo as isInRange,
   Ro as isMarketActive,
   Fo as isSameDay,
-  Pt as itemColumns,
+  _t as itemColumns,
   It as itemRows,
   Ie as loadingFixture,
   qn as loginFormMetadata,
@@ -2388,7 +2400,7 @@ export {
   qt as mixedTabs,
   Oo as normalizePresetId,
   $e as numericActions,
-  _t as orderColumns,
+  Pt as orderColumns,
   Ge as orderIdActions,
   kt as orderRows,
   Yt as ordersTabs,