@mt-gloss/ui 0.0.42 → 0.0.44

package/index.js

@@ -1,160 +1,161 @@
-import { N as Na, T as Sa, O as ka, Q as xa, a3 as Ta, b6 as Ia, az as Ra, ah as _a, Z as Ma, an as Pa, K as Fa, a8 as Ea, bo as Oa, P as Aa, B as La, a as $a, y as Ba, H as Ka, bi as Ga, F as Ha, J as za, A as Va, z as Wa, bh as Za, E as Ua, D as Ya, bx as qa, b as ja, C as Qa, L as Xa, o as Ja, ad as en, aN as tn, y as an, H as nn, F as rn, J as on, A as sn, z as ln, E as dn, D as cn, a$ as un, b2 as mn, b1 as pn, b0 as gn, b3 as bn, aC as fn, a5 as hn, a4 as vn, aq as yn, k as wn, m as Cn, aF as Dn, ab as Nn, b8 as Sn, a9 as kn, bp as xn, Y as Tn, bH as In, bG as Rn, bI as _n, ap as Mn, aQ as Pn, ba as Fn, bM as En, bv as On, n as An, am as Ln, bB as $n, bs as Bn, a0 as Kn, ar as Gn, a2 as Hn, bA as zn, G as Vn, d as Wn, aa as Zn, bJ as Un, aT as Yn, r as qn, v as jn, I as Qn, g as Xn, aw as Jn, bN as er, M as tr, w as ar, U as nr, X as rr, V as or, W as sr, as as ir, bg as lr, bP as dr, bL as cr, ao as ur, t as mr, bq as pr, aS as gr, aj as br, aK as fr, ag as hr, al as vr, au as yr, aR as wr, ac as Cr, at as Dr, c as Nr, R as Sr, j as kr, p as xr, aH as Tr, by as Ir, bz as Rr, ai as _r, ae as Mr, h as Pr, x as Fr, b7 as Er, af as Or, bO as Ar, bc as Lr, bf as $r, bd as Br, be as Kr, i as Gr, b9 as Hr, bn as zr, S as Vr, bk as Wr, bl as Zr, av as Ur, bb as Yr, bQ as qr, ak as jr, s as Qr, bK as Xr, l as Jr, f as eo, q as to, _ as ao, $ as no, a7 as ro, bj as oo, bw as so, bD as io, aA as lo, aB as co, a6 as uo, aO as mo, aP as po, aD as go, aE as bo, aG as fo, aV as ho, aW as vo, bF as yo, bE as wo, aY as Co, aZ as Do, ax as No, ay as So, b5 as ko, b4 as xo, a_ as To, aL as Io, aM as Ro, aX as _o, aI as Mo, aJ as Po, u as Fo, bC as Eo, br as Oo, bt as Ao, bu as Lo, aU as $o, a1 as Bo, e as Ko, bm as Go } from "./Expandable-BdC9RXOI.js";
-import { jsxs as O, jsx as g } from "react/jsx-runtime";
-import F, { useRef as M, useEffect as P, useState as E, useCallback as y, forwardRef as ve, useMemo as ee, createContext as ye, useContext as we } from "react";
-import { B as Ce, U as te } from "./UIContext-C3E-k7HI.js";
-import { a as zo, u as Vo } from "./UIContext-C3E-k7HI.js";
-import { createPortal as De } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as Zo, DEFAULT_PINNED as Uo, PERIOD_OPTIONS as Yo, ROLLING_OPTIONS as qo, TODAY_PRESET as jo, findPreset as Qo, formatDateRange as Xo, formatMarketDates as Jo, formatTrend as es, formatValue as ts, generateMarketId as as, getAllPresets as ns, getDateRangeForPreset as rs, getPresetLabel as os, isInRange as ss, isMarketActive as is, isSameDay as ls, normalizePresetId as ds, toUppercasePresetId as cs } from "@mt-gloss/utils";
-import Ne from "@mui/icons-material/AccessTime";
-import Se from "@mui/icons-material/Tune";
-import ke from "@mui/icons-material/ViewColumn";
-import xe from "@mui/icons-material/AspectRatio";
-import Te from "@mui/icons-material/Palette";
-import Ie from "@mui/icons-material/PushPin";
-function Mt(e = {}) {
+import { N as Ja, T as en, O as tn, Q as an, a3 as nn, b6 as rn, az as sn, ah as on, Z as ln, an as dn, K as cn, a8 as un, bo as mn, P as pn, B as gn, a as fn, y as bn, H as hn, bi as vn, F as yn, J as wn, A as Dn, z as Cn, bh as Nn, E as kn, D as xn, bx as Sn, b as Tn, C as _n, L as In, o as Rn, ad as Mn, aN as Pn, y as Fn, H as En, F as On, J as An, A as Ln, z as $n, E as Bn, D as Kn, a$ as Gn, b2 as Vn, b1 as Hn, b0 as zn, b3 as Wn, aC as Zn, a5 as Un, a4 as Yn, aq as qn, k as jn, m as Xn, aF as Qn, ab as Jn, b8 as er, a9 as tr, bp as ar, Y as nr, bH as rr, bG as sr, bI as or, ap as ir, aQ as lr, ba as dr, bM as cr, bv as ur, n as mr, am as pr, bB as gr, bs as fr, a0 as br, ar as hr, a2 as vr, bA as yr, G as wr, d as Dr, aa as Cr, bJ as Nr, aT as kr, r as xr, v as Sr, I as Tr, g as _r, aw as Ir, bN as Rr, M as Mr, w as Pr, U as Fr, X as Er, V as Or, W as Ar, as as Lr, bg as $r, bP as Br, bL as Kr, ao as Gr, t as Vr, bq as Hr, aS as zr, aj as Wr, aK as Zr, ag as Ur, al as Yr, au as qr, aR as jr, ac as Xr, at as Qr, c as Jr, R as es, j as ts, p as as, aH as ns, by as rs, bz as ss, ai as os, ae as is, h as ls, x as ds, b7 as cs, af as us, bO as ms, bc as ps, bf as gs, bd as fs, be as bs, i as hs, b9 as vs, bn as ys, S as ws, bk as Ds, bl as Cs, av as Ns, bb as ks, bQ as xs, ak as Ss, s as Ts, bK as _s, l as Is, f as Rs, q as Ms, _ as Ps, $ as Fs, a7 as Es, bj as Os, bw as As, bD as Ls, aA as $s, aB as Bs, a6 as Ks, aO as Gs, aP as Vs, aD as Hs, aE as zs, aG as Ws, aV as Zs, aW as Us, bF as Ys, bE as qs, aY as js, aZ as Xs, ax as Qs, ay as Js, b5 as eo, b4 as to, a_ as ao, aL as no, aM as ro, aX as so, aI as oo, aJ as io, u as lo, bC as co, br as uo, bt as mo, bu as po, aU as go, a1 as fo, e as bo, bm as ho } from "./Expandable-BdC9RXOI.js";
+import { jsxs as E, jsx as c } from "react/jsx-runtime";
+import G, { useRef as M, useEffect as A, useState as B, useCallback as v, forwardRef as Fe, useMemo as J, createContext as Ee, useContext as Oe } from "react";
+import { motion as De, useMotionValue as Ae, animate as fe, useDragControls as Le } from "framer-motion";
+import { B as $e, U as ge } from "./UIContext-C3E-k7HI.js";
+import { a as yo, u as wo } from "./UIContext-C3E-k7HI.js";
+import { createPortal as Be } from "react-dom";
+import { DEFAULT_MARKET_PRESETS as Co, DEFAULT_PINNED as No, PERIOD_OPTIONS as ko, ROLLING_OPTIONS as xo, TODAY_PRESET as So, findPreset as To, formatDateRange as _o, formatMarketDates as Io, formatTrend as Ro, formatValue as Mo, generateMarketId as Po, getAllPresets as Fo, getDateRangeForPreset as Eo, getPresetLabel as Oo, isInRange as Ao, isMarketActive as Lo, isSameDay as $o, normalizePresetId as Bo, toUppercasePresetId as Ko } from "@mt-gloss/utils";
+import Ke from "@mui/icons-material/AccessTime";
+import Ge from "@mui/icons-material/Tune";
+import Ve from "@mui/icons-material/ViewColumn";
+import He from "@mui/icons-material/AspectRatio";
+import ze from "@mui/icons-material/Palette";
+import We from "@mui/icons-material/PushPin";
+function ia(e = {}) {
   const { enabled: t = !0, returnTo: n } = e, a = M(null);
-  return P(() => {
+  return A(() => {
     t && (a.current = n || document.activeElement);
-  }, [t, n]), P(() => () => {
+  }, [t, n]), A(() => () => {
     t && a.current && setTimeout(() => {
       a.current?.focus?.();
     }, 0);
   }, [t]), a;
 }
-function Pt(e) {
+function la(e) {
   const {
     items: t,
     activeIndex: n,
     onActiveIndexChange: a,
-    loop: o = !0,
-    orientation: s = "vertical",
-    enabled: l = !0,
-    isItemDisabled: c,
-    onSelect: b,
+    loop: r = !0,
+    orientation: o = "vertical",
+    enabled: i = !0,
+    isItemDisabled: p,
+    onSelect: h,
     onEscape: u
-  } = e, [w, C] = E(-1), i = n !== void 0 ? n : w, d = y(
-    (r) => {
-      n === void 0 && C(r), a?.(r);
+  } = e, [b, y] = B(-1), l = n !== void 0 ? n : b, d = v(
+    (s) => {
+      n === void 0 && y(s), a?.(s);
     },
     [n, a]
-  ), S = y(() => t.map((r, p) => ({ item: r, index: p })).filter(({ item: r, index: p }) => !c?.(r, p)).map(({ index: r }) => r), [t, c]), k = y(
-    (r, p) => {
-      const f = S();
-      if (f.length === 0) return -1;
-      const D = f.indexOf(r);
-      if (D === -1)
-        return p === 1 ? f.find((R) => R > r) ?? (o ? f[0] : -1) : [...f].reverse().find((_) => _ < r) ?? (o ? f[f.length - 1] : -1);
-      let N = D + p;
-      return o ? N = (N + f.length) % f.length : N = Math.max(0, Math.min(f.length - 1, N)), f[N];
+  ), w = v(() => t.map((s, m) => ({ item: s, index: m })).filter(({ item: s, index: m }) => !p?.(s, m)).map(({ index: s }) => s), [t, p]), I = v(
+    (s, m) => {
+      const D = w();
+      if (D.length === 0) return -1;
+      const k = D.indexOf(s);
+      if (k === -1)
+        return m === 1 ? D.find((R) => R > s) ?? (r ? D[0] : -1) : [...D].reverse().find((P) => P < s) ?? (r ? D[D.length - 1] : -1);
+      let x = k + m;
+      return r ? x = (x + D.length) % D.length : x = Math.max(0, Math.min(D.length - 1, x)), D[x];
     },
-    [S, o]
-  ), m = y(() => {
-    const r = S();
-    r.length > 0 && d(r[0]);
-  }, [S, d]), x = y(() => {
-    const r = S();
-    r.length > 0 && d(r[r.length - 1]);
-  }, [S, d]), I = y(() => {
-    const r = k(i, 1);
-    r !== -1 && d(r);
-  }, [i, k, d]), v = y(() => {
-    const r = k(i, -1);
-    r !== -1 && d(r);
-  }, [i, k, d]), T = y(() => {
+    [w, r]
+  ), g = v(() => {
+    const s = w();
+    s.length > 0 && d(s[0]);
+  }, [w, d]), S = v(() => {
+    const s = w();
+    s.length > 0 && d(s[s.length - 1]);
+  }, [w, d]), C = v(() => {
+    const s = I(l, 1);
+    s !== -1 && d(s);
+  }, [l, I, d]), f = v(() => {
+    const s = I(l, -1);
+    s !== -1 && d(s);
+  }, [l, I, d]), T = v(() => {
     d(-1);
-  }, [d]), h = y(
-    (r) => {
-      if (!l) return;
-      const { key: p } = r, f = p === "ArrowUp" && (s === "vertical" || s === "both"), D = p === "ArrowDown" && (s === "vertical" || s === "both"), N = p === "ArrowLeft" && (s === "horizontal" || s === "both"), R = p === "ArrowRight" && (s === "horizontal" || s === "both");
-      if (f || N) {
-        r.preventDefault(), i === -1 ? x() : v();
+  }, [d]), _ = v(
+    (s) => {
+      if (!i) return;
+      const { key: m } = s, D = m === "ArrowUp" && (o === "vertical" || o === "both"), k = m === "ArrowDown" && (o === "vertical" || o === "both"), x = m === "ArrowLeft" && (o === "horizontal" || o === "both"), R = m === "ArrowRight" && (o === "horizontal" || o === "both");
+      if (D || x) {
+        s.preventDefault(), l === -1 ? S() : f();
         return;
       }
-      if (D || R) {
-        r.preventDefault(), i === -1 ? m() : I();
+      if (k || R) {
+        s.preventDefault(), l === -1 ? g() : C();
         return;
       }
-      if (p === "Home") {
-        r.preventDefault(), m();
+      if (m === "Home") {
+        s.preventDefault(), g();
         return;
       }
-      if (p === "End") {
-        r.preventDefault(), x();
+      if (m === "End") {
+        s.preventDefault(), S();
         return;
       }
-      if ((p === "Enter" || p === " ") && i >= 0 && i < t.length) {
-        r.preventDefault();
-        const _ = t[i];
-        c?.(_, i) || b?.(_, i);
+      if ((m === "Enter" || m === " ") && l >= 0 && l < t.length) {
+        s.preventDefault();
+        const P = t[l];
+        p?.(P, l) || h?.(P, l);
         return;
       }
-      if (p === "Escape") {
+      if (m === "Escape") {
         u?.();
         return;
       }
     },
     [
-      l,
-      s,
       i,
+      o,
+      l,
       t,
-      m,
-      x,
-      I,
-      v,
-      c,
-      b,
+      g,
+      S,
+      C,
+      f,
+      p,
+      h,
       u
     ]
   );
   return {
-    focusedIndex: i,
+    focusedIndex: l,
     setFocusedIndex: d,
-    handleKeyDown: h,
-    focusFirst: m,
-    focusLast: x,
-    focusNext: I,
-    focusPrevious: v,
+    handleKeyDown: _,
+    focusFirst: g,
+    focusLast: S,
+    focusNext: C,
+    focusPrevious: f,
     resetFocus: T
   };
 }
-const W = (e) => {
-}, Re = {
+const re = (e) => {
+}, Ze = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
-  onRemove: W
-}, _e = {
+  onRemove: re
+}, Ue = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
-  onRemove: W
-}, Me = {
+  onRemove: re
+}, Ye = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
-  onRemove: W
-}, Pe = {
+  onRemove: re
+}, qe = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
-  onRemove: W
-}, Ft = [
-  Re,
-  _e,
-  Me,
-  Pe
-], Et = {
+  onRemove: re
+}, da = [
+  Ze,
+  Ue,
+  Ye,
+  qe
+], ca = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, Ot = {
+}, ua = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -162,7 +163,7 @@ const W = (e) => {
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, At = {
+}, ma = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -170,30 +171,30 @@ const W = (e) => {
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, Lt = [
+}, pa = [
   { 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 }
-], $t = [
+], ga = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], Bt = [
+], fa = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], Kt = [
+], ba = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], Gt = [
+], ha = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], Ht = [
+], va = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
-], re = {
+], be = {
   position: "fixed",
   zIndex: 9999,
   background: "rgba(255,255,255,0.92)",
@@ -205,7 +206,7 @@ const W = (e) => {
   minWidth: 148,
   paddingTop: 4,
   paddingBottom: 4
-}, q = (e) => ({
+}, de = (e) => ({
   padding: "6px 12px",
   fontSize: 12,
   lineHeight: 1.4,
@@ -219,91 +220,91 @@ const W = (e) => {
   width: "100%",
   textAlign: "left",
   border: "none"
-}), Fe = (e) => ({
-  ...q(e),
+}), je = (e) => ({
+  ...de(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), Ee = {
+}), Xe = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function Oe({
+function Qe({
   open: e,
   anchorEl: t,
   statusId: n,
   onOpenInTable: a,
-  onShowOnGraph: o,
-  overflowActions: s,
-  onClose: l
+  onShowOnGraph: r,
+  overflowActions: o,
+  onClose: i
 }) {
-  const [c, b] = E(null), u = M(null), w = y(() => {
-    if (!t) return { ...re, top: 0, left: 0 };
+  const [p, h] = B(null), u = M(null), b = v(() => {
+    if (!t) return { ...be, top: 0, left: 0 };
     const d = t.getBoundingClientRect();
     return {
-      ...re,
+      ...be,
       top: d.bottom + 4,
       left: d.left
     };
   }, [t]);
-  if (P(() => {
+  if (A(() => {
     if (!e) return;
-    const d = (S) => {
-      S.key === "Escape" && l();
+    const d = (w) => {
+      w.key === "Escape" && i();
     };
     return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
-  }, [e, l]), P(() => {
+  }, [e, i]), A(() => {
     if (!e) return;
-    const d = (S) => {
-      u.current && !u.current.contains(S.target) && l();
+    const d = (w) => {
+      u.current && !u.current.contains(w.target) && i();
     };
     return document.addEventListener("pointerdown", d, !0), () => document.removeEventListener("pointerdown", d, !0);
-  }, [e, l]), !e) return null;
-  const C = s && s.length > 0, i = /* @__PURE__ */ O(
+  }, [e, i]), !e) return null;
+  const y = o && o.length > 0, l = /* @__PURE__ */ E(
     "div",
     {
       ref: u,
       "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
-      style: w(),
+      style: b(),
       children: [
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
-            style: Fe(c === "__primary"),
-            onMouseEnter: () => b("__primary"),
-            onMouseLeave: () => b(null),
+            style: je(p === "__primary"),
+            onMouseEnter: () => h("__primary"),
+            onMouseLeave: () => h(null),
             onClick: () => {
-              a(n), l();
+              a(n), i();
             },
             children: "Open in table"
           }
         ),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
-            style: q(c === "__graph"),
-            onMouseEnter: () => b("__graph"),
-            onMouseLeave: () => b(null),
+            style: de(p === "__graph"),
+            onMouseEnter: () => h("__graph"),
+            onMouseLeave: () => h(null),
             onClick: () => {
-              o(n), l();
+              r(n), i();
             },
             children: "Show on graph"
           }
         ),
-        C && /* @__PURE__ */ g("div", { style: Ee }),
-        C && s?.map((d) => /* @__PURE__ */ g(
+        y && /* @__PURE__ */ c("div", { style: Xe }),
+        y && o?.map((d) => /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
-            style: q(c === d.id),
-            onMouseEnter: () => b(d.id),
-            onMouseLeave: () => b(null),
+            style: de(p === d.id),
+            onMouseEnter: () => h(d.id),
+            onMouseLeave: () => h(null),
             onClick: () => {
-              d.onSelect(n), l();
+              d.onSelect(n), i();
             },
             children: d.label
           },
@@ -312,55 +313,59 @@ function Oe({
       ]
     }
   );
-  return De(i, document.body);
+  return Be(l, document.body);
 }
-Oe.displayName = "StatusSlotChipMenu";
-const Ae = ve(
-  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: o, onPointerLeave: s, edge: l = "right", ariaLabel: c = "Resize card" }, b) {
-    const u = t === "handle-visible" || t === "dragging", w = (i) => {
+Qe.displayName = "StatusSlotChipMenu";
+const Je = Fe(
+  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: r, onPointerLeave: o, onKeyboardStep: i, edge: p = "right", ariaLabel: h = "Resize card" }, u) {
+    const b = t === "handle-visible" || t === "dragging" || t === "settling", y = (w) => {
       try {
-        i.currentTarget.setPointerCapture(i.pointerId);
+        w.currentTarget.setPointerCapture(w.pointerId);
       } catch {
       }
-      n(i);
-    }, C = (i) => {
+      n(w);
+    }, l = (w) => {
       try {
-        i.currentTarget.hasPointerCapture?.(i.pointerId) && i.currentTarget.releasePointerCapture(i.pointerId);
+        w.currentTarget.hasPointerCapture?.(w.pointerId) && w.currentTarget.releasePointerCapture(w.pointerId);
       } catch {
       }
-      a(i);
+      a(w);
+    }, d = (w) => {
+      !b || !i || (w.key === "ArrowRight" ? (w.preventDefault(), i("grow")) : w.key === "ArrowLeft" && (w.preventDefault(), i("shrink")));
     };
-    return /* @__PURE__ */ g(
+    return /* @__PURE__ */ c(
       "button",
       {
-        ref: b,
+        ref: u,
         type: "button",
-        "aria-label": c,
-        "data-edge": l,
+        "aria-label": h,
+        "data-edge": p,
         "data-resize-state": t,
         className: [
           "gloss-edge-handle",
-          `gloss-edge-handle--${l}`,
-          u ? "gloss-edge-handle--visible" : ""
+          `gloss-edge-handle--${p}`,
+          b ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
-        onPointerDown: w,
-        onPointerUp: C,
-        onPointerEnter: o,
-        onPointerLeave: s,
-        tabIndex: u ? 0 : -1
+        onPointerDown: y,
+        onPointerUp: l,
+        onPointerEnter: r,
+        onPointerLeave: o,
+        onKeyDown: d,
+        tabIndex: b ? 0 : -1
       }
     );
   }
 );
-Ae.displayName = "EdgeHoverHandle";
-function Le({
+Je.displayName = "EdgeHoverHandle";
+function et({
   visible: e,
   targetColSpan: t,
-  enterMs: n = 180,
-  exitMs: a = 120
+  motionX: n,
+  enterMs: a = 180,
+  exitMs: r = 120
 }) {
-  return /* @__PURE__ */ g(
-    "div",
+  return /* @__PURE__ */ c(
+    De.div,
     {
       "aria-hidden": "true",
       "data-ghost-preview": e ? "visible" : "hidden",
@@ -369,98 +374,238 @@ function Le({
         "gloss-ghost-preview",
         e ? "gloss-ghost-preview--visible" : ""
       ].filter(Boolean).join(" "),
-      style: { transitionDuration: `${e ? n : a}ms` }
+      style: { x: n, transitionDuration: `${e ? a : r}ms` }
     }
   );
 }
-Le.displayName = "GhostPreview";
-function zt({
+et.displayName = "GhostPreview";
+class tt {
+  constructor() {
+    this.samples = [], this.capacity = 3;
+  }
+  push(t) {
+    this.samples.push(t), this.samples.length > this.capacity && this.samples.shift();
+  }
+  clear() {
+    this.samples = [];
+  }
+  /**
+   * D-09 — weighted-average velocity (px/sec).
+   *
+   * 0 samples → 0
+   * 1 sample  → 0
+   * 2 samples → single-event fallback dx/dt
+   * 3 samples → weighted avg with vOld falling back to vMid to keep the
+   *             divisor at 6. Formula: (vRecent·3 + vMid·2 + vMid·1) / 6
+   *             (see PLAN §Task 2 §U1 resolution).
+   */
+  getWeightedVelocity() {
+    const t = this.samples.length;
+    if (t < 2) return 0;
+    if (t === 2) {
+      const [h, u] = this.samples, b = Math.max(1, u.t - h.t);
+      return (u.x - h.x) / b * 1e3;
+    }
+    const [n, a, r] = this.samples, o = (r.x - a.x) / Math.max(1, r.t - a.t) * 1e3, i = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, p = i;
+    return (o * 3 + i * 2 + p * 1) / 6;
+  }
+}
+const Ce = {
+  // Spring (D-08)
+  stiffness: 500,
+  damping: 35,
+  mass: 1,
+  // Hysteresis (D-06) — expressed as fractions of GRID_STEP
+  snapInFraction: 1 / 3,
+  snapOutFraction: 1 / 2,
+  // Blueprint overlay (D-20)
+  blueprintOpacity: 0.25,
+  blueprintFadeInMs: 150,
+  blueprintFadeOutMs: 120,
+  // Neighbor ripple (D-11)
+  rippleStaggerMs: 50,
+  // Velocity multiplier (D-03b panel)
+  velocityMultiplier: 1
+};
+function ya({
   currentColSpan: e,
   stackable: t,
   onResize: n,
   onCancel: a,
-  dwellMs: o = 120,
-  enterMs: s = 180,
-  exitMs: l = 120
+  step: r = 180,
+  tuning: o,
+  dwellMs: i = 120,
+  enterMs: p = 180,
+  exitMs: h = 120,
+  maxColSpan: u = 3
 }) {
-  const [c, b] = E("idle"), [u, w] = E(e), C = M(null), i = M(null), d = M("idle");
-  P(() => {
-    d.current = c;
-  }, [c]);
-  const S = 180, k = y(() => {
-    C.current && (clearTimeout(C.current), C.current = null);
-  }, []), m = y(() => {
-    b((h) => h !== "idle" ? h : (C.current = setTimeout(() => b("handle-visible"), o), "dwelling"));
-  }, [o]), x = y(() => {
-    k(), b((h) => h === "dwelling" || h === "handle-visible" ? "idle" : h);
-  }, [k]), I = y(
-    (h) => {
-      d.current === "handle-visible" && (i.current = h.clientX, d.current = "dragging", b("dragging"));
+  const [b, y] = B("idle"), [l, d] = B(e), w = M(null), I = M(null), g = M(null), S = M(r), C = M("idle");
+  A(() => {
+    C.current = b;
+  }, [b]);
+  const f = Ae(0), T = M(new tt()), _ = M(e);
+  A(() => {
+    _.current = l;
+  }, [l]);
+  const s = J(() => ({ ...Ce, ...o ?? {} }), [o]), m = v(() => {
+    w.current && (clearTimeout(w.current), w.current = null);
+  }, []), D = v(() => {
+    I.current && (clearTimeout(I.current), I.current = null);
+  }, []), k = v(() => {
+    y((N) => N === "settling" || N !== "idle" ? N : (w.current = setTimeout(() => y("handle-visible"), i), "dwelling"));
+  }, [i]), x = v(() => {
+    m(), y((N) => N === "dwelling" || N === "handle-visible" ? "idle" : N);
+  }, [m]), R = v(
+    (N, F, O) => {
+      const L = S.current, j = L * s.snapInFraction, q = L * s.snapOutFraction, Z = F - O;
+      let $ = Z;
+      for (; O + $ < 3; ) {
+        const se = $ * L + ($ < 0 ? q : j);
+        if (N >= se) $ += 1;
+        else break;
+      }
+      if ($ === Z)
+        for (; O + $ > 1; ) {
+          const se = $ * L - ($ > 0 ? q : j);
+          if (N <= se) $ -= 1;
+          else break;
+        }
+      return Math.min(3, Math.max(1, O + $));
     },
-    []
-  ), v = y(
-    (h) => {
-      if (d.current !== "dragging") return;
-      const r = h.clientX - (i.current ?? h.clientX), p = Math.round(r / S), f = Math.min(3, Math.max(1, e + p)), D = f !== e;
-      if (b(D ? "committed" : "cancelled"), D) {
-        const N = f > e ? "grow" : "shrink";
-        n({ direction: N, targetColSpan: f, mode: t ? "slot-fill" : "sparkline-fidelity" });
-      } else
-        a?.();
+    [s.snapInFraction, s.snapOutFraction]
+  ), P = v(
+    (N) => {
+      C.current === "handle-visible" && (g.current = N.clientX, S.current = r, T.current.clear(), T.current.push({ x: N.clientX, t: performance.now() }), f.jump(0), C.current = "dragging", y("dragging"));
+    },
+    [r, f]
+  ), W = v(
+    (N) => (N - e) * S.current,
+    [e]
+  ), H = v(
+    (N, F) => {
+      const O = W(N), L = N !== e;
+      if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+        f.jump(O), L && F ? n({ direction: F, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : L || a?.(), f.jump(0), C.current = "idle", y("idle");
+        return;
+      }
+      const q = T.current.getWeightedVelocity() * s.velocityMultiplier;
+      C.current = "settling", y("settling"), fe(f, O, {
+        type: "spring",
+        stiffness: s.stiffness,
+        damping: s.damping,
+        mass: s.mass,
+        velocity: q,
+        onComplete: () => {
+          L && F ? n({ direction: F, targetColSpan: N, mode: t ? "slot-fill" : "sparkline-fidelity" }) : L || a?.(), f.jump(0), C.current = "idle", y("idle");
+        }
+      });
     },
-    [e, t, n, a]
-  ), T = y(() => {
-    k(), b((h) => h === "dragging" || h === "handle-visible" ? (a?.(), "cancelled") : h);
-  }, [k, a]);
-  return P(() => {
-    if (c !== "dragging" && c !== "handle-visible") return;
-    const h = (r) => {
-      r.key === "Escape" && T();
+    [W, e, t, n, a, f, s]
+  ), ee = v(
+    (N) => {
+      if (C.current !== "dragging") return;
+      const F = N.clientX - (g.current ?? N.clientX);
+      T.current.push({ x: N.clientX, t: performance.now() });
+      const O = R(F, _.current, e), L = O > e ? "grow" : O < e ? "shrink" : null;
+      H(O, L);
+    },
+    [R, e, H]
+  ), V = v(() => {
+    if (m(), C.current === "dragging") {
+      if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+        f.jump(0), a?.(), C.current = "idle", y("idle");
+        return;
+      }
+      const F = T.current.getWeightedVelocity();
+      C.current = "settling", y("settling"), fe(f, 0, {
+        type: "spring",
+        stiffness: s.stiffness,
+        damping: s.damping,
+        mass: s.mass,
+        velocity: F,
+        onComplete: () => {
+          a?.(), f.jump(0), C.current = "idle", y("idle");
+        }
+      });
+      return;
+    }
+    C.current === "handle-visible" && (a?.(), C.current = "cancelled", y("cancelled"));
+  }, [m, f, a, s]);
+  A(() => {
+    if (b !== "dragging" && b !== "handle-visible") return;
+    const N = (F) => {
+      F.key === "Escape" && V();
     };
-    return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
-  }, [c, T]), P(() => {
-    if (c !== "dragging") {
-      w(e);
+    return window.addEventListener("keydown", N), () => window.removeEventListener("keydown", N);
+  }, [b, V]), A(() => {
+    if (b !== "dragging") {
+      d(e);
       return;
     }
-    const h = (r) => {
-      const p = r.clientX - (i.current ?? r.clientX), f = Math.round(p / S), D = Math.min(3, Math.max(1, e + f));
-      w((N) => N === D ? N : D);
+    const N = (F) => {
+      const O = F.clientX - (g.current ?? F.clientX), L = S.current, j = (u - e) * L, q = (1 - e) * L, Z = Math.max(q, Math.min(j, O));
+      f.set(Z), T.current.push({ x: F.clientX, t: performance.now() });
+      const $ = R(Z, _.current, e);
+      $ !== _.current && (_.current = $, d($));
     };
-    return window.addEventListener("pointermove", h), () => window.removeEventListener("pointermove", h);
-  }, [c, e]), P(() => () => k(), [k]), P(() => {
-    if (c !== "committed" && c !== "cancelled") return;
-    const h = setTimeout(() => b("idle"), l);
-    return () => clearTimeout(h);
-  }, [c, l]), {
-    state: c,
-    enterEdgeZone: m,
+    return window.addEventListener("pointermove", N), () => window.removeEventListener("pointermove", N);
+  }, [b, e, f, R, u]), A(() => () => {
+    m(), D();
+  }, [m, D]), A(() => {
+    if (b !== "cancelled") return;
+    const N = setTimeout(() => y("idle"), h);
+    return () => clearTimeout(N);
+  }, [b, h]);
+  const te = v(
+    (N) => {
+      if (C.current === "settling") return;
+      const O = Math.min(3, Math.max(1, e + (N === "grow" ? 1 : -1)));
+      O !== e && (S.current = r, T.current.clear(), f.jump(0), H(O, N));
+    },
+    [e, r, f, H]
+  ), ae = v(() => {
+    D(), I.current = setTimeout(() => {
+      C.current === "handle-visible" && (C.current = "idle", y("idle"));
+    }, 5e3);
+  }, [D]), K = v(() => {
+    C.current === "idle" && (m(), C.current = "handle-visible", y("handle-visible"), ae());
+  }, [m, ae]), Pe = v(() => {
+    D(), C.current === "handle-visible" && (C.current = "idle", y("idle"));
+  }, [D]);
+  return {
+    state: b,
+    enterEdgeZone: k,
     leaveEdgeZone: x,
     handleProps: {
-      onPointerDown: I,
-      onPointerUp: v,
+      onPointerDown: P,
+      onPointerUp: ee,
       // Bug E: handle continues zone presence so pointer crossing sentinel→handle
       // doesn't collapse state. handle's pointerenter = stay in zone.
-      onPointerEnter: m,
+      onPointerEnter: k,
       onPointerLeave: x
     },
-    previewColSpan: u,
+    previewColSpan: l,
     ghostProps: {
-      visible: c === "dragging",
-      targetColSpan: u,
-      enterMs: s,
-      exitMs: l
-    }
+      visible: b === "dragging" || b === "settling",
+      targetColSpan: l,
+      motionX: f,
+      enterMs: p,
+      exitMs: h
+    },
+    onKeyboardStep: te,
+    onTouchReveal: K,
+    onTouchDismiss: Pe,
+    cancel: V
   };
 }
-function Vt(e) {
-  const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: o } = e;
+function wa(e) {
+  const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: r } = e;
   if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
     return;
-  const s = (a + 0.5) * (t / n);
-  return o != null && Number.isFinite(o) && o > 0 ? s - o / 2 : s;
+  const o = (a + 0.5) * (t / n);
+  return r != null && Number.isFinite(r) && r > 0 ? o - r / 2 : o;
 }
-const Wt = [
+const Da = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -564,24 +709,24 @@ const Wt = [
       { value: 9, color: "#6b7280", label: "Other" }
     ]
   }
-], $e = {
+], at = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, Be = {
+}, nt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, Ke = {
+}, rt = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, Ge = {
+}, st = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -589,7 +734,7 @@ const Wt = [
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, He = {
+}, ot = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -598,7 +743,7 @@ const Wt = [
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, ze = {
+}, it = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -609,14 +754,14 @@ const Wt = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, Zt = [
-  $e,
-  Be,
-  Ke,
-  Ge,
-  He,
-  ze
-], Ut = {
+}, Ca = [
+  at,
+  nt,
+  rt,
+  st,
+  ot,
+  it
+], Na = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -639,7 +784,7 @@ const Wt = [
     59
   ],
   accentColor: "#6366f1"
-}, Yt = {
+}, ka = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -678,21 +823,21 @@ const Wt = [
     19
   ],
   accentColor: "#10b981"
-}, qt = {
+}, xa = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, jt = {
+}, Sa = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, Qt = {
+}, Ta = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -700,33 +845,33 @@ const Wt = [
   trend: { value: 0, direction: "flat" },
   subtitle: "QTD"
 };
-function de({
+function Ne({
   open: e,
   onDismiss: t,
   anchorRef: n,
   pages: a,
-  activePageId: o,
-  onPageChange: s,
-  onCreatePage: l,
-  onManagePages: c
+  activePageId: r,
+  onPageChange: o,
+  onCreatePage: i,
+  onManagePages: p
 }) {
-  const b = y(
-    (i) => {
-      s(i), t();
+  const h = v(
+    (l) => {
+      o(l), t();
     },
-    [s, t]
-  ), u = y(
-    (i, d) => {
-      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), b(i));
+    [o, t]
+  ), u = v(
+    (l, d) => {
+      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), h(l));
     },
-    [b]
-  ), w = y(() => {
-    l(), t();
-  }, [l, t]), C = y(() => {
-    c(), t();
-  }, [c, t]);
-  return /* @__PURE__ */ O(
-    Ce,
+    [h]
+  ), b = v(() => {
+    i(), t();
+  }, [i, t]), y = v(() => {
+    p(), t();
+  }, [p, t]);
+  return /* @__PURE__ */ E(
+    $e,
     {
       definition: {
         placement: "bottom-end",
@@ -739,9 +884,9 @@ function de({
       anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ g("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((i) => {
-          const d = i.id === o;
-          return /* @__PURE__ */ O(
+        /* @__PURE__ */ c("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((l) => {
+          const d = l.id === r;
+          return /* @__PURE__ */ E(
             "li",
             {
               role: "menuitemradio",
@@ -749,45 +894,45 @@ function de({
               "aria-current": d ? "page" : void 0,
               tabIndex: 0,
               className: `gloss-page-dropdown__item${d ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => b(i.id),
-              onKeyDown: (S) => u(i.id, S),
+              onClick: () => h(l.id),
+              onKeyDown: (w) => u(l.id, w),
               children: [
-                /* @__PURE__ */ g(
+                /* @__PURE__ */ c(
                   "span",
                   {
                     className: `gloss-page-dropdown__dot${d ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
-                /* @__PURE__ */ g(
+                /* @__PURE__ */ c(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${i.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: i.name
+                    className: `gloss-page-dropdown__name${l.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: l.name
                   }
                 ),
-                /* @__PURE__ */ g("span", { className: "gloss-page-dropdown__count", children: i.cardCount })
+                /* @__PURE__ */ c("span", { className: "gloss-page-dropdown__count", children: l.cardCount })
               ]
             },
-            i.id
+            l.id
           );
         }) }),
-        /* @__PURE__ */ g("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ c("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: w,
+            onClick: b,
             children: "+ New page"
           }
         ),
-        /* @__PURE__ */ g("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ c("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
-            onClick: C,
+            onClick: y,
             children: "Manage pages"
           }
         )
@@ -795,44 +940,44 @@ function de({
     }
   );
 }
-de.displayName = "PageDropdown";
-const Ve = function({
+Ne.displayName = "PageDropdown";
+const lt = function({
   currentIndex: t,
   total: n,
   pages: a,
-  onPageChange: o,
-  onCreatePage: s,
-  onManagePages: l,
-  maskRadius: c = "var(--gloss-radius-md)"
+  onPageChange: r,
+  onCreatePage: o,
+  onManagePages: i,
+  maskRadius: p = "var(--gloss-radius-md)"
 }) {
-  const b = M(null), [u, w] = E(!1), C = y(() => {
-    w((S) => !S);
-  }, []), i = y(() => {
-    w(!1);
+  const h = M(null), [u, b] = B(!1), y = v(() => {
+    b((w) => !w);
+  }, []), l = v(() => {
+    b(!1);
   }, []), d = a[t]?.id ?? "";
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ E(
     "div",
     {
       className: "gloss-page-chip",
-      ref: b,
+      ref: h,
       style: { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ c(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
-            style: { "--_nuzzle-r": c }
+            style: { "--_nuzzle-r": p }
           }
         ),
-        /* @__PURE__ */ O(
+        /* @__PURE__ */ E(
           "button",
           {
             className: "gloss-page-chip__trigger",
             "aria-haspopup": "menu",
             "aria-expanded": u,
             "aria-label": `Page ${t + 1} of ${n}. Click to switch pages.`,
-            onClick: C,
+            onClick: y,
             children: [
               t + 1,
               " / ",
@@ -840,25 +985,25 @@ const Ve = function({
             ]
           }
         ),
-        /* @__PURE__ */ g(
-          de,
+        /* @__PURE__ */ c(
+          Ne,
           {
             open: u,
-            onDismiss: i,
-            anchorRef: b,
+            onDismiss: l,
+            anchorRef: h,
             pages: a,
             activePageId: d,
-            onPageChange: o,
-            onCreatePage: s,
-            onManagePages: l
+            onPageChange: r,
+            onCreatePage: o,
+            onManagePages: i
           }
         )
       ]
     }
   );
 };
-Ve.displayName = "PageChip";
-const Xt = [
+lt.displayName = "PageChip";
+const _a = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -991,7 +1136,7 @@ const Xt = [
     date: "2026-03-01",
     skuCount: 9
   }
-], Jt = [
+], Ia = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1125,16 +1270,16 @@ const Xt = [
     lastDate: "2026-03-01"
   }
 ];
-function j(e) {
+function ce(e) {
   return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
-function ce(e) {
+function ke(e) {
   return e.toLocaleString("en-US");
 }
-function ue(e) {
+function xe(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const z = F.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), ea = [
+const Q = G.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Ra = [
   {
     field: "id",
     headerName: "Order",
@@ -1164,7 +1309,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.skuCount ? ce(e.skuCount) : z
+    renderCell: ({ row: e }) => e.skuCount ? ke(e.skuCount) : Q
   },
   {
     field: "total",
@@ -1174,7 +1319,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.total ? j(e.total) : z
+    renderCell: ({ row: e }) => e.total ? ce(e.total) : Q
   },
   {
     field: "date",
@@ -1184,9 +1329,9 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.date ? ue(e.date) : ""
+    renderCell: ({ row: e }) => e.date ? xe(e.date) : ""
   }
-], ta = [
+], Ma = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1218,7 +1363,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.price ? j(e.price) : z
+    renderCell: ({ row: e }) => e.price ? ce(e.price) : Q
   },
   {
     field: "quantity",
@@ -1228,7 +1373,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.quantity ? ce(e.quantity) : z
+    renderCell: ({ row: e }) => e.quantity ? ke(e.quantity) : Q
   },
   {
     field: "total",
@@ -1238,7 +1383,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.total ? j(e.total) : z
+    renderCell: ({ row: e }) => e.total ? ce(e.total) : Q
   },
   {
     field: "lastDate",
@@ -1248,24 +1393,24 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.lastDate ? ue(e.lastDate) : ""
+    renderCell: ({ row: e }) => e.lastDate ? xe(e.lastDate) : ""
   }
-], We = [
+], dt = [
   { 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" }
-], Ze = [
+], ct = [
   { 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" }
-], Z = (e) => {
-}, Ue = (e) => {
-}, oe = (e, t) => {
-}, me = {
+], oe = (e) => {
+}, ut = (e) => {
+}, he = (e, t) => {
+}, Se = {
   vizState: {
     type: "orders",
     quant: "$",
@@ -1273,17 +1418,17 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: null, name: null },
     timeFrame: "MTD"
   },
-  onTypeChange: Z,
-  onQuantChange: Ue,
-  onEntityTypeChange: Z,
-  onEntitySelect: oe,
-  onItemSelect: oe,
-  onTimeFrameChange: Z,
+  onTypeChange: oe,
+  onQuantChange: ut,
+  onEntityTypeChange: oe,
+  onEntitySelect: he,
+  onItemSelect: he,
+  onTimeFrameChange: oe,
   userType: "sales-agency",
-  entityFilterOptions: We,
-  itemFilterOptions: Ze
-}, aa = {
-  ...me,
+  entityFilterOptions: dt,
+  itemFilterOptions: ct
+}, Pa = {
+  ...Se,
   vizState: {
     type: "items",
     quant: "$",
@@ -1291,8 +1436,8 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, na = {
-  ...me,
+}, Fa = {
+  ...Se,
   vizState: {
     type: "orders",
     quant: "#",
@@ -1304,7 +1449,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, Ye = [
+}, mt = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1350,7 +1495,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     routeKey: "customer.profile",
     subtitle: "Opens in RepTime"
   }
-], qe = [
+], pt = [
   {
     id: "order-items",
     label: "Items in Order",
@@ -1379,7 +1524,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], je = [
+], gt = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1407,14 +1552,14 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], ra = {
-  entityName: Ye,
-  orderId: qe,
-  numeric: je
-}, oa = [
+], Ea = {
+  entityName: mt,
+  orderId: pt,
+  numeric: gt
+}, Oa = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], sa = {
+], Aa = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1427,7 +1572,7 @@ const z = F.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)
   ]
-}, ia = {
+}, La = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1435,7 +1580,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, la = [
+}, $a = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1457,7 +1602,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], da = [
+], Ba = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1474,7 +1619,7 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], ca = [
+], Ka = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1491,137 +1636,137 @@ const z = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], ua = [
+], Ga = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], ma = [
+], Va = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-], Qe = {
+], ft = {
   timeframe: "Time Frame",
   threshold: "Thresholds",
   slots: "Slots",
   size: "Size",
   color: "Color",
   pinned: "Pinned"
-}, Xe = {
-  timeframe: Ne,
-  threshold: Se,
-  slots: ke,
-  size: xe,
-  color: Te,
-  pinned: Ie
+}, bt = {
+  timeframe: Ke,
+  threshold: Ge,
+  slots: Ve,
+  size: He,
+  color: ze,
+  pinned: We
 };
-function se(...e) {
+function ve(...e) {
   return e.filter(Boolean).join(" ");
 }
-function Je() {
-  const [e, t] = E(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
-  return P(() => {
+function ht() {
+  const [e, t] = B(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+  return A(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
-    const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (o) => t(o.matches);
+    const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (r) => t(r.matches);
     return typeof n.addEventListener == "function" ? (n.addEventListener("change", a), () => n.removeEventListener("change", a)) : (n.addListener?.(a), () => {
       n.removeListener?.(a);
     });
   }, []), e;
 }
-const et = ({
+const vt = ({
   dimensions: e,
   onDimensionSelect: t,
   activeDimension: n,
   ariaCardTypeLabel: a,
-  className: o
+  className: r
 }) => {
-  const s = M(null), l = M([]), c = Je(), b = ee(() => Array.from(e), [e]);
-  if (b.length === 0) return null;
-  const u = a ? `Configure ${a}: choose a dimension` : void 0, w = c ? "10ms" : "200ms", C = (i, d) => {
-    const S = b.length - 1, k = (m) => {
-      const x = l.current[m];
-      x && x.focus();
+  const o = M(null), i = M([]), p = ht(), h = J(() => Array.from(e), [e]);
+  if (h.length === 0) return null;
+  const u = a ? `Configure ${a}: choose a dimension` : void 0, b = p ? "10ms" : "200ms", y = (l, d) => {
+    const w = h.length - 1, I = (g) => {
+      const S = i.current[g];
+      S && S.focus();
     };
-    switch (i.key) {
+    switch (l.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        i.preventDefault(), k(d === S ? 0 : d + 1);
+        l.preventDefault(), I(d === w ? 0 : d + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        i.preventDefault(), k(d === 0 ? S : d - 1);
+        l.preventDefault(), I(d === 0 ? w : d - 1);
         break;
       }
       case "Home": {
-        i.preventDefault(), k(0);
+        l.preventDefault(), I(0);
         break;
       }
       case "End": {
-        i.preventDefault(), k(S);
+        l.preventDefault(), I(w);
         break;
       }
       case "Enter":
       case " ": {
-        i.preventDefault(), t(b[d]);
+        l.preventDefault(), t(h[d]);
         break;
       }
     }
   };
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ c(
     "div",
     {
-      ref: s,
+      ref: o,
       role: "group",
       "aria-label": u,
-      className: se("gloss-reconfig-backside-buttons", o),
+      className: ve("gloss-reconfig-backside-buttons", r),
       style: {
         // Expose the reduced-motion-resolved duration as a CSS custom prop
         // so the SCSS transition rule can consume it without a nested media
         // query in the JS. Also surfaces the value for the unit test.
-        "--gloss-reconfig-backside-buttons-transition-duration": w
+        "--gloss-reconfig-backside-buttons-transition-duration": b
       },
-      children: b.map((i, d) => {
-        const S = Xe[i], k = n === i;
-        return /* @__PURE__ */ O(
+      children: h.map((l, d) => {
+        const w = bt[l], I = n === l;
+        return /* @__PURE__ */ E(
           "button",
           {
-            ref: (m) => {
-              l.current[d] = m;
+            ref: (g) => {
+              i.current[d] = g;
             },
             type: "button",
-            "data-dimension": i,
-            className: se(
+            "data-dimension": l,
+            className: ve(
               "gloss-reconfig-backside-buttons__button",
-              k && "gloss-reconfig-backside-buttons__button--active"
+              I && "gloss-reconfig-backside-buttons__button--active"
             ),
-            "aria-current": k ? "true" : void 0,
-            onClick: () => t(i),
-            onKeyDown: (m) => C(m, d),
+            "aria-current": I ? "true" : void 0,
+            onClick: () => t(l),
+            onKeyDown: (g) => y(g, d),
             children: [
-              /* @__PURE__ */ g(
-                S,
+              /* @__PURE__ */ c(
+                w,
                 {
                   className: "gloss-reconfig-backside-buttons__button-icon",
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ g("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Qe[i] })
+              /* @__PURE__ */ c("span", { className: "gloss-reconfig-backside-buttons__button-label", children: ft[l] })
             ]
           },
-          i
+          l
         );
       })
     }
   );
 };
-et.displayName = "ReconfigBacksideButtons";
-function L(e, t) {
+vt.displayName = "ReconfigBacksideButtons";
+function z(e, t) {
   return {
     id: e,
     colSpan: 1,
-    content: F.createElement("div", {
+    content: G.createElement("div", {
       style: {
         width: "100%",
         height: "100%",
@@ -1637,38 +1782,38 @@ function L(e, t) {
     }, t)
   };
 }
-function ie(e, t) {
+function ye(e, t) {
   return {
-    ...L(e, t),
+    ...z(e, t),
     colSpan: 2
   };
 }
-const pa = [
-  L("total-revenue", "Total Revenue"),
-  L("total-orders", "Total Orders"),
-  ie("revenue-trend", "Revenue Trend (2x)"),
-  L("avg-order", "Avg Order Value"),
-  L("new-customers", "New Customers"),
-  L("top-salesperson", "Top Salesperson"),
-  ie("order-trend", "Order Trend (2x)"),
-  L("repeat-rate", "Repeat Rate"),
-  L("open-orders", "Open Orders"),
-  L("shipped-orders", "Shipped Orders")
-], ga = {
+const Ha = [
+  z("total-revenue", "Total Revenue"),
+  z("total-orders", "Total Orders"),
+  ye("revenue-trend", "Revenue Trend (2x)"),
+  z("avg-order", "Avg Order Value"),
+  z("new-customers", "New Customers"),
+  z("top-salesperson", "Top Salesperson"),
+  ye("order-trend", "Order Trend (2x)"),
+  z("repeat-rate", "Repeat Rate"),
+  z("open-orders", "Open Orders"),
+  z("shipped-orders", "Shipped Orders")
+], za = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, ba = {
+}, Wa = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, fa = {
+}, Za = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -1676,15 +1821,15 @@ const pa = [
   currentPage: 0,
   totalPages: 3
 };
-function U(e) {
-  return F.createElement("span", { style: { fontSize: 14 } }, e);
+function ie(e) {
+  return G.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const ha = [
+const Ua = [
   {
     id: "all-orders",
     type: "orders",
     name: "All Orders",
-    icon: U("📋"),
+    icon: ie("📋"),
     closable: !1,
     autoCreated: !0
   },
@@ -1692,17 +1837,17 @@ const ha = [
     id: "open-orders",
     type: "orders",
     name: "Open Orders",
-    icon: U("📦"),
+    icon: ie("📦"),
     closable: !0
   },
   {
     id: "shipped-orders",
     type: "orders",
     name: "Shipped Orders",
-    icon: U("🚚"),
+    icon: ie("🚚"),
     closable: !0
   }
-], va = [
+], Ya = [
   {
     id: "orders-main",
     type: "orders",
@@ -1728,7 +1873,7 @@ const ha = [
     name: "Customers",
     closable: !0
   }
-], ya = [
+], qa = [
   {
     id: "only-tab",
     type: "orders",
@@ -1736,7 +1881,7 @@ const ha = [
     closable: !1,
     autoCreated: !0
   }
-], wa = [
+], ja = [
   { 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 },
@@ -1748,7 +1893,7 @@ const ha = [
   { id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
   { id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
 ];
-function Q(e) {
+function ue(e) {
   switch (e) {
     case "wide":
       return { cols: 2, rows: 1 };
@@ -1759,40 +1904,40 @@ function Q(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function tt(e) {
+function yt(e) {
   let t = 0;
   for (const a of e) {
-    const o = Q(a.size), s = a.gridPosition.col + o.cols - 1;
-    s > t && (t = s);
+    const r = ue(a.size), o = a.gridPosition.col + r.cols - 1;
+    o > t && (t = o);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const at = function(t) {
+const wt = function(t) {
   if (t.renderMode === "discrete")
-    return /* @__PURE__ */ g(
+    return /* @__PURE__ */ c(
       "div",
       {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
-        children: t.cards.map((o) => {
-          const s = Q(o.size);
-          return /* @__PURE__ */ g(
+        children: t.cards.map((r) => {
+          const o = ue(r.size);
+          return /* @__PURE__ */ c(
             "div",
             {
               className: "gloss-metric-group__slot",
               style: {
-                gridColumn: `${o.gridPosition.col} / span ${s.cols}`,
-                gridRow: `${o.gridPosition.row} / span ${s.rows}`
+                gridColumn: `${r.gridPosition.col} / span ${o.cols}`,
+                gridRow: `${r.gridPosition.row} / span ${o.rows}`
               },
-              children: o.children
+              children: r.children
             },
-            o.key
+            r.key
           );
         })
       }
     );
   const { cards: n, composite: a } = t;
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ E(
     "div",
     {
       className: "gloss-metric-group gloss-metric-group--composite",
@@ -1811,16 +1956,16 @@ const at = function(t) {
       "aria-label": a?.label,
       tabIndex: void 0,
       children: [
-        a?.accentColor && /* @__PURE__ */ g(
+        a?.accentColor && /* @__PURE__ */ c(
           "div",
           {
             className: "gloss-metric-group__accent",
             style: { background: a.accentColor }
           }
         ),
-        a?.label && /* @__PURE__ */ O("div", { className: "gloss-metric-group__label", children: [
-          /* @__PURE__ */ g("span", { children: a.label }),
-          a?.trend && /* @__PURE__ */ g(
+        a?.label && /* @__PURE__ */ E("div", { className: "gloss-metric-group__label", children: [
+          /* @__PURE__ */ c("span", { children: a.label }),
+          a?.trend && /* @__PURE__ */ c(
             "span",
             {
               className: "gloss-metric-group__trend",
@@ -1829,28 +1974,28 @@ const at = function(t) {
             }
           )
         ] }),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ c(
           "div",
           {
             className: "gloss-metric-group__slots",
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: tt(n)
+              gridTemplateColumns: yt(n)
             },
-            children: n.map((o) => {
-              const s = Q(o.size);
-              return /* @__PURE__ */ g(
+            children: n.map((r) => {
+              const o = ue(r.size);
+              return /* @__PURE__ */ c(
                 "div",
                 {
                   className: "gloss-metric-group__slot--composite",
                   style: {
-                    gridColumn: `${o.gridPosition.col} / span ${s.cols}`,
-                    gridRow: `${o.gridPosition.row} / span ${s.rows}`
+                    gridColumn: `${r.gridPosition.col} / span ${o.cols}`,
+                    gridRow: `${r.gridPosition.row} / span ${o.rows}`
                   },
-                  children: o.children
+                  children: r.children
                 },
-                o.key
+                r.key
               );
             })
           }
@@ -1859,8 +2004,199 @@ const at = function(t) {
     }
   );
 };
-at.displayName = "MetricGroupContainer";
-const B = {
+wt.displayName = "MetricGroupContainer";
+const Te = "resize.tuning.dev", Dt = {
+  ...Ce,
+  snapInPx: 60,
+  snapOutPx: 90
+}, Y = Dt;
+function Ct() {
+  if (typeof window > "u") return { ...Y };
+  try {
+    const e = window.localStorage.getItem(Te);
+    if (!e) return { ...Y };
+    const t = JSON.parse(e);
+    return !t || typeof t != "object" || Array.isArray(t) ? { ...Y } : { ...Y, ...t };
+  } catch {
+    return { ...Y };
+  }
+}
+function Nt() {
+  const [e, t] = B(() => Ct());
+  A(() => {
+    if (!(typeof window > "u"))
+      try {
+        window.localStorage.setItem(Te, JSON.stringify(e));
+      } catch {
+      }
+  }, [e]);
+  const n = v(
+    (o, i) => {
+      t((p) => ({ ...p, [o]: i }));
+    },
+    []
+  ), a = v(
+    (o) => {
+      t((i) => ({ ...i, [o]: Y[o] }));
+    },
+    []
+  ), r = v(() => {
+    t({ ...Y });
+  }, []);
+  return { values: e, setValue: n, resetRow: a, resetAll: r };
+}
+const kt = [
+  { key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
+  { key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
+  { key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
+  { key: "snapInPx", label: "Snap in", unit: "px", min: 30, max: 120, step: 1 },
+  { key: "snapOutPx", label: "Snap out", unit: "px", min: 45, max: 180, step: 1 },
+  { key: "blueprintOpacity", label: "Blueprint opacity", unit: "", min: 0, max: 0.6, step: 0.01 },
+  { key: "blueprintFadeInMs", label: "Blueprint fade in", unit: "ms", min: 60, max: 400, step: 10 },
+  { key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
+  { key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
+];
+function xt(e, t) {
+  return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
+}
+function St() {
+  return /* @__PURE__ */ E(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ c("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
+        /* @__PURE__ */ c("polyline", { points: "3 3 3 8 8 8" })
+      ]
+    }
+  );
+}
+function Tt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
+  const o = v(
+    (i) => {
+      (i.key === "r" || i.key === "R") && (i.preventDefault(), a());
+    },
+    [a]
+  );
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      className: `gloss-dev-tuning-panel__row${r ? " gloss-dev-tuning-panel__row--flash" : ""}`,
+      "data-tuning-row": e.key,
+      onKeyDown: o,
+      children: [
+        /* @__PURE__ */ c("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
+        /* @__PURE__ */ E("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
+          xt(t, e.step),
+          e.unit ? ` ${e.unit}` : ""
+        ] }),
+        /* @__PURE__ */ c(
+          "input",
+          {
+            id: `gloss-dtp-${e.key}`,
+            className: "gloss-dev-tuning-panel__slider",
+            type: "range",
+            min: e.min,
+            max: e.max,
+            step: e.step,
+            value: t,
+            "aria-label": e.label,
+            onChange: (i) => n(Number(i.target.value))
+          }
+        ),
+        /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: "gloss-dev-tuning-panel__reset",
+            "aria-label": `Reset ${e.label}`,
+            onClick: a,
+            children: /* @__PURE__ */ c(St, {})
+          }
+        )
+      ]
+    }
+  );
+}
+function _t() {
+  if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
+  try {
+    return new URLSearchParams(window.location.search).has("devtune");
+  } catch {
+    return !1;
+  }
+}
+function It(e = {}) {
+  return _t() ? /* @__PURE__ */ c(Rt, {}) : null;
+}
+It.displayName = "DevTuningPanel";
+function Rt() {
+  const e = Nt(), { values: t, setValue: n, resetRow: a, resetAll: r } = e, [o, i] = B(null), p = M(null), h = v((l) => {
+    p.current && clearTimeout(p.current), i(l), p.current = setTimeout(() => {
+      i(null), p.current = null;
+    }, 200);
+  }, []), u = v(
+    (l, d) => {
+      n(l, d), l === "snapInPx" && d > t.snapOutPx && (n("snapOutPx", d), h("snapOutPx"));
+    },
+    [n, t.snapOutPx, h]
+  ), b = J(() => kt, []), y = Le();
+  return /* @__PURE__ */ E(
+    De.div,
+    {
+      className: "gloss-dev-tuning-panel",
+      role: "region",
+      "aria-label": "Resize Tuning — dev only",
+      "data-testid": "gloss-dev-tuning-panel",
+      drag: !0,
+      dragListener: !1,
+      dragControls: y,
+      dragMomentum: !1,
+      children: [
+        /* @__PURE__ */ E(
+          "div",
+          {
+            className: "gloss-dev-tuning-panel__header",
+            onPointerDown: (l) => y.start(l),
+            children: [
+              /* @__PURE__ */ c("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
+              /* @__PURE__ */ c("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ c("div", { className: "gloss-dev-tuning-panel__body", children: b.map((l) => /* @__PURE__ */ c(
+          Tt,
+          {
+            spec: l,
+            value: t[l.key],
+            onChange: (d) => u(l.key, d),
+            onReset: () => a(l.key),
+            flashing: o === l.key
+          },
+          l.key
+        )) }),
+        /* @__PURE__ */ c("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: "gloss-dev-tuning-panel__reset-all",
+            onClick: r,
+            children: "Reset all"
+          }
+        ) })
+      ]
+    }
+  );
+}
+const U = {
   "gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
   "gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
   "gloss-inline-nudge__actions": "_gloss-inline-nudge__actions_kdk88_72",
@@ -1868,57 +2204,57 @@ 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 nt({
+function Mt({
   message: e,
   primaryAction: t,
   onDismiss: n,
   anchorEl: a,
-  anchorSelector: o
+  anchorSelector: r
 }) {
-  const [s, l] = F.useState(null), c = F.useMemo(
+  const [o, i] = G.useState(null), p = G.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
-  F.useEffect(() => {
-    !a && !o && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
+  G.useEffect(() => {
+    !a && !r && (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, o]), F.useLayoutEffect(() => {
+  }, [a, r]), G.useLayoutEffect(() => {
     let u = null;
-    if (a ? u = a : o && (u = document.querySelector(o)), u) {
-      const w = u.getBoundingClientRect();
-      l({
-        top: w.bottom + window.scrollY + 6,
-        left: w.left + window.scrollX
+    if (a ? u = a : r && (u = document.querySelector(r)), u) {
+      const b = u.getBoundingClientRect();
+      i({
+        top: b.bottom + window.scrollY + 6,
+        left: b.left + window.scrollX
       });
     }
-  }, [a, o]);
-  const b = s ? { top: s.top, left: s.left } : {};
-  return /* @__PURE__ */ O(
+  }, [a, r]);
+  const h = o ? { top: o.top, left: o.left } : {};
+  return /* @__PURE__ */ E(
     "div",
     {
-      className: B["gloss-inline-nudge"],
-      style: b,
+      className: U["gloss-inline-nudge"],
+      style: h,
       role: "status",
       "aria-live": "polite",
-      "data-reduced-motion": c ? "true" : void 0,
+      "data-reduced-motion": p ? "true" : void 0,
       children: [
-        /* @__PURE__ */ g("span", { className: B["gloss-inline-nudge__message"], children: e }),
-        /* @__PURE__ */ O("div", { className: B["gloss-inline-nudge__actions"], children: [
-          /* @__PURE__ */ g(
+        /* @__PURE__ */ c("span", { className: U["gloss-inline-nudge__message"], children: e }),
+        /* @__PURE__ */ E("div", { className: U["gloss-inline-nudge__actions"], children: [
+          /* @__PURE__ */ c(
             "button",
             {
               type: "button",
-              className: `${B["gloss-inline-nudge__btn"]} ${B["gloss-inline-nudge__btn--action"]}`,
+              className: `${U["gloss-inline-nudge__btn"]} ${U["gloss-inline-nudge__btn--action"]}`,
               onClick: t.onClick,
               children: t.label
             }
           ),
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ c(
             "button",
             {
               type: "button",
-              className: `${B["gloss-inline-nudge__btn"]} ${B["gloss-inline-nudge__btn--dismiss"]}`,
+              className: `${U["gloss-inline-nudge__btn"]} ${U["gloss-inline-nudge__btn--dismiss"]}`,
               onClick: n,
               "aria-label": "Dismiss",
               children: "Dismiss"
@@ -1929,164 +2265,164 @@ function nt({
     }
   );
 }
-nt.displayName = "InlineNudge";
-function X(e) {
+Mt.displayName = "InlineNudge";
+function me(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function rt(e, t, n) {
+function Pt(e, t, n) {
   if (n <= t) {
-    const l = e[0], c = l ? X(l) : "#888";
-    return `linear-gradient(to right, ${c}, ${c})`;
+    const i = e[0], p = i ? me(i) : "#888";
+    return `linear-gradient(to right, ${p}, ${p})`;
   }
-  const a = n - t, s = [...e].sort((l, c) => l.value - c.value).map((l) => {
-    const c = (l.value - t) / a * 100;
-    return `${X(l)} ${c.toFixed(2)}%`;
+  const a = n - t, o = [...e].sort((i, p) => i.value - p.value).map((i) => {
+    const p = (i.value - t) / a * 100;
+    return `${me(i)} ${p.toFixed(2)}%`;
   });
-  return s.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : s.length === 1 ? `linear-gradient(to right, ${s[0]}, ${s[0]})` : `linear-gradient(to right, ${s.join(", ")})`;
+  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 ot(e) {
+function Ft(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function st({
+function Et({
   stops: e,
   onChange: t,
   min: n = 0,
   max: a = 100,
-  step: o,
-  disabled: s = !1
+  step: r,
+  disabled: o = !1
 }) {
-  const l = o === void 0 ? 0.01 : !Number.isFinite(o) || o <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
-    `ThresholdRamp: step (${o}) must be a positive finite number; falling back to 0.01.`
-  ), 0.01) : o, c = y(
-    (r) => Math.round(r / l) * l,
-    [l]
-  ), b = M(null), [u, w] = E(null), [C, i] = E(e), d = ot(e), S = M(d);
-  P(() => {
-    S.current !== d && (S.current = d, !u && i(e));
+  const i = r === void 0 ? 0.01 : !Number.isFinite(r) || r <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
+    `ThresholdRamp: step (${r}) must be a positive finite number; falling back to 0.01.`
+  ), 0.01) : r, p = v(
+    (s) => Math.round(s / i) * i,
+    [i]
+  ), h = M(null), [u, b] = B(null), [y, l] = B(e), d = Ft(e), w = M(d);
+  A(() => {
+    w.current !== d && (w.current = d, !u && l(e));
   }, [d, e, u]);
-  const k = ee(() => rt(C, n, a), [C, n, a]), m = y(
-    (r) => {
-      if (!b.current) return n;
-      const p = b.current.getBoundingClientRect(), f = p.width || 1, D = Math.max(0, Math.min(1, (r - p.left) / f)), N = n + D * (a - n);
-      return c(N);
+  const I = J(() => Pt(y, n, a), [y, n, a]), g = v(
+    (s) => {
+      if (!h.current) return n;
+      const m = h.current.getBoundingClientRect(), D = m.width || 1, k = Math.max(0, Math.min(1, (s - m.left) / D)), x = n + k * (a - n);
+      return p(x);
     },
-    [n, a, c]
+    [n, a, p]
   );
-  P(() => {
+  A(() => {
     a <= n && process.env.NODE_ENV !== "production" && console.warn(
       `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
     );
   }, [n, a]);
-  const x = y(
-    (r, p) => {
-      const f = C.find((D) => D.id === p);
-      s || f?.disabled || (r.preventDefault(), w(p));
+  const S = v(
+    (s, m) => {
+      const D = y.find((k) => k.id === m);
+      o || D?.disabled || (s.preventDefault(), b(m));
     },
-    [s, C]
-  ), I = M(C);
-  I.current = C;
-  const v = M(t);
-  v.current = t, P(() => {
+    [o, y]
+  ), C = M(y);
+  C.current = y;
+  const f = M(t);
+  f.current = t, A(() => {
     if (!u) return;
-    const r = (f) => {
-      const D = m(f.clientX);
-      i(
-        (N) => N.map((R) => R.id === u ? { ...R, value: D } : R)
+    const s = (D) => {
+      const k = g(D.clientX);
+      l(
+        (x) => x.map((R) => R.id === u ? { ...R, value: k } : R)
       );
-    }, p = (f) => {
-      const D = m(f.clientX), N = I.current.map(
-        (R) => R.id === u ? { ...R, value: D } : R
+    }, m = (D) => {
+      const k = g(D.clientX), x = C.current.map(
+        (R) => R.id === u ? { ...R, value: k } : R
       );
-      i(N), w(null), v.current(N);
+      l(x), b(null), f.current(x);
     };
-    return window.addEventListener("pointermove", r), window.addEventListener("pointerup", p), window.addEventListener("pointercancel", p), () => {
-      window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", p), window.removeEventListener("pointercancel", p);
+    return window.addEventListener("pointermove", s), window.addEventListener("pointerup", m), window.addEventListener("pointercancel", m), () => {
+      window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", m), window.removeEventListener("pointercancel", m);
     };
-  }, [u, m]);
-  const T = a - n > 0 ? a - n : 1, h = y(
-    (r, p) => {
-      if (s || p.disabled) return;
-      const f = a - n;
-      if (f <= 0) return;
-      const D = r.shiftKey ? f / 20 : f / 100;
-      let N = p.value;
-      switch (r.key) {
+  }, [u, g]);
+  const T = a - n > 0 ? a - n : 1, _ = v(
+    (s, m) => {
+      if (o || m.disabled) return;
+      const D = a - n;
+      if (D <= 0) return;
+      const k = s.shiftKey ? D / 20 : D / 100;
+      let x = m.value;
+      switch (s.key) {
         case "ArrowRight":
         case "ArrowUp":
-          N = p.value + D;
+          x = m.value + k;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          N = p.value - D;
+          x = m.value - k;
           break;
         case "Home":
-          N = n;
+          x = n;
           break;
         case "End":
-          N = a;
+          x = a;
           break;
         default:
           return;
       }
-      r.preventDefault();
-      const R = Math.max(n, Math.min(a, N)), _ = c(R);
-      if (_ === p.value) return;
-      const K = C.map(
-        (G) => G.id === p.id ? { ...G, value: _ } : G
+      s.preventDefault();
+      const R = Math.max(n, Math.min(a, x)), P = p(R);
+      if (P === m.value) return;
+      const W = y.map(
+        (H) => H.id === m.id ? { ...H, value: P } : H
       );
-      i(K), t(K);
+      l(W), t(W);
     },
-    [s, n, a, C, t, c]
+    [o, n, a, y, t, p]
   );
-  return /* @__PURE__ */ g("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ g(
+  return /* @__PURE__ */ c("div", { className: "gloss-threshold-ramp", "data-disabled": o || void 0, children: /* @__PURE__ */ c(
     "div",
     {
-      ref: b,
+      ref: h,
       className: "gloss-threshold-ramp__track",
-      style: { background: k },
-      children: C.map((r) => {
-        const p = (r.value - n) / T * 100;
-        return /* @__PURE__ */ g(
+      style: { background: I },
+      children: y.map((s) => {
+        const m = (s.value - n) / T * 100;
+        return /* @__PURE__ */ c(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
-              left: `${p}%`,
-              color: X(r)
+              left: `${m}%`,
+              color: me(s)
             },
-            "data-disabled": r.disabled || void 0,
-            "data-dragging": u === r.id || void 0,
-            onPointerDown: (f) => x(f, r.id),
-            onKeyDown: (f) => h(f, r),
-            "aria-label": r.label ?? `Stop at ${r.value}`,
+            "data-disabled": s.disabled || void 0,
+            "data-dragging": u === s.id || void 0,
+            onPointerDown: (D) => S(D, s.id),
+            onKeyDown: (D) => _(D, s),
+            "aria-label": s.label ?? `Stop at ${s.value}`,
             role: "slider",
-            "aria-valuenow": r.value,
+            "aria-valuenow": s.value,
             "aria-valuemin": n,
             "aria-valuemax": a,
-            "aria-disabled": r.disabled || s || void 0,
-            tabIndex: r.disabled || s ? -1 : 0
+            "aria-disabled": s.disabled || o || void 0,
+            tabIndex: s.disabled || o ? -1 : 0
           },
-          r.id
+          s.id
         );
       })
     }
   ) });
 }
-st.displayName = "ThresholdRamp";
-const pe = ye(null);
-function it() {
-  return we(pe);
+Et.displayName = "ThresholdRamp";
+const _e = Ee(null);
+function Ot() {
+  return Oe(_e);
 }
-function lt({ option: e }) {
-  const t = it(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, o = y(() => {
+function At({ option: e }) {
+  const t = Ot(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = v(() => {
     a || t?.select(e.value);
-  }, [a, t, e.value]), s = y(
+  }, [a, t, e.value]), o = v(
     (u) => {
       a || t?.onKeyNav(u, e.value);
     },
     [a, t, e.value]
-  ), l = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", c = t?.firstFocusableValue === e.value, b = a ? -1 : c ? 0 : -1;
-  return /* @__PURE__ */ g(
+  ), i = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", p = t?.firstFocusableValue === e.value, h = a ? -1 : p ? 0 : -1;
+  return /* @__PURE__ */ c(
     "button",
     {
       ref: (u) => t?.registerRef(e.value, u),
@@ -2094,230 +2430,230 @@ function lt({ option: e }) {
       role: "radio",
       "aria-checked": n,
       className: "gloss-preset-swatch-row__swatch",
-      style: { backgroundColor: l },
+      style: { backgroundColor: i },
       "data-selected": n || void 0,
       "data-disabled": a || void 0,
-      ...process.env.NODE_ENV === "test" ? { "data-bg-color": l } : {},
+      ...process.env.NODE_ENV === "test" ? { "data-bg-color": i } : {},
       "aria-label": e.label ?? e.value,
       "aria-disabled": a,
       disabled: a,
-      tabIndex: b,
-      onClick: o,
-      onKeyDown: s
+      tabIndex: h,
+      onClick: r,
+      onKeyDown: o
     }
   );
 }
-function dt({
+function Lt({
   swatches: e,
   value: t,
   defaultValue: n,
   onChange: a,
-  disabled: o = !1,
-  name: s
+  disabled: r = !1,
+  name: o
 }) {
-  const l = t !== void 0, [c, b] = E(n), u = l ? t : c, w = y(
-    (v) => {
-      l || b(v), a?.(v);
+  const i = t !== void 0, [p, h] = B(n), u = i ? t : p, b = v(
+    (f) => {
+      i || h(f), a?.(f);
     },
-    [l, a]
-  ), C = y(
-    (v) => u === v,
+    [i, a]
+  ), y = v(
+    (f) => u === f,
     [u]
-  ), i = M(/* @__PURE__ */ new Map()), d = y((v, T) => {
-    T ? i.current.set(v, T) : i.current.delete(v);
-  }, []), S = e.filter((v) => !v.disabled && !o), k = S.find((v) => v.value === u)?.value ?? S[0]?.value, m = y((v) => {
-    const T = i.current.get(v);
+  ), l = M(/* @__PURE__ */ new Map()), d = v((f, T) => {
+    T ? l.current.set(f, T) : l.current.delete(f);
+  }, []), w = e.filter((f) => !f.disabled && !r), I = w.find((f) => f.value === u)?.value ?? w[0]?.value, g = v((f) => {
+    const T = l.current.get(f);
     T && T.focus();
-  }, []), x = y(
-    (v, T) => {
-      if (o) return;
-      const h = e.filter((D) => !D.disabled);
-      if (h.length === 0) return;
-      const r = h.findIndex((D) => D.value === T);
-      if (r === -1) return;
-      let p = r;
-      switch (v.key) {
+  }, []), S = v(
+    (f, T) => {
+      if (r) return;
+      const _ = e.filter((k) => !k.disabled);
+      if (_.length === 0) return;
+      const s = _.findIndex((k) => k.value === T);
+      if (s === -1) return;
+      let m = s;
+      switch (f.key) {
         case "ArrowRight":
         case "ArrowDown":
-          p = (r + 1) % h.length;
+          m = (s + 1) % _.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          p = (r - 1 + h.length) % h.length;
+          m = (s - 1 + _.length) % _.length;
           break;
         case "Home":
-          p = 0;
+          m = 0;
           break;
         case "End":
-          p = h.length - 1;
+          m = _.length - 1;
           break;
         case " ":
         case "Enter":
-          v.preventDefault(), w(T);
+          f.preventDefault(), b(T);
           return;
         default:
           return;
       }
-      v.preventDefault();
-      const f = h[p].value;
-      m(f), w(f);
+      f.preventDefault();
+      const D = _[m].value;
+      g(D), b(D);
     },
-    [o, e, w, m]
-  ), I = {
+    [r, e, b, g]
+  ), C = {
     selectedValue: u,
-    select: w,
-    isSelected: C,
-    groupDisabled: o,
-    name: s,
+    select: b,
+    isSelected: y,
+    groupDisabled: r,
+    name: o,
     registerRef: d,
-    firstFocusableValue: k,
-    onKeyNav: x
+    firstFocusableValue: I,
+    onKeyNav: S
   };
-  return /* @__PURE__ */ g(pe.Provider, { value: I, children: /* @__PURE__ */ g(
+  return /* @__PURE__ */ c(_e.Provider, { value: C, children: /* @__PURE__ */ c(
     "div",
     {
       className: "gloss-preset-swatch-row",
       role: "radiogroup",
-      "aria-label": s,
-      "aria-disabled": o,
-      "data-disabled": o || void 0,
-      children: e.map((v) => /* @__PURE__ */ g(lt, { option: v }, v.value))
+      "aria-label": o,
+      "aria-disabled": r,
+      "data-disabled": r || void 0,
+      children: e.map((f) => /* @__PURE__ */ c(At, { option: f }, f.value))
     }
   ) });
 }
-dt.displayName = "PresetSwatchRow";
-function J(e, t) {
+Lt.displayName = "PresetSwatchRow";
+function pe(e, t) {
   for (const n of e)
     if (n.items.some((a) => a.id === t))
       return n.zoneKey;
   return null;
 }
-function le(e, t) {
+function we(e, t) {
   const n = e.find((a) => a.zoneKey === t);
-  return n ? n.zoneKey : J(e, t);
+  return n ? n.zoneKey : pe(e, t);
 }
-function ct(e, t, n) {
-  const a = [...e], [o] = a.splice(t, 1);
-  return a.splice(n, 0, o), a;
+function $t(e, t, n) {
+  const a = [...e], [r] = a.splice(t, 1);
+  return a.splice(n, 0, r), a;
 }
-function ut(e) {
+function Bt(e) {
   return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
 }
-function mt(e) {
-  const [t, n] = E(
-    () => e.zones.map((m) => m.maxItems !== void 0 && m.items.length > m.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-      `useSortableZones: zone "${m.zoneKey}" exceeds maxItems (${m.items.length} > ${m.maxItems}); trimming to cap.`
-    ), { ...m, items: m.items.slice(0, m.maxItems) }) : m)
-  ), [a, o] = E(null), [s, l] = E(null), c = M(null), b = M(e.onZoneChange);
-  b.current = e.onZoneChange;
-  const u = ee(
-    () => ut(e.zones),
+function Kt(e) {
+  const [t, n] = B(
+    () => e.zones.map((g) => g.maxItems !== void 0 && g.items.length > g.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+      `useSortableZones: zone "${g.zoneKey}" exceeds maxItems (${g.items.length} > ${g.maxItems}); trimming to cap.`
+    ), { ...g, items: g.items.slice(0, g.maxItems) }) : g)
+  ), [a, r] = B(null), [o, i] = B(null), p = M(null), h = M(e.onZoneChange);
+  h.current = e.onZoneChange;
+  const u = J(
+    () => Bt(e.zones),
     [e.zones]
-  ), w = M(u);
-  P(() => {
-    w.current !== u && (w.current = u, !a && n(
-      e.zones.map((m) => m.maxItems !== void 0 && m.items.length > m.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-        `useSortableZones: zone "${m.zoneKey}" exceeds maxItems (${m.items.length} > ${m.maxItems}); trimming to cap.`
-      ), { ...m, items: m.items.slice(0, m.maxItems) }) : m)
+  ), b = M(u);
+  A(() => {
+    b.current !== u && (b.current = u, !a && n(
+      e.zones.map((g) => g.maxItems !== void 0 && g.items.length > g.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+        `useSortableZones: zone "${g.zoneKey}" exceeds maxItems (${g.items.length} > ${g.maxItems}); trimming to cap.`
+      ), { ...g, items: g.items.slice(0, g.maxItems) }) : g)
     ));
   }, [u, e.zones, a]);
-  const C = y(
-    (m) => {
-      const x = m.active.id;
-      let I = null, v = null;
+  const y = v(
+    (g) => {
+      const S = g.active.id;
+      let C = null, f = null;
       for (const T of t) {
-        const h = T.items.find((r) => r.id === x);
-        if (h) {
-          I = h, v = T.zoneKey;
+        const _ = T.items.find((s) => s.id === S);
+        if (_) {
+          C = _, f = T.zoneKey;
           break;
         }
       }
-      c.current = v, o(I), l(v);
+      p.current = f, r(C), i(f);
     },
     [t]
-  ), i = y(
-    (m) => {
-      if (!m.over) {
-        l(c.current);
+  ), l = v(
+    (g) => {
+      if (!g.over) {
+        i(p.current);
         return;
       }
-      const x = le(t, m.over.id);
-      l(x);
+      const S = we(t, g.over.id);
+      i(S);
     },
     [t]
-  ), d = y(
-    (m) => {
-      const { active: x, over: I } = m, v = () => {
-        c.current = null, o(null), l(null);
+  ), d = v(
+    (g) => {
+      const { active: S, over: C } = g, f = () => {
+        p.current = null, r(null), i(null);
       };
-      if (!I) {
-        v();
+      if (!C) {
+        f();
         return;
       }
-      const T = J(t, x.id), h = le(t, I.id);
-      if (!T || !h) {
-        v();
+      const T = pe(t, S.id), _ = we(t, C.id);
+      if (!T || !_) {
+        f();
         return;
       }
-      let r = t.map((p) => ({ ...p, items: [...p.items] }));
-      if (T === h) {
-        const p = r.findIndex((_) => _.zoneKey === T), f = r[p], D = f.items.findIndex((_) => _.id === x.id), N = f.items.findIndex((_) => _.id === I.id), R = N >= 0 ? N : Math.max(0, f.items.length - 1);
-        r[p] = {
-          ...f,
-          items: ct(f.items, D, R)
+      let s = t.map((m) => ({ ...m, items: [...m.items] }));
+      if (T === _) {
+        const m = s.findIndex((P) => P.zoneKey === T), D = s[m], k = D.items.findIndex((P) => P.id === S.id), x = D.items.findIndex((P) => P.id === C.id), R = x >= 0 ? x : Math.max(0, D.items.length - 1);
+        s[m] = {
+          ...D,
+          items: $t(D.items, k, R)
         };
       } else {
-        const p = r.findIndex((A) => A.zoneKey === T), f = r.findIndex((A) => A.zoneKey === h), D = r[p], N = r[f], R = D.items.find((A) => A.id === x.id);
+        const m = s.findIndex((K) => K.zoneKey === T), D = s.findIndex((K) => K.zoneKey === _), k = s[m], x = s[D], R = k.items.find((K) => K.id === S.id);
         if (!R) {
-          v();
+          f();
           return;
         }
-        const _ = D.items.filter((A) => A.id !== x.id), K = N.items.findIndex((A) => A.id === I.id), G = K >= 0 ? K : N.items.length;
-        let ae = _, $ = [...N.items];
-        if (N.maxItems !== void 0 && $.length >= N.maxItems) {
-          const A = $[$.length - 1];
-          $ = $.slice(0, N.maxItems - 1), ae = [..._, A];
+        const P = k.items.filter((K) => K.id !== S.id), W = x.items.findIndex((K) => K.id === C.id), H = W >= 0 ? W : x.items.length;
+        let ee = P, V = [...x.items];
+        if (x.maxItems !== void 0 && V.length >= x.maxItems) {
+          const K = V[V.length - 1];
+          V = V.slice(0, x.maxItems - 1), ee = [...P, K];
         }
-        const ne = Math.min(G, $.length), he = [
-          ...$.slice(0, ne),
+        const te = Math.min(H, V.length), ae = [
+          ...V.slice(0, te),
           R,
-          ...$.slice(ne)
+          ...V.slice(te)
         ];
-        r[p] = { ...D, items: ae }, r[f] = { ...N, items: he };
+        s[m] = { ...k, items: ee }, s[D] = { ...x, items: ae };
       }
-      n(r), b.current?.(r), v();
+      n(s), h.current?.(s), f();
     },
     [t]
-  ), S = y(
-    (m) => ({
-      id: m,
-      "data-zone-key": m
+  ), w = v(
+    (g) => ({
+      id: g,
+      "data-zone-key": g
     }),
     []
-  ), k = y(
-    (m) => {
-      const x = J(t, m.id) ?? "";
+  ), I = v(
+    (g) => {
+      const S = pe(t, g.id) ?? "";
       return {
-        id: m.id,
-        "data-item-id": m.id,
-        "data-zone-key": x
+        id: g.id,
+        "data-item-id": g.id,
+        "data-zone-key": S
       };
     },
     [t]
   );
   return {
     zones: t,
-    activeZone: s,
+    activeZone: o,
     activeItem: a,
-    getZoneProps: S,
-    getItemProps: k,
-    handleDragStart: C,
-    handleDragOver: i,
+    getZoneProps: w,
+    getItemProps: I,
+    handleDragStart: y,
+    handleDragOver: l,
     handleDragEnd: d
   };
 }
-let H = null, V = null, Y = !1;
-const pt = [
+let X = null, ne = null, le = !1;
+const Gt = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -2326,22 +2662,22 @@ const pt = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], gt = [
+], Vt = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function bt(e, t) {
+function Ht(e, t) {
   const n = [], a = e ?? {};
-  for (const s of pt)
-    a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
-  const o = t ?? {};
-  for (const s of gt)
-    o[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
+  for (const o of Gt)
+    a[o] === void 0 && n.push(`@dnd-kit/core:${o}`);
+  const r = t ?? {};
+  for (const o of Vt)
+    r[o] === void 0 && n.push(`@dnd-kit/sortable:${o}`);
   return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
 }
-function ft() {
-  return H ? Promise.resolve(H) : Y ? Promise.resolve(null) : V || (V = (async () => {
+function zt() {
+  return X ? Promise.resolve(X) : le ? Promise.resolve(null) : ne || (ne = (async () => {
     try {
       const [e, t, n] = await Promise.all([
         import("@dnd-kit/core"),
@@ -2349,404 +2685,410 @@ function ft() {
         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 = bt(e, t);
-      return a.ok ? (H = {
+      ]), a = Ht(e, t);
+      return a.ok ? (X = {
         core: e,
         sortable: t,
         utilities: n
-      }, H) : (Y = !0, process.env.NODE_ENV !== "production" && console.error(
+      }, X) : (le = !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 Y = !0, null;
+      return le = !0, null;
     }
-  })(), V);
+  })(), ne);
 }
-function ht(e) {
-  const { zones: t, onZoneChange: n, renderZone: a, renderItem: o, renderDragOverlay: s } = e, l = mt({ zones: t, onZoneChange: n }), [c, b] = F.useState(H);
-  return F.useEffect(() => {
-    if (c) return;
+function Wt(e) {
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: o } = e, i = Kt({ zones: t, onZoneChange: n }), [p, h] = G.useState(X);
+  return G.useEffect(() => {
+    if (p) return;
     let u = !0;
-    return ft().then((w) => {
-      u && b(w);
+    return zt().then((b) => {
+      u && h(b);
     }), () => {
       u = !1;
     };
-  }, [c]), c ? /* @__PURE__ */ g(
-    ge,
+  }, [p]), p ? /* @__PURE__ */ c(
+    Ie,
     {
-      state: l,
-      modules: c,
+      state: i,
+      modules: p,
       renderZone: a,
-      renderItem: o,
-      renderDragOverlay: s
+      renderItem: r,
+      renderDragOverlay: o
     }
-  ) : /* @__PURE__ */ g("div", { "data-sortable-zones-passive": "true", children: l.zones.map((u) => {
-    const w = u.items.map((C) => /* @__PURE__ */ g(F.Fragment, { children: o(C) }, C.id));
-    return /* @__PURE__ */ g("div", { ...l.getZoneProps(u.zoneKey), children: a(u.zoneKey, u.items, w) }, u.zoneKey);
+  ) : /* @__PURE__ */ c("div", { "data-sortable-zones-passive": "true", children: i.zones.map((u) => {
+    const b = u.items.map((y) => /* @__PURE__ */ c(G.Fragment, { children: r(y) }, y.id));
+    return /* @__PURE__ */ c("div", { ...i.getZoneProps(u.zoneKey), children: a(u.zoneKey, u.items, b) }, u.zoneKey);
   }) });
 }
-ht.displayName = "SortableZones";
-function ge({
+Wt.displayName = "SortableZones";
+function Ie({
   state: e,
   modules: t,
   renderZone: n,
   renderItem: a,
-  renderDragOverlay: o
+  renderDragOverlay: r
 }) {
-  const { core: s, sortable: l, utilities: c } = t, { DndContext: b, DragOverlay: u, useSensors: w, useSensor: C, useDroppable: i, PointerSensor: d, KeyboardSensor: S, closestCenter: k } = s, { SortableContext: m, verticalListSortingStrategy: x } = l, I = w(
-    C(d, { activationConstraint: { distance: 5 } }),
-    C(S)
-  ), v = b, T = u, h = m;
-  return /* @__PURE__ */ O(
-    v,
+  const { core: o, sortable: i, utilities: p } = t, { DndContext: h, DragOverlay: u, useSensors: b, useSensor: y, useDroppable: l, PointerSensor: d, KeyboardSensor: w, closestCenter: I } = o, { SortableContext: g, verticalListSortingStrategy: S } = i, C = b(
+    y(d, { activationConstraint: { distance: 5 } }),
+    y(w)
+  ), f = h, T = u, _ = g;
+  return /* @__PURE__ */ E(
+    f,
     {
-      sensors: I,
-      collisionDetection: k,
+      sensors: C,
+      collisionDetection: I,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((r) => {
-          const p = r.items.map((D) => D.id), f = r.items.map((D) => /* @__PURE__ */ g(
-            be,
+        e.zones.map((s) => {
+          const m = s.items.map((k) => k.id), D = s.items.map((k) => /* @__PURE__ */ c(
+            Re,
             {
-              id: D.id,
-              useSortable: l.useSortable,
-              cssHelper: c.CSS,
-              children: a(D)
+              id: k.id,
+              useSortable: i.useSortable,
+              cssHelper: p.CSS,
+              children: a(k)
             },
-            D.id
+            k.id
           ));
-          return /* @__PURE__ */ g(
-            fe,
+          return /* @__PURE__ */ c(
+            Me,
             {
-              zoneKey: r.zoneKey,
-              zoneProps: e.getZoneProps(r.zoneKey),
-              useDroppable: i,
-              children: /* @__PURE__ */ g(h, { items: p, strategy: x, children: n(r.zoneKey, r.items, f) })
+              zoneKey: s.zoneKey,
+              zoneProps: e.getZoneProps(s.zoneKey),
+              useDroppable: l,
+              children: /* @__PURE__ */ c(_, { items: m, strategy: S, children: n(s.zoneKey, s.items, D) })
             },
-            r.zoneKey
+            s.zoneKey
           );
         }),
-        /* @__PURE__ */ g(T, { children: e.activeItem ? o?.(e.activeItem) ?? a(e.activeItem) : null })
+        /* @__PURE__ */ c(T, { children: e.activeItem ? r?.(e.activeItem) ?? a(e.activeItem) : null })
       ]
     }
   );
 }
-ge.displayName = "SortableZonesInner";
-function be({ id: e, useSortable: t, cssHelper: n, children: a }) {
-  const { attributes: o, listeners: s, setNodeRef: l, transform: c, transition: b, isDragging: u } = t({ id: e }), w = {
-    transform: n?.Transform?.toString(c) ?? void 0,
-    transition: b,
+Ie.displayName = "SortableZonesInner";
+function Re({ id: e, useSortable: t, cssHelper: n, children: a }) {
+  const { attributes: r, listeners: o, setNodeRef: i, transform: p, transition: h, isDragging: u } = t({ id: e }), b = {
+    transform: n?.Transform?.toString(p) ?? void 0,
+    transition: h,
     opacity: u ? 0.5 : 1
   };
-  return /* @__PURE__ */ g("div", { ref: l, style: w, "data-sortable-item-id": e, ...o, ...s, children: a });
+  return /* @__PURE__ */ c("div", { ref: i, style: b, "data-sortable-item-id": e, ...r, ...o, children: a });
 }
-be.displayName = "SortableItem";
-function fe({
+Re.displayName = "SortableItem";
+function Me({
   zoneKey: e,
   zoneProps: t,
   useDroppable: n,
   children: a
 }) {
-  const { setNodeRef: o, isOver: s } = n({ id: e });
-  return /* @__PURE__ */ g("div", { ref: o, "data-zone-is-over": s || void 0, ...t, children: a });
+  const { setNodeRef: r, isOver: o } = n({ id: e });
+  return /* @__PURE__ */ c("div", { ref: r, "data-zone-is-over": o || void 0, ...t, children: a });
 }
-fe.displayName = "ZoneDroppable";
-const vt = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
-  const o = { ...n };
-  return delete o.className, delete o.style, /* @__PURE__ */ g("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...o, children: /* @__PURE__ */ g(te, { region: "toolbar", density: e, children: t }) });
+Me.displayName = "ZoneDroppable";
+const Zt = G.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+  const r = { ...n };
+  return delete r.className, delete r.style, /* @__PURE__ */ c("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ c(ge, { region: "toolbar", density: e, children: t }) });
 });
-vt.displayName = "ContainerToolbar";
-const yt = F.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...o }, s) => {
-  const l = { ...o };
-  return delete l.className, delete l.style, /* @__PURE__ */ O("fieldset", { ref: s, className: "gloss-container-form-section", ...l, children: [
-    e && /* @__PURE__ */ g("legend", { className: "gloss-container-form-section__legend", children: e }),
-    t && /* @__PURE__ */ g("p", { className: "gloss-container-form-section__description", children: t }),
-    /* @__PURE__ */ g(te, { region: "form-section", density: n, children: a })
+Zt.displayName = "ContainerToolbar";
+const Ut = G.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...r }, o) => {
+  const i = { ...r };
+  return delete i.className, delete i.style, /* @__PURE__ */ E("fieldset", { ref: o, className: "gloss-container-form-section", ...i, 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(ge, { region: "form-section", density: n, children: a })
   ] });
 });
-yt.displayName = "ContainerFormSection";
-const wt = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
-  const o = { ...n };
-  return delete o.className, delete o.style, /* @__PURE__ */ g("div", { ref: a, className: "gloss-container-table", ...o, children: /* @__PURE__ */ g(te, { region: "table", density: e, children: t }) });
+Ut.displayName = "ContainerFormSection";
+const Yt = G.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+  const r = { ...n };
+  return delete r.className, delete r.style, /* @__PURE__ */ c("div", { ref: a, className: "gloss-container-table", ...r, children: /* @__PURE__ */ c(ge, { region: "table", density: e, children: t }) });
 });
-wt.displayName = "ContainerTable";
+Yt.displayName = "ContainerTable";
 export {
-  Na as Accordion,
-  Sa as AccordionContent,
-  ka as AccordionItem,
-  xa as AccordionTrigger,
-  Ta as ActionStrip,
-  Ia as Actionable,
-  Ra as AddressGroup,
-  _a as AddressSelect,
-  Ma as AsyncLoader,
-  Pa as Autocomplete,
-  Fa as Badge,
-  Ea as BarChartCard,
-  Oa as BarsBg,
-  Aa as Button,
-  La as ButtonGroup,
-  $a as ButtonGroupContext,
-  Ba as Card,
-  Ka as CardActions,
-  Ga as CardBack,
-  Ha as CardBody,
-  za as CardFooter,
-  Va as CardHeader,
-  Wa as CardMedia,
-  Za as CardShell,
-  Ua as CardSubtitle,
-  Ya as CardTitle,
-  qa as ChartControlBar,
-  ja as Checkbox,
-  Qa as CheckboxGroup,
-  Xa as Chip,
-  Ja as ColorPicker,
-  en as ComparisonCard,
-  tn as ContactForm,
-  an as ContainerCard,
-  nn as ContainerCardActions,
-  rn as ContainerCardBody,
-  on as ContainerCardFooter,
-  sn as ContainerCardHeader,
-  ln as ContainerCardMedia,
-  dn as ContainerCardSubtitle,
-  cn as ContainerCardTitle,
-  un as ContainerDialog,
-  mn as ContainerDialogActions,
-  pn as ContainerDialogBody,
-  gn as ContainerDialogHeader,
-  yt as ContainerFormSection,
-  bn as ContainerPanel,
-  wt as ContainerTable,
-  vt as ContainerToolbar,
-  fn as CreditCardForm,
-  hn as DEFAULT_FOOTER_IDS,
-  Zo as DEFAULT_MARKET_PRESETS,
-  vn as DEFAULT_OVERFLOW_IDS,
-  Uo as DEFAULT_PINNED,
-  yn as DataTable,
-  wn as DatePicker,
-  Cn as DateRangePicker,
-  Dn as DestructiveModal,
-  Nn as DirectionCard,
-  Sn as Dismissible,
-  kn as DistributionCard,
-  xn as DonutChart,
-  Tn as Dropdown,
-  In as ENTITY_FILTER_KEYS,
-  Rn as ENTITY_PROFILE_ROUTES,
-  _n as ENTITY_TYPE_PLURAL,
-  Ae as EdgeHoverHandle,
-  Mn as EntityPicker,
-  Pn as EntitySearchPanel,
-  Fn as Expandable,
-  En as ExpandableChip,
-  On as FLIP_AND_STAGE_TIMINGS,
-  An as FileUpload,
-  Ln as FilterChip,
-  $n as FilterInput,
-  Bn as FlipAndStageProvider,
-  Kn as Form,
-  Gn as FormDialog,
-  Hn as FormField,
-  zn as FusedShape,
-  Le as GhostPreview,
-  Vn as GroupCheckbox,
-  Wn as GroupRadio,
-  Zn as HighlightCard,
-  Un as HybridDatePicker,
-  Yn as ImportWizard,
-  nt as InlineNudge,
-  qn as Input,
-  jn as InputAddon,
-  Qn as InputGroup,
-  Xn as Link,
-  Jn as LoginForm,
-  er as MarketPresetRow,
-  tr as MaskPresets,
-  ar as MaskedInput,
-  nr as Menu,
-  rr as MenuDivider,
-  or as MenuGroup,
-  sr as MenuItem,
-  ir as MergePrompt,
-  lr as MetricCard,
-  dr as MetricCardGrid,
-  at as MetricGroupContainer,
-  cr as MiniCalendar,
-  ur as MultiSelect,
-  mr as NumberInput,
-  pr as ObjectArrow,
-  gr as OrderFilterBar,
-  Yo as PERIOD_OPTIONS,
-  Ve as PageChip,
-  de as PageDropdown,
-  br as PasswordInput,
-  fr as PaymentForm,
-  hr as PaymentMethodSelect,
-  vr as PhoneInput,
-  yr as PinToMetric,
-  dt as PresetSwatchRow,
-  wr as ProfileCard,
-  Cr as ProgressCard,
-  Dr as QuickConfigPanel,
-  Qe as RECONFIG_BACKSIDE_LABELS,
-  qo as ROLLING_OPTIONS,
-  Nr as Radio,
-  Sr as RadioGroup,
-  kr as RangeSlider,
-  xr as Rating,
-  et as ReconfigBacksideButtons,
-  Tr as RegistrationForm,
-  Ir as Row1Controls,
-  Rr as Row2FilterTray,
-  _r as SearchInput,
-  Mr as SegmentCard,
-  Pr as SegmentedControl,
-  Fr as Select,
-  Er as Selectable,
-  Or as SimpleMetricCard,
-  Ar as SimpleSelector,
-  Lr as Skeleton,
-  $r as SkeletonCard,
-  Br as SkeletonChart,
-  Kr as SkeletonTable,
-  Gr as Slider,
-  Hr as Sortable,
-  ht as SortableZones,
-  zr as SparklineBg,
-  Vr as SplitButton,
-  Wr as StackedGroupCard,
-  Zr as StatusModeCard,
-  Oe as StatusSlotChipMenu,
-  Ur as Stepper,
-  jo as TODAY_PRESET,
-  Yr as TabGroup,
-  qr as TabbedDataView,
-  jr as TagInput,
-  Qr as Textarea,
-  st as ThresholdRamp,
-  Xr as TimeFrame,
-  Jr as TimePicker,
-  eo as Toggle,
-  to as Tooltip,
-  ao as Transition,
-  no as TransitionGroup,
-  ro as TrendCard,
-  oo as TrendIndicator,
-  zo as UIContext,
-  te as UIContextProvider,
-  so as UnifiedBreakdownTable,
-  io as UnifiedContextMenu,
-  lo as addressGroupMetadata,
-  co as addressSchema,
-  Ft as allChips,
-  Zt as allStateFixtures,
-  Wt as allVariantFixtures,
-  Lt as blockSamples,
-  uo as buildDefaultOverflow,
-  Ht as cardSamples,
-  Kt as chartSamples,
-  Bt as circleSamples,
-  ga as compactLayout,
-  na as compactState,
-  Vt as computeGutterAnchorX,
-  mo as contactFormMetadata,
-  po as contactSchema,
-  ra as contextMenuFixtures,
-  go as creditCardFormMetadata,
-  bo as creditCardSchema,
-  Me as dateChip,
-  me as defaultControlBarState,
-  fo as destructiveModalMetadata,
-  ho as durations,
-  vo as easings,
-  Ke as emptyFixture,
-  Re as entityChip,
-  Ye as entityNameActions,
-  Ot as entityTabGroup,
-  Be as errorFixture,
-  aa as filteredState,
-  Qo as findPreset,
-  Xo as formatDateRange,
-  Jo as formatMarketDates,
-  es as formatTrend,
-  ts as formatValue,
-  fa as fullLayout,
-  as as generateMarketId,
-  yo as generateTabId,
-  ns as getAllPresets,
-  rs as getDateRangeForPreset,
-  wo as getMenuActions,
-  os as getPresetLabel,
-  Co as getTransitionStyle,
-  pa as gridCards,
-  Do as interpolate,
-  ss as isInRange,
-  is as isMarketActive,
-  ls as isSameDay,
-  ta as itemColumns,
-  Jt as itemRows,
-  $e as loadingFixture,
-  No as loginFormMetadata,
-  So as loginSchema,
-  Pe as manufacturerChip,
-  wa as manyTabs,
-  ko as mergeHandlers,
-  xo as mergeRefs,
-  Et as metricTabGroup,
-  va as mixedTabs,
-  ds as normalizePresetId,
-  je as numericActions,
-  ea as orderColumns,
-  qe as orderIdActions,
-  Xt as orderRows,
-  ha as ordersTabs,
-  To as parseNumericValue,
-  Io as paymentFormMetadata,
-  Ro as paymentSchema,
-  _o as presets,
-  Mo as registrationFormMetadata,
-  Po as registrationSchema,
-  sa as sampleCompareRanges,
-  da as sampleCustomMarkets,
-  oa as sampleDateRange,
-  ca as sampleMarketPresetData,
-  la as sampleMarkets,
-  ma as samplePeriodPresets,
-  ia as samplePreferences,
-  ua as samplePresets,
-  ya as singleTab,
-  Ut as sparklineFixture,
-  Yt as sparklineUpFixture,
-  ze as staleDonutFixture,
-  Ge as staleFixture,
-  He as staleSparklineFixture,
-  qt as standardFixture,
-  Qt as standardFlatFixture,
-  ba as standardLayout,
-  jt as standardNegativeFixture,
-  _e as statusChip,
-  Gt as tableSamples,
-  $t as textSamples,
-  At as timeFrameTabGroup,
-  cs as toUppercasePresetId,
-  Pt as useArrowNavigation,
-  Fo as useCheckboxGroupContext,
-  zt as useEdgeHoverResize,
-  Eo as useFilterLayout,
-  Oo as useFlipAndStage,
-  Ao as useFlipAndStageContext,
-  Lo as useFlipAndStageContextOptional,
-  Mt as useFocusReturn,
-  $o as useFocusTrap,
-  Bo as useFormContext,
-  Ko as useRadioGroupContext,
-  Go as useSlideOutReveal,
-  mt as useSortableZones,
-  Vo as useUIContext
+  Ja as Accordion,
+  en as AccordionContent,
+  tn as AccordionItem,
+  an as AccordionTrigger,
+  nn as ActionStrip,
+  rn as Actionable,
+  sn as AddressGroup,
+  on as AddressSelect,
+  ln as AsyncLoader,
+  dn as Autocomplete,
+  cn as Badge,
+  un as BarChartCard,
+  mn as BarsBg,
+  pn as Button,
+  gn as ButtonGroup,
+  fn as ButtonGroupContext,
+  bn as Card,
+  hn as CardActions,
+  vn as CardBack,
+  yn as CardBody,
+  wn as CardFooter,
+  Dn as CardHeader,
+  Cn as CardMedia,
+  Nn as CardShell,
+  kn as CardSubtitle,
+  xn as CardTitle,
+  Sn as ChartControlBar,
+  Tn as Checkbox,
+  _n as CheckboxGroup,
+  In as Chip,
+  Rn as ColorPicker,
+  Mn as ComparisonCard,
+  Pn as ContactForm,
+  Fn as ContainerCard,
+  En as ContainerCardActions,
+  On as ContainerCardBody,
+  An as ContainerCardFooter,
+  Ln as ContainerCardHeader,
+  $n as ContainerCardMedia,
+  Bn as ContainerCardSubtitle,
+  Kn as ContainerCardTitle,
+  Gn as ContainerDialog,
+  Vn as ContainerDialogActions,
+  Hn as ContainerDialogBody,
+  zn as ContainerDialogHeader,
+  Ut as ContainerFormSection,
+  Wn as ContainerPanel,
+  Yt as ContainerTable,
+  Zt as ContainerToolbar,
+  Zn as CreditCardForm,
+  Un as DEFAULT_FOOTER_IDS,
+  Co as DEFAULT_MARKET_PRESETS,
+  Yn as DEFAULT_OVERFLOW_IDS,
+  No as DEFAULT_PINNED,
+  Ce as DEFAULT_RESIZE_PHYSICS,
+  qn as DataTable,
+  jn as DatePicker,
+  Xn as DateRangePicker,
+  Qn as DestructiveModal,
+  It as DevTuningPanel,
+  Jn as DirectionCard,
+  er as Dismissible,
+  tr as DistributionCard,
+  ar as DonutChart,
+  nr as Dropdown,
+  rr as ENTITY_FILTER_KEYS,
+  sr as ENTITY_PROFILE_ROUTES,
+  or as ENTITY_TYPE_PLURAL,
+  Je as EdgeHoverHandle,
+  ir as EntityPicker,
+  lr as EntitySearchPanel,
+  dr as Expandable,
+  cr as ExpandableChip,
+  ur as FLIP_AND_STAGE_TIMINGS,
+  mr as FileUpload,
+  pr as FilterChip,
+  gr as FilterInput,
+  fr as FlipAndStageProvider,
+  br as Form,
+  hr as FormDialog,
+  vr as FormField,
+  yr as FusedShape,
+  et as GhostPreview,
+  wr as GroupCheckbox,
+  Dr as GroupRadio,
+  Cr as HighlightCard,
+  Nr as HybridDatePicker,
+  kr as ImportWizard,
+  Mt as InlineNudge,
+  xr as Input,
+  Sr as InputAddon,
+  Tr as InputGroup,
+  _r as Link,
+  Ir as LoginForm,
+  Rr as MarketPresetRow,
+  Mr as MaskPresets,
+  Pr as MaskedInput,
+  Fr as Menu,
+  Er as MenuDivider,
+  Or as MenuGroup,
+  Ar as MenuItem,
+  Lr as MergePrompt,
+  $r as MetricCard,
+  Br as MetricCardGrid,
+  wt as MetricGroupContainer,
+  Kr as MiniCalendar,
+  Gr as MultiSelect,
+  Vr as NumberInput,
+  Hr as ObjectArrow,
+  zr as OrderFilterBar,
+  ko as PERIOD_OPTIONS,
+  lt as PageChip,
+  Ne as PageDropdown,
+  Wr as PasswordInput,
+  Zr as PaymentForm,
+  Ur as PaymentMethodSelect,
+  Yr as PhoneInput,
+  qr as PinToMetric,
+  Lt as PresetSwatchRow,
+  jr as ProfileCard,
+  Xr as ProgressCard,
+  Qr as QuickConfigPanel,
+  ft as RECONFIG_BACKSIDE_LABELS,
+  xo as ROLLING_OPTIONS,
+  Jr as Radio,
+  es as RadioGroup,
+  ts as RangeSlider,
+  as as Rating,
+  vt as ReconfigBacksideButtons,
+  ns as RegistrationForm,
+  rs as Row1Controls,
+  ss as Row2FilterTray,
+  os as SearchInput,
+  is as SegmentCard,
+  ls as SegmentedControl,
+  ds as Select,
+  cs as Selectable,
+  us as SimpleMetricCard,
+  ms as SimpleSelector,
+  ps as Skeleton,
+  gs as SkeletonCard,
+  fs as SkeletonChart,
+  bs as SkeletonTable,
+  hs as Slider,
+  vs as Sortable,
+  Wt as SortableZones,
+  ys as SparklineBg,
+  ws as SplitButton,
+  Ds as StackedGroupCard,
+  Cs as StatusModeCard,
+  Qe as StatusSlotChipMenu,
+  Ns as Stepper,
+  So as TODAY_PRESET,
+  Y as TUNING_DEFAULTS,
+  Te as TUNING_STORAGE_KEY,
+  ks as TabGroup,
+  xs as TabbedDataView,
+  Ss as TagInput,
+  Ts as Textarea,
+  Et as ThresholdRamp,
+  _s as TimeFrame,
+  Is as TimePicker,
+  Rs as Toggle,
+  Ms as Tooltip,
+  Ps as Transition,
+  Fs as TransitionGroup,
+  Es as TrendCard,
+  Os as TrendIndicator,
+  yo as UIContext,
+  ge as UIContextProvider,
+  As as UnifiedBreakdownTable,
+  Ls as UnifiedContextMenu,
+  tt as VelocityBuffer,
+  $s as addressGroupMetadata,
+  Bs as addressSchema,
+  da as allChips,
+  Ca as allStateFixtures,
+  Da as allVariantFixtures,
+  pa as blockSamples,
+  Ks as buildDefaultOverflow,
+  va as cardSamples,
+  ba as chartSamples,
+  fa as circleSamples,
+  za as compactLayout,
+  Fa as compactState,
+  wa as computeGutterAnchorX,
+  Gs as contactFormMetadata,
+  Vs as contactSchema,
+  Ea as contextMenuFixtures,
+  Hs as creditCardFormMetadata,
+  zs as creditCardSchema,
+  Ye as dateChip,
+  Se as defaultControlBarState,
+  Ws as destructiveModalMetadata,
+  Zs as durations,
+  Us as easings,
+  rt as emptyFixture,
+  Ze as entityChip,
+  mt as entityNameActions,
+  ua as entityTabGroup,
+  nt as errorFixture,
+  Pa as filteredState,
+  To as findPreset,
+  _o as formatDateRange,
+  Io as formatMarketDates,
+  Ro as formatTrend,
+  Mo as formatValue,
+  Za as fullLayout,
+  Po as generateMarketId,
+  Ys as generateTabId,
+  Fo as getAllPresets,
+  Eo as getDateRangeForPreset,
+  qs as getMenuActions,
+  Oo as getPresetLabel,
+  js as getTransitionStyle,
+  Ha as gridCards,
+  Xs as interpolate,
+  Ao as isInRange,
+  Lo as isMarketActive,
+  $o as isSameDay,
+  Ma as itemColumns,
+  Ia as itemRows,
+  at as loadingFixture,
+  Qs as loginFormMetadata,
+  Js as loginSchema,
+  qe as manufacturerChip,
+  ja as manyTabs,
+  eo as mergeHandlers,
+  to as mergeRefs,
+  ca as metricTabGroup,
+  Ya as mixedTabs,
+  Bo as normalizePresetId,
+  gt as numericActions,
+  Ra as orderColumns,
+  pt as orderIdActions,
+  _a as orderRows,
+  Ua as ordersTabs,
+  ao as parseNumericValue,
+  no as paymentFormMetadata,
+  ro as paymentSchema,
+  so as presets,
+  oo as registrationFormMetadata,
+  io as registrationSchema,
+  Aa as sampleCompareRanges,
+  Ba as sampleCustomMarkets,
+  Oa as sampleDateRange,
+  Ka as sampleMarketPresetData,
+  $a as sampleMarkets,
+  Va as samplePeriodPresets,
+  La as samplePreferences,
+  Ga as samplePresets,
+  qa as singleTab,
+  Na as sparklineFixture,
+  ka as sparklineUpFixture,
+  it as staleDonutFixture,
+  st as staleFixture,
+  ot as staleSparklineFixture,
+  xa as standardFixture,
+  Ta as standardFlatFixture,
+  Wa as standardLayout,
+  Sa as standardNegativeFixture,
+  Ue as statusChip,
+  ha as tableSamples,
+  ga as textSamples,
+  ma as timeFrameTabGroup,
+  Ko as toUppercasePresetId,
+  la as useArrowNavigation,
+  lo as useCheckboxGroupContext,
+  ya as useEdgeHoverResize,
+  co as useFilterLayout,
+  uo as useFlipAndStage,
+  mo as useFlipAndStageContext,
+  po as useFlipAndStageContextOptional,
+  ia as useFocusReturn,
+  go as useFocusTrap,
+  fo as useFormContext,
+  bo as useRadioGroupContext,
+  Nt as useResizeTuning,
+  ho as useSlideOutReveal,
+  Kt as useSortableZones,
+  wo as useUIContext
 };