@mt-gloss/ui 0.0.16 → 0.0.17

package/index.js

@@ -1,10 +1,10 @@
-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 fa, J as ha, 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 Ra, H as Ma, F as Pa, 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 fr, a6 as hr, 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 Rr, W as Mr, ao as Pr, 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 fn, bh as hn, 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 Rn, bf as Mn, bs as Pn, 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-Bvd-OyRQ.js";
-import { jsxs as R, jsx as c } from "react/jsx-runtime";
-import I, { useRef as F, useEffect as B, useState as M, useCallback as f, forwardRef as ge, useMemo as pe, createContext as be, useContext as fe } from "react";
-import { B as he, U as j } from "./UIContext-C3E-k7HI.js";
-import { a as po, u as bo } from "./UIContext-C3E-k7HI.js";
+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 pa, H as ga, 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 Ra, F as Ma, 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 pr, G as gr, 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 Rr, ao as Mr, 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 pn, b5 as gn, 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 Rn, bs as Mn, 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-Bvd-OyRQ.js";
+import { jsxs as P, jsx as c } from "react/jsx-runtime";
+import I, { useRef as F, useEffect as B, useState as R, useCallback as f, forwardRef as pe, useMemo as ge, createContext as be, useContext as he } from "react";
+import { B as fe, U as j } from "./UIContext-C3E-k7HI.js";
+import { a as go, u as bo } from "./UIContext-C3E-k7HI.js";
 import { createPortal as ve } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as ho, 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 Ro, isInRange as Mo, isMarketActive as Po, 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 _o, getPresetLabel as Po, isInRange as Ro, isMarketActive as Mo, isSameDay as Fo, normalizePresetId as Oo, toUppercasePresetId as Ao } from "@mt-gloss/utils";
 function st(e = {}) {
   const { enabled: t = !0, returnTo: r } = e, a = F(null);
   return B(() => {
@@ -24,92 +24,92 @@ function it(e) {
     orientation: o = "vertical",
     enabled: s = !0,
     isItemDisabled: d,
-    onSelect: m,
-    onEscape: g
-  } = e, [y, D] = M(-1), p = r !== void 0 ? r : y, l = f(
-    (u) => {
-      r === void 0 && D(u), a?.(u);
+    onSelect: u,
+    onEscape: p
+  } = e, [b, D] = R(-1), g = r !== void 0 ? r : b, l = f(
+    (m) => {
+      r === void 0 && D(m), a?.(m);
     },
     [r, a]
-  ), b = f(() => t.map((u, w) => ({ item: u, index: w })).filter(({ item: u, index: w }) => !d?.(u, w)).map(({ index: u }) => u), [t, d]), S = f(
-    (u, w) => {
-      const v = b();
-      if (v.length === 0) return -1;
-      const O = v.indexOf(u);
+  ), h = f(() => t.map((m, w) => ({ item: m, index: w })).filter(({ item: m, index: w }) => !d?.(m, w)).map(({ index: m }) => m), [t, d]), S = f(
+    (m, w) => {
+      const C = h();
+      if (C.length === 0) return -1;
+      const O = C.indexOf(m);
       if (O === -1)
-        return w === 1 ? v.find((E) => E > u) ?? (n ? v[0] : -1) : [...v].reverse().find((G) => G < u) ?? (n ? v[v.length - 1] : -1);
+        return w === 1 ? C.find((E) => E > m) ?? (n ? C[0] : -1) : [...C].reverse().find((G) => G < m) ?? (n ? C[C.length - 1] : -1);
       let k = O + w;
-      return n ? k = (k + v.length) % v.length : k = Math.max(0, Math.min(v.length - 1, k)), v[k];
+      return n ? k = (k + C.length) % C.length : k = Math.max(0, Math.min(C.length - 1, k)), C[k];
     },
-    [b, n]
+    [h, n]
   ), T = f(() => {
-    const u = b();
-    u.length > 0 && l(u[0]);
-  }, [b, l]), i = f(() => {
-    const u = b();
-    u.length > 0 && l(u[u.length - 1]);
-  }, [b, l]), h = f(() => {
-    const u = S(p, 1);
-    u !== -1 && l(u);
-  }, [p, S, l]), N = f(() => {
-    const u = S(p, -1);
-    u !== -1 && l(u);
-  }, [p, S, l]), C = f(() => {
+    const m = h();
+    m.length > 0 && l(m[0]);
+  }, [h, l]), i = f(() => {
+    const m = h();
+    m.length > 0 && l(m[m.length - 1]);
+  }, [h, l]), v = f(() => {
+    const m = S(g, 1);
+    m !== -1 && l(m);
+  }, [g, S, l]), N = f(() => {
+    const m = S(g, -1);
+    m !== -1 && l(m);
+  }, [g, S, l]), y = f(() => {
     l(-1);
   }, [l]), x = f(
-    (u) => {
+    (m) => {
       if (!s) return;
-      const { key: w } = u, v = w === "ArrowUp" && (o === "vertical" || o === "both"), O = w === "ArrowDown" && (o === "vertical" || o === "both"), k = w === "ArrowLeft" && (o === "horizontal" || o === "both"), E = w === "ArrowRight" && (o === "horizontal" || o === "both");
-      if (v || k) {
-        u.preventDefault(), p === -1 ? i() : N();
+      const { key: w } = m, C = w === "ArrowUp" && (o === "vertical" || o === "both"), O = w === "ArrowDown" && (o === "vertical" || o === "both"), k = w === "ArrowLeft" && (o === "horizontal" || o === "both"), E = w === "ArrowRight" && (o === "horizontal" || o === "both");
+      if (C || k) {
+        m.preventDefault(), g === -1 ? i() : N();
         return;
       }
       if (O || E) {
-        u.preventDefault(), p === -1 ? T() : h();
+        m.preventDefault(), g === -1 ? T() : v();
         return;
       }
       if (w === "Home") {
-        u.preventDefault(), T();
+        m.preventDefault(), T();
         return;
       }
       if (w === "End") {
-        u.preventDefault(), i();
+        m.preventDefault(), i();
         return;
       }
-      if ((w === "Enter" || w === " ") && p >= 0 && p < t.length) {
-        u.preventDefault();
-        const G = t[p];
-        d?.(G, p) || m?.(G, p);
+      if ((w === "Enter" || w === " ") && g >= 0 && g < t.length) {
+        m.preventDefault();
+        const G = t[g];
+        d?.(G, g) || u?.(G, g);
         return;
       }
       if (w === "Escape") {
-        g?.();
+        p?.();
         return;
       }
     },
     [
       s,
       o,
-      p,
+      g,
       t,
       T,
       i,
-      h,
+      v,
       N,
       d,
-      m,
-      g
+      u,
+      p
     ]
   );
   return {
-    focusedIndex: p,
+    focusedIndex: g,
     setFocusedIndex: l,
     handleKeyDown: x,
     focusFirst: T,
     focusLast: i,
-    focusNext: h,
+    focusNext: v,
     focusPrevious: N,
-    resetFocus: C
+    resetFocus: y
   };
 }
 const K = (e) => {
@@ -169,21 +169,21 @@ const K = (e) => {
   { variant: "block", width: 200, height: 32, borderRadius: 8 },
   { variant: "block", width: "80%", height: 12, borderRadius: "4px" },
   { variant: "block", width: 120, height: 44, borderRadius: 22 }
-], gt = [
+], pt = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], pt = [
+], gt = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
 ], bt = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], ft = [
+], ht = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], ht = [
+], ft = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
@@ -231,7 +231,7 @@ function Te({
   overflowActions: o,
   onClose: s
 }) {
-  const [d, m] = M(null), g = F(null), y = f(() => {
+  const [d, u] = R(null), p = F(null), b = f(() => {
     if (!t) return { ...J, top: 0, left: 0 };
     const l = t.getBoundingClientRect();
     return {
@@ -242,33 +242,33 @@ function Te({
   }, [t]);
   if (B(() => {
     if (!e) return;
-    const l = (b) => {
-      b.key === "Escape" && s();
+    const l = (h) => {
+      h.key === "Escape" && s();
     };
     return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
   }, [e, s]), B(() => {
     if (!e) return;
-    const l = (b) => {
-      g.current && !g.current.contains(b.target) && s();
+    const l = (h) => {
+      p.current && !p.current.contains(h.target) && s();
     };
     return document.addEventListener("pointerdown", l, !0), () => document.removeEventListener("pointerdown", l, !0);
   }, [e, s]), !e) return null;
-  const D = o && o.length > 0, p = /* @__PURE__ */ R(
+  const D = o && o.length > 0, g = /* @__PURE__ */ P(
     "div",
     {
-      ref: g,
+      ref: p,
       "data-status-chip-menu": r,
       role: "menu",
       "aria-label": "Status actions",
-      style: y(),
+      style: b(),
       children: [
         /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
             style: Ne(d === "__primary"),
-            onMouseEnter: () => m("__primary"),
-            onMouseLeave: () => m(null),
+            onMouseEnter: () => u("__primary"),
+            onMouseLeave: () => u(null),
             onClick: () => {
               a(r), s();
             },
@@ -280,8 +280,8 @@ function Te({
           {
             role: "menuitem",
             style: Y(d === "__graph"),
-            onMouseEnter: () => m("__graph"),
-            onMouseLeave: () => m(null),
+            onMouseEnter: () => u("__graph"),
+            onMouseLeave: () => u(null),
             onClick: () => {
               n(r), s();
             },
@@ -294,8 +294,8 @@ function Te({
           {
             role: "menuitem",
             style: Y(d === l.id),
-            onMouseEnter: () => m(l.id),
-            onMouseLeave: () => m(null),
+            onMouseEnter: () => u(l.id),
+            onMouseLeave: () => u(null),
             onClick: () => {
               l.onSelect(r), s();
             },
@@ -306,12 +306,24 @@ function Te({
       ]
     }
   );
-  return ve(p, document.body);
+  return ve(g, document.body);
 }
 Te.displayName = "StatusSlotChipMenu";
-const xe = ge(
+const xe = pe(
   function({ state: t, onPointerDown: r, onPointerUp: a, edge: n = "right", ariaLabel: o = "Resize card" }, s) {
-    const d = t === "handle-visible" || t === "dragging";
+    const d = t === "handle-visible" || t === "dragging", u = (b) => {
+      try {
+        b.currentTarget.setPointerCapture(b.pointerId);
+      } catch {
+      }
+      r(b);
+    }, p = (b) => {
+      try {
+        b.currentTarget.hasPointerCapture?.(b.pointerId) && b.currentTarget.releasePointerCapture(b.pointerId);
+      } catch {
+      }
+      a(b);
+    };
     return /* @__PURE__ */ c(
       "button",
       {
@@ -325,8 +337,8 @@ const xe = ge(
           `gloss-edge-handle--${n}`,
           d ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
-        onPointerDown: r,
-        onPointerUp: a,
+        onPointerDown: u,
+        onPointerUp: p,
         tabIndex: d ? 0 : -1
       }
     );
@@ -363,47 +375,47 @@ function vt({
   enterMs: o = 180,
   exitMs: s = 120
 }) {
-  const [d, m] = M("idle"), g = F(null), y = F(null), D = f(() => {
-    g.current && (clearTimeout(g.current), g.current = null);
-  }, []), p = f(() => {
-    m((i) => i !== "idle" ? i : (g.current = setTimeout(() => m("handle-visible"), n), "dwelling"));
+  const [d, u] = R("idle"), p = F(null), b = F(null), D = f(() => {
+    p.current && (clearTimeout(p.current), p.current = null);
+  }, []), g = f(() => {
+    u((i) => i !== "idle" ? i : (p.current = setTimeout(() => u("handle-visible"), n), "dwelling"));
   }, [n]), l = f(() => {
-    D(), m((i) => i === "dwelling" || i === "handle-visible" ? "idle" : i);
-  }, [D]), b = f(
+    D(), u((i) => i === "dwelling" || i === "handle-visible" ? "idle" : i);
+  }, [D]), h = f(
     (i) => {
-      m((h) => h !== "handle-visible" ? h : (y.current = i.clientX, "dragging"));
+      u((v) => v !== "handle-visible" ? v : (b.current = i.clientX, "dragging"));
     },
     []
   ), S = f(
     (i) => {
-      m((h) => {
-        if (h !== "dragging") return h;
-        const N = i.clientX - (y.current ?? i.clientX), x = Math.round(N / 180), u = Math.min(3, Math.max(1, e + x));
-        if (u === e)
+      u((v) => {
+        if (v !== "dragging") return v;
+        const N = i.clientX - (b.current ?? i.clientX), x = Math.round(N / 180), m = Math.min(3, Math.max(1, e + x));
+        if (m === e)
           return a?.(), "cancelled";
-        const w = u > e ? "grow" : "shrink";
-        return r({ direction: w, targetColSpan: u, mode: t ? "slot-fill" : "sparkline-fidelity" }), "committed";
+        const w = m > e ? "grow" : "shrink";
+        return r({ direction: w, targetColSpan: m, mode: t ? "slot-fill" : "sparkline-fidelity" }), "committed";
       });
     },
     [e, t, r, a]
   ), T = f(() => {
-    D(), m((i) => i === "dragging" || i === "handle-visible" ? (a?.(), "cancelled") : i);
+    D(), u((i) => i === "dragging" || i === "handle-visible" ? (a?.(), "cancelled") : i);
   }, [D, a]);
   return B(() => {
     if (d !== "dragging" && d !== "handle-visible") return;
-    const i = (h) => {
-      h.key === "Escape" && T();
+    const i = (v) => {
+      v.key === "Escape" && T();
     };
     return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
   }, [d, T]), B(() => () => D(), [D]), B(() => {
     if (d !== "committed" && d !== "cancelled") return;
-    const i = setTimeout(() => m("idle"), s);
+    const i = setTimeout(() => u("idle"), s);
     return () => clearTimeout(i);
   }, [d, s]), {
     state: d,
-    enterEdgeZone: p,
+    enterEdgeZone: g,
     leaveEdgeZone: l,
-    handleProps: { onPointerDown: b, onPointerUp: S },
+    handleProps: { onPointerDown: h, onPointerUp: S },
     ghostProps: { visible: d === "dragging", enterMs: o, exitMs: s }
   };
 }
@@ -530,14 +542,14 @@ const Ct = {
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, Re = {
+}, Pe = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, Me = {
+}, Re = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -545,7 +557,7 @@ const Ct = {
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, Pe = {
+}, Me = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -568,9 +580,9 @@ const Ct = {
 }, Dt = [
   Ie,
   _e,
+  Pe,
   Re,
   Me,
-  Pe,
   Fe
 ], wt = {
   variant: "sparkline",
@@ -666,23 +678,23 @@ function ne({
   onCreatePage: s,
   onManagePages: d
 }) {
-  const m = f(
-    (p) => {
-      o(p), t();
+  const u = f(
+    (g) => {
+      o(g), t();
     },
     [o, t]
-  ), g = f(
-    (p, l) => {
-      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), m(p));
+  ), p = f(
+    (g, l) => {
+      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), u(g));
     },
-    [m]
-  ), y = f(() => {
+    [u]
+  ), b = f(() => {
     s(), t();
   }, [s, t]), D = f(() => {
     d(), t();
   }, [d, t]);
-  return /* @__PURE__ */ R(
-    he,
+  return /* @__PURE__ */ P(
+    fe,
     {
       definition: {
         placement: "bottom-end",
@@ -695,9 +707,9 @@ function ne({
       anchorRef: r,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ c("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((p) => {
-          const l = p.id === n;
-          return /* @__PURE__ */ R(
+        /* @__PURE__ */ c("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((g) => {
+          const l = g.id === n;
+          return /* @__PURE__ */ P(
             "li",
             {
               role: "menuitemradio",
@@ -705,8 +717,8 @@ function ne({
               "aria-current": l ? "page" : void 0,
               tabIndex: 0,
               className: `gloss-page-dropdown__item${l ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => m(p.id),
-              onKeyDown: (b) => g(p.id, b),
+              onClick: () => u(g.id),
+              onKeyDown: (h) => p(g.id, h),
               children: [
                 /* @__PURE__ */ c(
                   "span",
@@ -717,14 +729,14 @@ function ne({
                 /* @__PURE__ */ c(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${p.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: p.name
+                    className: `gloss-page-dropdown__name${g.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: g.name
                   }
                 ),
-                /* @__PURE__ */ c("span", { className: "gloss-page-dropdown__count", children: p.cardCount })
+                /* @__PURE__ */ c("span", { className: "gloss-page-dropdown__count", children: g.cardCount })
               ]
             },
-            p.id
+            g.id
           );
         }) }),
         /* @__PURE__ */ c("hr", { className: "gloss-page-dropdown__separator" }),
@@ -733,7 +745,7 @@ function ne({
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: y,
+            onClick: b,
             children: "+ New page"
           }
         ),
@@ -761,16 +773,16 @@ const Oe = function({
   onManagePages: s,
   maskRadius: d = "var(--gloss-radius-md)"
 }) {
-  const m = F(null), [g, y] = M(!1), D = f(() => {
-    y((b) => !b);
-  }, []), p = f(() => {
-    y(!1);
+  const u = F(null), [p, b] = R(!1), D = f(() => {
+    b((h) => !h);
+  }, []), g = f(() => {
+    b(!1);
   }, []), l = a[t]?.id ?? "";
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ P(
     "div",
     {
       className: "gloss-page-chip",
-      ref: m,
+      ref: u,
       style: { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
@@ -781,12 +793,12 @@ const Oe = function({
             style: { "--_nuzzle-r": d }
           }
         ),
-        /* @__PURE__ */ R(
+        /* @__PURE__ */ P(
           "button",
           {
             className: "gloss-page-chip__trigger",
             "aria-haspopup": "menu",
-            "aria-expanded": g,
+            "aria-expanded": p,
             "aria-label": `Page ${t + 1} of ${r}. Click to switch pages.`,
             onClick: D,
             children: [
@@ -799,9 +811,9 @@ const Oe = function({
         /* @__PURE__ */ c(
           ne,
           {
-            open: g,
-            onDismiss: p,
-            anchorRef: m,
+            open: p,
+            onDismiss: g,
+            anchorRef: u,
             pages: a,
             activePageId: l,
             onPageChange: n,
@@ -1142,7 +1154,7 @@ const H = I.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellClassName: "gloss-tabular-nums",
     renderCell: ({ row: e }) => e.date ? se(e.date) : ""
   }
-], Rt = [
+], Pt = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1238,7 +1250,7 @@ const H = I.createElement("span", { style: { color: "var(--color-text-muted)" }
   userType: "sales-agency",
   entityFilterOptions: Ae,
   itemFilterOptions: Ee
-}, Mt = {
+}, Rt = {
   ...ie,
   vizState: {
     type: "items",
@@ -1247,7 +1259,7 @@ const H = I.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, Pt = {
+}, Mt = {
   ...ie,
   vizState: {
     type: "orders",
@@ -1458,7 +1470,7 @@ const H = I.createElement("span", { style: { color: "var(--color-text-muted)" }
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
 ];
-function P(e, t) {
+function M(e, t) {
   return {
     id: e,
     colSpan: 1,
@@ -1480,21 +1492,21 @@ function P(e, t) {
 }
 function te(e, t) {
   return {
-    ...P(e, t),
+    ...M(e, t),
     colSpan: 2
   };
 }
 const zt = [
-  P("total-revenue", "Total Revenue"),
-  P("total-orders", "Total Orders"),
+  M("total-revenue", "Total Revenue"),
+  M("total-orders", "Total Orders"),
   te("revenue-trend", "Revenue Trend (2x)"),
-  P("avg-order", "Avg Order Value"),
-  P("new-customers", "New Customers"),
-  P("top-salesperson", "Top Salesperson"),
+  M("avg-order", "Avg Order Value"),
+  M("new-customers", "New Customers"),
+  M("top-salesperson", "Top Salesperson"),
   te("order-trend", "Order Trend (2x)"),
-  P("repeat-rate", "Repeat Rate"),
-  P("open-orders", "Open Orders"),
-  P("shipped-orders", "Shipped Orders")
+  M("repeat-rate", "Repeat Rate"),
+  M("open-orders", "Open Orders"),
+  M("shipped-orders", "Shipped Orders")
 ], Kt = {
   columns: 6,
   rowHeight: 120,
@@ -1633,7 +1645,7 @@ const ze = function(t) {
       }
     );
   const { cards: r, composite: a } = t;
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ P(
     "div",
     {
       className: "gloss-metric-group gloss-metric-group--composite",
@@ -1659,7 +1671,7 @@ const ze = function(t) {
             style: { background: a.accentColor }
           }
         ),
-        a?.label && /* @__PURE__ */ R("div", { className: "gloss-metric-group__label", children: [
+        a?.label && /* @__PURE__ */ P("div", { className: "gloss-metric-group__label", children: [
           /* @__PURE__ */ c("span", { children: a.label }),
           a?.trend && /* @__PURE__ */ c(
             "span",
@@ -1725,27 +1737,27 @@ function Ke({
       "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
     );
   }, [a, n]), I.useLayoutEffect(() => {
-    let g = null;
-    if (a ? g = a : n && (g = document.querySelector(n)), g) {
-      const y = g.getBoundingClientRect();
+    let p = null;
+    if (a ? p = a : n && (p = document.querySelector(n)), p) {
+      const b = p.getBoundingClientRect();
       s({
-        top: y.bottom + window.scrollY + 6,
-        left: y.left + window.scrollX
+        top: b.bottom + window.scrollY + 6,
+        left: b.left + window.scrollX
       });
     }
   }, [a, n]);
-  const m = o ? { top: o.top, left: o.left } : {};
-  return /* @__PURE__ */ R(
+  const u = o ? { top: o.top, left: o.left } : {};
+  return /* @__PURE__ */ P(
     "div",
     {
       className: L["gloss-inline-nudge"],
-      style: m,
+      style: u,
       role: "status",
       "aria-live": "polite",
       "data-reduced-motion": d ? "true" : void 0,
       children: [
         /* @__PURE__ */ c("span", { className: L["gloss-inline-nudge__message"], children: e }),
-        /* @__PURE__ */ R("div", { className: L["gloss-inline-nudge__actions"], children: [
+        /* @__PURE__ */ P("div", { className: L["gloss-inline-nudge__actions"], children: [
           /* @__PURE__ */ c(
             "button",
             {
@@ -1788,39 +1800,39 @@ function Ze({
   max: a = 100,
   disabled: n = !1
 }) {
-  const o = F(null), [s, d] = M(null), [m, g] = M(e), y = F(e);
-  y.current !== e && (y.current = e, g(e));
-  const D = pe(() => We(m, r, a), [m, r, a]), p = f(
+  const o = F(null), [s, d] = R(null), [u, p] = R(e), b = F(e);
+  b.current !== e && (b.current = e, p(e));
+  const D = ge(() => We(u, r, a), [u, r, a]), g = f(
     (i) => {
       if (!o.current) return r;
-      const h = o.current.getBoundingClientRect(), N = Math.max(0, Math.min(1, (i - h.left) / h.width)), C = r + N * (a - r);
-      return Math.round(C * 100) / 100;
+      const v = o.current.getBoundingClientRect(), N = Math.max(0, Math.min(1, (i - v.left) / v.width)), y = r + N * (a - r);
+      return Math.round(y * 100) / 100;
     },
     [r, a]
   ), l = f(
-    (i, h) => {
-      const N = m.find((C) => C.id === h);
-      n || N?.disabled || (typeof i.currentTarget.setPointerCapture == "function" && i.currentTarget.setPointerCapture(i.pointerId), d(h));
+    (i, v) => {
+      const N = u.find((y) => y.id === v);
+      n || N?.disabled || (typeof i.currentTarget.setPointerCapture == "function" && i.currentTarget.setPointerCapture(i.pointerId), d(v));
     },
-    [n, m]
-  ), b = f(
+    [n, u]
+  ), h = f(
     (i) => {
       if (!s) return;
-      const h = p(i.clientX);
-      g(
-        (N) => N.map((C) => C.id === s ? { ...C, value: h } : C)
+      const v = g(i.clientX);
+      p(
+        (N) => N.map((y) => y.id === s ? { ...y, value: v } : y)
       );
     },
-    [s, p]
+    [s, g]
   ), S = f(
     (i) => {
       if (!s) return;
-      const h = p(i.clientX), N = m.map(
-        (C) => C.id === s ? { ...C, value: h } : C
+      const v = g(i.clientX), N = u.map(
+        (y) => y.id === s ? { ...y, value: v } : y
       );
-      g(N), d(null), t(N);
+      p(N), d(null), t(N);
     },
-    [s, p, m, t]
+    [s, g, u, t]
   ), T = a - r || 1;
   return /* @__PURE__ */ c("div", { className: "gloss-threshold-ramp", "data-disabled": n || void 0, children: /* @__PURE__ */ c(
     "div",
@@ -1828,17 +1840,17 @@ function Ze({
       ref: o,
       className: "gloss-threshold-ramp__track",
       style: { background: D },
-      onPointerMove: b,
+      onPointerMove: h,
       onPointerUp: S,
       onPointerLeave: S,
-      children: m.map((i) => {
-        const h = (i.value - r) / T * 100;
+      children: u.map((i) => {
+        const v = (i.value - r) / T * 100;
         return /* @__PURE__ */ c(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
-              left: `${h}%`,
+              left: `${v}%`,
               color: le(i)
             },
             "data-disabled": i.disabled || void 0,
@@ -1860,7 +1872,7 @@ function Ze({
 Ze.displayName = "ThresholdRamp";
 const de = be(null);
 function Ye() {
-  return fe(de);
+  return he(de);
 }
 function qe({ option: e }) {
   const t = Ye(), r = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, n = f(() => {
@@ -1891,22 +1903,22 @@ function Ve({
   disabled: n = !1,
   name: o
 }) {
-  const s = t !== void 0, [d, m] = M(r), g = s ? t : d, y = f(
+  const s = t !== void 0, [d, u] = R(r), p = s ? t : d, b = f(
     (l) => {
-      s || m(l), a?.(l);
+      s || u(l), a?.(l);
     },
     [s, a]
   ), D = f(
-    (l) => g === l,
-    [g]
-  ), p = {
-    selectedValue: g,
-    select: y,
+    (l) => p === l,
+    [p]
+  ), g = {
+    selectedValue: p,
+    select: b,
     isSelected: D,
     groupDisabled: n,
     name: o
   };
-  return /* @__PURE__ */ c(de.Provider, { value: p, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(de.Provider, { value: g, children: /* @__PURE__ */ c(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -1934,82 +1946,82 @@ 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 = F(null), m = F(e.onZoneChange);
-  m.current = e.onZoneChange;
-  const g = f(
-    (b) => {
-      const S = b.active.id;
+  const [t, r] = R(() => e.zones), [a, n] = R(null), [o, s] = R(null), d = F(null), u = F(e.onZoneChange);
+  u.current = e.onZoneChange;
+  const p = f(
+    (h) => {
+      const S = h.active.id;
       let T = null, i = null;
-      for (const h of t) {
-        const N = h.items.find((C) => C.id === S);
+      for (const v of t) {
+        const N = v.items.find((y) => y.id === S);
         if (N) {
-          T = N, i = h.zoneKey;
+          T = N, i = v.zoneKey;
           break;
         }
       }
       d.current = i, n(T), s(i);
     },
     [t]
-  ), y = f(
-    (b) => {
-      if (!b.over) {
+  ), b = f(
+    (h) => {
+      if (!h.over) {
         s(d.current);
         return;
       }
-      const S = ae(t, b.over.id);
+      const S = ae(t, h.over.id);
       s(S);
     },
     [t]
   ), D = f(
-    (b) => {
-      const { active: S, over: T } = b, i = () => {
+    (h) => {
+      const { active: S, over: T } = h, i = () => {
         d.current = null, n(null), s(null);
       };
       if (!T) {
         i();
         return;
       }
-      const h = U(t, S.id), N = ae(t, T.id);
-      if (!h || !N) {
+      const v = U(t, S.id), N = ae(t, T.id);
+      if (!v || !N) {
         i();
         return;
       }
-      let C = t.map((x) => ({ ...x, items: [...x.items] }));
-      if (h === N) {
-        const x = C.findIndex((k) => k.zoneKey === h), u = C[x], w = u.items.findIndex((k) => k.id === S.id), v = u.items.findIndex((k) => k.id === T.id), O = v >= 0 ? v : u.items.length - 1;
-        C[x] = {
-          ...u,
-          items: Ue(u.items, w, O)
+      let y = t.map((x) => ({ ...x, items: [...x.items] }));
+      if (v === N) {
+        const x = y.findIndex((k) => k.zoneKey === v), m = y[x], w = m.items.findIndex((k) => k.id === S.id), C = m.items.findIndex((k) => k.id === T.id), O = C >= 0 ? C : m.items.length - 1;
+        y[x] = {
+          ...m,
+          items: Ue(m.items, w, O)
         };
       } else {
-        const x = C.findIndex((_) => _.zoneKey === h), u = C.findIndex((_) => _.zoneKey === N), w = C[x], v = C[u], O = w.items.find((_) => _.id === S.id), k = w.items.filter((_) => _.id !== S.id), E = v.items.findIndex((_) => _.id === T.id), G = E >= 0 ? E : v.items.length;
-        let Q = k, A = [...v.items];
-        if (v.maxItems !== void 0 && A.length >= v.maxItems) {
+        const x = y.findIndex((_) => _.zoneKey === v), m = y.findIndex((_) => _.zoneKey === N), w = y[x], C = y[m], O = w.items.find((_) => _.id === S.id), k = w.items.filter((_) => _.id !== S.id), E = C.items.findIndex((_) => _.id === T.id), G = E >= 0 ? E : C.items.length;
+        let Q = k, A = [...C.items];
+        if (C.maxItems !== void 0 && A.length >= C.maxItems) {
           const _ = A[A.length - 1];
-          A = A.slice(0, v.maxItems - 1), Q = [...k, _];
+          A = A.slice(0, C.maxItems - 1), Q = [...k, _];
         }
         const X = Math.min(G, A.length), me = [
           ...A.slice(0, X),
           O,
           ...A.slice(X)
         ];
-        C[x] = { ...w, items: Q }, C[u] = { ...v, items: me };
+        y[x] = { ...w, items: Q }, y[m] = { ...C, items: me };
       }
-      r(C), m.current?.(C), i();
+      r(y), u.current?.(y), i();
     },
     [t]
-  ), p = f(
-    (b) => ({
-      id: b,
-      "data-zone-key": b
+  ), g = f(
+    (h) => ({
+      id: h,
+      "data-zone-key": h
     }),
     []
   ), l = f(
-    (b) => {
-      const S = U(t, b.id) ?? "";
+    (h) => {
+      const S = U(t, h.id) ?? "";
       return {
-        id: b.id,
-        "data-item-id": b.id,
+        id: h.id,
+        "data-item-id": h.id,
         "data-zone-key": S
       };
     },
@@ -2019,10 +2031,10 @@ function je(e) {
     zones: t,
     activeZone: o,
     activeItem: a,
-    getZoneProps: p,
+    getZoneProps: g,
     getItemProps: l,
-    handleDragStart: g,
-    handleDragOver: y,
+    handleDragStart: p,
+    handleDragOver: b,
     handleDragEnd: D
   };
 }
@@ -2046,14 +2058,14 @@ 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, m] = I.useState($);
+  const { zones: t, onZoneChange: r, renderZone: a, renderItem: n, renderDragOverlay: o } = e, s = je({ zones: t, onZoneChange: r }), [d, u] = I.useState($);
   return I.useEffect(() => {
     if (d) return;
-    let g = !0;
-    return Qe().then((y) => {
-      g && m(y);
+    let p = !0;
+    return Qe().then((b) => {
+      p && u(b);
     }), () => {
-      g = !1;
+      p = !1;
     };
   }, [d]), d ? /* @__PURE__ */ c(
     ce,
@@ -2064,9 +2076,9 @@ function Xe(e) {
       renderItem: n,
       renderDragOverlay: o
     }
-  ) : /* @__PURE__ */ c("div", { "data-sortable-zones-passive": "true", children: s.zones.map((g) => {
-    const y = g.items.map((D) => /* @__PURE__ */ c(I.Fragment, { children: n(D) }, D.id));
-    return /* @__PURE__ */ c("div", { ...s.getZoneProps(g.zoneKey), children: a(g.zoneKey, g.items, y) }, g.zoneKey);
+  ) : /* @__PURE__ */ c("div", { "data-sortable-zones-passive": "true", children: s.zones.map((p) => {
+    const b = p.items.map((D) => /* @__PURE__ */ c(I.Fragment, { children: n(D) }, D.id));
+    return /* @__PURE__ */ c("div", { ...s.getZoneProps(p.zoneKey), children: a(p.zoneKey, p.items, b) }, p.zoneKey);
   }) });
 }
 Xe.displayName = "SortableZones";
@@ -2077,31 +2089,31 @@ function ce({
   renderItem: a,
   renderDragOverlay: n
 }) {
-  const { core: o, sortable: s, utilities: d } = t, { DndContext: m, DragOverlay: g, useSensors: y, useSensor: D, PointerSensor: p, KeyboardSensor: l, closestCenter: b } = o, { SortableContext: S, verticalListSortingStrategy: T } = s, i = y(
-    D(p, { activationConstraint: { distance: 5 } }),
+  const { core: o, sortable: s, utilities: d } = t, { DndContext: u, DragOverlay: p, useSensors: b, useSensor: D, PointerSensor: g, KeyboardSensor: l, closestCenter: h } = o, { SortableContext: S, verticalListSortingStrategy: T } = s, i = b(
+    D(g, { activationConstraint: { distance: 5 } }),
     D(l)
-  ), h = m, N = g, C = S;
-  return /* @__PURE__ */ R(
-    h,
+  ), v = u, N = p, y = S;
+  return /* @__PURE__ */ P(
+    v,
     {
       sensors: i,
-      collisionDetection: b,
+      collisionDetection: h,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
         e.zones.map((x) => {
-          const u = x.items.map((v) => v.id), w = x.items.map((v) => /* @__PURE__ */ c(
+          const m = x.items.map((C) => C.id), w = x.items.map((C) => /* @__PURE__ */ c(
             ue,
             {
-              id: v.id,
+              id: C.id,
               useSortable: s.useSortable,
               cssHelper: d.CSS,
-              children: a(v)
+              children: a(C)
             },
-            v.id
+            C.id
           ));
-          return /* @__PURE__ */ c("div", { ...e.getZoneProps(x.zoneKey), children: /* @__PURE__ */ c(C, { items: u, strategy: T, children: r(x.zoneKey, x.items, w) }) }, x.zoneKey);
+          return /* @__PURE__ */ c("div", { ...e.getZoneProps(x.zoneKey), children: /* @__PURE__ */ c(y, { items: m, strategy: T, children: r(x.zoneKey, x.items, w) }) }, x.zoneKey);
         }),
         /* @__PURE__ */ c(N, { children: e.activeItem ? n?.(e.activeItem) ?? a(e.activeItem) : null })
       ]
@@ -2110,12 +2122,12 @@ function ce({
 }
 ce.displayName = "SortableZonesInner";
 function ue({ id: e, useSortable: t, cssHelper: r, children: a }) {
-  const { attributes: n, listeners: o, setNodeRef: s, transform: d, transition: m, isDragging: g } = t({ id: e }), y = {
+  const { attributes: n, listeners: o, setNodeRef: s, transform: d, transition: u, isDragging: p } = t({ id: e }), b = {
     transform: r?.Transform?.toString(d) ?? void 0,
-    transition: m,
-    opacity: g ? 0.5 : 1
+    transition: u,
+    opacity: p ? 0.5 : 1
   };
-  return /* @__PURE__ */ c("div", { ref: s, style: y, "data-sortable-item-id": e, ...n, ...o, children: a });
+  return /* @__PURE__ */ c("div", { ref: s, style: b, "data-sortable-item-id": e, ...n, ...o, children: a });
 }
 ue.displayName = "SortableItem";
 const Je = I.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
@@ -2125,7 +2137,7 @@ const Je = I.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
 Je.displayName = "ContainerToolbar";
 const et = I.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: [
+  return delete s.className, delete s.style, /* @__PURE__ */ P("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 })
@@ -2153,11 +2165,11 @@ export {
   ca as Button,
   ua as ButtonGroup,
   ma as ButtonGroupContext,
-  ga as Card,
-  pa as CardActions,
+  pa as Card,
+  ga as CardActions,
   ba as CardBack,
-  fa as CardBody,
-  ha as CardFooter,
+  ha as CardBody,
+  fa as CardFooter,
   va as CardHeader,
   Ca as CardMedia,
   ya as CardShell,
@@ -2170,9 +2182,9 @@ export {
   ka as ColorPicker,
   Ia as ComparisonCard,
   _a as ContactForm,
-  Ra as ContainerCard,
-  Ma as ContainerCardActions,
-  Pa as ContainerCardBody,
+  Pa as ContainerCard,
+  Ra as ContainerCardActions,
+  Ma as ContainerCardBody,
   Fa as ContainerCardFooter,
   Oa as ContainerCardHeader,
   Aa as ContainerCardMedia,
@@ -2187,7 +2199,7 @@ export {
   tt as ContainerTable,
   Je as ContainerToolbar,
   Ka as CreditCardForm,
-  ho as DEFAULT_MARKET_PRESETS,
+  fo as DEFAULT_MARKET_PRESETS,
   vo as DEFAULT_PINNED,
   Wa as DataTable,
   Za as DatePicker,
@@ -2214,12 +2226,12 @@ export {
   cr as Form,
   ur as FormDialog,
   mr as FormField,
-  gr as FusedShape,
+  pr as FusedShape,
   ke as GhostPreview,
-  pr as GroupCheckbox,
+  gr as GroupCheckbox,
   br as GroupRadio,
-  fr as GutterActions,
-  hr as HighlightCard,
+  hr as GutterActions,
+  fr as HighlightCard,
   vr as HybridDatePicker,
   Cr as ImportWizard,
   Ke as InlineNudge,
@@ -2233,9 +2245,9 @@ export {
   kr as MaskedInput,
   Ir as Menu,
   _r as MenuDivider,
-  Rr as MenuGroup,
-  Mr as MenuItem,
-  Pr as MergePrompt,
+  Pr as MenuGroup,
+  Rr as MenuItem,
+  Mr as MergePrompt,
   Fr as MetricCard,
   Or as MetricCardGrid,
   ze as MetricGroupContainer,
@@ -2275,12 +2287,12 @@ export {
   cn as SkeletonCard,
   un as SkeletonChart,
   mn as SkeletonTable,
-  gn as Slider,
-  pn as Sortable,
+  pn as Slider,
+  gn as Sortable,
   Xe as SortableZones,
   bn as SparklineBg,
-  fn as SplitButton,
-  hn as StackedGroupCard,
+  hn as SplitButton,
+  fn as StackedGroupCard,
   vn as StatusModeCard,
   Te as StatusSlotChipMenu,
   Cn as Stepper,
@@ -2296,11 +2308,11 @@ export {
   kn as Tooltip,
   In as Transition,
   _n as TransitionGroup,
-  Rn as TrendCard,
-  Mn as TrendIndicator,
-  po as UIContext,
+  Pn as TrendCard,
+  Rn as TrendIndicator,
+  go as UIContext,
   j as UIContextProvider,
-  Pn as UnifiedBreakdownTable,
+  Mn as UnifiedBreakdownTable,
   Fn as UnifiedContextMenu,
   On as addressGroupMetadata,
   An as addressSchema,
@@ -2308,11 +2320,11 @@ export {
   Dt as allStateFixtures,
   yt as allVariantFixtures,
   mt as blockSamples,
-  ht as cardSamples,
+  ft as cardSamples,
   bt as chartSamples,
-  pt as circleSamples,
+  gt as circleSamples,
   Kt as compactLayout,
-  Pt as compactState,
+  Mt as compactState,
   En as contactFormMetadata,
   Ln as contactSchema,
   Ft as contextMenuFixtures,
@@ -2323,12 +2335,12 @@ export {
   $n as destructiveModalMetadata,
   Hn as durations,
   zn as easings,
-  Re as emptyFixture,
+  Pe as emptyFixture,
   Ce as entityChip,
   Be as entityNameActions,
   ct as entityTabGroup,
   _e as errorFixture,
-  Mt as filteredState,
+  Rt as filteredState,
   wo as findPreset,
   No as formatDateRange,
   So as formatMarketDates,
@@ -2340,14 +2352,14 @@ export {
   Io as getAllPresets,
   _o as getDateRangeForPreset,
   Wn as getMenuActions,
-  Ro as getPresetLabel,
+  Po as getPresetLabel,
   Zn as getTransitionStyle,
   zt as gridCards,
   Yn as interpolate,
-  Mo as isInRange,
-  Po as isMarketActive,
+  Ro as isInRange,
+  Mo as isMarketActive,
   Fo as isSameDay,
-  Rt as itemColumns,
+  Pt as itemColumns,
   It as itemRows,
   Ie as loadingFixture,
   qn as loginFormMetadata,
@@ -2382,15 +2394,15 @@ export {
   wt as sparklineFixture,
   Nt as sparklineUpFixture,
   Fe as staleDonutFixture,
-  Me as staleFixture,
-  Pe as staleSparklineFixture,
+  Re as staleFixture,
+  Me as staleSparklineFixture,
   St as standardFixture,
   xt as standardFlatFixture,
   Wt as standardLayout,
   Tt as standardNegativeFixture,
   ye as statusChip,
-  ft as tableSamples,
-  gt as textSamples,
+  ht as tableSamples,
+  pt as textSamples,
   ut as timeFrameTabGroup,
   Ao as toUppercasePresetId,
   it as useArrowNavigation,

package/lib/primitives/dashboard/MetricCard/EdgeHoverHandle.d.ts

@@ -16,5 +16,14 @@ export interface EdgeHoverHandleProps {
  *
  * Motion contract (AN-06): opacity transitions driven by edge-hover.scss
  * using enterMs=180ms (enter) / exitMs=120ms (exit via ghost-preview).
+ *
+ * Pointer capture (debug 260417-qt00z / D-02+D-03 root cause): the handle is
+ * only 10px wide. On pointerdown we call setPointerCapture(pointerId) so all
+ * subsequent pointermove/pointerup events route to this element even after
+ * the cursor leaves the handle's hit region. Without this, dragging rightward
+ * (the natural grow gesture) moves the pointer off the handle within the
+ * first few px — pointerup then fires on whatever is underneath, the handle's
+ * React onPointerUp never runs, and the state machine stays stuck at
+ * 'dragging' (so onResize is never called and the card never commits).
  */
 export declare const EdgeHoverHandle: import('react').ForwardRefExoticComponent<EdgeHoverHandleProps & import('react').RefAttributes<HTMLButtonElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mt-gloss/ui",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "type": "module",
   "publishConfig": {
     "access": "restricted"