@mt-gloss/ui 0.0.18 → 0.0.20

package/index.js

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