@mt-gloss/ui 0.1.83 → 0.1.85

package/index.js

@@ -1,12 +1,12 @@
-import { u as Ze, C as qe } from "./Expandable-Deyl6mWK.js";
-import { Q as Sr, V as kr, T as Dr, U as xr, a5 as Tr, b8 as Rr, aB as Mr, aj as Pr, $ as Ir, ap as Er, N as Ar, aa as Fr, bo as Or, P as Lr, B as $r, a as zr, A as Br, K as Kr, bj as Gr, J as Hr, L as Wr, E as Vr, D as jr, H as Ur, F as Yr, by as Zr, b as qr, c as Qr, O as Xr, q as Jr, af as es, aP as ts, A as as, K as ns, J as rs, L as ss, E as is, D as os, H as ls, F as cs, b1 as ds, b4 as us, b3 as ms, b2 as gs, b5 as ps, aE as hs, a7 as fs, a6 as bs, as as vs, m as ys, o as ws, aH as _s, ad as Cs, ba as Ns, ab as Ss, bp as ks, _ as Ds, bI as xs, bH as Ts, bJ as Rs, ar as Ms, aS as Ps, bc as Is, bN as Es, bw as As, p as Fs, ao as Os, bC as Ls, bt as $s, a2 as zs, at as Bs, a4 as Ks, bB as Gs, bS as Hs, G as Ws, f as Vs, ac as js, bK as Us, aV as Ys, t as Zs, x as qs, I as Qs, i as Xs, ay as Js, bO as ei, M as ti, y as ai, W as ni, Z as ri, X as si, Y as ii, au as oi, bi as li, bQ as ci, bM as di, aq as ui, w as mi, bq as gi, aU as pi, al as hi, aM as fi, ai as bi, an as vi, aw as yi, aT as wi, ae as _i, av as Ci, e as Ni, R as Si, l as ki, r as Di, aJ as xi, bz as Ti, bA as Ri, ak as Mi, ag as Pi, j as Ii, z as Ei, b9 as Ai, ah as Fi, bP as Oi, be as Li, bh as $i, bf as zi, bg as Bi, k as Ki, bb as Gi, bn as Hi, S as Wi, bl as Vi, bm as ji, ax as Ui, bd as Yi, bR as Zi, am as qi, v as Qi, bL as Xi, n as Ji, h as eo, s as to, a0 as ao, a1 as no, a9 as ro, bk as so, bx as io, bE as oo, aC as lo, aD as co, a8 as uo, aQ as mo, aR as go, aF as po, aG as ho, aI as fo, aX as bo, aY as vo, br as yo, bG as wo, bF as _o, a_ as Co, a$ as No, az as So, aA as ko, b7 as Do, b6 as xo, b0 as To, aN as Ro, aO as Mo, aZ as Po, aK as Io, aL as Eo, d as Ao, bD as Fo, bs as Oo, bu as Lo, bv as $o, aW as zo, a3 as Bo, bT as Ko, g as Go } from "./Expandable-Deyl6mWK.js";
+import { u as Ze, C as qe } from "./Expandable-D00kXkfM.js";
+import { Q as Sr, V as kr, T as Dr, U as xr, a5 as Tr, b8 as Rr, aB as Mr, aj as Pr, $ as Ir, ap as Er, N as Ar, aa as Fr, bo as Or, P as Lr, B as $r, a as zr, A as Br, K as Kr, bj as Gr, J as Hr, L as Wr, E as Vr, D as jr, H as Ur, F as Yr, by as Zr, b as qr, c as Qr, O as Xr, q as Jr, af as es, aP as ts, A as as, K as ns, J as rs, L as ss, E as is, D as os, H as ls, F as cs, b1 as ds, b4 as us, b3 as ms, b2 as gs, b5 as ps, aE as hs, a7 as fs, a6 as bs, as as vs, m as ys, o as ws, aH as _s, ad as Cs, ba as Ns, ab as Ss, bp as ks, _ as Ds, bI as xs, bH as Ts, bJ as Rs, ar as Ms, aS as Ps, bc as Is, bN as Es, bw as As, p as Fs, ao as Os, bC as Ls, bt as $s, a2 as zs, at as Bs, a4 as Ks, bB as Gs, bS as Hs, G as Ws, f as Vs, ac as js, bK as Us, aV as Ys, t as Zs, x as qs, I as Qs, i as Xs, ay as Js, bO as ei, M as ti, y as ai, W as ni, Z as ri, X as si, Y as ii, au as oi, bi as li, bQ as ci, bM as di, aq as ui, w as mi, bq as gi, aU as pi, al as hi, aM as fi, ai as bi, an as vi, aw as yi, aT as wi, ae as _i, av as Ci, e as Ni, R as Si, l as ki, r as Di, aJ as xi, bz as Ti, bA as Ri, ak as Mi, ag as Pi, j as Ii, z as Ei, b9 as Ai, ah as Fi, bP as Oi, be as Li, bh as $i, bf as zi, bg as Bi, k as Ki, bb as Gi, bn as Hi, S as Wi, bl as Vi, bm as ji, ax as Ui, bd as Yi, bR as Zi, am as qi, v as Qi, bL as Xi, n as Ji, h as eo, s as to, a0 as ao, a1 as no, a9 as ro, bk as so, bx as io, bE as oo, aC as lo, aD as co, a8 as uo, aQ as mo, aR as go, aF as po, aG as ho, aI as fo, aX as bo, aY as vo, br as yo, bG as wo, bF as _o, a_ as Co, a$ as No, az as So, aA as ko, b7 as Do, b6 as xo, b0 as To, aN as Ro, aO as Mo, aZ as Po, aK as Io, aL as Eo, d as Ao, bD as Fo, bs as Oo, bu as Lo, bv as $o, aW as zo, a3 as Bo, bT as Ko, g as Go } from "./Expandable-D00kXkfM.js";
 import { jsxs as w, jsx as r, Fragment as $ } from "react/jsx-runtime";
 import * as B from "react";
 import F, { useRef as P, useEffect as A, useState as E, useCallback as C, useId as Qe, forwardRef as Xe, useMemo as re, createContext as Je, useContext as et } from "react";
 import { motion as G, useMotionValue as tt, AnimatePresence as at, useDragControls as nt } from "framer-motion";
 import { B as rt, a as X, b as ce, U as fe } from "./UIContext-DP6JGCto.js";
 import { c as Wo, u as Vo } from "./UIContext-DP6JGCto.js";
