@mt-gloss/ui 0.1.9 → 0.1.11

package/index.js

@@ -1,19 +1,19 @@
-import { N as En, T as On, O as An, Q as Ln, a3 as $n, b6 as Bn, az as zn, ah as Kn, Z as Wn, an as Gn, K as Hn, a8 as Vn, bn as jn, P as Un, B as Zn, a as Yn, y as qn, H as Qn, bi as Xn, F as Jn, J as er, A as tr, z as ar, bh as nr, E as rr, D as sr, bw as or, b as ir, C as lr, L as cr, o as dr, ad as ur, aN as mr, y as gr, H as pr, F as fr, J as hr, A as br, z as vr, E as yr, D as wr, a$ as Dr, b2 as Nr, b1 as Cr, b0 as kr, b3 as _r, aC as xr, a5 as Sr, a4 as Mr, aq as Tr, k as Rr, m as Ir, aF as Pr, ab as Fr, b8 as Er, a9 as Or, bo as Ar, Y as Lr, bG as $r, bF as Br, bH as zr, ap as Kr, aQ as Wr, ba as Gr, bL as Hr, bu as Vr, n as jr, am as Ur, bA as Zr, br as Yr, a0 as qr, ar as Qr, a2 as Xr, bz as Jr, G as es, d as ts, aa as as, bI as ns, aT as rs, r as ss, v as os, I as is, g as ls, aw as cs, bM as ds, M as us, w as ms, U as gs, X as ps, V as fs, W as hs, as as bs, bg as vs, bO as ys, bK as ws, ao as Ds, t as Ns, bp as Cs, aS as ks, aj as _s, aK as xs, ag as Ss, al as Ms, au as Ts, aR as Rs, ac as Is, at as Ps, c as Fs, R as Es, j as Os, p as As, aH as Ls, bx as $s, by as Bs, ai as zs, ae as Ks, h as Ws, x as Gs, b7 as Hs, af as Vs, bN as js, bc as Us, bf as Zs, bd as Ys, be as qs, i as Qs, b9 as Xs, bm as Js, S as eo, bk as to, bl as ao, av as no, bb as ro, bP as so, ak as oo, s as io, bJ as lo, l as co, f as uo, q as mo, _ as go, $ as po, a7 as fo, bj as ho, bv as bo, bC as vo, aA as yo, aB as wo, a6 as Do, aO as No, aP as Co, aD as ko, aE as _o, aG as xo, aV as So, aW as Mo, bE as To, bD as Ro, aY as Io, aZ as Po, ax as Fo, ay as Eo, b5 as Oo, b4 as Ao, a_ as Lo, aL as $o, aM as Bo, aX as zo, aI as Ko, aJ as Wo, u as Go, bB as Ho, bq as Vo, bs as jo, bt as Uo, aU as Zo, a1 as Yo, e as qo } from "./Expandable-CTI-osAf.js";
-import { jsxs as A, jsx as l, Fragment as Ue } from "react/jsx-runtime";
-import * as Ze from "react";
-import H, { useRef as R, useEffect as L, useState as W, useCallback as y, forwardRef as Ye, useMemo as re, createContext as qe, useContext as Qe } from "react";
-import { motion as ce, useMotionValue as Xe, animate as _e, useDragControls as Je } from "framer-motion";
-import { B as et, U as De } from "./UIContext-C3E-k7HI.js";
-import { a as Xo, u as Jo } from "./UIContext-C3E-k7HI.js";
-import { createPortal as tt } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as ti, DEFAULT_PINNED as ai, PERIOD_OPTIONS as ni, ROLLING_OPTIONS as ri, TODAY_PRESET as si, findPreset as oi, formatDateRange as ii, formatMarketDates as li, formatTrend as ci, formatValue as di, generateMarketId as ui, getAllPresets as mi, getDateRangeForPreset as gi, getPresetLabel as pi, isInRange as fi, isMarketActive as hi, isSameDay as bi, normalizePresetId as vi, toUppercasePresetId as yi } from "@mt-gloss/utils";
-import at from "@mui/icons-material/AccessTime";
-import nt from "@mui/icons-material/Tune";
-import rt from "@mui/icons-material/ViewColumn";
-import st from "@mui/icons-material/AspectRatio";
-import ot from "@mui/icons-material/Palette";
-import it from "@mui/icons-material/PushPin";
-function Ca(e = {}) {
+import { N as On, T as An, O as Ln, Q as $n, a3 as Bn, b6 as zn, az as Kn, ah as Wn, Z as Gn, an as Hn, K as Vn, a8 as jn, bn as Un, P as Zn, B as Yn, a as qn, y as Qn, H as Xn, bi as Jn, F as er, J as tr, A as ar, z as nr, bh as rr, E as sr, D as or, bw as ir, b as lr, C as cr, L as dr, o as ur, ad as mr, aN as gr, y as pr, H as fr, F as hr, J as br, A as vr, z as yr, E as wr, D as Dr, a$ as Nr, b2 as Cr, b1 as kr, b0 as _r, b3 as xr, aC as Sr, a5 as Mr, a4 as Tr, aq as Rr, k as Ir, m as Pr, aF as Fr, ab as Er, b8 as Or, a9 as Ar, bo as Lr, Y as $r, bG as Br, bF as zr, bH as Kr, ap as Wr, aQ as Gr, ba as Hr, bL as Vr, bu as jr, n as Ur, am as Zr, bA as Yr, br as qr, a0 as Qr, ar as Xr, a2 as Jr, bz as es, G as ts, d as as, aa as ns, bI as rs, aT as ss, r as os, v as is, I as ls, g as cs, aw as ds, bM as us, M as ms, w as gs, U as ps, X as fs, V as hs, W as bs, as as vs, bg as ys, bO as ws, bK as Ds, ao as Ns, t as Cs, bp as ks, aS as _s, aj as xs, aK as Ss, ag as Ms, al as Ts, au as Rs, aR as Is, ac as Ps, at as Fs, c as Es, R as Os, j as As, p as Ls, aH as $s, bx as Bs, by as zs, ai as Ks, ae as Ws, h as Gs, x as Hs, b7 as Vs, af as js, bN as Us, bc as Zs, bf as Ys, bd as qs, be as Qs, i as Xs, b9 as Js, bm as eo, S as to, bk as ao, bl as no, av as ro, bb as so, bP as oo, ak as io, s as lo, bJ as co, l as uo, f as mo, q as go, _ as po, $ as fo, a7 as ho, bj as bo, bv as vo, bC as yo, aA as wo, aB as Do, a6 as No, aO as Co, aP as ko, aD as _o, aE as xo, aG as So, aV as Mo, aW as To, bE as Ro, bD as Io, aY as Po, aZ as Fo, ax as Eo, ay as Oo, b5 as Ao, b4 as Lo, a_ as $o, aL as Bo, aM as zo, aX as Ko, aI as Wo, aJ as Go, u as Ho, bB as Vo, bq as jo, bs as Uo, bt as Zo, aU as Yo, a1 as qo, e as Qo } from "./Expandable-CTI-osAf.js";
+import { jsxs as A, jsx as l, Fragment as Ze } from "react/jsx-runtime";
+import * as Ye from "react";
+import H, { useRef as R, useEffect as L, useState as W, useCallback as y, forwardRef as qe, useMemo as se, createContext as Qe, useContext as Xe } from "react";
+import { motion as de, useMotionValue as Je, animate as xe, useDragControls as et } from "framer-motion";
+import { B as tt, U as Ne } from "./UIContext-C3E-k7HI.js";
+import { a as Jo, u as ei } from "./UIContext-C3E-k7HI.js";
+import { createPortal as at } from "react-dom";
+import { DEFAULT_MARKET_PRESETS as ai, DEFAULT_PINNED as ni, PERIOD_OPTIONS as ri, ROLLING_OPTIONS as si, TODAY_PRESET as oi, findPreset as ii, formatDateRange as li, formatMarketDates as ci, formatTrend as di, formatValue as ui, generateMarketId as mi, getAllPresets as gi, getDateRangeForPreset as pi, getPresetLabel as fi, isInRange as hi, isMarketActive as bi, isSameDay as vi, normalizePresetId as yi, toUppercasePresetId as wi } from "@mt-gloss/utils";
+import nt from "@mui/icons-material/AccessTime";
+import rt from "@mui/icons-material/Tune";
+import st from "@mui/icons-material/ViewColumn";
+import ot from "@mui/icons-material/AspectRatio";
+import it from "@mui/icons-material/Palette";
+import lt from "@mui/icons-material/PushPin";
+function _a(e = {}) {
   const { enabled: t = !0, returnTo: n } = e, a = R(null);
   return L(() => {
     t && (a.current = n || document.activeElement);
@@ -23,7 +23,7 @@ function Ca(e = {}) {
     }, 0);
   }, [t]), a;
 }
