@mt-gloss/ui 0.0.46 → 0.0.47

package/index.js

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