@mt-gloss/ui 0.0.48 → 0.1.0

package/index.js

@@ -1,161 +1,162 @@
-import { N as ua, T as ma, O as pa, Q as ga, a3 as fa, b6 as ha, az as ba, ah as va, Z as ya, an as wa, K as Da, a8 as Ca, bn as Na, P as ka, B as xa, a as Sa, y as Ta, H as _a, bi as Ia, F as Ra, J as Ma, A as Pa, z as Fa, bh as Ea, E as Oa, D as Aa, bw as La, b as $a, C as Ba, L as Ka, o as Wa, ad as Ga, aN as Ha, y as Va, H as za, F as Za, J as Ua, A as Ya, z as qa, E as ja, D as Xa, a$ as Qa, b2 as Ja, b1 as er, b0 as tr, b3 as nr, aC as ar, a5 as rr, a4 as sr, aq as or, k as ir, m as lr, aF as cr, ab as dr, b8 as ur, a9 as mr, bo as pr, Y as gr, bG as fr, bF as hr, bH as br, ap as vr, aQ as yr, ba as wr, bL as Dr, bu as Cr, n as Nr, am as kr, bA as xr, br as Sr, a0 as Tr, ar as _r, a2 as Ir, bz as Rr, G as Mr, d as Pr, aa as Fr, bI as Er, aT as Or, r as Ar, v as Lr, I as $r, g as Br, aw as Kr, bM as Wr, M as Gr, w as Hr, U as Vr, X as zr, V as Zr, W as Ur, as as Yr, bg as qr, bO as jr, bK as Xr, ao as Qr, t as Jr, bp as es, aS as ts, aj as ns, aK as as, ag as rs, al as ss, au as os, aR as is, ac as ls, at as cs, c as ds, R as us, j as ms, p as ps, aH as gs, bx as fs, by as hs, ai as bs, ae as vs, h as ys, x as ws, b7 as Ds, af as Cs, bN as Ns, bc as ks, bf as xs, bd as Ss, be as Ts, i as _s, b9 as Is, bm as Rs, S as Ms, bk as Ps, bl as Fs, av as Es, bb as Os, bP as As, ak as Ls, s as $s, bJ as Bs, l as Ks, f as Ws, q as Gs, _ as Hs, $ as Vs, a7 as zs, bj as Zs, bv as Us, bC as Ys, aA as qs, aB as js, a6 as Xs, aO as Qs, aP as Js, aD as eo, aE as to, aG as no, aV as ao, aW as ro, bE as so, bD as oo, aY as io, aZ as lo, ax as co, ay as uo, b5 as mo, b4 as po, a_ as go, aL as fo, aM as ho, aX as bo, aI as vo, aJ as yo, u as wo, bB as Do, bq as Co, bs as No, bt as ko, aU as xo, a1 as So, e as To } from "./Expandable-CsLVYNv3.js";
-import { jsxs as $, jsx as u } from "react/jsx-runtime";
-import H, { useRef as R, useEffect as L, useState as W, useCallback as b, forwardRef as ze, useMemo as ne, createContext as Ze, useContext as Ue } from "react";
-import { motion as Te, useMotionValue as Ye, animate as De, useDragControls as qe } from "framer-motion";
-import { B as je, U as ve } from "./UIContext-C3E-k7HI.js";
-import { a as Io, u as Ro } from "./UIContext-C3E-k7HI.js";
-import { createPortal as Xe } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as Po, DEFAULT_PINNED as Fo, PERIOD_OPTIONS as Eo, ROLLING_OPTIONS as Oo, TODAY_PRESET as Ao, findPreset as Lo, formatDateRange as $o, formatMarketDates as Bo, formatTrend as Ko, formatValue as Wo, generateMarketId as Go, getAllPresets as Ho, getDateRangeForPreset as Vo, getPresetLabel as zo, isInRange as Zo, isMarketActive as Uo, isSameDay as Yo, normalizePresetId as qo, toUppercasePresetId as jo } from "@mt-gloss/utils";
-import Qe from "@mui/icons-material/AccessTime";
-import Je from "@mui/icons-material/Tune";
-import et from "@mui/icons-material/ViewColumn";
-import tt from "@mui/icons-material/AspectRatio";
-import nt from "@mui/icons-material/Palette";
-import at from "@mui/icons-material/PushPin";
-function yn(e = {}) {
-  const { enabled: t = !0, returnTo: a } = e, n = R(null);
-  return L(() => {
-    t && (n.current = a || document.activeElement);
-  }, [t, a]), L(() => () => {
-    t && n.current && setTimeout(() => {
-      n.current?.focus?.();
+import { N as Dn, T as Cn, O as Nn, Q as _n, a3 as kn, b6 as Sn, az as xn, ah as Tn, Z as In, an as Rn, K as Mn, a8 as Fn, bn as Pn, P as En, B as On, a as An, y as Ln, H as $n, bi as Bn, F as Kn, J as zn, A as Wn, z as Gn, bh as Hn, E as Vn, D as Un, bw as Zn, b as jn, C as Yn, L as qn, o as Qn, ad as Xn, aN as Jn, y as er, H as tr, F as ar, J as nr, A as rr, z as sr, E as or, D as ir, a$ as lr, b2 as dr, b1 as cr, b0 as ur, b3 as mr, aC as pr, a5 as gr, a4 as fr, aq as hr, k as br, m as vr, aF as yr, ab as wr, b8 as Dr, a9 as Cr, bo as Nr, Y as _r, bG as kr, bF as Sr, bH as xr, ap as Tr, aQ as Ir, ba as Rr, bL as Mr, bu as Fr, n as Pr, am as Er, bA as Or, br as Ar, a0 as Lr, ar as $r, a2 as Br, bz as Kr, G as zr, d as Wr, aa as Gr, bI as Hr, aT as Vr, r as Ur, v as Zr, I as jr, g as Yr, aw as qr, bM as Qr, M as Xr, w as Jr, U as es, X as ts, V as as, W as ns, as as rs, bg as ss, bO as os, bK as is, ao as ls, t as ds, bp as cs, aS as us, aj as ms, aK as ps, ag as gs, al as fs, au as hs, aR as bs, ac as vs, at as ys, c as ws, R as Ds, j as Cs, p as Ns, aH as _s, bx as ks, by as Ss, ai as xs, ae as Ts, h as Is, x as Rs, b7 as Ms, af as Fs, bN as Ps, bc as Es, bf as Os, bd as As, be as Ls, i as $s, b9 as Bs, bm as Ks, S as zs, bk as Ws, bl as Gs, av as Hs, bb as Vs, bP as Us, ak as Zs, s as js, bJ as Ys, l as qs, f as Qs, q as Xs, _ as Js, $ as eo, a7 as to, bj as ao, bv as no, bC as ro, aA as so, aB as oo, a6 as io, aO as lo, aP as co, aD as uo, aE as mo, aG as po, aV as go, aW as fo, bE as ho, bD as bo, aY as vo, aZ as yo, ax as wo, ay as Do, b5 as Co, b4 as No, a_ as _o, aL as ko, aM as So, aX as xo, aI as To, aJ as Io, u as Ro, bB as Mo, bq as Fo, bs as Po, bt as Eo, aU as Oo, a1 as Ao, e as Lo } from "./Expandable-CsLVYNv3.js";
+import { jsxs as A, jsx as c } from "react/jsx-runtime";
+import * as Ue from "react";
+import G, { useRef as R, useEffect as $, useState as z, useCallback as v, forwardRef as Ze, useMemo as ne, createContext as je, useContext as Ye } from "react";
+import { motion as Te, useMotionValue as qe, animate as Ce, useDragControls as Qe } from "framer-motion";
+import { B as Xe, U as ye } from "./UIContext-C3E-k7HI.js";
+import { a as Bo, u as Ko } from "./UIContext-C3E-k7HI.js";
+import { createPortal as Je } from "react-dom";
+import { DEFAULT_MARKET_PRESETS as Wo, DEFAULT_PINNED as Go, PERIOD_OPTIONS as Ho, ROLLING_OPTIONS as Vo, TODAY_PRESET as Uo, findPreset as Zo, formatDateRange as jo, formatMarketDates as Yo, formatTrend as qo, formatValue as Qo, generateMarketId as Xo, getAllPresets as Jo, getDateRangeForPreset as ei, getPresetLabel as ti, isInRange as ai, isMarketActive as ni, isSameDay as ri, normalizePresetId as si, toUppercasePresetId as oi } from "@mt-gloss/utils";
+import et from "@mui/icons-material/AccessTime";
+import tt from "@mui/icons-material/Tune";
+import at from "@mui/icons-material/ViewColumn";
+import nt from "@mui/icons-material/AspectRatio";
+import rt from "@mui/icons-material/Palette";
+import st from "@mui/icons-material/PushPin";
+function Da(e = {}) {
+  const { enabled: t = !0, returnTo: n } = e, a = R(null);
+  return $(() => {
+    t && (a.current = n || document.activeElement);
+  }, [t, n]), $(() => () => {
+    t && a.current && setTimeout(() => {
+      a.current?.focus?.();
     }, 0);
-  }, [t]), n;
+  }, [t]), a;
 }
-function wn(e) {
+function Ca(e) {
   const {
     items: t,
-    activeIndex: a,
-    onActiveIndexChange: n,
+    activeIndex: n,
+    onActiveIndexChange: a,
     loop: r = !0,
     orientation: s = "vertical",
-    enabled: i = !0,
-    isItemDisabled: g,
-    onSelect: v,
-    onEscape: m
-  } = e, [w, k] = W(-1), d = a !== void 0 ? a : w, l = b(
-    (o) => {
-      a === void 0 && k(o), n?.(o);
+    enabled: o = !0,
+    isItemDisabled: l,
+    onSelect: b,
+    onEscape: p
+  } = e, [y, C] = z(-1), u = n !== void 0 ? n : y, d = v(
+    (i) => {
+      n === void 0 && C(i), a?.(i);
     },
-    [a, n]
-  ), p = b(() => t.map((o, c) => ({ item: o, index: c })).filter(({ item: o, index: c }) => !g?.(o, c)).map(({ index: o }) => o), [t, g]), T = b(
-    (o, c) => {
-      const f = p();
-      if (f.length === 0) return -1;
-      const C = f.indexOf(o);
-      if (C === -1)
-        return c === 1 ? f.find((P) => P > o) ?? (r ? f[0] : -1) : [...f].reverse().find((I) => I < o) ?? (r ? f[f.length - 1] : -1);
-      let N = C + c;
-      return r ? N = (N + f.length) % f.length : N = Math.max(0, Math.min(f.length - 1, N)), f[N];
+    [n, a]
+  ), g = v(() => t.map((i, m) => ({ item: i, index: m })).filter(({ item: i, index: m }) => !l?.(i, m)).map(({ index: i }) => i), [t, l]), x = v(
+    (i, m) => {
+      const h = g();
+      if (h.length === 0) return -1;
+      const N = h.indexOf(i);
+      if (N === -1)
+        return m === 1 ? h.find((F) => F > i) ?? (r ? h[0] : -1) : [...h].reverse().find((I) => I < i) ?? (r ? h[h.length - 1] : -1);
+      let _ = N + m;
+      return r ? _ = (_ + h.length) % h.length : _ = Math.max(0, Math.min(h.length - 1, _)), h[_];
     },
-    [p, r]
-  ), h = b(() => {
-    const o = p();
-    o.length > 0 && l(o[0]);
-  }, [p, l]), x = b(() => {
-    const o = p();
-    o.length > 0 && l(o[o.length - 1]);
-  }, [p, l]), M = b(() => {
-    const o = T(d, 1);
-    o !== -1 && l(o);
-  }, [d, T, l]), D = b(() => {
-    const o = T(d, -1);
-    o !== -1 && l(o);
-  }, [d, T, l]), S = b(() => {
-    l(-1);
-  }, [l]), _ = b(
-    (o) => {
-      if (!i) return;
-      const { key: c } = o, f = c === "ArrowUp" && (s === "vertical" || s === "both"), C = c === "ArrowDown" && (s === "vertical" || s === "both"), N = c === "ArrowLeft" && (s === "horizontal" || s === "both"), P = c === "ArrowRight" && (s === "horizontal" || s === "both");
-      if (f || N) {
-        o.preventDefault(), d === -1 ? x() : D();
+    [g, r]
+  ), f = v(() => {
+    const i = g();
+    i.length > 0 && d(i[0]);
+  }, [g, d]), k = v(() => {
+    const i = g();
+    i.length > 0 && d(i[i.length - 1]);
+  }, [g, d]), M = v(() => {
+    const i = x(u, 1);
+    i !== -1 && d(i);
+  }, [u, x, d]), D = v(() => {
+    const i = x(u, -1);
+    i !== -1 && d(i);
+  }, [u, x, d]), S = v(() => {
+    d(-1);
+  }, [d]), T = v(
+    (i) => {
+      if (!o) return;
+      const { key: m } = i, h = m === "ArrowUp" && (s === "vertical" || s === "both"), N = m === "ArrowDown" && (s === "vertical" || s === "both"), _ = m === "ArrowLeft" && (s === "horizontal" || s === "both"), F = m === "ArrowRight" && (s === "horizontal" || s === "both");
+      if (h || _) {
+        i.preventDefault(), u === -1 ? k() : D();
         return;
       }
-      if (C || P) {
-        o.preventDefault(), d === -1 ? h() : M();
+      if (N || F) {
+        i.preventDefault(), u === -1 ? f() : M();
         return;
       }
-      if (c === "Home") {
-        o.preventDefault(), h();
+      if (m === "Home") {
+        i.preventDefault(), f();
         return;
       }
-      if (c === "End") {
-        o.preventDefault(), x();
+      if (m === "End") {
+        i.preventDefault(), k();
         return;
       }
-      if ((c === "Enter" || c === " ") && d >= 0 && d < t.length) {
-        o.preventDefault();
-        const I = t[d];
-        g?.(I, d) || v?.(I, d);
+      if ((m === "Enter" || m === " ") && u >= 0 && u < t.length) {
+        i.preventDefault();
+        const I = t[u];
+        l?.(I, u) || b?.(I, u);
         return;
       }
-      if (c === "Escape") {
-        m?.();
+      if (m === "Escape") {
+        p?.();
         return;
       }
     },
     [
-      i,
+      o,
       s,
-      d,
+      u,
       t,
-      h,
-      x,
+      f,
+      k,
       M,
       D,
-      g,
-      v,
-      m
+      l,
+      b,
+      p
     ]
   );
   return {
-    focusedIndex: d,
-    setFocusedIndex: l,
-    handleKeyDown: _,
-    focusFirst: h,
-    focusLast: x,
+    focusedIndex: u,
+    setFocusedIndex: d,
+    handleKeyDown: T,
+    focusFirst: f,
+    focusLast: k,
     focusNext: M,
     focusPrevious: D,
     resetFocus: S
   };
 }
-const oe = (e) => {
-}, rt = {
+const ie = (e) => {
+}, ot = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
-  onRemove: oe
-}, st = {
+  onRemove: ie
+}, it = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
-  onRemove: oe
-}, ot = {
+  onRemove: ie
+}, lt = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
-  onRemove: oe
-}, it = {
+  onRemove: ie
+}, dt = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
-  onRemove: oe
-}, Dn = [
-  rt,
-  st,
+  onRemove: ie
+}, Na = [
   ot,
-  it
-], Cn = {
+  it,
+  lt,
+  dt
+], _a = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, Nn = {
+}, ka = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -163,7 +164,7 @@ const oe = (e) => {
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, kn = {
+}, Sa = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -171,30 +172,30 @@ const oe = (e) => {
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, xn = [
+}, xa = [
   { 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 }
-], Sn = [
+], Ta = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], Tn = [
+], Ia = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], _n = [
+], Ra = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], In = [
+], Ma = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], Rn = [
+], Fa = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
-], Ce = {
+], Ne = {
   position: "fixed",
   zIndex: 9999,
   background: "rgba(255,255,255,0.92)",
@@ -206,7 +207,7 @@ const oe = (e) => {
   minWidth: 148,
   paddingTop: 4,
   paddingBottom: 4
-}, pe = (e) => ({
+}, ge = (e) => ({
   padding: "6px 12px",
   fontSize: 12,
   lineHeight: 1.4,
@@ -220,151 +221,151 @@ const oe = (e) => {
   width: "100%",
   textAlign: "left",
   border: "none"
-}), lt = (e) => ({
-  ...pe(e),
+}), ct = (e) => ({
+  ...ge(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), ct = {
+}), ut = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function dt({
+function mt({
   open: e,
   anchorEl: t,
-  statusId: a,
-  onOpenInTable: n,
+  statusId: n,
+  onOpenInTable: a,
   onShowOnGraph: r,
   overflowActions: s,
-  onClose: i
+  onClose: o
 }) {
-  const [g, v] = W(null), m = R(null), w = b(() => {
-    if (!t) return { ...Ce, top: 0, left: 0 };
-    const l = t.getBoundingClientRect();
+  const [l, b] = z(null), p = R(null), y = v(() => {
+    if (!t) return { ...Ne, top: 0, left: 0 };
+    const d = t.getBoundingClientRect();
     return {
-      ...Ce,
-      top: l.bottom + 4,
-      left: l.left
+      ...Ne,
+      top: d.bottom + 4,
+      left: d.left
     };
   }, [t]);
-  if (L(() => {
+  if ($(() => {
     if (!e) return;
-    const l = (p) => {
-      p.key === "Escape" && i();
+    const d = (g) => {
+      g.key === "Escape" && o();
     };
-    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
-  }, [e, i]), L(() => {
+    return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+  }, [e, o]), $(() => {
     if (!e) return;
-    const l = (p) => {
-      m.current && !m.current.contains(p.target) && i();
+    const d = (g) => {
+      p.current && !p.current.contains(g.target) && o();
     };
-    return document.addEventListener("pointerdown", l, !0), () => document.removeEventListener("pointerdown", l, !0);
-  }, [e, i]), !e) return null;
-  const k = s && s.length > 0, d = /* @__PURE__ */ $(
+    return document.addEventListener("pointerdown", d, !0), () => document.removeEventListener("pointerdown", d, !0);
+  }, [e, o]), !e) return null;
+  const C = s && s.length > 0, u = /* @__PURE__ */ A(
     "div",
     {
-      ref: m,
-      "data-status-chip-menu": a,
+      ref: p,
+      "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
-      style: w(),
+      style: y(),
       children: [
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
-            style: lt(g === "__primary"),
-            onMouseEnter: () => v("__primary"),
-            onMouseLeave: () => v(null),
+            style: ct(l === "__primary"),
+            onMouseEnter: () => b("__primary"),
+            onMouseLeave: () => b(null),
             onClick: () => {
-              n(a), i();
+              a(n), o();
             },
             children: "Open in table"
           }
         ),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
-            style: pe(g === "__graph"),
-            onMouseEnter: () => v("__graph"),
-            onMouseLeave: () => v(null),
+            style: ge(l === "__graph"),
+            onMouseEnter: () => b("__graph"),
+            onMouseLeave: () => b(null),
             onClick: () => {
-              r(a), i();
+              r(n), o();
             },
             children: "Show on graph"
           }
         ),
-        k && /* @__PURE__ */ u("div", { style: ct }),
-        k && s?.map((l) => /* @__PURE__ */ u(
+        C && /* @__PURE__ */ c("div", { style: ut }),
+        C && s?.map((d) => /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
-            style: pe(g === l.id),
-            onMouseEnter: () => v(l.id),
-            onMouseLeave: () => v(null),
+            style: ge(l === d.id),
+            onMouseEnter: () => b(d.id),
+            onMouseLeave: () => b(null),
             onClick: () => {
-              l.onSelect(a), i();
+              d.onSelect(n), o();
             },
-            children: l.label
+            children: d.label
           },
-          l.id
+          d.id
         ))
       ]
     }
   );
-  return Xe(d, document.body);
+  return Je(u, document.body);
 }
-dt.displayName = "StatusSlotChipMenu";
-const ut = ze(
-  function({ state: t, onPointerDown: a, onPointerUp: n, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: i, edge: g = "right", ariaLabel: v = "Resize card" }, m) {
-    const w = t === "handle-visible" || t === "dragging" || t === "settling", k = (p) => {
+mt.displayName = "StatusSlotChipMenu";
+const pt = Ze(
+  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: o, edge: l = "right", ariaLabel: b = "Resize card" }, p) {
+    const y = t === "handle-visible" || t === "dragging" || t === "settling", C = (g) => {
       try {
-        p.currentTarget.setPointerCapture(p.pointerId);
+        g.currentTarget.setPointerCapture(g.pointerId);
       } catch {
       }
-      a(p);
-    }, d = (p) => {
+      n(g);
+    }, u = (g) => {
       try {
-        p.currentTarget.hasPointerCapture?.(p.pointerId) && p.currentTarget.releasePointerCapture(p.pointerId);
+        g.currentTarget.hasPointerCapture?.(g.pointerId) && g.currentTarget.releasePointerCapture(g.pointerId);
       } catch {
       }
-      n(p);
-    }, l = (p) => {
-      !w || !i || (p.key === "ArrowRight" ? (p.preventDefault(), i("grow")) : p.key === "ArrowLeft" && (p.preventDefault(), i("shrink")));
+      a(g);
+    }, d = (g) => {
+      !y || !o || (g.key === "ArrowRight" ? (g.preventDefault(), o("grow")) : g.key === "ArrowLeft" && (g.preventDefault(), o("shrink")));
     };
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ c(
       "button",
       {
-        ref: m,
+        ref: p,
         type: "button",
-        "aria-label": v,
-        "data-edge": g,
+        "aria-label": b,
+        "data-edge": l,
         "data-resize-state": t,
         className: [
           "gloss-edge-handle",
-          `gloss-edge-handle--${g}`,
-          w ? "gloss-edge-handle--visible" : ""
+          `gloss-edge-handle--${l}`,
+          y ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
-        onPointerDown: k,
-        onPointerUp: d,
+        onPointerDown: C,
+        onPointerUp: u,
         onPointerEnter: r,
         onPointerLeave: s,
-        onKeyDown: l,
-        tabIndex: w ? 0 : -1
+        onKeyDown: d,
+        tabIndex: y ? 0 : -1
       }
     );
   }
 );
-ut.displayName = "EdgeHoverHandle";
-function mt({
+pt.displayName = "EdgeHoverHandle";
+function gt({
   visible: e,
   targetColSpan: t,
-  ghostWidth: a,
-  enterMs: n = 180,
+  ghostWidth: n,
+  enterMs: a = 180,
   exitMs: r = 120
 }) {
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ c(
     Te.div,
     {
       "aria-hidden": "true",
@@ -375,14 +376,14 @@ function mt({
         e ? "gloss-ghost-preview--visible" : ""
       ].filter(Boolean).join(" "),
       style: {
-        width: a,
-        transitionDuration: `${e ? n : r}ms`
+        width: n,
+        transitionDuration: `${e ? a : r}ms`
       }
     }
   );
 }
-mt.displayName = "GhostPreview";
-class pt {
+gt.displayName = "GhostPreview";
+class ft {
   constructor() {
     this.samples = [], this.capacity = 3;
   }
@@ -406,14 +407,14 @@ class pt {
     const t = this.samples.length;
     if (t < 2) return 0;
     if (t === 2) {
-      const [v, m] = this.samples, w = Math.max(1, m.t - v.t);
-      return (m.x - v.x) / w * 1e3;
+      const [b, p] = this.samples, y = Math.max(1, p.t - b.t);
+      return (p.x - b.x) / y * 1e3;
     }
-    const [a, n, r] = this.samples, s = (r.x - n.x) / Math.max(1, r.t - n.t) * 1e3, i = (n.x - a.x) / Math.max(1, n.t - a.t) * 1e3, g = i;
-    return (s * 3 + i * 2 + g * 1) / 6;
+    const [n, a, r] = this.samples, s = (r.x - a.x) / Math.max(1, r.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, l = o;
+    return (s * 3 + o * 2 + l * 1) / 6;
   }
 }
-const _e = {
+const Ie = {
   // Spring (D-08). Retuned 260419 — damping 35 → 22 so the commit spring
   // has visible overshoot (ζ ≈ 0.49, ~13–17% overshoot, ~350ms settle). The
   // prior ζ ≈ 0.78 was imperceptible to users. Debug slug:
@@ -433,216 +434,241 @@ const _e = {
   // Velocity multiplier (D-03b panel)
   velocityMultiplier: 1
 };
-function Mn({
+function Pa({
   currentColSpan: e,
   stackable: t,
-  onResize: a,
-  onCancel: n,
+  onResize: n,
+  onCancel: a,
   step: r = 180,
   gap: s = 0,
-  tuning: i,
-  dwellMs: g = 120,
-  enterMs: v = 180,
-  exitMs: m = 120,
-  maxColSpan: w = 3,
-  containerRef: k,
-  forceIdle: d
+  tuning: o,
+  dwellMs: l = 120,
+  enterMs: b = 180,
+  exitMs: p = 120,
+  maxColSpan: y = 3,
+  containerRef: C,
+  forceIdle: u
 }) {
-  const [l, p] = W("idle"), [T, h] = W(e), x = R(null), M = R(null), D = R(null), S = R(r), _ = R(s), o = R(0), c = R("idle");
-  L(() => {
-    c.current = l;
-  }, [l]);
-  const f = Ye(0), C = R(null), N = b(() => {
-    const y = C.current;
-    if (y) {
+  const [d, g] = z("idle"), [x, f] = z(e), k = R(null), M = R(null), D = R(null), S = R(r), T = R(s), i = R(0), m = R("idle");
+  $(() => {
+    m.current = d;
+  }, [d]);
+  const h = qe(0), N = R(null), _ = v(() => {
+    const w = N.current;
+    if (w) {
       try {
-        y.stop();
+        w.stop();
       } catch {
       }
-      C.current = null;
+      N.current = null;
     }
-  }, []), P = b(
-    (y) => {
-      const F = S.current, E = _.current;
-      return y * F + (y - 1) * E;
+  }, []), F = v(
+    (w) => {
+      const P = S.current, E = T.current;
+      return w * P + (w - 1) * E;
     },
     []
-  ), I = R(new pt()), z = R(e);
-  L(() => {
-    z.current = T;
-  }, [T]);
-  const O = ne(() => ({ ..._e, ...i ?? {} }), [i]), G = b(() => {
-    x.current && (clearTimeout(x.current), x.current = null);
-  }, []), A = b(() => {
+  ), I = R(new ft()), V = R(e);
+  $(() => {
+    V.current = x;
+  }, [x]);
+  const O = ne(() => ({ ...Ie, ...o ?? {} }), [o]), W = v(() => {
+    k.current && (clearTimeout(k.current), k.current = null);
+  }, []), L = v(() => {
     M.current && (clearTimeout(M.current), M.current = null);
   }, []);
-  L(() => {
-    d && (c.current === "dragging" || c.current === "settling" || (G(), A(), c.current = "idle", p("idle")));
-  }, [d, G, A]);
-  const X = b(() => {
-    p((y) => y === "settling" || y !== "idle" ? y : (x.current = setTimeout(() => p("handle-visible"), g), "dwelling"));
-  }, [g]), ae = b(() => {
-    G(), p((y) => y === "dwelling" || y === "handle-visible" ? "idle" : y);
-  }, [G]), B = b(
-    (y, F, E) => {
-      const K = S.current, Q = K * O.snapInFraction, q = K * O.snapOutFraction, j = F - E;
-      let V = j;
-      for (; E + V < 3; ) {
-        const J = V * K + (V < 0 ? q : Q);
-        if (y >= J) V += 1;
+  $(() => {
+    u && (m.current === "dragging" || m.current === "settling" || (W(), L(), m.current = "idle", g("idle")));
+  }, [u, W, L]);
+  const X = v(() => {
+    g((w) => w === "settling" || w !== "idle" ? w : (k.current = setTimeout(() => g("handle-visible"), l), "dwelling"));
+  }, [l]), re = v(() => {
+    W(), g((w) => w === "dwelling" || w === "handle-visible" ? "idle" : w);
+  }, [W]), B = v(
+    (w, P, E) => {
+      const K = S.current, J = K * O.snapInFraction, q = K * O.snapOutFraction, Q = P - E;
+      let H = Q;
+      for (; E + H < 3; ) {
+        const ee = H * K + (H < 0 ? q : J);
+        if (w >= ee) H += 1;
         else break;
       }
-      if (V === j)
-        for (; E + V > 1; ) {
-          const J = V * K - (V > 0 ? q : Q);
-          if (y <= J) V -= 1;
+      if (H === Q)
+        for (; E + H > 1; ) {
+          const ee = H * K - (H > 0 ? q : J);
+          if (w <= ee) H -= 1;
           else break;
         }
-      return Math.min(3, Math.max(1, E + V));
+      return Math.min(3, Math.max(1, E + H));
     },
     [O.snapInFraction, O.snapOutFraction]
-  ), $e = b(
-    (y) => {
-      if (c.current !== "handle-visible") return;
-      N(), D.current = y.clientX, S.current = r, _.current = s;
-      const F = e * r + (e - 1) * s;
-      o.current = F, I.current.clear(), I.current.push({ x: y.clientX, t: performance.now() }), f.jump(F), c.current = "dragging", p("dragging");
+  ), Be = v(
+    (w) => {
+      if (m.current !== "handle-visible") return;
+      _(), D.current = w.clientX, S.current = r, T.current = s;
+      const P = e * r + (e - 1) * s;
+      i.current = P, I.current.clear(), I.current.push({ x: w.clientX, t: performance.now() }), h.jump(P), m.current = "dragging", g("dragging");
     },
-    [r, s, e, f, N]
-  ), ye = b(
-    (y) => y * S.current + (y - 1) * _.current,
+    [r, s, e, h, _]
+  ), we = v(
+    (w) => w * S.current + (w - 1) * T.current,
     []
-  ), re = b(
-    (y, F) => {
-      const E = ye(y), K = y !== e;
+  ), se = v(
+    (w, P) => {
+      const E = we(w), K = w !== e;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        f.jump(E), K && F ? a({ direction: F, targetColSpan: y, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || n?.(), f.jump(0), c.current = "idle", p("idle");
+        h.jump(E), K && P ? n({ direction: P, targetColSpan: w, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), h.jump(0), m.current = "idle", g("idle");
         return;
       }
       const q = I.current.getWeightedVelocity() * O.velocityMultiplier;
-      c.current = "settling", p("settling"), N(), C.current = De(f, E, {
+      m.current = "settling", g("settling"), _(), N.current = Ce(h, E, {
         type: "spring",
         stiffness: O.stiffness,
         damping: O.damping,
         mass: O.mass,
         velocity: q,
         onComplete: () => {
-          C.current = null, K && F ? a({ direction: F, targetColSpan: y, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || n?.(), f.jump(0), c.current = "idle", p("idle");
+          N.current = null, K && P ? n({ direction: P, targetColSpan: w, mode: t ? "slot-fill" : "sparkline-fidelity" }) : K || a?.(), h.jump(0), m.current = "idle", g("idle");
         }
       });
     },
-    [ye, e, t, a, n, f, O, N]
-  ), Be = b(
-    (y) => {
-      if (c.current !== "dragging") return;
-      const F = y.clientX - (D.current ?? y.clientX);
-      I.current.push({ x: y.clientX, t: performance.now() });
-      const E = B(F, z.current, e), K = E > e ? "grow" : E < e ? "shrink" : null;
-      re(E, K);
+    [we, e, t, n, a, h, O, _]
+  ), Ke = v(
+    (w) => {
+      if (m.current !== "dragging") return;
+      const P = w.clientX - (D.current ?? w.clientX);
+      I.current.push({ x: w.clientX, t: performance.now() });
+      const E = B(P, V.current, e), K = E > e ? "grow" : E < e ? "shrink" : null;
+      se(E, K);
     },
-    [B, e, re]
-  ), ie = b(() => {
-    if (G(), c.current === "dragging") {
-      const y = o.current;
+    [B, e, se]
+  ), le = v(() => {
+    if (W(), m.current === "dragging") {
+      const w = i.current;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        f.jump(y), n?.(), f.jump(0), c.current = "idle", p("idle");
+        h.jump(w), a?.(), h.jump(0), m.current = "idle", g("idle");
         return;
       }
       const E = I.current.getWeightedVelocity();
-      c.current = "settling", p("settling"), N(), C.current = De(f, y, {
+      m.current = "settling", g("settling"), _(), N.current = Ce(h, w, {
         type: "spring",
         stiffness: O.stiffness,
         damping: O.damping,
         mass: O.mass,
         velocity: E,
         onComplete: () => {
-          C.current = null, n?.(), f.jump(0), c.current = "idle", p("idle");
+          N.current = null, a?.(), h.jump(0), m.current = "idle", g("idle");
         }
       });
       return;
     }
-    c.current === "handle-visible" && (n?.(), c.current = "cancelled", p("cancelled"));
-  }, [G, f, n, O, N]);
-  L(() => {
-    if (l !== "dragging" && l !== "handle-visible") return;
-    const y = (F) => {
-      F.key === "Escape" && ie();
+    m.current === "handle-visible" && (a?.(), m.current = "cancelled", g("cancelled"));
+  }, [W, h, a, O, _]);
+  $(() => {
+    if (d !== "dragging" && d !== "handle-visible") return;
+    const w = (P) => {
+      P.key === "Escape" && le();
     };
-    return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
-  }, [l, ie]), L(() => {
-    if (l !== "dragging") {
-      h(e);
+    return window.addEventListener("keydown", w), () => window.removeEventListener("keydown", w);
+  }, [d, le]), $(() => {
+    if (d !== "dragging") {
+      f(e);
       return;
     }
-    const y = (F) => {
-      const E = F.clientX - (D.current ?? F.clientX), K = o.current, Q = P(1), q = P(w), j = K + E, V = Math.max(Q, Math.min(q, j));
-      f.set(V);
-      const le = S.current, J = (w - e) * le, He = (1 - e) * le, Ve = Math.max(He, Math.min(J, E));
-      I.current.push({ x: F.clientX, t: performance.now() });
-      const ce = B(Ve, z.current, e);
-      ce !== z.current && (z.current = ce, h(ce));
+    const w = (P) => {
+      const E = P.clientX - (D.current ?? P.clientX), K = i.current, J = F(1), q = F(y), Q = K + E, H = Math.max(J, Math.min(q, Q));
+      h.set(H);
+      const de = S.current, ee = (y - e) * de, He = (1 - e) * de, Ve = Math.max(He, Math.min(ee, E));
+      I.current.push({ x: P.clientX, t: performance.now() });
+      const ce = B(Ve, V.current, e);
+      ce !== V.current && (V.current = ce, f(ce));
     };
-    return window.addEventListener("pointermove", y), () => window.removeEventListener("pointermove", y);
-  }, [l, e, f, B, w, P]), L(() => () => {
-    G(), A();
-  }, [G, A]), L(() => {
-    if (l !== "cancelled") return;
-    const y = setTimeout(() => p("idle"), m);
-    return () => clearTimeout(y);
-  }, [l, m]);
-  const Ke = b(
-    (y) => {
-      if (c.current === "settling") return;
-      const E = Math.min(3, Math.max(1, e + (y === "grow" ? 1 : -1)));
+    return window.addEventListener("pointermove", w), () => window.removeEventListener("pointermove", w);
+  }, [d, e, h, B, y, F]), $(() => () => {
+    W(), L();
+  }, [W, L]), $(() => {
+    if (d !== "cancelled") return;
+    const w = setTimeout(() => g("idle"), p);
+    return () => clearTimeout(w);
+  }, [d, p]);
+  const ze = v(
+    (w) => {
+      if (m.current === "settling") return;
+      const E = Math.min(3, Math.max(1, e + (w === "grow" ? 1 : -1)));
       if (E === e) return;
-      S.current = r, _.current = s, I.current.clear();
+      S.current = r, T.current = s, I.current.clear();
       const K = e * r + (e - 1) * s;
-      o.current = K, f.jump(K), re(E, y);
+      i.current = K, h.jump(K), se(E, w);
     },
-    [e, r, s, f, re]
-  ), we = b(() => {
-    A(), M.current = setTimeout(() => {
-      c.current === "handle-visible" && (c.current = "idle", p("idle"));
+    [e, r, s, h, se]
+  ), De = v(() => {
+    L(), M.current = setTimeout(() => {
+      m.current === "handle-visible" && (m.current = "idle", g("idle"));
     }, 5e3);
-  }, [A]), We = b(() => {
-    c.current === "idle" && (G(), c.current = "handle-visible", p("handle-visible"), we());
-  }, [G, we]), Ge = b(() => {
-    A(), c.current === "handle-visible" && (c.current = "idle", p("idle"));
-  }, [A]);
+  }, [L]), We = v(() => {
+    m.current === "idle" && (W(), m.current = "handle-visible", g("handle-visible"), De());
+  }, [W, De]), Ge = v(() => {
+    L(), m.current === "handle-visible" && (m.current = "idle", g("idle"));
+  }, [L]);
   return {
-    state: l,
+    state: d,
     enterEdgeZone: X,
-    leaveEdgeZone: ae,
+    leaveEdgeZone: re,
     handleProps: {
-      onPointerDown: $e,
-      onPointerUp: Be,
+      onPointerDown: Be,
+      onPointerUp: Ke,
       // Bug E: handle continues zone presence so pointer crossing sentinel→handle
       // doesn't collapse state. handle's pointerenter = stay in zone.
       onPointerEnter: X,
-      onPointerLeave: ae
+      onPointerLeave: re
     },
-    previewColSpan: T,
+    previewColSpan: x,
     ghostProps: {
-      visible: l === "dragging" || l === "settling",
-      targetColSpan: T,
-      ghostWidth: f,
-      enterMs: v,
-      exitMs: m
+      visible: d === "dragging" || d === "settling",
+      targetColSpan: x,
+      ghostWidth: h,
+      enterMs: b,
+      exitMs: p
     },
-    onKeyboardStep: Ke,
+    onKeyboardStep: ze,
     onTouchReveal: We,
     onTouchDismiss: Ge,
-    cancel: ie
+    cancel: le
   };
 }
-function Pn(e) {
-  const { cardWidthPx: t, slotCount: a, activeSlotIdx: n, pillWidthPx: r } = e;
-  if (n == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(a) || a <= 0 || !Number.isInteger(n) || n < 0 || n >= a)
+const Y = {
+  // Cascade (D-08, D-10)
+  staggerMs: 50,
+  reverseStaggerMs: 30,
+  // Resize envelope (D-07)
+  envelopeEnterMs: 180,
+  envelopeExitMs: 140,
+  // Rubber-band (D-12)
+  rubberBandRatio: 0.33,
+  // Drag edge (D-16)
+  dragEdgeHoldMs: 400,
+  // Spillover (D-18)
+  spilloverArcDurationMs: 600,
+  spilloverStaggerMs: 50,
+  // Drop anchor (D-14)
+  anchorProximityOpacities: [0.8, 0.5, 0.3, 0.15],
+  anchorFadeStaggerMs: 30,
+  // Edit session (D-21)
+  editStandbyMs: 4e3,
+  editFadeOutMs: 600,
+  // Section dividers (D-22)
+  sectionDividerFadeInMs: 120,
+  sectionDividerFadeOutMs: 80,
+  sectionDividerStaggerMs: 40
+};
+function Ea(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 = (n + 0.5) * (t / a);
+  const s = (a + 0.5) * (t / n);
   return r != null && Number.isFinite(r) && r > 0 ? s - r / 2 : s;
 }
-const Fn = [
+const Oa = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -746,24 +772,24 @@ const Fn = [
       { value: 9, color: "#6b7280", label: "Other" }
     ]
   }
-], gt = {
+], ht = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, ft = {
+}, bt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, ht = {
+}, vt = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, bt = {
+}, yt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -771,7 +797,7 @@ const Fn = [
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, vt = {
+}, wt = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -780,7 +806,7 @@ const Fn = [
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, yt = {
+}, Dt = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -791,14 +817,14 @@ const Fn = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, En = [
-  gt,
-  ft,
+}, Aa = [
   ht,
   bt,
   vt,
-  yt
-], On = {
+  yt,
+  wt,
+  Dt
+], La = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -821,7 +847,7 @@ const Fn = [
     59
   ],
   accentColor: "#6366f1"
-}, An = {
+}, $a = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -860,21 +886,21 @@ const Fn = [
     19
   ],
   accentColor: "#10b981"
-}, Ln = {
+}, Ba = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, $n = {
+}, Ka = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, Bn = {
+}, za = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -882,33 +908,33 @@ const Fn = [
   trend: { value: 0, direction: "flat" },
   subtitle: "QTD"
 };
-function Ie({
+function Re({
   open: e,
   onDismiss: t,
-  anchorRef: a,
-  pages: n,
+  anchorRef: n,
+  pages: a,
   activePageId: r,
   onPageChange: s,
-  onCreatePage: i,
-  onManagePages: g
+  onCreatePage: o,
+  onManagePages: l
 }) {
-  const v = b(
-    (d) => {
-      s(d), t();
+  const b = v(
+    (u) => {
+      s(u), t();
     },
     [s, t]
-  ), m = b(
-    (d, l) => {
-      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), v(d));
+  ), p = v(
+    (u, d) => {
+      (d.key === "Enter" || d.key === " ") && (d.preventDefault(), b(u));
     },
-    [v]
-  ), w = b(() => {
-    i(), t();
-  }, [i, t]), k = b(() => {
-    g(), t();
-  }, [g, t]);
-  return /* @__PURE__ */ $(
-    je,
+    [b]
+  ), y = v(() => {
+    o(), t();
+  }, [o, t]), C = v(() => {
+    l(), t();
+  }, [l, t]);
+  return /* @__PURE__ */ A(
+    Xe,
     {
       definition: {
         placement: "bottom-end",
@@ -918,58 +944,58 @@ function Ie({
       },
       open: e,
       onDismiss: t,
-      anchorRef: a,
+      anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ u("ul", { role: "menu", className: "gloss-page-dropdown__list", children: n.map((d) => {
-          const l = d.id === r;
-          return /* @__PURE__ */ $(
+        /* @__PURE__ */ c("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
+          const d = u.id === r;
+          return /* @__PURE__ */ A(
             "li",
             {
               role: "menuitemradio",
-              "aria-checked": l,
-              "aria-current": l ? "page" : void 0,
+              "aria-checked": d,
+              "aria-current": d ? "page" : void 0,
               tabIndex: 0,
-              className: `gloss-page-dropdown__item${l ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => v(d.id),
-              onKeyDown: (p) => m(d.id, p),
+              className: `gloss-page-dropdown__item${d ? " gloss-page-dropdown__item--active" : ""}`,
+              onClick: () => b(u.id),
+              onKeyDown: (g) => p(u.id, g),
               children: [
-                /* @__PURE__ */ u(
+                /* @__PURE__ */ c(
                   "span",
                   {
-                    className: `gloss-page-dropdown__dot${l ? " gloss-page-dropdown__dot--active" : ""}`
+                    className: `gloss-page-dropdown__dot${d ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
-                /* @__PURE__ */ u(
+                /* @__PURE__ */ c(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${d.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: d.name
+                    className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: u.name
                   }
                 ),
-                /* @__PURE__ */ u("span", { className: "gloss-page-dropdown__count", children: d.cardCount })
+                /* @__PURE__ */ c("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
               ]
             },
-            d.id
+            u.id
           );
         }) }),
-        /* @__PURE__ */ u("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: w,
+            onClick: y,
             children: "+ New page"
           }
         ),
-        /* @__PURE__ */ u("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ c(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
-            onClick: k,
+            onClick: C,
             children: "Manage pages"
           }
         )
@@ -977,70 +1003,70 @@ function Ie({
     }
   );
 }
-Ie.displayName = "PageDropdown";
-const wt = function({
+Re.displayName = "PageDropdown";
+const Ct = function({
   currentIndex: t,
-  total: a,
-  pages: n,
+  total: n,
+  pages: a,
   onPageChange: r,
   onCreatePage: s,
-  onManagePages: i,
-  maskRadius: g = "var(--gloss-radius-md)"
+  onManagePages: o,
+  maskRadius: l = "var(--gloss-radius-md)"
 }) {
-  const v = R(null), [m, w] = W(!1), k = b(() => {
-    w((p) => !p);
-  }, []), d = b(() => {
-    w(!1);
-  }, []), l = n[t]?.id ?? "";
-  return /* @__PURE__ */ $(
+  const b = R(null), [p, y] = z(!1), C = v(() => {
+    y((g) => !g);
+  }, []), u = v(() => {
+    y(!1);
+  }, []), d = a[t]?.id ?? "";
+  return /* @__PURE__ */ A(
     "div",
     {
       className: "gloss-page-chip",
-      ref: v,
+      ref: b,
       style: { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
-            style: { "--_nuzzle-r": g }
+            style: { "--_nuzzle-r": l }
           }
         ),
-        /* @__PURE__ */ $(
+        /* @__PURE__ */ A(
           "button",
           {
             className: "gloss-page-chip__trigger",
             "aria-haspopup": "menu",
-            "aria-expanded": m,
-            "aria-label": `Page ${t + 1} of ${a}. Click to switch pages.`,
-            onClick: k,
+            "aria-expanded": p,
+            "aria-label": `Page ${t + 1} of ${n}. Click to switch pages.`,
+            onClick: C,
             children: [
               t + 1,
               " / ",
-              a
+              n
             ]
           }
         ),
-        /* @__PURE__ */ u(
-          Ie,
+        /* @__PURE__ */ c(
+          Re,
           {
-            open: m,
-            onDismiss: d,
-            anchorRef: v,
-            pages: n,
-            activePageId: l,
+            open: p,
+            onDismiss: u,
+            anchorRef: b,
+            pages: a,
+            activePageId: d,
             onPageChange: r,
             onCreatePage: s,
-            onManagePages: i
+            onManagePages: o
           }
         )
       ]
     }
   );
 };
-wt.displayName = "PageChip";
-const Kn = [
+Ct.displayName = "PageChip";
+const Wa = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -1173,7 +1199,7 @@ const Kn = [
     date: "2026-03-01",
     skuCount: 9
   }
-], Wn = [
+], Ga = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1307,16 +1333,16 @@ const Kn = [
     lastDate: "2026-03-01"
   }
 ];
-function ge(e) {
+function fe(e) {
   return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
-function Re(e) {
+function Me(e) {
   return e.toLocaleString("en-US");
 }
-function Me(e) {
+function Fe(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const te = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Gn = [
+const ae = G.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), Ha = [
   {
     field: "id",
     headerName: "Order",
@@ -1346,7 +1372,7 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.skuCount ? Re(e.skuCount) : te
+    renderCell: ({ row: e }) => e.skuCount ? Me(e.skuCount) : ae
   },
   {
     field: "total",
@@ -1356,7 +1382,7 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.total ? ge(e.total) : te
+    renderCell: ({ row: e }) => e.total ? fe(e.total) : ae
   },
   {
     field: "date",
@@ -1366,9 +1392,9 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.date ? Me(e.date) : ""
+    renderCell: ({ row: e }) => e.date ? Fe(e.date) : ""
   }
-], Hn = [
+], Va = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1400,7 +1426,7 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.price ? ge(e.price) : te
+    renderCell: ({ row: e }) => e.price ? fe(e.price) : ae
   },
   {
     field: "quantity",
@@ -1410,7 +1436,7 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.quantity ? Re(e.quantity) : te
+    renderCell: ({ row: e }) => e.quantity ? Me(e.quantity) : ae
   },
   {
     field: "total",
@@ -1420,7 +1446,7 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.total ? ge(e.total) : te
+    renderCell: ({ row: e }) => e.total ? fe(e.total) : ae
   },
   {
     field: "lastDate",
@@ -1430,23 +1456,23 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.lastDate ? Me(e.lastDate) : ""
+    renderCell: ({ row: e }) => e.lastDate ? Fe(e.lastDate) : ""
   }
-], Dt = [
+], Nt = [
   { 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" }
-], Ct = [
+], _t = [
   { 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" }
-], de = (e) => {
-}, Nt = (e) => {
-}, Ne = (e, t) => {
+], ue = (e) => {
+}, kt = (e) => {
+}, _e = (e, t) => {
 }, Pe = {
   vizState: {
     type: "orders",
@@ -1455,16 +1481,16 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: null, name: null },
     timeFrame: "MTD"
   },
-  onTypeChange: de,
-  onQuantChange: Nt,
-  onEntityTypeChange: de,
-  onEntitySelect: Ne,
-  onItemSelect: Ne,
-  onTimeFrameChange: de,
+  onTypeChange: ue,
+  onQuantChange: kt,
+  onEntityTypeChange: ue,
+  onEntitySelect: _e,
+  onItemSelect: _e,
+  onTimeFrameChange: ue,
   userType: "sales-agency",
-  entityFilterOptions: Dt,
-  itemFilterOptions: Ct
-}, Vn = {
+  entityFilterOptions: Nt,
+  itemFilterOptions: _t
+}, Ua = {
   ...Pe,
   vizState: {
     type: "items",
@@ -1473,7 +1499,7 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, zn = {
+}, Za = {
   ...Pe,
   vizState: {
     type: "orders",
@@ -1486,7 +1512,7 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, kt = [
+}, St = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1561,7 +1587,7 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], St = [
+], Tt = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1589,14 +1615,14 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], Zn = {
-  entityName: kt,
+], ja = {
+  entityName: St,
   orderId: xt,
-  numeric: St
-}, Un = [
+  numeric: Tt
+}, Ya = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], Yn = {
+], qa = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1609,7 +1635,7 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
   ]
-}, qn = {
+}, Qa = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1617,7 +1643,7 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, jn = [
+}, Xa = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1639,7 +1665,7 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], Xn = [
+], Ja = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1656,7 +1682,7 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], Qn = [
+], en = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1673,137 +1699,137 @@ const te = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], Jn = [
+], tn = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], ea = [
+], an = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-], Tt = {
+], It = {
   timeframe: "Time Frame",
   threshold: "Thresholds",
   slots: "Slots",
   size: "Size",
   color: "Color",
   pinned: "Pinned"
-}, _t = {
-  timeframe: Qe,
-  threshold: Je,
-  slots: et,
-  size: tt,
-  color: nt,
-  pinned: at
+}, Rt = {
+  timeframe: et,
+  threshold: tt,
+  slots: at,
+  size: nt,
+  color: rt,
+  pinned: st
 };
 function ke(...e) {
   return e.filter(Boolean).join(" ");
 }
-function It() {
-  const [e, t] = W(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
-  return L(() => {
+function Mt() {
+  const [e, t] = z(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+  return $(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
-    const a = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (r) => t(r.matches);
-    return typeof a.addEventListener == "function" ? (a.addEventListener("change", n), () => a.removeEventListener("change", n)) : (a.addListener?.(n), () => {
-      a.removeListener?.(n);
+    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 Rt = ({
+const Ft = ({
   dimensions: e,
   onDimensionSelect: t,
-  activeDimension: a,
-  ariaCardTypeLabel: n,
+  activeDimension: n,
+  ariaCardTypeLabel: a,
   className: r
 }) => {
-  const s = R(null), i = R([]), g = It(), v = ne(() => Array.from(e), [e]);
-  if (v.length === 0) return null;
-  const m = n ? `Configure ${n}: choose a dimension` : void 0, w = g ? "10ms" : "200ms", k = (d, l) => {
-    const p = v.length - 1, T = (h) => {
-      const x = i.current[h];
-      x && x.focus();
+  const s = R(null), o = R([]), l = Mt(), b = ne(() => Array.from(e), [e]);
+  if (b.length === 0) return null;
+  const p = a ? `Configure ${a}: choose a dimension` : void 0, y = l ? "10ms" : "200ms", C = (u, d) => {
+    const g = b.length - 1, x = (f) => {
+      const k = o.current[f];
+      k && k.focus();
     };
-    switch (d.key) {
+    switch (u.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        d.preventDefault(), T(l === p ? 0 : l + 1);
+        u.preventDefault(), x(d === g ? 0 : d + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        d.preventDefault(), T(l === 0 ? p : l - 1);
+        u.preventDefault(), x(d === 0 ? g : d - 1);
         break;
       }
       case "Home": {
-        d.preventDefault(), T(0);
+        u.preventDefault(), x(0);
         break;
       }
       case "End": {
-        d.preventDefault(), T(p);
+        u.preventDefault(), x(g);
         break;
       }
       case "Enter":
       case " ": {
-        d.preventDefault(), t(v[l]);
+        u.preventDefault(), t(b[d]);
         break;
       }
     }
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ c(
     "div",
     {
       ref: s,
       role: "group",
-      "aria-label": m,
+      "aria-label": p,
       className: ke("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": y
       },
-      children: v.map((d, l) => {
-        const p = _t[d], T = a === d;
-        return /* @__PURE__ */ $(
+      children: b.map((u, d) => {
+        const g = Rt[u], x = n === u;
+        return /* @__PURE__ */ A(
           "button",
           {
-            ref: (h) => {
-              i.current[l] = h;
+            ref: (f) => {
+              o.current[d] = f;
             },
             type: "button",
-            "data-dimension": d,
+            "data-dimension": u,
             className: ke(
               "gloss-reconfig-backside-buttons__button",
-              T && "gloss-reconfig-backside-buttons__button--active"
+              x && "gloss-reconfig-backside-buttons__button--active"
             ),
-            "aria-current": T ? "true" : void 0,
-            onClick: () => t(d),
-            onKeyDown: (h) => k(h, l),
+            "aria-current": x ? "true" : void 0,
+            onClick: () => t(u),
+            onKeyDown: (f) => C(f, d),
             children: [
-              /* @__PURE__ */ u(
-                p,
+              /* @__PURE__ */ c(
+                g,
                 {
                   className: "gloss-reconfig-backside-buttons__button-icon",
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ u("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Tt[d] })
+              /* @__PURE__ */ c("span", { className: "gloss-reconfig-backside-buttons__button-label", children: It[u] })
             ]
           },
-          d
+          u
         );
       })
     }
   );
 };
-Rt.displayName = "ReconfigBacksideButtons";
-function Z(e, t) {
+Ft.displayName = "ReconfigBacksideButtons";
+function U(e, t) {
   return {
     id: e,
     colSpan: 1,
-    content: H.createElement("div", {
+    content: G.createElement("div", {
       style: {
         width: "100%",
         height: "100%",
@@ -1819,38 +1845,38 @@ function Z(e, t) {
     }, t)
   };
 }
-function xe(e, t) {
+function Se(e, t) {
   return {
-    ...Z(e, t),
+    ...U(e, t),
     colSpan: 2
   };
 }
-const ta = [
-  Z("total-revenue", "Total Revenue"),
-  Z("total-orders", "Total Orders"),
-  xe("revenue-trend", "Revenue Trend (2x)"),
-  Z("avg-order", "Avg Order Value"),
-  Z("new-customers", "New Customers"),
-  Z("top-salesperson", "Top Salesperson"),
-  xe("order-trend", "Order Trend (2x)"),
-  Z("repeat-rate", "Repeat Rate"),
-  Z("open-orders", "Open Orders"),
-  Z("shipped-orders", "Shipped Orders")
-], na = {
+const nn = [
+  U("total-revenue", "Total Revenue"),
+  U("total-orders", "Total Orders"),
+  Se("revenue-trend", "Revenue Trend (2x)"),
+  U("avg-order", "Avg Order Value"),
+  U("new-customers", "New Customers"),
+  U("top-salesperson", "Top Salesperson"),
+  Se("order-trend", "Order Trend (2x)"),
+  U("repeat-rate", "Repeat Rate"),
+  U("open-orders", "Open Orders"),
+  U("shipped-orders", "Shipped Orders")
+], rn = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, aa = {
+}, sn = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, ra = {
+}, on = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -1858,15 +1884,15 @@ const ta = [
   currentPage: 0,
   totalPages: 3
 };
-function ue(e) {
-  return H.createElement("span", { style: { fontSize: 14 } }, e);
+function me(e) {
+  return G.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const sa = [
+const ln = [
   {
     id: "all-orders",
     type: "orders",
     name: "All Orders",
-    icon: ue("📋"),
+    icon: me("📋"),
     closable: !1,
     autoCreated: !0
   },
@@ -1874,17 +1900,17 @@ const sa = [
     id: "open-orders",
     type: "orders",
     name: "Open Orders",
-    icon: ue("📦"),
+    icon: me("📦"),
     closable: !0
   },
   {
     id: "shipped-orders",
     type: "orders",
     name: "Shipped Orders",
-    icon: ue("🚚"),
+    icon: me("🚚"),
     closable: !0
   }
-], oa = [
+], dn = [
   {
     id: "orders-main",
     type: "orders",
@@ -1910,7 +1936,7 @@ const sa = [
     name: "Customers",
     closable: !0
   }
-], ia = [
+], cn = [
   {
     id: "only-tab",
     type: "orders",
@@ -1918,7 +1944,7 @@ const sa = [
     closable: !1,
     autoCreated: !0
   }
-], la = [
+], un = [
   { 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 },
@@ -1930,7 +1956,7 @@ const sa = [
   { id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
   { id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
 ];
-function fe(e) {
+function he(e) {
   switch (e) {
     case "wide":
       return { cols: 2, rows: 1 };
@@ -1941,24 +1967,24 @@ function fe(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function Mt(e) {
+function Pt(e) {
   let t = 0;
-  for (const n of e) {
-    const r = fe(n.size), s = n.gridPosition.col + r.cols - 1;
+  for (const a of e) {
+    const r = he(a.size), s = a.gridPosition.col + r.cols - 1;
     s > t && (t = s);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const Pt = function(t) {
+const Et = function(t) {
   if (t.renderMode === "discrete")
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ c(
       "div",
       {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
         children: t.cards.map((r) => {
-          const s = fe(r.size);
-          return /* @__PURE__ */ u(
+          const s = he(r.size);
+          return /* @__PURE__ */ c(
             "div",
             {
               className: "gloss-metric-group__slot",
@@ -1973,8 +1999,8 @@ const Pt = function(t) {
         })
       }
     );
-  const { cards: a, composite: n } = t;
-  return /* @__PURE__ */ $(
+  const { cards: n, composite: a } = t;
+  return /* @__PURE__ */ A(
     "div",
     {
       className: "gloss-metric-group gloss-metric-group--composite",
@@ -1989,40 +2015,40 @@ const Pt = function(t) {
         padding: "10px 12px 8px",
         overflow: "visible"
       },
-      role: n?.label ? "group" : void 0,
-      "aria-label": n?.label,
+      role: a?.label ? "group" : void 0,
+      "aria-label": a?.label,
       tabIndex: void 0,
       children: [
-        n?.accentColor && /* @__PURE__ */ u(
+        a?.accentColor && /* @__PURE__ */ c(
           "div",
           {
             className: "gloss-metric-group__accent",
-            style: { background: n.accentColor }
+            style: { background: a.accentColor }
           }
         ),
-        n?.label && /* @__PURE__ */ $("div", { className: "gloss-metric-group__label", children: [
-          /* @__PURE__ */ u("span", { children: n.label }),
-          n?.trend && /* @__PURE__ */ u(
+        a?.label && /* @__PURE__ */ A("div", { className: "gloss-metric-group__label", children: [
+          /* @__PURE__ */ c("span", { children: a.label }),
+          a?.trend && /* @__PURE__ */ c(
             "span",
             {
               className: "gloss-metric-group__trend",
-              "data-direction": n.trend.direction,
-              children: n.trend.delta
+              "data-direction": a.trend.direction,
+              children: a.trend.delta
             }
           )
         ] }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           "div",
           {
             className: "gloss-metric-group__slots",
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: Mt(a)
+              gridTemplateColumns: Pt(n)
             },
-            children: a.map((r) => {
-              const s = fe(r.size);
-              return /* @__PURE__ */ u(
+            children: n.map((r) => {
+              const s = he(r.size);
+              return /* @__PURE__ */ c(
                 "div",
                 {
                   className: "gloss-metric-group__slot--composite",
@@ -2041,48 +2067,48 @@ const Pt = function(t) {
     }
   );
 };
-Pt.displayName = "MetricGroupContainer";
-const Fe = "resize.tuning.dev", Ft = {
-  ..._e,
+Et.displayName = "MetricGroupContainer";
+const Ee = "resize.tuning.dev", Ot = {
+  ...Ie,
   snapInPx: 60,
   snapOutPx: 90
-}, Y = Ft;
-function Et() {
-  if (typeof window > "u") return { ...Y };
+}, j = Ot;
+function At() {
+  if (typeof window > "u") return { ...j };
   try {
-    const e = window.localStorage.getItem(Fe);
-    if (!e) return { ...Y };
+    const e = window.localStorage.getItem(Ee);
+    if (!e) return { ...j };
     const t = JSON.parse(e);
-    return !t || typeof t != "object" || Array.isArray(t) ? { ...Y } : { ...Y, ...t };
+    return !t || typeof t != "object" || Array.isArray(t) ? { ...j } : { ...j, ...t };
   } catch {
-    return { ...Y };
+    return { ...j };
   }
 }
-function Ot() {
-  const [e, t] = W(() => Et());
-  L(() => {
+function Lt() {
+  const [e, t] = z(() => At());
+  $(() => {
     if (!(typeof window > "u"))
       try {
-        window.localStorage.setItem(Fe, JSON.stringify(e));
+        window.localStorage.setItem(Ee, JSON.stringify(e));
       } catch {
       }
   }, [e]);
-  const a = b(
-    (s, i) => {
-      t((g) => ({ ...g, [s]: i }));
+  const n = v(
+    (s, o) => {
+      t((l) => ({ ...l, [s]: o }));
     },
     []
-  ), n = b(
+  ), a = v(
     (s) => {
-      t((i) => ({ ...i, [s]: Y[s] }));
+      t((o) => ({ ...o, [s]: j[s] }));
     },
     []
-  ), r = b(() => {
-    t({ ...Y });
+  ), r = v(() => {
+    t({ ...j });
   }, []);
-  return { values: e, setValue: a, resetRow: n, resetAll: r };
+  return { values: e, setValue: n, resetRow: a, resetAll: r };
 }
-const At = [
+const $t = [
   { 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 },
@@ -2093,11 +2119,11 @@ const At = [
   { 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 Lt(e, t) {
+function Bt(e, t) {
   return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
 }
-function $t() {
-  return /* @__PURE__ */ $(
+function Kt() {
+  return /* @__PURE__ */ A(
     "svg",
     {
       width: "14",
@@ -2110,32 +2136,32 @@ function $t() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ u("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
-        /* @__PURE__ */ u("polyline", { points: "3 3 3 8 8 8" })
+        /* @__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 Bt({ spec: e, value: t, onChange: a, onReset: n, flashing: r }) {
-  const s = b(
-    (i) => {
-      (i.key === "r" || i.key === "R") && (i.preventDefault(), n());
+function zt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
+  const s = v(
+    (o) => {
+      (o.key === "r" || o.key === "R") && (o.preventDefault(), a());
     },
-    [n]
+    [a]
   );
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ A(
     "div",
     {
       className: `gloss-dev-tuning-panel__row${r ? " gloss-dev-tuning-panel__row--flash" : ""}`,
       "data-tuning-row": e.key,
       onKeyDown: s,
       children: [
-        /* @__PURE__ */ u("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
-        /* @__PURE__ */ $("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
-          Lt(t, e.step),
+        /* @__PURE__ */ c("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
+        /* @__PURE__ */ A("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
+          Bt(t, e.step),
           e.unit ? ` ${e.unit}` : ""
         ] }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           "input",
           {
             id: `gloss-dtp-${e.key}`,
@@ -2146,24 +2172,24 @@ function Bt({ spec: e, value: t, onChange: a, onReset: n, flashing: r }) {
             step: e.step,
             value: t,
             "aria-label": e.label,
-            onChange: (i) => a(Number(i.target.value))
+            onChange: (o) => n(Number(o.target.value))
           }
         ),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             className: "gloss-dev-tuning-panel__reset",
             "aria-label": `Reset ${e.label}`,
-            onClick: n,
-            children: /* @__PURE__ */ u($t, {})
+            onClick: a,
+            children: /* @__PURE__ */ c(Kt, {})
           }
         )
       ]
     }
   );
 }
-function Kt() {
+function Wt() {
   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");
@@ -2171,22 +2197,22 @@ function Kt() {
     return !1;
   }
 }
-function Wt(e = {}) {
-  return Kt() ? /* @__PURE__ */ u(Gt, {}) : null;
+function Gt(e = {}) {
+  return Wt() ? /* @__PURE__ */ c(Ht, {}) : null;
 }
-Wt.displayName = "DevTuningPanel";
-function Gt() {
-  const e = Ot(), { values: t, setValue: a, resetRow: n, resetAll: r } = e, [s, i] = W(null), g = R(null), v = b((d) => {
-    g.current && clearTimeout(g.current), i(d), g.current = setTimeout(() => {
-      i(null), g.current = null;
+Gt.displayName = "DevTuningPanel";
+function Ht() {
+  const e = Lt(), { values: t, setValue: n, resetRow: a, resetAll: r } = e, [s, o] = z(null), l = R(null), b = v((u) => {
+    l.current && clearTimeout(l.current), o(u), l.current = setTimeout(() => {
+      o(null), l.current = null;
     }, 200);
-  }, []), m = b(
-    (d, l) => {
-      a(d, l), d === "snapInPx" && l > t.snapOutPx && (a("snapOutPx", l), v("snapOutPx"));
+  }, []), p = v(
+    (u, d) => {
+      n(u, d), u === "snapInPx" && d > t.snapOutPx && (n("snapOutPx", d), b("snapOutPx"));
     },
-    [a, t.snapOutPx, v]
-  ), w = ne(() => At, []), k = qe();
-  return /* @__PURE__ */ $(
+    [n, t.snapOutPx, b]
+  ), y = ne(() => $t, []), C = Qe();
+  return /* @__PURE__ */ A(
     Te.div,
     {
       className: "gloss-dev-tuning-panel",
@@ -2195,32 +2221,32 @@ function Gt() {
       "data-testid": "gloss-dev-tuning-panel",
       drag: !0,
       dragListener: !1,
-      dragControls: k,
+      dragControls: C,
       dragMomentum: !1,
       children: [
-        /* @__PURE__ */ $(
+        /* @__PURE__ */ A(
           "div",
           {
             className: "gloss-dev-tuning-panel__header",
-            onPointerDown: (d) => k.start(d),
+            onPointerDown: (u) => C.start(u),
             children: [
-              /* @__PURE__ */ u("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
-              /* @__PURE__ */ u("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
+              /* @__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__ */ u("div", { className: "gloss-dev-tuning-panel__body", children: w.map((d) => /* @__PURE__ */ u(
-          Bt,
+        /* @__PURE__ */ c("div", { className: "gloss-dev-tuning-panel__body", children: y.map((u) => /* @__PURE__ */ c(
+          zt,
           {
-            spec: d,
-            value: t[d.key],
-            onChange: (l) => m(d.key, l),
-            onReset: () => n(d.key),
-            flashing: s === d.key
+            spec: u,
+            value: t[u.key],
+            onChange: (d) => p(u.key, d),
+            onReset: () => a(u.key),
+            flashing: s === u.key
           },
-          d.key
+          u.key
         )) }),
-        /* @__PURE__ */ u("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ u(
+        /* @__PURE__ */ c("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ c(
           "button",
           {
             type: "button",
@@ -2233,7 +2259,191 @@ function Gt() {
     }
   );
 }
-const U = {
+function mn({
+  state: e,
+  originX: t,
+  originY: n,
+  leftEdgeX: a,
+  rightEdgeX: r,
+  minBoundaryX: s,
+  snapBoundariesX: o,
+  topY: l,
+  bottomY: b,
+  enterMs: p = Y.envelopeEnterMs,
+  exitMs: y = Y.envelopeExitMs,
+  className: C,
+  style: u
+}) {
+  if (e === "hidden") return null;
+  const d = Math.max(0, r - a), g = Math.max(0, b - l), x = {
+    "--gloss-resize-envelope-enter-ms": `${p}ms`,
+    "--gloss-resize-envelope-exit-ms": `${y}ms`,
+    "--gloss-resize-envelope-origin-x": `${t - a}px`,
+    "--gloss-resize-envelope-origin-y": `${n - l}px`,
+    left: a,
+    top: l,
+    width: d,
+    height: g,
+    ...u
+  };
+  return /* @__PURE__ */ A(
+    "div",
+    {
+      className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, C].filter(Boolean).join(" "),
+      "data-state": e,
+      "data-testid": "gloss-resize-envelope",
+      style: x,
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ c(
+          "div",
+          {
+            className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--left",
+            "data-edge": "left",
+            style: { left: 0 }
+          }
+        ),
+        /* @__PURE__ */ c(
+          "div",
+          {
+            className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--min-boundary",
+            "data-edge": "min-boundary",
+            style: { left: s - a }
+          }
+        ),
+        /* @__PURE__ */ c(
+          "div",
+          {
+            className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
+            "data-edge": "right",
+            style: { left: d - 1 }
+          }
+        ),
+        o.filter((f) => f > s && f < r).map((f) => /* @__PURE__ */ c(
+          "div",
+          {
+            className: "gloss-resize-envelope__snap-line",
+            "data-snap-line": !0,
+            style: { left: f - a }
+          },
+          f
+        ))
+      ]
+    }
+  );
+}
+function pn({
+  density: e,
+  canAccept: t,
+  blocked: n = !1,
+  className: a,
+  children: r,
+  ...s
+}) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ...s,
+      "data-density": e,
+      "data-can-accept": t ? "true" : "false",
+      "data-blocked": n ? "true" : void 0,
+      "data-testid": "gloss-drop-anchor-cell",
+      className: [
+        "gloss-drop-anchor-cell",
+        n && "gloss-drop-anchor-cell--blocked-pulse",
+        a
+      ].filter(Boolean).join(" "),
+      children: r
+    }
+  );
+}
+function Vt(e, t, n, a) {
+  const r = (e + n) / 2, s = Math.min(t, a) - 40;
+  return `M${e},${t} Q${r},${s} ${n},${a}`;
+}
+function gn({
+  segments: e,
+  durationMs: t = Y.spilloverArcDurationMs,
+  staggerMs: n = Y.spilloverStaggerMs,
+  className: a,
+  style: r
+}) {
+  return e.length === 0 ? null : /* @__PURE__ */ c(
+    "svg",
+    {
+      className: ["gloss-spillover-arc", a].filter(Boolean).join(" "),
+      "data-testid": "gloss-spillover-arc",
+      "aria-hidden": "true",
+      style: { position: "absolute", inset: 0, pointerEvents: "none", ...r },
+      children: e.map((s, o) => /* @__PURE__ */ c(
+        "path",
+        {
+          "data-arc-id": s.id,
+          className: "gloss-spillover-arc__path",
+          d: Vt(s.fromX, s.fromY, s.toX, s.toY),
+          style: {
+            animationDelay: `${o * n}ms`,
+            animationDuration: `${t}ms`
+          }
+        },
+        s.id
+      ))
+    }
+  );
+}
+function fn({
+  state: e,
+  staggerIndex: t = 0,
+  fadeInMs: n = Y.sectionDividerFadeInMs,
+  fadeOutMs: a = Y.sectionDividerFadeOutMs,
+  staggerMs: r = Y.sectionDividerStaggerMs,
+  className: s,
+  style: o,
+  ...l
+}) {
+  const b = {
+    "--gloss-section-divider-fade-in-ms": `${n}ms`,
+    "--gloss-section-divider-fade-out-ms": `${a}ms`,
+    "--gloss-section-divider-stagger-delay": `${t * r}ms`,
+    ...o
+  };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ...l,
+      "data-state": e,
+      "data-testid": "gloss-section-divider",
+      "aria-hidden": "true",
+      className: [
+        "gloss-section-divider",
+        `gloss-section-divider--state-${e}`,
+        s
+      ].filter(Boolean).join(" "),
+      style: b
+    }
+  );
+}
+function hn({
+  enabled: e,
+  onPack: t,
+  ariaLabel: n = "Pack row (shift cards left)",
+  className: a,
+  style: r
+}) {
+  return e ? /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      "data-testid": "gloss-empty-cell-pack",
+      "aria-label": n,
+      className: ["gloss-empty-cell-pack-affordance", a].filter(Boolean).join(" "),
+      style: r,
+      onClick: t,
+      children: /* @__PURE__ */ c("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
+    }
+  ) : null;
+}
+const Z = {
   "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",
@@ -2241,58 +2451,58 @@ const U = {
   "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 Ht({
+function Ut({
   message: e,
   primaryAction: t,
-  onDismiss: a,
-  anchorEl: n,
+  onDismiss: n,
+  anchorEl: a,
   anchorSelector: r
 }) {
-  const [s, i] = H.useState(null), g = H.useMemo(
+  const [s, o] = G.useState(null), l = G.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
-  H.useEffect(() => {
-    !n && !r && (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."
     );
-  }, [n, r]), H.useLayoutEffect(() => {
-    let m = null;
-    if (n ? m = n : r && (m = document.querySelector(r)), m) {
-      const w = m.getBoundingClientRect();
-      i({
-        top: w.bottom + window.scrollY + 6,
-        left: w.left + window.scrollX
+  }, [a, r]), G.useLayoutEffect(() => {
+    let p = null;
+    if (a ? p = a : r && (p = document.querySelector(r)), p) {
+      const y = p.getBoundingClientRect();
+      o({
+        top: y.bottom + window.scrollY + 6,
+        left: y.left + window.scrollX
       });
     }
-  }, [n, r]);
-  const v = s ? { top: s.top, left: s.left } : {};
-  return /* @__PURE__ */ $(
+  }, [a, r]);
+  const b = s ? { top: s.top, left: s.left } : {};
+  return /* @__PURE__ */ A(
     "div",
     {
-      className: U["gloss-inline-nudge"],
-      style: v,
+      className: Z["gloss-inline-nudge"],
+      style: b,
       role: "status",
       "aria-live": "polite",
-      "data-reduced-motion": g ? "true" : void 0,
+      "data-reduced-motion": l ? "true" : void 0,
       children: [
-        /* @__PURE__ */ u("span", { className: U["gloss-inline-nudge__message"], children: e }),
-        /* @__PURE__ */ $("div", { className: U["gloss-inline-nudge__actions"], children: [
-          /* @__PURE__ */ u(
+        /* @__PURE__ */ c("span", { className: Z["gloss-inline-nudge__message"], children: e }),
+        /* @__PURE__ */ A("div", { className: Z["gloss-inline-nudge__actions"], children: [
+          /* @__PURE__ */ c(
             "button",
             {
               type: "button",
-              className: `${U["gloss-inline-nudge__btn"]} ${U["gloss-inline-nudge__btn--action"]}`,
+              className: `${Z["gloss-inline-nudge__btn"]} ${Z["gloss-inline-nudge__btn--action"]}`,
               onClick: t.onClick,
               children: t.label
             }
           ),
-          /* @__PURE__ */ u(
+          /* @__PURE__ */ c(
             "button",
             {
               type: "button",
-              className: `${U["gloss-inline-nudge__btn"]} ${U["gloss-inline-nudge__btn--dismiss"]}`,
-              onClick: a,
+              className: `${Z["gloss-inline-nudge__btn"]} ${Z["gloss-inline-nudge__btn--dismiss"]}`,
+              onClick: n,
               "aria-label": "Dismiss",
               children: "Dismiss"
             }
@@ -2302,251 +2512,251 @@ function Ht({
     }
   );
 }
-Ht.displayName = "InlineNudge";
-function he(e) {
+Ut.displayName = "InlineNudge";
+function be(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function Vt(e, t, a) {
-  if (a <= t) {
-    const i = e[0], g = i ? he(i) : "#888";
-    return `linear-gradient(to right, ${g}, ${g})`;
+function Zt(e, t, n) {
+  if (n <= t) {
+    const o = e[0], l = o ? be(o) : "#888";
+    return `linear-gradient(to right, ${l}, ${l})`;
   }
-  const n = a - t, s = [...e].sort((i, g) => i.value - g.value).map((i) => {
-    const g = (i.value - t) / n * 100;
-    return `${he(i)} ${g.toFixed(2)}%`;
+  const a = n - t, s = [...e].sort((o, l) => o.value - l.value).map((o) => {
+    const l = (o.value - t) / a * 100;
+    return `${be(o)} ${l.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(", ")})`;
 }
-function zt(e) {
+function jt(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function Zt({
+function Yt({
   stops: e,
   onChange: t,
-  min: a = 0,
-  max: n = 100,
+  min: n = 0,
+  max: a = 100,
   step: r,
   disabled: s = !1
 }) {
-  const i = r === void 0 ? 0.01 : !Number.isFinite(r) || r <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
+  const o = 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, g = b(
-    (o) => Math.round(o / i) * i,
-    [i]
-  ), v = R(null), [m, w] = W(null), [k, d] = W(e), l = zt(e), p = R(l);
-  L(() => {
-    p.current !== l && (p.current = l, !m && d(e));
-  }, [l, e, m]);
-  const T = ne(() => Vt(k, a, n), [k, a, n]), h = b(
-    (o) => {
-      if (!v.current) return a;
-      const c = v.current.getBoundingClientRect(), f = c.width || 1, C = Math.max(0, Math.min(1, (o - c.left) / f)), N = a + C * (n - a);
-      return g(N);
+  ), 0.01) : r, l = v(
+    (i) => Math.round(i / o) * o,
+    [o]
+  ), b = R(null), [p, y] = z(null), [C, u] = z(e), d = jt(e), g = R(d);
+  $(() => {
+    g.current !== d && (g.current = d, !p && u(e));
+  }, [d, e, p]);
+  const x = ne(() => Zt(C, n, a), [C, n, a]), f = v(
+    (i) => {
+      if (!b.current) return n;
+      const m = b.current.getBoundingClientRect(), h = m.width || 1, N = Math.max(0, Math.min(1, (i - m.left) / h)), _ = n + N * (a - n);
+      return l(_);
     },
-    [a, n, g]
+    [n, a, l]
   );
-  L(() => {
-    n <= a && process.env.NODE_ENV !== "production" && console.warn(
-      `ThresholdRamp: max (${n}) must be greater than min (${a}); rendering degenerate strip.`
+  $(() => {
+    a <= n && process.env.NODE_ENV !== "production" && console.warn(
+      `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
     );
-  }, [a, n]);
-  const x = b(
-    (o, c) => {
-      const f = k.find((C) => C.id === c);
-      s || f?.disabled || (o.preventDefault(), w(c));
+  }, [n, a]);
+  const k = v(
+    (i, m) => {
+      const h = C.find((N) => N.id === m);
+      s || h?.disabled || (i.preventDefault(), y(m));
     },
-    [s, k]
-  ), M = R(k);
-  M.current = k;
+    [s, C]
+  ), M = R(C);
+  M.current = C;
   const D = R(t);
-  D.current = t, L(() => {
-    if (!m) return;
-    const o = (f) => {
-      const C = h(f.clientX);
-      d(
-        (N) => N.map((P) => P.id === m ? { ...P, value: C } : P)
+  D.current = t, $(() => {
+    if (!p) return;
+    const i = (h) => {
+      const N = f(h.clientX);
+      u(
+        (_) => _.map((F) => F.id === p ? { ...F, value: N } : F)
       );
-    }, c = (f) => {
-      const C = h(f.clientX), N = M.current.map(
-        (P) => P.id === m ? { ...P, value: C } : P
+    }, m = (h) => {
+      const N = f(h.clientX), _ = M.current.map(
+        (F) => F.id === p ? { ...F, value: N } : F
       );
-      d(N), w(null), D.current(N);
+      u(_), y(null), D.current(_);
     };
-    return window.addEventListener("pointermove", o), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c), () => {
-      window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c);
+    return window.addEventListener("pointermove", i), window.addEventListener("pointerup", m), window.addEventListener("pointercancel", m), () => {
+      window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", m), window.removeEventListener("pointercancel", m);
     };
-  }, [m, h]);
-  const S = n - a > 0 ? n - a : 1, _ = b(
-    (o, c) => {
-      if (s || c.disabled) return;
-      const f = n - a;
-      if (f <= 0) return;
-      const C = o.shiftKey ? f / 20 : f / 100;
-      let N = c.value;
-      switch (o.key) {
+  }, [p, f]);
+  const S = a - n > 0 ? a - n : 1, T = v(
+    (i, m) => {
+      if (s || m.disabled) return;
+      const h = a - n;
+      if (h <= 0) return;
+      const N = i.shiftKey ? h / 20 : h / 100;
+      let _ = m.value;
+      switch (i.key) {
         case "ArrowRight":
         case "ArrowUp":
-          N = c.value + C;
+          _ = m.value + N;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          N = c.value - C;
+          _ = m.value - N;
           break;
         case "Home":
-          N = a;
+          _ = n;
           break;
         case "End":
-          N = n;
+          _ = a;
           break;
         default:
           return;
       }
-      o.preventDefault();
-      const P = Math.max(a, Math.min(n, N)), I = g(P);
-      if (I === c.value) return;
-      const z = k.map(
-        (O) => O.id === c.id ? { ...O, value: I } : O
+      i.preventDefault();
+      const F = Math.max(n, Math.min(a, _)), I = l(F);
+      if (I === m.value) return;
+      const V = C.map(
+        (O) => O.id === m.id ? { ...O, value: I } : O
       );
-      d(z), t(z);
+      u(V), t(V);
     },
-    [s, a, n, k, t, g]
+    [s, n, a, C, t, l]
   );
-  return /* @__PURE__ */ u("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ c("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ c(
     "div",
     {
-      ref: v,
+      ref: b,
       className: "gloss-threshold-ramp__track",
-      style: { background: T },
-      children: k.map((o) => {
-        const c = (o.value - a) / S * 100;
-        return /* @__PURE__ */ u(
+      style: { background: x },
+      children: C.map((i) => {
+        const m = (i.value - n) / S * 100;
+        return /* @__PURE__ */ c(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
-              left: `${c}%`,
-              color: he(o)
+              left: `${m}%`,
+              color: be(i)
             },
-            "data-disabled": o.disabled || void 0,
-            "data-dragging": m === o.id || void 0,
-            onPointerDown: (f) => x(f, o.id),
-            onKeyDown: (f) => _(f, o),
-            "aria-label": o.label ?? `Stop at ${o.value}`,
+            "data-disabled": i.disabled || void 0,
+            "data-dragging": p === i.id || void 0,
+            onPointerDown: (h) => k(h, i.id),
+            onKeyDown: (h) => T(h, i),
+            "aria-label": i.label ?? `Stop at ${i.value}`,
             role: "slider",
-            "aria-valuenow": o.value,
-            "aria-valuemin": a,
-            "aria-valuemax": n,
-            "aria-disabled": o.disabled || s || void 0,
-            tabIndex: o.disabled || s ? -1 : 0
+            "aria-valuenow": i.value,
+            "aria-valuemin": n,
+            "aria-valuemax": a,
+            "aria-disabled": i.disabled || s || void 0,
+            tabIndex: i.disabled || s ? -1 : 0
           },
-          o.id
+          i.id
         );
       })
     }
   ) });
 }
-Zt.displayName = "ThresholdRamp";
-const Ee = Ze(null);
-function Ut() {
-  return Ue(Ee);
+Yt.displayName = "ThresholdRamp";
+const Oe = je(null);
+function qt() {
+  return Ye(Oe);
 }
-function Yt({ option: e }) {
-  const t = Ut(), a = t?.isSelected(e.value) ?? !1, n = e.disabled || t?.groupDisabled, r = b(() => {
-    n || t?.select(e.value);
-  }, [n, t, e.value]), s = b(
-    (m) => {
-      n || t?.onKeyNav(m, e.value);
+function Qt({ option: e }) {
+  const t = qt(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = v(() => {
+    a || t?.select(e.value);
+  }, [a, t, e.value]), s = v(
+    (p) => {
+      a || t?.onKeyNav(p, e.value);
     },
-    [n, t, e.value]
-  ), i = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", g = t?.firstFocusableValue === e.value, v = n ? -1 : g ? 0 : -1;
-  return /* @__PURE__ */ u(
+    [a, t, e.value]
+  ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, b = a ? -1 : l ? 0 : -1;
+  return /* @__PURE__ */ c(
     "button",
     {
-      ref: (m) => t?.registerRef(e.value, m),
+      ref: (p) => t?.registerRef(e.value, p),
       type: "button",
       role: "radio",
-      "aria-checked": a,
+      "aria-checked": n,
       className: "gloss-preset-swatch-row__swatch",
-      style: { backgroundColor: i },
-      "data-selected": a || void 0,
-      "data-disabled": n || void 0,
-      ...process.env.NODE_ENV === "test" ? { "data-bg-color": i } : {},
+      style: { backgroundColor: o },
+      "data-selected": n || void 0,
+      "data-disabled": a || void 0,
+      ...process.env.NODE_ENV === "test" ? { "data-bg-color": o } : {},
       "aria-label": e.label ?? e.value,
-      "aria-disabled": n,
-      disabled: n,
-      tabIndex: v,
+      "aria-disabled": a,
+      disabled: a,
+      tabIndex: b,
       onClick: r,
       onKeyDown: s
     }
   );
 }
-function qt({
+function Xt({
   swatches: e,
   value: t,
-  defaultValue: a,
-  onChange: n,
+  defaultValue: n,
+  onChange: a,
   disabled: r = !1,
   name: s
 }) {
-  const i = t !== void 0, [g, v] = W(a), m = i ? t : g, w = b(
+  const o = t !== void 0, [l, b] = z(n), p = o ? t : l, y = v(
     (D) => {
-      i || v(D), n?.(D);
+      o || b(D), a?.(D);
     },
-    [i, n]
-  ), k = b(
-    (D) => m === D,
-    [m]
-  ), d = R(/* @__PURE__ */ new Map()), l = b((D, S) => {
-    S ? d.current.set(D, S) : d.current.delete(D);
-  }, []), p = e.filter((D) => !D.disabled && !r), T = p.find((D) => D.value === m)?.value ?? p[0]?.value, h = b((D) => {
-    const S = d.current.get(D);
+    [o, a]
+  ), C = v(
+    (D) => p === D,
+    [p]
+  ), u = R(/* @__PURE__ */ new Map()), d = v((D, S) => {
+    S ? u.current.set(D, S) : u.current.delete(D);
+  }, []), g = e.filter((D) => !D.disabled && !r), x = g.find((D) => D.value === p)?.value ?? g[0]?.value, f = v((D) => {
+    const S = u.current.get(D);
     S && S.focus();
-  }, []), x = b(
+  }, []), k = v(
     (D, S) => {
       if (r) return;
-      const _ = e.filter((C) => !C.disabled);
-      if (_.length === 0) return;
-      const o = _.findIndex((C) => C.value === S);
-      if (o === -1) return;
-      let c = o;
+      const T = e.filter((N) => !N.disabled);
+      if (T.length === 0) return;
+      const i = T.findIndex((N) => N.value === S);
+      if (i === -1) return;
+      let m = i;
       switch (D.key) {
         case "ArrowRight":
         case "ArrowDown":
-          c = (o + 1) % _.length;
+          m = (i + 1) % T.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          c = (o - 1 + _.length) % _.length;
+          m = (i - 1 + T.length) % T.length;
           break;
         case "Home":
-          c = 0;
+          m = 0;
           break;
         case "End":
-          c = _.length - 1;
+          m = T.length - 1;
           break;
         case " ":
         case "Enter":
-          D.preventDefault(), w(S);
+          D.preventDefault(), y(S);
           return;
         default:
           return;
       }
       D.preventDefault();
-      const f = _[c].value;
-      h(f), w(f);
+      const h = T[m].value;
+      f(h), y(h);
     },
-    [r, e, w, h]
+    [r, e, y, f]
   ), M = {
-    selectedValue: m,
-    select: w,
-    isSelected: k,
+    selectedValue: p,
+    select: y,
+    isSelected: C,
     groupDisabled: r,
     name: s,
-    registerRef: l,
-    firstFocusableValue: T,
-    onKeyNav: x
+    registerRef: d,
+    firstFocusableValue: x,
+    onKeyNav: k
   };
-  return /* @__PURE__ */ u(Ee.Provider, { value: M, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ c(Oe.Provider, { value: M, children: /* @__PURE__ */ c(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -2554,126 +2764,126 @@ function qt({
       "aria-label": s,
       "aria-disabled": r,
       "data-disabled": r || void 0,
-      children: e.map((D) => /* @__PURE__ */ u(Yt, { option: D }, D.value))
+      children: e.map((D) => /* @__PURE__ */ c(Qt, { option: D }, D.value))
     }
   ) });
 }
-qt.displayName = "PresetSwatchRow";
-function be(e, t) {
-  for (const a of e)
-    if (a.items.some((n) => n.id === t))
-      return a.zoneKey;
+Xt.displayName = "PresetSwatchRow";
+function ve(e, t) {
+  for (const n of e)
+    if (n.items.some((a) => a.id === t))
+      return n.zoneKey;
   return null;
 }
-function Se(e, t) {
-  const a = e.find((n) => n.zoneKey === t);
-  return a ? a.zoneKey : be(e, t);
+function xe(e, t) {
+  const n = e.find((a) => a.zoneKey === t);
+  return n ? n.zoneKey : ve(e, t);
 }
-function jt(e, t, a) {
-  const n = [...e], [r] = n.splice(t, 1);
-  return n.splice(a, 0, r), n;
+function Jt(e, t, n) {
+  const a = [...e], [r] = a.splice(t, 1);
+  return a.splice(n, 0, r), a;
 }
-function Xt(e) {
-  return e.map((t) => `${t.zoneKey}:${t.items.map((a) => a.id).join(",")}`).join("|");
+function ea(e) {
+  return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
 }
-function Qt(e) {
-  const [t, a] = W(
-    () => e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-      `useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
-    ), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
-  ), [n, r] = W(null), [s, i] = W(null), g = R(null), v = R(e.onZoneChange);
-  v.current = e.onZoneChange;
-  const m = ne(
-    () => Xt(e.zones),
+function ta(e) {
+  const [t, n] = z(
+    () => e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+      `useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
+    ), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
+  ), [a, r] = z(null), [s, o] = z(null), l = R(null), b = R(e.onZoneChange);
+  b.current = e.onZoneChange;
+  const p = ne(
+    () => ea(e.zones),
     [e.zones]
-  ), w = R(m);
-  L(() => {
-    w.current !== m && (w.current = m, !n && a(
-      e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-        `useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
-      ), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
+  ), y = R(p);
+  $(() => {
+    y.current !== p && (y.current = p, !a && n(
+      e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
+        `useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
+      ), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
     ));
-  }, [m, e.zones, n]);
-  const k = b(
-    (h) => {
-      const x = h.active.id;
+  }, [p, e.zones, a]);
+  const C = v(
+    (f) => {
+      const k = f.active.id;
       let M = null, D = null;
       for (const S of t) {
-        const _ = S.items.find((o) => o.id === x);
-        if (_) {
-          M = _, D = S.zoneKey;
+        const T = S.items.find((i) => i.id === k);
+        if (T) {
+          M = T, D = S.zoneKey;
           break;
         }
       }
-      g.current = D, r(M), i(D);
+      l.current = D, r(M), o(D);
     },
     [t]
-  ), d = b(
-    (h) => {
-      if (!h.over) {
-        i(g.current);
+  ), u = v(
+    (f) => {
+      if (!f.over) {
+        o(l.current);
         return;
       }
-      const x = Se(t, h.over.id);
-      i(x);
+      const k = xe(t, f.over.id);
+      o(k);
     },
     [t]
-  ), l = b(
-    (h) => {
-      const { active: x, over: M } = h, D = () => {
-        g.current = null, r(null), i(null);
+  ), d = v(
+    (f) => {
+      const { active: k, over: M } = f, D = () => {
+        l.current = null, r(null), o(null);
       };
       if (!M) {
         D();
         return;
       }
-      const S = be(t, x.id), _ = Se(t, M.id);
-      if (!S || !_) {
+      const S = ve(t, k.id), T = xe(t, M.id);
+      if (!S || !T) {
         D();
         return;
       }
-      let o = t.map((c) => ({ ...c, items: [...c.items] }));
-      if (S === _) {
-        const c = o.findIndex((I) => I.zoneKey === S), f = o[c], C = f.items.findIndex((I) => I.id === x.id), N = f.items.findIndex((I) => I.id === M.id), P = N >= 0 ? N : Math.max(0, f.items.length - 1);
-        o[c] = {
-          ...f,
-          items: jt(f.items, C, P)
+      let i = t.map((m) => ({ ...m, items: [...m.items] }));
+      if (S === T) {
+        const m = i.findIndex((I) => I.zoneKey === S), h = i[m], N = h.items.findIndex((I) => I.id === k.id), _ = h.items.findIndex((I) => I.id === M.id), F = _ >= 0 ? _ : Math.max(0, h.items.length - 1);
+        i[m] = {
+          ...h,
+          items: Jt(h.items, N, F)
         };
       } else {
-        const c = o.findIndex((B) => B.zoneKey === S), f = o.findIndex((B) => B.zoneKey === _), C = o[c], N = o[f], P = C.items.find((B) => B.id === x.id);
-        if (!P) {
+        const m = i.findIndex((B) => B.zoneKey === S), h = i.findIndex((B) => B.zoneKey === T), N = i[m], _ = i[h], F = N.items.find((B) => B.id === k.id);
+        if (!F) {
           D();
           return;
         }
-        const I = C.items.filter((B) => B.id !== x.id), z = N.items.findIndex((B) => B.id === M.id), O = z >= 0 ? z : N.items.length;
-        let G = I, A = [...N.items];
-        if (N.maxItems !== void 0 && A.length >= N.maxItems) {
-          const B = A[A.length - 1];
-          A = A.slice(0, N.maxItems - 1), G = [...I, B];
+        const I = N.items.filter((B) => B.id !== k.id), V = _.items.findIndex((B) => B.id === M.id), O = V >= 0 ? V : _.items.length;
+        let W = I, L = [..._.items];
+        if (_.maxItems !== void 0 && L.length >= _.maxItems) {
+          const B = L[L.length - 1];
+          L = L.slice(0, _.maxItems - 1), W = [...I, B];
         }
-        const X = Math.min(O, A.length), ae = [
-          ...A.slice(0, X),
-          P,
-          ...A.slice(X)
+        const X = Math.min(O, L.length), re = [
+          ...L.slice(0, X),
+          F,
+          ...L.slice(X)
         ];
-        o[c] = { ...C, items: G }, o[f] = { ...N, items: ae };
+        i[m] = { ...N, items: W }, i[h] = { ..._, items: re };
       }
-      a(o), v.current?.(o), D();
+      n(i), b.current?.(i), D();
     },
     [t]
-  ), p = b(
-    (h) => ({
-      id: h,
-      "data-zone-key": h
+  ), g = v(
+    (f) => ({
+      id: f,
+      "data-zone-key": f
     }),
     []
-  ), T = b(
-    (h) => {
-      const x = be(t, h.id) ?? "";
+  ), x = v(
+    (f) => {
+      const k = ve(t, f.id) ?? "";
       return {
-        id: h.id,
-        "data-item-id": h.id,
-        "data-zone-key": x
+        id: f.id,
+        "data-item-id": f.id,
+        "data-zone-key": k
       };
     },
     [t]
@@ -2681,16 +2891,16 @@ function Qt(e) {
   return {
     zones: t,
     activeZone: s,
-    activeItem: n,
-    getZoneProps: p,
-    getItemProps: T,
-    handleDragStart: k,
-    handleDragOver: d,
-    handleDragEnd: l
+    activeItem: a,
+    getZoneProps: g,
+    getItemProps: x,
+    handleDragStart: C,
+    handleDragOver: u,
+    handleDragEnd: d
   };
 }
-let ee = null, se = null, me = !1;
-const Jt = [
+let te = null, oe = null, pe = !1;
+const aa = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -2699,432 +2909,540 @@ const Jt = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], en = [
+], na = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function tn(e, t) {
-  const a = [], n = e ?? {};
-  for (const s of Jt)
-    n[s] === void 0 && a.push(`@dnd-kit/core:${s}`);
+function ra(e, t) {
+  const n = [], a = e ?? {};
+  for (const s of aa)
+    a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
   const r = t ?? {};
-  for (const s of en)
-    r[s] === void 0 && a.push(`@dnd-kit/sortable:${s}`);
-  return a.length === 0 ? { ok: !0 } : { ok: !1, missing: a };
+  for (const s of na)
+    r[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
+  return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
 }
-function nn() {
-  return ee ? Promise.resolve(ee) : me ? Promise.resolve(null) : se || (se = (async () => {
+function sa() {
+  return te ? Promise.resolve(te) : pe ? Promise.resolve(null) : oe || (oe = (async () => {
     try {
-      const [e, t, a] = await Promise.all([
+      const [e, t, n] = await Promise.all([
         import("@dnd-kit/core"),
         import("@dnd-kit/sortable"),
         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)."
         ), {}))
-      ]), n = tn(e, t);
-      return n.ok ? (ee = {
+      ]), a = ra(e, t);
+      return a.ok ? (te = {
         core: e,
         sortable: t,
-        utilities: a
-      }, ee) : (me = !0, process.env.NODE_ENV !== "production" && console.error(
-        `SortableZones: @dnd-kit shape mismatch — missing exports: ${n.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
+        utilities: n
+      }, te) : (pe = !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 me = !0, null;
+      return pe = !0, null;
     }
-  })(), se);
+  })(), oe);
 }
-function an(e) {
-  const { zones: t, onZoneChange: a, renderZone: n, renderItem: r, renderDragOverlay: s } = e, i = Qt({ zones: t, onZoneChange: a }), [g, v] = H.useState(ee);
-  return H.useEffect(() => {
-    if (g) return;
-    let m = !0;
-    return nn().then((w) => {
-      m && v(w);
+function oa(e) {
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: s } = e, o = ta({ zones: t, onZoneChange: n }), [l, b] = G.useState(te);
+  return G.useEffect(() => {
+    if (l) return;
+    let p = !0;
+    return sa().then((y) => {
+      p && b(y);
     }), () => {
-      m = !1;
+      p = !1;
     };
-  }, [g]), g ? /* @__PURE__ */ u(
-    Oe,
+  }, [l]), l ? /* @__PURE__ */ c(
+    Ae,
     {
-      state: i,
-      modules: g,
-      renderZone: n,
+      state: o,
+      modules: l,
+      renderZone: a,
       renderItem: r,
       renderDragOverlay: s
     }
-  ) : /* @__PURE__ */ u("div", { "data-sortable-zones-passive": "true", children: i.zones.map((m) => {
-    const w = m.items.map((k) => /* @__PURE__ */ u(H.Fragment, { children: r(k) }, k.id));
-    return /* @__PURE__ */ u("div", { ...i.getZoneProps(m.zoneKey), children: n(m.zoneKey, m.items, w) }, m.zoneKey);
+  ) : /* @__PURE__ */ c("div", { "data-sortable-zones-passive": "true", children: o.zones.map((p) => {
+    const y = p.items.map((C) => /* @__PURE__ */ c(G.Fragment, { children: r(C) }, C.id));
+    return /* @__PURE__ */ c("div", { ...o.getZoneProps(p.zoneKey), children: a(p.zoneKey, p.items, y) }, p.zoneKey);
   }) });
 }
-an.displayName = "SortableZones";
-function Oe({
+oa.displayName = "SortableZones";
+function Ae({
   state: e,
   modules: t,
-  renderZone: a,
-  renderItem: n,
+  renderZone: n,
+  renderItem: a,
   renderDragOverlay: r
 }) {
-  const { core: s, sortable: i, utilities: g } = t, { DndContext: v, DragOverlay: m, useSensors: w, useSensor: k, useDroppable: d, PointerSensor: l, KeyboardSensor: p, closestCenter: T } = s, { SortableContext: h, verticalListSortingStrategy: x } = i, M = w(
-    k(l, { activationConstraint: { distance: 5 } }),
-    k(p)
-  ), D = v, S = m, _ = h;
-  return /* @__PURE__ */ $(
+  const { core: s, sortable: o, utilities: l } = t, { DndContext: b, DragOverlay: p, useSensors: y, useSensor: C, useDroppable: u, PointerSensor: d, KeyboardSensor: g, closestCenter: x } = s, { SortableContext: f, verticalListSortingStrategy: k } = o, M = y(
+    C(d, { activationConstraint: { distance: 5 } }),
+    C(g)
+  ), D = b, S = p, T = f;
+  return /* @__PURE__ */ A(
     D,
     {
       sensors: M,
-      collisionDetection: T,
+      collisionDetection: x,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((o) => {
-          const c = o.items.map((C) => C.id), f = o.items.map((C) => /* @__PURE__ */ u(
-            Ae,
+        e.zones.map((i) => {
+          const m = i.items.map((N) => N.id), h = i.items.map((N) => /* @__PURE__ */ c(
+            Le,
             {
-              id: C.id,
-              useSortable: i.useSortable,
-              cssHelper: g.CSS,
-              children: n(C)
+              id: N.id,
+              useSortable: o.useSortable,
+              cssHelper: l.CSS,
+              children: a(N)
             },
-            C.id
+            N.id
           ));
-          return /* @__PURE__ */ u(
-            Le,
+          return /* @__PURE__ */ c(
+            $e,
             {
-              zoneKey: o.zoneKey,
-              zoneProps: e.getZoneProps(o.zoneKey),
-              useDroppable: d,
-              children: /* @__PURE__ */ u(_, { items: c, strategy: x, children: a(o.zoneKey, o.items, f) })
+              zoneKey: i.zoneKey,
+              zoneProps: e.getZoneProps(i.zoneKey),
+              useDroppable: u,
+              children: /* @__PURE__ */ c(T, { items: m, strategy: k, children: n(i.zoneKey, i.items, h) })
             },
-            o.zoneKey
+            i.zoneKey
           );
         }),
-        /* @__PURE__ */ u(S, { children: e.activeItem ? r?.(e.activeItem) ?? n(e.activeItem) : null })
+        /* @__PURE__ */ c(S, { children: e.activeItem ? r?.(e.activeItem) ?? a(e.activeItem) : null })
       ]
     }
   );
 }
-Oe.displayName = "SortableZonesInner";
-function Ae({ id: e, useSortable: t, cssHelper: a, children: n }) {
-  const { attributes: r, listeners: s, setNodeRef: i, transform: g, transition: v, isDragging: m } = t({ id: e }), w = {
-    transform: a?.Transform?.toString(g) ?? void 0,
-    transition: v,
-    opacity: m ? 0.5 : 1
+Ae.displayName = "SortableZonesInner";
+function Le({ id: e, useSortable: t, cssHelper: n, children: a }) {
+  const { attributes: r, listeners: s, setNodeRef: o, transform: l, transition: b, isDragging: p } = t({ id: e }), y = {
+    transform: n?.Transform?.toString(l) ?? void 0,
+    transition: b,
+    opacity: p ? 0.5 : 1
   };
-  return /* @__PURE__ */ u("div", { ref: i, style: w, "data-sortable-item-id": e, ...r, ...s, children: n });
+  return /* @__PURE__ */ c("div", { ref: o, style: y, "data-sortable-item-id": e, ...r, ...s, children: a });
 }
-Ae.displayName = "SortableItem";
-function Le({
+Le.displayName = "SortableItem";
+function $e({
   zoneKey: e,
   zoneProps: t,
-  useDroppable: a,
-  children: n
+  useDroppable: n,
+  children: a
 }) {
-  const { setNodeRef: r, isOver: s } = a({ id: e });
-  return /* @__PURE__ */ u("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: n });
+  const { setNodeRef: r, isOver: s } = n({ id: e });
+  return /* @__PURE__ */ c("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: a });
+}
+$e.displayName = "ZoneDroppable";
+function bn({
+  slotLeft: e,
+  slotCenter: t,
+  slotRight: n,
+  height: a = 36,
+  className: r,
+  style: s,
+  "aria-label": o = "Dashboard navigation"
+}) {
+  const l = {
+    "--gloss-bottom-toolbar-height": `${a}px`,
+    ...s
+  };
+  return /* @__PURE__ */ A(
+    "div",
+    {
+      role: "toolbar",
+      "aria-label": o,
+      "data-testid": "gloss-bottom-toolbar",
+      className: ["gloss-bottom-toolbar", r].filter(Boolean).join(" "),
+      style: l,
+      children: [
+        /* @__PURE__ */ c(
+          "div",
+          {
+            className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--left",
+            "data-slot": "left",
+            children: e
+          }
+        ),
+        /* @__PURE__ */ c(
+          "div",
+          {
+            className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--center",
+            "data-slot": "center",
+            children: t
+          }
+        ),
+        /* @__PURE__ */ c(
+          "div",
+          {
+            className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--right",
+            "data-slot": "right",
+            children: n
+          }
+        )
+      ]
+    }
+  );
+}
+function vn({
+  count: e,
+  currentIndex: t,
+  onSelect: n,
+  "aria-label": a = "Sections"
+}) {
+  const r = Ue.useRef([]);
+  return r.current.length = e, /* @__PURE__ */ c(
+    "div",
+    {
+      role: "tablist",
+      "aria-label": a,
+      "data-testid": "gloss-section-dots",
+      className: "gloss-section-dots",
+      onKeyDown: (o) => {
+        if (e !== 0) {
+          if (o.key === "ArrowRight") {
+            o.preventDefault();
+            const l = (t + 1) % e;
+            n(l), requestAnimationFrame(() => r.current[l]?.focus());
+          } else if (o.key === "ArrowLeft") {
+            o.preventDefault();
+            const l = (t - 1 + e) % e;
+            n(l), requestAnimationFrame(() => r.current[l]?.focus());
+          }
+        }
+      },
+      children: Array.from({ length: e }, (o, l) => /* @__PURE__ */ c(
+        "button",
+        {
+          ref: (b) => {
+            r.current[l] = b;
+          },
+          type: "button",
+          role: "tab",
+          "aria-selected": l === t,
+          "aria-label": `Section ${l + 1}`,
+          "data-state": l === t ? "current" : "hollow",
+          "data-section-index": l,
+          className: [
+            "gloss-section-dots__dot",
+            l === t && "gloss-section-dots__dot--current"
+          ].filter(Boolean).join(" "),
+          onClick: () => n(l)
+        },
+        l
+      ))
+    }
+  );
 }
-Le.displayName = "ZoneDroppable";
-const rn = H.forwardRef(({ density: e = "compact", children: t, ...a }, n) => {
-  const r = { ...a };
-  return delete r.className, delete r.style, /* @__PURE__ */ u("div", { ref: n, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ u(ve, { region: "toolbar", density: e, children: t }) });
+const ia = 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(ye, { region: "toolbar", density: e, children: t }) });
 });
-rn.displayName = "ContainerToolbar";
-const sn = H.forwardRef(({ legend: e, description: t, density: a = "default", children: n, ...r }, s) => {
-  const i = { ...r };
-  return delete i.className, delete i.style, /* @__PURE__ */ $("fieldset", { ref: s, className: "gloss-container-form-section", ...i, children: [
-    e && /* @__PURE__ */ u("legend", { className: "gloss-container-form-section__legend", children: e }),
-    t && /* @__PURE__ */ u("p", { className: "gloss-container-form-section__description", children: t }),
-    /* @__PURE__ */ u(ve, { region: "form-section", density: a, children: n })
+ia.displayName = "ContainerToolbar";
+const la = G.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...r }, s) => {
+  const o = { ...r };
+  return delete o.className, delete o.style, /* @__PURE__ */ A("fieldset", { ref: s, className: "gloss-container-form-section", ...o, 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(ye, { region: "form-section", density: n, children: a })
   ] });
 });
-sn.displayName = "ContainerFormSection";
-const on = H.forwardRef(({ density: e = "compact", children: t, ...a }, n) => {
-  const r = { ...a };
-  return delete r.className, delete r.style, /* @__PURE__ */ u("div", { ref: n, className: "gloss-container-table", ...r, children: /* @__PURE__ */ u(ve, { region: "table", density: e, children: t }) });
+la.displayName = "ContainerFormSection";
+const da = 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(ye, { region: "table", density: e, children: t }) });
 });
-on.displayName = "ContainerTable";
+da.displayName = "ContainerTable";
 export {
-  ua as Accordion,
-  ma as AccordionContent,
-  pa as AccordionItem,
-  ga as AccordionTrigger,
-  fa as ActionStrip,
-  ha as Actionable,
-  ba as AddressGroup,
-  va as AddressSelect,
-  ya as AsyncLoader,
-  wa as Autocomplete,
-  Da as Badge,
-  Ca as BarChartCard,
-  Na as BarsBg,
-  ka as Button,
-  xa as ButtonGroup,
-  Sa as ButtonGroupContext,
-  Ta as Card,
-  _a as CardActions,
-  Ia as CardBack,
-  Ra as CardBody,
-  Ma as CardFooter,
-  Pa as CardHeader,
-  Fa as CardMedia,
-  Ea as CardShell,
-  Oa as CardSubtitle,
-  Aa as CardTitle,
-  La as ChartControlBar,
-  $a as Checkbox,
-  Ba as CheckboxGroup,
-  Ka as Chip,
-  Wa as ColorPicker,
-  Ga as ComparisonCard,
-  Ha as ContactForm,
-  Va as ContainerCard,
-  za as ContainerCardActions,
-  Za as ContainerCardBody,
-  Ua as ContainerCardFooter,
-  Ya as ContainerCardHeader,
-  qa as ContainerCardMedia,
-  ja as ContainerCardSubtitle,
-  Xa as ContainerCardTitle,
-  Qa as ContainerDialog,
-  Ja as ContainerDialogActions,
-  er as ContainerDialogBody,
-  tr as ContainerDialogHeader,
-  sn as ContainerFormSection,
-  nr as ContainerPanel,
-  on as ContainerTable,
-  rn as ContainerToolbar,
-  ar as CreditCardForm,
-  rr as DEFAULT_FOOTER_IDS,
-  Po as DEFAULT_MARKET_PRESETS,
-  sr as DEFAULT_OVERFLOW_IDS,
-  Fo as DEFAULT_PINNED,
-  _e as DEFAULT_RESIZE_PHYSICS,
-  or as DataTable,
-  ir as DatePicker,
-  lr as DateRangePicker,
-  cr as DestructiveModal,
-  Wt as DevTuningPanel,
-  dr as DirectionCard,
-  ur as Dismissible,
-  mr as DistributionCard,
-  pr as DonutChart,
-  gr as Dropdown,
-  fr as ENTITY_FILTER_KEYS,
-  hr as ENTITY_PROFILE_ROUTES,
-  br as ENTITY_TYPE_PLURAL,
-  ut as EdgeHoverHandle,
-  vr as EntityPicker,
-  yr as EntitySearchPanel,
-  wr as Expandable,
-  Dr as ExpandableChip,
-  Cr as FLIP_AND_STAGE_TIMINGS,
-  Nr as FileUpload,
-  kr as FilterChip,
-  xr as FilterInput,
-  Sr as FlipAndStageProvider,
-  Tr as Form,
-  _r as FormDialog,
-  Ir as FormField,
-  Rr as FusedShape,
-  mt as GhostPreview,
-  Mr as GroupCheckbox,
-  Pr as GroupRadio,
-  Fr as HighlightCard,
-  Er as HybridDatePicker,
-  Or as ImportWizard,
-  Ht as InlineNudge,
-  Ar as Input,
-  Lr as InputAddon,
-  $r as InputGroup,
-  Br as Link,
-  Kr as LoginForm,
-  Wr as MarketPresetRow,
-  Gr as MaskPresets,
-  Hr as MaskedInput,
-  Vr as Menu,
-  zr as MenuDivider,
-  Zr as MenuGroup,
-  Ur as MenuItem,
-  Yr as MergePrompt,
-  qr as MetricCard,
-  jr as MetricCardGrid,
-  Pt as MetricGroupContainer,
-  Xr as MiniCalendar,
-  Qr as MultiSelect,
-  Jr as NumberInput,
-  es as ObjectArrow,
-  ts as OrderFilterBar,
-  Eo as PERIOD_OPTIONS,
-  wt as PageChip,
-  Ie as PageDropdown,
-  ns as PasswordInput,
-  as as PaymentForm,
-  rs as PaymentMethodSelect,
-  ss as PhoneInput,
-  os as PinToMetric,
-  qt as PresetSwatchRow,
-  is as ProfileCard,
-  ls as ProgressCard,
-  cs as QuickConfigPanel,
-  Tt as RECONFIG_BACKSIDE_LABELS,
-  Oo as ROLLING_OPTIONS,
-  ds as Radio,
-  us as RadioGroup,
-  ms as RangeSlider,
-  ps as Rating,
-  Rt as ReconfigBacksideButtons,
-  gs as RegistrationForm,
-  fs as Row1Controls,
-  hs as Row2FilterTray,
-  bs as SearchInput,
-  vs as SegmentCard,
-  ys as SegmentedControl,
-  ws as Select,
-  Ds as Selectable,
-  Cs as SimpleMetricCard,
-  Ns as SimpleSelector,
-  ks as Skeleton,
-  xs as SkeletonCard,
-  Ss as SkeletonChart,
-  Ts as SkeletonTable,
-  _s as Slider,
-  Is as Sortable,
-  an as SortableZones,
-  Rs as SparklineBg,
-  Ms as SplitButton,
-  Ps as StackedGroupCard,
-  Fs as StatusModeCard,
-  dt as StatusSlotChipMenu,
-  Es as Stepper,
-  Ao as TODAY_PRESET,
-  Y as TUNING_DEFAULTS,
-  Fe as TUNING_STORAGE_KEY,
-  Os as TabGroup,
-  As as TabbedDataView,
-  Ls as TagInput,
-  $s as Textarea,
-  Zt as ThresholdRamp,
-  Bs as TimeFrame,
-  Ks as TimePicker,
-  Ws as Toggle,
-  Gs as Tooltip,
-  Hs as Transition,
-  Vs as TransitionGroup,
-  zs as TrendCard,
-  Zs as TrendIndicator,
-  Io as UIContext,
-  ve as UIContextProvider,
-  Us as UnifiedBreakdownTable,
-  Ys as UnifiedContextMenu,
-  pt as VelocityBuffer,
-  qs as addressGroupMetadata,
-  js as addressSchema,
-  Dn as allChips,
-  En as allStateFixtures,
-  Fn as allVariantFixtures,
-  xn as blockSamples,
-  Xs as buildDefaultOverflow,
-  Rn as cardSamples,
-  _n as chartSamples,
-  Tn as circleSamples,
-  na as compactLayout,
-  zn as compactState,
-  Pn as computeGutterAnchorX,
-  Qs as contactFormMetadata,
-  Js as contactSchema,
-  Zn as contextMenuFixtures,
-  eo as creditCardFormMetadata,
-  to as creditCardSchema,
-  ot as dateChip,
+  Dn as Accordion,
+  Cn as AccordionContent,
+  Nn as AccordionItem,
+  _n as AccordionTrigger,
+  kn as ActionStrip,
+  Sn as Actionable,
+  xn as AddressGroup,
+  Tn as AddressSelect,
+  In as AsyncLoader,
+  Rn as Autocomplete,
+  Mn as Badge,
+  Fn as BarChartCard,
+  Pn as BarsBg,
+  bn as BottomToolbar,
+  En as Button,
+  On as ButtonGroup,
+  An as ButtonGroupContext,
+  Ln as Card,
+  $n as CardActions,
+  Bn as CardBack,
+  Kn as CardBody,
+  zn as CardFooter,
+  Wn as CardHeader,
+  Gn as CardMedia,
+  Hn as CardShell,
+  Vn as CardSubtitle,
+  Un as CardTitle,
+  Zn as ChartControlBar,
+  jn as Checkbox,
+  Yn as CheckboxGroup,
+  qn as Chip,
+  Qn as ColorPicker,
+  Xn as ComparisonCard,
+  Jn as ContactForm,
+  er as ContainerCard,
+  tr as ContainerCardActions,
+  ar as ContainerCardBody,
+  nr as ContainerCardFooter,
+  rr as ContainerCardHeader,
+  sr as ContainerCardMedia,
+  or as ContainerCardSubtitle,
+  ir as ContainerCardTitle,
+  lr as ContainerDialog,
+  dr as ContainerDialogActions,
+  cr as ContainerDialogBody,
+  ur as ContainerDialogHeader,
+  la as ContainerFormSection,
+  mr as ContainerPanel,
+  da as ContainerTable,
+  ia as ContainerToolbar,
+  pr as CreditCardForm,
+  gr as DEFAULT_FOOTER_IDS,
+  Y as DEFAULT_GRID_INTERACTION_PHYSICS,
+  Wo as DEFAULT_MARKET_PRESETS,
+  fr as DEFAULT_OVERFLOW_IDS,
+  Go as DEFAULT_PINNED,
+  Ie as DEFAULT_RESIZE_PHYSICS,
+  hr as DataTable,
+  br as DatePicker,
+  vr as DateRangePicker,
+  yr as DestructiveModal,
+  Gt as DevTuningPanel,
+  wr as DirectionCard,
+  Dr as Dismissible,
+  Cr as DistributionCard,
+  Nr as DonutChart,
+  pn as DropAnchorCell,
+  _r as Dropdown,
+  kr as ENTITY_FILTER_KEYS,
+  Sr as ENTITY_PROFILE_ROUTES,
+  xr as ENTITY_TYPE_PLURAL,
+  pt as EdgeHoverHandle,
+  hn as EmptyCellPackAffordance,
+  Tr as EntityPicker,
+  Ir as EntitySearchPanel,
+  Rr as Expandable,
+  Mr as ExpandableChip,
+  Fr as FLIP_AND_STAGE_TIMINGS,
+  Pr as FileUpload,
+  Er as FilterChip,
+  Or as FilterInput,
+  Ar as FlipAndStageProvider,
+  Lr as Form,
+  $r as FormDialog,
+  Br as FormField,
+  Kr as FusedShape,
+  gt as GhostPreview,
+  zr as GroupCheckbox,
+  Wr as GroupRadio,
+  Gr as HighlightCard,
+  Hr as HybridDatePicker,
+  Vr as ImportWizard,
+  Ut as InlineNudge,
+  Ur as Input,
+  Zr as InputAddon,
+  jr as InputGroup,
+  Yr as Link,
+  qr as LoginForm,
+  Qr as MarketPresetRow,
+  Xr as MaskPresets,
+  Jr as MaskedInput,
+  es as Menu,
+  ts as MenuDivider,
+  as as MenuGroup,
+  ns as MenuItem,
+  rs as MergePrompt,
+  ss as MetricCard,
+  os as MetricCardGrid,
+  Et as MetricGroupContainer,
+  is as MiniCalendar,
+  ls as MultiSelect,
+  ds as NumberInput,
+  cs as ObjectArrow,
+  us as OrderFilterBar,
+  Ho as PERIOD_OPTIONS,
+  Ct as PageChip,
+  Re as PageDropdown,
+  ms as PasswordInput,
+  ps as PaymentForm,
+  gs as PaymentMethodSelect,
+  fs as PhoneInput,
+  hs as PinToMetric,
+  Xt as PresetSwatchRow,
+  bs as ProfileCard,
+  vs as ProgressCard,
+  ys as QuickConfigPanel,
+  It as RECONFIG_BACKSIDE_LABELS,
+  Vo as ROLLING_OPTIONS,
+  ws as Radio,
+  Ds as RadioGroup,
+  Cs as RangeSlider,
+  Ns as Rating,
+  Ft as ReconfigBacksideButtons,
+  _s as RegistrationForm,
+  mn as ResizeEnvelope,
+  ks as Row1Controls,
+  Ss as Row2FilterTray,
+  xs as SearchInput,
+  fn as SectionDivider,
+  vn as SectionDots,
+  Ts as SegmentCard,
+  Is as SegmentedControl,
+  Rs as Select,
+  Ms as Selectable,
+  Fs as SimpleMetricCard,
+  Ps as SimpleSelector,
+  Es as Skeleton,
+  Os as SkeletonCard,
+  As as SkeletonChart,
+  Ls as SkeletonTable,
+  $s as Slider,
+  Bs as Sortable,
+  oa as SortableZones,
+  Ks as SparklineBg,
+  gn as SpilloverArc,
+  zs as SplitButton,
+  Ws as StackedGroupCard,
+  Gs as StatusModeCard,
+  mt as StatusSlotChipMenu,
+  Hs as Stepper,
+  Uo as TODAY_PRESET,
+  j as TUNING_DEFAULTS,
+  Ee as TUNING_STORAGE_KEY,
+  Vs as TabGroup,
+  Us as TabbedDataView,
+  Zs as TagInput,
+  js as Textarea,
+  Yt as ThresholdRamp,
+  Ys as TimeFrame,
+  qs as TimePicker,
+  Qs as Toggle,
+  Xs as Tooltip,
+  Js as Transition,
+  eo as TransitionGroup,
+  to as TrendCard,
+  ao as TrendIndicator,
+  Bo as UIContext,
+  ye as UIContextProvider,
+  no as UnifiedBreakdownTable,
+  ro as UnifiedContextMenu,
+  ft as VelocityBuffer,
+  so as addressGroupMetadata,
+  oo as addressSchema,
+  Na as allChips,
+  Aa as allStateFixtures,
+  Oa as allVariantFixtures,
+  xa as blockSamples,
+  io as buildDefaultOverflow,
+  Fa as cardSamples,
+  Ra as chartSamples,
+  Ia as circleSamples,
+  rn as compactLayout,
+  Za as compactState,
+  Ea as computeGutterAnchorX,
+  lo as contactFormMetadata,
+  co as contactSchema,
+  ja as contextMenuFixtures,
+  uo as creditCardFormMetadata,
+  mo as creditCardSchema,
+  lt as dateChip,
   Pe as defaultControlBarState,
-  no as destructiveModalMetadata,
-  ao as durations,
-  ro as easings,
-  ht as emptyFixture,
-  rt as entityChip,
-  kt as entityNameActions,
-  Nn as entityTabGroup,
-  ft as errorFixture,
-  Vn as filteredState,
-  Lo as findPreset,
-  $o as formatDateRange,
-  Bo as formatMarketDates,
-  Ko as formatTrend,
-  Wo as formatValue,
-  ra as fullLayout,
-  Go as generateMarketId,
-  so as generateTabId,
-  Ho as getAllPresets,
-  Vo as getDateRangeForPreset,
-  oo as getMenuActions,
-  zo as getPresetLabel,
-  io as getTransitionStyle,
-  ta as gridCards,
-  lo as interpolate,
-  Zo as isInRange,
-  Uo as isMarketActive,
-  Yo as isSameDay,
-  Hn as itemColumns,
-  Wn as itemRows,
-  gt as loadingFixture,
-  co as loginFormMetadata,
-  uo as loginSchema,
-  it as manufacturerChip,
-  la as manyTabs,
-  mo as mergeHandlers,
-  po as mergeRefs,
-  Cn as metricTabGroup,
-  oa as mixedTabs,
-  qo as normalizePresetId,
-  St as numericActions,
-  Gn as orderColumns,
+  po as destructiveModalMetadata,
+  go as durations,
+  fo as easings,
+  vt as emptyFixture,
+  ot as entityChip,
+  St as entityNameActions,
+  ka as entityTabGroup,
+  bt as errorFixture,
+  Ua as filteredState,
+  Zo as findPreset,
+  jo as formatDateRange,
+  Yo as formatMarketDates,
+  qo as formatTrend,
+  Qo as formatValue,
+  on as fullLayout,
+  Xo as generateMarketId,
+  ho as generateTabId,
+  Jo as getAllPresets,
+  ei as getDateRangeForPreset,
+  bo as getMenuActions,
+  ti as getPresetLabel,
+  vo as getTransitionStyle,
+  nn as gridCards,
+  yo as interpolate,
+  ai as isInRange,
+  ni as isMarketActive,
+  ri as isSameDay,
+  Va as itemColumns,
+  Ga as itemRows,
+  ht as loadingFixture,
+  wo as loginFormMetadata,
+  Do as loginSchema,
+  dt as manufacturerChip,
+  un as manyTabs,
+  Co as mergeHandlers,
+  No as mergeRefs,
+  _a as metricTabGroup,
+  dn as mixedTabs,
+  si as normalizePresetId,
+  Tt as numericActions,
+  Ha as orderColumns,
   xt as orderIdActions,
-  Kn as orderRows,
-  sa as ordersTabs,
-  go as parseNumericValue,
-  fo as paymentFormMetadata,
-  ho as paymentSchema,
-  bo as presets,
-  vo as registrationFormMetadata,
-  yo as registrationSchema,
-  Yn as sampleCompareRanges,
-  Xn as sampleCustomMarkets,
-  Un as sampleDateRange,
-  Qn as sampleMarketPresetData,
-  jn as sampleMarkets,
-  ea as samplePeriodPresets,
-  qn as samplePreferences,
-  Jn as samplePresets,
-  ia as singleTab,
-  On as sparklineFixture,
-  An as sparklineUpFixture,
-  yt as staleDonutFixture,
-  bt as staleFixture,
-  vt as staleSparklineFixture,
-  Ln as standardFixture,
-  Bn as standardFlatFixture,
-  aa as standardLayout,
-  $n as standardNegativeFixture,
-  st as statusChip,
-  In as tableSamples,
-  Sn as textSamples,
-  kn as timeFrameTabGroup,
-  jo as toUppercasePresetId,
-  wn as useArrowNavigation,
-  wo as useCheckboxGroupContext,
-  Mn as useEdgeHoverResize,
-  Do as useFilterLayout,
-  Co as useFlipAndStage,
-  No as useFlipAndStageContext,
-  ko as useFlipAndStageContextOptional,
-  yn as useFocusReturn,
-  xo as useFocusTrap,
-  So as useFormContext,
-  To as useRadioGroupContext,
-  Ot as useResizeTuning,
-  Qt as useSortableZones,
-  Ro as useUIContext
+  Wa as orderRows,
+  ln as ordersTabs,
+  _o as parseNumericValue,
+  ko as paymentFormMetadata,
+  So as paymentSchema,
+  xo as presets,
+  To as registrationFormMetadata,
+  Io as registrationSchema,
+  qa as sampleCompareRanges,
+  Ja as sampleCustomMarkets,
+  Ya as sampleDateRange,
+  en as sampleMarketPresetData,
+  Xa as sampleMarkets,
+  an as samplePeriodPresets,
+  Qa as samplePreferences,
+  tn as samplePresets,
+  cn as singleTab,
+  La as sparklineFixture,
+  $a as sparklineUpFixture,
+  Dt as staleDonutFixture,
+  yt as staleFixture,
+  wt as staleSparklineFixture,
+  Ba as standardFixture,
+  za as standardFlatFixture,
+  sn as standardLayout,
+  Ka as standardNegativeFixture,
+  it as statusChip,
+  Ma as tableSamples,
+  Ta as textSamples,
+  Sa as timeFrameTabGroup,
+  oi as toUppercasePresetId,
+  Ca as useArrowNavigation,
+  Ro as useCheckboxGroupContext,
+  Pa as useEdgeHoverResize,
+  Mo as useFilterLayout,
+  Fo as useFlipAndStage,
+  Po as useFlipAndStageContext,
+  Eo as useFlipAndStageContextOptional,
+  Da as useFocusReturn,
+  Oo as useFocusTrap,
+  Ao as useFormContext,
+  Lo as useRadioGroupContext,
+  Lt as useResizeTuning,
+  ta as useSortableZones,
+  Ko as useUIContext
 };