-import { C as Uo, c as Yo, b as Zo, P as qo, e as Qo, i as Xo, r as Jo, u as el, a as tl, d as al } from "./COMMITS-or4m2o8k.js";
+import { C as Uo, c as Yo, b as Zo, P as qo, e as Qo, i as Xo, r as Jo, u as el, a as tl, d as al } from "./COMMITS-BUj_vdP8.js";
 import { createPortal as st } from "react-dom";
 import { DEFAULT_MARKET_PRESETS as rl, DEFAULT_PINNED as sl, PERIOD_OPTIONS as il, ROLLING_OPTIONS as ol, TODAY_PRESET as ll, findPreset as cl, formatDateRange as dl, formatMarketDates as ul, formatTrend as ml, formatValue as gl, generateMarketId as pl, getAllPresets as hl, getDateRangeForPreset as fl, getPresetLabel as bl, isInRange as vl, isMarketActive as yl, isSameDay as wl, normalizePresetId as _l, toUppercasePresetId as Cl } from "@mt-gloss/utils";
 import it from "@mui/icons-material/AccessTime";
@@ -36,8 +36,8 @@ function nn(e) {
     enabled: o = !0,
     isItemDisabled: l,
     onSelect: u,
-    onEscape: c
-  } = e, [m, h] = E(-1), d = n !== void 0 ? n : m, g = C(
+    onEscape: d
+  } = e, [m, h] = E(-1), c = n !== void 0 ? n : m, g = C(
     (p) => {
       n === void 0 && h(p), a?.(p);
     },
@@ -60,23 +60,23 @@ function nn(e) {
     const p = y();
     p.length > 0 && g(p[p.length - 1]);
   }, [y, g]), M = C(() => {
-    const p = k(d, 1);
+    const p = k(c, 1);
     p !== -1 && g(p);
-  }, [d, k, g]), N = C(() => {
-    const p = k(d, -1);
+  }, [c, k, g]), N = C(() => {
+    const p = k(c, -1);
     p !== -1 && g(p);
-  }, [d, k, g]), S = C(() => {
+  }, [c, k, g]), S = C(() => {
     g(-1);
   }, [g]), R = C(
     (p) => {
       if (!o) return;
       const { key: v } = p, _ = v === "ArrowUp" && (s === "vertical" || s === "both"), D = v === "ArrowDown" && (s === "vertical" || s === "both"), T = v === "ArrowLeft" && (s === "horizontal" || s === "both"), x = v === "ArrowRight" && (s === "horizontal" || s === "both");
       if (_ || T) {
-        p.preventDefault(), d === -1 ? b() : N();
+        p.preventDefault(), c === -1 ? b() : N();
         return;
       }
       if (D || x) {
-        p.preventDefault(), d === -1 ? f() : M();
+        p.preventDefault(), c === -1 ? f() : M();
         return;
       }
       if (v === "Home") {
@@ -87,21 +87,21 @@ function nn(e) {
         p.preventDefault(), b();
         return;
       }
-      if ((v === "Enter" || v === " ") && d >= 0 && d < t.length) {
+      if ((v === "Enter" || v === " ") && c >= 0 && c < t.length) {
         p.preventDefault();
-        const I = t[d];
-        l?.(I, d) || u?.(I, d);
+        const I = t[c];
+        l?.(I, c) || u?.(I, c);
         return;
       }
       if (v === "Escape") {
-        c?.();
+        d?.();
         return;
       }
     },
     [
       o,
       s,
-      d,
+      c,
       t,
       f,
       b,
@@ -109,11 +109,11 @@ function nn(e) {
       N,
       l,
       u,
-      c
+      d
     ]
   );
   return {
-    focusedIndex: d,
+    focusedIndex: c,
     setFocusedIndex: g,
     handleKeyDown: R,
     focusFirst: f,
@@ -134,9 +134,9 @@ const mt = ({
   const [o, l] = E(n != null ? String(n) : ""), u = () => {
     const g = parseFloat(o);
     Number.isNaN(g) || a(g);
-  }, c = (g) => {
+  }, d = (g) => {
     g.key === "Enter" ? (g.preventDefault(), u()) : g.key === "Escape" && (g.preventDefault(), i?.());
-  }, m = Qe(), h = `gloss-target-input-field-${m}`, d = s ? `gloss-target-input-hint-${m}` : void 0;
+  }, m = Qe(), h = `gloss-target-input-field-${m}`, c = s ? `gloss-target-input-hint-${m}` : void 0;
   return /* @__PURE__ */ w("div", { className: "gloss-target-input", children: [
     /* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: h, children: e }),
     /* @__PURE__ */ w("div", { className: "gloss-target-input__field-row", children: [
@@ -148,14 +148,14 @@ const mt = ({
           className: "gloss-target-input__field",
           value: o,
           onChange: (g) => l(g.target.value),
-          onKeyDown: c,
-          "aria-describedby": d,
+          onKeyDown: d,
+          "aria-describedby": c,
           autoFocus: !0
         }
       ),
       t && /* @__PURE__ */ r("span", { className: "gloss-target-input__unit", children: t })
     ] }),
-    s && /* @__PURE__ */ r("p", { id: d, className: "gloss-target-input__hint", children: s }),
+    s && /* @__PURE__ */ r("p", { id: c, className: "gloss-target-input__hint", children: s }),
     /* @__PURE__ */ w("div", { className: "gloss-target-input__actions", children: [
       /* @__PURE__ */ r(
         "button",
@@ -296,7 +296,7 @@ function yt({
   overflowActions: s,
   onClose: o
 }) {
-  const [l, u] = E(null), c = P(null), m = C(() => {
+  const [l, u] = E(null), d = P(null), m = C(() => {
     if (!t) return { ...ye, top: 0, left: 0 };
     const g = t.getBoundingClientRect();
     return {
@@ -314,14 +314,14 @@ function yt({
   }, [e, o]), A(() => {
     if (!e) return;
     const g = (y) => {
-      c.current && !c.current.contains(y.target) && o();
+      d.current && !d.current.contains(y.target) && o();
     };
     return document.addEventListener("pointerdown", g, !0), () => document.removeEventListener("pointerdown", g, !0);
   }, [e, o]), !e) return null;
-  const h = s && s.length > 0, d = /* @__PURE__ */ w(
+  const h = s && s.length > 0, c = /* @__PURE__ */ w(
     "div",
     {
-      ref: c,
+      ref: d,
       "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
@@ -371,7 +371,7 @@ function yt({
       ]
     }
   );
-  return st(d, document.body);
+  return st(c, document.body);
 }
 yt.displayName = "StatusSlotChipMenu";
 function wt({
@@ -457,8 +457,8 @@ class hn {
     const t = this.samples.length;
     if (t < 2) return 0;
     if (t === 2) {
-      const [u, c] = this.samples, m = Math.max(1, c.t - u.t);
-      return (c.x - u.x) / m * 1e3;
+      const [u, d] = this.samples, m = Math.max(1, d.t - u.t);
+      return (d.x - u.x) / m * 1e3;
     }
     const [n, a, i] = this.samples, s = (i.x - a.x) / Math.max(1, i.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, l = o;
     return (s * 3 + o * 2 + l * 1) / 6;
@@ -558,7 +558,7 @@ function Ae(e) {
     staggerMs: u
   } = e;
   if (!t) return null;
-  const c = n === "grow", m = c ? s + a : s + i, h = c ? o - i : o - a, d = Math.max(0, h - m);
+  const d = n === "grow", m = d ? s + a : s + i, h = d ? o - i : o - a, c = Math.max(0, h - m);
   return /* @__PURE__ */ r(
     "div",
     {
@@ -576,7 +576,7 @@ function Ae(e) {
         height: "100%",
         alignItems: "center",
         left: m,
-        width: d
+        width: c
       },
       children: (n === "grow" ? [0, 1, 2, 3, 4] : [4, 3, 2, 1, 0]).map((y, k) => /* @__PURE__ */ r(
         G.span,
@@ -723,13 +723,13 @@ function kt(e) {
     onCommit: o,
     onEnter: l,
     onLeave: u,
-    buttonHeight: c,
+    buttonHeight: d,
     buttonWidth: m
   } = e;
   let h = null;
   if (a === "directional") {
-    const d = typeof t == "number" && typeof n == "number" && t < n ? "left" : "right";
-    h = /* @__PURE__ */ r(Ct, { direction: d });
+    const c = typeof t == "number" && typeof n == "number" && t < n ? "left" : "right";
+    h = /* @__PURE__ */ r(Ct, { direction: c });
   } else
     h = /* @__PURE__ */ r(St, { target: t });
   return /* @__PURE__ */ w(
@@ -745,7 +745,7 @@ function kt(e) {
       "data-mode": a,
       "data-active": i ? "true" : "false",
       "data-button-hover-state": s ? "check" : "chevron",
-      style: { width: m, height: c },
+      style: { width: m, height: d },
       onClick: () => o(t),
       onPointerEnter: () => l?.(t),
       onPointerLeave: () => u?.(),
@@ -762,7 +762,7 @@ const Dt = Xe(
     const a = {
       ...Ie,
       ...t.physics
-    }, i = t.pillVisible && !t.forceIdle && t.resizePillEnabled !== !1, s = t.availableTargets, o = t.orientation ?? "vertical", l = t.buttonHover !== null && t.previewTarget !== void 0 && t.previewTarget !== null && t.previewTarget !== t.currentTarget && !t.forceIdle && t.resizePillEnabled !== !1, u = l && t.previewTarget != null ? t.resolveTargetWidth(t.previewTarget) : t.hostWidth, c = t.chainStartX ?? 0, m = t.chainEndX ?? t.hostWidth, h = t.chainDirection ?? "grow";
+    }, i = t.pillVisible && !t.forceIdle && t.resizePillEnabled !== !1, s = t.availableTargets, o = t.orientation ?? "vertical", l = t.buttonHover !== null && t.previewTarget !== void 0 && t.previewTarget !== null && t.previewTarget !== t.currentTarget && !t.forceIdle && t.resizePillEnabled !== !1, u = l && t.previewTarget != null ? t.resolveTargetWidth(t.previewTarget) : t.hostWidth, d = t.chainStartX ?? 0, m = t.chainEndX ?? t.hostWidth, h = t.chainDirection ?? "grow";
     return /* @__PURE__ */ w(at, { children: [
       i && /* @__PURE__ */ r(
         G.div,
@@ -790,16 +790,16 @@ const Dt = Xe(
           transition: { duration: a.pillRevealMs / 1e3 },
           onPointerEnter: t.onPillEnter,
           onPointerLeave: t.onPillLeave,
-          children: s.map((d) => /* @__PURE__ */ r(
+          children: s.map((c) => /* @__PURE__ */ r(
             kt,
             {
-              target: d,
+              target: c,
               currentTarget: t.currentTarget,
               mode: t.mode,
-              isActive: d === t.currentTarget,
+              isActive: c === t.currentTarget,
               isHovered: (
                 // Hover-state mapping for chevron→✓ morph CSS.
-                t.buttonHover !== null && (typeof d == "number" && typeof t.currentTarget == "number" && (t.buttonHover === "grow" && d > t.currentTarget || t.buttonHover === "shrink" && d < t.currentTarget) || t.buttonHover === d)
+                t.buttonHover !== null && (typeof c == "number" && typeof t.currentTarget == "number" && (t.buttonHover === "grow" && c > t.currentTarget || t.buttonHover === "shrink" && c < t.currentTarget) || t.buttonHover === c)
               ),
               onCommit: t.onCommit,
               onEnter: t.onButtonEnter,
@@ -807,7 +807,7 @@ const Dt = Xe(
               buttonHeight: a.pillButtonHeight,
               buttonWidth: a.pillButtonWidth
             },
-            String(d)
+            String(c)
           ))
         },
         "pill"
@@ -832,7 +832,7 @@ const Dt = Xe(
           direction: h,
           pillClearancePx: a.pillClearancePx,
           ghostClearancePx: a.ghostClearancePx,
-          startX: c,
+          startX: d,
           endX: m,
           pulseMs: a.chainPulseMs,
           staggerMs: a.chainStaggerMs
@@ -858,10 +858,10 @@ function fn(e) {
   const t = {
     ...Ie,
     ...e.physics
-  }, [n, a] = E("idle"), [i, s] = E(e.currentTarget), [o, l] = E(null), u = P(!1), c = P(null), m = P(null), h = P(e.currentTarget);
+  }, [n, a] = E("idle"), [i, s] = E(e.currentTarget), [o, l] = E(null), u = P(!1), d = P(null), m = P(null), h = P(e.currentTarget);
   h.current = e.currentTarget;
-  const d = P(e.onCommit);
-  d.current = e.onCommit;
+  const c = P(e.onCommit);
+  c.current = e.onCommit;
   const g = P(e.forceIdle);
   g.current = e.forceIdle;
   const y = P(e.onPhaseChange);
@@ -870,7 +870,7 @@ function fn(e) {
   }, [n]), A(() => {
     e.forceIdle && (m.current && (clearTimeout(m.current), m.current = null), a("idle"), l(null));
   }, [e.forceIdle]), A(() => () => {
-    c.current && clearTimeout(c.current), m.current && clearTimeout(m.current);
+    d.current && clearTimeout(d.current), m.current && clearTimeout(m.current);
   }, []);
   const k = C(() => {
     u.current || g.current || (s(h.current), a("pill-visible"));
@@ -878,9 +878,9 @@ function fn(e) {
     a("idle"), l(null);
   }, []), b = C(
     (x) => {
-      u.current = !0, c.current && clearTimeout(c.current), c.current = setTimeout(() => {
-        u.current = !1, c.current = null;
-      }, t.fadeGraceMs), l(null), a("fading"), d.current(x);
+      u.current = !0, d.current && clearTimeout(d.current), d.current = setTimeout(() => {
+        u.current = !1, d.current = null;
+      }, t.fadeGraceMs), l(null), a("fading"), c.current(x);
     },
     [t.fadeGraceMs]
   ), M = C(() => {
@@ -1212,13 +1212,13 @@ function Oe({
   onManagePages: l
 }) {
   const u = C(
-    (d) => {
-      s(d), t();
+    (c) => {
+      s(c), t();
     },
     [s, t]
-  ), c = C(
-    (d, g) => {
-      (g.key === "Enter" || g.key === " ") && (g.preventDefault(), u(d));
+  ), d = C(
+    (c, g) => {
+      (g.key === "Enter" || g.key === " ") && (g.preventDefault(), u(c));
     },
     [u]
   ), m = C(() => {
@@ -1240,8 +1240,8 @@ function Oe({
       anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((d) => {
-          const g = d.id === i;
+        /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((c) => {
+          const g = c.id === i;
           return /* @__PURE__ */ w(
             "li",
             {
@@ -1250,8 +1250,8 @@ function Oe({
               "aria-current": g ? "page" : void 0,
               tabIndex: 0,
               className: `gloss-page-dropdown__item${g ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => u(d.id),
-              onKeyDown: (y) => c(d.id, y),
+              onClick: () => u(c.id),
+              onKeyDown: (y) => d(c.id, y),
               children: [
                 /* @__PURE__ */ r(
                   "span",
@@ -1262,14 +1262,15 @@ function Oe({
                 /* @__PURE__ */ r(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${d.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: d.name
+                    className: `gloss-page-dropdown__name${c.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: c.name
                   }
                 ),
-                /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children: d.cardCount })
+                c.icon && /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__icon", children: c.icon }),
+                /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children: c.cardCount })
               ]
             },
-            d.id
+            c.id
           );
         }) }),
         /* @__PURE__ */ r("hr", { className: "gloss-page-dropdown__separator" }),
@@ -1306,12 +1307,12 @@ const Et = function({
   onManagePages: o,
   maskRadius: l = "var(--gloss-radius-md)",
   displayMode: u = "count",
-  activePage: c
+  activePage: d
 }) {
-  const m = P(null), [h, d] = E(!1), g = C(() => {
-    d((b) => !b);
+  const m = P(null), [h, c] = E(!1), g = C(() => {
+    c((b) => !b);
   }, []), y = C(() => {
-    d(!1);
+    c(!1);
   }, []), k = a[t]?.id ?? "";
   return /* @__PURE__ */ w(
     "div",
@@ -1334,10 +1335,10 @@ const Et = function({
             className: `gloss-page-chip__trigger${u === "name" ? " gloss-page-chip__trigger--name" : ""}`,
             "aria-haspopup": "menu",
             "aria-expanded": h,
-            "aria-label": u === "name" ? `${c ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
+            "aria-label": u === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
             onClick: g,
             children: u === "name" ? /* @__PURE__ */ w($, { children: [
-              /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: c ?? "" }),
+              /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: d ?? "" }),
               /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
             ] }) : /* @__PURE__ */ w($, { children: [
               t + 1,
@@ -2044,33 +2045,33 @@ const Ht = ({
 }) => {
   const s = P(null), o = P([]), l = Gt(), u = re(() => Array.from(e), [e]);
   if (u.length === 0) return null;
-  const c = a ? `Configure ${a}: choose a dimension` : void 0, m = l ? "10ms" : "200ms", h = (d, g) => {
+  const d = a ? `Configure ${a}: choose a dimension` : void 0, m = l ? "10ms" : "200ms", h = (c, g) => {
     const y = u.length - 1, k = (f) => {
       const b = o.current[f];
       b && b.focus();
     };
-    switch (d.key) {
+    switch (c.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        d.preventDefault(), k(g === y ? 0 : g + 1);
+        c.preventDefault(), k(g === y ? 0 : g + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        d.preventDefault(), k(g === 0 ? y : g - 1);
+        c.preventDefault(), k(g === 0 ? y : g - 1);
         break;
       }
       case "Home": {
-        d.preventDefault(), k(0);
+        c.preventDefault(), k(0);
         break;
       }
       case "End": {
-        d.preventDefault(), k(y);
+        c.preventDefault(), k(y);
         break;
       }
       case "Enter":
       case " ": {
-        d.preventDefault(), t(u[g]);
+        c.preventDefault(), t(u[g]);
         break;
       }
     }
@@ -2080,7 +2081,7 @@ const Ht = ({
     {
       ref: s,
       role: "group",
-      "aria-label": c,
+      "aria-label": d,
       className: Se("gloss-reconfig-backside-buttons", i),
       style: {
         // Expose the reduced-motion-resolved duration as a CSS custom prop
@@ -2088,8 +2089,8 @@ const Ht = ({
         // query in the JS. Also surfaces the value for the unit test.
         "--gloss-reconfig-backside-buttons-transition-duration": m
       },
-      children: u.map((d, g) => {
-        const y = Kt[d], k = n === d;
+      children: u.map((c, g) => {
+        const y = Kt[c], k = n === c;
         return /* @__PURE__ */ w(
           "button",
           {
@@ -2097,13 +2098,13 @@ const Ht = ({
               o.current[g] = f;
             },
             type: "button",
-            "data-dimension": d,
+            "data-dimension": c,
             className: Se(
               "gloss-reconfig-backside-buttons__button",
               k && "gloss-reconfig-backside-buttons__button--active"
             ),
             "aria-current": k ? "true" : void 0,
-            onClick: () => t(d),
+            onClick: () => t(c),
             onKeyDown: (f) => h(f, g),
             children: [
               /* @__PURE__ */ r(
@@ -2113,10 +2114,10 @@ const Ht = ({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Bt[d] })
+              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Bt[c] })
             ]
           },
-          d
+          c
         );
       })
     }
@@ -2500,13 +2501,13 @@ function ea(e = {}) {
 }
 ea.displayName = "DevTuningPanel";
 function ta() {
-  const e = Yt(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = E(null), l = P(null), u = C((d) => {
-    l.current && clearTimeout(l.current), o(d), l.current = setTimeout(() => {
+  const e = Yt(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = E(null), l = P(null), u = C((c) => {
+    l.current && clearTimeout(l.current), o(c), l.current = setTimeout(() => {
       o(null), l.current = null;
     }, 200);
-  }, []), c = C(
-    (d, g) => {
-      n(d, g), d === "snapInPx" && g > t.snapOutPx && (n("snapOutPx", g), u("snapOutPx"));
+  }, []), d = C(
+    (c, g) => {
+      n(c, g), c === "snapInPx" && g > t.snapOutPx && (n("snapOutPx", g), u("snapOutPx"));
     },
     [n, t.snapOutPx, u]
   ), m = re(() => Zt, []), h = nt();
@@ -2526,23 +2527,23 @@ function ta() {
           "div",
           {
             className: "gloss-dev-tuning-panel__header",
-            onPointerDown: (d) => h.start(d),
+            onPointerDown: (c) => h.start(c),
             children: [
               /* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
               /* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
             ]
           }
         ),
-        /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: m.map((d) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: m.map((c) => /* @__PURE__ */ r(
           Xt,
           {
-            spec: d,
-            value: t[d.key],
-            onChange: (g) => c(d.key, g),
-            onReset: () => a(d.key),
-            flashing: s === d.key
+            spec: c,
+            value: t[c.key],
+            onChange: (g) => d(c.key, g),
+            onReset: () => a(c.key),
+            flashing: s === c.key
           },
-          d.key
+          c.key
         )) }),
         /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ r(
           "button",
@@ -2567,14 +2568,14 @@ function Yn({
   snapBoundariesX: o,
   topY: l,
   bottomY: u,
-  enterMs: c = U.envelopeEnterMs,
+  enterMs: d = U.envelopeEnterMs,
   exitMs: m = U.envelopeExitMs,
   className: h,
-  style: d
+  style: c
 }) {
   if (e === "hidden") return null;
   const g = Math.max(0, i - a), y = Math.max(0, u - l), k = {
-    "--gloss-resize-envelope-enter-ms": `${c}ms`,
+    "--gloss-resize-envelope-enter-ms": `${d}ms`,
     "--gloss-resize-envelope-exit-ms": `${m}ms`,
     "--gloss-resize-envelope-origin-x": `${t - a}px`,
     "--gloss-resize-envelope-origin-y": `${n - l}px`,
@@ -2582,7 +2583,7 @@ function Yn({
     top: l,
     width: g,
     height: y,
-    ...d
+    ...c
   };
   return /* @__PURE__ */ w(
     "div",
@@ -2641,12 +2642,12 @@ function Zn({
   children: l,
   ...u
 }) {
-  const c = a != null ? { ...u.style, "--_proximity-opacity": String(a) } : u.style;
+  const d = a != null ? { ...u.style, "--_proximity-opacity": String(a) } : u.style;
   return /* @__PURE__ */ r(
     "div",
     {
       ...u,
-      style: c,
+      style: d,
       "data-density": e,
       "data-can-accept": t ? "true" : "false",
       "data-blocked": n ? "true" : void 0,
@@ -2709,7 +2710,7 @@ function Qn({
   style: l,
   ...u
 }) {
-  const c = {
+  const d = {
     "--gloss-section-divider-fade-in-ms": `${n}ms`,
     "--gloss-section-divider-fade-out-ms": `${a}ms`,
     "--gloss-section-divider-stagger-delay": `${t * i}ms`,
@@ -2728,7 +2729,7 @@ function Qn({
         s === "seam-bleed" ? "gloss-section-divider--variant-seam-bleed" : "",
         o
       ].filter(Boolean).join(" "),
-      style: c
+      style: d
     }
   );
 }
@@ -2816,14 +2817,14 @@ function nr({
   onPack: l,
   ariaLabel: u
 }) {
-  const c = a ?? "Add card to this cell", m = i ?? u ?? "Pack row — shift cards left", h = t ?? l, { affordancesVisible: d } = Ze();
+  const d = a ?? "Add card to this cell", m = i ?? u ?? "Pack row — shift cards left", h = t ?? l, { affordancesVisible: c } = Ze();
   return /* @__PURE__ */ w(B.Fragment, { children: [
-    /* @__PURE__ */ r(De, { visible: d, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(De, { visible: c, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         "data-testid": "gloss-empty-cell-add",
-        "aria-label": c,
+        "aria-label": d,
         className: [
           "gloss-empty-cell-pack-affordance",
           "gloss-empty-cell-pack-affordance--add",
@@ -2836,7 +2837,7 @@ function nr({
         children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "+" })
       }
     ) }),
-    /* @__PURE__ */ r(De, { visible: e && d, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(De, { visible: e && c, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
@@ -2863,7 +2864,7 @@ function rr({
   children: l,
   className: u
 }) {
-  const c = t * n + (t - 1) * i, m = B.useRef(null);
+  const d = t * n + (t - 1) * i, m = B.useRef(null);
   return de("drag-ghost", () => {
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
@@ -2891,11 +2892,11 @@ function rr({
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
     const h = m.current;
-    let d = 0, g = "", y = "", k = "";
+    let c = 0, g = "", y = "", k = "";
     if (h)
       try {
         const M = window.getComputedStyle(h), N = M.outline || "", S = M.border || "", R = M.boxShadow || "", p = !!N && N !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(N), v = !!S && S !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(S), _ = !!R && R !== "none";
-        d = p || v || _ ? 1 : 0, g = p ? N : "", y = v ? S : "", k = _ ? R : "";
+        c = p || v || _ ? 1 : 0, g = p ? N : "", y = v ? S : "", k = _ ? R : "";
       } catch {
       }
     const f = h?.getBoundingClientRect() ?? null, b = h ? "drag-clone" : "subsumed-by-tracking-outline";
@@ -2908,7 +2909,7 @@ function rr({
         bounds_w: f?.width ?? 0,
         bounds_h: f?.height ?? 0,
         visible: h ? 1 : 0,
-        outlineOnClone: d
+        outlineOnClone: c
       },
       spec: {
         mode: b,
@@ -2936,7 +2937,7 @@ function rr({
         `gloss-drag-ghost--tint-${e}`,
         u
       ].filter(Boolean).join(" "),
-      style: { x: s, y: o, width: c, height: a },
+      style: { x: s, y: o, width: d, height: a },
       children: l
     }
   );
@@ -2952,9 +2953,9 @@ function Ge({
   pattern: o = "solid",
   transitionMs: l = 120,
   className: u,
-  motionWidth: c
+  motionWidth: d
 }) {
-  const m = n * a + (n - 1) * i, d = (t.section * na + t.col) * (a + i), g = t.row * (s + i), y = e === "resize" ? 2.5 : 2, k = o === "dashed-retreated" ? "dashed" : "solid", f = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline", b = {
+  const m = n * a + (n - 1) * i, c = (t.section * na + t.col) * (a + i), g = t.row * (s + i), y = e === "resize" ? 2.5 : 2, k = o === "dashed-retreated" ? "dashed" : "solid", f = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline", b = {
     className: [
       "gloss-tracking-outline",
       `gloss-tracking-outline--${e}`,
@@ -2970,13 +2971,13 @@ function Ge({
     "data-pattern": o,
     "aria-hidden": "true"
   };
-  return c ? /* @__PURE__ */ r(
+  return d ? /* @__PURE__ */ r(
     G.div,
     {
       ...b,
       style: {
-        transform: `translate(${d}px, ${g}px)`,
-        width: c,
+        transform: `translate(${c}px, ${g}px)`,
+        width: d,
         height: s,
         borderWidth: y,
         borderStyle: k
@@ -2987,7 +2988,7 @@ function Ge({
     {
       ...b,
       style: {
-        transform: `translate(${d}px, ${g}px)`,
+        transform: `translate(${c}px, ${g}px)`,
         width: m,
         height: s,
         borderWidth: y,
@@ -3011,10 +3012,10 @@ function ir({
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
     const o = s.current;
-    let l = 0, u = 0, c = 0, m = 0;
+    let l = 0, u = 0, d = 0, m = 0;
     for (const h of o) {
-      const d = h.x.get(), g = h.y.get();
-      Math.abs(d) > Math.abs(c) && (c = d, l = d), Math.abs(g) > Math.abs(m) && (m = g, u = g);
+      const c = h.x.get(), g = h.y.get();
+      Math.abs(c) > Math.abs(d) && (d = c, l = c), Math.abs(g) > Math.abs(m) && (m = g, u = g);
     }
     return {
       values: {
@@ -3061,10 +3062,10 @@ const ra = ({
 }) => {
   const a = P(null), i = P(null);
   A(() => {
-    const l = Math.min(100, Math.max(0, e.value)), u = Math.min(100, Math.max(0, t.value)), c = requestAnimationFrame(() => {
+    const l = Math.min(100, Math.max(0, e.value)), u = Math.min(100, Math.max(0, t.value)), d = requestAnimationFrame(() => {
       a.current && (a.current.style.width = `${l}%`), i.current && (i.current.style.width = `${u}%`);
     });
-    return () => cancelAnimationFrame(c);
+    return () => cancelAnimationFrame(d);
   }, [e.value, t.value]);
   const s = e.label ?? "ACTUAL", o = t.label ?? "ELAPSED";
   return /* @__PURE__ */ w(
@@ -3320,7 +3321,7 @@ function K({
   className: l,
   style: u
 }) {
-  const c = [
+  const d = [
     "gloss-entity-row",
     `gloss-entity-row--${s}`,
     o ? "gloss-entity-row--clickable" : "",
@@ -3332,7 +3333,7 @@ function K({
     /* @__PURE__ */ r("span", { className: "gloss-entity-row__value", children: a }),
     i !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: i })
   ] });
-  return o ? /* @__PURE__ */ r("div", { role: "listitem", className: c, style: u, children: /* @__PURE__ */ r(
+  return o ? /* @__PURE__ */ r("div", { role: "listitem", className: d, style: u, children: /* @__PURE__ */ r(
     "button",
     {
       type: "button",
@@ -3349,7 +3350,7 @@ function K({
       },
       children: m
     }
-  ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: c, style: u, children: m });
+  ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: d, style: u, children: m });
 }
 K.displayName = "EntityRow";
 const ee = ({ rank: e }) => {
@@ -3522,7 +3523,7 @@ function fa({
   ruleSubtitle: s,
   isStale: o
 }) {
-  const l = t.filter((c) => ha(c, n)), u = l.slice(0, a ?? 3);
+  const l = t.filter((d) => ha(d, n)), u = l.slice(0, a ?? 3);
   return l.length === 0 ? /* @__PURE__ */ w($, { children: [
     /* @__PURE__ */ r(
       X,
@@ -3548,16 +3549,16 @@ function fa({
       {
         className: `gloss-metric-card__zone-b gloss-exception-list ${o ? "gloss-metric-data-stale" : ""}`,
         style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
-        children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: u.map((c, m) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: u.map((d, m) => /* @__PURE__ */ r(
           K,
           {
-            lead: /* @__PURE__ */ r(te, { severity: c.severity, "aria-label": pa(c.severity) }),
-            name: c.name,
-            value: c.value,
+            lead: /* @__PURE__ */ r(te, { severity: d.severity, "aria-label": pa(d.severity) }),
+            name: d.name,
+            value: d.value,
             variant: "exception",
             style: { "--i": m }
           },
-          c.id
+          d.id
         )) })
       }
     ),
@@ -3693,10 +3694,10 @@ function fr({
   gap: s,
   className: o
 }) {
-  const u = (e.section * ya + e.col) * (a + s), c = e.row * (i + s), m = t === "eligibility" ? j.eligibilityFill : t === "commit" ? j.commitFill : t === "rejection" ? j.rejectionFill : (
+  const u = (e.section * ya + e.col) * (a + s), d = e.row * (i + s), m = t === "eligibility" ? j.eligibilityFill : t === "commit" ? j.commitFill : t === "rejection" ? j.rejectionFill : (
     /* ramp */
     n ?? j.eligibilityFill
-  ), h = t === "rejection", d = h ? j.rejectionStroke : "transparent", g = h ? "dashed" : "solid";
+  ), h = t === "rejection", c = h ? j.rejectionStroke : "transparent", g = h ? "dashed" : "solid";
   return /* @__PURE__ */ r(
     "div",
     {
@@ -3709,14 +3710,14 @@ function fr({
       "data-variant": t,
       "aria-hidden": "true",
       style: {
-        transform: `translate(${u}px, ${c}px)`,
+        transform: `translate(${u}px, ${d}px)`,
         width: a,
         height: i,
         // Use background-color longhand (NOT background shorthand) so jsdom + DOM
         // both preserve `var(...)` in inline cssText. The shorthand getter strips
         // unknown values and breaks both unit-test introspection and styling.
         backgroundColor: m,
-        borderColor: d,
+        borderColor: c,
         borderStyle: g
       }
     }
@@ -3814,8 +3815,8 @@ function Ca(e, t, n) {
     parseInt(h.slice(1, 3), 16),
     parseInt(h.slice(3, 5), 16),
     parseInt(h.slice(5, 7), 16)
-  ], [s, o, l] = i(e), [u, c, m] = i(t);
-  return `rgb(${Math.round(s + (u - s) * a)}, ${Math.round(o + (c - o) * a)}, ${Math.round(
+  ], [s, o, l] = i(e), [u, d, m] = i(t);
+  return `rgb(${Math.round(s + (u - s) * a)}, ${Math.round(o + (d - o) * a)}, ${Math.round(
     l + (m - l) * a
   )})`;
 }
@@ -3826,25 +3827,25 @@ function Sa(e) {
   return e === "dragging";
 }
 function yr(e) {
-  const { edgeHover: t, sourceCell: n, cascadeResult: a } = e, s = Ke() === "reduced", o = B.useRef(t.currentColSpan), l = B.useRef({ armed: !0, fireKey: 0, lastResult: null }), u = B.useRef(t.currentColSpan), c = B.useRef("idle"), m = B.useRef(t.currentColSpan), h = Sa(t.state);
-  if (s ? (c.current = "settled", m.current = t.currentColSpan, u.current = t.currentColSpan) : h ? c.current = t.currentColSpan !== u.current ? "incoming" : "outgoing" : (t.currentColSpan !== u.current && (m.current = t.currentColSpan, u.current = t.currentColSpan), c.current !== "idle" && (c.current = "settled")), !h)
+  const { edgeHover: t, sourceCell: n, cascadeResult: a } = e, s = Ke() === "reduced", o = B.useRef(t.currentColSpan), l = B.useRef({ armed: !0, fireKey: 0, lastResult: null }), u = B.useRef(t.currentColSpan), d = B.useRef("idle"), m = B.useRef(t.currentColSpan), h = Sa(t.state);
+  if (s ? (d.current = "settled", m.current = t.currentColSpan, u.current = t.currentColSpan) : h ? d.current = t.currentColSpan !== u.current ? "incoming" : "outgoing" : (t.currentColSpan !== u.current && (m.current = t.currentColSpan, u.current = t.currentColSpan), d.current !== "idle" && (d.current = "settled")), !h)
     return l.current.armed = !0, l.current.lastResult = null, {
       trackingOutline: null,
       cellTints: [],
       refusePulse: null,
       shrinkFreedCells: [],
-      phase: c.current,
+      phase: d.current,
       displayColSpan: m.current
     };
-  const d = t.hysteresisTargetColSpan, g = t.previewColSpan, y = a?.result === "rejected";
-  y || (o.current = d), y && l.current.armed && l.current.lastResult !== "rejected" && (l.current.fireKey += 1, l.current.armed = !1), l.current.lastResult = y ? "rejected" : "ok";
-  const k = y ? o.current : d, f = {
+  const c = t.hysteresisTargetColSpan, g = t.previewColSpan, y = a?.result === "rejected";
+  y || (o.current = c), y && l.current.armed && l.current.lastResult !== "rejected" && (l.current.fireKey += 1, l.current.armed = !1), l.current.lastResult = y ? "rejected" : "ok";
+  const k = y ? o.current : c, f = {
     cell: { section: 0, col: 0, row: 0 },
     colSpan: k,
     pattern: y ? "dashed-retreated" : "solid"
   }, b = [];
   if (y) {
-    const S = n.col + o.current, R = n.col + d - 1;
+    const S = n.col + o.current, R = n.col + c - 1;
     for (let p = S; p <= R && p <= 2; p++)
       b.push({
         cell: {
@@ -3855,15 +3856,15 @@ function yr(e) {
         variant: "rejection"
       });
   } else {
-    const S = Math.abs(g - d), R = Math.max(0, Math.min(1, 1 - S));
-    for (let p = n.col; p < n.col + d && p <= 2; p++) {
+    const S = Math.abs(g - c), R = Math.max(0, Math.min(1, 1 - S));
+    for (let p = n.col; p < n.col + c && p <= 2; p++) {
       if (p === n.col) continue;
-      const v = p === n.col + d - 1, _ = {
+      const v = p === n.col + c - 1, _ = {
         section: 0,
         col: p - n.col,
         row: 0
       };
-      v && t.direction.startsWith("grow") && d > 1 && !s && S > 0 && S < 1 ? b.push({
+      v && t.direction.startsWith("grow") && c > 1 && !s && S > 0 && S < 1 ? b.push({
         cell: _,
         variant: "ramp",
         rampColor: Ca(Me.eligibilityFill, Me.commitFill, R)
@@ -3871,8 +3872,8 @@ function yr(e) {
     }
   }
   const M = [];
-  if (t.currentColSpan > d)
-    for (let S = n.col + d; S < n.col + t.currentColSpan && S <= 2; S++)
+  if (t.currentColSpan > c)
+    for (let S = n.col + c; S < n.col + t.currentColSpan && S <= 2; S++)
       M.push({
         section: 0,
         col: S - n.col,
@@ -3893,7 +3894,7 @@ function yr(e) {
     cellTints: b,
     refusePulse: N,
     shrinkFreedCells: M,
-    phase: c.current,
+    phase: d.current,
     displayColSpan: m.current
   };
 }
@@ -3921,9 +3922,9 @@ function ka({
       "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
     );
   }, [a, i]), F.useLayoutEffect(() => {
-    let c = null;
-    if (a ? c = a : i && (c = document.querySelector(i)), c) {
-      const m = c.getBoundingClientRect();
+    let d = null;
+    if (a ? d = a : i && (d = document.querySelector(i)), d) {
+      const m = d.getBoundingClientRect();
       o({
         top: m.bottom + window.scrollY + 6,
         left: m.left + window.scrollX
@@ -3997,10 +3998,10 @@ function Ta({
   ), 0.01) : i, l = C(
     (p) => Math.round(p / o) * o,
     [o]
-  ), u = P(null), [c, m] = E(null), [h, d] = E(e), g = xa(e), y = P(g);
+  ), u = P(null), [d, m] = E(null), [h, c] = E(e), g = xa(e), y = P(g);
   A(() => {
-    y.current !== g && (y.current = g, !c && d(e));
-  }, [g, e, c]);
+    y.current !== g && (y.current = g, !d && c(e));
+  }, [g, e, d]);
   const k = re(() => Da(h, n, a), [h, n, a]), f = C(
     (p) => {
       if (!u.current) return n;
@@ -4024,22 +4025,22 @@ function Ta({
   M.current = h;
   const N = P(t);
   N.current = t, A(() => {
-    if (!c) return;
+    if (!d) return;
     const p = (_) => {
       const D = f(_.clientX);
-      d(
-        (T) => T.map((x) => x.id === c ? { ...x, value: D } : x)
+      c(
+        (T) => T.map((x) => x.id === d ? { ...x, value: D } : x)
       );
     }, v = (_) => {
       const D = f(_.clientX), T = M.current.map(
-        (x) => x.id === c ? { ...x, value: D } : x
+        (x) => x.id === d ? { ...x, value: D } : x
       );
-      d(T), m(null), N.current(T);
+      c(T), m(null), N.current(T);
     };
     return window.addEventListener("pointermove", p), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
       window.removeEventListener("pointermove", p), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
     };
-  }, [c, f]);
+  }, [d, f]);
   const S = a - n > 0 ? a - n : 1, R = C(
     (p, v) => {
       if (s || v.disabled) return;
@@ -4071,7 +4072,7 @@ function Ta({
       const L = h.map(
         (Z) => Z.id === v.id ? { ...Z, value: I } : Z
       );
-      d(L), t(L);
+      c(L), t(L);
     },
     [s, n, a, h, t, l]
   );
@@ -4092,7 +4093,7 @@ function Ta({
               color: pe(p)
             },
             "data-disabled": p.disabled || void 0,
-            "data-dragging": c === p.id || void 0,
+            "data-dragging": d === p.id || void 0,
             onPointerDown: (_) => b(_, p.id),
             onKeyDown: (_) => R(_, p),
             "aria-label": p.label ?? `Stop at ${p.value}`,
@@ -4118,15 +4119,15 @@ function Ma({ option: e }) {
   const t = Ra(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, i = C(() => {
     a || t?.select(e.value);
   }, [a, t, e.value]), s = C(
-    (c) => {
-      a || t?.onKeyNav(c, e.value);
+    (d) => {
+      a || t?.onKeyNav(d, e.value);
     },
     [a, t, e.value]
   ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, u = a ? -1 : l ? 0 : -1;
   return /* @__PURE__ */ r(
     "button",
     {
-      ref: (c) => t?.registerRef(e.value, c),
+      ref: (d) => t?.registerRef(e.value, d),
       type: "button",
       role: "radio",
       "aria-checked": n,
@@ -4152,18 +4153,18 @@ function Pa({
   disabled: i = !1,
   name: s
 }) {
-  const o = t !== void 0, [l, u] = E(n), c = o ? t : l, m = C(
+  const o = t !== void 0, [l, u] = E(n), d = o ? t : l, m = C(
     (N) => {
       o || u(N), a?.(N);
     },
     [o, a]
   ), h = C(
-    (N) => c === N,
-    [c]
-  ), d = P(/* @__PURE__ */ new Map()), g = C((N, S) => {
-    S ? d.current.set(N, S) : d.current.delete(N);
-  }, []), y = e.filter((N) => !N.disabled && !i), k = y.find((N) => N.value === c)?.value ?? y[0]?.value, f = C((N) => {
-    const S = d.current.get(N);
+    (N) => d === N,
+    [d]
+  ), c = P(/* @__PURE__ */ new Map()), g = C((N, S) => {
+    S ? c.current.set(N, S) : c.current.delete(N);
+  }, []), y = e.filter((N) => !N.disabled && !i), k = y.find((N) => N.value === d)?.value ?? y[0]?.value, f = C((N) => {
+    const S = c.current.get(N);
     S && S.focus();
   }, []), b = C(
     (N, S) => {
@@ -4201,7 +4202,7 @@ function Pa({
     },
     [i, e, m, f]
   ), M = {
-    selectedValue: c,
+    selectedValue: d,
     select: m,
     isSelected: h,
     groupDisabled: i,
@@ -4247,17 +4248,17 @@ function Aa(e) {
     ), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
   ), [a, i] = E(null), [s, o] = E(null), l = P(null), u = P(e.onZoneChange);
   u.current = e.onZoneChange;
-  const c = re(
+  const d = re(
     () => Ea(e.zones),
     [e.zones]
-  ), m = P(c);
+  ), m = P(d);
   A(() => {
-    m.current !== c && (m.current = c, !a && n(
+    m.current !== d && (m.current = d, !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)
     ));
-  }, [c, e.zones, a]);
+  }, [d, e.zones, a]);
   const h = C(
     (f) => {
       const b = f.active.id;
@@ -4272,7 +4273,7 @@ function Aa(e) {
       l.current = N, i(M), o(N);
     },
     [t]
-  ), d = C(
+  ), c = C(
     (f) => {
       if (!f.over) {
         o(l.current);
@@ -4349,7 +4350,7 @@ function Aa(e) {
     getZoneProps: y,
     getItemProps: k,
     handleDragStart: h,
-    handleDragOver: d,
+    handleDragOver: c,
     handleDragEnd: g
   };
 }
@@ -4403,11 +4404,11 @@ function za(e) {
   const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = Aa({ zones: t, onZoneChange: n }), [l, u] = F.useState(Q);
   return F.useEffect(() => {
     if (l) return;
-    let c = !0;
+    let d = !0;
     return $a().then((m) => {
-      c && u(m);
+      d && u(m);
     }), () => {
-      c = !1;
+      d = !1;
     };
   }, [l]), l ? /* @__PURE__ */ r(
     Ve,
@@ -4418,9 +4419,9 @@ function za(e) {
       renderItem: i,
       renderDragOverlay: s
     }
-  ) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((c) => {
-    const m = c.items.map((h) => /* @__PURE__ */ r(F.Fragment, { children: i(h) }, h.id));
-    return /* @__PURE__ */ r("div", { ...o.getZoneProps(c.zoneKey), children: a(c.zoneKey, c.items, m) }, c.zoneKey);
+  ) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((d) => {
+    const m = d.items.map((h) => /* @__PURE__ */ r(F.Fragment, { children: i(h) }, h.id));
+    return /* @__PURE__ */ r("div", { ...o.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, m) }, d.zoneKey);
   }) });
 }
 za.displayName = "SortableZones";
@@ -4431,10 +4432,10 @@ function Ve({
   renderItem: a,
   renderDragOverlay: i
 }) {
-  const { core: s, sortable: o, utilities: l } = t, { DndContext: u, DragOverlay: c, useSensors: m, useSensor: h, useDroppable: d, PointerSensor: g, KeyboardSensor: y, closestCenter: k } = s, { SortableContext: f, verticalListSortingStrategy: b } = o, M = m(
+  const { core: s, sortable: o, utilities: l } = t, { DndContext: u, DragOverlay: d, useSensors: m, useSensor: h, useDroppable: c, PointerSensor: g, KeyboardSensor: y, closestCenter: k } = s, { SortableContext: f, verticalListSortingStrategy: b } = o, M = m(
     h(g, { activationConstraint: { distance: 5 } }),
     h(y)
-  ), N = u, S = c, R = f;
+  ), N = u, S = d, R = f;
   return /* @__PURE__ */ w(
     N,
     {
@@ -4460,7 +4461,7 @@ function Ve({
             {
               zoneKey: p.zoneKey,
               zoneProps: e.getZoneProps(p.zoneKey),
-              useDroppable: d,
+              useDroppable: c,
               children: /* @__PURE__ */ r(R, { items: v, strategy: b, children: n(p.zoneKey, p.items, _) })
             },
             p.zoneKey
@@ -4473,10 +4474,10 @@ function Ve({
 }
 Ve.displayName = "SortableZonesInner";
 function je({ id: e, useSortable: t, cssHelper: n, children: a }) {
-  const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition: u, isDragging: c } = t({ id: e }), m = {
+  const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition: u, isDragging: d } = t({ id: e }), m = {
     transform: n?.Transform?.toString(l) ?? void 0,
     transition: u,
-    opacity: c ? 0.5 : 1
+    opacity: d ? 0.5 : 1
   };
   return /* @__PURE__ */ r("div", { ref: o, style: m, "data-sortable-item-id": e, ...i, ...s, children: a });
 }
@@ -4552,17 +4553,17 @@ function _r({
   currentSection: l,
   sectionsPerView: u = 1,
   // D-09 default
-  isHiding: c
+  isHiding: d
 }) {
-  const m = l ?? t ?? 0, h = Math.max(0, Math.min(e - 1, m)), d = Math.min(e - 1, h + Math.max(0, u - 1)), g = [h, d], y = B.useRef([]);
-  return y.current.length = e, !c && e <= 1 || !c && g[0] === 0 && g[1] === e - 1 ? null : /* @__PURE__ */ w(
+  const m = l ?? t ?? 0, h = Math.max(0, Math.min(e - 1, m)), c = Math.min(e - 1, h + Math.max(0, u - 1)), g = [h, c], y = B.useRef([]);
+  return y.current.length = e, !d && e <= 1 || !d && g[0] === 0 && g[1] === e - 1 ? null : /* @__PURE__ */ w(
     "div",
     {
       role: "tablist",
       "aria-label": a,
       "data-testid": "gloss-section-dots",
       className: "gloss-section-dots",
-      "data-hiding": c ? "true" : void 0,
+      "data-hiding": d ? "true" : void 0,
       onKeyDown: (f) => {
         if (e !== 0) {
           if (f.key === "ArrowRight") {