-function ka(e) {
+function xa(e) {
   const {
     items: t,
     activeIndex: n,
@@ -33,8 +33,8 @@ function ka(e) {
     enabled: o = !0,
     isItemDisabled: d,
     onSelect: b,
-    onEscape: m
-  } = e, [g, C] = W(-1), u = n !== void 0 ? n : g, c = y(
+    onEscape: g
+  } = e, [u, C] = W(-1), m = n !== void 0 ? n : u, c = y(
     (i) => {
       n === void 0 && C(i), a?.(i);
     },
@@ -57,23 +57,23 @@ function ka(e) {
     const i = f();
     i.length > 0 && c(i[i.length - 1]);
   }, [f, c]), I = y(() => {
-    const i = S(u, 1);
+    const i = S(m, 1);
     i !== -1 && c(i);
-  }, [u, S, c]), N = y(() => {
-    const i = S(u, -1);
+  }, [m, S, c]), N = y(() => {
+    const i = S(m, -1);
     i !== -1 && c(i);
-  }, [u, S, c]), _ = y(() => {
+  }, [m, S, c]), _ = y(() => {
     c(-1);
   }, [c]), T = y(
     (i) => {
       if (!o) return;
       const { key: v } = i, p = v === "ArrowUp" && (s === "vertical" || s === "both"), w = v === "ArrowDown" && (s === "vertical" || s === "both"), k = v === "ArrowLeft" && (s === "horizontal" || s === "both"), M = v === "ArrowRight" && (s === "horizontal" || s === "both");
       if (p || k) {
-        i.preventDefault(), u === -1 ? x() : N();
+        i.preventDefault(), m === -1 ? x() : N();
         return;
       }
       if (w || M) {
-        i.preventDefault(), u === -1 ? h() : I();
+        i.preventDefault(), m === -1 ? h() : I();
         return;
       }
       if (v === "Home") {
@@ -84,21 +84,21 @@ function ka(e) {
         i.preventDefault(), x();
         return;
       }
-      if ((v === "Enter" || v === " ") && u >= 0 && u < t.length) {
+      if ((v === "Enter" || v === " ") && m >= 0 && m < t.length) {
         i.preventDefault();
-        const E = t[u];
-        d?.(E, u) || b?.(E, u);
+        const E = t[m];
+        d?.(E, m) || b?.(E, m);
         return;
       }
       if (v === "Escape") {
-        m?.();
+        g?.();
         return;
       }
     },
     [
       o,
       s,
-      u,
+      m,
       t,
       h,
       x,
@@ -106,11 +106,11 @@ function ka(e) {
       N,
       d,
       b,
-      m
+      g
     ]
   );
   return {
-    focusedIndex: u,
+    focusedIndex: m,
     setFocusedIndex: c,
     handleKeyDown: T,
     focusFirst: h,
@@ -120,43 +120,43 @@ function ka(e) {
     resetFocus: _
   };
 }
-const de = (e) => {
-}, lt = {
+const ue = (e) => {
+}, ct = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
-  onRemove: de
-}, ct = {
+  onRemove: ue
+}, dt = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
-  onRemove: de
-}, dt = {
+  onRemove: ue
+}, ut = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
-  onRemove: de
-}, ut = {
+  onRemove: ue
+}, mt = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
-  onRemove: de
-}, _a = [
-  lt,
+  onRemove: ue
+}, Sa = [
   ct,
   dt,
-  ut
-], xa = {
+  ut,
+  mt
+], Ma = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, Sa = {
+}, Ta = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -164,7 +164,7 @@ const de = (e) => {
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, Ma = {
+}, Ra = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -172,30 +172,30 @@ const de = (e) => {
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, Ta = [
+}, Ia = [
   { 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 }
-], Ra = [
+], Pa = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], Ia = [
+], Fa = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], Pa = [
+], Ea = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], Fa = [
+], Oa = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], Ea = [
+], Aa = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
-], xe = {
+], Se = {
   position: "fixed",
   zIndex: 9999,
   background: "rgba(255,255,255,0.92)",
@@ -207,7 +207,7 @@ const de = (e) => {
   minWidth: 148,
   paddingTop: 4,
   paddingBottom: 4
-}, he = (e) => ({
+}, be = (e) => ({
   padding: "6px 12px",
   fontSize: 12,
   lineHeight: 1.4,
@@ -221,16 +221,16 @@ const de = (e) => {
   width: "100%",
   textAlign: "left",
   border: "none"
-}), mt = (e) => ({
-  ...he(e),
+}), gt = (e) => ({
+  ...be(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), gt = {
+}), pt = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function pt({
+function ft({
   open: e,
   anchorEl: t,
   statusId: n,
@@ -239,11 +239,11 @@ function pt({
   overflowActions: s,
   onClose: o
 }) {
-  const [d, b] = W(null), m = R(null), g = y(() => {
-    if (!t) return { ...xe, top: 0, left: 0 };
+  const [d, b] = W(null), g = R(null), u = y(() => {
+    if (!t) return { ...Se, top: 0, left: 0 };
     const c = t.getBoundingClientRect();
     return {
-      ...xe,
+      ...Se,
       top: c.bottom + 4,
       left: c.left
     };
@@ -257,24 +257,24 @@ function pt({
   }, [e, o]), L(() => {
     if (!e) return;
     const c = (f) => {
-      m.current && !m.current.contains(f.target) && o();
+      g.current && !g.current.contains(f.target) && o();
     };
     return document.addEventListener("pointerdown", c, !0), () => document.removeEventListener("pointerdown", c, !0);
   }, [e, o]), !e) return null;
-  const C = s && s.length > 0, u = /* @__PURE__ */ A(
+  const C = s && s.length > 0, m = /* @__PURE__ */ A(
     "div",
     {
-      ref: m,
+      ref: g,
       "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
-      style: g(),
+      style: u(),
       children: [
         /* @__PURE__ */ l(
           "button",
           {
             role: "menuitem",
-            style: mt(d === "__primary"),
+            style: gt(d === "__primary"),
             onMouseEnter: () => b("__primary"),
             onMouseLeave: () => b(null),
             onClick: () => {
@@ -287,7 +287,7 @@ function pt({
           "button",
           {
             role: "menuitem",
-            style: he(d === "__graph"),
+            style: be(d === "__graph"),
             onMouseEnter: () => b("__graph"),
             onMouseLeave: () => b(null),
             onClick: () => {
@@ -296,12 +296,12 @@ function pt({
             children: "Show on graph"
           }
         ),
-        C && /* @__PURE__ */ l("div", { style: gt }),
+        C && /* @__PURE__ */ l("div", { style: pt }),
         C && s?.map((c) => /* @__PURE__ */ l(
           "button",
           {
             role: "menuitem",
-            style: he(d === c.id),
+            style: be(d === c.id),
             onMouseEnter: () => b(c.id),
             onMouseLeave: () => b(null),
             onClick: () => {
@@ -314,30 +314,102 @@ function pt({
       ]
     }
   );
-  return tt(u, document.body);
+  return at(m, document.body);
 }
-pt.displayName = "StatusSlotChipMenu";
-const ft = Ye(
-  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: o, edge: d = "right", ariaLabel: b = "Resize card" }, m) {
-    const g = t === "handle-visible" || t === "dragging" || t === "settling", C = (f) => {
+ft.displayName = "StatusSlotChipMenu";
+const La = {
+  forwardStaggerMs: 50,
+  reverseStaggerMs: 30,
+  springStiffness: 380,
+  springDamping: 32,
+  reverseVelocityMultiplier: 1.4
+}, ae = {
+  enterDurationMs: 220,
+  exitDurationMs: 140,
+  enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
+  exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
+  translateOffsetPx: 4
+}, $a = {
+  shiverCycles: 3,
+  shiverAmplitudePx: 2,
+  shiverDurationMs: 180,
+  validCellOpacity: 0.6
+}, Ba = {
+  materializeMs: 180,
+  dematerializeMs: 140,
+  easing: "cubic-bezier(0.22, 1, 0.36, 1)",
+  dotStrokePx: 2,
+  dividerDashGapPx: 4
+}, za = {
+  cascadeStaggerMs: 0,
+  cascadeSpringCapMs: 120,
+  swingEnterMs: 100,
+  swingEnterStyle: "opacity",
+  provisionalMs: 80,
+  provisionalStyle: "opacity",
+  shiverMs: 200,
+  shiverStyle: "color-flash"
+}, Ka = !0, Wa = {
+  rejectionFill: "var(--gloss-rejection-fill)",
+  rejectionStroke: "var(--gloss-rejection-stroke)",
+  validFill: "var(--gloss-valid-fill)",
+  validStroke: "var(--gloss-valid-stroke)",
+  validCellStroke: "var(--gloss-valid-cell-stroke)",
+  provisionalWash: "var(--gloss-provisional-wash)"
+};
+function Ga() {
+  if (typeof window > "u") return "full";
+  try {
+    return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
+  } catch {
+    return "full";
+  }
+}
+const ht = ({ visible: e, variant: t, trigger: n, children: a, className: r }) => {
+  const s = {
+    "--gloss-swing-enter-ms": `${ae.enterDurationMs}ms`,
+    "--gloss-swing-exit-ms": `${ae.exitDurationMs}ms`,
+    "--gloss-swing-offset": `${ae.translateOffsetPx}px`,
+    "--gloss-swing-enter-easing": ae.enterEasing,
+    "--gloss-swing-exit-easing": ae.exitEasing
+  }, o = [
+    "gloss-swing-reveal",
+    `gloss-swing-reveal--${t}`,
+    n === "hover+focus" ? "gloss-swing-reveal--hover-focus" : "",
+    r ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l(
+    "span",
+    {
+      "data-testid": "gloss-swing-reveal",
+      "data-variant": t,
+      "data-visible": e ? "true" : "false",
+      className: o,
+      style: s,
+      children: a
+    }
+  );
+}, bt = qe(
+  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: o, edge: d = "right", ariaLabel: b = "Resize card" }, g) {
+    const u = t === "handle-visible" || t === "dragging" || t === "settling", C = (f) => {
       try {
         f.currentTarget.setPointerCapture(f.pointerId);
       } catch {
       }
       n(f);
-    }, u = (f) => {
+    }, m = (f) => {
       try {
         f.currentTarget.hasPointerCapture?.(f.pointerId) && f.currentTarget.releasePointerCapture(f.pointerId);
       } catch {
       }
       a(f);
     }, c = (f) => {
-      !g || !o || (f.key === "ArrowRight" ? (f.preventDefault(), o("grow")) : f.key === "ArrowLeft" && (f.preventDefault(), o("shrink")));
+      !u || !o || (f.key === "ArrowRight" ? (f.preventDefault(), o("grow")) : f.key === "ArrowLeft" && (f.preventDefault(), o("shrink")));
     };
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ l(ht, { visible: u, variant: "handle", trigger: "hover", children: /* @__PURE__ */ l(
       "button",
       {
-        ref: m,
+        ref: g,
         type: "button",
         "aria-label": b,
         "data-edge": d,
@@ -345,20 +417,20 @@ const ft = Ye(
         className: [
           "gloss-edge-handle",
           `gloss-edge-handle--${d}`,
-          g ? "gloss-edge-handle--visible" : ""
+          u ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
         onPointerDown: C,
-        onPointerUp: u,
+        onPointerUp: m,
         onPointerEnter: r,
         onPointerLeave: s,
         onKeyDown: c,
-        tabIndex: g ? 0 : -1
+        tabIndex: u ? 0 : -1
       }
-    );
+    ) });
   }
 );
-ft.displayName = "EdgeHoverHandle";
-function ht({
+bt.displayName = "EdgeHoverHandle";
+function vt({
   visible: e,
   targetColSpan: t,
   ghostWidth: n,
@@ -366,7 +438,7 @@ function ht({
   exitMs: r = 120
 }) {
   return /* @__PURE__ */ l(
-    ce.div,
+    de.div,
     {
       "aria-hidden": "true",
       "data-ghost-preview": e ? "visible" : "hidden",
@@ -382,8 +454,8 @@ function ht({
     }
   );
 }
-ht.displayName = "GhostPreview";
-class bt {
+vt.displayName = "GhostPreview";
+class yt {
   constructor() {
     this.samples = [], this.capacity = 3;
   }
@@ -407,14 +479,14 @@ class bt {
     const t = this.samples.length;
     if (t < 2) return 0;
     if (t === 2) {
-      const [b, m] = this.samples, g = Math.max(1, m.t - b.t);
-      return (m.x - b.x) / g * 1e3;
+      const [b, g] = this.samples, u = Math.max(1, g.t - b.t);
+      return (g.x - b.x) / u * 1e3;
     }
     const [n, a, r] = this.samples, s = (r.x - a.x) / Math.max(1, r.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, d = o;
     return (s * 3 + o * 2 + d * 1) / 6;
   }
 }
-const Ie = {
+const Pe = {
   // 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:
@@ -434,7 +506,7 @@ const Ie = {
   // Velocity multiplier (D-03b panel)
   velocityMultiplier: 1
 };
-function Oa({
+function Ha({
   currentColSpan: e,
   stackable: t,
   onResize: n,
@@ -444,16 +516,16 @@ function Oa({
   tuning: o,
   dwellMs: d = 120,
   enterMs: b = 180,
-  exitMs: m = 120,
-  maxColSpan: g = 3,
+  exitMs: g = 120,
+  maxColSpan: u = 3,
   containerRef: C,
-  forceIdle: u
+  forceIdle: m
 }) {
-  const [c, f] = W("idle"), [S, h] = W(e), x = R(null), I = R(null), N = R(null), _ = R(r), T = R(s), i = R(g), v = R(0), p = R("idle");
+  const [c, f] = W("idle"), [S, h] = W(e), x = R(null), I = R(null), N = R(null), _ = R(r), T = R(s), i = R(u), v = R(0), p = R("idle");
   L(() => {
     p.current = c;
   }, [c]);
-  const w = Xe(0), k = R(null), M = y(() => {
+  const w = Je(0), k = R(null), M = y(() => {
     const D = k.current;
     if (D) {
       try {
@@ -468,27 +540,27 @@ function Oa({
       return D * P + (D - 1) * F;
     },
     []
-  ), G = R(new bt()), V = R(e);
+  ), G = R(new yt()), V = R(e);
   L(() => {
     V.current = S;
   }, [S]);
-  const $ = re(() => ({ ...Ie, ...o ?? {} }), [o]), O = y(() => {
+  const $ = se(() => ({ ...Pe, ...o ?? {} }), [o]), O = y(() => {
     x.current && (clearTimeout(x.current), x.current = null);
   }, []), j = y(() => {
     I.current && (clearTimeout(I.current), I.current = null);
   }, []);
   L(() => {
-    u && (p.current === "dragging" || p.current === "settling" || (O(), j(), p.current = "idle", f("idle")));
-  }, [u, O, j]);
-  const se = y(() => {
+    m && (p.current === "dragging" || p.current === "settling" || (O(), j(), p.current = "idle", f("idle")));
+  }, [m, O, j]);
+  const oe = y(() => {
     f((D) => D === "settling" || D !== "idle" ? D : (x.current = setTimeout(() => f("handle-visible"), d), "dwelling"));
   }, [d]), K = y(() => {
     O(), f((D) => D === "dwelling" || D === "handle-visible" ? "idle" : D);
-  }, [O]), oe = y(
+  }, [O]), ie = y(
     (D, P, F) => {
       const B = _.current, Q = B * $.snapInFraction, Z = B * $.snapOutFraction, Y = P - F, q = Math.max(
         F,
-        i.current ?? g
+        i.current ?? u
       );
       let z = Y;
       for (; F + z < q; ) {
@@ -504,27 +576,27 @@ function Oa({
         }
       return Math.min(q, Math.max(1, F + z));
     },
-    [$.snapInFraction, $.snapOutFraction, g]
-  ), Ke = y(
+    [$.snapInFraction, $.snapOutFraction, u]
+  ), We = y(
     (D) => {
       if (p.current !== "handle-visible") return;
-      M(), N.current = D.clientX, _.current = r, T.current = s, i.current = g;
+      M(), N.current = D.clientX, _.current = r, T.current = s, i.current = u;
       const P = e * r + (e - 1) * s;
       v.current = P, G.current.clear(), G.current.push({ x: D.clientX, t: performance.now() }), w.jump(P), p.current = "dragging", f("dragging");
     },
-    [r, s, g, e, w, M]
-  ), Ne = y(
+    [r, s, u, e, w, M]
+  ), Ce = y(
     (D) => D * _.current + (D - 1) * T.current,
     []
-  ), ie = y(
+  ), le = y(
     (D, P) => {
-      const F = Ne(D), B = D !== e;
+      const F = Ce(D), B = D !== e;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
         w.jump(F), B && P ? n({ direction: P, targetColSpan: D, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), w.jump(0), p.current = "idle", f("idle");
         return;
       }
       const Z = G.current.getWeightedVelocity() * $.velocityMultiplier;
-      p.current = "settling", f("settling"), M(), k.current = _e(w, F, {
+      p.current = "settling", f("settling"), M(), k.current = xe(w, F, {
         type: "spring",
         stiffness: $.stiffness,
         damping: $.damping,
@@ -535,17 +607,17 @@ function Oa({
         }
       });
     },
-    [Ne, e, t, n, a, w, $, M]
-  ), We = y(
+    [Ce, e, t, n, a, w, $, M]
+  ), Ge = y(
     (D) => {
       if (p.current !== "dragging") return;
-      const P = D.clientX - (N.current ?? D.clientX), F = _.current, Q = ((i.current ?? g) - e) * F, Z = (1 - e) * F, Y = Math.max(Z, Math.min(Q, P));
+      const P = D.clientX - (N.current ?? D.clientX), F = _.current, Q = ((i.current ?? u) - e) * F, Z = (1 - e) * F, Y = Math.max(Z, Math.min(Q, P));
       G.current.push({ x: D.clientX, t: performance.now() });
-      const q = oe(Y, V.current, e), z = q > e ? "grow" : q < e ? "shrink" : null;
-      ie(q, z);
+      const q = ie(Y, V.current, e), z = q > e ? "grow" : q < e ? "shrink" : null;
+      le(q, z);
     },
-    [oe, e, g, ie]
-  ), ue = y(() => {
+    [ie, e, u, le]
+  ), me = y(() => {
     if (O(), p.current === "dragging") {
       const D = v.current;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
@@ -553,7 +625,7 @@ function Oa({
         return;
       }
       const F = G.current.getWeightedVelocity();
-      p.current = "settling", f("settling"), M(), k.current = _e(w, D, {
+      p.current = "settling", f("settling"), M(), k.current = xe(w, D, {
         type: "spring",
         stiffness: $.stiffness,
         damping: $.damping,
@@ -570,59 +642,59 @@ function Oa({
   L(() => {
     if (c !== "dragging" && c !== "handle-visible") return;
     const D = (P) => {
-      P.key === "Escape" && ue();
+      P.key === "Escape" && me();
     };
     return window.addEventListener("keydown", D), () => window.removeEventListener("keydown", D);
-  }, [c, ue]), L(() => {
+  }, [c, me]), L(() => {
     if (c !== "dragging") {
       h(e);
       return;
     }
     const D = (P) => {
-      const F = P.clientX - (N.current ?? P.clientX), B = v.current, Q = E(1), Z = E(g), Y = B + F, q = Math.max(Q, Math.min(Z, Y));
+      const F = P.clientX - (N.current ?? P.clientX), B = v.current, Q = E(1), Z = E(u), Y = B + F, q = Math.max(Q, Math.min(Z, Y));
       w.set(q);
-      const z = _.current, ke = (g - e) * z, te = (1 - e) * z, je = Math.max(te, Math.min(ke, F));
+      const z = _.current, _e = (u - e) * z, te = (1 - e) * z, Ue = Math.max(te, Math.min(_e, F));
       G.current.push({ x: P.clientX, t: performance.now() });
-      const me = oe(je, V.current, e);
-      me !== V.current && (V.current = me, h(me));
+      const ge = ie(Ue, V.current, e);
+      ge !== V.current && (V.current = ge, h(ge));
     };
     return window.addEventListener("pointermove", D), () => window.removeEventListener("pointermove", D);
-  }, [c, e, w, oe, g, E]), L(() => () => {
+  }, [c, e, w, ie, u, E]), L(() => () => {
     O(), j();
   }, [O, j]), L(() => {
     if (c !== "cancelled") return;
-    const D = setTimeout(() => f("idle"), m);
+    const D = setTimeout(() => f("idle"), g);
     return () => clearTimeout(D);
-  }, [c, m]);
-  const Ge = y(
+  }, [c, g]);
+  const He = y(
     (D) => {
       if (p.current === "settling") return;
-      const F = Math.min(g, Math.max(1, e + (D === "grow" ? 1 : -1)));
+      const F = Math.min(u, Math.max(1, e + (D === "grow" ? 1 : -1)));
       if (F === e) return;
-      _.current = r, T.current = s, i.current = g, G.current.clear();
+      _.current = r, T.current = s, i.current = u, G.current.clear();
       const B = e * r + (e - 1) * s;
-      v.current = B, w.jump(B), ie(F, D);
+      v.current = B, w.jump(B), le(F, D);
     },
-    [e, r, s, g, w, ie]
-  ), Ce = y(() => {
+    [e, r, s, u, w, le]
+  ), ke = y(() => {
     j(), I.current = setTimeout(() => {
       p.current === "handle-visible" && (p.current = "idle", f("idle"));
     }, 5e3);
-  }, [j]), He = y(() => {
-    p.current === "idle" && (O(), p.current = "handle-visible", f("handle-visible"), Ce());
-  }, [O, Ce]), Ve = y(() => {
+  }, [j]), Ve = y(() => {
+    p.current === "idle" && (O(), p.current = "handle-visible", f("handle-visible"), ke());
+  }, [O, ke]), je = y(() => {
     j(), p.current === "handle-visible" && (p.current = "idle", f("idle"));
   }, [j]);
   return {
     state: c,
-    enterEdgeZone: se,
+    enterEdgeZone: oe,
     leaveEdgeZone: K,
     handleProps: {
-      onPointerDown: Ke,
-      onPointerUp: We,
+      onPointerDown: We,
+      onPointerUp: Ge,
       // Bug E: handle continues zone presence so pointer crossing sentinel→handle
       // doesn't collapse state. handle's pointerenter = stay in zone.
-      onPointerEnter: se,
+      onPointerEnter: oe,
       onPointerLeave: K
     },
     previewColSpan: S,
@@ -631,12 +703,12 @@ function Oa({
       targetColSpan: S,
       ghostWidth: w,
       enterMs: b,
-      exitMs: m
+      exitMs: g
     },
-    onKeyboardStep: Ge,
-    onTouchReveal: He,
-    onTouchDismiss: Ve,
-    cancel: ue
+    onKeyboardStep: He,
+    onTouchReveal: Ve,
+    onTouchDismiss: je,
+    cancel: me
   };
 }
 const ee = {
@@ -664,14 +736,14 @@ const ee = {
   sectionDividerFadeOutMs: 80,
   sectionDividerStaggerMs: 40
 };
-function Aa(e) {
+function Va(e) {
   const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: r } = e;
   if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
     return;
   const s = (a + 0.5) * (t / n);
   return r != null && Number.isFinite(r) && r > 0 ? s - r / 2 : s;
 }
-const La = [
+const ja = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -775,24 +847,24 @@ const La = [
       { value: 9, color: "#6b7280", label: "Other" }
     ]
   }
-], vt = {
+], wt = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, yt = {
+}, Dt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, wt = {
+}, Nt = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, Dt = {
+}, Ct = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -800,7 +872,7 @@ const La = [
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, Nt = {
+}, kt = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -809,7 +881,7 @@ const La = [
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, Ct = {
+}, _t = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -820,14 +892,14 @@ const La = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, $a = [
-  vt,
-  yt,
+}, Ua = [
   wt,
   Dt,
   Nt,
-  Ct
-], Ba = {
+  Ct,
+  kt,
+  _t
+], Za = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -850,7 +922,7 @@ const La = [
     59
   ],
   accentColor: "#6366f1"
-}, za = {
+}, Ya = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -889,21 +961,21 @@ const La = [
     19
   ],
   accentColor: "#10b981"
-}, Ka = {
+}, qa = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, Wa = {
+}, Qa = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, Ga = {
+}, Xa = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -911,7 +983,7 @@ const La = [
   trend: { value: 0, direction: "flat" },
   subtitle: "QTD"
 };
-function Pe({
+function Fe({
   open: e,
   onDismiss: t,
   anchorRef: n,
@@ -922,22 +994,22 @@ function Pe({
   onManagePages: d
 }) {
   const b = y(
-    (u) => {
-      s(u), t();
+    (m) => {
+      s(m), t();
     },
     [s, t]
-  ), m = y(
-    (u, c) => {
-      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), b(u));
+  ), g = y(
+    (m, c) => {
+      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), b(m));
     },
     [b]
-  ), g = y(() => {
+  ), u = y(() => {
     o(), t();
   }, [o, t]), C = y(() => {
     d(), t();
   }, [d, t]);
   return /* @__PURE__ */ A(
-    et,
+    tt,
     {
       definition: {
         placement: "bottom-end",
@@ -950,8 +1022,8 @@ function Pe({
       anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ l("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
-          const c = u.id === r;
+        /* @__PURE__ */ l("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((m) => {
+          const c = m.id === r;
           return /* @__PURE__ */ A(
             "li",
             {
@@ -960,8 +1032,8 @@ function Pe({
               "aria-current": c ? "page" : void 0,
               tabIndex: 0,
               className: `gloss-page-dropdown__item${c ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => b(u.id),
-              onKeyDown: (f) => m(u.id, f),
+              onClick: () => b(m.id),
+              onKeyDown: (f) => g(m.id, f),
               children: [
                 /* @__PURE__ */ l(
                   "span",
@@ -972,14 +1044,14 @@ function Pe({
                 /* @__PURE__ */ l(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: u.name
+                    className: `gloss-page-dropdown__name${m.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: m.name
                   }
                 ),
-                /* @__PURE__ */ l("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
+                /* @__PURE__ */ l("span", { className: "gloss-page-dropdown__count", children: m.cardCount })
               ]
             },
-            u.id
+            m.id
           );
         }) }),
         /* @__PURE__ */ l("hr", { className: "gloss-page-dropdown__separator" }),
@@ -988,7 +1060,7 @@ function Pe({
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: g,
+            onClick: u,
             children: "+ New page"
           }
         ),
@@ -1006,8 +1078,8 @@ function Pe({
     }
   );
 }
-Pe.displayName = "PageDropdown";
-const kt = function({
+Fe.displayName = "PageDropdown";
+const xt = function({
   currentIndex: t,
   total: n,
   pages: a,
@@ -1016,10 +1088,10 @@ const kt = function({
   onManagePages: o,
   maskRadius: d = "var(--gloss-radius-md)"
 }) {
-  const b = R(null), [m, g] = W(!1), C = y(() => {
-    g((f) => !f);
-  }, []), u = y(() => {
-    g(!1);
+  const b = R(null), [g, u] = W(!1), C = y(() => {
+    u((f) => !f);
+  }, []), m = y(() => {
+    u(!1);
   }, []), c = a[t]?.id ?? "";
   return /* @__PURE__ */ A(
     "div",
@@ -1041,7 +1113,7 @@ const kt = function({
           {
             className: "gloss-page-chip__trigger",
             "aria-haspopup": "menu",
-            "aria-expanded": m,
+            "aria-expanded": g,
             "aria-label": `Page ${t + 1} of ${n}. Click to switch pages.`,
             onClick: C,
             children: [
@@ -1052,10 +1124,10 @@ const kt = function({
           }
         ),
         /* @__PURE__ */ l(
-          Pe,
+          Fe,
           {
-            open: m,
-            onDismiss: u,
+            open: g,
+            onDismiss: m,
             anchorRef: b,
             pages: a,
             activePageId: c,
@@ -1068,8 +1140,8 @@ const kt = function({
     }
   );
 };
-kt.displayName = "PageChip";
-const Ha = [
+xt.displayName = "PageChip";
+const Ja = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -1202,7 +1274,7 @@ const Ha = [
     date: "2026-03-01",
     skuCount: 9
   }
-], Va = [
+], en = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1336,16 +1408,16 @@ const Ha = [
     lastDate: "2026-03-01"
   }
 ];
-function be(e) {
+function ve(e) {
   return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
-function Fe(e) {
+function Ee(e) {
   return e.toLocaleString("en-US");
 }
-function Ee(e) {
+function Oe(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), ja = [
+const re = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), tn = [
   {
     field: "id",
     headerName: "Order",
@@ -1375,7 +1447,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.skuCount ? Fe(e.skuCount) : ne
+    renderCell: ({ row: e }) => e.skuCount ? Ee(e.skuCount) : re
   },
   {
     field: "total",
@@ -1385,7 +1457,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.total ? be(e.total) : ne
+    renderCell: ({ row: e }) => e.total ? ve(e.total) : re
   },
   {
     field: "date",
@@ -1395,9 +1467,9 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.date ? Ee(e.date) : ""
+    renderCell: ({ row: e }) => e.date ? Oe(e.date) : ""
   }
-], Ua = [
+], an = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1429,7 +1501,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.price ? be(e.price) : ne
+    renderCell: ({ row: e }) => e.price ? ve(e.price) : re
   },
   {
     field: "quantity",
@@ -1439,7 +1511,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.quantity ? Fe(e.quantity) : ne
+    renderCell: ({ row: e }) => e.quantity ? Ee(e.quantity) : re
   },
   {
     field: "total",
@@ -1449,7 +1521,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.total ? be(e.total) : ne
+    renderCell: ({ row: e }) => e.total ? ve(e.total) : re
   },
   {
     field: "lastDate",
@@ -1459,24 +1531,24 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.lastDate ? Ee(e.lastDate) : ""
+    renderCell: ({ row: e }) => e.lastDate ? Oe(e.lastDate) : ""
   }
-], _t = [
+], St = [
   { 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" }
-], xt = [
+], Mt = [
   { 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" }
-], ge = (e) => {
-}, St = (e) => {
-}, Se = (e, t) => {
-}, Oe = {
+], pe = (e) => {
+}, Tt = (e) => {
+}, Me = (e, t) => {
+}, Ae = {
   vizState: {
     type: "orders",
     quant: "$",
@@ -1484,17 +1556,17 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: null, name: null },
     timeFrame: "MTD"
   },
-  onTypeChange: ge,
-  onQuantChange: St,
-  onEntityTypeChange: ge,
-  onEntitySelect: Se,
-  onItemSelect: Se,
-  onTimeFrameChange: ge,
+  onTypeChange: pe,
+  onQuantChange: Tt,
+  onEntityTypeChange: pe,
+  onEntitySelect: Me,
+  onItemSelect: Me,
+  onTimeFrameChange: pe,
   userType: "sales-agency",
-  entityFilterOptions: _t,
-  itemFilterOptions: xt
-}, Za = {
-  ...Oe,
+  entityFilterOptions: St,
+  itemFilterOptions: Mt
+}, nn = {
+  ...Ae,
   vizState: {
     type: "items",
     quant: "$",
@@ -1502,8 +1574,8 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, Ya = {
-  ...Oe,
+}, rn = {
+  ...Ae,
   vizState: {
     type: "orders",
     quant: "#",
@@ -1515,7 +1587,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, Mt = [
+}, Rt = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1561,7 +1633,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     routeKey: "customer.profile",
     subtitle: "Opens in RepTime"
   }
-], Tt = [
+], It = [
   {
     id: "order-items",
     label: "Items in Order",
@@ -1590,7 +1662,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], Rt = [
+], Pt = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1618,14 +1690,14 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], qa = {
-  entityName: Mt,
-  orderId: Tt,
-  numeric: Rt
-}, Qa = [
+], sn = {
+  entityName: Rt,
+  orderId: It,
+  numeric: Pt
+}, on = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], Xa = {
+], ln = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1638,7 +1710,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
   ]
-}, Ja = {
+}, cn = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1646,7 +1718,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, en = [
+}, dn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1668,7 +1740,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], tn = [
+], un = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1685,7 +1757,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], an = [
+], mn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1702,35 +1774,35 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], nn = [
+], gn = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], rn = [
+], pn = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-], It = {
+], Ft = {
   timeframe: "Time Frame",
   threshold: "Thresholds",
   slots: "Slots",
   size: "Size",
   color: "Color",
   pinned: "Pinned"
-}, Pt = {
-  timeframe: at,
-  threshold: nt,
-  slots: rt,
-  size: st,
-  color: ot,
-  pinned: it
+}, Et = {
+  timeframe: nt,
+  threshold: rt,
+  slots: st,
+  size: ot,
+  color: it,
+  pinned: lt
 };
-function Me(...e) {
+function Te(...e) {
   return e.filter(Boolean).join(" ");
 }
-function Ft() {
+function Ot() {
   const [e, t] = W(() => 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;
@@ -1740,42 +1812,42 @@ function Ft() {
     });
   }, []), e;
 }
-const Et = ({
+const At = ({
   dimensions: e,
   onDimensionSelect: t,
   activeDimension: n,
   ariaCardTypeLabel: a,
   className: r
 }) => {
-  const s = R(null), o = R([]), d = Ft(), b = re(() => Array.from(e), [e]);
+  const s = R(null), o = R([]), d = Ot(), b = se(() => Array.from(e), [e]);
   if (b.length === 0) return null;
-  const m = a ? `Configure ${a}: choose a dimension` : void 0, g = d ? "10ms" : "200ms", C = (u, c) => {
+  const g = a ? `Configure ${a}: choose a dimension` : void 0, u = d ? "10ms" : "200ms", C = (m, c) => {
     const f = b.length - 1, S = (h) => {
       const x = o.current[h];
       x && x.focus();
     };
-    switch (u.key) {
+    switch (m.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        u.preventDefault(), S(c === f ? 0 : c + 1);
+        m.preventDefault(), S(c === f ? 0 : c + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        u.preventDefault(), S(c === 0 ? f : c - 1);
+        m.preventDefault(), S(c === 0 ? f : c - 1);
         break;
       }
       case "Home": {
-        u.preventDefault(), S(0);
+        m.preventDefault(), S(0);
         break;
       }
       case "End": {
-        u.preventDefault(), S(f);
+        m.preventDefault(), S(f);
         break;
       }
       case "Enter":
       case " ": {
-        u.preventDefault(), t(b[c]);
+        m.preventDefault(), t(b[c]);
         break;
       }
     }
@@ -1785,16 +1857,16 @@ const Et = ({
     {
       ref: s,
       role: "group",
-      "aria-label": m,
-      className: Me("gloss-reconfig-backside-buttons", r),
+      "aria-label": g,
+      className: Te("gloss-reconfig-backside-buttons", r),
       style: {
         // Expose the reduced-motion-resolved duration as a CSS custom prop
         // so the SCSS transition rule can consume it without a nested media
         // query in the JS. Also surfaces the value for the unit test.
-        "--gloss-reconfig-backside-buttons-transition-duration": g
+        "--gloss-reconfig-backside-buttons-transition-duration": u
       },
-      children: b.map((u, c) => {
-        const f = Pt[u], S = n === u;
+      children: b.map((m, c) => {
+        const f = Et[m], S = n === m;
         return /* @__PURE__ */ A(
           "button",
           {
@@ -1802,13 +1874,13 @@ const Et = ({
               o.current[c] = h;
             },
             type: "button",
-            "data-dimension": u,
-            className: Me(
+            "data-dimension": m,
+            className: Te(
               "gloss-reconfig-backside-buttons__button",
               S && "gloss-reconfig-backside-buttons__button--active"
             ),
             "aria-current": S ? "true" : void 0,
-            onClick: () => t(u),
+            onClick: () => t(m),
             onKeyDown: (h) => C(h, c),
             children: [
               /* @__PURE__ */ l(
@@ -1818,16 +1890,16 @@ const Et = ({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ l("span", { className: "gloss-reconfig-backside-buttons__button-label", children: It[u] })
+              /* @__PURE__ */ l("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Ft[m] })
             ]
           },
-          u
+          m
         );
       })
     }
   );
 };
-Et.displayName = "ReconfigBacksideButtons";
+At.displayName = "ReconfigBacksideButtons";
 function U(e, t) {
   return {
     id: e,
@@ -1848,38 +1920,38 @@ function U(e, t) {
     }, t)
   };
 }
-function Te(e, t) {
+function Re(e, t) {
   return {
     ...U(e, t),
     colSpan: 2
   };
 }
-const sn = [
+const fn = [
   U("total-revenue", "Total Revenue"),
   U("total-orders", "Total Orders"),
-  Te("revenue-trend", "Revenue Trend (2x)"),
+  Re("revenue-trend", "Revenue Trend (2x)"),
   U("avg-order", "Avg Order Value"),
   U("new-customers", "New Customers"),
   U("top-salesperson", "Top Salesperson"),
-  Te("order-trend", "Order Trend (2x)"),
+  Re("order-trend", "Order Trend (2x)"),
   U("repeat-rate", "Repeat Rate"),
   U("open-orders", "Open Orders"),
   U("shipped-orders", "Shipped Orders")
-], on = {
+], hn = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, ln = {
+}, bn = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, cn = {
+}, vn = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -1887,15 +1959,15 @@ const sn = [
   currentPage: 0,
   totalPages: 3
 };
-function pe(e) {
+function fe(e) {
   return H.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const dn = [
+const yn = [
   {
     id: "all-orders",
     type: "orders",
     name: "All Orders",
-    icon: pe("📋"),
+    icon: fe("📋"),
     closable: !1,
     autoCreated: !0
   },
@@ -1903,17 +1975,17 @@ const dn = [
     id: "open-orders",
     type: "orders",
     name: "Open Orders",
-    icon: pe("📦"),
+    icon: fe("📦"),
     closable: !0
   },
   {
     id: "shipped-orders",
     type: "orders",
     name: "Shipped Orders",
-    icon: pe("🚚"),
+    icon: fe("🚚"),
     closable: !0
   }
-], un = [
+], wn = [
   {
     id: "orders-main",
     type: "orders",
@@ -1939,7 +2011,7 @@ const dn = [
     name: "Customers",
     closable: !0
   }
-], mn = [
+], Dn = [
   {
     id: "only-tab",
     type: "orders",
@@ -1947,7 +2019,7 @@ const dn = [
     closable: !1,
     autoCreated: !0
   }
-], gn = [
+], Nn = [
   { 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 },
@@ -1959,7 +2031,7 @@ const dn = [
   { id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
   { id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
 ];
-function ve(e) {
+function ye(e) {
   switch (e) {
     case "wide":
       return { cols: 2, rows: 1 };
@@ -1970,15 +2042,15 @@ function ve(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function Ot(e) {
+function Lt(e) {
   let t = 0;
   for (const a of e) {
-    const r = ve(a.size), s = a.gridPosition.col + r.cols - 1;
+    const r = ye(a.size), s = a.gridPosition.col + r.cols - 1;
     s > t && (t = s);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const At = function(t) {
+const $t = function(t) {
   if (t.renderMode === "discrete")
     return /* @__PURE__ */ l(
       "div",
@@ -1986,7 +2058,7 @@ const At = function(t) {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
         children: t.cards.map((r) => {
-          const s = ve(r.size);
+          const s = ye(r.size);
           return /* @__PURE__ */ l(
             "div",
             {
@@ -2047,10 +2119,10 @@ const At = function(t) {
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: Ot(n)
+              gridTemplateColumns: Lt(n)
             },
             children: n.map((r) => {
-              const s = ve(r.size);
+              const s = ye(r.size);
               return /* @__PURE__ */ l(
                 "div",
                 {
@@ -2070,16 +2142,16 @@ const At = function(t) {
     }
   );
 };
-At.displayName = "MetricGroupContainer";
-const Ae = "resize.tuning.dev", Lt = {
-  ...Ie,
+$t.displayName = "MetricGroupContainer";
+const Le = "resize.tuning.dev", Bt = {
+  ...Pe,
   snapInPx: 60,
   snapOutPx: 90
-}, J = Lt;
-function $t() {
+}, J = Bt;
+function zt() {
   if (typeof window > "u") return { ...J };
   try {
-    const e = window.localStorage.getItem(Ae);
+    const e = window.localStorage.getItem(Le);
     if (!e) return { ...J };
     const t = JSON.parse(e);
     return !t || typeof t != "object" || Array.isArray(t) ? { ...J } : { ...J, ...t };
@@ -2087,12 +2159,12 @@ function $t() {
     return { ...J };
   }
 }
-function Bt() {
-  const [e, t] = W(() => $t());
+function Kt() {
+  const [e, t] = W(() => zt());
   L(() => {
     if (!(typeof window > "u"))
       try {
-        window.localStorage.setItem(Ae, JSON.stringify(e));
+        window.localStorage.setItem(Le, JSON.stringify(e));
       } catch {
       }
   }, [e]);
@@ -2111,7 +2183,7 @@ function Bt() {
   }, []);
   return { values: e, setValue: n, resetRow: a, resetAll: r };
 }
-const zt = [
+const Wt = [
   { 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 },
@@ -2122,10 +2194,10 @@ const zt = [
   { 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 Kt(e, t) {
+function Gt(e, t) {
   return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
 }
-function Wt() {
+function Ht() {
   return /* @__PURE__ */ A(
     "svg",
     {
@@ -2145,7 +2217,7 @@ function Wt() {
     }
   );
 }
-function Gt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
+function Vt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
   const s = y(
     (o) => {
       (o.key === "r" || o.key === "R") && (o.preventDefault(), a());
@@ -2161,7 +2233,7 @@ function Gt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
       children: [
         /* @__PURE__ */ l("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
         /* @__PURE__ */ A("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
-          Kt(t, e.step),
+          Gt(t, e.step),
           e.unit ? ` ${e.unit}` : ""
         ] }),
         /* @__PURE__ */ l(
@@ -2185,14 +2257,14 @@ function Gt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
             className: "gloss-dev-tuning-panel__reset",
             "aria-label": `Reset ${e.label}`,
             onClick: a,
-            children: /* @__PURE__ */ l(Wt, {})
+            children: /* @__PURE__ */ l(Ht, {})
           }
         )
       ]
     }
   );
 }
-function Ht() {
+function jt() {
   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");
@@ -2200,23 +2272,23 @@ function Ht() {
     return !1;
   }
 }
-function Vt(e = {}) {
-  return Ht() ? /* @__PURE__ */ l(jt, {}) : null;
+function Ut(e = {}) {
+  return jt() ? /* @__PURE__ */ l(Zt, {}) : null;
 }
-Vt.displayName = "DevTuningPanel";
-function jt() {
-  const e = Bt(), { values: t, setValue: n, resetRow: a, resetAll: r } = e, [s, o] = W(null), d = R(null), b = y((u) => {
-    d.current && clearTimeout(d.current), o(u), d.current = setTimeout(() => {
+Ut.displayName = "DevTuningPanel";
+function Zt() {
+  const e = Kt(), { values: t, setValue: n, resetRow: a, resetAll: r } = e, [s, o] = W(null), d = R(null), b = y((m) => {
+    d.current && clearTimeout(d.current), o(m), d.current = setTimeout(() => {
       o(null), d.current = null;
     }, 200);
-  }, []), m = y(
-    (u, c) => {
-      n(u, c), u === "snapInPx" && c > t.snapOutPx && (n("snapOutPx", c), b("snapOutPx"));
+  }, []), g = y(
+    (m, c) => {
+      n(m, c), m === "snapInPx" && c > t.snapOutPx && (n("snapOutPx", c), b("snapOutPx"));
     },
     [n, t.snapOutPx, b]
-  ), g = re(() => zt, []), C = Je();
+  ), u = se(() => Wt, []), C = et();
   return /* @__PURE__ */ A(
-    ce.div,
+    de.div,
     {
       className: "gloss-dev-tuning-panel",
       role: "region",
@@ -2231,23 +2303,23 @@ function jt() {
           "div",
           {
             className: "gloss-dev-tuning-panel__header",
-            onPointerDown: (u) => C.start(u),
+            onPointerDown: (m) => C.start(m),
             children: [
               /* @__PURE__ */ l("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
               /* @__PURE__ */ l("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
             ]
           }
         ),
-        /* @__PURE__ */ l("div", { className: "gloss-dev-tuning-panel__body", children: g.map((u) => /* @__PURE__ */ l(
-          Gt,
+        /* @__PURE__ */ l("div", { className: "gloss-dev-tuning-panel__body", children: u.map((m) => /* @__PURE__ */ l(
+          Vt,
           {
-            spec: u,
-            value: t[u.key],
-            onChange: (c) => m(u.key, c),
-            onReset: () => a(u.key),
-            flashing: s === u.key
+            spec: m,
+            value: t[m.key],
+            onChange: (c) => g(m.key, c),
+            onReset: () => a(m.key),
+            flashing: s === m.key
           },
-          u.key
+          m.key
         )) }),
         /* @__PURE__ */ l("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ l(
           "button",
@@ -2262,7 +2334,7 @@ function jt() {
     }
   );
 }
-function pn({
+function Cn({
   state: e,
   originX: t,
   originY: n,
@@ -2272,22 +2344,22 @@ function pn({
   snapBoundariesX: o,
   topY: d,
   bottomY: b,
-  enterMs: m = ee.envelopeEnterMs,
-  exitMs: g = ee.envelopeExitMs,
+  enterMs: g = ee.envelopeEnterMs,
+  exitMs: u = ee.envelopeExitMs,
   className: C,
-  style: u
+  style: m
 }) {
   if (e === "hidden") return null;
   const c = Math.max(0, r - a), f = Math.max(0, b - d), S = {
-    "--gloss-resize-envelope-enter-ms": `${m}ms`,
-    "--gloss-resize-envelope-exit-ms": `${g}ms`,
+    "--gloss-resize-envelope-enter-ms": `${g}ms`,
+    "--gloss-resize-envelope-exit-ms": `${u}ms`,
     "--gloss-resize-envelope-origin-x": `${t - a}px`,
     "--gloss-resize-envelope-origin-y": `${n - d}px`,
     left: a,
     top: d,
     width: c,
     height: f,
-    ...u
+    ...m
   };
   return /* @__PURE__ */ A(
     "div",
@@ -2335,7 +2407,7 @@ function pn({
     }
   );
 }
-function fn({
+function kn({
   density: e,
   canAccept: t,
   blocked: n = !1,
@@ -2364,11 +2436,11 @@ function fn({
     }
   );
 }
-function Ut(e, t, n, a) {
+function Yt(e, t, n, a) {
   const r = (e + n) / 2, s = Math.min(t, a) - 40;
   return `M${e},${t} Q${r},${s} ${n},${a}`;
 }
-function hn({
+function _n({
   segments: e,
   durationMs: t = ee.spilloverArcDurationMs,
   staggerMs: n = ee.spilloverStaggerMs,
@@ -2388,7 +2460,7 @@ function hn({
         {
           "data-arc-id": s.id,
           className: "gloss-spillover-arc__path",
-          d: Ut(s.fromX, s.fromY, s.toX, s.toY),
+          d: Yt(s.fromX, s.fromY, s.toX, s.toY),
           style: {
             animationDelay: `${o * n}ms`,
             animationDuration: `${t}ms`
@@ -2399,7 +2471,7 @@ function hn({
     }
   );
 }
-function bn({
+function xn({
   state: e,
   staggerIndex: t = 0,
   fadeInMs: n = ee.sectionDividerFadeInMs,
@@ -2431,7 +2503,7 @@ function bn({
     }
   );
 }
-function vn({
+function Sn({
   enabled: e,
   onPack: t,
   ariaLabel: n = "Pack row (shift cards left)",
@@ -2451,7 +2523,7 @@ function vn({
     }
   ) : null;
 }
-function yn({
+function Mn({
   tint: e,
   colSpan: t,
   colWidth: n,
@@ -2462,9 +2534,9 @@ function yn({
   children: d,
   className: b
 }) {
-  const m = t * n + (t - 1) * r;
+  const g = t * n + (t - 1) * r;
   return /* @__PURE__ */ l(
-    ce.div,
+    de.div,
     {
       "data-testid": "gloss-drag-ghost",
       "data-tint": e,
@@ -2474,12 +2546,12 @@ function yn({
         `gloss-drag-ghost--tint-${e}`,
         b
       ].filter(Boolean).join(" "),
-      style: { x: s, y: o, width: m, height: a },
+      style: { x: s, y: o, width: g, height: a },
       children: d
     }
   );
 }
-function wn({
+function Tn({
   cell: e,
   colSpan: t,
   colWidth: n,
@@ -2488,7 +2560,7 @@ function wn({
   transitionMs: s = 120,
   className: o
 }) {
-  const d = t * n + (t - 1) * a, b = e.col * (n + a), m = e.row * (r + a);
+  const d = t * n + (t - 1) * a, b = e.col * (n + a), g = e.row * (r + a);
   return /* @__PURE__ */ l(
     "div",
     {
@@ -2496,7 +2568,7 @@ function wn({
       "data-testid": "gloss-snap-outline",
       "aria-hidden": "true",
       style: {
-        transform: `translate(${b}px, ${m}px)`,
+        transform: `translate(${b}px, ${g}px)`,
         width: d,
         height: r,
         transition: `transform ${s}ms cubic-bezier(0.4, 0, 0.2, 1)`
@@ -2504,13 +2576,13 @@ function wn({
     }
   );
 }
-function Dn({
+function Rn({
   items: e,
   children: t,
   className: n
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ l(Ue, { children: e.map((a) => /* @__PURE__ */ l(
-    ce.div,
+  return e.length === 0 ? null : /* @__PURE__ */ l(Ze, { children: e.map((a) => /* @__PURE__ */ l(
+    de.div,
     {
       "data-card-id": a.cardId,
       "data-testid": "gloss-cascade-preview-item",
@@ -2522,54 +2594,6 @@ function Dn({
     a.cardId
   )) });
 }
-const Nn = {
-  forwardStaggerMs: 50,
-  reverseStaggerMs: 30,
-  springStiffness: 380,
-  springDamping: 32,
-  reverseVelocityMultiplier: 1.4
-}, Cn = {
-  enterDurationMs: 220,
-  exitDurationMs: 140,
-  enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
-  exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
-  translateOffsetPx: 4
-}, kn = {
-  shiverCycles: 3,
-  shiverAmplitudePx: 2,
-  shiverDurationMs: 180,
-  validCellOpacity: 0.6
-}, _n = {
-  materializeMs: 180,
-  dematerializeMs: 140,
-  easing: "cubic-bezier(0.22, 1, 0.36, 1)",
-  dotStrokePx: 2,
-  dividerDashGapPx: 4
-}, xn = {
-  cascadeStaggerMs: 0,
-  cascadeSpringCapMs: 120,
-  swingEnterMs: 100,
-  swingEnterStyle: "opacity",
-  provisionalMs: 80,
-  provisionalStyle: "opacity",
-  shiverMs: 200,
-  shiverStyle: "color-flash"
-}, Sn = !0, Mn = {
-  rejectionFill: "var(--gloss-rejection-fill)",
-  rejectionStroke: "var(--gloss-rejection-stroke)",
-  validFill: "var(--gloss-valid-fill)",
-  validStroke: "var(--gloss-valid-stroke)",
-  validCellStroke: "var(--gloss-valid-cell-stroke)",
-  provisionalWash: "var(--gloss-provisional-wash)"
-};
-function Tn() {
-  if (typeof window > "u") return "full";
-  try {
-    return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
-  } catch {
-    return "full";
-  }
-}
 const X = {
   "gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
   "gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
@@ -2578,7 +2602,7 @@ const X = {
   "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 Zt({
+function qt({
   message: e,
   primaryAction: t,
   onDismiss: n,
@@ -2594,12 +2618,12 @@ function Zt({
       "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
     );
   }, [a, r]), H.useLayoutEffect(() => {
-    let m = null;
-    if (a ? m = a : r && (m = document.querySelector(r)), m) {
-      const g = m.getBoundingClientRect();
+    let g = null;
+    if (a ? g = a : r && (g = document.querySelector(r)), g) {
+      const u = g.getBoundingClientRect();
       o({
-        top: g.bottom + window.scrollY + 6,
-        left: g.left + window.scrollX
+        top: u.bottom + window.scrollY + 6,
+        left: u.left + window.scrollX
       });
     }
   }, [a, r]);
@@ -2639,25 +2663,25 @@ function Zt({
     }
   );
 }
-Zt.displayName = "InlineNudge";
-function ye(e) {
+qt.displayName = "InlineNudge";
+function we(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function Yt(e, t, n) {
+function Qt(e, t, n) {
   if (n <= t) {
-    const o = e[0], d = o ? ye(o) : "#888";
+    const o = e[0], d = o ? we(o) : "#888";
     return `linear-gradient(to right, ${d}, ${d})`;
   }
   const a = n - t, s = [...e].sort((o, d) => o.value - d.value).map((o) => {
     const d = (o.value - t) / a * 100;
-    return `${ye(o)} ${d.toFixed(2)}%`;
+    return `${we(o)} ${d.toFixed(2)}%`;
   });
   return s.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : s.length === 1 ? `linear-gradient(to right, ${s[0]}, ${s[0]})` : `linear-gradient(to right, ${s.join(", ")})`;
 }
-function qt(e) {
+function Xt(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function Qt({
+function Jt({
   stops: e,
   onChange: t,
   min: n = 0,
@@ -2670,11 +2694,11 @@ function Qt({
   ), 0.01) : r, d = y(
     (i) => Math.round(i / o) * o,
     [o]
-  ), b = R(null), [m, g] = W(null), [C, u] = W(e), c = qt(e), f = R(c);
+  ), b = R(null), [g, u] = W(null), [C, m] = W(e), c = Xt(e), f = R(c);
   L(() => {
-    f.current !== c && (f.current = c, !m && u(e));
-  }, [c, e, m]);
-  const S = re(() => Yt(C, n, a), [C, n, a]), h = y(
+    f.current !== c && (f.current = c, !g && m(e));
+  }, [c, e, g]);
+  const S = se(() => Qt(C, n, a), [C, n, a]), h = y(
     (i) => {
       if (!b.current) return n;
       const v = b.current.getBoundingClientRect(), p = v.width || 1, w = Math.max(0, Math.min(1, (i - v.left) / p)), k = n + w * (a - n);
@@ -2690,29 +2714,29 @@ function Qt({
   const x = y(
     (i, v) => {
       const p = C.find((w) => w.id === v);
-      s || p?.disabled || (i.preventDefault(), g(v));
+      s || p?.disabled || (i.preventDefault(), u(v));
     },
     [s, C]
   ), I = R(C);
   I.current = C;
   const N = R(t);
   N.current = t, L(() => {
-    if (!m) return;
+    if (!g) return;
     const i = (p) => {
       const w = h(p.clientX);
-      u(
-        (k) => k.map((M) => M.id === m ? { ...M, value: w } : M)
+      m(
+        (k) => k.map((M) => M.id === g ? { ...M, value: w } : M)
       );
     }, v = (p) => {
       const w = h(p.clientX), k = I.current.map(
-        (M) => M.id === m ? { ...M, value: w } : M
+        (M) => M.id === g ? { ...M, value: w } : M
       );
-      u(k), g(null), N.current(k);
+      m(k), u(null), N.current(k);
     };
     return window.addEventListener("pointermove", i), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
       window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
     };
-  }, [m, h]);
+  }, [g, h]);
   const _ = a - n > 0 ? a - n : 1, T = y(
     (i, v) => {
       if (s || v.disabled) return;
@@ -2744,7 +2768,7 @@ function Qt({
       const G = C.map(
         (V) => V.id === v.id ? { ...V, value: E } : V
       );
-      u(G), t(G);
+      m(G), t(G);
     },
     [s, n, a, C, t, d]
   );
@@ -2762,10 +2786,10 @@ function Qt({
             className: "gloss-threshold-ramp__stop",
             style: {
               left: `${v}%`,
-              color: ye(i)
+              color: we(i)
             },
             "data-disabled": i.disabled || void 0,
-            "data-dragging": m === i.id || void 0,
+            "data-dragging": g === i.id || void 0,
             onPointerDown: (p) => x(p, i.id),
             onKeyDown: (p) => T(p, i),
             "aria-label": i.label ?? `Stop at ${i.value}`,
@@ -2782,24 +2806,24 @@ function Qt({
     }
   ) });
 }
-Qt.displayName = "ThresholdRamp";
-const Le = qe(null);
-function Xt() {
-  return Qe(Le);
+Jt.displayName = "ThresholdRamp";
+const $e = Qe(null);
+function ea() {
+  return Xe($e);
 }
-function Jt({ option: e }) {
-  const t = Xt(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = y(() => {
+function ta({ option: e }) {
+  const t = ea(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = y(() => {
     a || t?.select(e.value);
   }, [a, t, e.value]), s = y(
-    (m) => {
-      a || t?.onKeyNav(m, e.value);
+    (g) => {
+      a || t?.onKeyNav(g, e.value);
     },
     [a, t, e.value]
   ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", d = t?.firstFocusableValue === e.value, b = a ? -1 : d ? 0 : -1;
   return /* @__PURE__ */ l(
     "button",
     {
-      ref: (m) => t?.registerRef(e.value, m),
+      ref: (g) => t?.registerRef(e.value, g),
       type: "button",
       role: "radio",
       "aria-checked": n,
@@ -2817,7 +2841,7 @@ function Jt({ option: e }) {
     }
   );
 }
-function ea({
+function aa({
   swatches: e,
   value: t,
   defaultValue: n,
@@ -2825,18 +2849,18 @@ function ea({
   disabled: r = !1,
   name: s
 }) {
-  const o = t !== void 0, [d, b] = W(n), m = o ? t : d, g = y(
+  const o = t !== void 0, [d, b] = W(n), g = o ? t : d, u = y(
     (N) => {
       o || b(N), a?.(N);
     },
     [o, a]
   ), C = y(
-    (N) => m === N,
-    [m]
-  ), u = R(/* @__PURE__ */ new Map()), c = y((N, _) => {
-    _ ? u.current.set(N, _) : u.current.delete(N);
-  }, []), f = e.filter((N) => !N.disabled && !r), S = f.find((N) => N.value === m)?.value ?? f[0]?.value, h = y((N) => {
-    const _ = u.current.get(N);
+    (N) => g === N,
+    [g]
+  ), m = R(/* @__PURE__ */ new Map()), c = y((N, _) => {
+    _ ? m.current.set(N, _) : m.current.delete(N);
+  }, []), f = e.filter((N) => !N.disabled && !r), S = f.find((N) => N.value === g)?.value ?? f[0]?.value, h = y((N) => {
+    const _ = m.current.get(N);
     _ && _.focus();
   }, []), x = y(
     (N, _) => {
@@ -2863,19 +2887,19 @@ function ea({
           break;
         case " ":
         case "Enter":
-          N.preventDefault(), g(_);
+          N.preventDefault(), u(_);
           return;
         default:
           return;
       }
       N.preventDefault();
       const p = T[v].value;
-      h(p), g(p);
+      h(p), u(p);
     },
-    [r, e, g, h]
+    [r, e, u, h]
   ), I = {
-    selectedValue: m,
-    select: g,
+    selectedValue: g,
+    select: u,
     isSelected: C,
     groupDisabled: r,
     name: s,
@@ -2883,7 +2907,7 @@ function ea({
     firstFocusableValue: S,
     onKeyNav: x
   };
-  return /* @__PURE__ */ l(Le.Provider, { value: I, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l($e.Provider, { value: I, children: /* @__PURE__ */ l(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -2891,46 +2915,46 @@ function ea({
       "aria-label": s,
       "aria-disabled": r,
       "data-disabled": r || void 0,
-      children: e.map((N) => /* @__PURE__ */ l(Jt, { option: N }, N.value))
+      children: e.map((N) => /* @__PURE__ */ l(ta, { option: N }, N.value))
     }
   ) });
 }
-ea.displayName = "PresetSwatchRow";
-function we(e, t) {
+aa.displayName = "PresetSwatchRow";
+function De(e, t) {
   for (const n of e)
     if (n.items.some((a) => a.id === t))
       return n.zoneKey;
   return null;
 }
-function Re(e, t) {
+function Ie(e, t) {
   const n = e.find((a) => a.zoneKey === t);
-  return n ? n.zoneKey : we(e, t);
+  return n ? n.zoneKey : De(e, t);
 }
-function ta(e, t, n) {
+function na(e, t, n) {
   const a = [...e], [r] = a.splice(t, 1);
   return a.splice(n, 0, r), a;
 }
-function aa(e) {
+function ra(e) {
   return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
 }
-function na(e) {
+function sa(e) {
   const [t, n] = W(
     () => e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
       `useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
     ), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
   ), [a, r] = W(null), [s, o] = W(null), d = R(null), b = R(e.onZoneChange);
   b.current = e.onZoneChange;
-  const m = re(
-    () => aa(e.zones),
+  const g = se(
+    () => ra(e.zones),
     [e.zones]
-  ), g = R(m);
+  ), u = R(g);
   L(() => {
-    g.current !== m && (g.current = m, !a && n(
+    u.current !== g && (u.current = g, !a && n(
       e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
         `useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
       ), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
     ));
-  }, [m, e.zones, a]);
+  }, [g, e.zones, a]);
   const C = y(
     (h) => {
       const x = h.active.id;
@@ -2945,13 +2969,13 @@ function na(e) {
       d.current = N, r(I), o(N);
     },
     [t]
-  ), u = y(
+  ), m = y(
     (h) => {
       if (!h.over) {
         o(d.current);
         return;
       }
-      const x = Re(t, h.over.id);
+      const x = Ie(t, h.over.id);
       o(x);
     },
     [t]
@@ -2964,7 +2988,7 @@ function na(e) {
         N();
         return;
       }
-      const _ = we(t, x.id), T = Re(t, I.id);
+      const _ = De(t, x.id), T = Ie(t, I.id);
       if (!_ || !T) {
         N();
         return;
@@ -2974,7 +2998,7 @@ function na(e) {
         const v = i.findIndex((E) => E.zoneKey === _), p = i[v], w = p.items.findIndex((E) => E.id === x.id), k = p.items.findIndex((E) => E.id === I.id), M = k >= 0 ? k : Math.max(0, p.items.length - 1);
         i[v] = {
           ...p,
-          items: ta(p.items, w, M)
+          items: na(p.items, w, M)
         };
       } else {
         const v = i.findIndex((K) => K.zoneKey === _), p = i.findIndex((K) => K.zoneKey === T), w = i[v], k = i[p], M = w.items.find((K) => K.id === x.id);
@@ -2988,12 +3012,12 @@ function na(e) {
           const K = O[O.length - 1];
           O = O.slice(0, k.maxItems - 1), $ = [...E, K];
         }
-        const j = Math.min(V, O.length), se = [
+        const j = Math.min(V, O.length), oe = [
           ...O.slice(0, j),
           M,
           ...O.slice(j)
         ];
-        i[v] = { ...w, items: $ }, i[p] = { ...k, items: se };
+        i[v] = { ...w, items: $ }, i[p] = { ...k, items: oe };
       }
       n(i), b.current?.(i), N();
     },
@@ -3006,7 +3030,7 @@ function na(e) {
     []
   ), S = y(
     (h) => {
-      const x = we(t, h.id) ?? "";
+      const x = De(t, h.id) ?? "";
       return {
         id: h.id,
         "data-item-id": h.id,
@@ -3022,12 +3046,12 @@ function na(e) {
     getZoneProps: f,
     getItemProps: S,
     handleDragStart: C,
-    handleDragOver: u,
+    handleDragOver: m,
     handleDragEnd: c
   };
 }
-let ae = null, le = null, fe = !1;
-const ra = [
+let ne = null, ce = null, he = !1;
+const oa = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -3036,22 +3060,22 @@ const ra = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], sa = [
+], ia = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function oa(e, t) {
+function la(e, t) {
   const n = [], a = e ?? {};
-  for (const s of ra)
+  for (const s of oa)
     a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
   const r = t ?? {};
-  for (const s of sa)
+  for (const s of ia)
     r[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
   return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
 }
-function ia() {
-  return ae ? Promise.resolve(ae) : fe ? Promise.resolve(null) : le || (le = (async () => {
+function ca() {
+  return ne ? Promise.resolve(ne) : he ? Promise.resolve(null) : ce || (ce = (async () => {
     try {
       const [e, t, n] = await Promise.all([
         import("@dnd-kit/core"),
@@ -3059,31 +3083,31 @@ function ia() {
         import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
           "SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
         ), {}))
-      ]), a = oa(e, t);
-      return a.ok ? (ae = {
+      ]), a = la(e, t);
+      return a.ok ? (ne = {
         core: e,
         sortable: t,
         utilities: n
-      }, ae) : (fe = !0, process.env.NODE_ENV !== "production" && console.error(
+      }, ne) : (he = !0, process.env.NODE_ENV !== "production" && console.error(
         `SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
       ), null);
     } catch {
-      return fe = !0, null;
+      return he = !0, null;
     }
-  })(), le);
+  })(), ce);
 }
-function la(e) {
-  const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: s } = e, o = na({ zones: t, onZoneChange: n }), [d, b] = H.useState(ae);
+function da(e) {
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: s } = e, o = sa({ zones: t, onZoneChange: n }), [d, b] = H.useState(ne);
   return H.useEffect(() => {
     if (d) return;
-    let m = !0;
-    return ia().then((g) => {
-      m && b(g);
+    let g = !0;
+    return ca().then((u) => {
+      g && b(u);
     }), () => {
-      m = !1;
+      g = !1;
     };
   }, [d]), d ? /* @__PURE__ */ l(
-    $e,
+    Be,
     {
       state: o,
       modules: d,
@@ -3091,23 +3115,23 @@ function la(e) {
       renderItem: r,
       renderDragOverlay: s
     }
-  ) : /* @__PURE__ */ l("div", { "data-sortable-zones-passive": "true", children: o.zones.map((m) => {
-    const g = m.items.map((C) => /* @__PURE__ */ l(H.Fragment, { children: r(C) }, C.id));
-    return /* @__PURE__ */ l("div", { ...o.getZoneProps(m.zoneKey), children: a(m.zoneKey, m.items, g) }, m.zoneKey);
+  ) : /* @__PURE__ */ l("div", { "data-sortable-zones-passive": "true", children: o.zones.map((g) => {
+    const u = g.items.map((C) => /* @__PURE__ */ l(H.Fragment, { children: r(C) }, C.id));
+    return /* @__PURE__ */ l("div", { ...o.getZoneProps(g.zoneKey), children: a(g.zoneKey, g.items, u) }, g.zoneKey);
   }) });
 }
-la.displayName = "SortableZones";
-function $e({
+da.displayName = "SortableZones";
+function Be({
   state: e,
   modules: t,
   renderZone: n,
   renderItem: a,
   renderDragOverlay: r
 }) {
-  const { core: s, sortable: o, utilities: d } = t, { DndContext: b, DragOverlay: m, useSensors: g, useSensor: C, useDroppable: u, PointerSensor: c, KeyboardSensor: f, closestCenter: S } = s, { SortableContext: h, verticalListSortingStrategy: x } = o, I = g(
+  const { core: s, sortable: o, utilities: d } = t, { DndContext: b, DragOverlay: g, useSensors: u, useSensor: C, useDroppable: m, PointerSensor: c, KeyboardSensor: f, closestCenter: S } = s, { SortableContext: h, verticalListSortingStrategy: x } = o, I = u(
     C(c, { activationConstraint: { distance: 5 } }),
     C(f)
-  ), N = b, _ = m, T = h;
+  ), N = b, _ = g, T = h;
   return /* @__PURE__ */ A(
     N,
     {
@@ -3119,7 +3143,7 @@ function $e({
       children: [
         e.zones.map((i) => {
           const v = i.items.map((w) => w.id), p = i.items.map((w) => /* @__PURE__ */ l(
-            Be,
+            ze,
             {
               id: w.id,
               useSortable: o.useSortable,
@@ -3129,11 +3153,11 @@ function $e({
             w.id
           ));
           return /* @__PURE__ */ l(
-            ze,
+            Ke,
             {
               zoneKey: i.zoneKey,
               zoneProps: e.getZoneProps(i.zoneKey),
-              useDroppable: u,
+              useDroppable: m,
               children: /* @__PURE__ */ l(T, { items: v, strategy: x, children: n(i.zoneKey, i.items, p) })
             },
             i.zoneKey
@@ -3144,17 +3168,17 @@ function $e({
     }
   );
 }
-$e.displayName = "SortableZonesInner";
-function Be({ id: e, useSortable: t, cssHelper: n, children: a }) {
-  const { attributes: r, listeners: s, setNodeRef: o, transform: d, transition: b, isDragging: m } = t({ id: e }), g = {
+Be.displayName = "SortableZonesInner";
+function ze({ id: e, useSortable: t, cssHelper: n, children: a }) {
+  const { attributes: r, listeners: s, setNodeRef: o, transform: d, transition: b, isDragging: g } = t({ id: e }), u = {
     transform: n?.Transform?.toString(d) ?? void 0,
     transition: b,
-    opacity: m ? 0.5 : 1
+    opacity: g ? 0.5 : 1
   };
-  return /* @__PURE__ */ l("div", { ref: o, style: g, "data-sortable-item-id": e, ...r, ...s, children: a });
+  return /* @__PURE__ */ l("div", { ref: o, style: u, "data-sortable-item-id": e, ...r, ...s, children: a });
 }
-Be.displayName = "SortableItem";
-function ze({
+ze.displayName = "SortableItem";
+function Ke({
   zoneKey: e,
   zoneProps: t,
   useDroppable: n,
@@ -3163,8 +3187,8 @@ function ze({
   const { setNodeRef: r, isOver: s } = n({ id: e });
   return /* @__PURE__ */ l("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: a });
 }
-ze.displayName = "ZoneDroppable";
-function Rn({
+Ke.displayName = "ZoneDroppable";
+function In({
   slotLeft: e,
   slotCenter: t,
   slotRight: n,
@@ -3214,7 +3238,7 @@ function Rn({
     }
   );
 }
-function In({
+function Pn({
   count: e,
   currentIndex: t,
   onSelect: n,
@@ -3223,7 +3247,7 @@ function In({
   pulseIndex: s,
   pulseNonce: o
 }) {
-  const d = Ze.useRef([]);
+  const d = Ye.useRef([]);
   return d.current.length = e, /* @__PURE__ */ l(
     "div",
     {
@@ -3231,359 +3255,360 @@ function In({
       "aria-label": a,
       "data-testid": "gloss-section-dots",
       className: "gloss-section-dots",
-      onKeyDown: (m) => {
+      onKeyDown: (g) => {
         if (e !== 0) {
-          if (m.key === "ArrowRight") {
-            m.preventDefault();
-            const g = (t + 1) % e;
-            n(g), requestAnimationFrame(() => d.current[g]?.focus());
-          } else if (m.key === "ArrowLeft") {
-            m.preventDefault();
-            const g = (t - 1 + e) % e;
-            n(g), requestAnimationFrame(() => d.current[g]?.focus());
+          if (g.key === "ArrowRight") {
+            g.preventDefault();
+            const u = (t + 1) % e;
+            n(u), requestAnimationFrame(() => d.current[u]?.focus());
+          } else if (g.key === "ArrowLeft") {
+            g.preventDefault();
+            const u = (t - 1 + e) % e;
+            n(u), requestAnimationFrame(() => d.current[u]?.focus());
           }
         }
       },
-      children: Array.from({ length: e }, (m, g) => /* @__PURE__ */ l(
+      children: Array.from({ length: e }, (g, u) => /* @__PURE__ */ l(
         "button",
         {
           ref: (C) => {
-            d.current[g] = C;
+            d.current[u] = C;
           },
           type: "button",
           role: "tab",
-          "aria-selected": g === t,
-          "aria-label": g === r ? "Unconfirmed section" : `Section ${g + 1}`,
-          "data-state": g === r ? "provisional-hollow" : g === s ? "pulse" : g === t ? "current" : "hollow",
-          "data-section-index": g,
+          "aria-selected": u === t,
+          "aria-label": u === r ? "Unconfirmed section" : `Section ${u + 1}`,
+          "data-state": u === r ? "provisional-hollow" : u === s ? "pulse" : u === t ? "current" : "hollow",
+          "data-section-index": u,
           className: [
             "gloss-section-dots__dot",
-            g === t && "gloss-section-dots__dot--current"
+            u === t && "gloss-section-dots__dot--current"
           ].filter(Boolean).join(" "),
-          onClick: () => n(g)
+          onClick: () => n(u)
         },
-        g === s ? `${g}-${o ?? 0}` : g
+        u === s ? `${u}-${o ?? 0}` : u
       ))
     }
   );
 }
-const ca = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+const ua = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
   const r = { ...n };
-  return delete r.className, delete r.style, /* @__PURE__ */ l("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ l(De, { region: "toolbar", density: e, children: t }) });
+  return delete r.className, delete r.style, /* @__PURE__ */ l("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ l(Ne, { region: "toolbar", density: e, children: t }) });
 });
-ca.displayName = "ContainerToolbar";
-const da = H.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...r }, s) => {
+ua.displayName = "ContainerToolbar";
+const ma = H.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...r }, s) => {
   const o = { ...r };
   return delete o.className, delete o.style, /* @__PURE__ */ A("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
     e && /* @__PURE__ */ l("legend", { className: "gloss-container-form-section__legend", children: e }),
     t && /* @__PURE__ */ l("p", { className: "gloss-container-form-section__description", children: t }),
-    /* @__PURE__ */ l(De, { region: "form-section", density: n, children: a })
+    /* @__PURE__ */ l(Ne, { region: "form-section", density: n, children: a })
   ] });
 });
-da.displayName = "ContainerFormSection";
-const ua = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+ma.displayName = "ContainerFormSection";
+const ga = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
   const r = { ...n };
-  return delete r.className, delete r.style, /* @__PURE__ */ l("div", { ref: a, className: "gloss-container-table", ...r, children: /* @__PURE__ */ l(De, { region: "table", density: e, children: t }) });
+  return delete r.className, delete r.style, /* @__PURE__ */ l("div", { ref: a, className: "gloss-container-table", ...r, children: /* @__PURE__ */ l(Ne, { region: "table", density: e, children: t }) });
 });
-ua.displayName = "ContainerTable";
+ga.displayName = "ContainerTable";
 export {
-  En as Accordion,
-  On as AccordionContent,
-  An as AccordionItem,
-  Ln as AccordionTrigger,
-  $n as ActionStrip,
-  Bn as Actionable,
-  zn as AddressGroup,
-  Kn as AddressSelect,
-  Wn as AsyncLoader,
-  Gn as Autocomplete,
-  Hn as Badge,
-  Vn as BarChartCard,
-  jn as BarsBg,
-  Rn as BottomToolbar,
-  Un as Button,
-  Zn as ButtonGroup,
-  Yn as ButtonGroupContext,
-  qn as Card,
-  Qn as CardActions,
-  Xn as CardBack,
-  Jn as CardBody,
-  er as CardFooter,
-  tr as CardHeader,
-  ar as CardMedia,
-  nr as CardShell,
-  rr as CardSubtitle,
-  sr as CardTitle,
-  Dn as CascadePreview,
-  or as ChartControlBar,
-  ir as Checkbox,
-  lr as CheckboxGroup,
-  cr as Chip,
-  dr as ColorPicker,
-  ur as ComparisonCard,
-  mr as ContactForm,
-  gr as ContainerCard,
-  pr as ContainerCardActions,
-  fr as ContainerCardBody,
-  hr as ContainerCardFooter,
-  br as ContainerCardHeader,
-  vr as ContainerCardMedia,
-  yr as ContainerCardSubtitle,
-  wr as ContainerCardTitle,
-  Dr as ContainerDialog,
-  Nr as ContainerDialogActions,
-  Cr as ContainerDialogBody,
-  kr as ContainerDialogHeader,
-  da as ContainerFormSection,
-  _r as ContainerPanel,
-  ua as ContainerTable,
-  ca as ContainerToolbar,
-  xr as CreditCardForm,
-  Sr as DEFAULT_FOOTER_IDS,
+  On as Accordion,
+  An as AccordionContent,
+  Ln as AccordionItem,
+  $n as AccordionTrigger,
+  Bn as ActionStrip,
+  zn as Actionable,
+  Kn as AddressGroup,
+  Wn as AddressSelect,
+  Gn as AsyncLoader,
+  Hn as Autocomplete,
+  Vn as Badge,
+  jn as BarChartCard,
+  Un as BarsBg,
+  In as BottomToolbar,
+  Zn as Button,
+  Yn as ButtonGroup,
+  qn as ButtonGroupContext,
+  Qn as Card,
+  Xn as CardActions,
+  Jn as CardBack,
+  er as CardBody,
+  tr as CardFooter,
+  ar as CardHeader,
+  nr as CardMedia,
+  rr as CardShell,
+  sr as CardSubtitle,
+  or as CardTitle,
+  Rn as CascadePreview,
+  ir as ChartControlBar,
+  lr as Checkbox,
+  cr as CheckboxGroup,
+  dr as Chip,
+  ur as ColorPicker,
+  mr as ComparisonCard,
+  gr as ContactForm,
+  pr as ContainerCard,
+  fr as ContainerCardActions,
+  hr as ContainerCardBody,
+  br as ContainerCardFooter,
+  vr as ContainerCardHeader,
+  yr as ContainerCardMedia,
+  wr as ContainerCardSubtitle,
+  Dr as ContainerCardTitle,
+  Nr as ContainerDialog,
+  Cr as ContainerDialogActions,
+  kr as ContainerDialogBody,
+  _r as ContainerDialogHeader,
+  ma as ContainerFormSection,
+  xr as ContainerPanel,
+  ga as ContainerTable,
+  ua as ContainerToolbar,
+  Sr as CreditCardForm,
+  Mr as DEFAULT_FOOTER_IDS,
   ee as DEFAULT_GRID_INTERACTION_PHYSICS,
-  ti as DEFAULT_MARKET_PRESETS,
-  Mr as DEFAULT_OVERFLOW_IDS,
-  ai as DEFAULT_PINNED,
-  Ie as DEFAULT_RESIZE_PHYSICS,
-  Tr as DataTable,
-  Rr as DatePicker,
-  Ir as DateRangePicker,
-  Pr as DestructiveModal,
-  Vt as DevTuningPanel,
-  Fr as DirectionCard,
-  Er as Dismissible,
-  Or as DistributionCard,
-  Ar as DonutChart,
-  yn as DragGhost,
-  fn as DropAnchorCell,
-  Lr as Dropdown,
-  $r as ENTITY_FILTER_KEYS,
-  Br as ENTITY_PROFILE_ROUTES,
-  zr as ENTITY_TYPE_PLURAL,
-  ft as EdgeHoverHandle,
-  vn as EmptyCellPackAffordance,
-  Kr as EntityPicker,
-  Wr as EntitySearchPanel,
-  Gr as Expandable,
-  Hr as ExpandableChip,
-  Vr as FLIP_AND_STAGE_TIMINGS,
-  jr as FileUpload,
-  Ur as FilterChip,
-  Zr as FilterInput,
-  Yr as FlipAndStageProvider,
-  qr as Form,
-  Qr as FormDialog,
-  Xr as FormField,
-  Jr as FusedShape,
-  ht as GhostPreview,
-  es as GroupCheckbox,
-  ts as GroupRadio,
-  Sn as HARD_CLIP,
-  as as HighlightCard,
-  ns as HybridDatePicker,
-  rs as ImportWizard,
-  Zt as InlineNudge,
-  ss as Input,
-  os as InputAddon,
-  is as InputGroup,
-  ls as Link,
-  cs as LoginForm,
-  ds as MarketPresetRow,
-  us as MaskPresets,
-  ms as MaskedInput,
-  gs as Menu,
-  ps as MenuDivider,
-  fs as MenuGroup,
-  hs as MenuItem,
-  bs as MergePrompt,
-  vs as MetricCard,
-  ys as MetricCardGrid,
-  At as MetricGroupContainer,
-  ws as MiniCalendar,
-  Ds as MultiSelect,
-  Ns as NumberInput,
-  Cs as ObjectArrow,
-  ks as OrderFilterBar,
-  ni as PERIOD_OPTIONS,
-  kt as PageChip,
-  Pe as PageDropdown,
-  _s as PasswordInput,
-  xs as PaymentForm,
-  Ss as PaymentMethodSelect,
-  Ms as PhoneInput,
-  Ts as PinToMetric,
-  ea as PresetSwatchRow,
-  Rs as ProfileCard,
-  Is as ProgressCard,
-  Ps as QuickConfigPanel,
-  It as RECONFIG_BACKSIDE_LABELS,
-  ri as ROLLING_OPTIONS,
-  Fs as Radio,
-  Es as RadioGroup,
-  Os as RangeSlider,
-  As as Rating,
-  Et as ReconfigBacksideButtons,
-  Ls as RegistrationForm,
-  pn as ResizeEnvelope,
-  $s as Row1Controls,
-  Bs as Row2FilterTray,
-  zs as SearchInput,
-  bn as SectionDivider,
-  In as SectionDots,
-  Ks as SegmentCard,
-  Ws as SegmentedControl,
-  Gs as Select,
-  Hs as Selectable,
-  Vs as SimpleMetricCard,
-  js as SimpleSelector,
-  Us as Skeleton,
-  Zs as SkeletonCard,
-  Ys as SkeletonChart,
-  qs as SkeletonTable,
-  Qs as Slider,
-  wn as SnapOutline,
-  Xs as Sortable,
-  la as SortableZones,
-  Js as SparklineBg,
-  hn as SpilloverArc,
-  eo as SplitButton,
-  to as StackedGroupCard,
-  ao as StatusModeCard,
-  pt as StatusSlotChipMenu,
-  no as Stepper,
-  si as TODAY_PRESET,
+  ai as DEFAULT_MARKET_PRESETS,
+  Tr as DEFAULT_OVERFLOW_IDS,
+  ni as DEFAULT_PINNED,
+  Pe as DEFAULT_RESIZE_PHYSICS,
+  Rr as DataTable,
+  Ir as DatePicker,
+  Pr as DateRangePicker,
+  Fr as DestructiveModal,
+  Ut as DevTuningPanel,
+  Er as DirectionCard,
+  Or as Dismissible,
+  Ar as DistributionCard,
+  Lr as DonutChart,
+  Mn as DragGhost,
+  kn as DropAnchorCell,
+  $r as Dropdown,
+  Br as ENTITY_FILTER_KEYS,
+  zr as ENTITY_PROFILE_ROUTES,
+  Kr as ENTITY_TYPE_PLURAL,
+  bt as EdgeHoverHandle,
+  Sn as EmptyCellPackAffordance,
+  Wr as EntityPicker,
+  Gr as EntitySearchPanel,
+  Hr as Expandable,
+  Vr as ExpandableChip,
+  jr as FLIP_AND_STAGE_TIMINGS,
+  Ur as FileUpload,
+  Zr as FilterChip,
+  Yr as FilterInput,
+  qr as FlipAndStageProvider,
+  Qr as Form,
+  Xr as FormDialog,
+  Jr as FormField,
+  es as FusedShape,
+  vt as GhostPreview,
+  ts as GroupCheckbox,
+  as as GroupRadio,
+  Ka as HARD_CLIP,
+  ns as HighlightCard,
+  rs as HybridDatePicker,
+  ss as ImportWizard,
+  qt as InlineNudge,
+  os as Input,
+  is as InputAddon,
+  ls as InputGroup,
+  cs as Link,
+  ds as LoginForm,
+  us as MarketPresetRow,
+  ms as MaskPresets,
+  gs as MaskedInput,
+  ps as Menu,
+  fs as MenuDivider,
+  hs as MenuGroup,
+  bs as MenuItem,
+  vs as MergePrompt,
+  ys as MetricCard,
+  ws as MetricCardGrid,
+  $t as MetricGroupContainer,
+  Ds as MiniCalendar,
+  Ns as MultiSelect,
+  Cs as NumberInput,
+  ks as ObjectArrow,
+  _s as OrderFilterBar,
+  ri as PERIOD_OPTIONS,
+  xt as PageChip,
+  Fe as PageDropdown,
+  xs as PasswordInput,
+  Ss as PaymentForm,
+  Ms as PaymentMethodSelect,
+  Ts as PhoneInput,
+  Rs as PinToMetric,
+  aa as PresetSwatchRow,
+  Is as ProfileCard,
+  Ps as ProgressCard,
+  Fs as QuickConfigPanel,
+  Ft as RECONFIG_BACKSIDE_LABELS,
+  si as ROLLING_OPTIONS,
+  Es as Radio,
+  Os as RadioGroup,
+  As as RangeSlider,
+  Ls as Rating,
+  At as ReconfigBacksideButtons,
+  $s as RegistrationForm,
+  Cn as ResizeEnvelope,
+  Bs as Row1Controls,
+  zs as Row2FilterTray,
+  Ks as SearchInput,
+  xn as SectionDivider,
+  Pn as SectionDots,
+  Ws as SegmentCard,
+  Gs as SegmentedControl,
+  Hs as Select,
+  Vs as Selectable,
+  js as SimpleMetricCard,
+  Us as SimpleSelector,
+  Zs as Skeleton,
+  Ys as SkeletonCard,
+  qs as SkeletonChart,
+  Qs as SkeletonTable,
+  Xs as Slider,
+  Tn as SnapOutline,
+  Js as Sortable,
+  da as SortableZones,
+  eo as SparklineBg,
+  _n as SpilloverArc,
+  to as SplitButton,
+  ao as StackedGroupCard,
+  no as StatusModeCard,
+  ft as StatusSlotChipMenu,
+  ro as Stepper,
+  ht as SwingReveal,
+  oi as TODAY_PRESET,
   J as TUNING_DEFAULTS,
-  Ae as TUNING_STORAGE_KEY,
-  ro as TabGroup,
-  so as TabbedDataView,
-  oo as TagInput,
-  io as Textarea,
-  Qt as ThresholdRamp,
-  lo as TimeFrame,
-  co as TimePicker,
-  uo as Toggle,
-  mo as Tooltip,
-  go as Transition,
-  po as TransitionGroup,
-  fo as TrendCard,
-  ho as TrendIndicator,
-  Xo as UIContext,
-  De as UIContextProvider,
-  bo as UnifiedBreakdownTable,
-  vo as UnifiedContextMenu,
-  bt as VelocityBuffer,
-  yo as addressGroupMetadata,
-  wo as addressSchema,
-  _a as allChips,
-  $a as allStateFixtures,
-  La as allVariantFixtures,
-  Ta as blockSamples,
-  Do as buildDefaultOverflow,
-  Ea as cardSamples,
-  Nn as cascadePhysics,
-  Pa as chartSamples,
-  Ia as circleSamples,
-  Mn as colorTokens,
-  on as compactLayout,
-  Ya as compactState,
-  Aa as computeGutterAnchorX,
-  No as contactFormMetadata,
-  Co as contactSchema,
-  qa as contextMenuFixtures,
-  ko as creditCardFormMetadata,
-  _o as creditCardSchema,
-  dt as dateChip,
-  Oe as defaultControlBarState,
-  xo as destructiveModalMetadata,
-  So as durations,
-  Mo as easings,
-  wt as emptyFixture,
-  lt as entityChip,
-  Mt as entityNameActions,
-  Sa as entityTabGroup,
-  yt as errorFixture,
-  Za as filteredState,
-  oi as findPreset,
-  ii as formatDateRange,
-  li as formatMarketDates,
-  ci as formatTrend,
-  di as formatValue,
-  cn as fullLayout,
-  ui as generateMarketId,
-  To as generateTabId,
-  mi as getAllPresets,
-  gi as getDateRangeForPreset,
-  Ro as getMenuActions,
-  Tn as getMotionMode,
-  pi as getPresetLabel,
-  Io as getTransitionStyle,
-  sn as gridCards,
-  Po as interpolate,
-  fi as isInRange,
-  hi as isMarketActive,
-  bi as isSameDay,
-  Ua as itemColumns,
-  Va as itemRows,
-  vt as loadingFixture,
-  Fo as loginFormMetadata,
-  Eo as loginSchema,
-  ut as manufacturerChip,
-  gn as manyTabs,
-  Oo as mergeHandlers,
-  Ao as mergeRefs,
-  xa as metricTabGroup,
-  un as mixedTabs,
-  vi as normalizePresetId,
-  Rt as numericActions,
-  ja as orderColumns,
-  Tt as orderIdActions,
-  Ha as orderRows,
-  dn as ordersTabs,
-  Lo as parseNumericValue,
-  $o as paymentFormMetadata,
-  Bo as paymentSchema,
-  zo as presets,
-  _n as provisional,
-  xn as reducedMotion,
-  Ko as registrationFormMetadata,
-  Wo as registrationSchema,
-  kn as rejectionFeedback,
-  Xa as sampleCompareRanges,
-  tn as sampleCustomMarkets,
-  Qa as sampleDateRange,
-  an as sampleMarketPresetData,
-  en as sampleMarkets,
-  rn as samplePeriodPresets,
-  Ja as samplePreferences,
-  nn as samplePresets,
-  mn as singleTab,
-  Ba as sparklineFixture,
-  za as sparklineUpFixture,
-  Ct as staleDonutFixture,
-  Dt as staleFixture,
-  Nt as staleSparklineFixture,
-  Ka as standardFixture,
-  Ga as standardFlatFixture,
-  ln as standardLayout,
-  Wa as standardNegativeFixture,
-  ct as statusChip,
-  Cn as swingReveal,
-  Fa as tableSamples,
-  Ra as textSamples,
-  Ma as timeFrameTabGroup,
-  yi as toUppercasePresetId,
-  ka as useArrowNavigation,
-  Go as useCheckboxGroupContext,
-  Oa as useEdgeHoverResize,
-  Ho as useFilterLayout,
-  Vo as useFlipAndStage,
-  jo as useFlipAndStageContext,
-  Uo as useFlipAndStageContextOptional,
-  Ca as useFocusReturn,
-  Zo as useFocusTrap,
-  Yo as useFormContext,
-  qo as useRadioGroupContext,
-  Bt as useResizeTuning,
-  na as useSortableZones,
-  Jo as useUIContext
+  Le as TUNING_STORAGE_KEY,
+  so as TabGroup,
+  oo as TabbedDataView,
+  io as TagInput,
+  lo as Textarea,
+  Jt as ThresholdRamp,
+  co as TimeFrame,
+  uo as TimePicker,
+  mo as Toggle,
+  go as Tooltip,
+  po as Transition,
+  fo as TransitionGroup,
+  ho as TrendCard,
+  bo as TrendIndicator,
+  Jo as UIContext,
+  Ne as UIContextProvider,
+  vo as UnifiedBreakdownTable,
+  yo as UnifiedContextMenu,
+  yt as VelocityBuffer,
+  wo as addressGroupMetadata,
+  Do as addressSchema,
+  Sa as allChips,
+  Ua as allStateFixtures,
+  ja as allVariantFixtures,
+  Ia as blockSamples,
+  No as buildDefaultOverflow,
+  Aa as cardSamples,
+  La as cascadePhysics,
+  Ea as chartSamples,
+  Fa as circleSamples,
+  Wa as colorTokens,
+  hn as compactLayout,
+  rn as compactState,
+  Va as computeGutterAnchorX,
+  Co as contactFormMetadata,
+  ko as contactSchema,
+  sn as contextMenuFixtures,
+  _o as creditCardFormMetadata,
+  xo as creditCardSchema,
+  ut as dateChip,
+  Ae as defaultControlBarState,
+  So as destructiveModalMetadata,
+  Mo as durations,
+  To as easings,
+  Nt as emptyFixture,
+  ct as entityChip,
+  Rt as entityNameActions,
+  Ta as entityTabGroup,
+  Dt as errorFixture,
+  nn as filteredState,
+  ii as findPreset,
+  li as formatDateRange,
+  ci as formatMarketDates,
+  di as formatTrend,
+  ui as formatValue,
+  vn as fullLayout,
+  mi as generateMarketId,
+  Ro as generateTabId,
+  gi as getAllPresets,
+  pi as getDateRangeForPreset,
+  Io as getMenuActions,
+  Ga as getMotionMode,
+  fi as getPresetLabel,
+  Po as getTransitionStyle,
+  fn as gridCards,
+  Fo as interpolate,
+  hi as isInRange,
+  bi as isMarketActive,
+  vi as isSameDay,
+  an as itemColumns,
+  en as itemRows,
+  wt as loadingFixture,
+  Eo as loginFormMetadata,
+  Oo as loginSchema,
+  mt as manufacturerChip,
+  Nn as manyTabs,
+  Ao as mergeHandlers,
+  Lo as mergeRefs,
+  Ma as metricTabGroup,
+  wn as mixedTabs,
+  yi as normalizePresetId,
+  Pt as numericActions,
+  tn as orderColumns,
+  It as orderIdActions,
+  Ja as orderRows,
+  yn as ordersTabs,
+  $o as parseNumericValue,
+  Bo as paymentFormMetadata,
+  zo as paymentSchema,
+  Ko as presets,
+  Ba as provisional,
+  za as reducedMotion,
+  Wo as registrationFormMetadata,
+  Go as registrationSchema,
+  $a as rejectionFeedback,
+  ln as sampleCompareRanges,
+  un as sampleCustomMarkets,
+  on as sampleDateRange,
+  mn as sampleMarketPresetData,
+  dn as sampleMarkets,
+  pn as samplePeriodPresets,
+  cn as samplePreferences,
+  gn as samplePresets,
+  Dn as singleTab,
+  Za as sparklineFixture,
+  Ya as sparklineUpFixture,
+  _t as staleDonutFixture,
+  Ct as staleFixture,
+  kt as staleSparklineFixture,
+  qa as standardFixture,
+  Xa as standardFlatFixture,
+  bn as standardLayout,
+  Qa as standardNegativeFixture,
+  dt as statusChip,
+  ae as swingReveal,
+  Oa as tableSamples,
+  Pa as textSamples,
+  Ra as timeFrameTabGroup,
+  wi as toUppercasePresetId,
+  xa as useArrowNavigation,
+  Ho as useCheckboxGroupContext,
+  Ha as useEdgeHoverResize,
+  Vo as useFilterLayout,
+  jo as useFlipAndStage,
+  Uo as useFlipAndStageContext,
+  Zo as useFlipAndStageContextOptional,
+  _a as useFocusReturn,
+  Yo as useFocusTrap,
+  qo as useFormContext,
+  Qo as useRadioGroupContext,
+  Kt as useResizeTuning,
+  sa as useSortableZones,
+  ei as useUIContext
 };