@mt-gloss/ui 0.1.8 → 0.1.9

package/index.js

@@ -1,12 +1,12 @@
-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 dr, o as cr, 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 Ir, m as Rr, 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 ds, bM as cs, 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 Is, ac as Rs, 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 Io, aY as Ro, 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 d, Fragment as Ue } from "react/jsx-runtime";
+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 I, 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 de, useMotionValue as Xe, animate as _e, useDragControls as Je } from "framer-motion";
+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 di, formatValue as ci, 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 { 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";
@@ -14,7 +14,7 @@ import st from "@mui/icons-material/AspectRatio";
 import ot from "@mui/icons-material/Palette";
 import it from "@mui/icons-material/PushPin";
 function Ca(e = {}) {
-  const { enabled: t = !0, returnTo: n } = e, a = I(null);
+  const { enabled: t = !0, returnTo: n } = e, a = R(null);
   return L(() => {
     t && (a.current = n || document.activeElement);
   }, [t, n]), L(() => () => {
@@ -31,66 +31,66 @@ function ka(e) {
     loop: r = !0,
     orientation: s = "vertical",
     enabled: o = !0,
-    isItemDisabled: i,
-    onSelect: h,
+    isItemDisabled: d,
+    onSelect: b,
     onEscape: m
-  } = e, [v, C] = W(-1), u = n !== void 0 ? n : v, c = y(
-    (l) => {
-      n === void 0 && C(l), a?.(l);
+  } = e, [g, C] = W(-1), u = n !== void 0 ? n : g, c = y(
+    (i) => {
+      n === void 0 && C(i), a?.(i);
     },
     [n, a]
-  ), p = y(() => t.map((l, b) => ({ item: l, index: b })).filter(({ item: l, index: b }) => !i?.(l, b)).map(({ index: l }) => l), [t, i]), S = y(
-    (l, b) => {
-      const g = p();
-      if (g.length === 0) return -1;
-      const w = g.indexOf(l);
+  ), f = y(() => t.map((i, v) => ({ item: i, index: v })).filter(({ item: i, index: v }) => !d?.(i, v)).map(({ index: i }) => i), [t, d]), S = y(
+    (i, v) => {
+      const p = f();
+      if (p.length === 0) return -1;
+      const w = p.indexOf(i);
       if (w === -1)
-        return b === 1 ? g.find((M) => M > l) ?? (r ? g[0] : -1) : [...g].reverse().find((E) => E < l) ?? (r ? g[g.length - 1] : -1);
-      let k = w + b;
-      return r ? k = (k + g.length) % g.length : k = Math.max(0, Math.min(g.length - 1, k)), g[k];
+        return v === 1 ? p.find((M) => M > i) ?? (r ? p[0] : -1) : [...p].reverse().find((E) => E < i) ?? (r ? p[p.length - 1] : -1);
+      let k = w + v;
+      return r ? k = (k + p.length) % p.length : k = Math.max(0, Math.min(p.length - 1, k)), p[k];
     },
-    [p, r]
-  ), f = y(() => {
-    const l = p();
-    l.length > 0 && c(l[0]);
-  }, [p, c]), x = y(() => {
-    const l = p();
-    l.length > 0 && c(l[l.length - 1]);
-  }, [p, c]), R = y(() => {
-    const l = S(u, 1);
-    l !== -1 && c(l);
+    [f, r]
+  ), h = y(() => {
+    const i = f();
+    i.length > 0 && c(i[0]);
+  }, [f, c]), x = y(() => {
+    const i = f();
+    i.length > 0 && c(i[i.length - 1]);
+  }, [f, c]), I = y(() => {
+    const i = S(u, 1);
+    i !== -1 && c(i);
   }, [u, S, c]), N = y(() => {
-    const l = S(u, -1);
-    l !== -1 && c(l);
+    const i = S(u, -1);
+    i !== -1 && c(i);
   }, [u, S, c]), _ = y(() => {
     c(-1);
   }, [c]), T = y(
-    (l) => {
+    (i) => {
       if (!o) return;
-      const { key: b } = l, g = b === "ArrowUp" && (s === "vertical" || s === "both"), w = b === "ArrowDown" && (s === "vertical" || s === "both"), k = b === "ArrowLeft" && (s === "horizontal" || s === "both"), M = b === "ArrowRight" && (s === "horizontal" || s === "both");
-      if (g || k) {
-        l.preventDefault(), u === -1 ? x() : N();
+      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();
         return;
       }
       if (w || M) {
-        l.preventDefault(), u === -1 ? f() : R();
+        i.preventDefault(), u === -1 ? h() : I();
         return;
       }
-      if (b === "Home") {
-        l.preventDefault(), f();
+      if (v === "Home") {
+        i.preventDefault(), h();
         return;
       }
-      if (b === "End") {
-        l.preventDefault(), x();
+      if (v === "End") {
+        i.preventDefault(), x();
         return;
       }
-      if ((b === "Enter" || b === " ") && u >= 0 && u < t.length) {
-        l.preventDefault();
+      if ((v === "Enter" || v === " ") && u >= 0 && u < t.length) {
+        i.preventDefault();
         const E = t[u];
-        i?.(E, u) || h?.(E, u);
+        d?.(E, u) || b?.(E, u);
         return;
       }
-      if (b === "Escape") {
+      if (v === "Escape") {
         m?.();
         return;
       }
@@ -100,12 +100,12 @@ function ka(e) {
       s,
       u,
       t,
-      f,
+      h,
       x,
-      R,
+      I,
       N,
-      i,
-      h,
+      d,
+      b,
       m
     ]
   );
@@ -113,42 +113,42 @@ function ka(e) {
     focusedIndex: u,
     setFocusedIndex: c,
     handleKeyDown: T,
-    focusFirst: f,
+    focusFirst: h,
     focusLast: x,
-    focusNext: R,
+    focusNext: I,
     focusPrevious: N,
     resetFocus: _
   };
 }
-const ce = (e) => {
+const de = (e) => {
 }, lt = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
-  onRemove: ce
-}, dt = {
+  onRemove: de
+}, ct = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
-  onRemove: ce
-}, ct = {
+  onRemove: de
+}, dt = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
-  onRemove: ce
+  onRemove: de
 }, ut = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
-  onRemove: ce
+  onRemove: de
 }, _a = [
   lt,
-  dt,
   ct,
+  dt,
   ut
 ], xa = {
   id: "metric-toggle",
@@ -177,11 +177,11 @@ const ce = (e) => {
   { variant: "block", width: 200, height: 32, borderRadius: 8 },
   { variant: "block", width: "80%", height: 12, borderRadius: "4px" },
   { variant: "block", width: 120, height: 44, borderRadius: 22 }
-], Ia = [
+], Ra = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], Ra = [
+], Ia = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
@@ -239,7 +239,7 @@ function pt({
   overflowActions: s,
   onClose: o
 }) {
-  const [i, h] = W(null), m = I(null), v = y(() => {
+  const [d, b] = W(null), m = R(null), g = y(() => {
     if (!t) return { ...xe, top: 0, left: 0 };
     const c = t.getBoundingClientRect();
     return {
@@ -250,14 +250,14 @@ function pt({
   }, [t]);
   if (L(() => {
     if (!e) return;
-    const c = (p) => {
-      p.key === "Escape" && o();
+    const c = (f) => {
+      f.key === "Escape" && o();
     };
     return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
   }, [e, o]), L(() => {
     if (!e) return;
-    const c = (p) => {
-      m.current && !m.current.contains(p.target) && o();
+    const c = (f) => {
+      m.current && !m.current.contains(f.target) && o();
     };
     return document.addEventListener("pointerdown", c, !0), () => document.removeEventListener("pointerdown", c, !0);
   }, [e, o]), !e) return null;
@@ -268,42 +268,42 @@ function pt({
       "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
-      style: v(),
+      style: g(),
       children: [
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "button",
           {
             role: "menuitem",
-            style: mt(i === "__primary"),
-            onMouseEnter: () => h("__primary"),
-            onMouseLeave: () => h(null),
+            style: mt(d === "__primary"),
+            onMouseEnter: () => b("__primary"),
+            onMouseLeave: () => b(null),
             onClick: () => {
               a(n), o();
             },
             children: "Open in table"
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "button",
           {
             role: "menuitem",
-            style: he(i === "__graph"),
-            onMouseEnter: () => h("__graph"),
-            onMouseLeave: () => h(null),
+            style: he(d === "__graph"),
+            onMouseEnter: () => b("__graph"),
+            onMouseLeave: () => b(null),
             onClick: () => {
               r(n), o();
             },
             children: "Show on graph"
           }
         ),
-        C && /* @__PURE__ */ d("div", { style: gt }),
-        C && s?.map((c) => /* @__PURE__ */ d(
+        C && /* @__PURE__ */ l("div", { style: gt }),
+        C && s?.map((c) => /* @__PURE__ */ l(
           "button",
           {
             role: "menuitem",
-            style: he(i === c.id),
-            onMouseEnter: () => h(c.id),
-            onMouseLeave: () => h(null),
+            style: he(d === c.id),
+            onMouseEnter: () => b(c.id),
+            onMouseLeave: () => b(null),
             onClick: () => {
               c.onSelect(n), o();
             },
@@ -318,41 +318,41 @@ function pt({
 }
 pt.displayName = "StatusSlotChipMenu";
 const ft = Ye(
-  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: r, onPointerLeave: s, onKeyboardStep: o, edge: i = "right", ariaLabel: h = "Resize card" }, m) {
-    const v = t === "handle-visible" || t === "dragging" || t === "settling", C = (p) => {
+  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) => {
       try {
-        p.currentTarget.setPointerCapture(p.pointerId);
+        f.currentTarget.setPointerCapture(f.pointerId);
       } catch {
       }
-      n(p);
-    }, u = (p) => {
+      n(f);
+    }, u = (f) => {
       try {
-        p.currentTarget.hasPointerCapture?.(p.pointerId) && p.currentTarget.releasePointerCapture(p.pointerId);
+        f.currentTarget.hasPointerCapture?.(f.pointerId) && f.currentTarget.releasePointerCapture(f.pointerId);
       } catch {
       }
-      a(p);
-    }, c = (p) => {
-      !v || !o || (p.key === "ArrowRight" ? (p.preventDefault(), o("grow")) : p.key === "ArrowLeft" && (p.preventDefault(), o("shrink")));
+      a(f);
+    }, c = (f) => {
+      !g || !o || (f.key === "ArrowRight" ? (f.preventDefault(), o("grow")) : f.key === "ArrowLeft" && (f.preventDefault(), o("shrink")));
     };
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ l(
       "button",
       {
         ref: m,
         type: "button",
-        "aria-label": h,
-        "data-edge": i,
+        "aria-label": b,
+        "data-edge": d,
         "data-resize-state": t,
         className: [
           "gloss-edge-handle",
-          `gloss-edge-handle--${i}`,
-          v ? "gloss-edge-handle--visible" : ""
+          `gloss-edge-handle--${d}`,
+          g ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
         onPointerDown: C,
         onPointerUp: u,
         onPointerEnter: r,
         onPointerLeave: s,
         onKeyDown: c,
-        tabIndex: v ? 0 : -1
+        tabIndex: g ? 0 : -1
       }
     );
   }
@@ -365,8 +365,8 @@ function ht({
   enterMs: a = 180,
   exitMs: r = 120
 }) {
-  return /* @__PURE__ */ d(
-    de.div,
+  return /* @__PURE__ */ l(
+    ce.div,
     {
       "aria-hidden": "true",
       "data-ghost-preview": e ? "visible" : "hidden",
@@ -407,14 +407,14 @@ class bt {
     const t = this.samples.length;
     if (t < 2) return 0;
     if (t === 2) {
-      const [h, m] = this.samples, v = Math.max(1, m.t - h.t);
-      return (m.x - h.x) / v * 1e3;
+      const [b, m] = this.samples, g = Math.max(1, m.t - b.t);
+      return (m.x - b.x) / g * 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, i = o;
-    return (s * 3 + o * 2 + i * 1) / 6;
+    const [n, a, r] = this.samples, s = (r.x - a.x) / Math.max(1, r.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, d = o;
+    return (s * 3 + o * 2 + d * 1) / 6;
   }
 }
-const Re = {
+const Ie = {
   // Spring (D-08). Retuned 260419 — damping 35 → 22 so the commit spring
   // has visible overshoot (ζ ≈ 0.49, ~13–17% overshoot, ~350ms settle). The
   // prior ζ ≈ 0.78 was imperceptible to users. Debug slug:
@@ -442,18 +442,18 @@ function Oa({
   step: r = 180,
   gap: s = 0,
   tuning: o,
-  dwellMs: i = 120,
-  enterMs: h = 180,
+  dwellMs: d = 120,
+  enterMs: b = 180,
   exitMs: m = 120,
-  maxColSpan: v = 3,
+  maxColSpan: g = 3,
   containerRef: C,
   forceIdle: u
 }) {
-  const [c, p] = W("idle"), [S, f] = W(e), x = I(null), R = I(null), N = I(null), _ = I(r), T = I(s), l = I(v), b = I(0), g = I("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(g), v = R(0), p = R("idle");
   L(() => {
-    g.current = c;
+    p.current = c;
   }, [c]);
-  const w = Xe(0), k = I(null), M = y(() => {
+  const w = Xe(0), k = R(null), M = y(() => {
     const D = k.current;
     if (D) {
       try {
@@ -468,27 +468,27 @@ function Oa({
       return D * P + (D - 1) * F;
     },
     []
-  ), G = I(new bt()), V = I(e);
+  ), G = R(new bt()), V = R(e);
   L(() => {
     V.current = S;
   }, [S]);
-  const $ = re(() => ({ ...Re, ...o ?? {} }), [o]), O = y(() => {
+  const $ = re(() => ({ ...Ie, ...o ?? {} }), [o]), O = y(() => {
     x.current && (clearTimeout(x.current), x.current = null);
   }, []), j = y(() => {
-    R.current && (clearTimeout(R.current), R.current = null);
+    I.current && (clearTimeout(I.current), I.current = null);
   }, []);
   L(() => {
-    u && (g.current === "dragging" || g.current === "settling" || (O(), j(), g.current = "idle", p("idle")));
+    u && (p.current === "dragging" || p.current === "settling" || (O(), j(), p.current = "idle", f("idle")));
   }, [u, O, j]);
   const se = y(() => {
-    p((D) => D === "settling" || D !== "idle" ? D : (x.current = setTimeout(() => p("handle-visible"), i), "dwelling"));
-  }, [i]), K = y(() => {
-    O(), p((D) => D === "dwelling" || D === "handle-visible" ? "idle" : D);
+    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(
     (D, P, F) => {
       const B = _.current, Q = B * $.snapInFraction, Z = B * $.snapOutFraction, Y = P - F, q = Math.max(
         F,
-        l.current ?? v
+        i.current ?? g
       );
       let z = Y;
       for (; F + z < q; ) {
@@ -504,15 +504,15 @@ function Oa({
         }
       return Math.min(q, Math.max(1, F + z));
     },
-    [$.snapInFraction, $.snapOutFraction, v]
+    [$.snapInFraction, $.snapOutFraction, g]
   ), Ke = y(
     (D) => {
-      if (g.current !== "handle-visible") return;
-      M(), N.current = D.clientX, _.current = r, T.current = s, l.current = v;
+      if (p.current !== "handle-visible") return;
+      M(), N.current = D.clientX, _.current = r, T.current = s, i.current = g;
       const P = e * r + (e - 1) * s;
-      b.current = P, G.current.clear(), G.current.push({ x: D.clientX, t: performance.now() }), w.jump(P), g.current = "dragging", p("dragging");
+      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, v, e, w, M]
+    [r, s, g, e, w, M]
   ), Ne = y(
     (D) => D * _.current + (D - 1) * T.current,
     []
@@ -520,52 +520,52 @@ function Oa({
     (D, P) => {
       const F = Ne(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), g.current = "idle", p("idle");
+        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;
-      g.current = "settling", p("settling"), M(), k.current = _e(w, F, {
+      p.current = "settling", f("settling"), M(), k.current = _e(w, F, {
         type: "spring",
         stiffness: $.stiffness,
         damping: $.damping,
         mass: $.mass,
         velocity: Z,
         onComplete: () => {
-          k.current = null, B && P ? n({ direction: P, targetColSpan: D, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), w.jump(0), g.current = "idle", p("idle");
+          k.current = null, B && P ? n({ direction: P, targetColSpan: D, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), w.jump(0), p.current = "idle", f("idle");
         }
       });
     },
     [Ne, e, t, n, a, w, $, M]
   ), We = y(
     (D) => {
-      if (g.current !== "dragging") return;
-      const P = D.clientX - (N.current ?? D.clientX), F = _.current, Q = ((l.current ?? v) - e) * F, Z = (1 - e) * F, Y = Math.max(Z, Math.min(Q, P));
+      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));
       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);
     },
-    [oe, e, v, ie]
+    [oe, e, g, ie]
   ), ue = y(() => {
-    if (O(), g.current === "dragging") {
-      const D = b.current;
+    if (O(), p.current === "dragging") {
+      const D = v.current;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        w.jump(D), a?.(), w.jump(0), g.current = "idle", p("idle");
+        w.jump(D), a?.(), w.jump(0), p.current = "idle", f("idle");
         return;
       }
       const F = G.current.getWeightedVelocity();
-      g.current = "settling", p("settling"), M(), k.current = _e(w, D, {
+      p.current = "settling", f("settling"), M(), k.current = _e(w, D, {
         type: "spring",
         stiffness: $.stiffness,
         damping: $.damping,
         mass: $.mass,
         velocity: F,
         onComplete: () => {
-          k.current = null, a?.(), w.jump(0), g.current = "idle", p("idle");
+          k.current = null, a?.(), w.jump(0), p.current = "idle", f("idle");
         }
       });
       return;
     }
-    g.current === "handle-visible" && (a?.(), g.current = "cancelled", p("cancelled"));
+    p.current === "handle-visible" && (a?.(), p.current = "cancelled", f("cancelled"));
   }, [O, w, a, $, M]);
   L(() => {
     if (c !== "dragging" && c !== "handle-visible") return;
@@ -575,43 +575,43 @@ function Oa({
     return window.addEventListener("keydown", D), () => window.removeEventListener("keydown", D);
   }, [c, ue]), L(() => {
     if (c !== "dragging") {
-      f(e);
+      h(e);
       return;
     }
     const D = (P) => {
-      const F = P.clientX - (N.current ?? P.clientX), B = b.current, Q = E(1), Z = E(v), 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(g), Y = B + F, q = Math.max(Q, Math.min(Z, Y));
       w.set(q);
-      const z = _.current, ke = (v - e) * z, te = (1 - e) * z, je = Math.max(te, Math.min(ke, F));
+      const z = _.current, ke = (g - e) * z, te = (1 - e) * z, je = Math.max(te, Math.min(ke, F));
       G.current.push({ x: P.clientX, t: performance.now() });
       const me = oe(je, V.current, e);
-      me !== V.current && (V.current = me, f(me));
+      me !== V.current && (V.current = me, h(me));
     };
     return window.addEventListener("pointermove", D), () => window.removeEventListener("pointermove", D);
-  }, [c, e, w, oe, v, E]), L(() => () => {
+  }, [c, e, w, oe, g, E]), L(() => () => {
     O(), j();
   }, [O, j]), L(() => {
     if (c !== "cancelled") return;
-    const D = setTimeout(() => p("idle"), m);
+    const D = setTimeout(() => f("idle"), m);
     return () => clearTimeout(D);
   }, [c, m]);
   const Ge = y(
     (D) => {
-      if (g.current === "settling") return;
-      const F = Math.min(v, Math.max(1, e + (D === "grow" ? 1 : -1)));
+      if (p.current === "settling") return;
+      const F = Math.min(g, Math.max(1, e + (D === "grow" ? 1 : -1)));
       if (F === e) return;
-      _.current = r, T.current = s, l.current = v, G.current.clear();
+      _.current = r, T.current = s, i.current = g, G.current.clear();
       const B = e * r + (e - 1) * s;
-      b.current = B, w.jump(B), ie(F, D);
+      v.current = B, w.jump(B), ie(F, D);
     },
-    [e, r, s, v, w, ie]
+    [e, r, s, g, w, ie]
   ), Ce = y(() => {
-    j(), R.current = setTimeout(() => {
-      g.current === "handle-visible" && (g.current = "idle", p("idle"));
+    j(), I.current = setTimeout(() => {
+      p.current === "handle-visible" && (p.current = "idle", f("idle"));
     }, 5e3);
   }, [j]), He = y(() => {
-    g.current === "idle" && (O(), g.current = "handle-visible", p("handle-visible"), Ce());
+    p.current === "idle" && (O(), p.current = "handle-visible", f("handle-visible"), Ce());
   }, [O, Ce]), Ve = y(() => {
-    j(), g.current === "handle-visible" && (g.current = "idle", p("idle"));
+    j(), p.current === "handle-visible" && (p.current = "idle", f("idle"));
   }, [j]);
   return {
     state: c,
@@ -630,7 +630,7 @@ function Oa({
       visible: c === "dragging" || c === "settling",
       targetColSpan: S,
       ghostWidth: w,
-      enterMs: h,
+      enterMs: b,
       exitMs: m
     },
     onKeyboardStep: Ge,
@@ -919,23 +919,23 @@ function Pe({
   activePageId: r,
   onPageChange: s,
   onCreatePage: o,
-  onManagePages: i
+  onManagePages: d
 }) {
-  const h = y(
+  const b = y(
     (u) => {
       s(u), t();
     },
     [s, t]
   ), m = y(
     (u, c) => {
-      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), h(u));
+      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), b(u));
     },
-    [h]
-  ), v = y(() => {
+    [b]
+  ), g = y(() => {
     o(), t();
   }, [o, t]), C = y(() => {
-    i(), t();
-  }, [i, t]);
+    d(), t();
+  }, [d, t]);
   return /* @__PURE__ */ A(
     et,
     {
@@ -950,7 +950,7 @@ function Pe({
       anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ d("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
+        /* @__PURE__ */ l("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
           const c = u.id === r;
           return /* @__PURE__ */ A(
             "li",
@@ -960,40 +960,40 @@ function Pe({
               "aria-current": c ? "page" : void 0,
               tabIndex: 0,
               className: `gloss-page-dropdown__item${c ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => h(u.id),
-              onKeyDown: (p) => m(u.id, p),
+              onClick: () => b(u.id),
+              onKeyDown: (f) => m(u.id, f),
               children: [
-                /* @__PURE__ */ d(
+                /* @__PURE__ */ l(
                   "span",
                   {
                     className: `gloss-page-dropdown__dot${c ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
-                /* @__PURE__ */ d(
+                /* @__PURE__ */ l(
                   "span",
                   {
                     className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
                     children: u.name
                   }
                 ),
-                /* @__PURE__ */ d("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
+                /* @__PURE__ */ l("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
               ]
             },
             u.id
           );
         }) }),
-        /* @__PURE__ */ d("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ l(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: v,
+            onClick: g,
             children: "+ New page"
           }
         ),
-        /* @__PURE__ */ d("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ l(
           "button",
           {
             role: "menuitem",
@@ -1014,26 +1014,26 @@ const kt = function({
   onPageChange: r,
   onCreatePage: s,
   onManagePages: o,
-  maskRadius: i = "var(--gloss-radius-md)"
+  maskRadius: d = "var(--gloss-radius-md)"
 }) {
-  const h = I(null), [m, v] = W(!1), C = y(() => {
-    v((p) => !p);
+  const b = R(null), [m, g] = W(!1), C = y(() => {
+    g((f) => !f);
   }, []), u = y(() => {
-    v(!1);
+    g(!1);
   }, []), c = a[t]?.id ?? "";
   return /* @__PURE__ */ A(
     "div",
     {
       className: "gloss-page-chip",
-      ref: h,
+      ref: b,
       style: { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
-            style: { "--_nuzzle-r": i }
+            style: { "--_nuzzle-r": d }
           }
         ),
         /* @__PURE__ */ A(
@@ -1051,12 +1051,12 @@ const kt = function({
             ]
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           Pe,
           {
             open: m,
             onDismiss: u,
-            anchorRef: h,
+            anchorRef: b,
             pages: a,
             activePageId: c,
             onPageChange: r,
@@ -1590,7 +1590,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], It = [
+], Rt = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1621,7 +1621,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
 ], qa = {
   entityName: Mt,
   orderId: Tt,
-  numeric: It
+  numeric: Rt
 }, Qa = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
@@ -1712,7 +1712,7 @@ const ne = H.createElement("span", { style: { color: "var(--color-text-muted)" }
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-], Rt = {
+], It = {
   timeframe: "Time Frame",
   threshold: "Thresholds",
   slots: "Slots",
@@ -1747,22 +1747,22 @@ const Et = ({
   ariaCardTypeLabel: a,
   className: r
 }) => {
-  const s = I(null), o = I([]), i = Ft(), h = re(() => Array.from(e), [e]);
-  if (h.length === 0) return null;
-  const m = a ? `Configure ${a}: choose a dimension` : void 0, v = i ? "10ms" : "200ms", C = (u, c) => {
-    const p = h.length - 1, S = (f) => {
-      const x = o.current[f];
+  const s = R(null), o = R([]), d = Ft(), b = re(() => 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 f = b.length - 1, S = (h) => {
+      const x = o.current[h];
       x && x.focus();
     };
     switch (u.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        u.preventDefault(), S(c === p ? 0 : c + 1);
+        u.preventDefault(), S(c === f ? 0 : c + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        u.preventDefault(), S(c === 0 ? p : c - 1);
+        u.preventDefault(), S(c === 0 ? f : c - 1);
         break;
       }
       case "Home": {
@@ -1770,17 +1770,17 @@ const Et = ({
         break;
       }
       case "End": {
-        u.preventDefault(), S(p);
+        u.preventDefault(), S(f);
         break;
       }
       case "Enter":
       case " ": {
-        u.preventDefault(), t(h[c]);
+        u.preventDefault(), t(b[c]);
         break;
       }
     }
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ l(
     "div",
     {
       ref: s,
@@ -1791,15 +1791,15 @@ const Et = ({
         // 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": v
+        "--gloss-reconfig-backside-buttons-transition-duration": g
       },
-      children: h.map((u, c) => {
-        const p = Pt[u], S = n === u;
+      children: b.map((u, c) => {
+        const f = Pt[u], S = n === u;
         return /* @__PURE__ */ A(
           "button",
           {
-            ref: (f) => {
-              o.current[c] = f;
+            ref: (h) => {
+              o.current[c] = h;
             },
             type: "button",
             "data-dimension": u,
@@ -1809,16 +1809,16 @@ const Et = ({
             ),
             "aria-current": S ? "true" : void 0,
             onClick: () => t(u),
-            onKeyDown: (f) => C(f, c),
+            onKeyDown: (h) => C(h, c),
             children: [
-              /* @__PURE__ */ d(
-                p,
+              /* @__PURE__ */ l(
+                f,
                 {
                   className: "gloss-reconfig-backside-buttons__button-icon",
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ d("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Rt[u] })
+              /* @__PURE__ */ l("span", { className: "gloss-reconfig-backside-buttons__button-label", children: It[u] })
             ]
           },
           u
@@ -1879,7 +1879,7 @@ const sn = [
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, dn = {
+}, cn = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -1890,7 +1890,7 @@ const sn = [
 function pe(e) {
   return H.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const cn = [
+const dn = [
   {
     id: "all-orders",
     type: "orders",
@@ -1980,14 +1980,14 @@ function Ot(e) {
 }
 const At = function(t) {
   if (t.renderMode === "discrete")
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ l(
       "div",
       {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
         children: t.cards.map((r) => {
           const s = ve(r.size);
-          return /* @__PURE__ */ d(
+          return /* @__PURE__ */ l(
             "div",
             {
               className: "gloss-metric-group__slot",
@@ -2022,7 +2022,7 @@ const At = function(t) {
       "aria-label": a?.label,
       tabIndex: void 0,
       children: [
-        a?.accentColor && /* @__PURE__ */ d(
+        a?.accentColor && /* @__PURE__ */ l(
           "div",
           {
             className: "gloss-metric-group__accent",
@@ -2030,8 +2030,8 @@ const At = function(t) {
           }
         ),
         a?.label && /* @__PURE__ */ A("div", { className: "gloss-metric-group__label", children: [
-          /* @__PURE__ */ d("span", { children: a.label }),
-          a?.trend && /* @__PURE__ */ d(
+          /* @__PURE__ */ l("span", { children: a.label }),
+          a?.trend && /* @__PURE__ */ l(
             "span",
             {
               className: "gloss-metric-group__trend",
@@ -2040,7 +2040,7 @@ const At = function(t) {
             }
           )
         ] }),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "div",
           {
             className: "gloss-metric-group__slots",
@@ -2051,7 +2051,7 @@ const At = function(t) {
             },
             children: n.map((r) => {
               const s = ve(r.size);
-              return /* @__PURE__ */ d(
+              return /* @__PURE__ */ l(
                 "div",
                 {
                   className: "gloss-metric-group__slot--composite",
@@ -2072,7 +2072,7 @@ const At = function(t) {
 };
 At.displayName = "MetricGroupContainer";
 const Ae = "resize.tuning.dev", Lt = {
-  ...Re,
+  ...Ie,
   snapInPx: 60,
   snapOutPx: 90
 }, J = Lt;
@@ -2098,7 +2098,7 @@ function Bt() {
   }, [e]);
   const n = y(
     (s, o) => {
-      t((i) => ({ ...i, [s]: o }));
+      t((d) => ({ ...d, [s]: o }));
     },
     []
   ), a = y(
@@ -2139,8 +2139,8 @@ function Wt() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ d("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
-        /* @__PURE__ */ d("polyline", { points: "3 3 3 8 8 8" })
+        /* @__PURE__ */ l("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
+        /* @__PURE__ */ l("polyline", { points: "3 3 3 8 8 8" })
       ]
     }
   );
@@ -2159,12 +2159,12 @@ function Gt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
       "data-tuning-row": e.key,
       onKeyDown: s,
       children: [
-        /* @__PURE__ */ d("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
+        /* @__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),
           e.unit ? ` ${e.unit}` : ""
         ] }),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "input",
           {
             id: `gloss-dtp-${e.key}`,
@@ -2178,14 +2178,14 @@ function Gt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
             onChange: (o) => n(Number(o.target.value))
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "button",
           {
             type: "button",
             className: "gloss-dev-tuning-panel__reset",
             "aria-label": `Reset ${e.label}`,
             onClick: a,
-            children: /* @__PURE__ */ d(Wt, {})
+            children: /* @__PURE__ */ l(Wt, {})
           }
         )
       ]
@@ -2201,22 +2201,22 @@ function Ht() {
   }
 }
 function Vt(e = {}) {
-  return Ht() ? /* @__PURE__ */ d(jt, {}) : null;
+  return Ht() ? /* @__PURE__ */ l(jt, {}) : null;
 }
 Vt.displayName = "DevTuningPanel";
 function jt() {
-  const e = Bt(), { values: t, setValue: n, resetRow: a, resetAll: r } = e, [s, o] = W(null), i = I(null), h = y((u) => {
-    i.current && clearTimeout(i.current), o(u), i.current = setTimeout(() => {
-      o(null), i.current = null;
+  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(() => {
+      o(null), d.current = null;
     }, 200);
   }, []), m = y(
     (u, c) => {
-      n(u, c), u === "snapInPx" && c > t.snapOutPx && (n("snapOutPx", c), h("snapOutPx"));
+      n(u, c), u === "snapInPx" && c > t.snapOutPx && (n("snapOutPx", c), b("snapOutPx"));
     },
-    [n, t.snapOutPx, h]
-  ), v = re(() => zt, []), C = Je();
+    [n, t.snapOutPx, b]
+  ), g = re(() => zt, []), C = Je();
   return /* @__PURE__ */ A(
-    de.div,
+    ce.div,
     {
       className: "gloss-dev-tuning-panel",
       role: "region",
@@ -2233,12 +2233,12 @@ function jt() {
             className: "gloss-dev-tuning-panel__header",
             onPointerDown: (u) => C.start(u),
             children: [
-              /* @__PURE__ */ d("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
-              /* @__PURE__ */ d("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
+              /* @__PURE__ */ 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__ */ d("div", { className: "gloss-dev-tuning-panel__body", children: v.map((u) => /* @__PURE__ */ d(
+        /* @__PURE__ */ l("div", { className: "gloss-dev-tuning-panel__body", children: g.map((u) => /* @__PURE__ */ l(
           Gt,
           {
             spec: u,
@@ -2249,7 +2249,7 @@ function jt() {
           },
           u.key
         )) }),
-        /* @__PURE__ */ d("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ d(
+        /* @__PURE__ */ l("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ l(
           "button",
           {
             type: "button",
@@ -2270,23 +2270,23 @@ function pn({
   rightEdgeX: r,
   minBoundaryX: s,
   snapBoundariesX: o,
-  topY: i,
-  bottomY: h,
+  topY: d,
+  bottomY: b,
   enterMs: m = ee.envelopeEnterMs,
-  exitMs: v = ee.envelopeExitMs,
+  exitMs: g = ee.envelopeExitMs,
   className: C,
   style: u
 }) {
   if (e === "hidden") return null;
-  const c = Math.max(0, r - a), p = Math.max(0, h - i), S = {
+  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": `${v}ms`,
+    "--gloss-resize-envelope-exit-ms": `${g}ms`,
     "--gloss-resize-envelope-origin-x": `${t - a}px`,
-    "--gloss-resize-envelope-origin-y": `${n - i}px`,
+    "--gloss-resize-envelope-origin-y": `${n - d}px`,
     left: a,
-    top: i,
+    top: d,
     width: c,
-    height: p,
+    height: f,
     ...u
   };
   return /* @__PURE__ */ A(
@@ -2298,7 +2298,7 @@ function pn({
       style: S,
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "div",
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--left",
@@ -2306,7 +2306,7 @@ function pn({
             style: { left: 0 }
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "div",
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--min-boundary",
@@ -2314,7 +2314,7 @@ function pn({
             style: { left: s - a }
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "div",
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
@@ -2322,14 +2322,14 @@ function pn({
             style: { left: c - 1 }
           }
         ),
-        o.filter((f) => f > s && f < r).map((f) => /* @__PURE__ */ d(
+        o.filter((h) => h > s && h < r).map((h) => /* @__PURE__ */ l(
           "div",
           {
             className: "gloss-resize-envelope__snap-line",
             "data-snap-line": !0,
-            style: { left: f - a }
+            style: { left: h - a }
           },
-          f
+          h
         ))
       ]
     }
@@ -2344,12 +2344,12 @@ function fn({
   children: s,
   ...o
 }) {
-  const i = a != null ? { ...o.style, "--_proximity-opacity": String(a) } : o.style;
-  return /* @__PURE__ */ d(
+  const d = a != null ? { ...o.style, "--_proximity-opacity": String(a) } : o.style;
+  return /* @__PURE__ */ l(
     "div",
     {
       ...o,
-      style: i,
+      style: d,
       "data-density": e,
       "data-can-accept": t ? "true" : "false",
       "data-blocked": n ? "true" : void 0,
@@ -2375,7 +2375,7 @@ function hn({
   className: a,
   style: r
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ d(
+  return e.length === 0 ? null : /* @__PURE__ */ l(
     "svg",
     {
       className: ["gloss-spillover-arc", a].filter(Boolean).join(" "),
@@ -2383,7 +2383,7 @@ function hn({
       "aria-hidden": "true",
       overflow: "visible",
       style: { position: "absolute", inset: 0, pointerEvents: "none", ...r },
-      children: e.map((s, o) => /* @__PURE__ */ d(
+      children: e.map((s, o) => /* @__PURE__ */ l(
         "path",
         {
           "data-arc-id": s.id,
@@ -2407,18 +2407,18 @@ function bn({
   staggerMs: r = ee.sectionDividerStaggerMs,
   className: s,
   style: o,
-  ...i
+  ...d
 }) {
-  const h = {
+  const b = {
     "--gloss-section-divider-fade-in-ms": `${n}ms`,
     "--gloss-section-divider-fade-out-ms": `${a}ms`,
     "--gloss-section-divider-stagger-delay": `${t * r}ms`,
     ...o
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ l(
     "div",
     {
-      ...i,
+      ...d,
       "data-state": e,
       "data-testid": "gloss-section-divider",
       "aria-hidden": "true",
@@ -2427,7 +2427,7 @@ function bn({
         `gloss-section-divider--state-${e}`,
         s
       ].filter(Boolean).join(" "),
-      style: h
+      style: b
     }
   );
 }
@@ -2438,7 +2438,7 @@ function vn({
   className: a,
   style: r
 }) {
-  return e ? /* @__PURE__ */ d(
+  return e ? /* @__PURE__ */ l(
     "button",
     {
       type: "button",
@@ -2447,7 +2447,7 @@ function vn({
       className: ["gloss-empty-cell-pack-affordance", a].filter(Boolean).join(" "),
       style: r,
       onClick: t,
-      children: /* @__PURE__ */ d("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
+      children: /* @__PURE__ */ l("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
     }
   ) : null;
 }
@@ -2459,12 +2459,12 @@ function yn({
   gap: r,
   x: s,
   y: o,
-  children: i,
-  className: h
+  children: d,
+  className: b
 }) {
   const m = t * n + (t - 1) * r;
-  return /* @__PURE__ */ d(
-    de.div,
+  return /* @__PURE__ */ l(
+    ce.div,
     {
       "data-testid": "gloss-drag-ghost",
       "data-tint": e,
@@ -2472,10 +2472,10 @@ function yn({
       className: [
         "gloss-drag-ghost",
         `gloss-drag-ghost--tint-${e}`,
-        h
+        b
       ].filter(Boolean).join(" "),
       style: { x: s, y: o, width: m, height: a },
-      children: i
+      children: d
     }
   );
 }
@@ -2488,16 +2488,16 @@ function wn({
   transitionMs: s = 120,
   className: o
 }) {
-  const i = t * n + (t - 1) * a, h = e.col * (n + a), m = e.row * (r + a);
-  return /* @__PURE__ */ d(
+  const d = t * n + (t - 1) * a, b = e.col * (n + a), m = e.row * (r + a);
+  return /* @__PURE__ */ l(
     "div",
     {
       className: ["gloss-drag-feedback-snap-outline", o].filter(Boolean).join(" "),
       "data-testid": "gloss-snap-outline",
       "aria-hidden": "true",
       style: {
-        transform: `translate(${h}px, ${m}px)`,
-        width: i,
+        transform: `translate(${b}px, ${m}px)`,
+        width: d,
         height: r,
         transition: `transform ${s}ms cubic-bezier(0.4, 0, 0.2, 1)`
       }
@@ -2509,8 +2509,8 @@ function Dn({
   children: t,
   className: n
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ d(Ue, { children: e.map((a) => /* @__PURE__ */ d(
-    de.div,
+  return e.length === 0 ? null : /* @__PURE__ */ l(Ue, { children: e.map((a) => /* @__PURE__ */ l(
+    ce.div,
     {
       "data-card-id": a.cardId,
       "data-testid": "gloss-cascade-preview-item",
@@ -2585,7 +2585,7 @@ function Zt({
   anchorEl: a,
   anchorSelector: r
 }) {
-  const [s, o] = H.useState(null), i = H.useMemo(
+  const [s, o] = H.useState(null), d = H.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
@@ -2596,26 +2596,26 @@ function Zt({
   }, [a, r]), H.useLayoutEffect(() => {
     let m = null;
     if (a ? m = a : r && (m = document.querySelector(r)), m) {
-      const v = m.getBoundingClientRect();
+      const g = m.getBoundingClientRect();
       o({
-        top: v.bottom + window.scrollY + 6,
-        left: v.left + window.scrollX
+        top: g.bottom + window.scrollY + 6,
+        left: g.left + window.scrollX
       });
     }
   }, [a, r]);
-  const h = s ? { top: s.top, left: s.left } : {};
+  const b = s ? { top: s.top, left: s.left } : {};
   return /* @__PURE__ */ A(
     "div",
     {
       className: X["gloss-inline-nudge"],
-      style: h,
+      style: b,
       role: "status",
       "aria-live": "polite",
-      "data-reduced-motion": i ? "true" : void 0,
+      "data-reduced-motion": d ? "true" : void 0,
       children: [
-        /* @__PURE__ */ d("span", { className: X["gloss-inline-nudge__message"], children: e }),
+        /* @__PURE__ */ l("span", { className: X["gloss-inline-nudge__message"], children: e }),
         /* @__PURE__ */ A("div", { className: X["gloss-inline-nudge__actions"], children: [
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ l(
             "button",
             {
               type: "button",
@@ -2624,7 +2624,7 @@ function Zt({
               children: t.label
             }
           ),
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ l(
             "button",
             {
               type: "button",
@@ -2645,12 +2645,12 @@ function ye(e) {
 }
 function Yt(e, t, n) {
   if (n <= t) {
-    const o = e[0], i = o ? ye(o) : "#888";
-    return `linear-gradient(to right, ${i}, ${i})`;
+    const o = e[0], d = o ? ye(o) : "#888";
+    return `linear-gradient(to right, ${d}, ${d})`;
   }
-  const a = n - t, s = [...e].sort((o, i) => o.value - i.value).map((o) => {
-    const i = (o.value - t) / a * 100;
-    return `${ye(o)} ${i.toFixed(2)}%`;
+  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 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(", ")})`;
 }
@@ -2667,20 +2667,20 @@ function Qt({
 }) {
   const o = r === void 0 ? 0.01 : !Number.isFinite(r) || r <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
     `ThresholdRamp: step (${r}) must be a positive finite number; falling back to 0.01.`
-  ), 0.01) : r, i = y(
-    (l) => Math.round(l / o) * o,
+  ), 0.01) : r, d = y(
+    (i) => Math.round(i / o) * o,
     [o]
-  ), h = I(null), [m, v] = W(null), [C, u] = W(e), c = qt(e), p = I(c);
+  ), b = R(null), [m, g] = W(null), [C, u] = W(e), c = qt(e), f = R(c);
   L(() => {
-    p.current !== c && (p.current = c, !m && u(e));
+    f.current !== c && (f.current = c, !m && u(e));
   }, [c, e, m]);
-  const S = re(() => Yt(C, n, a), [C, n, a]), f = y(
-    (l) => {
-      if (!h.current) return n;
-      const b = h.current.getBoundingClientRect(), g = b.width || 1, w = Math.max(0, Math.min(1, (l - b.left) / g)), k = n + w * (a - n);
-      return i(k);
+  const S = re(() => Yt(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);
+      return d(k);
     },
-    [n, a, i]
+    [n, a, d]
   );
   L(() => {
     a <= n && process.env.NODE_ENV !== "production" && console.warn(
@@ -2688,46 +2688,46 @@ function Qt({
     );
   }, [n, a]);
   const x = y(
-    (l, b) => {
-      const g = C.find((w) => w.id === b);
-      s || g?.disabled || (l.preventDefault(), v(b));
+    (i, v) => {
+      const p = C.find((w) => w.id === v);
+      s || p?.disabled || (i.preventDefault(), g(v));
     },
     [s, C]
-  ), R = I(C);
-  R.current = C;
-  const N = I(t);
+  ), I = R(C);
+  I.current = C;
+  const N = R(t);
   N.current = t, L(() => {
     if (!m) return;
-    const l = (g) => {
-      const w = f(g.clientX);
+    const i = (p) => {
+      const w = h(p.clientX);
       u(
         (k) => k.map((M) => M.id === m ? { ...M, value: w } : M)
       );
-    }, b = (g) => {
-      const w = f(g.clientX), k = R.current.map(
+    }, v = (p) => {
+      const w = h(p.clientX), k = I.current.map(
         (M) => M.id === m ? { ...M, value: w } : M
       );
-      u(k), v(null), N.current(k);
+      u(k), g(null), N.current(k);
     };
-    return window.addEventListener("pointermove", l), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b), () => {
-      window.removeEventListener("pointermove", l), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
+    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, f]);
+  }, [m, h]);
   const _ = a - n > 0 ? a - n : 1, T = y(
-    (l, b) => {
-      if (s || b.disabled) return;
-      const g = a - n;
-      if (g <= 0) return;
-      const w = l.shiftKey ? g / 20 : g / 100;
-      let k = b.value;
-      switch (l.key) {
+    (i, v) => {
+      if (s || v.disabled) return;
+      const p = a - n;
+      if (p <= 0) return;
+      const w = i.shiftKey ? p / 20 : p / 100;
+      let k = v.value;
+      switch (i.key) {
         case "ArrowRight":
         case "ArrowUp":
-          k = b.value + w;
+          k = v.value + w;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          k = b.value - w;
+          k = v.value - w;
           break;
         case "Home":
           k = n;
@@ -2738,45 +2738,45 @@ function Qt({
         default:
           return;
       }
-      l.preventDefault();
-      const M = Math.max(n, Math.min(a, k)), E = i(M);
-      if (E === b.value) return;
+      i.preventDefault();
+      const M = Math.max(n, Math.min(a, k)), E = d(M);
+      if (E === v.value) return;
       const G = C.map(
-        (V) => V.id === b.id ? { ...V, value: E } : V
+        (V) => V.id === v.id ? { ...V, value: E } : V
       );
       u(G), t(G);
     },
-    [s, n, a, C, t, i]
+    [s, n, a, C, t, d]
   );
-  return /* @__PURE__ */ d("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ l("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ l(
     "div",
     {
-      ref: h,
+      ref: b,
       className: "gloss-threshold-ramp__track",
       style: { background: S },
-      children: C.map((l) => {
-        const b = (l.value - n) / _ * 100;
-        return /* @__PURE__ */ d(
+      children: C.map((i) => {
+        const v = (i.value - n) / _ * 100;
+        return /* @__PURE__ */ l(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
-              left: `${b}%`,
-              color: ye(l)
+              left: `${v}%`,
+              color: ye(i)
             },
-            "data-disabled": l.disabled || void 0,
-            "data-dragging": m === l.id || void 0,
-            onPointerDown: (g) => x(g, l.id),
-            onKeyDown: (g) => T(g, l),
-            "aria-label": l.label ?? `Stop at ${l.value}`,
+            "data-disabled": i.disabled || void 0,
+            "data-dragging": m === i.id || void 0,
+            onPointerDown: (p) => x(p, i.id),
+            onKeyDown: (p) => T(p, i),
+            "aria-label": i.label ?? `Stop at ${i.value}`,
             role: "slider",
-            "aria-valuenow": l.value,
+            "aria-valuenow": i.value,
             "aria-valuemin": n,
             "aria-valuemax": a,
-            "aria-disabled": l.disabled || s || void 0,
-            tabIndex: l.disabled || s ? -1 : 0
+            "aria-disabled": i.disabled || s || void 0,
+            tabIndex: i.disabled || s ? -1 : 0
           },
-          l.id
+          i.id
         );
       })
     }
@@ -2795,8 +2795,8 @@ function Jt({ option: e }) {
       a || t?.onKeyNav(m, e.value);
     },
     [a, t, e.value]
-  ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", i = t?.firstFocusableValue === e.value, h = a ? -1 : i ? 0 : -1;
-  return /* @__PURE__ */ d(
+  ), 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),
@@ -2811,7 +2811,7 @@ function Jt({ option: e }) {
       "aria-label": e.label ?? e.value,
       "aria-disabled": a,
       disabled: a,
-      tabIndex: h,
+      tabIndex: b,
       onClick: r,
       onKeyDown: s
     }
@@ -2825,17 +2825,17 @@ function ea({
   disabled: r = !1,
   name: s
 }) {
-  const o = t !== void 0, [i, h] = W(n), m = o ? t : i, v = y(
+  const o = t !== void 0, [d, b] = W(n), m = o ? t : d, g = y(
     (N) => {
-      o || h(N), a?.(N);
+      o || b(N), a?.(N);
     },
     [o, a]
   ), C = y(
     (N) => m === N,
     [m]
-  ), u = I(/* @__PURE__ */ new Map()), c = y((N, _) => {
+  ), u = R(/* @__PURE__ */ new Map()), c = y((N, _) => {
     _ ? u.current.set(N, _) : u.current.delete(N);
-  }, []), p = e.filter((N) => !N.disabled && !r), S = p.find((N) => N.value === m)?.value ?? p[0]?.value, f = y((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);
     _ && _.focus();
   }, []), x = y(
@@ -2843,39 +2843,39 @@ function ea({
       if (r) return;
       const T = e.filter((w) => !w.disabled);
       if (T.length === 0) return;
-      const l = T.findIndex((w) => w.value === _);
-      if (l === -1) return;
-      let b = l;
+      const i = T.findIndex((w) => w.value === _);
+      if (i === -1) return;
+      let v = i;
       switch (N.key) {
         case "ArrowRight":
         case "ArrowDown":
-          b = (l + 1) % T.length;
+          v = (i + 1) % T.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          b = (l - 1 + T.length) % T.length;
+          v = (i - 1 + T.length) % T.length;
           break;
         case "Home":
-          b = 0;
+          v = 0;
           break;
         case "End":
-          b = T.length - 1;
+          v = T.length - 1;
           break;
         case " ":
         case "Enter":
-          N.preventDefault(), v(_);
+          N.preventDefault(), g(_);
           return;
         default:
           return;
       }
       N.preventDefault();
-      const g = T[b].value;
-      f(g), v(g);
+      const p = T[v].value;
+      h(p), g(p);
     },
-    [r, e, v, f]
-  ), R = {
+    [r, e, g, h]
+  ), I = {
     selectedValue: m,
-    select: v,
+    select: g,
     isSelected: C,
     groupDisabled: r,
     name: s,
@@ -2883,7 +2883,7 @@ function ea({
     firstFocusableValue: S,
     onKeyNav: x
   };
-  return /* @__PURE__ */ d(Le.Provider, { value: R, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ l(Le.Provider, { value: I, children: /* @__PURE__ */ l(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -2891,7 +2891,7 @@ function ea({
       "aria-label": s,
       "aria-disabled": r,
       "data-disabled": r || void 0,
-      children: e.map((N) => /* @__PURE__ */ d(Jt, { option: N }, N.value))
+      children: e.map((N) => /* @__PURE__ */ l(Jt, { option: N }, N.value))
     }
   ) });
 }
@@ -2902,7 +2902,7 @@ function we(e, t) {
       return n.zoneKey;
   return null;
 }
-function Ie(e, t) {
+function Re(e, t) {
   const n = e.find((a) => a.zoneKey === t);
   return n ? n.zoneKey : we(e, t);
 }
@@ -2915,74 +2915,74 @@ function aa(e) {
 }
 function na(e) {
   const [t, n] = W(
-    () => e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-      `useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
-    ), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
-  ), [a, r] = W(null), [s, o] = W(null), i = I(null), h = I(e.onZoneChange);
-  h.current = e.onZoneChange;
+    () => 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),
     [e.zones]
-  ), v = I(m);
+  ), g = R(m);
   L(() => {
-    v.current !== m && (v.current = m, !a && n(
-      e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-        `useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
-      ), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
+    g.current !== m && (g.current = m, !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]);
   const C = y(
-    (f) => {
-      const x = f.active.id;
-      let R = null, N = null;
+    (h) => {
+      const x = h.active.id;
+      let I = null, N = null;
       for (const _ of t) {
-        const T = _.items.find((l) => l.id === x);
+        const T = _.items.find((i) => i.id === x);
         if (T) {
-          R = T, N = _.zoneKey;
+          I = T, N = _.zoneKey;
           break;
         }
       }
-      i.current = N, r(R), o(N);
+      d.current = N, r(I), o(N);
     },
     [t]
   ), u = y(
-    (f) => {
-      if (!f.over) {
-        o(i.current);
+    (h) => {
+      if (!h.over) {
+        o(d.current);
         return;
       }
-      const x = Ie(t, f.over.id);
+      const x = Re(t, h.over.id);
       o(x);
     },
     [t]
   ), c = y(
-    (f) => {
-      const { active: x, over: R } = f, N = () => {
-        i.current = null, r(null), o(null);
+    (h) => {
+      const { active: x, over: I } = h, N = () => {
+        d.current = null, r(null), o(null);
       };
-      if (!R) {
+      if (!I) {
         N();
         return;
       }
-      const _ = we(t, x.id), T = Ie(t, R.id);
+      const _ = we(t, x.id), T = Re(t, I.id);
       if (!_ || !T) {
         N();
         return;
       }
-      let l = t.map((b) => ({ ...b, items: [...b.items] }));
+      let i = t.map((v) => ({ ...v, items: [...v.items] }));
       if (_ === T) {
-        const b = l.findIndex((E) => E.zoneKey === _), g = l[b], w = g.items.findIndex((E) => E.id === x.id), k = g.items.findIndex((E) => E.id === R.id), M = k >= 0 ? k : Math.max(0, g.items.length - 1);
-        l[b] = {
-          ...g,
-          items: ta(g.items, w, M)
+        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)
         };
       } else {
-        const b = l.findIndex((K) => K.zoneKey === _), g = l.findIndex((K) => K.zoneKey === T), w = l[b], k = l[g], M = w.items.find((K) => K.id === x.id);
+        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);
         if (!M) {
           N();
           return;
         }
-        const E = w.items.filter((K) => K.id !== x.id), G = k.items.findIndex((K) => K.id === R.id), V = G >= 0 ? G : k.items.length;
+        const E = w.items.filter((K) => K.id !== x.id), G = k.items.findIndex((K) => K.id === I.id), V = G >= 0 ? G : k.items.length;
         let $ = E, O = [...k.items];
         if (k.maxItems !== void 0 && O.length >= k.maxItems) {
           const K = O[O.length - 1];
@@ -2993,23 +2993,23 @@ function na(e) {
           M,
           ...O.slice(j)
         ];
-        l[b] = { ...w, items: $ }, l[g] = { ...k, items: se };
+        i[v] = { ...w, items: $ }, i[p] = { ...k, items: se };
       }
-      n(l), h.current?.(l), N();
+      n(i), b.current?.(i), N();
     },
     [t]
-  ), p = y(
-    (f) => ({
-      id: f,
-      "data-zone-key": f
+  ), f = y(
+    (h) => ({
+      id: h,
+      "data-zone-key": h
     }),
     []
   ), S = y(
-    (f) => {
-      const x = we(t, f.id) ?? "";
+    (h) => {
+      const x = we(t, h.id) ?? "";
       return {
-        id: f.id,
-        "data-item-id": f.id,
+        id: h.id,
+        "data-item-id": h.id,
         "data-zone-key": x
       };
     },
@@ -3019,7 +3019,7 @@ function na(e) {
     zones: t,
     activeZone: s,
     activeItem: a,
-    getZoneProps: p,
+    getZoneProps: f,
     getItemProps: S,
     handleDragStart: C,
     handleDragOver: u,
@@ -3073,27 +3073,27 @@ function ia() {
   })(), le);
 }
 function la(e) {
-  const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: s } = e, o = na({ zones: t, onZoneChange: n }), [i, h] = H.useState(ae);
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: r, renderDragOverlay: s } = e, o = na({ zones: t, onZoneChange: n }), [d, b] = H.useState(ae);
   return H.useEffect(() => {
-    if (i) return;
+    if (d) return;
     let m = !0;
-    return ia().then((v) => {
-      m && h(v);
+    return ia().then((g) => {
+      m && b(g);
     }), () => {
       m = !1;
     };
-  }, [i]), i ? /* @__PURE__ */ d(
+  }, [d]), d ? /* @__PURE__ */ l(
     $e,
     {
       state: o,
-      modules: i,
+      modules: d,
       renderZone: a,
       renderItem: r,
       renderDragOverlay: s
     }
-  ) : /* @__PURE__ */ d("div", { "data-sortable-zones-passive": "true", children: o.zones.map((m) => {
-    const v = m.items.map((C) => /* @__PURE__ */ d(H.Fragment, { children: r(C) }, C.id));
-    return /* @__PURE__ */ d("div", { ...o.getZoneProps(m.zoneKey), children: a(m.zoneKey, m.items, v) }, m.zoneKey);
+  ) : /* @__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);
   }) });
 }
 la.displayName = "SortableZones";
@@ -3104,54 +3104,54 @@ function $e({
   renderItem: a,
   renderDragOverlay: r
 }) {
-  const { core: s, sortable: o, utilities: i } = t, { DndContext: h, DragOverlay: m, useSensors: v, useSensor: C, useDroppable: u, PointerSensor: c, KeyboardSensor: p, closestCenter: S } = s, { SortableContext: f, verticalListSortingStrategy: x } = o, R = v(
+  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(
     C(c, { activationConstraint: { distance: 5 } }),
-    C(p)
-  ), N = h, _ = m, T = f;
+    C(f)
+  ), N = b, _ = m, T = h;
   return /* @__PURE__ */ A(
     N,
     {
-      sensors: R,
+      sensors: I,
       collisionDetection: S,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((l) => {
-          const b = l.items.map((w) => w.id), g = l.items.map((w) => /* @__PURE__ */ d(
+        e.zones.map((i) => {
+          const v = i.items.map((w) => w.id), p = i.items.map((w) => /* @__PURE__ */ l(
             Be,
             {
               id: w.id,
               useSortable: o.useSortable,
-              cssHelper: i.CSS,
+              cssHelper: d.CSS,
               children: a(w)
             },
             w.id
           ));
-          return /* @__PURE__ */ d(
+          return /* @__PURE__ */ l(
             ze,
             {
-              zoneKey: l.zoneKey,
-              zoneProps: e.getZoneProps(l.zoneKey),
+              zoneKey: i.zoneKey,
+              zoneProps: e.getZoneProps(i.zoneKey),
               useDroppable: u,
-              children: /* @__PURE__ */ d(T, { items: b, strategy: x, children: n(l.zoneKey, l.items, g) })
+              children: /* @__PURE__ */ l(T, { items: v, strategy: x, children: n(i.zoneKey, i.items, p) })
             },
-            l.zoneKey
+            i.zoneKey
           );
         }),
-        /* @__PURE__ */ d(_, { children: e.activeItem ? r?.(e.activeItem) ?? a(e.activeItem) : null })
+        /* @__PURE__ */ l(_, { children: e.activeItem ? r?.(e.activeItem) ?? a(e.activeItem) : null })
       ]
     }
   );
 }
 $e.displayName = "SortableZonesInner";
 function Be({ id: e, useSortable: t, cssHelper: n, children: a }) {
-  const { attributes: r, listeners: s, setNodeRef: o, transform: i, transition: h, isDragging: m } = t({ id: e }), v = {
-    transform: n?.Transform?.toString(i) ?? void 0,
-    transition: h,
+  const { attributes: r, listeners: s, setNodeRef: o, transform: d, transition: b, isDragging: m } = t({ id: e }), g = {
+    transform: n?.Transform?.toString(d) ?? void 0,
+    transition: b,
     opacity: m ? 0.5 : 1
   };
-  return /* @__PURE__ */ d("div", { ref: o, style: v, "data-sortable-item-id": e, ...r, ...s, children: a });
+  return /* @__PURE__ */ l("div", { ref: o, style: g, "data-sortable-item-id": e, ...r, ...s, children: a });
 }
 Be.displayName = "SortableItem";
 function ze({
@@ -3161,10 +3161,10 @@ function ze({
   children: a
 }) {
   const { setNodeRef: r, isOver: s } = n({ id: e });
-  return /* @__PURE__ */ d("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: a });
+  return /* @__PURE__ */ l("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: a });
 }
 ze.displayName = "ZoneDroppable";
-function In({
+function Rn({
   slotLeft: e,
   slotCenter: t,
   slotRight: n,
@@ -3173,7 +3173,7 @@ function In({
   style: s,
   "aria-label": o = "Dashboard navigation"
 }) {
-  const i = {
+  const d = {
     "--gloss-bottom-toolbar-height": `${a}px`,
     ...s
   };
@@ -3184,9 +3184,9 @@ function In({
       "aria-label": o,
       "data-testid": "gloss-bottom-toolbar",
       className: ["gloss-bottom-toolbar", r].filter(Boolean).join(" "),
-      style: i,
+      style: d,
       children: [
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "div",
           {
             className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--left",
@@ -3194,7 +3194,7 @@ function In({
             children: e
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "div",
           {
             className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--center",
@@ -3202,7 +3202,7 @@ function In({
             children: t
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "div",
           {
             className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--right",
@@ -3214,73 +3214,76 @@ function In({
     }
   );
 }
-function Rn({
+function In({
   count: e,
   currentIndex: t,
   onSelect: n,
-  "aria-label": a = "Sections"
+  "aria-label": a = "Sections",
+  provisionalIndex: r,
+  pulseIndex: s,
+  pulseNonce: o
 }) {
-  const r = Ze.useRef([]);
-  return r.current.length = e, /* @__PURE__ */ d(
+  const d = Ze.useRef([]);
+  return d.current.length = e, /* @__PURE__ */ l(
     "div",
     {
       role: "tablist",
       "aria-label": a,
       "data-testid": "gloss-section-dots",
       className: "gloss-section-dots",
-      onKeyDown: (o) => {
+      onKeyDown: (m) => {
         if (e !== 0) {
-          if (o.key === "ArrowRight") {
-            o.preventDefault();
-            const i = (t + 1) % e;
-            n(i), requestAnimationFrame(() => r.current[i]?.focus());
-          } else if (o.key === "ArrowLeft") {
-            o.preventDefault();
-            const i = (t - 1 + e) % e;
-            n(i), requestAnimationFrame(() => r.current[i]?.focus());
+          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());
           }
         }
       },
-      children: Array.from({ length: e }, (o, i) => /* @__PURE__ */ d(
+      children: Array.from({ length: e }, (m, g) => /* @__PURE__ */ l(
         "button",
         {
-          ref: (h) => {
-            r.current[i] = h;
+          ref: (C) => {
+            d.current[g] = C;
           },
           type: "button",
           role: "tab",
-          "aria-selected": i === t,
-          "aria-label": `Section ${i + 1}`,
-          "data-state": i === t ? "current" : "hollow",
-          "data-section-index": i,
+          "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,
           className: [
             "gloss-section-dots__dot",
-            i === t && "gloss-section-dots__dot--current"
+            g === t && "gloss-section-dots__dot--current"
           ].filter(Boolean).join(" "),
-          onClick: () => n(i)
+          onClick: () => n(g)
         },
-        i
+        g === s ? `${g}-${o ?? 0}` : g
       ))
     }
   );
 }
-const da = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+const ca = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
   const r = { ...n };
-  return delete r.className, delete r.style, /* @__PURE__ */ d("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ d(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(De, { region: "toolbar", density: e, children: t }) });
 });
-da.displayName = "ContainerToolbar";
-const ca = H.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...r }, s) => {
+ca.displayName = "ContainerToolbar";
+const da = 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__ */ d("legend", { className: "gloss-container-form-section__legend", children: e }),
-    t && /* @__PURE__ */ d("p", { className: "gloss-container-form-section__description", children: t }),
-    /* @__PURE__ */ d(De, { region: "form-section", density: n, children: a })
+    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 })
   ] });
 });
-ca.displayName = "ContainerFormSection";
+da.displayName = "ContainerFormSection";
 const ua = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
   const r = { ...n };
-  return delete r.className, delete r.style, /* @__PURE__ */ d("div", { ref: a, className: "gloss-container-table", ...r, children: /* @__PURE__ */ d(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(De, { region: "table", density: e, children: t }) });
 });
 ua.displayName = "ContainerTable";
 export {
@@ -3297,7 +3300,7 @@ export {
   Hn as Badge,
   Vn as BarChartCard,
   jn as BarsBg,
-  In as BottomToolbar,
+  Rn as BottomToolbar,
   Un as Button,
   Zn as ButtonGroup,
   Yn as ButtonGroupContext,
@@ -3315,8 +3318,8 @@ export {
   or as ChartControlBar,
   ir as Checkbox,
   lr as CheckboxGroup,
-  dr as Chip,
-  cr as ColorPicker,
+  cr as Chip,
+  dr as ColorPicker,
   ur as ComparisonCard,
   mr as ContactForm,
   gr as ContainerCard,
@@ -3331,20 +3334,20 @@ export {
   Nr as ContainerDialogActions,
   Cr as ContainerDialogBody,
   kr as ContainerDialogHeader,
-  ca as ContainerFormSection,
+  da as ContainerFormSection,
   _r as ContainerPanel,
   ua as ContainerTable,
-  da as ContainerToolbar,
+  ca as ContainerToolbar,
   xr as CreditCardForm,
   Sr as DEFAULT_FOOTER_IDS,
   ee as DEFAULT_GRID_INTERACTION_PHYSICS,
   ti as DEFAULT_MARKET_PRESETS,
   Mr as DEFAULT_OVERFLOW_IDS,
   ai as DEFAULT_PINNED,
-  Re as DEFAULT_RESIZE_PHYSICS,
+  Ie as DEFAULT_RESIZE_PHYSICS,
   Tr as DataTable,
-  Ir as DatePicker,
-  Rr as DateRangePicker,
+  Rr as DatePicker,
+  Ir as DateRangePicker,
   Pr as DestructiveModal,
   Vt as DevTuningPanel,
   Fr as DirectionCard,
@@ -3384,8 +3387,8 @@ export {
   os as InputAddon,
   is as InputGroup,
   ls as Link,
-  ds as LoginForm,
-  cs as MarketPresetRow,
+  cs as LoginForm,
+  ds as MarketPresetRow,
   us as MaskPresets,
   ms as MaskedInput,
   gs as Menu,
@@ -3410,10 +3413,10 @@ export {
   Ms as PhoneInput,
   Ts as PinToMetric,
   ea as PresetSwatchRow,
-  Is as ProfileCard,
-  Rs as ProgressCard,
+  Rs as ProfileCard,
+  Is as ProgressCard,
   Ps as QuickConfigPanel,
-  Rt as RECONFIG_BACKSIDE_LABELS,
+  It as RECONFIG_BACKSIDE_LABELS,
   ri as ROLLING_OPTIONS,
   Fs as Radio,
   Es as RadioGroup,
@@ -3426,7 +3429,7 @@ export {
   Bs as Row2FilterTray,
   zs as SearchInput,
   bn as SectionDivider,
-  Rn as SectionDots,
+  In as SectionDots,
   Ks as SegmentCard,
   Ws as SegmentedControl,
   Gs as Select,
@@ -3479,7 +3482,7 @@ export {
   Ea as cardSamples,
   Nn as cascadePhysics,
   Pa as chartSamples,
-  Ra as circleSamples,
+  Ia as circleSamples,
   Mn as colorTokens,
   on as compactLayout,
   Ya as compactState,
@@ -3489,7 +3492,7 @@ export {
   qa as contextMenuFixtures,
   ko as creditCardFormMetadata,
   _o as creditCardSchema,
-  ct as dateChip,
+  dt as dateChip,
   Oe as defaultControlBarState,
   xo as destructiveModalMetadata,
   So as durations,
@@ -3503,17 +3506,17 @@ export {
   oi as findPreset,
   ii as formatDateRange,
   li as formatMarketDates,
-  di as formatTrend,
-  ci as formatValue,
-  dn as fullLayout,
+  ci as formatTrend,
+  di as formatValue,
+  cn as fullLayout,
   ui as generateMarketId,
   To as generateTabId,
   mi as getAllPresets,
   gi as getDateRangeForPreset,
-  Io as getMenuActions,
+  Ro as getMenuActions,
   Tn as getMotionMode,
   pi as getPresetLabel,
-  Ro as getTransitionStyle,
+  Io as getTransitionStyle,
   sn as gridCards,
   Po as interpolate,
   fi as isInRange,
@@ -3531,11 +3534,11 @@ export {
   xa as metricTabGroup,
   un as mixedTabs,
   vi as normalizePresetId,
-  It as numericActions,
+  Rt as numericActions,
   ja as orderColumns,
   Tt as orderIdActions,
   Ha as orderRows,
-  cn as ordersTabs,
+  dn as ordersTabs,
   Lo as parseNumericValue,
   $o as paymentFormMetadata,
   Bo as paymentSchema,
@@ -3563,10 +3566,10 @@ export {
   Ga as standardFlatFixture,
   ln as standardLayout,
   Wa as standardNegativeFixture,
-  dt as statusChip,
+  ct as statusChip,
   Cn as swingReveal,
   Fa as tableSamples,
-  Ia as textSamples,
+  Ra as textSamples,
   Ma as timeFrameTabGroup,
   yi as toUppercasePresetId,
   ka as useArrowNavigation,