@mt-gloss/ui 0.0.15 → 0.0.17

package/index.js

@@ -1,21 +1,21 @@
-import { N as aa, T as ra, O as na, Q as oa, b2 as sa, av as ia, ad as la, Z as da, aj as ca, K as ua, a4 as ma, bl as ga, P as pa, B as ba, a as ha, y as fa, H as va, be as Ca, F as ya, J as Da, A as wa, z as Na, bd as Sa, E as xa, D as Ta, bt as ka, b as Ia, C as _a, L as Ra, o as Ma, a9 as Pa, aJ as Fa, y as Oa, H as Aa, F as Ea, J as La, A as Ba, z as Ga, E as za, D as Ha, aX as $a, a_ as Ka, aZ as Wa, aY as Za, a$ as Ya, ay as qa, am as Va, k as Ua, m as ja, aB as Qa, a7 as Xa, b4 as Ja, a5 as er, bm as tr, Y as ar, bD as rr, bC as nr, bE as or, al as sr, aM as ir, b6 as lr, bI as dr, n as cr, ai as ur, bx as mr, bp as gr, a0 as pr, an as br, a2 as hr, bw as fr, G as vr, d as Cr, bg as yr, a6 as Dr, bF as wr, aP as Nr, r as Sr, v as xr, I as Tr, g as kr, as as Ir, bJ as _r, M as Rr, w as Mr, U as Pr, X as Fr, V as Or, W as Ar, ao as Er, bc as Lr, bL as Br, bH as Gr, ak as zr, t as Hr, bn as $r, aO as Kr, af as Wr, aG as Zr, ac as Yr, ah as qr, aq as Vr, aN as Ur, a8 as jr, ap as Qr, c as Xr, R as Jr, j as en, p as tn, aD as an, bu as rn, bv as nn, ae as on, aa as sn, h as ln, x as dn, b3 as cn, ab as un, bK as mn, b8 as gn, bb as pn, b9 as bn, ba as hn, i as fn, b5 as vn, bk as Cn, S as yn, bh as Dn, bi as wn, ar as Nn, b7 as Sn, bM as xn, ag as Tn, s as kn, bG as In, l as _n, f as Rn, q as Mn, _ as Pn, $ as Fn, a3 as On, bf as An, bs as En, bz as Ln, aw as Bn, ax as Gn, aK as zn, aL as Hn, az as $n, aA as Kn, aC as Wn, aR as Zn, aS as Yn, bB as qn, bA as Vn, aU as Un, aV as jn, at as Qn, au as Xn, b1 as Jn, b0 as eo, aW as to, aH as ao, aI as ro, aT as no, aE as oo, aF as so, u as io, by as lo, bo as co, bq as uo, br as mo, aQ as go, a1 as po, e as bo, bj as ho } from "./Expandable-BXdTP6Nb.js";
-import { jsxs as _, jsx as d } from "react/jsx-runtime";
-import R, { useRef as F, useEffect as G, useState as M, useCallback as p, forwardRef as ve, useMemo as Ce, createContext as ye, useContext as De } from "react";
-import { B as we, U } from "./UIContext-C3E-k7HI.js";
-import { a as vo, u as Co } from "./UIContext-C3E-k7HI.js";
-import { createPortal as Ne } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as Do, DEFAULT_PINNED as wo, PERIOD_OPTIONS as No, ROLLING_OPTIONS as So, TODAY_PRESET as xo, findPreset as To, formatDateRange as ko, formatMarketDates as Io, formatTrend as _o, formatValue as Ro, generateMarketId as Mo, getAllPresets as Po, getDateRangeForPreset as Fo, getPresetLabel as Oo, isInRange as Ao, isMarketActive as Eo, isSameDay as Lo, normalizePresetId as Bo, toUppercasePresetId as Go } from "@mt-gloss/utils";
-function ct(e = {}) {
+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 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 G(() => {
+  return B(() => {
     t && (a.current = r || document.activeElement);
-  }, [t, r]), G(() => () => {
+  }, [t, r]), B(() => () => {
     t && a.current && setTimeout(() => {
       a.current?.focus?.();
     }, 0);
   }, [t]), a;
 }
-function ut(e) {
+function it(e) {
   const {
     items: t,
     activeIndex: r,
@@ -23,67 +23,67 @@ function ut(e) {
     loop: n = !0,
     orientation: o = "vertical",
     enabled: s = !0,
-    isItemDisabled: u,
-    onSelect: m,
-    onEscape: b
-  } = e, [D, N] = M(-1), g = r !== void 0 ? r : D, l = p(
-    (c) => {
-      r === void 0 && N(c), a?.(c);
+    isItemDisabled: d,
+    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]
-  ), h = p(() => t.map((c, y) => ({ item: c, index: y })).filter(({ item: c, index: y }) => !u?.(c, y)).map(({ index: c }) => c), [t, u]), S = p(
-    (c, y) => {
+  ), 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(c);
+      const O = C.indexOf(m);
       if (O === -1)
-        return y === 1 ? C.find((E) => E > c) ?? (n ? C[0] : -1) : [...C].reverse().find((B) => B < c) ?? (n ? C[C.length - 1] : -1);
-      let T = O + y;
-      return n ? T = (T + C.length) % C.length : T = Math.max(0, Math.min(C.length - 1, T)), C[T];
+        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 + C.length) % C.length : k = Math.max(0, Math.min(C.length - 1, k)), C[k];
     },
     [h, n]
-  ), x = p(() => {
-    const c = h();
-    c.length > 0 && l(c[0]);
-  }, [h, l]), i = p(() => {
-    const c = h();
-    c.length > 0 && l(c[c.length - 1]);
-  }, [h, l]), f = p(() => {
-    const c = S(g, 1);
-    c !== -1 && l(c);
-  }, [g, S, l]), w = p(() => {
-    const c = S(g, -1);
-    c !== -1 && l(c);
-  }, [g, S, l]), v = p(() => {
+  ), T = 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]), k = p(
-    (c) => {
+  }, [l]), x = f(
+    (m) => {
       if (!s) return;
-      const { key: y } = c, C = y === "ArrowUp" && (o === "vertical" || o === "both"), O = y === "ArrowDown" && (o === "vertical" || o === "both"), T = y === "ArrowLeft" && (o === "horizontal" || o === "both"), E = y === "ArrowRight" && (o === "horizontal" || o === "both");
-      if (C || T) {
-        c.preventDefault(), g === -1 ? i() : w();
+      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) {
-        c.preventDefault(), g === -1 ? x() : f();
+        m.preventDefault(), g === -1 ? T() : v();
         return;
       }
-      if (y === "Home") {
-        c.preventDefault(), x();
+      if (w === "Home") {
+        m.preventDefault(), T();
         return;
       }
-      if (y === "End") {
-        c.preventDefault(), i();
+      if (w === "End") {
+        m.preventDefault(), i();
         return;
       }
-      if ((y === "Enter" || y === " ") && g >= 0 && g < t.length) {
-        c.preventDefault();
-        const B = t[g];
-        u?.(B, g) || m?.(B, g);
+      if ((w === "Enter" || w === " ") && g >= 0 && g < t.length) {
+        m.preventDefault();
+        const G = t[g];
+        d?.(G, g) || u?.(G, g);
         return;
       }
-      if (y === "Escape") {
-        b?.();
+      if (w === "Escape") {
+        p?.();
         return;
       }
     },
@@ -92,63 +92,63 @@ function ut(e) {
       o,
       g,
       t,
-      x,
+      T,
       i,
-      f,
-      w,
+      v,
+      N,
+      d,
       u,
-      m,
-      b
+      p
     ]
   );
   return {
     focusedIndex: g,
     setFocusedIndex: l,
-    handleKeyDown: k,
-    focusFirst: x,
+    handleKeyDown: x,
+    focusFirst: T,
     focusLast: i,
-    focusNext: f,
-    focusPrevious: w,
-    resetFocus: v
+    focusNext: v,
+    focusPrevious: N,
+    resetFocus: y
   };
 }
-const H = (e) => {
-}, Se = {
+const K = (e) => {
+}, Ce = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
-  onRemove: H
-}, xe = {
+  onRemove: K
+}, ye = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
-  onRemove: H
-}, Te = {
+  onRemove: K
+}, De = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
-  onRemove: H
-}, ke = {
+  onRemove: K
+}, we = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
-  onRemove: H
-}, mt = [
-  Se,
-  xe,
-  Te,
-  ke
-], gt = {
+  onRemove: K
+}, lt = [
+  Ce,
+  ye,
+  De,
+  we
+], dt = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, pt = {
+}, ct = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -156,7 +156,7 @@ const H = (e) => {
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, bt = {
+}, ut = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -164,30 +164,30 @@ const H = (e) => {
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, ht = [
+}, mt = [
   { 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 }
-], ft = [
+], 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 }
-], vt = [
+], gt = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], Ct = [
+], bt = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], yt = [
+], ht = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], Dt = [
+], ft = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
-], ee = {
+], J = {
   position: "fixed",
   zIndex: 9999,
   background: "rgba(255,255,255,0.92)",
@@ -199,7 +199,7 @@ const H = (e) => {
   minWidth: 148,
   paddingTop: 4,
   paddingBottom: 4
-}, W = (e) => ({
+}, Y = (e) => ({
   padding: "6px 12px",
   fontSize: 12,
   lineHeight: 1.4,
@@ -213,16 +213,16 @@ const H = (e) => {
   width: "100%",
   textAlign: "left",
   border: "none"
-}), Ie = (e) => ({
-  ...W(e),
+}), Ne = (e) => ({
+  ...Y(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), _e = {
+}), Se = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function Re({
+function Te({
   open: e,
   anchorEl: t,
   statusId: r,
@@ -231,71 +231,71 @@ function Re({
   overflowActions: o,
   onClose: s
 }) {
-  const [u, m] = M(null), b = F(null), D = p(() => {
-    if (!t) return { ...ee, top: 0, left: 0 };
+  const [d, u] = R(null), p = F(null), b = f(() => {
+    if (!t) return { ...J, top: 0, left: 0 };
     const l = t.getBoundingClientRect();
     return {
-      ...ee,
+      ...J,
       top: l.bottom + 4,
       left: l.left
     };
   }, [t]);
-  if (G(() => {
+  if (B(() => {
     if (!e) return;
     const l = (h) => {
       h.key === "Escape" && s();
     };
     return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
-  }, [e, s]), G(() => {
+  }, [e, s]), B(() => {
     if (!e) return;
     const l = (h) => {
-      b.current && !b.current.contains(h.target) && s();
+      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 N = o && o.length > 0, g = /* @__PURE__ */ _(
+  const D = o && o.length > 0, g = /* @__PURE__ */ P(
     "div",
     {
-      ref: b,
+      ref: p,
       "data-status-chip-menu": r,
       role: "menu",
       "aria-label": "Status actions",
-      style: D(),
+      style: b(),
       children: [
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
-            style: Ie(u === "__primary"),
-            onMouseEnter: () => m("__primary"),
-            onMouseLeave: () => m(null),
+            style: Ne(d === "__primary"),
+            onMouseEnter: () => u("__primary"),
+            onMouseLeave: () => u(null),
             onClick: () => {
               a(r), s();
             },
             children: "Open in table"
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
-            style: W(u === "__graph"),
-            onMouseEnter: () => m("__graph"),
-            onMouseLeave: () => m(null),
+            style: Y(d === "__graph"),
+            onMouseEnter: () => u("__graph"),
+            onMouseLeave: () => u(null),
             onClick: () => {
               n(r), s();
             },
             children: "Show on graph"
           }
         ),
-        N && /* @__PURE__ */ d("div", { style: _e }),
-        N && o?.map((l) => /* @__PURE__ */ d(
+        D && /* @__PURE__ */ c("div", { style: Se }),
+        D && o?.map((l) => /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
-            style: W(u === l.id),
-            onMouseEnter: () => m(l.id),
-            onMouseLeave: () => m(null),
+            style: Y(d === l.id),
+            onMouseEnter: () => u(l.id),
+            onMouseLeave: () => u(null),
             onClick: () => {
               l.onSelect(r), s();
             },
@@ -306,13 +306,25 @@ function Re({
       ]
     }
   );
-  return Ne(g, document.body);
+  return ve(g, document.body);
 }
-Re.displayName = "StatusSlotChipMenu";
-const Me = ve(
+Te.displayName = "StatusSlotChipMenu";
+const xe = pe(
   function({ state: t, onPointerDown: r, onPointerUp: a, edge: n = "right", ariaLabel: o = "Resize card" }, s) {
-    const u = t === "handle-visible" || t === "dragging";
-    return /* @__PURE__ */ d(
+    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",
       {
         ref: s,
@@ -323,23 +335,23 @@ const Me = ve(
         className: [
           "gloss-edge-handle",
           `gloss-edge-handle--${n}`,
-          u ? "gloss-edge-handle--visible" : ""
+          d ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
-        onPointerDown: r,
-        onPointerUp: a,
-        tabIndex: u ? 0 : -1
+        onPointerDown: u,
+        onPointerUp: p,
+        tabIndex: d ? 0 : -1
       }
     );
   }
 );
-Me.displayName = "EdgeHoverHandle";
-function Pe({
+xe.displayName = "EdgeHoverHandle";
+function ke({
   visible: e,
   targetColSpan: t,
   enterMs: r = 180,
   exitMs: a = 120
 }) {
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "div",
     {
       "aria-hidden": "true",
@@ -353,8 +365,8 @@ function Pe({
     }
   );
 }
-Pe.displayName = "GhostPreview";
-function wt({
+ke.displayName = "GhostPreview";
+function vt({
   currentColSpan: e,
   stackable: t,
   onResize: r,
@@ -363,47 +375,51 @@ function wt({
   enterMs: o = 180,
   exitMs: s = 120
 }) {
-  const [u, m] = M("idle"), b = F(null), D = F(null), N = p(() => {
-    b.current && (clearTimeout(b.current), b.current = null);
-  }, []), g = p(() => {
-    m((i) => i !== "idle" ? i : (b.current = setTimeout(() => m("handle-visible"), n), "dwelling"));
-  }, [n]), l = p(() => {
-    N(), m((i) => i === "dwelling" || i === "handle-visible" ? "idle" : i);
-  }, [N]), h = p(
+  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(), u((i) => i === "dwelling" || i === "handle-visible" ? "idle" : i);
+  }, [D]), h = f(
     (i) => {
-      m((f) => f !== "handle-visible" ? f : (D.current = i.clientX, "dragging"));
+      u((v) => v !== "handle-visible" ? v : (b.current = i.clientX, "dragging"));
     },
     []
-  ), S = p(
+  ), S = f(
     (i) => {
-      m((f) => {
-        if (f !== "dragging") return f;
-        const w = i.clientX - (D.current ?? i.clientX), k = Math.round(w / 180), c = Math.min(3, Math.max(1, e + k));
-        if (c === 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 y = c > e ? "grow" : "shrink";
-        return r({ direction: y, targetColSpan: c, 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]
-  ), x = p(() => {
-    N(), m((i) => i === "dragging" || i === "handle-visible" ? (a?.(), "cancelled") : i);
-  }, [N, a]);
-  return G(() => {
-    if (u !== "dragging" && u !== "handle-visible") return;
-    const i = (f) => {
-      f.key === "Escape" && x();
+  ), T = f(() => {
+    D(), u((i) => i === "dragging" || i === "handle-visible" ? (a?.(), "cancelled") : i);
+  }, [D, a]);
+  return B(() => {
+    if (d !== "dragging" && d !== "handle-visible") return;
+    const i = (v) => {
+      v.key === "Escape" && T();
     };
     return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
-  }, [u, x]), G(() => () => N(), [N]), {
-    state: u,
+  }, [d, T]), B(() => () => D(), [D]), B(() => {
+    if (d !== "committed" && d !== "cancelled") return;
+    const i = setTimeout(() => u("idle"), s);
+    return () => clearTimeout(i);
+  }, [d, s]), {
+    state: d,
     enterEdgeZone: g,
     leaveEdgeZone: l,
     handleProps: { onPointerDown: h, onPointerUp: S },
-    ghostProps: { visible: u === "dragging", enterMs: o, exitMs: s }
+    ghostProps: { visible: d === "dragging", enterMs: o, exitMs: s }
   };
 }
-const Nt = {
+const Ct = {
   /** Delay before flip animation begins (ms). */
   flipStart: 50,
   /** Duration of panel extrude animation (ms). */
@@ -412,7 +428,7 @@ const Nt = {
   settle: 100,
   /** Total choreography duration (ms). */
   total: 350
-}, St = [
+}, yt = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -516,24 +532,24 @@ const Nt = {
       { value: 9, color: "#6b7280", label: "Other" }
     ]
   }
-], Fe = {
+], Ie = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, Oe = {
+}, _e = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, Ae = {
+}, Pe = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, Ee = {
+}, Re = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -541,7 +557,7 @@ const Nt = {
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, Le = {
+}, Me = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -550,7 +566,7 @@ const Nt = {
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, Be = {
+}, Fe = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -561,14 +577,14 @@ const Nt = {
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, xt = [
-  Fe,
-  Oe,
-  Ae,
-  Ee,
-  Le,
-  Be
-], Tt = {
+}, Dt = [
+  Ie,
+  _e,
+  Pe,
+  Re,
+  Me,
+  Fe
+], wt = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -591,7 +607,7 @@ const Nt = {
     59
   ],
   accentColor: "#6366f1"
-}, kt = {
+}, Nt = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -630,21 +646,21 @@ const Nt = {
     19
   ],
   accentColor: "#10b981"
-}, It = {
+}, St = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, _t = {
+}, Tt = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, Rt = {
+}, xt = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -660,25 +676,25 @@ function ne({
   activePageId: n,
   onPageChange: o,
   onCreatePage: s,
-  onManagePages: u
+  onManagePages: d
 }) {
-  const m = p(
+  const u = f(
     (g) => {
       o(g), t();
     },
     [o, t]
-  ), b = p(
+  ), p = f(
     (g, l) => {
-      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), m(g));
+      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), u(g));
     },
-    [m]
-  ), D = p(() => {
+    [u]
+  ), b = f(() => {
     s(), t();
-  }, [s, t]), N = p(() => {
-    u(), t();
-  }, [u, t]);
-  return /* @__PURE__ */ _(
-    we,
+  }, [s, t]), D = f(() => {
+    d(), t();
+  }, [d, t]);
+  return /* @__PURE__ */ P(
+    fe,
     {
       definition: {
         placement: "bottom-end",
@@ -691,9 +707,9 @@ function ne({
       anchorRef: r,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ d("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((g) => {
+        /* @__PURE__ */ c("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((g) => {
           const l = g.id === n;
-          return /* @__PURE__ */ _(
+          return /* @__PURE__ */ P(
             "li",
             {
               role: "menuitemradio",
@@ -701,45 +717,45 @@ function ne({
               "aria-current": l ? "page" : void 0,
               tabIndex: 0,
               className: `gloss-page-dropdown__item${l ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => m(g.id),
-              onKeyDown: (h) => b(g.id, h),
+              onClick: () => u(g.id),
+              onKeyDown: (h) => p(g.id, h),
               children: [
-                /* @__PURE__ */ d(
+                /* @__PURE__ */ c(
                   "span",
                   {
                     className: `gloss-page-dropdown__dot${l ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
-                /* @__PURE__ */ d(
+                /* @__PURE__ */ c(
                   "span",
                   {
                     className: `gloss-page-dropdown__name${g.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
                     children: g.name
                   }
                 ),
-                /* @__PURE__ */ d("span", { className: "gloss-page-dropdown__count", children: g.cardCount })
+                /* @__PURE__ */ c("span", { className: "gloss-page-dropdown__count", children: g.cardCount })
               ]
             },
             g.id
           );
         }) }),
-        /* @__PURE__ */ d("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ c("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: D,
+            onClick: b,
             children: "+ New page"
           }
         ),
-        /* @__PURE__ */ d("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ c("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
-            onClick: N,
+            onClick: D,
             children: "Manage pages"
           }
         )
@@ -748,43 +764,43 @@ function ne({
   );
 }
 ne.displayName = "PageDropdown";
-const Ge = function({
+const Oe = function({
   currentIndex: t,
   total: r,
   pages: a,
   onPageChange: n,
   onCreatePage: o,
   onManagePages: s,
-  maskRadius: u = "var(--gloss-radius-md)"
+  maskRadius: d = "var(--gloss-radius-md)"
 }) {
-  const m = F(null), [b, D] = M(!1), N = p(() => {
-    D((h) => !h);
-  }, []), g = p(() => {
-    D(!1);
+  const u = F(null), [p, b] = R(!1), D = f(() => {
+    b((h) => !h);
+  }, []), g = f(() => {
+    b(!1);
   }, []), l = a[t]?.id ?? "";
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ P(
     "div",
     {
       className: "gloss-page-chip",
-      ref: m,
+      ref: u,
       style: { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ c(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
-            style: { "--_nuzzle-r": u }
+            style: { "--_nuzzle-r": d }
           }
         ),
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ P(
           "button",
           {
             className: "gloss-page-chip__trigger",
             "aria-haspopup": "menu",
-            "aria-expanded": b,
+            "aria-expanded": p,
             "aria-label": `Page ${t + 1} of ${r}. Click to switch pages.`,
-            onClick: N,
+            onClick: D,
             children: [
               t + 1,
               " / ",
@@ -792,12 +808,12 @@ const Ge = function({
             ]
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ c(
           ne,
           {
-            open: b,
+            open: p,
             onDismiss: g,
-            anchorRef: m,
+            anchorRef: u,
             pages: a,
             activePageId: l,
             onPageChange: n,
@@ -809,8 +825,8 @@ const Ge = function({
     }
   );
 };
-Ge.displayName = "PageChip";
-const Mt = [
+Oe.displayName = "PageChip";
+const kt = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -943,7 +959,7 @@ const Mt = [
     date: "2026-03-01",
     skuCount: 9
   }
-], Pt = [
+], It = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1077,7 +1093,7 @@ const Mt = [
     lastDate: "2026-03-01"
   }
 ];
-function Z(e) {
+function q(e) {
   return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
 function oe(e) {
@@ -1086,7 +1102,7 @@ function oe(e) {
 function se(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const z = R.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Ft = [
+const H = I.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), _t = [
   {
     field: "id",
     headerName: "Order",
@@ -1116,7 +1132,7 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.skuCount ? oe(e.skuCount) : z
+    renderCell: ({ row: e }) => e.skuCount ? oe(e.skuCount) : H
   },
   {
     field: "total",
@@ -1126,7 +1142,7 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.total ? Z(e.total) : z
+    renderCell: ({ row: e }) => e.total ? q(e.total) : H
   },
   {
     field: "date",
@@ -1138,7 +1154,7 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellClassName: "gloss-tabular-nums",
     renderCell: ({ row: e }) => e.date ? se(e.date) : ""
   }
-], Ot = [
+], Pt = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1170,7 +1186,7 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.price ? Z(e.price) : z
+    renderCell: ({ row: e }) => e.price ? q(e.price) : H
   },
   {
     field: "quantity",
@@ -1180,7 +1196,7 @@ const z = R.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) : z
+    renderCell: ({ row: e }) => e.quantity ? oe(e.quantity) : H
   },
   {
     field: "total",
@@ -1190,7 +1206,7 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.total ? Z(e.total) : z
+    renderCell: ({ row: e }) => e.total ? q(e.total) : H
   },
   {
     field: "lastDate",
@@ -1202,21 +1218,21 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellClassName: "gloss-tabular-nums",
     renderCell: ({ row: e }) => e.lastDate ? se(e.lastDate) : ""
   }
-], ze = [
+], Ae = [
   { 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" }
-], He = [
+], Ee = [
   { 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" }
-], $ = (e) => {
-}, $e = (e) => {
-}, te = (e, t) => {
+], W = (e) => {
+}, Le = (e) => {
+}, ee = (e, t) => {
 }, ie = {
   vizState: {
     type: "orders",
@@ -1225,16 +1241,16 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: null, name: null },
     timeFrame: "MTD"
   },
-  onTypeChange: $,
-  onQuantChange: $e,
-  onEntityTypeChange: $,
-  onEntitySelect: te,
-  onItemSelect: te,
-  onTimeFrameChange: $,
+  onTypeChange: W,
+  onQuantChange: Le,
+  onEntityTypeChange: W,
+  onEntitySelect: ee,
+  onItemSelect: ee,
+  onTimeFrameChange: W,
   userType: "sales-agency",
-  entityFilterOptions: ze,
-  itemFilterOptions: He
-}, At = {
+  entityFilterOptions: Ae,
+  itemFilterOptions: Ee
+}, Rt = {
   ...ie,
   vizState: {
     type: "items",
@@ -1243,7 +1259,7 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, Et = {
+}, Mt = {
   ...ie,
   vizState: {
     type: "orders",
@@ -1256,7 +1272,7 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, Ke = [
+}, Be = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1302,7 +1318,7 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
     routeKey: "customer.profile",
     subtitle: "Opens in RepTime"
   }
-], We = [
+], Ge = [
   {
     id: "order-items",
     label: "Items in Order",
@@ -1331,7 +1347,7 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], Ze = [
+], $e = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1359,14 +1375,14 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], Lt = {
-  entityName: Ke,
-  orderId: We,
-  numeric: Ze
-}, Bt = [
+], Ft = {
+  entityName: Be,
+  orderId: Ge,
+  numeric: $e
+}, Ot = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], Gt = {
+], At = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1379,7 +1395,7 @@ const z = R.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)
   ]
-}, zt = {
+}, Et = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1387,7 +1403,7 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, Ht = [
+}, Lt = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1409,7 +1425,7 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], $t = [
+], Bt = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1426,7 +1442,7 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], Kt = [
+], Gt = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1443,22 +1459,22 @@ const z = R.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], Wt = [
+], $t = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], Zt = [
+], Ht = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
 ];
-function P(e, t) {
+function M(e, t) {
   return {
     id: e,
     colSpan: 1,
-    content: R.createElement("div", {
+    content: I.createElement("div", {
       style: {
         width: "100%",
         height: "100%",
@@ -1474,38 +1490,38 @@ function P(e, t) {
     }, t)
   };
 }
-function ae(e, t) {
+function te(e, t) {
   return {
-    ...P(e, t),
+    ...M(e, t),
     colSpan: 2
   };
 }
-const Yt = [
-  P("total-revenue", "Total Revenue"),
-  P("total-orders", "Total Orders"),
-  ae("revenue-trend", "Revenue Trend (2x)"),
-  P("avg-order", "Avg Order Value"),
-  P("new-customers", "New Customers"),
-  P("top-salesperson", "Top Salesperson"),
-  ae("order-trend", "Order Trend (2x)"),
-  P("repeat-rate", "Repeat Rate"),
-  P("open-orders", "Open Orders"),
-  P("shipped-orders", "Shipped Orders")
-], qt = {
+const zt = [
+  M("total-revenue", "Total Revenue"),
+  M("total-orders", "Total Orders"),
+  te("revenue-trend", "Revenue Trend (2x)"),
+  M("avg-order", "Avg Order Value"),
+  M("new-customers", "New Customers"),
+  M("top-salesperson", "Top Salesperson"),
+  te("order-trend", "Order Trend (2x)"),
+  M("repeat-rate", "Repeat Rate"),
+  M("open-orders", "Open Orders"),
+  M("shipped-orders", "Shipped Orders")
+], Kt = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, Vt = {
+}, Wt = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, Ut = {
+}, Zt = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -1513,15 +1529,15 @@ const Yt = [
   currentPage: 0,
   totalPages: 3
 };
-function K(e) {
-  return R.createElement("span", { style: { fontSize: 14 } }, e);
+function Z(e) {
+  return I.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const jt = [
+const Yt = [
   {
     id: "all-orders",
     type: "orders",
     name: "All Orders",
-    icon: K("📋"),
+    icon: Z("📋"),
     closable: !1,
     autoCreated: !0
   },
@@ -1529,17 +1545,17 @@ const jt = [
     id: "open-orders",
     type: "orders",
     name: "Open Orders",
-    icon: K("📦"),
+    icon: Z("📦"),
     closable: !0
   },
   {
     id: "shipped-orders",
     type: "orders",
     name: "Shipped Orders",
-    icon: K("🚚"),
+    icon: Z("🚚"),
     closable: !0
   }
-], Qt = [
+], qt = [
   {
     id: "orders-main",
     type: "orders",
@@ -1565,7 +1581,7 @@ const jt = [
     name: "Customers",
     closable: !0
   }
-], Xt = [
+], Vt = [
   {
     id: "only-tab",
     type: "orders",
@@ -1573,7 +1589,7 @@ const jt = [
     closable: !1,
     autoCreated: !0
   }
-], Jt = [
+], Ut = [
   { 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 },
@@ -1585,7 +1601,7 @@ const jt = [
   { id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
   { id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
 ];
-function Y(e) {
+function V(e) {
   switch (e) {
     case "wide":
       return { cols: 2, rows: 1 };
@@ -1596,24 +1612,24 @@ function Y(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function Ye(e) {
+function He(e) {
   let t = 0;
   for (const a of e) {
-    const n = Y(a.size), o = a.gridPosition.col + n.cols - 1;
+    const n = V(a.size), o = a.gridPosition.col + n.cols - 1;
     o > t && (t = o);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const qe = function(t) {
+const ze = function(t) {
   if (t.renderMode === "discrete")
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ c(
       "div",
       {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
         children: t.cards.map((n) => {
-          const o = Y(n.size);
-          return /* @__PURE__ */ d(
+          const o = V(n.size);
+          return /* @__PURE__ */ c(
             "div",
             {
               className: "gloss-metric-group__slot",
@@ -1629,7 +1645,7 @@ const qe = function(t) {
       }
     );
   const { cards: r, composite: a } = t;
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ P(
     "div",
     {
       className: "gloss-metric-group gloss-metric-group--composite",
@@ -1648,16 +1664,16 @@ const qe = function(t) {
       "aria-label": a?.label,
       tabIndex: void 0,
       children: [
-        a?.accentColor && /* @__PURE__ */ d(
+        a?.accentColor && /* @__PURE__ */ c(
           "div",
           {
             className: "gloss-metric-group__accent",
             style: { background: a.accentColor }
           }
         ),
-        a?.label && /* @__PURE__ */ _("div", { className: "gloss-metric-group__label", children: [
-          /* @__PURE__ */ d("span", { children: a.label }),
-          a?.trend && /* @__PURE__ */ d(
+        a?.label && /* @__PURE__ */ P("div", { className: "gloss-metric-group__label", children: [
+          /* @__PURE__ */ c("span", { children: a.label }),
+          a?.trend && /* @__PURE__ */ c(
             "span",
             {
               className: "gloss-metric-group__trend",
@@ -1666,18 +1682,18 @@ const qe = function(t) {
             }
           )
         ] }),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ c(
           "div",
           {
             className: "gloss-metric-group__slots",
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: Ye(r)
+              gridTemplateColumns: He(r)
             },
             children: r.map((n) => {
-              const o = Y(n.size);
-              return /* @__PURE__ */ d(
+              const o = V(n.size);
+              return /* @__PURE__ */ c(
                 "div",
                 {
                   className: "gloss-metric-group__slot--composite",
@@ -1696,7 +1712,7 @@ const qe = function(t) {
     }
   );
 };
-qe.displayName = "MetricGroupContainer";
+ze.displayName = "MetricGroupContainer";
 const L = {
   "gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
   "gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
@@ -1705,44 +1721,44 @@ const L = {
   "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 Ve({
+function Ke({
   message: e,
   primaryAction: t,
   onDismiss: r,
   anchorEl: a,
   anchorSelector: n
 }) {
-  const [o, s] = R.useState(null), u = R.useMemo(
+  const [o, s] = I.useState(null), d = I.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
-  R.useEffect(() => {
+  I.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]), R.useLayoutEffect(() => {
-    let b = null;
-    if (a ? b = a : n && (b = document.querySelector(n)), b) {
-      const D = b.getBoundingClientRect();
+  }, [a, n]), I.useLayoutEffect(() => {
+    let p = null;
+    if (a ? p = a : n && (p = document.querySelector(n)), p) {
+      const b = p.getBoundingClientRect();
       s({
-        top: D.bottom + window.scrollY + 6,
-        left: D.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__ */ _(
+  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": u ? "true" : void 0,
+      "data-reduced-motion": d ? "true" : void 0,
       children: [
-        /* @__PURE__ */ d("span", { className: L["gloss-inline-nudge__message"], children: e }),
-        /* @__PURE__ */ _("div", { className: L["gloss-inline-nudge__actions"], children: [
-          /* @__PURE__ */ d(
+        /* @__PURE__ */ c("span", { className: L["gloss-inline-nudge__message"], children: e }),
+        /* @__PURE__ */ P("div", { className: L["gloss-inline-nudge__actions"], children: [
+          /* @__PURE__ */ c(
             "button",
             {
               type: "button",
@@ -1751,7 +1767,7 @@ function Ve({
               children: t.label
             }
           ),
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ c(
             "button",
             {
               type: "button",
@@ -1766,80 +1782,80 @@ function Ve({
     }
   );
 }
-Ve.displayName = "InlineNudge";
+Ke.displayName = "InlineNudge";
 function le(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function Ue(e, t, r) {
-  const a = r - t || 1, o = [...e].sort((s, u) => s.value - u.value).map((s) => {
-    const u = (s.value - t) / a * 100;
-    return `${le(s)} ${u.toFixed(2)}%`;
+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)}%`;
   });
   return o.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : o.length === 1 ? `linear-gradient(to right, ${o[0]}, ${o[0]})` : `linear-gradient(to right, ${o.join(", ")})`;
 }
-function je({
+function Ze({
   stops: e,
   onChange: t,
   min: r = 0,
   max: a = 100,
   disabled: n = !1
 }) {
-  const o = F(null), [s, u] = M(null), [m, b] = M(e), D = F(e);
-  D.current !== e && (D.current = e, b(e));
-  const N = Ce(() => Ue(m, r, a), [m, r, a]), g = p(
+  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 f = o.current.getBoundingClientRect(), w = Math.max(0, Math.min(1, (i - f.left) / f.width)), v = r + w * (a - r);
-      return Math.round(v * 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 = p(
-    (i, f) => {
-      const w = m.find((v) => v.id === f);
-      n || w?.disabled || (typeof i.currentTarget.setPointerCapture == "function" && i.currentTarget.setPointerCapture(i.pointerId), u(f));
+  ), l = f(
+    (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]
-  ), h = p(
+    [n, u]
+  ), h = f(
     (i) => {
       if (!s) return;
-      const f = g(i.clientX);
-      b(
-        (w) => w.map((v) => v.id === s ? { ...v, value: f } : v)
+      const v = g(i.clientX);
+      p(
+        (N) => N.map((y) => y.id === s ? { ...y, value: v } : y)
       );
     },
     [s, g]
-  ), S = p(
+  ), S = f(
     (i) => {
       if (!s) return;
-      const f = g(i.clientX), w = m.map(
-        (v) => v.id === s ? { ...v, value: f } : v
+      const v = g(i.clientX), N = u.map(
+        (y) => y.id === s ? { ...y, value: v } : y
       );
-      b(w), u(null), t(w);
+      p(N), d(null), t(N);
     },
-    [s, g, m, t]
-  ), x = a - r || 1;
-  return /* @__PURE__ */ d("div", { className: "gloss-threshold-ramp", "data-disabled": n || void 0, children: /* @__PURE__ */ d(
+    [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",
     {
       ref: o,
       className: "gloss-threshold-ramp__track",
-      style: { background: N },
+      style: { background: D },
       onPointerMove: h,
       onPointerUp: S,
       onPointerLeave: S,
-      children: m.map((i) => {
-        const f = (i.value - r) / x * 100;
-        return /* @__PURE__ */ d(
+      children: u.map((i) => {
+        const v = (i.value - r) / T * 100;
+        return /* @__PURE__ */ c(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
-              left: `${f}%`,
+              left: `${v}%`,
               color: le(i)
             },
             "data-disabled": i.disabled || void 0,
             "data-dragging": s === i.id || void 0,
-            onPointerDown: (w) => l(w, i.id),
+            onPointerDown: (N) => l(N, i.id),
             "aria-label": i.label ?? `Stop at ${i.value}`,
             role: "slider",
             "aria-valuenow": i.value,
@@ -1853,16 +1869,16 @@ function je({
     }
   ) });
 }
-je.displayName = "ThresholdRamp";
-const de = ye(null);
-function Qe() {
-  return De(de);
+Ze.displayName = "ThresholdRamp";
+const de = be(null);
+function Ye() {
+  return he(de);
 }
-function Xe({ option: e }) {
-  const t = Qe(), r = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, n = p(() => {
+function qe({ option: e }) {
+  const t = Ye(), r = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, n = f(() => {
     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__ */ d(
+  return /* @__PURE__ */ c(
     "button",
     {
       type: "button",
@@ -1879,7 +1895,7 @@ function Xe({ option: e }) {
     }
   );
 }
-function Je({
+function Ve({
   swatches: e,
   value: t,
   defaultValue: r,
@@ -1887,22 +1903,22 @@ function Je({
   disabled: n = !1,
   name: o
 }) {
-  const s = t !== void 0, [u, m] = M(r), b = s ? t : u, D = p(
+  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]
-  ), N = p(
-    (l) => b === l,
-    [b]
+  ), D = f(
+    (l) => p === l,
+    [p]
   ), g = {
-    selectedValue: b,
-    select: D,
-    isSelected: N,
+    selectedValue: p,
+    select: b,
+    isSelected: D,
     groupDisabled: n,
     name: o
   };
-  return /* @__PURE__ */ d(de.Provider, { value: g, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(de.Provider, { value: g, children: /* @__PURE__ */ c(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -1910,99 +1926,99 @@ function Je({
       "aria-label": o,
       "aria-disabled": n,
       "data-disabled": n || void 0,
-      children: e.map((l) => /* @__PURE__ */ d(Xe, { option: l }, l.value))
+      children: e.map((l) => /* @__PURE__ */ c(qe, { option: l }, l.value))
     }
   ) });
 }
-Je.displayName = "PresetSwatchRow";
-function q(e, t) {
+Ve.displayName = "PresetSwatchRow";
+function U(e, t) {
   for (const r of e)
     if (r.items.some((a) => a.id === t))
       return r.zoneKey;
   return null;
 }
-function re(e, t) {
+function ae(e, t) {
   const r = e.find((a) => a.zoneKey === t);
-  return r ? r.zoneKey : q(e, t);
+  return r ? r.zoneKey : U(e, t);
 }
-function et(e, t, r) {
+function Ue(e, t, r) {
   const a = [...e], [n] = a.splice(t, 1);
   return a.splice(r, 0, n), a;
 }
-function tt(e) {
-  const [t, r] = M(() => e.zones), [a, n] = M(null), [o, s] = M(null), u = F(null), m = F(e.onZoneChange);
-  m.current = e.onZoneChange;
-  const b = p(
+function je(e) {
+  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 x = null, i = null;
-      for (const f of t) {
-        const w = f.items.find((v) => v.id === S);
-        if (w) {
-          x = w, i = f.zoneKey;
+      let T = null, i = null;
+      for (const v of t) {
+        const N = v.items.find((y) => y.id === S);
+        if (N) {
+          T = N, i = v.zoneKey;
           break;
         }
       }
-      u.current = i, n(x), s(i);
+      d.current = i, n(T), s(i);
     },
     [t]
-  ), D = p(
+  ), b = f(
     (h) => {
       if (!h.over) {
-        s(u.current);
+        s(d.current);
         return;
       }
-      const S = re(t, h.over.id);
+      const S = ae(t, h.over.id);
       s(S);
     },
     [t]
-  ), N = p(
+  ), D = f(
     (h) => {
-      const { active: S, over: x } = h, i = () => {
-        u.current = null, n(null), s(null);
+      const { active: S, over: T } = h, i = () => {
+        d.current = null, n(null), s(null);
       };
-      if (!x) {
+      if (!T) {
         i();
         return;
       }
-      const f = q(t, S.id), w = re(t, x.id);
-      if (!f || !w) {
+      const v = U(t, S.id), N = ae(t, T.id);
+      if (!v || !N) {
         i();
         return;
       }
-      let v = t.map((k) => ({ ...k, items: [...k.items] }));
-      if (f === w) {
-        const k = v.findIndex((T) => T.zoneKey === f), c = v[k], y = c.items.findIndex((T) => T.id === S.id), C = c.items.findIndex((T) => T.id === x.id), O = C >= 0 ? C : c.items.length - 1;
-        v[k] = {
-          ...c,
-          items: et(c.items, y, 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 k = v.findIndex((I) => I.zoneKey === f), c = v.findIndex((I) => I.zoneKey === w), y = v[k], C = v[c], O = y.items.find((I) => I.id === S.id), T = y.items.filter((I) => I.id !== S.id), E = C.items.findIndex((I) => I.id === x.id), B = E >= 0 ? E : C.items.length;
-        let X = T, A = [...C.items];
+        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 I = A[A.length - 1];
-          A = A.slice(0, C.maxItems - 1), X = [...T, I];
+          const _ = A[A.length - 1];
+          A = A.slice(0, C.maxItems - 1), Q = [...k, _];
         }
-        const J = Math.min(B, A.length), fe = [
-          ...A.slice(0, J),
+        const X = Math.min(G, A.length), me = [
+          ...A.slice(0, X),
           O,
-          ...A.slice(J)
+          ...A.slice(X)
         ];
-        v[k] = { ...y, items: X }, v[c] = { ...C, items: fe };
+        y[x] = { ...w, items: Q }, y[m] = { ...C, items: me };
       }
-      r(v), m.current?.(v), i();
+      r(y), u.current?.(y), i();
     },
     [t]
-  ), g = p(
+  ), g = f(
     (h) => ({
       id: h,
       "data-zone-key": h
     }),
     []
-  ), l = p(
+  ), l = f(
     (h) => {
-      const S = q(t, h.id) ?? "";
+      const S = U(t, h.id) ?? "";
       return {
         id: h.id,
         "data-item-id": h.id,
@@ -2017,358 +2033,390 @@ function tt(e) {
     activeItem: a,
     getZoneProps: g,
     getItemProps: l,
-    handleDragStart: b,
-    handleDragOver: D,
-    handleDragEnd: N
+    handleDragStart: p,
+    handleDragOver: b,
+    handleDragEnd: D
   };
 }
-let j = null, ce = null, ue = null, V = null, me = null, ge = null, pe = null, Q = null, be = null;
-try {
-  const e = require("@dnd-kit/core");
-  j = e.DndContext, ce = e.DragOverlay, ue = e.useSensors, V = e.useSensor, me = e.PointerSensor, ge = e.KeyboardSensor, pe = e.closestCenter;
-} catch {
-}
-try {
-  const e = require("@dnd-kit/sortable");
-  Q = e.SortableContext, be = e.verticalListSortingStrategy;
-} catch {
+let $ = null, z = null, re = !1;
+function Qe() {
+  return $ ? Promise.resolve($) : re ? Promise.resolve(null) : z || (z = (async () => {
+    try {
+      const [e, t, r] = await Promise.all([
+        import("@dnd-kit/core"),
+        import("@dnd-kit/sortable"),
+        import("@dnd-kit/utilities").catch(() => ({}))
+      ]);
+      return $ = {
+        core: e,
+        sortable: t,
+        utilities: r
+      }, $;
+    } catch {
+      return re = !0, null;
+    }
+  })(), z);
 }
-function at(e) {
-  const { zones: t, onZoneChange: r, renderZone: a, renderItem: n, renderDragOverlay: o } = e, s = tt({ zones: t, onZoneChange: r });
-  return !j || !Q ? /* @__PURE__ */ d("div", { "data-sortable-zones-passive": "true", children: s.zones.map((u) => /* @__PURE__ */ d("div", { ...s.getZoneProps(u.zoneKey), children: a(u.zoneKey, u.items) }, u.zoneKey)) }) : /* @__PURE__ */ d(
-    he,
+function Xe(e) {
+  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 p = !0;
+    return Qe().then((b) => {
+      p && u(b);
+    }), () => {
+      p = !1;
+    };
+  }, [d]), d ? /* @__PURE__ */ c(
+    ce,
     {
       state: s,
+      modules: d,
       renderZone: a,
       renderItem: n,
       renderDragOverlay: o
     }
-  );
+  ) : /* @__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);
+  }) });
 }
-at.displayName = "SortableZones";
-function he({
+Xe.displayName = "SortableZones";
+function ce({
   state: e,
-  renderZone: t,
-  renderItem: r,
-  renderDragOverlay: a
+  modules: t,
+  renderZone: r,
+  renderItem: a,
+  renderDragOverlay: n
 }) {
-  const n = ue(
-    V(me, { activationConstraint: { distance: 5 } }),
-    V(ge)
-  ), o = j, s = ce, u = Q;
-  return /* @__PURE__ */ _(
-    o,
+  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)
+  ), v = u, N = p, y = S;
+  return /* @__PURE__ */ P(
+    v,
     {
-      sensors: n,
-      collisionDetection: pe,
+      sensors: i,
+      collisionDetection: h,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((m) => {
-          const b = m.items.map((D) => D.id);
-          return /* @__PURE__ */ d("div", { ...e.getZoneProps(m.zoneKey), children: /* @__PURE__ */ d(
-            u,
+        e.zones.map((x) => {
+          const m = x.items.map((C) => C.id), w = x.items.map((C) => /* @__PURE__ */ c(
+            ue,
             {
-              items: b,
-              strategy: be,
-              children: t(m.zoneKey, m.items)
-            }
-          ) }, m.zoneKey);
+              id: C.id,
+              useSortable: s.useSortable,
+              cssHelper: d.CSS,
+              children: a(C)
+            },
+            C.id
+          ));
+          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__ */ d(s, { children: e.activeItem ? a?.(e.activeItem) ?? r(e.activeItem) : null })
+        /* @__PURE__ */ c(N, { children: e.activeItem ? n?.(e.activeItem) ?? a(e.activeItem) : null })
       ]
     }
   );
 }
-he.displayName = "SortableZonesInner";
-const rt = R.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
+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: p } = t({ id: e }), b = {
+    transform: r?.Transform?.toString(d) ?? void 0,
+    transition: u,
+    opacity: p ? 0.5 : 1
+  };
+  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) => {
   const n = { ...r };
-  return delete n.className, delete n.style, /* @__PURE__ */ d("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...n, children: /* @__PURE__ */ d(U, { region: "toolbar", density: e, children: t }) });
+  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 }) });
 });
-rt.displayName = "ContainerToolbar";
-const nt = R.forwardRef(({ legend: e, description: t, density: r = "default", children: a, ...n }, o) => {
+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__ */ _("fieldset", { ref: o, className: "gloss-container-form-section", ...s, children: [
-    e && /* @__PURE__ */ d("legend", { className: "gloss-container-form-section__legend", children: e }),
-    t && /* @__PURE__ */ d("p", { className: "gloss-container-form-section__description", children: t }),
-    /* @__PURE__ */ d(U, { region: "form-section", density: r, children: a })
+  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 })
   ] });
 });
-nt.displayName = "ContainerFormSection";
-const ot = R.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
+et.displayName = "ContainerFormSection";
+const tt = I.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
   const n = { ...r };
-  return delete n.className, delete n.style, /* @__PURE__ */ d("div", { ref: a, className: "gloss-container-table", ...n, children: /* @__PURE__ */ d(U, { region: "table", density: e, children: t }) });
+  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 }) });
 });
-ot.displayName = "ContainerTable";
+tt.displayName = "ContainerTable";
 export {
-  aa as Accordion,
-  ra as AccordionContent,
-  na as AccordionItem,
-  oa as AccordionTrigger,
-  sa as Actionable,
-  ia as AddressGroup,
-  la as AddressSelect,
-  da as AsyncLoader,
-  ca as Autocomplete,
-  ua as Badge,
-  ma as BarChartCard,
-  ga as BarsBg,
-  pa as Button,
-  ba as ButtonGroup,
-  ha as ButtonGroupContext,
-  fa as Card,
-  va as CardActions,
-  Ca as CardBack,
-  ya as CardBody,
-  Da as CardFooter,
-  wa as CardHeader,
-  Na as CardMedia,
-  Sa as CardShell,
-  xa as CardSubtitle,
-  Ta as CardTitle,
-  ka as ChartControlBar,
-  Ia as Checkbox,
-  _a as CheckboxGroup,
-  Ra as Chip,
-  Ma as ColorPicker,
-  Pa as ComparisonCard,
-  Fa as ContactForm,
-  Oa as ContainerCard,
-  Aa as ContainerCardActions,
-  Ea as ContainerCardBody,
-  La as ContainerCardFooter,
-  Ba as ContainerCardHeader,
-  Ga as ContainerCardMedia,
-  za as ContainerCardSubtitle,
-  Ha as ContainerCardTitle,
-  $a as ContainerDialog,
-  Ka as ContainerDialogActions,
-  Wa as ContainerDialogBody,
-  Za as ContainerDialogHeader,
-  nt as ContainerFormSection,
-  Ya as ContainerPanel,
-  ot as ContainerTable,
-  rt as ContainerToolbar,
-  qa as CreditCardForm,
-  Do as DEFAULT_MARKET_PRESETS,
-  wo as DEFAULT_PINNED,
-  Va as DataTable,
-  Ua as DatePicker,
-  ja as DateRangePicker,
-  Qa as DestructiveModal,
-  Xa as DirectionCard,
-  Ja as Dismissible,
-  er as DistributionCard,
-  tr as DonutChart,
-  ar as Dropdown,
-  rr as ENTITY_FILTER_KEYS,
-  nr as ENTITY_PROFILE_ROUTES,
-  or as ENTITY_TYPE_PLURAL,
-  Me as EdgeHoverHandle,
-  sr as EntityPicker,
-  ir as EntitySearchPanel,
-  lr as Expandable,
-  dr as ExpandableChip,
-  Nt as FLIP_AND_STAGE_TIMINGS,
-  cr as FileUpload,
-  ur as FilterChip,
-  mr as FilterInput,
-  gr as FlipAndStageProvider,
-  pr as Form,
-  br as FormDialog,
-  hr as FormField,
-  fr as FusedShape,
-  Pe as GhostPreview,
-  vr as GroupCheckbox,
-  Cr as GroupRadio,
-  yr as GutterActions,
-  Dr as HighlightCard,
-  wr as HybridDatePicker,
-  Nr as ImportWizard,
-  Ve as InlineNudge,
-  Sr as Input,
-  xr as InputAddon,
-  Tr as InputGroup,
-  kr as Link,
-  Ir as LoginForm,
-  _r as MarketPresetRow,
-  Rr as MaskPresets,
-  Mr as MaskedInput,
-  Pr as Menu,
-  Fr as MenuDivider,
-  Or as MenuGroup,
-  Ar as MenuItem,
-  Er as MergePrompt,
-  Lr as MetricCard,
-  Br as MetricCardGrid,
-  qe as MetricGroupContainer,
-  Gr as MiniCalendar,
-  zr as MultiSelect,
-  Hr as NumberInput,
-  $r as ObjectArrow,
-  Kr as OrderFilterBar,
-  No as PERIOD_OPTIONS,
-  Ge as PageChip,
+  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,
+  pa as Card,
+  ga 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,
+  Ra as ContainerCardActions,
+  Ma 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,
+  pr as FusedShape,
+  ke as GhostPreview,
+  gr 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,
+  Rr as MenuItem,
+  Mr 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,
-  Wr as PasswordInput,
-  Zr as PaymentForm,
-  Yr as PaymentMethodSelect,
-  qr as PhoneInput,
-  Vr as PinToMetric,
-  Je as PresetSwatchRow,
-  Ur as ProfileCard,
-  jr as ProgressCard,
-  Qr as QuickConfigPanel,
-  So as ROLLING_OPTIONS,
-  Xr as Radio,
-  Jr as RadioGroup,
-  en as RangeSlider,
-  tn as Rating,
-  an as RegistrationForm,
-  rn as Row1Controls,
-  nn as Row2FilterTray,
-  on as SearchInput,
-  sn as SegmentCard,
-  ln as SegmentedControl,
-  dn as Select,
-  cn as Selectable,
-  un as SimpleMetricCard,
-  mn as SimpleSelector,
-  gn as Skeleton,
-  pn as SkeletonCard,
-  bn as SkeletonChart,
-  hn as SkeletonTable,
-  fn as Slider,
-  vn as Sortable,
-  at as SortableZones,
-  Cn as SparklineBg,
-  yn as SplitButton,
-  Dn as StackedGroupCard,
-  wn as StatusModeCard,
-  Re as StatusSlotChipMenu,
-  Nn as Stepper,
-  xo as TODAY_PRESET,
-  Sn as TabGroup,
-  xn as TabbedDataView,
-  Tn as TagInput,
-  kn as Textarea,
-  je as ThresholdRamp,
-  In as TimeFrame,
-  _n as TimePicker,
-  Rn as Toggle,
-  Mn as Tooltip,
-  Pn as Transition,
-  Fn as TransitionGroup,
-  On as TrendCard,
-  An as TrendIndicator,
-  vo as UIContext,
-  U as UIContextProvider,
-  En as UnifiedBreakdownTable,
-  Ln as UnifiedContextMenu,
-  Bn as addressGroupMetadata,
-  Gn as addressSchema,
-  mt as allChips,
-  xt as allStateFixtures,
-  St as allVariantFixtures,
-  ht as blockSamples,
-  Dt as cardSamples,
-  Ct as chartSamples,
-  vt as circleSamples,
-  qt as compactLayout,
-  Et as compactState,
-  zn as contactFormMetadata,
-  Hn as contactSchema,
-  Lt as contextMenuFixtures,
-  $n as creditCardFormMetadata,
-  Kn as creditCardSchema,
-  Te as dateChip,
+  $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,
+  pn as Slider,
+  gn 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,
+  Rn as TrendIndicator,
+  go as UIContext,
+  j as UIContextProvider,
+  Mn 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,
+  gt as circleSamples,
+  Kt as compactLayout,
+  Mt as compactState,
+  En as contactFormMetadata,
+  Ln as contactSchema,
+  Ft as contextMenuFixtures,
+  Bn as creditCardFormMetadata,
+  Gn as creditCardSchema,
+  De as dateChip,
   ie as defaultControlBarState,
-  Wn as destructiveModalMetadata,
-  Zn as durations,
-  Yn as easings,
-  Ae as emptyFixture,
-  Se as entityChip,
-  Ke as entityNameActions,
-  pt as entityTabGroup,
-  Oe as errorFixture,
-  At as filteredState,
-  To as findPreset,
-  ko as formatDateRange,
-  Io as formatMarketDates,
-  _o as formatTrend,
-  Ro as formatValue,
-  Ut as fullLayout,
-  Mo as generateMarketId,
-  qn as generateTabId,
-  Po as getAllPresets,
-  Fo as getDateRangeForPreset,
-  Vn as getMenuActions,
-  Oo as getPresetLabel,
-  Un as getTransitionStyle,
-  Yt as gridCards,
-  jn as interpolate,
-  Ao as isInRange,
-  Eo as isMarketActive,
-  Lo as isSameDay,
-  Ot as itemColumns,
-  Pt as itemRows,
-  Fe as loadingFixture,
-  Qn as loginFormMetadata,
-  Xn as loginSchema,
-  ke as manufacturerChip,
-  Jt as manyTabs,
-  Jn as mergeHandlers,
-  eo as mergeRefs,
-  gt as metricTabGroup,
-  Qt as mixedTabs,
-  Bo as normalizePresetId,
-  Ze as numericActions,
-  Ft as orderColumns,
-  We as orderIdActions,
-  Mt as orderRows,
-  jt as ordersTabs,
-  to as parseNumericValue,
-  ao as paymentFormMetadata,
-  ro as paymentSchema,
-  no as presets,
-  oo as registrationFormMetadata,
-  so as registrationSchema,
-  Gt as sampleCompareRanges,
-  $t as sampleCustomMarkets,
-  Bt as sampleDateRange,
-  Kt as sampleMarketPresetData,
-  Ht as sampleMarkets,
-  Zt as samplePeriodPresets,
-  zt as samplePreferences,
-  Wt as samplePresets,
-  Xt as singleTab,
-  Tt as sparklineFixture,
-  kt as sparklineUpFixture,
-  Be as staleDonutFixture,
-  Ee as staleFixture,
-  Le as staleSparklineFixture,
-  It as standardFixture,
-  Rt as standardFlatFixture,
-  Vt as standardLayout,
-  _t as standardNegativeFixture,
-  xe as statusChip,
-  yt as tableSamples,
-  ft as textSamples,
-  bt as timeFrameTabGroup,
-  Go as toUppercasePresetId,
-  ut as useArrowNavigation,
-  io as useCheckboxGroupContext,
-  wt as useEdgeHoverResize,
-  lo as useFilterLayout,
-  co as useFlipAndStage,
-  uo as useFlipAndStageContext,
-  mo as useFlipAndStageContextOptional,
-  ct as useFocusReturn,
-  go as useFocusTrap,
-  po as useFormContext,
-  bo as useRadioGroupContext,
-  ho as useSlideOutReveal,
-  tt as useSortableZones,
-  Co as useUIContext
+  $n as destructiveModalMetadata,
+  Hn as durations,
+  zn as easings,
+  Pe as emptyFixture,
+  Ce as entityChip,
+  Be as entityNameActions,
+  ct as entityTabGroup,
+  _e as errorFixture,
+  Rt 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,
+  Ro as isInRange,
+  Mo 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,
+  Re as staleFixture,
+  Me as staleSparklineFixture,
+  St as standardFixture,
+  xt as standardFlatFixture,
+  Wt as standardLayout,
+  Tt as standardNegativeFixture,
+  ye as statusChip,
+  ht as tableSamples,
+  pt 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
 };