@mt-gloss/ui 0.1.13 → 0.1.14

package/index.js

@@ -1,9 +1,9 @@
 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 Ye } from "react/jsx-runtime";
+import { jsxs as O, jsx as i, Fragment as be } from "react/jsx-runtime";
 import * as qe from "react";
 import H, { useRef as R, useEffect as L, useState as W, useCallback as y, forwardRef as Qe, useMemo as se, createContext as Xe, useContext as Je } from "react";
-import { motion as de, useMotionValue as et, animate as xe, useDragControls as tt } from "framer-motion";
-import { B as at, U as Ne } from "./UIContext-C3E-k7HI.js";
+import { motion as de, useMotionValue as et, animate as Se, useDragControls as tt } from "framer-motion";
+import { B as at, U as Ce } from "./UIContext-C3E-k7HI.js";
 import { a as Jo, u as ei } from "./UIContext-C3E-k7HI.js";
 import { createPortal as nt } 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";
@@ -34,60 +34,60 @@ function xa(e) {
     isItemDisabled: d,
     onSelect: b,
     onEscape: g
-  } = e, [u, C] = W(-1), m = n !== void 0 ? n : u, c = y(
-    (i) => {
-      n === void 0 && C(i), a?.(i);
+  } = e, [m, C] = W(-1), u = n !== void 0 ? n : m, c = y(
+    (l) => {
+      n === void 0 && C(l), a?.(l);
     },
     [n, a]
-  ), 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();
+  ), h = y(() => t.map((l, v) => ({ item: l, index: v })).filter(({ item: l, index: v }) => !d?.(l, v)).map(({ index: l }) => l), [t, d]), x = y(
+    (l, v) => {
+      const p = h();
       if (p.length === 0) return -1;
-      const w = p.indexOf(i);
+      const w = p.indexOf(l);
       if (w === -1)
-        return v === 1 ? p.find((M) => M > i) ?? (r ? p[0] : -1) : [...p].reverse().find((E) => E < i) ?? (r ? p[p.length - 1] : -1);
+        return v === 1 ? p.find((M) => M > l) ?? (r ? p[0] : -1) : [...p].reverse().find((E) => E < l) ?? (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];
     },
-    [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(m, 1);
-    i !== -1 && c(i);
-  }, [m, S, c]), N = y(() => {
-    const i = S(m, -1);
-    i !== -1 && c(i);
-  }, [m, S, c]), _ = y(() => {
+    [h, r]
+  ), f = y(() => {
+    const l = h();
+    l.length > 0 && c(l[0]);
+  }, [h, c]), S = y(() => {
+    const l = h();
+    l.length > 0 && c(l[l.length - 1]);
+  }, [h, c]), I = y(() => {
+    const l = x(u, 1);
+    l !== -1 && c(l);
+  }, [u, x, c]), N = y(() => {
+    const l = x(u, -1);
+    l !== -1 && c(l);
+  }, [u, x, c]), _ = y(() => {
     c(-1);
   }, [c]), T = y(
-    (i) => {
+    (l) => {
       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");
+      const { key: v } = l, 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(), m === -1 ? x() : N();
+        l.preventDefault(), u === -1 ? S() : N();
         return;
       }
       if (w || M) {
-        i.preventDefault(), m === -1 ? h() : I();
+        l.preventDefault(), u === -1 ? f() : I();
         return;
       }
       if (v === "Home") {
-        i.preventDefault(), h();
+        l.preventDefault(), f();
         return;
       }
       if (v === "End") {
-        i.preventDefault(), x();
+        l.preventDefault(), S();
         return;
       }
-      if ((v === "Enter" || v === " ") && m >= 0 && m < t.length) {
-        i.preventDefault();
-        const E = t[m];
-        d?.(E, m) || b?.(E, m);
+      if ((v === "Enter" || v === " ") && u >= 0 && u < t.length) {
+        l.preventDefault();
+        const E = t[u];
+        d?.(E, u) || b?.(E, u);
         return;
       }
       if (v === "Escape") {
@@ -98,10 +98,10 @@ function xa(e) {
     [
       o,
       s,
-      m,
+      u,
       t,
-      h,
-      x,
+      f,
+      S,
       I,
       N,
       d,
@@ -110,11 +110,11 @@ function xa(e) {
     ]
   );
   return {
-    focusedIndex: m,
+    focusedIndex: u,
     setFocusedIndex: c,
     handleKeyDown: T,
-    focusFirst: h,
-    focusLast: x,
+    focusFirst: f,
+    focusLast: S,
     focusNext: I,
     focusPrevious: N,
     resetFocus: _
@@ -195,7 +195,7 @@ const ue = (e) => {
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
-], Se = {
+], Me = {
   position: "fixed",
   zIndex: 9999,
   background: "rgba(255,255,255,0.92)",
@@ -207,7 +207,7 @@ const ue = (e) => {
   minWidth: 148,
   paddingTop: 4,
   paddingBottom: 4
-}, be = (e) => ({
+}, ve = (e) => ({
   padding: "6px 12px",
   fontSize: 12,
   lineHeight: 1.4,
@@ -222,7 +222,7 @@ const ue = (e) => {
   textAlign: "left",
   border: "none"
 }), pt = (e) => ({
-  ...be(e),
+  ...ve(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
 }), ft = {
@@ -239,38 +239,38 @@ function ht({
   overflowActions: s,
   onClose: o
 }) {
-  const [d, b] = W(null), g = R(null), u = y(() => {
-    if (!t) return { ...Se, top: 0, left: 0 };
+  const [d, b] = W(null), g = R(null), m = y(() => {
+    if (!t) return { ...Me, top: 0, left: 0 };
     const c = t.getBoundingClientRect();
     return {
-      ...Se,
+      ...Me,
       top: c.bottom + 4,
       left: c.left
     };
   }, [t]);
   if (L(() => {
     if (!e) return;
-    const c = (f) => {
-      f.key === "Escape" && o();
+    const c = (h) => {
+      h.key === "Escape" && o();
     };
     return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
   }, [e, o]), L(() => {
     if (!e) return;
-    const c = (f) => {
-      g.current && !g.current.contains(f.target) && o();
+    const c = (h) => {
+      g.current && !g.current.contains(h.target) && o();
     };
     return document.addEventListener("pointerdown", c, !0), () => document.removeEventListener("pointerdown", c, !0);
   }, [e, o]), !e) return null;
-  const C = s && s.length > 0, m = /* @__PURE__ */ A(
+  const C = s && s.length > 0, u = /* @__PURE__ */ O(
     "div",
     {
       ref: g,
       "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
-      style: u(),
+      style: m(),
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "button",
           {
             role: "menuitem",
@@ -283,11 +283,11 @@ function ht({
             children: "Open in table"
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "button",
           {
             role: "menuitem",
-            style: be(d === "__graph"),
+            style: ve(d === "__graph"),
             onMouseEnter: () => b("__graph"),
             onMouseLeave: () => b(null),
             onClick: () => {
@@ -296,12 +296,12 @@ function ht({
             children: "Show on graph"
           }
         ),
-        C && /* @__PURE__ */ l("div", { style: ft }),
-        C && s?.map((c) => /* @__PURE__ */ l(
+        C && /* @__PURE__ */ i("div", { style: ft }),
+        C && s?.map((c) => /* @__PURE__ */ i(
           "button",
           {
             role: "menuitem",
-            style: be(d === c.id),
+            style: ve(d === c.id),
             onMouseEnter: () => b(c.id),
             onMouseLeave: () => b(null),
             onClick: () => {
@@ -314,7 +314,7 @@ function ht({
       ]
     }
   );
-  return nt(m, document.body);
+  return nt(u, document.body);
 }
 ht.displayName = "StatusSlotChipMenu";
 const La = {
@@ -365,7 +365,7 @@ function Ga() {
     return "full";
   }
 }
-const Pe = ({ visible: e, variant: t, trigger: n, children: a, className: r }) => {
+const Fe = ({ 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`,
@@ -378,7 +378,7 @@ const Pe = ({ visible: e, variant: t, trigger: n, children: a, className: r }) =
     n === "hover+focus" ? "gloss-swing-reveal--hover-focus" : "",
     r ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "span",
     {
       "data-testid": "gloss-swing-reveal",
@@ -391,22 +391,22 @@ const Pe = ({ visible: e, variant: t, trigger: n, children: a, className: r }) =
   );
 }, 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) => {
+    const m = t === "handle-visible" || t === "dragging" || t === "settling", C = (h) => {
       try {
-        f.currentTarget.setPointerCapture(f.pointerId);
+        h.currentTarget.setPointerCapture(h.pointerId);
       } catch {
       }
-      n(f);
-    }, m = (f) => {
+      n(h);
+    }, u = (h) => {
       try {
-        f.currentTarget.hasPointerCapture?.(f.pointerId) && f.currentTarget.releasePointerCapture(f.pointerId);
+        h.currentTarget.hasPointerCapture?.(h.pointerId) && h.currentTarget.releasePointerCapture(h.pointerId);
       } catch {
       }
-      a(f);
-    }, c = (f) => {
-      !u || !o || (f.key === "ArrowRight" ? (f.preventDefault(), o("grow")) : f.key === "ArrowLeft" && (f.preventDefault(), o("shrink")));
+      a(h);
+    }, c = (h) => {
+      !m || !o || (h.key === "ArrowRight" ? (h.preventDefault(), o("grow")) : h.key === "ArrowLeft" && (h.preventDefault(), o("shrink")));
     };
-    return /* @__PURE__ */ l(Pe, { visible: u, variant: "handle", trigger: "hover", children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ i(Fe, { visible: m, variant: "handle", trigger: "hover", children: /* @__PURE__ */ i(
       "button",
       {
         ref: g,
@@ -417,14 +417,14 @@ const Pe = ({ visible: e, variant: t, trigger: n, children: a, className: r }) =
         className: [
           "gloss-edge-handle",
           `gloss-edge-handle--${d}`,
-          u ? "gloss-edge-handle--visible" : ""
+          m ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
         onPointerDown: C,
-        onPointerUp: m,
+        onPointerUp: u,
         onPointerEnter: r,
         onPointerLeave: s,
         onKeyDown: c,
-        tabIndex: u ? 0 : -1
+        tabIndex: m ? 0 : -1
       }
     ) });
   }
@@ -437,7 +437,7 @@ function vt({
   enterMs: a = 180,
   exitMs: r = 120
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     de.div,
     {
       "aria-hidden": "true",
@@ -479,14 +479,14 @@ class yt {
     const t = this.samples.length;
     if (t < 2) return 0;
     if (t === 2) {
-      const [b, g] = this.samples, u = Math.max(1, g.t - b.t);
-      return (g.x - b.x) / u * 1e3;
+      const [b, g] = this.samples, m = Math.max(1, g.t - b.t);
+      return (g.x - b.x) / m * 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 Fe = {
+const Ee = {
   // 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:
@@ -517,11 +517,11 @@ function Ha({
   dwellMs: d = 120,
   enterMs: b = 180,
   exitMs: g = 120,
-  maxColSpan: u = 3,
+  maxColSpan: m = 3,
   containerRef: C,
-  forceIdle: m
+  forceIdle: u
 }) {
-  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");
+  const [c, h] = W("idle"), [x, f] = W(e), S = R(null), I = R(null), N = R(null), _ = R(r), T = R(s), l = R(m), v = R(0), p = R("idle");
   L(() => {
     p.current = c;
   }, [c]);
@@ -542,25 +542,25 @@ function Ha({
     []
   ), G = R(new yt()), V = R(e);
   L(() => {
-    V.current = S;
-  }, [S]);
-  const $ = se(() => ({ ...Fe, ...o ?? {} }), [o]), O = y(() => {
-    x.current && (clearTimeout(x.current), x.current = null);
+    V.current = x;
+  }, [x]);
+  const $ = se(() => ({ ...Ee, ...o ?? {} }), [o]), A = y(() => {
+    S.current && (clearTimeout(S.current), S.current = null);
   }, []), j = y(() => {
     I.current && (clearTimeout(I.current), I.current = null);
   }, []);
   L(() => {
-    m && (p.current === "dragging" || p.current === "settling" || (O(), j(), p.current = "idle", f("idle")));
-  }, [m, O, j]);
+    u && (p.current === "dragging" || p.current === "settling" || (A(), j(), p.current = "idle", h("idle")));
+  }, [u, A, j]);
   const oe = y(() => {
-    f((D) => D === "settling" || D !== "idle" ? D : (x.current = setTimeout(() => f("handle-visible"), d), "dwelling"));
+    h((D) => D === "settling" || D !== "idle" ? D : (S.current = setTimeout(() => h("handle-visible"), d), "dwelling"));
   }, [d]), K = y(() => {
-    O(), f((D) => D === "dwelling" || D === "handle-visible" ? "idle" : D);
-  }, [O]), ie = y(
+    A(), h((D) => D === "dwelling" || D === "handle-visible" ? "idle" : D);
+  }, [A]), ie = y(
     (D, P, F) => {
       const B = _.current, Q = B * $.snapInFraction, Z = B * $.snapOutFraction, Y = P - F, q = Math.max(
         F,
-        i.current ?? u
+        l.current ?? m
       );
       let z = Y;
       for (; F + z < q; ) {
@@ -576,69 +576,69 @@ function Ha({
         }
       return Math.min(q, Math.max(1, F + z));
     },
-    [$.snapInFraction, $.snapOutFraction, u]
-  ), Ge = y(
+    [$.snapInFraction, $.snapOutFraction, m]
+  ), He = y(
     (D) => {
       if (p.current !== "handle-visible") return;
-      M(), N.current = D.clientX, _.current = r, T.current = s, i.current = u;
+      M(), N.current = D.clientX, _.current = r, T.current = s, l.current = m;
       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");
+      v.current = P, G.current.clear(), G.current.push({ x: D.clientX, t: performance.now() }), w.jump(P), p.current = "dragging", h("dragging");
     },
-    [r, s, u, e, w, M]
-  ), Ce = y(
+    [r, s, m, e, w, M]
+  ), ke = y(
     (D) => D * _.current + (D - 1) * T.current,
     []
   ), le = y(
     (D, P) => {
-      const F = Ce(D), B = D !== e;
+      const F = ke(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");
+        w.jump(F), B && P ? n({ direction: P, targetColSpan: D, mode: t ? "slot-fill" : "sparkline-fidelity" }) : B || a?.(), w.jump(0), p.current = "idle", h("idle");
         return;
       }
       const Z = G.current.getWeightedVelocity() * $.velocityMultiplier;
-      p.current = "settling", f("settling"), M(), k.current = xe(w, F, {
+      p.current = "settling", h("settling"), M(), k.current = Se(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), p.current = "idle", f("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", h("idle");
         }
       });
     },
-    [Ce, e, t, n, a, w, $, M]
-  ), He = y(
+    [ke, e, t, n, a, w, $, M]
+  ), Ve = y(
     (D) => {
       if (p.current !== "dragging") return;
-      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));
+      const P = D.clientX - (N.current ?? D.clientX), F = _.current, Q = ((l.current ?? m) - 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 = ie(Y, V.current, e), z = q > e ? "grow" : q < e ? "shrink" : null;
       le(q, z);
     },
-    [ie, e, u, le]
+    [ie, e, m, le]
   ), me = y(() => {
-    if (O(), p.current === "dragging") {
+    if (A(), 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), p.current = "idle", f("idle");
+        w.jump(D), a?.(), w.jump(0), p.current = "idle", h("idle");
         return;
       }
       const F = G.current.getWeightedVelocity();
-      p.current = "settling", f("settling"), M(), k.current = xe(w, D, {
+      p.current = "settling", h("settling"), M(), k.current = Se(w, D, {
         type: "spring",
         stiffness: $.stiffness,
         damping: $.damping,
         mass: $.mass,
         velocity: F,
         onComplete: () => {
-          k.current = null, a?.(), w.jump(0), p.current = "idle", f("idle");
+          k.current = null, a?.(), w.jump(0), p.current = "idle", h("idle");
         }
       });
       return;
     }
-    p.current === "handle-visible" && (a?.(), p.current = "cancelled", f("cancelled"));
-  }, [O, w, a, $, M]);
+    p.current === "handle-visible" && (a?.(), p.current = "cancelled", h("cancelled"));
+  }, [A, w, a, $, M]);
   L(() => {
     if (c !== "dragging" && c !== "handle-visible") return;
     const D = (P) => {
@@ -647,67 +647,67 @@ function Ha({
     return window.addEventListener("keydown", D), () => window.removeEventListener("keydown", D);
   }, [c, me]), L(() => {
     if (c !== "dragging") {
-      h(e);
+      f(e);
       return;
     }
     const D = (P) => {
-      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));
+      const F = P.clientX - (N.current ?? P.clientX), B = v.current, Q = E(1), Z = E(m), Y = B + F, q = Math.max(Q, Math.min(Z, Y));
       w.set(q);
-      const z = _.current, _e = (u - e) * z, te = (1 - e) * z, Ze = Math.max(te, Math.min(_e, F));
+      const z = _.current, xe = (m - e) * z, te = (1 - e) * z, Ye = Math.max(te, Math.min(xe, F));
       G.current.push({ x: P.clientX, t: performance.now() });
-      const ge = ie(Ze, V.current, e);
-      ge !== V.current && (V.current = ge, h(ge));
+      const ge = ie(Ye, V.current, e);
+      ge !== V.current && (V.current = ge, f(ge));
     };
     return window.addEventListener("pointermove", D), () => window.removeEventListener("pointermove", D);
-  }, [c, e, w, ie, u, E]), L(() => () => {
-    O(), j();
-  }, [O, j]), L(() => {
+  }, [c, e, w, ie, m, E]), L(() => () => {
+    A(), j();
+  }, [A, j]), L(() => {
     if (c !== "cancelled") return;
-    const D = setTimeout(() => f("idle"), g);
+    const D = setTimeout(() => h("idle"), g);
     return () => clearTimeout(D);
   }, [c, g]);
-  const Ve = y(
+  const je = y(
     (D) => {
       if (p.current === "settling") return;
-      const F = Math.min(u, Math.max(1, e + (D === "grow" ? 1 : -1)));
+      const F = Math.min(m, Math.max(1, e + (D === "grow" ? 1 : -1)));
       if (F === e) return;
-      _.current = r, T.current = s, i.current = u, G.current.clear();
+      _.current = r, T.current = s, l.current = m, G.current.clear();
       const B = e * r + (e - 1) * s;
       v.current = B, w.jump(B), le(F, D);
     },
-    [e, r, s, u, w, le]
-  ), ke = y(() => {
+    [e, r, s, m, w, le]
+  ), _e = y(() => {
     j(), I.current = setTimeout(() => {
-      p.current === "handle-visible" && (p.current = "idle", f("idle"));
+      p.current === "handle-visible" && (p.current = "idle", h("idle"));
     }, 5e3);
-  }, [j]), je = y(() => {
-    p.current === "idle" && (O(), p.current = "handle-visible", f("handle-visible"), ke());
-  }, [O, ke]), Ue = y(() => {
-    j(), p.current === "handle-visible" && (p.current = "idle", f("idle"));
+  }, [j]), Ue = y(() => {
+    p.current === "idle" && (A(), p.current = "handle-visible", h("handle-visible"), _e());
+  }, [A, _e]), Ze = y(() => {
+    j(), p.current === "handle-visible" && (p.current = "idle", h("idle"));
   }, [j]);
   return {
     state: c,
     enterEdgeZone: oe,
     leaveEdgeZone: K,
     handleProps: {
-      onPointerDown: Ge,
-      onPointerUp: He,
+      onPointerDown: He,
+      onPointerUp: Ve,
       // Bug E: handle continues zone presence so pointer crossing sentinel→handle
       // doesn't collapse state. handle's pointerenter = stay in zone.
       onPointerEnter: oe,
       onPointerLeave: K
     },
-    previewColSpan: S,
+    previewColSpan: x,
     ghostProps: {
       visible: c === "dragging" || c === "settling",
-      targetColSpan: S,
+      targetColSpan: x,
       ghostWidth: w,
       enterMs: b,
       exitMs: g
     },
-    onKeyboardStep: Ve,
-    onTouchReveal: je,
-    onTouchDismiss: Ue,
+    onKeyboardStep: je,
+    onTouchReveal: Ue,
+    onTouchDismiss: Ze,
     cancel: me
   };
 }
@@ -983,7 +983,7 @@ const ja = [
   trend: { value: 0, direction: "flat" },
   subtitle: "QTD"
 };
-function Ee({
+function Oe({
   open: e,
   onDismiss: t,
   anchorRef: n,
@@ -994,21 +994,21 @@ function Ee({
   onManagePages: d
 }) {
   const b = y(
-    (m) => {
-      s(m), t();
+    (u) => {
+      s(u), t();
     },
     [s, t]
   ), g = y(
-    (m, c) => {
-      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), b(m));
+    (u, c) => {
+      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), b(u));
     },
     [b]
-  ), u = y(() => {
+  ), m = y(() => {
     o(), t();
   }, [o, t]), C = y(() => {
     d(), t();
   }, [d, t]);
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ O(
     at,
     {
       definition: {
@@ -1022,9 +1022,9 @@ function Ee({
       anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ l("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((m) => {
-          const c = m.id === r;
-          return /* @__PURE__ */ A(
+        /* @__PURE__ */ i("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
+          const c = u.id === r;
+          return /* @__PURE__ */ O(
             "li",
             {
               role: "menuitemradio",
@@ -1032,40 +1032,40 @@ function Ee({
               "aria-current": c ? "page" : void 0,
               tabIndex: 0,
               className: `gloss-page-dropdown__item${c ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => b(m.id),
-              onKeyDown: (f) => g(m.id, f),
+              onClick: () => b(u.id),
+              onKeyDown: (h) => g(u.id, h),
               children: [
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ i(
                   "span",
                   {
                     className: `gloss-page-dropdown__dot${c ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ i(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${m.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: m.name
+                    className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: u.name
                   }
                 ),
-                /* @__PURE__ */ l("span", { className: "gloss-page-dropdown__count", children: m.cardCount })
+                /* @__PURE__ */ i("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
               ]
             },
-            m.id
+            u.id
           );
         }) }),
-        /* @__PURE__ */ l("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ i(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: u,
+            onClick: m,
             children: "+ New page"
           }
         ),
-        /* @__PURE__ */ l("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ i(
           "button",
           {
             role: "menuitem",
@@ -1078,7 +1078,7 @@ function Ee({
     }
   );
 }
-Ee.displayName = "PageDropdown";
+Oe.displayName = "PageDropdown";
 const xt = function({
   currentIndex: t,
   total: n,
@@ -1086,51 +1086,56 @@ const xt = function({
   onPageChange: r,
   onCreatePage: s,
   onManagePages: o,
-  maskRadius: d = "var(--gloss-radius-md)"
+  maskRadius: d = "var(--gloss-radius-md)",
+  displayMode: b = "count",
+  activePage: g
 }) {
-  const b = R(null), [g, u] = W(!1), C = y(() => {
+  const m = R(null), [C, u] = W(!1), c = y(() => {
     u((f) => !f);
-  }, []), m = y(() => {
+  }, []), h = y(() => {
     u(!1);
-  }, []), c = a[t]?.id ?? "";
-  return /* @__PURE__ */ A(
+  }, []), x = a[t]?.id ?? "";
+  return /* @__PURE__ */ O(
     "div",
     {
       className: "gloss-page-chip",
-      ref: b,
+      ref: m,
       style: { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
             style: { "--_nuzzle-r": d }
           }
         ),
-        /* @__PURE__ */ A(
+        /* @__PURE__ */ i(
           "button",
           {
             className: "gloss-page-chip__trigger",
             "aria-haspopup": "menu",
-            "aria-expanded": g,
-            "aria-label": `Page ${t + 1} of ${n}. Click to switch pages.`,
-            onClick: C,
-            children: [
+            "aria-expanded": C,
+            "aria-label": b === "name" ? `${g ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
+            onClick: c,
+            children: b === "name" ? /* @__PURE__ */ O(be, { children: [
+              /* @__PURE__ */ i("span", { className: "gloss-page-chip__trigger-name", children: g ?? "" }),
+              /* @__PURE__ */ i("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
+            ] }) : /* @__PURE__ */ O(be, { children: [
               t + 1,
               " / ",
               n
-            ]
+            ] })
           }
         ),
-        /* @__PURE__ */ l(
-          Ee,
+        /* @__PURE__ */ i(
+          Oe,
           {
-            open: g,
-            onDismiss: m,
-            anchorRef: b,
+            open: C,
+            onDismiss: h,
+            anchorRef: m,
             pages: a,
-            activePageId: c,
+            activePageId: x,
             onPageChange: r,
             onCreatePage: s,
             onManagePages: o
@@ -1408,13 +1413,13 @@ const Ja = [
     lastDate: "2026-03-01"
   }
 ];
-function ve(e) {
+function ye(e) {
   return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
-function Oe(e) {
+function Ae(e) {
   return e.toLocaleString("en-US");
 }
-function Ae(e) {
+function Le(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
 const re = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), tn = [
@@ -1447,7 +1452,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.skuCount ? Oe(e.skuCount) : re
+    renderCell: ({ row: e }) => e.skuCount ? Ae(e.skuCount) : re
   },
   {
     field: "total",
@@ -1457,7 +1462,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.total ? ve(e.total) : re
+    renderCell: ({ row: e }) => e.total ? ye(e.total) : re
   },
   {
     field: "date",
@@ -1467,7 +1472,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.date ? Ae(e.date) : ""
+    renderCell: ({ row: e }) => e.date ? Le(e.date) : ""
   }
 ], an = [
   {
@@ -1501,7 +1506,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.price ? ve(e.price) : re
+    renderCell: ({ row: e }) => e.price ? ye(e.price) : re
   },
   {
     field: "quantity",
@@ -1511,7 +1516,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.quantity ? Oe(e.quantity) : re
+    renderCell: ({ row: e }) => e.quantity ? Ae(e.quantity) : re
   },
   {
     field: "total",
@@ -1521,7 +1526,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.total ? ve(e.total) : re
+    renderCell: ({ row: e }) => e.total ? ye(e.total) : re
   },
   {
     field: "lastDate",
@@ -1531,7 +1536,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.lastDate ? Ae(e.lastDate) : ""
+    renderCell: ({ row: e }) => e.lastDate ? Le(e.lastDate) : ""
   }
 ], St = [
   { id: "c-001", label: "ABC Home Goods" },
@@ -1547,8 +1552,8 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
   { id: "i-005", label: "Velvet Accent Cushion" }
 ], pe = (e) => {
 }, Tt = (e) => {
-}, Me = (e, t) => {
-}, Le = {
+}, Te = (e, t) => {
+}, $e = {
   vizState: {
     type: "orders",
     quant: "$",
@@ -1559,14 +1564,14 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
   onTypeChange: pe,
   onQuantChange: Tt,
   onEntityTypeChange: pe,
-  onEntitySelect: Me,
-  onItemSelect: Me,
+  onEntitySelect: Te,
+  onItemSelect: Te,
   onTimeFrameChange: pe,
   userType: "sales-agency",
   entityFilterOptions: St,
   itemFilterOptions: Mt
 }, nn = {
-  ...Le,
+  ...$e,
   vizState: {
     type: "items",
     quant: "$",
@@ -1575,7 +1580,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     timeFrame: "YTD"
   }
 }, rn = {
-  ...Le,
+  ...$e,
   vizState: {
     type: "orders",
     quant: "#",
@@ -1799,7 +1804,7 @@ const re = H.createElement("span", { style: { color: "var(--color-text-muted)" }
   color: lt,
   pinned: ct
 };
-function Te(...e) {
+function Re(...e) {
   return e.filter(Boolean).join(" ");
 }
 function Ot() {
@@ -1821,79 +1826,79 @@ const At = ({
 }) => {
   const s = R(null), o = R([]), d = Ot(), b = se(() => Array.from(e), [e]);
   if (b.length === 0) return null;
-  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();
+  const g = a ? `Configure ${a}: choose a dimension` : void 0, m = d ? "10ms" : "200ms", C = (u, c) => {
+    const h = b.length - 1, x = (f) => {
+      const S = o.current[f];
+      S && S.focus();
     };
-    switch (m.key) {
+    switch (u.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        m.preventDefault(), S(c === f ? 0 : c + 1);
+        u.preventDefault(), x(c === h ? 0 : c + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        m.preventDefault(), S(c === 0 ? f : c - 1);
+        u.preventDefault(), x(c === 0 ? h : c - 1);
         break;
       }
       case "Home": {
-        m.preventDefault(), S(0);
+        u.preventDefault(), x(0);
         break;
       }
       case "End": {
-        m.preventDefault(), S(f);
+        u.preventDefault(), x(h);
         break;
       }
       case "Enter":
       case " ": {
-        m.preventDefault(), t(b[c]);
+        u.preventDefault(), t(b[c]);
         break;
       }
     }
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "div",
     {
       ref: s,
       role: "group",
       "aria-label": g,
-      className: Te("gloss-reconfig-backside-buttons", r),
+      className: Re("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": u
+        "--gloss-reconfig-backside-buttons-transition-duration": m
       },
-      children: b.map((m, c) => {
-        const f = Et[m], S = n === m;
-        return /* @__PURE__ */ A(
+      children: b.map((u, c) => {
+        const h = Et[u], x = n === u;
+        return /* @__PURE__ */ O(
           "button",
           {
-            ref: (h) => {
-              o.current[c] = h;
+            ref: (f) => {
+              o.current[c] = f;
             },
             type: "button",
-            "data-dimension": m,
-            className: Te(
+            "data-dimension": u,
+            className: Re(
               "gloss-reconfig-backside-buttons__button",
-              S && "gloss-reconfig-backside-buttons__button--active"
+              x && "gloss-reconfig-backside-buttons__button--active"
             ),
-            "aria-current": S ? "true" : void 0,
-            onClick: () => t(m),
-            onKeyDown: (h) => C(h, c),
+            "aria-current": x ? "true" : void 0,
+            onClick: () => t(u),
+            onKeyDown: (f) => C(f, c),
             children: [
-              /* @__PURE__ */ l(
-                f,
+              /* @__PURE__ */ i(
+                h,
                 {
                   className: "gloss-reconfig-backside-buttons__button-icon",
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ l("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Ft[m] })
+              /* @__PURE__ */ i("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Ft[u] })
             ]
           },
-          m
+          u
         );
       })
     }
@@ -1920,7 +1925,7 @@ function U(e, t) {
     }, t)
   };
 }
-function Re(e, t) {
+function Ie(e, t) {
   return {
     ...U(e, t),
     colSpan: 2
@@ -1929,11 +1934,11 @@ function Re(e, t) {
 const fn = [
   U("total-revenue", "Total Revenue"),
   U("total-orders", "Total Orders"),
-  Re("revenue-trend", "Revenue Trend (2x)"),
+  Ie("revenue-trend", "Revenue Trend (2x)"),
   U("avg-order", "Avg Order Value"),
   U("new-customers", "New Customers"),
   U("top-salesperson", "Top Salesperson"),
-  Re("order-trend", "Order Trend (2x)"),
+  Ie("order-trend", "Order Trend (2x)"),
   U("repeat-rate", "Repeat Rate"),
   U("open-orders", "Open Orders"),
   U("shipped-orders", "Shipped Orders")
@@ -2031,7 +2036,7 @@ const yn = [
   { id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
   { id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
 ];
-function ye(e) {
+function we(e) {
   switch (e) {
     case "wide":
       return { cols: 2, rows: 1 };
@@ -2045,21 +2050,21 @@ function ye(e) {
 function Lt(e) {
   let t = 0;
   for (const a of e) {
-    const r = ye(a.size), s = a.gridPosition.col + r.cols - 1;
+    const r = we(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 $t = function(t) {
   if (t.renderMode === "discrete")
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ i(
       "div",
       {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
         children: t.cards.map((r) => {
-          const s = ye(r.size);
-          return /* @__PURE__ */ l(
+          const s = we(r.size);
+          return /* @__PURE__ */ i(
             "div",
             {
               className: "gloss-metric-group__slot",
@@ -2075,7 +2080,7 @@ const $t = function(t) {
       }
     );
   const { cards: n, composite: a } = t;
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ O(
     "div",
     {
       className: "gloss-metric-group gloss-metric-group--composite",
@@ -2094,16 +2099,16 @@ const $t = function(t) {
       "aria-label": a?.label,
       tabIndex: void 0,
       children: [
-        a?.accentColor && /* @__PURE__ */ l(
+        a?.accentColor && /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-metric-group__accent",
             style: { background: a.accentColor }
           }
         ),
-        a?.label && /* @__PURE__ */ A("div", { className: "gloss-metric-group__label", children: [
-          /* @__PURE__ */ l("span", { children: a.label }),
-          a?.trend && /* @__PURE__ */ l(
+        a?.label && /* @__PURE__ */ O("div", { className: "gloss-metric-group__label", children: [
+          /* @__PURE__ */ i("span", { children: a.label }),
+          a?.trend && /* @__PURE__ */ i(
             "span",
             {
               className: "gloss-metric-group__trend",
@@ -2112,7 +2117,7 @@ const $t = function(t) {
             }
           )
         ] }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-metric-group__slots",
@@ -2122,8 +2127,8 @@ const $t = function(t) {
               gridTemplateColumns: Lt(n)
             },
             children: n.map((r) => {
-              const s = ye(r.size);
-              return /* @__PURE__ */ l(
+              const s = we(r.size);
+              return /* @__PURE__ */ i(
                 "div",
                 {
                   className: "gloss-metric-group__slot--composite",
@@ -2143,15 +2148,15 @@ const $t = function(t) {
   );
 };
 $t.displayName = "MetricGroupContainer";
-const $e = "resize.tuning.dev", Bt = {
-  ...Fe,
+const Be = "resize.tuning.dev", Bt = {
+  ...Ee,
   snapInPx: 60,
   snapOutPx: 90
 }, J = Bt;
 function zt() {
   if (typeof window > "u") return { ...J };
   try {
-    const e = window.localStorage.getItem($e);
+    const e = window.localStorage.getItem(Be);
     if (!e) return { ...J };
     const t = JSON.parse(e);
     return !t || typeof t != "object" || Array.isArray(t) ? { ...J } : { ...J, ...t };
@@ -2164,7 +2169,7 @@ function Kt() {
   L(() => {
     if (!(typeof window > "u"))
       try {
-        window.localStorage.setItem($e, JSON.stringify(e));
+        window.localStorage.setItem(Be, JSON.stringify(e));
       } catch {
       }
   }, [e]);
@@ -2198,7 +2203,7 @@ function Gt(e, t) {
   return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
 }
 function Ht() {
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ O(
     "svg",
     {
       width: "14",
@@ -2211,8 +2216,8 @@ function Ht() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ l("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
-        /* @__PURE__ */ l("polyline", { points: "3 3 3 8 8 8" })
+        /* @__PURE__ */ i("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
+        /* @__PURE__ */ i("polyline", { points: "3 3 3 8 8 8" })
       ]
     }
   );
@@ -2224,19 +2229,19 @@ function Vt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
     },
     [a]
   );
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ O(
     "div",
     {
       className: `gloss-dev-tuning-panel__row${r ? " gloss-dev-tuning-panel__row--flash" : ""}`,
       "data-tuning-row": e.key,
       onKeyDown: s,
       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: [
+        /* @__PURE__ */ i("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
+        /* @__PURE__ */ O("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
           Gt(t, e.step),
           e.unit ? ` ${e.unit}` : ""
         ] }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "input",
           {
             id: `gloss-dtp-${e.key}`,
@@ -2250,14 +2255,14 @@ function Vt({ spec: e, value: t, onChange: n, onReset: a, flashing: r }) {
             onChange: (o) => n(Number(o.target.value))
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "button",
           {
             type: "button",
             className: "gloss-dev-tuning-panel__reset",
             "aria-label": `Reset ${e.label}`,
             onClick: a,
-            children: /* @__PURE__ */ l(Ht, {})
+            children: /* @__PURE__ */ i(Ht, {})
           }
         )
       ]
@@ -2273,21 +2278,21 @@ function jt() {
   }
 }
 function Ut(e = {}) {
-  return jt() ? /* @__PURE__ */ l(Zt, {}) : null;
+  return jt() ? /* @__PURE__ */ i(Zt, {}) : null;
 }
 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(() => {
+  const e = Kt(), { 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);
   }, []), g = y(
-    (m, c) => {
-      n(m, c), m === "snapInPx" && c > t.snapOutPx && (n("snapOutPx", c), b("snapOutPx"));
+    (u, c) => {
+      n(u, c), u === "snapInPx" && c > t.snapOutPx && (n("snapOutPx", c), b("snapOutPx"));
     },
     [n, t.snapOutPx, b]
-  ), u = se(() => Wt, []), C = tt();
-  return /* @__PURE__ */ A(
+  ), m = se(() => Wt, []), C = tt();
+  return /* @__PURE__ */ O(
     de.div,
     {
       className: "gloss-dev-tuning-panel",
@@ -2299,29 +2304,29 @@ function Zt() {
       dragControls: C,
       dragMomentum: !1,
       children: [
-        /* @__PURE__ */ A(
+        /* @__PURE__ */ O(
           "div",
           {
             className: "gloss-dev-tuning-panel__header",
-            onPointerDown: (m) => C.start(m),
+            onPointerDown: (u) => C.start(u),
             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__ */ i("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
+              /* @__PURE__ */ i("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
             ]
           }
         ),
-        /* @__PURE__ */ l("div", { className: "gloss-dev-tuning-panel__body", children: u.map((m) => /* @__PURE__ */ l(
+        /* @__PURE__ */ i("div", { className: "gloss-dev-tuning-panel__body", children: m.map((u) => /* @__PURE__ */ i(
           Vt,
           {
-            spec: m,
-            value: t[m.key],
-            onChange: (c) => g(m.key, c),
-            onReset: () => a(m.key),
-            flashing: s === m.key
+            spec: u,
+            value: t[u.key],
+            onChange: (c) => g(u.key, c),
+            onReset: () => a(u.key),
+            flashing: s === u.key
           },
-          m.key
+          u.key
         )) }),
-        /* @__PURE__ */ l("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ l(
+        /* @__PURE__ */ i("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ i(
           "button",
           {
             type: "button",
@@ -2345,32 +2350,32 @@ function Cn({
   topY: d,
   bottomY: b,
   enterMs: g = ee.envelopeEnterMs,
-  exitMs: u = ee.envelopeExitMs,
+  exitMs: m = ee.envelopeExitMs,
   className: C,
-  style: m
+  style: u
 }) {
   if (e === "hidden") return null;
-  const c = Math.max(0, r - a), f = Math.max(0, b - d), S = {
+  const c = Math.max(0, r - a), h = Math.max(0, b - d), x = {
     "--gloss-resize-envelope-enter-ms": `${g}ms`,
-    "--gloss-resize-envelope-exit-ms": `${u}ms`,
+    "--gloss-resize-envelope-exit-ms": `${m}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,
-    ...m
+    height: h,
+    ...u
   };
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ O(
     "div",
     {
       className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, C].filter(Boolean).join(" "),
       "data-state": e,
       "data-testid": "gloss-resize-envelope",
-      style: S,
+      style: x,
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--left",
@@ -2378,7 +2383,7 @@ function Cn({
             style: { left: 0 }
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--min-boundary",
@@ -2386,7 +2391,7 @@ function Cn({
             style: { left: s - a }
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
@@ -2394,14 +2399,14 @@ function Cn({
             style: { left: c - 1 }
           }
         ),
-        o.filter((h) => h > s && h < r).map((h) => /* @__PURE__ */ l(
+        o.filter((f) => f > s && f < r).map((f) => /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-resize-envelope__snap-line",
             "data-snap-line": !0,
-            style: { left: h - a }
+            style: { left: f - a }
           },
-          h
+          f
         ))
       ]
     }
@@ -2417,7 +2422,7 @@ function kn({
   ...o
 }) {
   const d = a != null ? { ...o.style, "--_proximity-opacity": String(a) } : o.style;
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "div",
     {
       ...o,
@@ -2447,7 +2452,7 @@ function _n({
   className: a,
   style: r
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ l(
+  return e.length === 0 ? null : /* @__PURE__ */ i(
     "svg",
     {
       className: ["gloss-spillover-arc", a].filter(Boolean).join(" "),
@@ -2455,7 +2460,7 @@ function _n({
       "aria-hidden": "true",
       overflow: "visible",
       style: { position: "absolute", inset: 0, pointerEvents: "none", ...r },
-      children: e.map((s, o) => /* @__PURE__ */ l(
+      children: e.map((s, o) => /* @__PURE__ */ i(
         "path",
         {
           "data-arc-id": s.id,
@@ -2487,7 +2492,7 @@ function xn({
     "--gloss-section-divider-stagger-delay": `${t * r}ms`,
     ...o
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "div",
     {
       ...d,
@@ -2510,7 +2515,7 @@ function Sn({
   className: a,
   style: r
 }) {
-  return /* @__PURE__ */ l(Pe, { visible: e, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(Fe, { visible: e, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ i(
     "button",
     {
       type: "button",
@@ -2519,7 +2524,7 @@ function Sn({
       className: ["gloss-empty-cell-pack-affordance", a].filter(Boolean).join(" "),
       style: r,
       onClick: t,
-      children: /* @__PURE__ */ l("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
+      children: /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
     }
   ) });
 }
@@ -2535,7 +2540,7 @@ function Mn({
   className: b
 }) {
   const g = t * n + (t - 1) * r;
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     de.div,
     {
       "data-testid": "gloss-drag-ghost",
@@ -2561,7 +2566,7 @@ function Tn({
   className: o
 }) {
   const d = t * n + (t - 1) * a, b = e.col * (n + a), g = e.row * (r + a);
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "div",
     {
       className: ["gloss-drag-feedback-snap-outline", o].filter(Boolean).join(" "),
@@ -2581,7 +2586,7 @@ function Rn({
   children: t,
   className: n
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ l(Ye, { children: e.map((a) => /* @__PURE__ */ l(
+  return e.length === 0 ? null : /* @__PURE__ */ i(be, { children: e.map((a) => /* @__PURE__ */ i(
     de.div,
     {
       "data-card-id": a.cardId,
@@ -2620,15 +2625,15 @@ function qt({
   }, [a, r]), H.useLayoutEffect(() => {
     let g = null;
     if (a ? g = a : r && (g = document.querySelector(r)), g) {
-      const u = g.getBoundingClientRect();
+      const m = g.getBoundingClientRect();
       o({
-        top: u.bottom + window.scrollY + 6,
-        left: u.left + window.scrollX
+        top: m.bottom + window.scrollY + 6,
+        left: m.left + window.scrollX
       });
     }
   }, [a, r]);
   const b = s ? { top: s.top, left: s.left } : {};
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ O(
     "div",
     {
       className: X["gloss-inline-nudge"],
@@ -2637,9 +2642,9 @@ function qt({
       "aria-live": "polite",
       "data-reduced-motion": d ? "true" : void 0,
       children: [
-        /* @__PURE__ */ l("span", { className: X["gloss-inline-nudge__message"], children: e }),
-        /* @__PURE__ */ A("div", { className: X["gloss-inline-nudge__actions"], children: [
-          /* @__PURE__ */ l(
+        /* @__PURE__ */ i("span", { className: X["gloss-inline-nudge__message"], children: e }),
+        /* @__PURE__ */ O("div", { className: X["gloss-inline-nudge__actions"], children: [
+          /* @__PURE__ */ i(
             "button",
             {
               type: "button",
@@ -2648,7 +2653,7 @@ function qt({
               children: t.label
             }
           ),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ i(
             "button",
             {
               type: "button",
@@ -2664,17 +2669,17 @@ function qt({
   );
 }
 qt.displayName = "InlineNudge";
-function we(e) {
+function De(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
 function Qt(e, t, n) {
   if (n <= t) {
-    const o = e[0], d = o ? we(o) : "#888";
+    const o = e[0], d = o ? De(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 `${we(o)} ${d.toFixed(2)}%`;
+    return `${De(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(", ")})`;
 }
@@ -2692,16 +2697,16 @@ function Jt({
   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, d = y(
-    (i) => Math.round(i / o) * o,
+    (l) => Math.round(l / o) * o,
     [o]
-  ), b = R(null), [g, u] = W(null), [C, m] = W(e), c = Xt(e), f = R(c);
+  ), b = R(null), [g, m] = W(null), [C, u] = W(e), c = Xt(e), h = R(c);
   L(() => {
-    f.current !== c && (f.current = c, !g && m(e));
+    h.current !== c && (h.current = c, !g && u(e));
   }, [c, e, g]);
-  const S = se(() => Qt(C, n, a), [C, n, a]), h = y(
-    (i) => {
+  const x = se(() => Qt(C, n, a), [C, n, a]), f = y(
+    (l) => {
       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);
+      const v = b.current.getBoundingClientRect(), p = v.width || 1, w = Math.max(0, Math.min(1, (l - v.left) / p)), k = n + w * (a - n);
       return d(k);
     },
     [n, a, d]
@@ -2711,10 +2716,10 @@ function Jt({
       `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
     );
   }, [n, a]);
-  const x = y(
-    (i, v) => {
+  const S = y(
+    (l, v) => {
       const p = C.find((w) => w.id === v);
-      s || p?.disabled || (i.preventDefault(), u(v));
+      s || p?.disabled || (l.preventDefault(), m(v));
     },
     [s, C]
   ), I = R(C);
@@ -2722,29 +2727,29 @@ function Jt({
   const N = R(t);
   N.current = t, L(() => {
     if (!g) return;
-    const i = (p) => {
-      const w = h(p.clientX);
-      m(
+    const l = (p) => {
+      const w = f(p.clientX);
+      u(
         (k) => k.map((M) => M.id === g ? { ...M, value: w } : M)
       );
     }, v = (p) => {
-      const w = h(p.clientX), k = I.current.map(
+      const w = f(p.clientX), k = I.current.map(
         (M) => M.id === g ? { ...M, value: w } : M
       );
-      m(k), u(null), N.current(k);
+      u(k), m(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);
+    return window.addEventListener("pointermove", l), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
+      window.removeEventListener("pointermove", l), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
     };
-  }, [g, h]);
+  }, [g, f]);
   const _ = a - n > 0 ? a - n : 1, T = y(
-    (i, v) => {
+    (l, v) => {
       if (s || v.disabled) return;
       const p = a - n;
       if (p <= 0) return;
-      const w = i.shiftKey ? p / 20 : p / 100;
+      const w = l.shiftKey ? p / 20 : p / 100;
       let k = v.value;
-      switch (i.key) {
+      switch (l.key) {
         case "ArrowRight":
         case "ArrowUp":
           k = v.value + w;
@@ -2762,54 +2767,54 @@ function Jt({
         default:
           return;
       }
-      i.preventDefault();
+      l.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 === v.id ? { ...V, value: E } : V
       );
-      m(G), t(G);
+      u(G), t(G);
     },
     [s, n, a, C, t, d]
   );
-  return /* @__PURE__ */ l("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ i("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ i(
     "div",
     {
       ref: b,
       className: "gloss-threshold-ramp__track",
-      style: { background: S },
-      children: C.map((i) => {
-        const v = (i.value - n) / _ * 100;
-        return /* @__PURE__ */ l(
+      style: { background: x },
+      children: C.map((l) => {
+        const v = (l.value - n) / _ * 100;
+        return /* @__PURE__ */ i(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
               left: `${v}%`,
-              color: we(i)
+              color: De(l)
             },
-            "data-disabled": i.disabled || 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}`,
+            "data-disabled": l.disabled || void 0,
+            "data-dragging": g === l.id || void 0,
+            onPointerDown: (p) => S(p, l.id),
+            onKeyDown: (p) => T(p, l),
+            "aria-label": l.label ?? `Stop at ${l.value}`,
             role: "slider",
-            "aria-valuenow": i.value,
+            "aria-valuenow": l.value,
             "aria-valuemin": n,
             "aria-valuemax": a,
-            "aria-disabled": i.disabled || s || void 0,
-            tabIndex: i.disabled || s ? -1 : 0
+            "aria-disabled": l.disabled || s || void 0,
+            tabIndex: l.disabled || s ? -1 : 0
           },
-          i.id
+          l.id
         );
       })
     }
   ) });
 }
 Jt.displayName = "ThresholdRamp";
-const Be = Xe(null);
+const ze = Xe(null);
 function ea() {
-  return Je(Be);
+  return Je(ze);
 }
 function ta({ option: e }) {
   const t = ea(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, r = y(() => {
@@ -2820,7 +2825,7 @@ function ta({ option: e }) {
     },
     [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(
+  return /* @__PURE__ */ i(
     "button",
     {
       ref: (g) => t?.registerRef(e.value, g),
@@ -2849,7 +2854,7 @@ function aa({
   disabled: r = !1,
   name: s
 }) {
-  const o = t !== void 0, [d, b] = W(n), g = o ? t : d, u = y(
+  const o = t !== void 0, [d, b] = W(n), g = o ? t : d, m = y(
     (N) => {
       o || b(N), a?.(N);
     },
@@ -2857,27 +2862,27 @@ function aa({
   ), C = y(
     (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);
+  ), u = R(/* @__PURE__ */ new Map()), c = y((N, _) => {
+    _ ? u.current.set(N, _) : u.current.delete(N);
+  }, []), h = e.filter((N) => !N.disabled && !r), x = h.find((N) => N.value === g)?.value ?? h[0]?.value, f = y((N) => {
+    const _ = u.current.get(N);
     _ && _.focus();
-  }, []), x = y(
+  }, []), S = y(
     (N, _) => {
       if (r) return;
       const T = e.filter((w) => !w.disabled);
       if (T.length === 0) return;
-      const i = T.findIndex((w) => w.value === _);
-      if (i === -1) return;
-      let v = i;
+      const l = T.findIndex((w) => w.value === _);
+      if (l === -1) return;
+      let v = l;
       switch (N.key) {
         case "ArrowRight":
         case "ArrowDown":
-          v = (i + 1) % T.length;
+          v = (l + 1) % T.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          v = (i - 1 + T.length) % T.length;
+          v = (l - 1 + T.length) % T.length;
           break;
         case "Home":
           v = 0;
@@ -2887,27 +2892,27 @@ function aa({
           break;
         case " ":
         case "Enter":
-          N.preventDefault(), u(_);
+          N.preventDefault(), m(_);
           return;
         default:
           return;
       }
       N.preventDefault();
       const p = T[v].value;
-      h(p), u(p);
+      f(p), m(p);
     },
-    [r, e, u, h]
+    [r, e, m, f]
   ), I = {
     selectedValue: g,
-    select: u,
+    select: m,
     isSelected: C,
     groupDisabled: r,
     name: s,
     registerRef: c,
-    firstFocusableValue: S,
-    onKeyNav: x
+    firstFocusableValue: x,
+    onKeyNav: S
   };
-  return /* @__PURE__ */ l(Be.Provider, { value: I, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(ze.Provider, { value: I, children: /* @__PURE__ */ i(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -2915,20 +2920,20 @@ function aa({
       "aria-label": s,
       "aria-disabled": r,
       "data-disabled": r || void 0,
-      children: e.map((N) => /* @__PURE__ */ l(ta, { option: N }, N.value))
+      children: e.map((N) => /* @__PURE__ */ i(ta, { option: N }, N.value))
     }
   ) });
 }
 aa.displayName = "PresetSwatchRow";
-function De(e, t) {
+function Ne(e, t) {
   for (const n of e)
     if (n.items.some((a) => a.id === t))
       return n.zoneKey;
   return null;
 }
-function Ie(e, t) {
+function Pe(e, t) {
   const n = e.find((a) => a.zoneKey === t);
-  return n ? n.zoneKey : De(e, t);
+  return n ? n.zoneKey : Ne(e, t);
 }
 function na(e, t, n) {
   const a = [...e], [r] = a.splice(t, 1);
@@ -2939,28 +2944,28 @@ function ra(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)
+    () => 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), d = R(null), b = R(e.onZoneChange);
   b.current = e.onZoneChange;
   const g = se(
     () => ra(e.zones),
     [e.zones]
-  ), u = R(g);
+  ), m = R(g);
   L(() => {
-    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.current !== g && (m.current = g, !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, e.zones, a]);
   const C = y(
-    (h) => {
-      const x = h.active.id;
+    (f) => {
+      const S = f.active.id;
       let I = null, N = null;
       for (const _ of t) {
-        const T = _.items.find((i) => i.id === x);
+        const T = _.items.find((l) => l.id === S);
         if (T) {
           I = T, N = _.zoneKey;
           break;
@@ -2969,72 +2974,72 @@ function sa(e) {
       d.current = N, r(I), o(N);
     },
     [t]
-  ), m = y(
-    (h) => {
-      if (!h.over) {
+  ), u = y(
+    (f) => {
+      if (!f.over) {
         o(d.current);
         return;
       }
-      const x = Ie(t, h.over.id);
-      o(x);
+      const S = Pe(t, f.over.id);
+      o(S);
     },
     [t]
   ), c = y(
-    (h) => {
-      const { active: x, over: I } = h, N = () => {
+    (f) => {
+      const { active: S, over: I } = f, N = () => {
         d.current = null, r(null), o(null);
       };
       if (!I) {
         N();
         return;
       }
-      const _ = De(t, x.id), T = Ie(t, I.id);
+      const _ = Ne(t, S.id), T = Pe(t, I.id);
       if (!_ || !T) {
         N();
         return;
       }
-      let i = t.map((v) => ({ ...v, items: [...v.items] }));
+      let l = t.map((v) => ({ ...v, items: [...v.items] }));
       if (_ === T) {
-        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] = {
+        const v = l.findIndex((E) => E.zoneKey === _), p = l[v], w = p.items.findIndex((E) => E.id === S.id), k = p.items.findIndex((E) => E.id === I.id), M = k >= 0 ? k : Math.max(0, p.items.length - 1);
+        l[v] = {
           ...p,
           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);
+        const v = l.findIndex((K) => K.zoneKey === _), p = l.findIndex((K) => K.zoneKey === T), w = l[v], k = l[p], M = w.items.find((K) => K.id === S.id);
         if (!M) {
           N();
           return;
         }
-        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];
-          O = O.slice(0, k.maxItems - 1), $ = [...E, K];
+        const E = w.items.filter((K) => K.id !== S.id), G = k.items.findIndex((K) => K.id === I.id), V = G >= 0 ? G : k.items.length;
+        let $ = E, A = [...k.items];
+        if (k.maxItems !== void 0 && A.length >= k.maxItems) {
+          const K = A[A.length - 1];
+          A = A.slice(0, k.maxItems - 1), $ = [...E, K];
         }
-        const j = Math.min(V, O.length), oe = [
-          ...O.slice(0, j),
+        const j = Math.min(V, A.length), oe = [
+          ...A.slice(0, j),
           M,
-          ...O.slice(j)
+          ...A.slice(j)
         ];
-        i[v] = { ...w, items: $ }, i[p] = { ...k, items: oe };
+        l[v] = { ...w, items: $ }, l[p] = { ...k, items: oe };
       }
-      n(i), b.current?.(i), N();
+      n(l), b.current?.(l), N();
     },
     [t]
-  ), f = y(
-    (h) => ({
-      id: h,
-      "data-zone-key": h
+  ), h = y(
+    (f) => ({
+      id: f,
+      "data-zone-key": f
     }),
     []
-  ), S = y(
-    (h) => {
-      const x = De(t, h.id) ?? "";
+  ), x = y(
+    (f) => {
+      const S = Ne(t, f.id) ?? "";
       return {
-        id: h.id,
-        "data-item-id": h.id,
-        "data-zone-key": x
+        id: f.id,
+        "data-item-id": f.id,
+        "data-zone-key": S
       };
     },
     [t]
@@ -3043,10 +3048,10 @@ function sa(e) {
     zones: t,
     activeZone: s,
     activeItem: a,
-    getZoneProps: f,
-    getItemProps: S,
+    getZoneProps: h,
+    getItemProps: x,
     handleDragStart: C,
-    handleDragOver: m,
+    handleDragOver: u,
     handleDragEnd: c
   };
 }
@@ -3101,13 +3106,13 @@ function da(e) {
   return H.useEffect(() => {
     if (d) return;
     let g = !0;
-    return ca().then((u) => {
-      g && b(u);
+    return ca().then((m) => {
+      g && b(m);
     }), () => {
       g = !1;
     };
-  }, [d]), d ? /* @__PURE__ */ l(
-    ze,
+  }, [d]), d ? /* @__PURE__ */ i(
+    Ke,
     {
       state: o,
       modules: d,
@@ -3115,35 +3120,35 @@ function da(e) {
       renderItem: r,
       renderDragOverlay: s
     }
-  ) : /* @__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);
+  ) : /* @__PURE__ */ i("div", { "data-sortable-zones-passive": "true", children: o.zones.map((g) => {
+    const m = g.items.map((C) => /* @__PURE__ */ i(H.Fragment, { children: r(C) }, C.id));
+    return /* @__PURE__ */ i("div", { ...o.getZoneProps(g.zoneKey), children: a(g.zoneKey, g.items, m) }, g.zoneKey);
   }) });
 }
 da.displayName = "SortableZones";
-function ze({
+function Ke({
   state: e,
   modules: t,
   renderZone: n,
   renderItem: a,
   renderDragOverlay: r
 }) {
-  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(
+  const { core: s, sortable: o, utilities: d } = t, { DndContext: b, DragOverlay: g, useSensors: m, useSensor: C, useDroppable: u, PointerSensor: c, KeyboardSensor: h, closestCenter: x } = s, { SortableContext: f, verticalListSortingStrategy: S } = o, I = m(
     C(c, { activationConstraint: { distance: 5 } }),
-    C(f)
-  ), N = b, _ = g, T = h;
-  return /* @__PURE__ */ A(
+    C(h)
+  ), N = b, _ = g, T = f;
+  return /* @__PURE__ */ O(
     N,
     {
       sensors: I,
-      collisionDetection: S,
+      collisionDetection: x,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((i) => {
-          const v = i.items.map((w) => w.id), p = i.items.map((w) => /* @__PURE__ */ l(
-            Ke,
+        e.zones.map((l) => {
+          const v = l.items.map((w) => w.id), p = l.items.map((w) => /* @__PURE__ */ i(
+            We,
             {
               id: w.id,
               useSortable: o.useSortable,
@@ -3152,42 +3157,42 @@ function ze({
             },
             w.id
           ));
-          return /* @__PURE__ */ l(
-            We,
+          return /* @__PURE__ */ i(
+            Ge,
             {
-              zoneKey: i.zoneKey,
-              zoneProps: e.getZoneProps(i.zoneKey),
-              useDroppable: m,
-              children: /* @__PURE__ */ l(T, { items: v, strategy: x, children: n(i.zoneKey, i.items, p) })
+              zoneKey: l.zoneKey,
+              zoneProps: e.getZoneProps(l.zoneKey),
+              useDroppable: u,
+              children: /* @__PURE__ */ i(T, { items: v, strategy: S, children: n(l.zoneKey, l.items, p) })
             },
-            i.zoneKey
+            l.zoneKey
           );
         }),
-        /* @__PURE__ */ l(_, { children: e.activeItem ? r?.(e.activeItem) ?? a(e.activeItem) : null })
+        /* @__PURE__ */ i(_, { children: e.activeItem ? r?.(e.activeItem) ?? a(e.activeItem) : null })
       ]
     }
   );
 }
-ze.displayName = "SortableZonesInner";
-function Ke({ 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 = {
+Ke.displayName = "SortableZonesInner";
+function We({ id: e, useSortable: t, cssHelper: n, children: a }) {
+  const { attributes: r, listeners: s, setNodeRef: o, transform: d, transition: b, isDragging: g } = t({ id: e }), m = {
     transform: n?.Transform?.toString(d) ?? void 0,
     transition: b,
     opacity: g ? 0.5 : 1
   };
-  return /* @__PURE__ */ l("div", { ref: o, style: u, "data-sortable-item-id": e, ...r, ...s, children: a });
+  return /* @__PURE__ */ i("div", { ref: o, style: m, "data-sortable-item-id": e, ...r, ...s, children: a });
 }
-Ke.displayName = "SortableItem";
-function We({
+We.displayName = "SortableItem";
+function Ge({
   zoneKey: e,
   zoneProps: t,
   useDroppable: n,
   children: a
 }) {
   const { setNodeRef: r, isOver: s } = n({ id: e });
-  return /* @__PURE__ */ l("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: a });
+  return /* @__PURE__ */ i("div", { ref: r, "data-zone-is-over": s || void 0, ...t, children: a });
 }
-We.displayName = "ZoneDroppable";
+Ge.displayName = "ZoneDroppable";
 function In({
   slotLeft: e,
   slotCenter: t,
@@ -3201,7 +3206,7 @@ function In({
     "--gloss-bottom-toolbar-height": `${a}px`,
     ...s
   };
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ O(
     "div",
     {
       role: "toolbar",
@@ -3210,7 +3215,7 @@ function In({
       className: ["gloss-bottom-toolbar", r].filter(Boolean).join(" "),
       style: d,
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--left",
@@ -3218,7 +3223,7 @@ function In({
             children: e
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--center",
@@ -3226,7 +3231,7 @@ function In({
             children: t
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--right",
@@ -3248,7 +3253,7 @@ function Pn({
   pulseNonce: o
 }) {
   const d = qe.useRef([]);
-  return d.current.length = e, /* @__PURE__ */ l(
+  return d.current.length = e, /* @__PURE__ */ i(
     "div",
     {
       role: "tablist",
@@ -3259,55 +3264,55 @@ function Pn({
         if (e !== 0) {
           if (g.key === "ArrowRight") {
             g.preventDefault();
-            const u = (t + 1) % e;
-            n(u), requestAnimationFrame(() => d.current[u]?.focus());
+            const m = (t + 1) % e;
+            n(m), requestAnimationFrame(() => d.current[m]?.focus());
           } else if (g.key === "ArrowLeft") {
             g.preventDefault();
-            const u = (t - 1 + e) % e;
-            n(u), requestAnimationFrame(() => d.current[u]?.focus());
+            const m = (t - 1 + e) % e;
+            n(m), requestAnimationFrame(() => d.current[m]?.focus());
           }
         }
       },
-      children: Array.from({ length: e }, (g, u) => /* @__PURE__ */ l(
+      children: Array.from({ length: e }, (g, m) => /* @__PURE__ */ i(
         "button",
         {
           ref: (C) => {
-            d.current[u] = C;
+            d.current[m] = C;
           },
           type: "button",
           role: "tab",
-          "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,
+          "aria-selected": m === t,
+          "aria-label": m === r ? "Unconfirmed section" : `Section ${m + 1}`,
+          "data-state": m === r ? "provisional-hollow" : m === s ? "pulse" : m === t ? "current" : "hollow",
+          "data-section-index": m,
           className: [
             "gloss-section-dots__dot",
-            u === t && "gloss-section-dots__dot--current"
+            m === t && "gloss-section-dots__dot--current"
           ].filter(Boolean).join(" "),
-          onClick: () => n(u)
+          onClick: () => n(m)
         },
-        u === s ? `${u}-${o ?? 0}` : u
+        m === s ? `${m}-${o ?? 0}` : m
       ))
     }
   );
 }
 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(Ne, { region: "toolbar", density: e, children: t }) });
+  return delete r.className, delete r.style, /* @__PURE__ */ i("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...r, children: /* @__PURE__ */ i(Ce, { region: "toolbar", density: e, children: t }) });
 });
 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(Ne, { region: "form-section", density: n, children: a })
+  return delete o.className, delete o.style, /* @__PURE__ */ O("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
+    e && /* @__PURE__ */ i("legend", { className: "gloss-container-form-section__legend", children: e }),
+    t && /* @__PURE__ */ i("p", { className: "gloss-container-form-section__description", children: t }),
+    /* @__PURE__ */ i(Ce, { region: "form-section", density: n, children: 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(Ne, { region: "table", density: e, children: t }) });
+  return delete r.className, delete r.style, /* @__PURE__ */ i("div", { ref: a, className: "gloss-container-table", ...r, children: /* @__PURE__ */ i(Ce, { region: "table", density: e, children: t }) });
 });
 ga.displayName = "ContainerTable";
 export {
@@ -3368,7 +3373,7 @@ export {
   ai as DEFAULT_MARKET_PRESETS,
   Tr as DEFAULT_OVERFLOW_IDS,
   ni as DEFAULT_PINNED,
-  Fe as DEFAULT_RESIZE_PHYSICS,
+  Ee as DEFAULT_RESIZE_PHYSICS,
   Rr as DataTable,
   Ir as DatePicker,
   Pr as DateRangePicker,
@@ -3430,7 +3435,7 @@ export {
   _s as OrderFilterBar,
   ri as PERIOD_OPTIONS,
   xt as PageChip,
-  Ee as PageDropdown,
+  Oe as PageDropdown,
   xs as PasswordInput,
   Ss as PaymentForm,
   Ms as PaymentMethodSelect,
@@ -3475,10 +3480,10 @@ export {
   no as StatusModeCard,
   ht as StatusSlotChipMenu,
   ro as Stepper,
-  Pe as SwingReveal,
+  Fe as SwingReveal,
   oi as TODAY_PRESET,
   J as TUNING_DEFAULTS,
-  $e as TUNING_STORAGE_KEY,
+  Be as TUNING_STORAGE_KEY,
   so as TabGroup,
   oo as TabbedDataView,
   io as TagInput,
@@ -3493,7 +3498,7 @@ export {
   ho as TrendCard,
   bo as TrendIndicator,
   Jo as UIContext,
-  Ne as UIContextProvider,
+  Ce as UIContextProvider,
   vo as UnifiedBreakdownTable,
   yo as UnifiedContextMenu,
   yt as VelocityBuffer,
@@ -3518,7 +3523,7 @@ export {
   _o as creditCardFormMetadata,
   xo as creditCardSchema,
   mt as dateChip,
-  Le as defaultControlBarState,
+  $e as defaultControlBarState,
   So as destructiveModalMetadata,
   Mo as durations,
   To as easings,