@mt-gloss/ui 0.1.100 → 0.1.101

package/index.js

@@ -32,13 +32,13 @@ function un(e) {
     items: t,
     activeIndex: n,
     onActiveIndexChange: a,
-    loop: i = !0,
-    orientation: s = "vertical",
+    loop: s = !0,
+    orientation: i = "vertical",
     enabled: o = !0,
     isItemDisabled: l,
     onSelect: m,
-    onEscape: c
-  } = e, [u, h] = I(-1), d = n !== void 0 ? n : u, p = N(
+    onEscape: d
+  } = e, [u, h] = I(-1), c = n !== void 0 ? n : u, p = N(
     (g) => {
       n === void 0 && h(g), a?.(g);
     },
@@ -49,35 +49,35 @@ function un(e) {
       if (_.length === 0) return -1;
       const D = _.indexOf(g);
       if (D === -1)
-        return v === 1 ? _.find((x) => x > g) ?? (i ? _[0] : -1) : [..._].reverse().find((E) => E < g) ?? (i ? _[_.length - 1] : -1);
+        return v === 1 ? _.find((R) => R > g) ?? (s ? _[0] : -1) : [..._].reverse().find((E) => E < g) ?? (s ? _[_.length - 1] : -1);
       let M = D + v;
-      return i ? M = (M + _.length) % _.length : M = Math.max(0, Math.min(_.length - 1, M)), _[M];
+      return s ? M = (M + _.length) % _.length : M = Math.max(0, Math.min(_.length - 1, M)), _[M];
     },
-    [w, i]
+    [w, s]
   ), f = N(() => {
     const g = w();
     g.length > 0 && p(g[0]);
   }, [w, p]), b = N(() => {
     const g = w();
     g.length > 0 && p(g[g.length - 1]);
-  }, [w, p]), R = N(() => {
-    const g = k(d, 1);
+  }, [w, p]), x = N(() => {
+    const g = k(c, 1);
     g !== -1 && p(g);
-  }, [d, k, p]), C = N(() => {
-    const g = k(d, -1);
+  }, [c, k, p]), C = N(() => {
+    const g = k(c, -1);
     g !== -1 && p(g);
-  }, [d, k, p]), S = N(() => {
+  }, [c, k, p]), S = N(() => {
     p(-1);
   }, [p]), T = N(
     (g) => {
       if (!o) return;
-      const { key: v } = g, _ = v === "ArrowUp" && (s === "vertical" || s === "both"), D = v === "ArrowDown" && (s === "vertical" || s === "both"), M = v === "ArrowLeft" && (s === "horizontal" || s === "both"), x = v === "ArrowRight" && (s === "horizontal" || s === "both");
+      const { key: v } = g, _ = v === "ArrowUp" && (i === "vertical" || i === "both"), D = v === "ArrowDown" && (i === "vertical" || i === "both"), M = v === "ArrowLeft" && (i === "horizontal" || i === "both"), R = v === "ArrowRight" && (i === "horizontal" || i === "both");
       if (_ || M) {
-        g.preventDefault(), d === -1 ? b() : C();
+        g.preventDefault(), c === -1 ? b() : C();
         return;
       }
-      if (D || x) {
-        g.preventDefault(), d === -1 ? f() : R();
+      if (D || R) {
+        g.preventDefault(), c === -1 ? f() : x();
         return;
       }
       if (v === "Home") {
@@ -88,38 +88,38 @@ function un(e) {
         g.preventDefault(), b();
         return;
       }
-      if ((v === "Enter" || v === " ") && d >= 0 && d < t.length) {
+      if ((v === "Enter" || v === " ") && c >= 0 && c < t.length) {
         g.preventDefault();
-        const E = t[d];
-        l?.(E, d) || m?.(E, d);
+        const E = t[c];
+        l?.(E, c) || m?.(E, c);
         return;
       }
       if (v === "Escape") {
-        c?.();
+        d?.();
         return;
       }
     },
     [
       o,
-      s,
-      d,
+      i,
+      c,
       t,
       f,
       b,
-      R,
+      x,
       C,
       l,
       m,
-      c
+      d
     ]
   );
   return {
-    focusedIndex: d,
+    focusedIndex: c,
     setFocusedIndex: p,
     handleKeyDown: T,
     focusFirst: f,
     focusLast: b,
-    focusNext: R,
+    focusNext: x,
     focusPrevious: C,
     resetFocus: S
   };
@@ -129,15 +129,15 @@ const gt = ({
   unit: t,
   currentValue: n,
   onConfirm: a,
-  onSkip: i,
-  hint: s
+  onSkip: s,
+  hint: i
 }) => {
   const [o, l] = I(n != null ? String(n) : ""), m = () => {
     const p = parseFloat(o);
     Number.isNaN(p) || a(p);
-  }, c = (p) => {
-    p.key === "Enter" ? (p.preventDefault(), m()) : p.key === "Escape" && (p.preventDefault(), i?.());
-  }, u = Je(), h = `gloss-target-input-field-${u}`, d = s ? `gloss-target-input-hint-${u}` : void 0;
+  }, d = (p) => {
+    p.key === "Enter" ? (p.preventDefault(), m()) : p.key === "Escape" && (p.preventDefault(), s?.());
+  }, u = Je(), h = `gloss-target-input-field-${u}`, c = i ? `gloss-target-input-hint-${u}` : void 0;
   return /* @__PURE__ */ y("div", { className: "gloss-target-input", children: [
     /* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: h, children: e }),
     /* @__PURE__ */ y("div", { className: "gloss-target-input__field-row", children: [
@@ -149,14 +149,14 @@ const gt = ({
           className: "gloss-target-input__field",
           value: o,
           onChange: (p) => l(p.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 }),
+    i && /* @__PURE__ */ r("p", { id: c, className: "gloss-target-input__hint", children: i }),
     /* @__PURE__ */ y("div", { className: "gloss-target-input__actions", children: [
       /* @__PURE__ */ r(
         "button",
@@ -167,12 +167,12 @@ const gt = ({
           children: "Confirm"
         }
       ),
-      i && /* @__PURE__ */ r(
+      s && /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           className: "gloss-target-input__skip",
-          onClick: i,
+          onClick: s,
           children: "Skip"
         }
       )
@@ -293,11 +293,11 @@ function _t({
   anchorEl: t,
   statusId: n,
   onOpenInTable: a,
-  onShowOnGraph: i,
-  overflowActions: s,
+  onShowOnGraph: s,
+  overflowActions: i,
   onClose: o
 }) {
-  const [l, m] = I(null), c = P(null), u = N(() => {
+  const [l, m] = I(null), d = P(null), u = N(() => {
     if (!t) return { ...ye, top: 0, left: 0 };
     const p = t.getBoundingClientRect();
     return {
@@ -315,14 +315,14 @@ function _t({
   }, [e, o]), A(() => {
     if (!e) return;
     const p = (w) => {
-      c.current && !c.current.contains(w.target) && o();
+      d.current && !d.current.contains(w.target) && o();
     };
     return document.addEventListener("pointerdown", p, !0), () => document.removeEventListener("pointerdown", p, !0);
   }, [e, o]), !e) return null;
-  const h = s && s.length > 0, d = /* @__PURE__ */ y(
+  const h = i && i.length > 0, c = /* @__PURE__ */ y(
     "div",
     {
-      ref: c,
+      ref: d,
       "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
@@ -349,13 +349,13 @@ function _t({
             onMouseEnter: () => m("__graph"),
             onMouseLeave: () => m(null),
             onClick: () => {
-              i(n), o();
+              s(n), o();
             },
             children: "Show on graph"
           }
         ),
         h && /* @__PURE__ */ r("div", { style: wt }),
-        h && s?.map((p) => /* @__PURE__ */ r(
+        h && i?.map((p) => /* @__PURE__ */ r(
           "button",
           {
             role: "menuitem",
@@ -372,7 +372,7 @@ function _t({
       ]
     }
   );
-  return Ee(d, document.body);
+  return Ee(c, document.body);
 }
 _t.displayName = "StatusSlotChipMenu";
 function Ct({
@@ -380,7 +380,7 @@ function Ct({
   targetColSpan: t,
   ghostWidth: n,
   enterMs: a = 180,
-  exitMs: i = 120
+  exitMs: s = 120
 }) {
   return /* @__PURE__ */ r(
     G.div,
@@ -394,7 +394,7 @@ function Ct({
       ].filter(Boolean).join(" "),
       style: {
         width: n,
-        transitionDuration: `${e ? a : i}ms`
+        transitionDuration: `${e ? a : s}ms`
       }
     }
   );
@@ -458,11 +458,11 @@ class Cn {
     const t = this.samples.length;
     if (t < 2) return 0;
     if (t === 2) {
-      const [m, c] = this.samples, u = Math.max(1, c.t - m.t);
-      return (c.x - m.x) / u * 1e3;
+      const [m, d] = this.samples, u = Math.max(1, d.t - m.t);
+      return (d.x - m.x) / u * 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;
+    const [n, a, s] = this.samples, i = (s.x - a.x) / Math.max(1, s.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, l = o;
+    return (i * 3 + o * 2 + l * 1) / 6;
   }
 }
 const U = {
@@ -509,15 +509,15 @@ const U = {
   chainStaggerMs: 120
 };
 function Fe(e) {
-  const { visible: t, currentTarget: n, previewTarget: a, targetWidth: i, orientation: s } = e, o = nt(i);
+  const { visible: t, currentTarget: n, previewTarget: a, targetWidth: s, orientation: i } = e, o = nt(s);
   return A(() => {
-    o.set(i);
-  }, [i, o]), !t || a === n ? null : /* @__PURE__ */ r(
+    o.set(s);
+  }, [s, o]), !t || a === n ? null : /* @__PURE__ */ r(
     G.div,
     {
       "aria-hidden": "true",
       "data-resize-pill-ghost": "visible",
-      "data-orientation": s,
+      "data-orientation": i,
       className: "gloss-resize-pill-ghost",
       style: {
         // D-09 — uniform blue. NO conditional based on grow vs shrink.
@@ -552,14 +552,14 @@ function Oe(e) {
     visible: t,
     direction: n,
     pillClearancePx: a,
-    ghostClearancePx: i,
-    startX: s,
+    ghostClearancePx: s,
+    startX: i,
     endX: o,
     pulseMs: l,
     staggerMs: m
   } = e;
   if (!t) return null;
-  const c = n === "grow", u = c ? s + a : s + i, h = c ? o - i : o - a, d = Math.max(0, h - u);
+  const d = n === "grow", u = d ? i + a : i + s, h = d ? o - s : o - a, c = Math.max(0, h - u);
   return /* @__PURE__ */ r(
     "div",
     {
@@ -577,7 +577,7 @@ function Oe(e) {
         height: "100%",
         alignItems: "center",
         left: u,
-        width: d
+        width: c
       },
       children: (n === "grow" ? [0, 1, 2, 3, 4] : [4, 3, 2, 1, 0]).map((w, k) => /* @__PURE__ */ r(
         G.span,
@@ -626,20 +626,20 @@ function Ce(e) {
   return e === "compact" ? "Compact" : e === "medium" ? "Medium" : e === "full" ? "Full" : String(e);
 }
 function Le(e) {
-  const { visible: t, currentTarget: n, previewTarget: a, mode: i, showSizeTooltip: s = !0 } = e;
-  return !t || s === !1 ? null : /* @__PURE__ */ y(
+  const { visible: t, currentTarget: n, previewTarget: a, mode: s, showSizeTooltip: i = !0 } = e;
+  return !t || i === !1 ? null : /* @__PURE__ */ y(
     G.div,
     {
       "aria-hidden": "true",
       "data-resize-pill-tooltip": "visible",
-      "data-mode": i,
+      "data-mode": s,
       className: "gloss-resize-pill-tooltip",
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       transition: { duration: 0.18 },
       children: [
-        i === "directional" && /* @__PURE__ */ y($, { children: [
+        s === "directional" && /* @__PURE__ */ y($, { children: [
           /* @__PURE__ */ r(
             _e,
             {
@@ -656,7 +656,7 @@ function Le(e) {
             }
           )
         ] }),
-        i === "sized" && /* @__PURE__ */ y($, { children: [
+        s === "sized" && /* @__PURE__ */ y($, { children: [
           /* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__label", children: Ce(n) }),
           /* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__arrow", children: "→" }),
           /* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__label", children: Ce(a) })
@@ -719,18 +719,18 @@ function xt(e) {
     target: t,
     currentTarget: n,
     mode: a,
-    isActive: i,
-    isHovered: s,
+    isActive: s,
+    isHovered: i,
     onCommit: o,
     onEnter: l,
     onLeave: m,
-    buttonHeight: c,
+    buttonHeight: d,
     buttonWidth: u
   } = e;
   let h = null;
   if (a === "directional") {
-    const d = typeof t == "number" && typeof n == "number" && t < n ? "left" : "right";
-    h = /* @__PURE__ */ r(St, { direction: d });
+    const c = typeof t == "number" && typeof n == "number" && t < n ? "left" : "right";
+    h = /* @__PURE__ */ r(St, { direction: c });
   } else
     h = /* @__PURE__ */ r(Dt, { target: t });
   return /* @__PURE__ */ y(
@@ -739,14 +739,14 @@ function xt(e) {
       type: "button",
       className: [
         "gloss-resize-pill__button",
-        s ? "gloss-resize-pill__button--check-hover" : "",
-        i ? "gloss-resize-pill__button--active" : ""
+        i ? "gloss-resize-pill__button--check-hover" : "",
+        s ? "gloss-resize-pill__button--active" : ""
       ].filter(Boolean).join(" "),
       "data-target": String(t),
       "data-mode": a,
-      "data-active": i ? "true" : "false",
-      "data-button-hover-state": s ? "check" : "chevron",
-      style: { width: u, height: c },
+      "data-active": s ? "true" : "false",
+      "data-button-hover-state": i ? "check" : "chevron",
+      style: { width: u, height: d },
       onClick: () => o(t),
       onPointerEnter: () => l?.(t),
       onPointerLeave: () => m?.(),
@@ -763,9 +763,9 @@ const Rt = et(
     const a = {
       ...Ae,
       ...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, m = l && t.previewTarget != null ? t.resolveTargetWidth(t.previewTarget) : t.hostWidth, c = t.chainStartX ?? 0, u = t.chainEndX ?? t.hostWidth, h = t.chainDirection ?? "grow";
+    }, s = t.pillVisible && !t.forceIdle && t.resizePillEnabled !== !1, i = 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, m = l && t.previewTarget != null ? t.resolveTargetWidth(t.previewTarget) : t.hostWidth, d = t.chainStartX ?? 0, u = t.chainEndX ?? t.hostWidth, h = t.chainDirection ?? "grow";
     return /* @__PURE__ */ y(rt, { children: [
-      i && /* @__PURE__ */ r(
+      s && /* @__PURE__ */ r(
         G.div,
         {
           ref: n,
@@ -791,16 +791,16 @@ const Rt = et(
           transition: { duration: a.pillRevealMs / 1e3 },
           onPointerEnter: t.onPillEnter,
           onPointerLeave: t.onPillLeave,
-          children: s.map((d) => /* @__PURE__ */ r(
+          children: i.map((c) => /* @__PURE__ */ r(
             xt,
             {
-              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,
@@ -808,12 +808,12 @@ const Rt = et(
               buttonHeight: a.pillButtonHeight,
               buttonWidth: a.pillButtonWidth
             },
-            String(d)
+            String(c)
           ))
         },
         "pill"
       ),
-      i && l && t.previewTarget != null && /* @__PURE__ */ r(
+      s && l && t.previewTarget != null && /* @__PURE__ */ r(
         Fe,
         {
           visible: !0,
@@ -826,21 +826,21 @@ const Rt = et(
         },
         "ghost"
       ),
-      i && l && /* @__PURE__ */ r(
+      s && l && /* @__PURE__ */ r(
         Oe,
         {
           visible: !0,
           direction: h,
           pillClearancePx: a.pillClearancePx,
           ghostClearancePx: a.ghostClearancePx,
-          startX: c,
+          startX: d,
           endX: u,
           pulseMs: a.chainPulseMs,
           staggerMs: a.chainStaggerMs
         },
         "chain"
       ),
-      i && l && t.showSizeTooltip && t.previewTarget != null && /* @__PURE__ */ r(
+      s && l && t.showSizeTooltip && t.previewTarget != null && /* @__PURE__ */ r(
         Le,
         {
           visible: !0,
@@ -859,10 +859,10 @@ function Nn(e) {
   const t = {
     ...Ae,
     ...e.physics
-  }, [n, a] = I("idle"), [i, s] = I(e.currentTarget), [o, l] = I(null), m = P(!1), c = P(null), u = P(null), h = P(e.currentTarget);
+  }, [n, a] = I("idle"), [s, i] = I(e.currentTarget), [o, l] = I(null), m = P(!1), d = P(null), u = 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 p = P(e.forceIdle);
   p.current = e.forceIdle;
   const w = P(e.onPhaseChange);
@@ -871,20 +871,20 @@ function Nn(e) {
   }, [n]), A(() => {
     e.forceIdle && (u.current && (clearTimeout(u.current), u.current = null), a("idle"), l(null));
   }, [e.forceIdle]), A(() => () => {
-    c.current && clearTimeout(c.current), u.current && clearTimeout(u.current);
+    d.current && clearTimeout(d.current), u.current && clearTimeout(u.current);
   }, []);
   const k = N(() => {
-    m.current || p.current || (s(h.current), a("pill-visible"));
+    m.current || p.current || (i(h.current), a("pill-visible"));
   }, []), f = N(() => {
     a("idle"), l(null);
   }, []), b = N(
-    (x) => {
-      m.current = !0, c.current && clearTimeout(c.current), c.current = setTimeout(() => {
-        m.current = !1, c.current = null;
-      }, t.fadeGraceMs), l(null), a("fading"), d.current(x);
+    (R) => {
+      m.current = !0, d.current && clearTimeout(d.current), d.current = setTimeout(() => {
+        m.current = !1, d.current = null;
+      }, t.fadeGraceMs), l(null), a("fading"), c.current(R);
     },
     [t.fadeGraceMs]
-  ), R = N(() => {
+  ), x = N(() => {
     u.current && (clearTimeout(u.current), u.current = null), k();
   }, [k]), C = N(() => {
     u.current && clearTimeout(u.current), u.current = setTimeout(() => {
@@ -896,15 +896,15 @@ function Nn(e) {
     u.current && clearTimeout(u.current), u.current = setTimeout(() => {
       f(), u.current = null;
     }, t.hoverHideGraceMs);
-  }, [f, t.hoverHideGraceMs]), g = N((x) => {
+  }, [f, t.hoverHideGraceMs]), g = N((R) => {
     const E = h.current;
     let L;
-    x === "compact" || x === "medium" || x === "full" ? L = x : typeof E == "number" && typeof x == "number" ? L = x > E ? "grow" : "shrink" : L = "grow", l(L), a("pre-commit");
+    R === "compact" || R === "medium" || R === "full" ? L = R : typeof E == "number" && typeof R == "number" ? L = R > E ? "grow" : "shrink" : L = "grow", l(L), a("pre-commit");
   }, []), v = N(() => {
-    l(null), a((x) => x === "pre-commit" ? "pill-visible" : x);
+    l(null), a((R) => R === "pre-commit" ? "pill-visible" : R);
   }, []), _ = N(
-    (x) => {
-      b(x);
+    (R) => {
+      b(R);
     },
     [b]
   );
@@ -912,11 +912,11 @@ function Nn(e) {
   return o !== null && (o === "compact" || o === "medium" || o === "full" ? (D = o, D === e.currentTarget && (D = null)) : o === "grow" && typeof e.currentTarget == "number" ? D = e.currentTarget + 1 : o === "shrink" && typeof e.currentTarget == "number" && (D = e.currentTarget - 1)), {
     phase: n,
     pillVisible: n === "pill-visible" || n === "pre-commit",
-    pillSpan: i,
+    pillSpan: s,
     buttonHover: o,
     previewTarget: D,
     handlers: {
-      onTriggerEnter: R,
+      onTriggerEnter: x,
       onTriggerLeave: C,
       onPillEnter: S,
       onPillLeave: T,
@@ -928,11 +928,11 @@ function Nn(e) {
   };
 }
 function Sn(e) {
-  const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: i } = e;
+  const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: s } = e;
   if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
     return;
-  const s = (a + 0.5) * (t / n);
-  return i != null && Number.isFinite(i) && i > 0 ? s - i / 2 : s;
+  const i = (a + 0.5) * (t / n);
+  return s != null && Number.isFinite(s) && s > 0 ? i - s / 2 : i;
 }
 const kn = [
   // 1. Standard: Total Revenue
@@ -1207,19 +1207,19 @@ function $e({
   onDismiss: t,
   anchorRef: n,
   pages: a,
-  activePageId: i,
-  onPageChange: s,
+  activePageId: s,
+  onPageChange: i,
   onCreatePage: o,
   onManagePages: l
 }) {
   const m = N(
-    (d) => {
-      s(d), t();
+    (c) => {
+      i(c), t();
     },
-    [s, t]
-  ), c = N(
-    (d, p) => {
-      (p.key === "Enter" || p.key === " ") && (p.preventDefault(), m(d));
+    [i, t]
+  ), d = N(
+    (c, p) => {
+      (p.key === "Enter" || p.key === " ") && (p.preventDefault(), m(c));
     },
     [m]
   ), u = N(() => {
@@ -1241,8 +1241,8 @@ function $e({
       anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((d) => {
-          const p = d.id === i;
+        /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((c) => {
+          const p = c.id === s;
           return /* @__PURE__ */ y(
             "li",
             {
@@ -1251,8 +1251,8 @@ function $e({
               "aria-current": p ? "page" : void 0,
               tabIndex: 0,
               className: `gloss-page-dropdown__item${p ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => m(d.id),
-              onKeyDown: (w) => c(d.id, w),
+              onClick: () => m(c.id),
+              onKeyDown: (w) => d(c.id, w),
               children: [
                 /* @__PURE__ */ r(
                   "span",
@@ -1263,15 +1263,15 @@ function $e({
                 /* @__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
                   }
                 ),
-                d.icon && /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__icon", children: d.icon }),
-                /* @__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" }),
@@ -1303,17 +1303,17 @@ const Ft = function({
   currentIndex: t,
   total: n,
   pages: a,
-  onPageChange: i,
-  onCreatePage: s,
+  onPageChange: s,
+  onCreatePage: i,
   onManagePages: o,
   maskRadius: l = "var(--gloss-radius-md)",
   displayMode: m = "count",
-  activePage: c
+  activePage: d
 }) {
-  const u = P(null), [h, d] = I(!1), p = N(() => {
-    d((b) => !b);
+  const u = P(null), [h, c] = I(!1), p = N(() => {
+    c((b) => !b);
   }, []), w = N(() => {
-    d(!1);
+    c(!1);
   }, []), k = a[t]?.id ?? "";
   return /* @__PURE__ */ y(
     "div",
@@ -1336,10 +1336,10 @@ const Ft = function({
             className: `gloss-page-chip__trigger${m === "name" ? " gloss-page-chip__trigger--name" : ""}`,
             "aria-haspopup": "menu",
             "aria-expanded": h,
-            "aria-label": m === "name" ? `${c ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
+            "aria-label": m === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
             onClick: p,
             children: m === "name" ? /* @__PURE__ */ y($, { 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__ */ y($, { children: [
               t + 1,
@@ -1356,8 +1356,8 @@ const Ft = function({
             anchorRef: u,
             pages: a,
             activePageId: k,
-            onPageChange: i,
-            onCreatePage: s,
+            onPageChange: s,
+            onCreatePage: i,
             onManagePages: o
           }
         )
@@ -2031,7 +2031,7 @@ function Wt() {
   const [e, t] = I(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
   return A(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
-    const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (i) => t(i.matches);
+    const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (s) => t(s.matches);
     return typeof n.addEventListener == "function" ? (n.addEventListener("change", a), () => n.removeEventListener("change", a)) : (n.addListener?.(a), () => {
       n.removeListener?.(a);
     });
@@ -2042,37 +2042,37 @@ const Vt = ({
   onDimensionSelect: t,
   activeDimension: n,
   ariaCardTypeLabel: a,
-  className: i
+  className: s
 }) => {
-  const s = P(null), o = P([]), l = Wt(), m = re(() => Array.from(e), [e]);
+  const i = P(null), o = P([]), l = Wt(), m = re(() => Array.from(e), [e]);
   if (m.length === 0) return null;
-  const c = a ? `Configure ${a}: choose a dimension` : void 0, u = l ? "10ms" : "200ms", h = (d, p) => {
+  const d = a ? `Configure ${a}: choose a dimension` : void 0, u = l ? "10ms" : "200ms", h = (c, p) => {
     const w = m.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(p === w ? 0 : p + 1);
+        c.preventDefault(), k(p === w ? 0 : p + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        d.preventDefault(), k(p === 0 ? w : p - 1);
+        c.preventDefault(), k(p === 0 ? w : p - 1);
         break;
       }
       case "Home": {
-        d.preventDefault(), k(0);
+        c.preventDefault(), k(0);
         break;
       }
       case "End": {
-        d.preventDefault(), k(w);
+        c.preventDefault(), k(w);
         break;
       }
       case "Enter":
       case " ": {
-        d.preventDefault(), t(m[p]);
+        c.preventDefault(), t(m[p]);
         break;
       }
     }
@@ -2080,18 +2080,18 @@ const Vt = ({
   return /* @__PURE__ */ r(
     "div",
     {
-      ref: s,
+      ref: i,
       role: "group",
-      "aria-label": c,
-      className: Se("gloss-reconfig-backside-buttons", i),
+      "aria-label": d,
+      className: Se("gloss-reconfig-backside-buttons", s),
       style: {
         // Expose the reduced-motion-resolved duration as a CSS custom prop
         // so the SCSS transition rule can consume it without a nested media
         // query in the JS. Also surfaces the value for the unit test.
         "--gloss-reconfig-backside-buttons-transition-duration": u
       },
-      children: m.map((d, p) => {
-        const w = Ht[d], k = n === d;
+      children: m.map((c, p) => {
+        const w = Ht[c], k = n === c;
         return /* @__PURE__ */ y(
           "button",
           {
@@ -2099,13 +2099,13 @@ const Vt = ({
               o.current[p] = 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, p),
             children: [
               /* @__PURE__ */ r(
@@ -2115,10 +2115,10 @@ const Vt = ({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Gt[d] })
+              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Gt[c] })
             ]
           },
-          d
+          c
         );
       })
     }
@@ -2270,8 +2270,8 @@ function pe(e) {
 function jt(e) {
   let t = 0;
   for (const a of e) {
-    const i = pe(a.size), s = a.gridPosition.col + i.cols - 1;
-    s > t && (t = s);
+    const s = pe(a.size), i = a.gridPosition.col + s.cols - 1;
+    i > t && (t = i);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
@@ -2282,19 +2282,19 @@ const Ut = function(t) {
       {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
-        children: t.cards.map((i) => {
-          const s = pe(i.size);
+        children: t.cards.map((s) => {
+          const i = pe(s.size);
           return /* @__PURE__ */ r(
             "div",
             {
               className: "gloss-metric-group__slot",
               style: {
-                gridColumn: `${i.gridPosition.col} / span ${s.cols}`,
-                gridRow: `${i.gridPosition.row} / span ${s.rows}`
+                gridColumn: `${s.gridPosition.col} / span ${i.cols}`,
+                gridRow: `${s.gridPosition.row} / span ${i.rows}`
               },
-              children: i.children
+              children: s.children
             },
-            i.key
+            s.key
           );
         })
       }
@@ -2346,19 +2346,19 @@ const Ut = function(t) {
               gap: "var(--gloss-spacing-2, 8px)",
               gridTemplateColumns: jt(n)
             },
-            children: n.map((i) => {
-              const s = pe(i.size);
+            children: n.map((s) => {
+              const i = pe(s.size);
               return /* @__PURE__ */ r(
                 "div",
                 {
                   className: "gloss-metric-group__slot--composite",
                   style: {
-                    gridColumn: `${i.gridPosition.col} / span ${s.cols}`,
-                    gridRow: `${i.gridPosition.row} / span ${s.rows}`
+                    gridColumn: `${s.gridPosition.col} / span ${i.cols}`,
+                    gridRow: `${s.gridPosition.row} / span ${i.rows}`
                   },
-                  children: i.children
+                  children: s.children
                 },
-                i.key
+                s.key
               );
             })
           }
@@ -2394,19 +2394,19 @@ function qt() {
       }
   }, [e]);
   const n = N(
-    (s, o) => {
-      t((l) => ({ ...l, [s]: o }));
+    (i, o) => {
+      t((l) => ({ ...l, [i]: o }));
     },
     []
   ), a = N(
-    (s) => {
-      t((o) => ({ ...o, [s]: V[s] }));
+    (i) => {
+      t((o) => ({ ...o, [i]: V[i] }));
     },
     []
-  ), i = N(() => {
+  ), s = N(() => {
     t({ ...V });
   }, []);
-  return { values: e, setValue: n, resetRow: a, resetAll: i };
+  return { values: e, setValue: n, resetRow: a, resetAll: s };
 }
 const Qt = [
   { key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
@@ -2442,8 +2442,8 @@ function Jt() {
     }
   );
 }
-function ea({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
-  const s = N(
+function ea({ spec: e, value: t, onChange: n, onReset: a, flashing: s }) {
+  const i = N(
     (o) => {
       (o.key === "r" || o.key === "R") && (o.preventDefault(), a());
     },
@@ -2452,9 +2452,9 @@ function ea({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
   return /* @__PURE__ */ y(
     "div",
     {
-      className: `gloss-dev-tuning-panel__row${i ? " gloss-dev-tuning-panel__row--flash" : ""}`,
+      className: `gloss-dev-tuning-panel__row${s ? " gloss-dev-tuning-panel__row--flash" : ""}`,
       "data-tuning-row": e.key,
-      onKeyDown: s,
+      onKeyDown: i,
       children: [
         /* @__PURE__ */ r("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
         /* @__PURE__ */ y("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
@@ -2502,13 +2502,13 @@ function aa(e = {}) {
 }
 aa.displayName = "DevTuningPanel";
 function na() {
-  const e = qt(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = I(null), l = P(null), m = N((d) => {
-    l.current && clearTimeout(l.current), o(d), l.current = setTimeout(() => {
+  const e = qt(), { values: t, setValue: n, resetRow: a, resetAll: s } = e, [i, o] = I(null), l = P(null), m = N((c) => {
+    l.current && clearTimeout(l.current), o(c), l.current = setTimeout(() => {
       o(null), l.current = null;
     }, 200);
-  }, []), c = N(
-    (d, p) => {
-      n(d, p), d === "snapInPx" && p > t.snapOutPx && (n("snapOutPx", p), m("snapOutPx"));
+  }, []), d = N(
+    (c, p) => {
+      n(c, p), c === "snapInPx" && p > t.snapOutPx && (n("snapOutPx", p), m("snapOutPx"));
     },
     [n, t.snapOutPx, m]
   ), u = re(() => Qt, []), h = st();
@@ -2528,30 +2528,30 @@ function na() {
           "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: u.map((d) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: u.map((c) => /* @__PURE__ */ r(
           ea,
           {
-            spec: d,
-            value: t[d.key],
-            onChange: (p) => c(d.key, p),
-            onReset: () => a(d.key),
-            flashing: s === d.key
+            spec: c,
+            value: t[c.key],
+            onChange: (p) => d(c.key, p),
+            onReset: () => a(c.key),
+            flashing: i === c.key
           },
-          d.key
+          c.key
         )) }),
         /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             className: "gloss-dev-tuning-panel__reset-all",
-            onClick: i,
+            onClick: s,
             children: "Reset all"
           }
         ) })
@@ -2564,19 +2564,19 @@ function tr({
   originX: t,
   originY: n,
   leftEdgeX: a,
-  rightEdgeX: i,
-  minBoundaryX: s,
+  rightEdgeX: s,
+  minBoundaryX: i,
   snapBoundariesX: o,
   topY: l,
   bottomY: m,
-  enterMs: c = U.envelopeEnterMs,
+  enterMs: d = U.envelopeEnterMs,
   exitMs: u = U.envelopeExitMs,
   className: h,
-  style: d
+  style: c
 }) {
   if (e === "hidden") return null;
-  const p = Math.max(0, i - a), w = Math.max(0, m - l), k = {
-    "--gloss-resize-envelope-enter-ms": `${c}ms`,
+  const p = Math.max(0, s - a), w = Math.max(0, m - l), k = {
+    "--gloss-resize-envelope-enter-ms": `${d}ms`,
     "--gloss-resize-envelope-exit-ms": `${u}ms`,
     "--gloss-resize-envelope-origin-x": `${t - a}px`,
     "--gloss-resize-envelope-origin-y": `${n - l}px`,
@@ -2584,7 +2584,7 @@ function tr({
     top: l,
     width: p,
     height: w,
-    ...d
+    ...c
   };
   return /* @__PURE__ */ y(
     "div",
@@ -2608,7 +2608,7 @@ function tr({
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--min-boundary",
             "data-edge": "min-boundary",
-            style: { left: s - a }
+            style: { left: i - a }
           }
         ),
         /* @__PURE__ */ r(
@@ -2619,7 +2619,7 @@ function tr({
             style: { left: p - 1 }
           }
         ),
-        o.filter((f) => f > s && f < i).map((f) => /* @__PURE__ */ r(
+        o.filter((f) => f > i && f < s).map((f) => /* @__PURE__ */ r(
           "div",
           {
             className: "gloss-resize-envelope__snap-line",
@@ -2637,24 +2637,24 @@ function ar({
   canAccept: t,
   blocked: n = !1,
   proximityOpacity: a,
-  state: i,
-  rejection: s = !1,
+  state: s,
+  rejection: i = !1,
   className: o,
   children: l,
   ...m
 }) {
-  const c = a != null ? { ...m.style, "--_proximity-opacity": String(a) } : m.style;
+  const d = a != null ? { ...m.style, "--_proximity-opacity": String(a) } : m.style;
   return /* @__PURE__ */ r(
     "div",
     {
       ...m,
-      style: c,
+      style: d,
       "data-density": e,
       "data-can-accept": t ? "true" : "false",
       "data-blocked": n ? "true" : void 0,
-      "data-rejection": s ? "true" : void 0,
+      "data-rejection": i ? "true" : void 0,
       "data-proximity-driven": a != null ? "true" : void 0,
-      "data-state": i ?? void 0,
+      "data-state": s ?? void 0,
       "data-testid": "gloss-drop-anchor-cell",
       className: [
         "gloss-drop-anchor-cell",
@@ -2666,15 +2666,15 @@ function ar({
   );
 }
 function ra(e, t, n, a) {
-  const i = (e + n) / 2, s = Math.min(t, a) - 40;
-  return `M${e},${t} Q${i},${s} ${n},${a}`;
+  const s = (e + n) / 2, i = Math.min(t, a) - 40;
+  return `M${e},${t} Q${s},${i} ${n},${a}`;
 }
 function nr({
   segments: e,
   durationMs: t = U.spilloverArcDurationMs,
   staggerMs: n = U.spilloverStaggerMs,
   className: a,
-  style: i
+  style: s
 }) {
   return e.length === 0 ? null : /* @__PURE__ */ r(
     "svg",
@@ -2683,19 +2683,19 @@ function nr({
       "data-testid": "gloss-spillover-arc",
       "aria-hidden": "true",
       overflow: "visible",
-      style: { position: "absolute", inset: 0, pointerEvents: "none", ...i },
-      children: e.map((s, o) => /* @__PURE__ */ r(
+      style: { position: "absolute", inset: 0, pointerEvents: "none", ...s },
+      children: e.map((i, o) => /* @__PURE__ */ r(
         "path",
         {
-          "data-arc-id": s.id,
+          "data-arc-id": i.id,
           className: "gloss-spillover-arc__path",
-          d: ra(s.fromX, s.fromY, s.toX, s.toY),
+          d: ra(i.fromX, i.fromY, i.toX, i.toY),
           style: {
             animationDelay: `${o * n}ms`,
             animationDuration: `${t}ms`
           }
         },
-        s.id
+        i.id
       ))
     }
   );
@@ -2705,16 +2705,16 @@ function rr({
   staggerIndex: t = 0,
   fadeInMs: n = U.sectionDividerFadeInMs,
   fadeOutMs: a = U.sectionDividerFadeOutMs,
-  staggerMs: i = U.sectionDividerStaggerMs,
-  variant: s = "dashed",
+  staggerMs: s = U.sectionDividerStaggerMs,
+  variant: i = "dashed",
   className: o,
   style: l,
   ...m
 }) {
-  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`,
+    "--gloss-section-divider-stagger-delay": `${t * s}ms`,
     ...l
   };
   return /* @__PURE__ */ r(
@@ -2727,10 +2727,10 @@ function rr({
       className: [
         "gloss-section-divider",
         `gloss-section-divider--state-${e}`,
-        s === "seam-bleed" ? "gloss-section-divider--variant-seam-bleed" : "",
+        i === "seam-bleed" ? "gloss-section-divider--variant-seam-bleed" : "",
         o
       ].filter(Boolean).join(" "),
-      style: c
+      style: d
     }
   );
 }
@@ -2782,8 +2782,8 @@ function He() {
     return "full";
   }
 }
-const De = ({ visible: e, variant: t, trigger: n, children: a, className: i }) => {
-  const s = {
+const De = ({ visible: e, variant: t, trigger: n, children: a, className: s }) => {
+  const i = {
     "--gloss-swing-enter-ms": `${q.enterDurationMs}ms`,
     "--gloss-swing-exit-ms": `${q.exitDurationMs}ms`,
     "--gloss-swing-offset": `${q.translateOffsetPx}px`,
@@ -2793,7 +2793,7 @@ const De = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
     "gloss-swing-reveal",
     `gloss-swing-reveal--${t}`,
     n === "hover+focus" ? "gloss-swing-reveal--hover-focus" : "",
-    i ?? ""
+    s ?? ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ r(
     "span",
@@ -2802,7 +2802,7 @@ const De = ({ visible: e, variant: t, trigger: n, children: a, className: i }) =
       "data-variant": t,
       "data-visible": e ? "true" : "false",
       className: o,
-      style: s,
+      style: i,
       children: a
     }
   );
@@ -2812,24 +2812,24 @@ function dr({
   onCollapse: t,
   onAdd: n,
   addGlyphLabel: a,
-  collapseGlyphLabel: i,
-  className: s,
+  collapseGlyphLabel: s,
+  className: i,
   style: o,
   onPack: l,
   ariaLabel: m
 }) {
-  const c = a ?? "Add card to this cell", u = i ?? m ?? "Pack row — shift cards left", h = t ?? l, { affordancesVisible: d } = Qe();
+  const d = a ?? "Add card to this cell", u = s ?? m ?? "Pack row — shift cards left", h = t ?? l, { affordancesVisible: c } = Qe();
   return /* @__PURE__ */ y(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",
-          s
+          i
         ].filter(Boolean).join(" "),
         style: o,
         onClick: (p) => {
@@ -2838,13 +2838,13 @@ function dr({
         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",
         "data-testid": "gloss-empty-cell-pack",
         "aria-label": u,
-        className: ["gloss-empty-cell-pack-affordance", s].filter(Boolean).join(" "),
+        className: ["gloss-empty-cell-pack-affordance", i].filter(Boolean).join(" "),
         style: o,
         onClick: (p) => {
           p.stopPropagation(), h?.();
@@ -2859,20 +2859,20 @@ function ur({
   colSpan: t,
   colWidth: n,
   rowHeight: a,
-  gap: i,
-  x: s,
+  gap: s,
+  x: i,
   y: o,
   children: l,
   className: m
 }) {
-  const c = t * n + (t - 1) * i, u = B.useRef(null);
+  const d = t * n + (t - 1) * s, u = B.useRef(null);
   return de("drag-ghost", () => {
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
     const h = u.current?.getBoundingClientRect() ?? null;
     return {
       values: {
-        x: s.get(),
+        x: i.get(),
         y: o.get(),
         bounds_x: h?.x ?? 0,
         bounds_y: h?.y ?? 0,
@@ -2893,24 +2893,24 @@ function ur({
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
     const h = u.current;
-    let d = 0, p = "", w = "", k = "";
+    let c = 0, p = "", w = "", k = "";
     if (h)
       try {
-        const R = window.getComputedStyle(h), C = R.outline || "", S = R.border || "", T = R.boxShadow || "", g = !!C && C !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(C), v = !!S && S !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(S), _ = !!T && T !== "none";
-        d = g || v || _ ? 1 : 0, p = g ? C : "", w = v ? S : "", k = _ ? T : "";
+        const x = window.getComputedStyle(h), C = x.outline || "", S = x.border || "", T = x.boxShadow || "", g = !!C && C !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(C), v = !!S && S !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(S), _ = !!T && T !== "none";
+        c = g || v || _ ? 1 : 0, p = g ? C : "", w = v ? S : "", k = _ ? T : "";
       } catch {
       }
     const f = h?.getBoundingClientRect() ?? null, b = h ? "drag-clone" : "subsumed-by-tracking-outline";
     return {
       values: {
-        x: s.get(),
+        x: i.get(),
         y: o.get(),
         bounds_x: f?.x ?? 0,
         bounds_y: f?.y ?? 0,
         bounds_w: f?.width ?? 0,
         bounds_h: f?.height ?? 0,
         visible: h ? 1 : 0,
-        outlineOnClone: d
+        outlineOnClone: c
       },
       spec: {
         mode: b,
@@ -2938,7 +2938,7 @@ function ur({
         `gloss-drag-ghost--tint-${e}`,
         m
       ].filter(Boolean).join(" "),
-      style: { x: s, y: o, width: c, height: a },
+      style: { x: i, y: o, width: d, height: a },
       children: l
     }
   );
@@ -2949,14 +2949,14 @@ function We({
   cell: t,
   colSpan: n,
   colWidth: a,
-  gap: i,
-  rowHeight: s,
+  gap: s,
+  rowHeight: i,
   pattern: o = "solid",
   transitionMs: l = 120,
   className: m,
-  motionWidth: c
+  motionWidth: d
 }) {
-  const u = n * a + (n - 1) * i, d = (t.section * sa + t.col) * (a + i), p = t.row * (s + i), w = e === "resize" ? 2.5 : 2, k = o === "dashed-retreated" ? "dashed" : "solid", f = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline", b = {
+  const u = n * a + (n - 1) * s, c = (t.section * sa + t.col) * (a + s), p = t.row * (i + s), w = 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}`,
@@ -2972,14 +2972,14 @@ function We({
     "data-pattern": o,
     "aria-hidden": "true"
   };
-  return c ? /* @__PURE__ */ r(
+  return d ? /* @__PURE__ */ r(
     G.div,
     {
       ...b,
       style: {
-        transform: `translate(${d}px, ${p}px)`,
-        width: c,
-        height: s,
+        transform: `translate(${c}px, ${p}px)`,
+        width: d,
+        height: i,
         borderWidth: w,
         borderStyle: k
       }
@@ -2989,9 +2989,9 @@ function We({
     {
       ...b,
       style: {
-        transform: `translate(${d}px, ${p}px)`,
+        transform: `translate(${c}px, ${p}px)`,
         width: u,
-        height: s,
+        height: i,
         borderWidth: w,
         borderStyle: k,
         transition: `transform ${l}ms cubic-bezier(0.4, 0, 0.2, 1)`
@@ -3008,15 +3008,15 @@ function pr({
   className: n,
   debugMagenta: a
 }) {
-  const i = process.env.NODE_ENV !== "production" && (a || typeof window < "u" && window.__GLOSS_CASCADE_PREVIEW_DEBUG__ === !0), s = B.useRef(e);
-  return s.current = e, de("cascade-preview", () => {
+  const s = process.env.NODE_ENV !== "production" && (a || typeof window < "u" && window.__GLOSS_CASCADE_PREVIEW_DEBUG__ === !0), i = B.useRef(e);
+  return i.current = e, de("cascade-preview", () => {
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
-    const o = s.current;
-    let l = 0, m = 0, c = 0, u = 0;
+    const o = i.current;
+    let l = 0, m = 0, d = 0, u = 0;
     for (const h of o) {
-      const d = h.x.get(), p = h.y.get();
-      Math.abs(d) > Math.abs(c) && (c = d, l = d), Math.abs(p) > Math.abs(u) && (u = p, m = p);
+      const c = h.x.get(), p = h.y.get();
+      Math.abs(c) > Math.abs(d) && (d = c, l = c), Math.abs(p) > Math.abs(u) && (u = p, m = p);
     }
     return {
       values: {
@@ -3049,7 +3049,7 @@ function pr({
         y: o.y,
         width: o.width,
         height: o.height,
-        ...i ? { outline: "2px solid magenta" } : {}
+        ...s ? { outline: "2px solid magenta" } : {}
       },
       children: t(o)
     },
@@ -3061,23 +3061,23 @@ const ia = ({
   elapsed: t,
   severity: n = "neutral"
 }) => {
-  const a = P(null), i = P(null);
+  const a = P(null), s = P(null);
   A(() => {
-    const l = Math.min(100, Math.max(0, e.value)), m = Math.min(100, Math.max(0, t.value)), c = requestAnimationFrame(() => {
-      a.current && (a.current.style.width = `${l}%`), i.current && (i.current.style.width = `${m}%`);
+    const l = Math.min(100, Math.max(0, e.value)), m = Math.min(100, Math.max(0, t.value)), d = requestAnimationFrame(() => {
+      a.current && (a.current.style.width = `${l}%`), s.current && (s.current.style.width = `${m}%`);
     });
-    return () => cancelAnimationFrame(c);
+    return () => cancelAnimationFrame(d);
   }, [e.value, t.value]);
-  const s = e.label ?? "ACTUAL", o = t.label ?? "ELAPSED";
+  const i = e.label ?? "ACTUAL", o = t.label ?? "ELAPSED";
   return /* @__PURE__ */ y(
     "div",
     {
       className: "gloss-dual-pace-bars",
       role: "img",
-      "aria-label": `${s}: ${e.value}%, ${o}: ${t.value}%`,
+      "aria-label": `${i}: ${e.value}%, ${o}: ${t.value}%`,
       children: [
         /* @__PURE__ */ y("div", { className: "gloss-dual-pace-bars__row", children: [
-          /* @__PURE__ */ r("span", { className: "gloss-dual-pace-bars__track-label", children: s }),
+          /* @__PURE__ */ r("span", { className: "gloss-dual-pace-bars__track-label", children: i }),
           /* @__PURE__ */ r("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ r(
             "div",
             {
@@ -3088,7 +3088,7 @@ const ia = ({
               "aria-valuenow": Math.min(100, Math.max(0, e.value)),
               "aria-valuemin": 0,
               "aria-valuemax": 100,
-              "aria-label": `${s}: ${e.value}%`
+              "aria-label": `${i}: ${e.value}%`
             }
           ) }),
           /* @__PURE__ */ y("span", { className: "gloss-dual-pace-bars__track-value", children: [
@@ -3101,7 +3101,7 @@ const ia = ({
           /* @__PURE__ */ r("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ r(
             "div",
             {
-              ref: i,
+              ref: s,
               className: "gloss-dual-pace-bars__fill gloss-dual-pace-bars__fill--elapsed",
               style: { width: "0%" },
               role: "meter",
@@ -3149,11 +3149,11 @@ const ia = ({
     }
   )
 ] }), gr = (e) => {
-  const [t, n] = I(!1), a = e.target?.value, i = a !== void 0, s = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ r(
+  const [t, n] = I(!1), a = e.target?.value, s = a !== void 0, i = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ r(
     gt,
     {
       label: `Set a target for ${e.label}`,
-      unit: s,
+      unit: i,
       currentValue: a,
       onConfirm: (l) => {
         e.onTargetChange(l), n(!1);
@@ -3175,7 +3175,7 @@ const ia = ({
       children: /* @__PURE__ */ y("div", { className: `gloss-pace-card ${e.isStale ? "gloss-metric-data-stale" : ""}`, children: [
         /* @__PURE__ */ r("div", { className: "gloss-pace-card__label", children: e.label }),
         e.subtitle && /* @__PURE__ */ r("div", { className: "gloss-pace-card__subtitle", children: e.subtitle }),
-        /* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ y($, { children: [
+        /* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: s ? /* @__PURE__ */ y($, { children: [
           /* @__PURE__ */ r(
             ia,
             {
@@ -3212,23 +3212,23 @@ const ia = ({
   ),
   /* @__PURE__ */ r("div", { className: "gloss-pace-tile-preview__gap-strip" })
 ] });
-function ca({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, onClick: o }) {
+function ca({ id: e, label: t, selected: n, focused: a, disabled: s, badge: i, onClick: o }) {
   return /* @__PURE__ */ r(
     "span",
     {
       role: "radio",
       "aria-checked": n,
-      "aria-disabled": i || void 0,
+      "aria-disabled": s || void 0,
       tabIndex: a ? 0 : -1,
       className: "gloss-lens-chip",
       "data-selected": n || void 0,
-      "data-disabled": i || void 0,
+      "data-disabled": s || void 0,
       onClick: () => {
-        i || o(e);
+        s || o(e);
       },
       children: /* @__PURE__ */ y("span", { className: "gloss-lens-chip__inner", children: [
         /* @__PURE__ */ r("span", { className: "gloss-lens-chip__label", children: t }),
-        s && /* @__PURE__ */ r("span", { className: "gloss-lens-chip__badge", children: s })
+        i && /* @__PURE__ */ r("span", { className: "gloss-lens-chip__badge", children: i })
       ] })
     }
   );
@@ -3239,12 +3239,12 @@ function da({
   onChange: n,
   "aria-label": a = "Lens"
 }) {
-  const [i, s] = I(
+  const [s, i] = I(
     () => Math.max(0, e.findIndex((l) => l.id === t))
   );
   return A(() => {
     const l = e.findIndex((m) => m.id === t);
-    s(l >= 0 ? l : 0);
+    i(l >= 0 ? l : 0);
   }, [t, e]), e.length === 0 ? null : /* @__PURE__ */ r(
     "div",
     {
@@ -3254,22 +3254,22 @@ function da({
         switch (l.key) {
           case "ArrowRight":
           case "ArrowDown":
-            l.preventDefault(), s((m) => (m + 1) % e.length);
+            l.preventDefault(), i((m) => (m + 1) % e.length);
             break;
           case "ArrowLeft":
           case "ArrowUp":
-            l.preventDefault(), s((m) => (m - 1 + e.length) % e.length);
+            l.preventDefault(), i((m) => (m - 1 + e.length) % e.length);
             break;
           case "Home":
-            l.preventDefault(), s(0);
+            l.preventDefault(), i(0);
             break;
           case "End":
-            l.preventDefault(), s(e.length - 1);
+            l.preventDefault(), i(e.length - 1);
             break;
           case "Enter":
           case " ": {
             l.preventDefault();
-            const m = e[i];
+            const m = e[s];
             m && !m.disabled && n(m.id);
             break;
           }
@@ -3282,7 +3282,7 @@ function da({
           id: l.id,
           label: l.label,
           selected: l.id === t,
-          focused: m === i,
+          focused: m === s,
           disabled: l.disabled,
           badge: l.badge,
           onClick: n
@@ -3316,15 +3316,15 @@ function K({
   name: t,
   secondary: n,
   value: a,
-  trail: i,
-  variant: s = "default",
+  trail: s,
+  variant: i = "default",
   onClick: o,
   className: l,
   style: m
 }) {
-  const c = [
+  const d = [
     "gloss-entity-row",
-    `gloss-entity-row--${s}`,
+    `gloss-entity-row--${i}`,
     o ? "gloss-entity-row--clickable" : "",
     l ?? ""
   ].filter(Boolean).join(" "), u = /* @__PURE__ */ y($, { children: [
@@ -3332,9 +3332,9 @@ function K({
     /* @__PURE__ */ r("span", { className: "gloss-entity-row__name", title: t, children: t }),
     n !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__secondary", children: n }),
     /* @__PURE__ */ r("span", { className: "gloss-entity-row__value", children: a }),
-    i !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: i })
+    s !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: s })
   ] });
-  return o ? /* @__PURE__ */ r("div", { role: "listitem", className: c, style: m, children: /* @__PURE__ */ r(
+  return o ? /* @__PURE__ */ r("div", { role: "listitem", className: d, style: m, children: /* @__PURE__ */ r(
     "button",
     {
       type: "button",
@@ -3351,7 +3351,7 @@ function K({
       },
       children: u
     }
-  ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: c, style: m, children: u });
+  ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: d, style: m, children: u });
 }
 K.displayName = "EntityRow";
 const ee = ({ rank: e }) => {
@@ -3431,9 +3431,9 @@ function ga({
   rows: t,
   rowCount: n,
   rankDeltaPeriod: a,
-  isStale: i
+  isStale: s
 }) {
-  const s = n ?? 3;
+  const i = n ?? 3;
   return /* @__PURE__ */ y($, { children: [
     /* @__PURE__ */ r(
       X,
@@ -3446,9 +3446,9 @@ function ga({
     /* @__PURE__ */ r(
       X,
       {
-        className: `gloss-metric-card__zone-b gloss-leaderboard ${i ? "gloss-metric-data-stale" : ""}`,
+        className: `gloss-metric-card__zone-b gloss-leaderboard ${s ? "gloss-metric-data-stale" : ""}`,
         style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
-        children: /* @__PURE__ */ r("div", { className: "gloss-leaderboard__rows", role: "list", children: t.slice(0, s).map((o, l) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r("div", { className: "gloss-leaderboard__rows", role: "list", children: t.slice(0, i).map((o, l) => /* @__PURE__ */ r(
           K,
           {
             lead: /* @__PURE__ */ r(ee, { rank: l + 1 }),
@@ -3520,11 +3520,11 @@ function va({
   rows: t,
   rule: n,
   rowCount: a,
-  emptyStateLabel: i,
-  ruleSubtitle: s,
+  emptyStateLabel: s,
+  ruleSubtitle: i,
   isStale: o
 }) {
-  const l = t.filter((c) => ba(c, n)), m = l.slice(0, a ?? 3);
+  const l = t.filter((d) => ba(d, n)), m = l.slice(0, a ?? 3);
   return l.length === 0 ? /* @__PURE__ */ y($, { children: [
     /* @__PURE__ */ r(
       X,
@@ -3534,8 +3534,8 @@ function va({
         children: /* @__PURE__ */ r(ce, { className: "gloss-metric-card__label", children: e })
       }
     ),
-    /* @__PURE__ */ r("div", { className: "gloss-exception-list__empty", role: "status", children: i ?? "No exceptions" }),
-    s && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: s })
+    /* @__PURE__ */ r("div", { className: "gloss-exception-list__empty", role: "status", children: s ?? "No exceptions" }),
+    i && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: i })
   ] }) : /* @__PURE__ */ y($, { children: [
     /* @__PURE__ */ r(
       X,
@@ -3550,20 +3550,20 @@ function va({
       {
         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: m.map((c, u) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: m.map((d, u) => /* @__PURE__ */ r(
           K,
           {
-            lead: /* @__PURE__ */ r(te, { severity: c.severity, "aria-label": fa(c.severity) }),
-            name: c.name,
-            value: c.value,
+            lead: /* @__PURE__ */ r(te, { severity: d.severity, "aria-label": fa(d.severity) }),
+            name: d.name,
+            value: d.value,
             variant: "exception",
             style: { "--i": u }
           },
-          c.id
+          d.id
         )) })
       }
     ),
-    s && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: s })
+    i && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: i })
   ] });
 }
 va.displayName = "ExceptionListCard";
@@ -3613,19 +3613,19 @@ const xe = ["MTD", "QTD", "YTD", "LYTD", "7D"], Re = ["$248K", "$612K", "$1.24M"
   labels: t = xe,
   sampleValues: n = Re
 }) => {
-  const a = Array.from({ length: e }, (i, s) => ({
-    label: t[s] ?? xe[s] ?? "",
-    value: n[s] ?? Re[s] ?? "",
-    sparkPath: Te[s % Te.length]
+  const a = Array.from({ length: e }, (s, i) => ({
+    label: t[i] ?? xe[i] ?? "",
+    value: n[i] ?? Re[i] ?? "",
+    sparkPath: Te[i % Te.length]
   }));
   return e === 1 ? /* @__PURE__ */ r("div", { className: "gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--single", "aria-hidden": "true", children: /* @__PURE__ */ r("div", { className: "gloss-stacked-group-tile-preview__single-value", children: a[0].value }) }) : /* @__PURE__ */ r(
     "div",
     {
       className: `gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--slots-${e}`,
       "aria-hidden": "true",
-      children: a.map((i, s) => /* @__PURE__ */ y("div", { className: "gloss-stacked-group-tile-preview__row", children: [
-        /* @__PURE__ */ r("span", { className: "gloss-stacked-group-tile-preview__row-label", children: i.label }),
-        /* @__PURE__ */ r("span", { className: "gloss-stacked-group-tile-preview__row-value", children: i.value }),
+      children: a.map((s, i) => /* @__PURE__ */ y("div", { className: "gloss-stacked-group-tile-preview__row", children: [
+        /* @__PURE__ */ r("span", { className: "gloss-stacked-group-tile-preview__row-label", children: s.label }),
+        /* @__PURE__ */ r("span", { className: "gloss-stacked-group-tile-preview__row-value", children: s.value }),
         /* @__PURE__ */ r(
           "svg",
           {
@@ -3635,10 +3635,10 @@ const xe = ["MTD", "QTD", "YTD", "LYTD", "7D"], Re = ["$248K", "$612K", "$1.24M"
             height: "10",
             preserveAspectRatio: "none",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ r("path", { d: i.sparkPath, fill: "none", stroke: "currentColor", strokeWidth: "1" })
+            children: /* @__PURE__ */ r("path", { d: s.sparkPath, fill: "none", stroke: "currentColor", strokeWidth: "1" })
           }
         )
-      ] }, s))
+      ] }, i))
     }
   );
 };
@@ -3691,14 +3691,14 @@ function Nr({
   variant: t,
   rampColor: n,
   colWidth: a,
-  rowHeight: i,
-  gap: s,
+  rowHeight: s,
+  gap: i,
   className: o
 }) {
-  const m = (e.section * _a + e.col) * (a + s), c = e.row * (i + s), u = t === "eligibility" ? j.eligibilityFill : t === "commit" ? j.commitFill : t === "rejection" ? j.rejectionFill : (
+  const m = (e.section * _a + e.col) * (a + i), d = e.row * (s + i), u = t === "eligibility" ? j.eligibilityFill : t === "commit" ? j.commitFill : t === "rejection" ? j.rejectionFill : (
     /* ramp */
     n ?? j.eligibilityFill
-  ), h = t === "rejection", d = h ? j.rejectionStroke : "transparent", p = h ? "dashed" : "solid";
+  ), h = t === "rejection", c = h ? j.rejectionStroke : "transparent", p = h ? "dashed" : "solid";
   return /* @__PURE__ */ r(
     "div",
     {
@@ -3711,14 +3711,14 @@ function Nr({
       "data-variant": t,
       "aria-hidden": "true",
       style: {
-        transform: `translate(${m}px, ${c}px)`,
+        transform: `translate(${m}px, ${d}px)`,
         width: a,
-        height: i,
+        height: s,
         // 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: u,
-        borderColor: d,
+        borderColor: c,
         borderStyle: p
       }
     }
@@ -3734,14 +3734,14 @@ function Sr({
   fireKey: t,
   colWidth: n,
   rowHeight: a,
-  gap: i,
-  className: s
+  gap: s,
+  className: i
 }) {
-  const l = (e.section * Ca + e.col) * (n + i) + n / 2, m = e.row * (a + i) + a / 2;
+  const l = (e.section * Ca + e.col) * (n + s) + n / 2, m = e.row * (a + s) + a / 2;
   return He() === "reduced" ? /* @__PURE__ */ r(
     "div",
     {
-      className: ["gloss-refuse-pulse-flash", s].filter(Boolean).join(" "),
+      className: ["gloss-refuse-pulse-flash", i].filter(Boolean).join(" "),
       "data-testid": "gloss-refuse-pulse-flash",
       "data-fire-key": t,
       "aria-hidden": "true",
@@ -3762,7 +3762,7 @@ function Sr({
   ) : /* @__PURE__ */ r(
     "div",
     {
-      className: ["gloss-refuse-pulse", s].filter(Boolean).join(" "),
+      className: ["gloss-refuse-pulse", i].filter(Boolean).join(" "),
       "data-testid": "gloss-refuse-pulse",
       "data-fire-key": t,
       "data-cx": l,
@@ -3812,12 +3812,12 @@ function kr(e) {
   return /* @__PURE__ */ r(We, { gesture: "resize", ...e });
 }
 function Sa(e, t, n) {
-  const a = Math.max(0, Math.min(1, n)), i = (h) => [
+  const a = Math.max(0, Math.min(1, n)), s = (h) => [
     parseInt(h.slice(1, 3), 16),
     parseInt(h.slice(3, 5), 16),
     parseInt(h.slice(5, 7), 16)
-  ], [s, o, l] = i(e), [m, c, u] = i(t);
-  return `rgb(${Math.round(s + (m - s) * a)}, ${Math.round(o + (c - o) * a)}, ${Math.round(
+  ], [i, o, l] = s(e), [m, d, u] = s(t);
+  return `rgb(${Math.round(i + (m - i) * a)}, ${Math.round(o + (d - o) * a)}, ${Math.round(
     l + (u - l) * a
   )})`;
 }
@@ -3828,25 +3828,25 @@ function Da(e) {
   return e === "dragging";
 }
 function Dr(e) {
-  const { edgeHover: t, sourceCell: n, cascadeResult: a } = e, s = He() === "reduced", o = B.useRef(t.currentColSpan), l = B.useRef({ armed: !0, fireKey: 0, lastResult: null }), m = B.useRef(t.currentColSpan), c = B.useRef("idle"), u = B.useRef(t.currentColSpan), h = Da(t.state);
-  if (s ? (c.current = "settled", u.current = t.currentColSpan, m.current = t.currentColSpan) : h ? c.current = t.currentColSpan !== m.current ? "incoming" : "outgoing" : (t.currentColSpan !== m.current && (u.current = t.currentColSpan, m.current = t.currentColSpan), c.current !== "idle" && (c.current = "settled")), !h)
+  const { edgeHover: t, sourceCell: n, cascadeResult: a } = e, i = He() === "reduced", o = B.useRef(t.currentColSpan), l = B.useRef({ armed: !0, fireKey: 0, lastResult: null }), m = B.useRef(t.currentColSpan), d = B.useRef("idle"), u = B.useRef(t.currentColSpan), h = Da(t.state);
+  if (i ? (d.current = "settled", u.current = t.currentColSpan, m.current = t.currentColSpan) : h ? d.current = t.currentColSpan !== m.current ? "incoming" : "outgoing" : (t.currentColSpan !== m.current && (u.current = t.currentColSpan, m.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: u.current
     };
-  const d = t.hysteresisTargetColSpan, p = t.previewColSpan, w = a?.result === "rejected";
-  w || (o.current = d), w && l.current.armed && l.current.lastResult !== "rejected" && (l.current.fireKey += 1, l.current.armed = !1), l.current.lastResult = w ? "rejected" : "ok";
-  const k = w ? o.current : d, f = {
+  const c = t.hysteresisTargetColSpan, p = t.previewColSpan, w = a?.result === "rejected";
+  w || (o.current = c), w && l.current.armed && l.current.lastResult !== "rejected" && (l.current.fireKey += 1, l.current.armed = !1), l.current.lastResult = w ? "rejected" : "ok";
+  const k = w ? o.current : c, f = {
     cell: { section: 0, col: 0, row: 0 },
     colSpan: k,
     pattern: w ? "dashed-retreated" : "solid"
   }, b = [];
   if (w) {
-    const S = n.col + o.current, T = n.col + d - 1;
+    const S = n.col + o.current, T = n.col + c - 1;
     for (let g = S; g <= T && g <= 2; g++)
       b.push({
         cell: {
@@ -3857,25 +3857,25 @@ function Dr(e) {
         variant: "rejection"
       });
   } else {
-    const S = Math.abs(p - d), T = Math.max(0, Math.min(1, 1 - S));
-    for (let g = n.col; g < n.col + d && g <= 2; g++) {
+    const S = Math.abs(p - c), T = Math.max(0, Math.min(1, 1 - S));
+    for (let g = n.col; g < n.col + c && g <= 2; g++) {
       if (g === n.col) continue;
-      const v = g === n.col + d - 1, _ = {
+      const v = g === n.col + c - 1, _ = {
         section: 0,
         col: g - 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 && !i && S > 0 && S < 1 ? b.push({
         cell: _,
         variant: "ramp",
         rampColor: Sa(Me.eligibilityFill, Me.commitFill, T)
       }) : v ? b.push({ cell: _, variant: "commit" }) : b.push({ cell: _, variant: "eligibility" });
     }
   }
-  const R = [];
-  if (t.currentColSpan > d)
-    for (let S = n.col + d; S < n.col + t.currentColSpan && S <= 2; S++)
-      R.push({
+  const x = [];
+  if (t.currentColSpan > c)
+    for (let S = n.col + c; S < n.col + t.currentColSpan && S <= 2; S++)
+      x.push({
         section: 0,
         col: S - n.col,
         row: 0
@@ -3894,8 +3894,8 @@ function Dr(e) {
     trackingOutline: f,
     cellTints: b,
     refusePulse: C,
-    shrinkFreedCells: R,
-    phase: c.current,
+    shrinkFreedCells: x,
+    phase: d.current,
     displayColSpan: u.current
   };
 }
@@ -3912,27 +3912,27 @@ function xa({
   primaryAction: t,
   onDismiss: n,
   anchorEl: a,
-  anchorSelector: i
+  anchorSelector: s
 }) {
-  const [s, o] = F.useState(null), l = F.useMemo(
+  const [i, o] = F.useState(null), l = F.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
   F.useEffect(() => {
-    !a && !i && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
+    !a && !s && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
       "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
     );
-  }, [a, i]), F.useLayoutEffect(() => {
-    let c = null;
-    if (a ? c = a : i && (c = document.querySelector(i)), c) {
-      const u = c.getBoundingClientRect();
+  }, [a, s]), F.useLayoutEffect(() => {
+    let d = null;
+    if (a ? d = a : s && (d = document.querySelector(s)), d) {
+      const u = d.getBoundingClientRect();
       o({
         top: u.bottom + window.scrollY + 6,
         left: u.left + window.scrollX
       });
     }
-  }, [a, i]);
-  const m = s ? { top: s.top, left: s.left } : {};
+  }, [a, s]);
+  const m = i ? { top: i.top, left: i.left } : {};
   return /* @__PURE__ */ y(
     "div",
     {
@@ -3977,11 +3977,11 @@ function Ra(e, t, n) {
     const o = e[0], l = o ? ge(o) : "#888";
     return `linear-gradient(to right, ${l}, ${l})`;
   }
-  const a = n - t, s = [...e].sort((o, l) => o.value - l.value).map((o) => {
+  const a = n - t, i = [...e].sort((o, l) => o.value - l.value).map((o) => {
     const l = (o.value - t) / a * 100;
     return `${ge(o)} ${l.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(", ")})`;
+  return i.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : i.length === 1 ? `linear-gradient(to right, ${i[0]}, ${i[0]})` : `linear-gradient(to right, ${i.join(", ")})`;
 }
 function Ta(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
@@ -3991,18 +3991,18 @@ function Ma({
   onChange: t,
   min: n = 0,
   max: a = 100,
-  step: i,
-  disabled: s = !1
+  step: s,
+  disabled: i = !1
 }) {
-  const o = i === void 0 ? 0.01 : !Number.isFinite(i) || i <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
-    `ThresholdRamp: step (${i}) must be a positive finite number; falling back to 0.01.`
-  ), 0.01) : i, l = N(
+  const o = s === void 0 ? 0.01 : !Number.isFinite(s) || s <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
+    `ThresholdRamp: step (${s}) must be a positive finite number; falling back to 0.01.`
+  ), 0.01) : s, l = N(
     (g) => Math.round(g / o) * o,
     [o]
-  ), m = P(null), [c, u] = I(null), [h, d] = I(e), p = Ta(e), w = P(p);
+  ), m = P(null), [d, u] = I(null), [h, c] = I(e), p = Ta(e), w = P(p);
   A(() => {
-    w.current !== p && (w.current = p, !c && d(e));
-  }, [p, e, c]);
+    w.current !== p && (w.current = p, !d && c(e));
+  }, [p, e, d]);
   const k = re(() => Ra(h, n, a), [h, n, a]), f = N(
     (g) => {
       if (!m.current) return n;
@@ -4019,32 +4019,32 @@ function Ma({
   const b = N(
     (g, v) => {
       const _ = h.find((D) => D.id === v);
-      s || _?.disabled || (g.preventDefault(), u(v));
+      i || _?.disabled || (g.preventDefault(), u(v));
     },
-    [s, h]
-  ), R = P(h);
-  R.current = h;
+    [i, h]
+  ), x = P(h);
+  x.current = h;
   const C = P(t);
   C.current = t, A(() => {
-    if (!c) return;
+    if (!d) return;
     const g = (_) => {
       const D = f(_.clientX);
-      d(
-        (M) => M.map((x) => x.id === c ? { ...x, value: D } : x)
+      c(
+        (M) => M.map((R) => R.id === d ? { ...R, value: D } : R)
       );
     }, v = (_) => {
-      const D = f(_.clientX), M = R.current.map(
-        (x) => x.id === c ? { ...x, value: D } : x
+      const D = f(_.clientX), M = x.current.map(
+        (R) => R.id === d ? { ...R, value: D } : R
       );
-      d(M), u(null), C.current(M);
+      c(M), u(null), C.current(M);
     };
     return window.addEventListener("pointermove", g), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
       window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
     };
-  }, [c, f]);
+  }, [d, f]);
   const S = a - n > 0 ? a - n : 1, T = N(
     (g, v) => {
-      if (s || v.disabled) return;
+      if (i || v.disabled) return;
       const _ = a - n;
       if (_ <= 0) return;
       const D = g.shiftKey ? _ / 20 : _ / 100;
@@ -4068,16 +4068,16 @@ function Ma({
           return;
       }
       g.preventDefault();
-      const x = Math.max(n, Math.min(a, M)), E = l(x);
+      const R = Math.max(n, Math.min(a, M)), E = l(R);
       if (E === v.value) return;
       const L = h.map(
         (Z) => Z.id === v.id ? { ...Z, value: E } : Z
       );
-      d(L), t(L);
+      c(L), t(L);
     },
-    [s, n, a, h, t, l]
+    [i, n, a, h, t, l]
   );
-  return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": i || void 0, children: /* @__PURE__ */ r(
     "div",
     {
       ref: m,
@@ -4094,7 +4094,7 @@ function Ma({
               color: ge(g)
             },
             "data-disabled": g.disabled || void 0,
-            "data-dragging": c === g.id || void 0,
+            "data-dragging": d === g.id || void 0,
             onPointerDown: (_) => b(_, g.id),
             onKeyDown: (_) => T(_, g),
             "aria-label": g.label ?? `Stop at ${g.value}`,
@@ -4102,8 +4102,8 @@ function Ma({
             "aria-valuenow": g.value,
             "aria-valuemin": n,
             "aria-valuemax": a,
-            "aria-disabled": g.disabled || s || void 0,
-            tabIndex: g.disabled || s ? -1 : 0
+            "aria-disabled": g.disabled || i || void 0,
+            tabIndex: g.disabled || i ? -1 : 0
           },
           g.id
         );
@@ -4146,32 +4146,32 @@ function Pa(e, t, n, a) {
   }
 }
 function Ia(e) {
-  const { anchorRef: t, placement: n, gap: a = 8, offset: i, isOpen: s = !0 } = e, o = P({ x: i?.x ?? 0, y: i?.y ?? 0 });
-  o.current = { x: i?.x ?? 0, y: i?.y ?? 0 };
+  const { anchorRef: t, placement: n, gap: a = 8, offset: s, isOpen: i = !0 } = e, o = P({ x: s?.x ?? 0, y: s?.y ?? 0 });
+  o.current = { x: s?.x ?? 0, y: s?.y ?? 0 };
   const [l, m] = I({});
   return Ie(() => {
-    if (typeof window > "u" || !s) return;
-    const c = t.current;
-    if (!c) return;
+    if (typeof window > "u" || !i) return;
+    const d = t.current;
+    if (!d) return;
     const u = () => {
-      const d = c.getBoundingClientRect();
-      m(Pa(d, n, a, o.current));
+      const c = d.getBoundingClientRect();
+      m(Pa(c, n, a, o.current));
     };
     u();
     let h = null;
-    return typeof ResizeObserver < "u" && (h = new ResizeObserver(u), h.observe(c)), window.addEventListener("scroll", u, { capture: !0, passive: !0 }), window.addEventListener("resize", u, { passive: !0 }), () => {
+    return typeof ResizeObserver < "u" && (h = new ResizeObserver(u), h.observe(d)), window.addEventListener("scroll", u, { capture: !0, passive: !0 }), window.addEventListener("resize", u, { passive: !0 }), () => {
       h?.disconnect(), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
     };
-  }, [t, n, a, s]), { style: l };
+  }, [t, n, a, i]), { style: l };
 }
 const Ea = {
   position: "fixed",
   zIndex: 9999
 };
 function Aa(e) {
-  const { anchorRef: t, placement: n, gap: a, offset: i, dataHost: s, isOpen: o = !0, className: l, children: m } = e, { style: c } = Ia({ anchorRef: t, placement: n, gap: a, offset: i, isOpen: o });
+  const { anchorRef: t, placement: n, gap: a, offset: s, dataHost: i, isOpen: o = !0, className: l, children: m } = e, { style: d } = Ia({ anchorRef: t, placement: n, gap: a, offset: s, isOpen: o });
   return typeof window > "u" || typeof document > "u" || !o ? null : Ee(
-    /* @__PURE__ */ r("div", { "data-portal-host": s, className: l, style: { ...Ea, ...c }, children: m }),
+    /* @__PURE__ */ r("div", { "data-portal-host": i, className: l, style: { ...Ea, ...d }, children: m }),
     document.body
   );
 }
@@ -4180,18 +4180,18 @@ function Fa() {
   return at(je);
 }
 function Oa({ option: e }) {
-  const t = Fa(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, i = N(() => {
+  const t = Fa(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, s = N(() => {
     a || t?.select(e.value);
-  }, [a, t, e.value]), s = N(
-    (c) => {
-      a || t?.onKeyNav(c, e.value);
+  }, [a, t, e.value]), i = N(
+    (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, m = 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,
@@ -4204,8 +4204,8 @@ function Oa({ option: e }) {
       "aria-disabled": a,
       disabled: a,
       tabIndex: m,
-      onClick: i,
-      onKeyDown: s
+      onClick: s,
+      onKeyDown: i
     }
   );
 }
@@ -4214,25 +4214,25 @@ function La({
   value: t,
   defaultValue: n,
   onChange: a,
-  disabled: i = !1,
-  name: s
+  disabled: s = !1,
+  name: i
 }) {
-  const o = t !== void 0, [l, m] = I(n), c = o ? t : l, u = N(
+  const o = t !== void 0, [l, m] = I(n), d = o ? t : l, u = N(
     (C) => {
       o || m(C), a?.(C);
     },
     [o, a]
   ), h = N(
-    (C) => c === C,
-    [c]
-  ), d = P(/* @__PURE__ */ new Map()), p = N((C, S) => {
-    S ? d.current.set(C, S) : d.current.delete(C);
-  }, []), w = e.filter((C) => !C.disabled && !i), k = w.find((C) => C.value === c)?.value ?? w[0]?.value, f = N((C) => {
-    const S = d.current.get(C);
+    (C) => d === C,
+    [d]
+  ), c = P(/* @__PURE__ */ new Map()), p = N((C, S) => {
+    S ? c.current.set(C, S) : c.current.delete(C);
+  }, []), w = e.filter((C) => !C.disabled && !s), k = w.find((C) => C.value === d)?.value ?? w[0]?.value, f = N((C) => {
+    const S = c.current.get(C);
     S && S.focus();
   }, []), b = N(
     (C, S) => {
-      if (i) return;
+      if (s) return;
       const T = e.filter((D) => !D.disabled);
       if (T.length === 0) return;
       const g = T.findIndex((D) => D.value === S);
@@ -4264,25 +4264,25 @@ function La({
       const _ = T[v].value;
       f(_), u(_);
     },
-    [i, e, u, f]
-  ), R = {
-    selectedValue: c,
+    [s, e, u, f]
+  ), x = {
+    selectedValue: d,
     select: u,
     isSelected: h,
-    groupDisabled: i,
-    name: s,
+    groupDisabled: s,
+    name: i,
     registerRef: p,
     firstFocusableValue: k,
     onKeyNav: b
   };
-  return /* @__PURE__ */ r(je.Provider, { value: R, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(je.Provider, { value: x, children: /* @__PURE__ */ r(
     "div",
     {
       className: "gloss-preset-swatch-row",
       role: "radiogroup",
-      "aria-label": s,
-      "aria-disabled": i,
-      "data-disabled": i || void 0,
+      "aria-label": i,
+      "aria-disabled": s,
+      "data-disabled": s || void 0,
       children: e.map((C) => /* @__PURE__ */ r(Oa, { option: C }, C.value))
     }
   ) });
@@ -4299,8 +4299,8 @@ function Pe(e, t) {
   return n ? n.zoneKey : he(e, t);
 }
 function $a(e, t, n) {
-  const a = [...e], [i] = a.splice(t, 1);
-  return a.splice(n, 0, i), a;
+  const a = [...e], [s] = a.splice(t, 1);
+  return a.splice(n, 0, s), a;
 }
 function za(e) {
   return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
@@ -4310,34 +4310,34 @@ function Ba(e) {
     () => 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, i] = I(null), [s, o] = I(null), l = P(null), m = P(e.onZoneChange);
+  ), [a, s] = I(null), [i, o] = I(null), l = P(null), m = P(e.onZoneChange);
   m.current = e.onZoneChange;
-  const c = re(
+  const d = re(
     () => za(e.zones),
     [e.zones]
-  ), u = P(c);
+  ), u = P(d);
   A(() => {
-    u.current !== c && (u.current = c, !a && n(
+    u.current !== d && (u.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 = N(
     (f) => {
       const b = f.active.id;
-      let R = null, C = null;
+      let x = null, C = null;
       for (const S of t) {
         const T = S.items.find((g) => g.id === b);
         if (T) {
-          R = T, C = S.zoneKey;
+          x = T, C = S.zoneKey;
           break;
         }
       }
-      l.current = C, i(R), o(C);
+      l.current = C, s(x), o(C);
     },
     [t]
-  ), d = N(
+  ), c = N(
     (f) => {
       if (!f.over) {
         o(l.current);
@@ -4349,32 +4349,32 @@ function Ba(e) {
     [t]
   ), p = N(
     (f) => {
-      const { active: b, over: R } = f, C = () => {
-        l.current = null, i(null), o(null);
+      const { active: b, over: x } = f, C = () => {
+        l.current = null, s(null), o(null);
       };
-      if (!R) {
+      if (!x) {
         C();
         return;
       }
-      const S = he(t, b.id), T = Pe(t, R.id);
+      const S = he(t, b.id), T = Pe(t, x.id);
       if (!S || !T) {
         C();
         return;
       }
       let g = t.map((v) => ({ ...v, items: [...v.items] }));
       if (S === T) {
-        const v = g.findIndex((E) => E.zoneKey === S), _ = g[v], D = _.items.findIndex((E) => E.id === b.id), M = _.items.findIndex((E) => E.id === R.id), x = M >= 0 ? M : Math.max(0, _.items.length - 1);
+        const v = g.findIndex((E) => E.zoneKey === S), _ = g[v], D = _.items.findIndex((E) => E.id === b.id), M = _.items.findIndex((E) => E.id === x.id), R = M >= 0 ? M : Math.max(0, _.items.length - 1);
         g[v] = {
           ..._,
-          items: $a(_.items, D, x)
+          items: $a(_.items, D, R)
         };
       } else {
-        const v = g.findIndex((O) => O.zoneKey === S), _ = g.findIndex((O) => O.zoneKey === T), D = g[v], M = g[_], x = D.items.find((O) => O.id === b.id);
-        if (!x) {
+        const v = g.findIndex((O) => O.zoneKey === S), _ = g.findIndex((O) => O.zoneKey === T), D = g[v], M = g[_], R = D.items.find((O) => O.id === b.id);
+        if (!R) {
           C();
           return;
         }
-        const E = D.items.filter((O) => O.id !== b.id), L = M.items.findIndex((O) => O.id === R.id), Z = L >= 0 ? L : M.items.length;
+        const E = D.items.filter((O) => O.id !== b.id), L = M.items.findIndex((O) => O.id === x.id), Z = L >= 0 ? L : M.items.length;
         let be = E, H = [...M.items];
         if (M.maxItems !== void 0 && H.length >= M.maxItems) {
           const O = H[H.length - 1];
@@ -4382,7 +4382,7 @@ function Ba(e) {
         }
         const ve = Math.min(Z, H.length), qe = [
           ...H.slice(0, ve),
-          x,
+          R,
           ...H.slice(ve)
         ];
         g[v] = { ...D, items: be }, g[_] = { ...M, items: qe };
@@ -4409,12 +4409,12 @@ function Ba(e) {
   );
   return {
     zones: t,
-    activeZone: s,
+    activeZone: i,
     activeItem: a,
     getZoneProps: w,
     getItemProps: k,
     handleDragStart: h,
-    handleDragOver: d,
+    handleDragOver: c,
     handleDragEnd: p
   };
 }
@@ -4435,11 +4435,11 @@ const Ka = [
 ];
 function Ha(e, t) {
   const n = [], a = e ?? {};
-  for (const s of Ka)
-    a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
-  const i = t ?? {};
-  for (const s of Ga)
-    i[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
+  for (const i of Ka)
+    a[i] === void 0 && n.push(`@dnd-kit/core:${i}`);
+  const s = t ?? {};
+  for (const i of Ga)
+    s[i] === void 0 && n.push(`@dnd-kit/sortable:${i}`);
   return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
 }
 function Wa() {
@@ -4465,14 +4465,14 @@ function Wa() {
   })(), ne);
 }
 function Va(e) {
-  const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = Ba({ zones: t, onZoneChange: n }), [l, m] = F.useState(Q);
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: s, renderDragOverlay: i } = e, o = Ba({ zones: t, onZoneChange: n }), [l, m] = F.useState(Q);
   return F.useEffect(() => {
     if (l) return;
-    let c = !0;
+    let d = !0;
     return Wa().then((u) => {
-      c && m(u);
+      d && m(u);
     }), () => {
-      c = !1;
+      d = !1;
     };
   }, [l]), l ? /* @__PURE__ */ r(
     Ue,
@@ -4480,12 +4480,12 @@ function Va(e) {
       state: o,
       modules: l,
       renderZone: a,
-      renderItem: i,
-      renderDragOverlay: s
+      renderItem: s,
+      renderDragOverlay: i
     }
-  ) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((c) => {
-    const u = 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, u) }, c.zoneKey);
+  ) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((d) => {
+    const u = d.items.map((h) => /* @__PURE__ */ r(F.Fragment, { children: s(h) }, h.id));
+    return /* @__PURE__ */ r("div", { ...o.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, u) }, d.zoneKey);
   }) });
 }
 Va.displayName = "SortableZones";
@@ -4494,16 +4494,16 @@ function Ue({
   modules: t,
   renderZone: n,
   renderItem: a,
-  renderDragOverlay: i
+  renderDragOverlay: s
 }) {
-  const { core: s, sortable: o, utilities: l } = t, { DndContext: m, DragOverlay: c, useSensors: u, useSensor: h, useDroppable: d, PointerSensor: p, KeyboardSensor: w, closestCenter: k } = s, { SortableContext: f, verticalListSortingStrategy: b } = o, R = u(
+  const { core: i, sortable: o, utilities: l } = t, { DndContext: m, DragOverlay: d, useSensors: u, useSensor: h, useDroppable: c, PointerSensor: p, KeyboardSensor: w, closestCenter: k } = i, { SortableContext: f, verticalListSortingStrategy: b } = o, x = u(
     h(p, { activationConstraint: { distance: 5 } }),
     h(w)
-  ), C = m, S = c, T = f;
+  ), C = m, S = d, T = f;
   return /* @__PURE__ */ y(
     C,
     {
-      sensors: R,
+      sensors: x,
       collisionDetection: k,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
@@ -4525,25 +4525,25 @@ function Ue({
             {
               zoneKey: g.zoneKey,
               zoneProps: e.getZoneProps(g.zoneKey),
-              useDroppable: d,
+              useDroppable: c,
               children: /* @__PURE__ */ r(T, { items: v, strategy: b, children: n(g.zoneKey, g.items, _) })
             },
             g.zoneKey
           );
         }),
-        /* @__PURE__ */ r(S, { children: e.activeItem ? i?.(e.activeItem) ?? a(e.activeItem) : null })
+        /* @__PURE__ */ r(S, { children: e.activeItem ? s?.(e.activeItem) ?? a(e.activeItem) : null })
       ]
     }
   );
 }
 Ue.displayName = "SortableZonesInner";
 function Ye({ id: e, useSortable: t, cssHelper: n, children: a }) {
-  const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition: m, isDragging: c } = t({ id: e }), u = {
+  const { attributes: s, listeners: i, setNodeRef: o, transform: l, transition: m, isDragging: d } = t({ id: e }), u = {
     transform: n?.Transform?.toString(l) ?? void 0,
     transition: m,
-    opacity: c ? 0.5 : 1
+    opacity: d ? 0.5 : 1
   };
-  return /* @__PURE__ */ r("div", { ref: o, style: u, "data-sortable-item-id": e, ...i, ...s, children: a });
+  return /* @__PURE__ */ r("div", { ref: o, style: u, "data-sortable-item-id": e, ...s, ...i, children: a });
 }
 Ye.displayName = "SortableItem";
 function Ze({
@@ -4552,8 +4552,8 @@ function Ze({
   useDroppable: n,
   children: a
 }) {
-  const { setNodeRef: i, isOver: s } = n({ id: e });
-  return /* @__PURE__ */ r("div", { ref: i, "data-zone-is-over": s || void 0, ...t, children: a });
+  const { setNodeRef: s, isOver: i } = n({ id: e });
+  return /* @__PURE__ */ r("div", { ref: s, "data-zone-is-over": i || void 0, ...t, children: a });
 }
 Ze.displayName = "ZoneDroppable";
 function xr({
@@ -4561,13 +4561,13 @@ function xr({
   slotCenter: t,
   slotRight: n,
   height: a = 36,
-  className: i,
-  style: s,
+  className: s,
+  style: i,
   "aria-label": o = "Dashboard navigation"
 }) {
   const l = {
     "--gloss-bottom-toolbar-height": `${a}px`,
-    ...s
+    ...i
   };
   return /* @__PURE__ */ y(
     "div",
@@ -4575,7 +4575,7 @@ function xr({
       role: "toolbar",
       "aria-label": o,
       "data-testid": "gloss-bottom-toolbar",
-      className: ["gloss-bottom-toolbar", i].filter(Boolean).join(" "),
+      className: ["gloss-bottom-toolbar", s].filter(Boolean).join(" "),
       style: l,
       children: [
         /* @__PURE__ */ r(
@@ -4611,23 +4611,23 @@ function Rr({
   currentIndex: t,
   onSelect: n,
   "aria-label": a = "Sections",
-  provisionalIndex: i,
-  pulseIndex: s,
+  provisionalIndex: s,
+  pulseIndex: i,
   pulseNonce: o,
   currentSection: l,
   sectionsPerView: m = 1,
   // D-09 default
-  isHiding: c
+  isHiding: d
 }) {
-  const u = l ?? t ?? 0, h = Math.max(0, Math.min(e - 1, u)), d = Math.min(e - 1, h + Math.max(0, m - 1)), p = [h, d], w = B.useRef([]);
-  return w.current.length = e, !c && e <= 1 || !c && p[0] === 0 && p[1] === e - 1 ? null : /* @__PURE__ */ y(
+  const u = l ?? t ?? 0, h = Math.max(0, Math.min(e - 1, u)), c = Math.min(e - 1, h + Math.max(0, m - 1)), p = [h, c], w = B.useRef([]);
+  return w.current.length = e, !d && e <= 1 || !d && p[0] === 0 && p[1] === e - 1 ? null : /* @__PURE__ */ y(
     "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") {
@@ -4656,14 +4656,14 @@ function Rr({
         Array.from({ length: e }, (f, b) => /* @__PURE__ */ r(
           "button",
           {
-            ref: (R) => {
-              w.current[b] = R;
+            ref: (x) => {
+              w.current[b] = x;
             },
             type: "button",
             role: "tab",
             "aria-selected": b === u,
-            "aria-label": b === i ? "Unconfirmed section" : `Section ${b + 1}`,
-            "data-state": b === i ? "provisional-hollow" : b === s ? "pulse" : b === u ? "current" : "hollow",
+            "aria-label": b === s ? "Unconfirmed section" : `Section ${b + 1}`,
+            "data-state": b === s ? "provisional-hollow" : b === i ? "pulse" : b === u ? "current" : "hollow",
             "data-section-index": b,
             className: [
               "gloss-section-dots__dot",
@@ -4671,14 +4671,14 @@ function Rr({
             ].filter(Boolean).join(" "),
             onClick: () => n(b)
           },
-          b === s ? `${b}-${o ?? 0}` : b
+          b === i ? `${b}-${o ?? 0}` : b
         ))
       ]
     }
   );
 }
 function Tr(e) {
-  const { anchorRef: t, isOpen: n, onRequestClose: a, onPopoverEnter: i, onPopoverLeave: s, children: o } = e, l = P(!0);
+  const { anchorRef: t, isOpen: n, onRequestClose: a, onPopoverEnter: s, onPopoverLeave: i, children: o } = e, l = P(!0);
   return A(() => (l.current = !0, () => {
     l.current = !1;
   }), []), n ? /* @__PURE__ */ r(
@@ -4696,8 +4696,8 @@ function Tr(e) {
           className: "bell-popover__panel",
           role: "dialog",
           "aria-label": "Notifications preview",
-          onMouseEnter: i,
-          onMouseLeave: s,
+          onMouseEnter: s,
+          onMouseLeave: i,
           children: [
             /* @__PURE__ */ r("div", { className: "bell-popover__header", children: /* @__PURE__ */ r("h4", { className: "bell-popover__title", children: "Notifications" }) }),
             /* @__PURE__ */ r("div", { className: "bell-popover__body", children: o ?? /* @__PURE__ */ r("em", { className: "bell-popover__placeholder", children: "No recent notifications" }) }),
@@ -4724,26 +4724,26 @@ function Mr(e) {
     mode: t = null,
     count: n,
     anchorRef: a,
-    subscribeToCoordinator: i = !0,
-    cardLabels: s
-  } = e, o = P(null), [l, m] = I({ cx: 0, cy: 0, r: 14 }), c = it(), u = i ? c?.state?.lockHint ?? null : null, h = u != null ? "lock" : t, d = u?.activeCardId ?? null, p = d != null ? s?.[d] ?? d : "";
+    subscribeToCoordinator: s = !0,
+    cardLabels: i
+  } = e, o = P(null), [l, m] = I({ cx: 0, cy: 0, r: 14 }), d = it(), u = s ? d?.state?.lockHint ?? null : null, h = s ? d?.state?.bellCutoutOpen ?? !1 : !1, c = u != null ? "lock" : t ?? (h ? "default" : null), p = u?.activeCardId ?? null, w = p != null ? i?.[p] ?? p : "";
   return Ie(() => {
-    if (h == null) return;
-    const w = o.current, k = a.current;
-    if (!w || !k) return;
-    const f = () => {
-      const b = k.getBoundingClientRect(), R = w.getBoundingClientRect(), C = b.left + b.width / 2 - R.left, S = b.top + b.height / 2 - R.top, T = Math.max(b.width, b.height) / 2 + 4;
-      m({ cx: C, cy: S, r: T });
+    if (c == null) return;
+    const k = o.current, f = a.current;
+    if (!k || !f) return;
+    const b = () => {
+      const x = f.getBoundingClientRect(), C = k.getBoundingClientRect(), S = x.left + x.width / 2 - C.left, T = x.top + x.height / 2 - C.top, g = Math.max(x.width, x.height) / 2 + 4;
+      m({ cx: S, cy: T, r: g });
     };
-    if (f(), !(typeof window > "u"))
-      return window.addEventListener("resize", f, { passive: !0 }), () => window.removeEventListener("resize", f);
-  }, [h, a]), h == null ? null : /* @__PURE__ */ y(
+    if (b(), !(typeof window > "u"))
+      return window.addEventListener("resize", b, { passive: !0 }), () => window.removeEventListener("resize", b);
+  }, [c, a]), c == null ? null : /* @__PURE__ */ y(
     "div",
     {
       ref: o,
       className: "bell-cutout",
-      "data-mode": h,
-      "data-count": h === "unread-count" && n != null ? String(n) : void 0,
+      "data-mode": c,
+      "data-count": c === "unread-count" && n != null ? String(n) : void 0,
       "aria-hidden": "true",
       children: [
         /* @__PURE__ */ y("svg", { className: "bell-cutout__svg", width: "100%", height: "100%", preserveAspectRatio: "none", children: [
@@ -4754,19 +4754,19 @@ function Mr(e) {
           /* @__PURE__ */ r("rect", { x: "0", y: "0", width: "100%", height: "100%", mask: "url(#bell-cutout-mask)", className: "bell-cutout__fill" })
         ] }),
         /* @__PURE__ */ r("span", { className: "bell-cutout__dot", "aria-hidden": "true" }),
-        h === "lock" && u != null ? /* @__PURE__ */ r("span", { className: "bell-cutout__lock-text", role: "status", "aria-live": "polite", children: `Still editing "${p}" — Cancel or Apply first` }) : null
+        c === "lock" && u != null ? /* @__PURE__ */ r("span", { className: "bell-cutout__lock-text", role: "status", "aria-live": "polite", children: `Still editing "${w}" — Cancel or Apply first` }) : null
       ]
     }
   );
 }
 const ja = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
-  const i = { ...n };
-  return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...i, children: /* @__PURE__ */ r(fe, { region: "toolbar", density: e, children: t }) });
+  const s = { ...n };
+  return delete s.className, delete s.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...s, children: /* @__PURE__ */ r(fe, { region: "toolbar", density: e, children: t }) });
 });
 ja.displayName = "ContainerToolbar";
-const Ua = F.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...i }, s) => {
-  const o = { ...i };
-  return delete o.className, delete o.style, /* @__PURE__ */ y("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
+const Ua = F.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...s }, i) => {
+  const o = { ...s };
+  return delete o.className, delete o.style, /* @__PURE__ */ y("fieldset", { ref: i, className: "gloss-container-form-section", ...o, children: [
     e && /* @__PURE__ */ r("legend", { className: "gloss-container-form-section__legend", children: e }),
     t && /* @__PURE__ */ r("p", { className: "gloss-container-form-section__description", children: t }),
     /* @__PURE__ */ r(fe, { region: "form-section", density: n, children: a })
@@ -4774,8 +4774,8 @@ const Ua = F.forwardRef(({ legend: e, description: t, density: n = "default", ch
 });
 Ua.displayName = "ContainerFormSection";
 const Ya = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
-  const i = { ...n };
-  return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-table", ...i, children: /* @__PURE__ */ r(fe, { region: "table", density: e, children: t }) });
+  const s = { ...n };
+  return delete s.className, delete s.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-table", ...s, children: /* @__PURE__ */ r(fe, { region: "table", density: e, children: t }) });
 });
 Ya.displayName = "ContainerTable";
 export {