@mt-gloss/ui 0.1.132 → 0.1.134

package/index.js

@@ -1,61 +1,61 @@
-import { u as ze, C as Be } from "./Expandable-CvT19-Bf.js";
-import { Q as mn, V as pn, T as gn, U as hn, a5 as fn, b8 as bn, aB as vn, aj as yn, $ as wn, ap as _n, N as Cn, aa as Nn, P as kn, B as Sn, a as Dn, A as xn, K as Tn, bi as Rn, J as Mn, L as Pn, E as An, D as En, H as Fn, F as In, bq as Ln, b as On, c as $n, O as zn, q as Bn, af as Gn, aP as Hn, A as Wn, K as Vn, J as jn, L as Kn, E as Un, D as Yn, H as qn, F as Qn, b1 as Jn, b4 as Xn, b3 as Zn, b2 as es, b5 as ts, aE as as, a7 as rs, a6 as ns, as as ss, m as is, o as ls, aH as os, ad as cs, ba as ds, ab as us, _ as ms, bA as ps, bz as gs, bB as hs, ar as fs, aS as bs, bc as vs, bF as ys, bo as ws, p as _s, ao as Cs, bu as Ns, bl as ks, a2 as Ss, at as Ds, a4 as xs, bt as Ts, bK as Rs, G as Ms, f as Ps, ac as As, bC as Es, aV as Fs, t as Is, x as Ls, I as Os, i as $s, ay as zs, bG as Bs, M as Gs, y as Hs, W as Ws, Z as Vs, X as js, Y as Ks, au as Us, bI as Ys, bE as qs, aq as Qs, w as Js, aU as Xs, al as Zs, aM as ei, ai as ti, an as ai, aw as ri, aT as ni, ae as si, av as ii, e as li, R as oi, l as ci, r as di, aJ as ui, br as mi, bs as pi, ak as gi, ag as hi, j as fi, z as bi, b9 as vi, ah as yi, bH as wi, be as _i, bh as Ci, bf as Ni, bg as ki, k as Si, bb as Di, S as xi, bj as Ti, ax as Ri, bd as Mi, bJ as Pi, am as Ai, v as Ei, bD as Fi, n as Ii, h as Li, s as Oi, a0 as $i, a1 as zi, a9 as Bi, bp as Gi, bw as Hi, aC as Wi, aD as Vi, a8 as ji, aQ as Ki, aR as Ui, aF as Yi, aG as qi, aI as Qi, aX as Ji, aY as Xi, by as Zi, bx as el, a_ as tl, a$ as al, az as rl, aA as nl, b7 as sl, b6 as il, b0 as ll, aN as ol, aO as cl, aZ as dl, aK as ul, aL as ml, d as pl, bv as gl, bk as hl, bm as fl, bn as bl, aW as vl, a3 as yl, bL as wl, g as _l } from "./Expandable-CvT19-Bf.js";
-import { jsxs as f, jsx as r, Fragment as L } from "react/jsx-runtime";
-import * as $ from "react";
-import I, { useRef as M, useEffect as E, useState as A, useCallback as C, useId as Ne, forwardRef as Ge, useMemo as ce, useLayoutEffect as ke, createContext as He, useContext as We } from "react";
-import { motion as B, useMotionValue as Ve, AnimatePresence as je, useDragControls as Ke } from "framer-motion";
-import { u as Ue } from "./COMMITS-WBmqrmdI.js";
-import { N as Nl, C as kl, c as Sl, P as Dl, f as xl, S as Tl, e as Rl, i as Ml, r as Pl, b as Al, d as El, a as Fl } from "./COMMITS-WBmqrmdI.js";
+import { u as ze, C as Be } from "./Expandable-DA4NFzCR.js";
+import { Q as un, V as mn, T as pn, U as gn, a5 as hn, b8 as fn, aB as bn, aj as vn, $ as yn, ap as wn, N as _n, aa as Cn, P as Nn, B as kn, a as Sn, A as Dn, K as xn, bi as Tn, J as Rn, L as Mn, E as Pn, D as An, H as En, F as Fn, bq as In, b as Ln, c as On, O as $n, q as zn, af as Bn, aP as Gn, A as Hn, K as Wn, J as Vn, L as jn, E as Kn, D as Un, H as Yn, F as qn, b1 as Qn, b4 as Jn, b3 as Xn, b2 as Zn, b5 as es, aE as ts, a7 as as, a6 as rs, as as ns, m as ss, o as is, aH as ls, ad as os, ba as cs, ab as ds, _ as us, bA as ms, bz as ps, bB as gs, ar as hs, aS as fs, bc as bs, bF as vs, bo as ys, p as ws, ao as _s, bu as Cs, bl as Ns, a2 as ks, at as Ss, a4 as Ds, bt as xs, bK as Ts, G as Rs, f as Ms, ac as Ps, bC as As, aV as Es, t as Fs, x as Is, I as Ls, i as Os, ay as $s, bG as zs, M as Bs, y as Gs, W as Hs, Z as Ws, X as Vs, Y as js, au as Ks, bI as Us, bE as Ys, aq as qs, w as Qs, aU as Js, al as Xs, aM as Zs, ai as ei, an as ti, aw as ai, aT as ri, ae as ni, av as si, e as ii, R as li, l as oi, r as ci, aJ as di, br as ui, bs as mi, ak as pi, ag as gi, j as hi, z as fi, b9 as bi, ah as vi, bH as yi, be as wi, bh as _i, bf as Ci, bg as Ni, k as ki, bb as Si, S as Di, bj as xi, ax as Ti, bd as Ri, bJ as Mi, am as Pi, v as Ai, bD as Ei, n as Fi, h as Ii, s as Li, a0 as Oi, a1 as $i, a9 as zi, bp as Bi, bw as Gi, aC as Hi, aD as Wi, a8 as Vi, aQ as ji, aR as Ki, aF as Ui, aG as Yi, aI as qi, aX as Qi, aY as Ji, by as Xi, bx as Zi, a_ as el, a$ as tl, az as al, aA as rl, b7 as nl, b6 as sl, b0 as il, aN as ll, aO as ol, aZ as cl, aK as dl, aL as ul, d as ml, bv as pl, bk as gl, bm as hl, bn as fl, aW as bl, a3 as vl, bL as yl, g as wl } from "./Expandable-DA4NFzCR.js";
+import { jsxs as f, jsx as r, Fragment as I } from "react/jsx-runtime";
+import * as O from "react";
+import V, { useRef as M, useEffect as E, useState as A, useCallback as C, useId as Ne, useMemo as ce, useLayoutEffect as ke, createContext as Ge, useContext as He } from "react";
+import { motion as z, useMotionValue as We, AnimatePresence as Ve, useDragControls as je } from "framer-motion";
+import { u as Ke } from "./COMMITS-WBmqrmdI.js";
+import { N as Cl, C as Nl, c as kl, P as Sl, f as Dl, S as xl, e as Tl, i as Rl, r as Ml, b as Pl, d as Al, a as El } from "./COMMITS-WBmqrmdI.js";
 import { createPortal as Se } from "react-dom";
-import { B as Ye, U as de } from "./UIContext-Dm0GYHFT.js";
-import { a as Ll, u as Ol } from "./UIContext-Dm0GYHFT.js";
-import { B as zl, D as Bl, M as Gl, O as Hl, a as Wl, S as Vl, T as jl, e as Kl } from "./MetricCard-DOPtBpek.js";
-import { DEFAULT_MARKET_PRESETS as Yl, DEFAULT_PINNED as ql, PERIOD_OPTIONS as Ql, ROLLING_OPTIONS as Jl, TODAY_PRESET as Xl, findPreset as Zl, formatDateRange as eo, formatMarketDates as to, formatTrend as ao, formatValue as ro, generateMarketId as no, getAllPresets as so, getDateRangeForPreset as io, getPresetLabel as lo, isInRange as oo, isMarketActive as co, isSameDay as uo, normalizePresetId as mo, toUppercasePresetId as po } from "@mt-gloss/utils";
-import qe from "@mui/icons-material/AccessTime";
-import Qe from "@mui/icons-material/Tune";
-import Je from "@mui/icons-material/ViewColumn";
-import Xe from "@mui/icons-material/AspectRatio";
-import Ze from "@mui/icons-material/Palette";
-import et from "@mui/icons-material/PushPin";
+import { B as Ue, U as de } from "./UIContext-CGQI_KJk.js";
+import { a as Il, u as Ll } from "./UIContext-CGQI_KJk.js";
+import { B as $l, D as zl, M as Bl, O as Gl, a as Hl, S as Wl, T as Vl, e as jl } from "./MetricCard-DOPtBpek.js";
+import { DEFAULT_MARKET_PRESETS as Ul, DEFAULT_PINNED as Yl, PERIOD_OPTIONS as ql, ROLLING_OPTIONS as Ql, TODAY_PRESET as Jl, findPreset as Xl, formatDateRange as Zl, formatMarketDates as eo, formatTrend as to, formatValue as ao, generateMarketId as ro, getAllPresets as no, getDateRangeForPreset as so, getPresetLabel as io, isInRange as lo, isMarketActive as oo, isSameDay as co, normalizePresetId as uo, toUppercasePresetId as mo } from "@mt-gloss/utils";
+import Ye from "@mui/icons-material/AccessTime";
+import qe from "@mui/icons-material/Tune";
+import Qe from "@mui/icons-material/ViewColumn";
+import Je from "@mui/icons-material/AspectRatio";
+import Xe from "@mui/icons-material/Palette";
+import Ze from "@mui/icons-material/PushPin";
 import { useMotionProbe as re } from "@mt-gloss/motion";
 import { B as Y, a as ne } from "./BaseText-Dxbk1JJa.js";
-function Ha(e = {}) {
-  const { enabled: t = !0, returnTo: n } = e, a = M(null);
+function Ga(e = {}) {
+  const { enabled: t = !0, returnTo: a } = e, n = M(null);
   return E(() => {
-    t && (a.current = n || document.activeElement);
-  }, [t, n]), E(() => () => {
-    t && a.current && setTimeout(() => {
-      a.current?.focus?.();
+    t && (n.current = a || document.activeElement);
+  }, [t, a]), E(() => () => {
+    t && n.current && setTimeout(() => {
+      n.current?.focus?.();
     }, 0);
-  }, [t]), a;
+  }, [t]), n;
 }
-function Wa(e) {
+function Ha(e) {
   const {
     items: t,
-    activeIndex: n,
-    onActiveIndexChange: a,
-    loop: s = !0,
-    orientation: i = "vertical",
+    activeIndex: a,
+    onActiveIndexChange: n,
+    loop: i = !0,
+    orientation: s = "vertical",
     enabled: l = !0,
     isItemDisabled: o,
     onSelect: u,
     onEscape: m
-  } = e, [d, g] = A(-1), c = n !== void 0 ? n : d, p = C(
+  } = e, [d, g] = A(-1), c = a !== void 0 ? a : d, p = C(
     (h) => {
-      n === void 0 && g(h), a?.(h);
+      a === void 0 && g(h), n?.(h);
     },
-    [n, a]
+    [a, n]
   ), b = C(() => t.map((h, v) => ({ item: h, index: v })).filter(({ item: h, index: v }) => !o?.(h, v)).map(({ index: h }) => h), [t, o]), k = C(
     (h, v) => {
       const N = b();
       if (N.length === 0) return -1;
       const x = N.indexOf(h);
       if (x === -1)
-        return v === 1 ? N.find((D) => D > h) ?? (s ? N[0] : -1) : [...N].reverse().find((F) => F < h) ?? (s ? N[N.length - 1] : -1);
+        return v === 1 ? N.find((D) => D > h) ?? (i ? N[0] : -1) : [...N].reverse().find((F) => F < h) ?? (i ? N[N.length - 1] : -1);
       let P = x + v;
-      return s ? P = (P + N.length) % N.length : P = Math.max(0, Math.min(N.length - 1, P)), N[P];
+      return i ? P = (P + N.length) % N.length : P = Math.max(0, Math.min(N.length - 1, P)), N[P];
     },
-    [b, s]
+    [b, i]
   ), w = C(() => {
     const h = b();
     h.length > 0 && p(h[0]);
@@ -73,7 +73,7 @@ function Wa(e) {
   }, [p]), R = C(
     (h) => {
       if (!l) return;
-      const { key: v } = h, N = v === "ArrowUp" && (i === "vertical" || i === "both"), x = v === "ArrowDown" && (i === "vertical" || i === "both"), P = v === "ArrowLeft" && (i === "horizontal" || i === "both"), D = v === "ArrowRight" && (i === "horizontal" || i === "both");
+      const { key: v } = h, N = v === "ArrowUp" && (s === "vertical" || s === "both"), x = v === "ArrowDown" && (s === "vertical" || s === "both"), P = v === "ArrowLeft" && (s === "horizontal" || s === "both"), D = v === "ArrowRight" && (s === "horizontal" || s === "both");
       if (N || P) {
         h.preventDefault(), c === -1 ? y() : _();
         return;
@@ -103,7 +103,7 @@ function Wa(e) {
     },
     [
       l,
-      i,
+      s,
       c,
       t,
       w,
@@ -126,20 +126,20 @@ function Wa(e) {
     resetFocus: S
   };
 }
-const tt = ({
+const et = ({
   label: e = "Set a target",
   unit: t,
-  currentValue: n,
-  onConfirm: a,
-  onSkip: s,
-  hint: i
+  currentValue: a,
+  onConfirm: n,
+  onSkip: i,
+  hint: s
 }) => {
-  const [l, o] = A(n != null ? String(n) : ""), u = () => {
+  const [l, o] = A(a != null ? String(a) : ""), u = () => {
     const p = parseFloat(l);
-    Number.isNaN(p) || a(p);
+    Number.isNaN(p) || n(p);
   }, m = (p) => {
-    p.key === "Enter" ? (p.preventDefault(), u()) : p.key === "Escape" && (p.preventDefault(), s?.());
-  }, d = Ne(), g = `gloss-target-input-field-${d}`, c = i ? `gloss-target-input-hint-${d}` : void 0;
+    p.key === "Enter" ? (p.preventDefault(), u()) : p.key === "Escape" && (p.preventDefault(), i?.());
+  }, d = Ne(), g = `gloss-target-input-field-${d}`, c = s ? `gloss-target-input-hint-${d}` : void 0;
   return /* @__PURE__ */ f("div", { className: "gloss-target-input", children: [
     /* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: g, children: e }),
     /* @__PURE__ */ f("div", { className: "gloss-target-input__field-row", children: [
@@ -158,7 +158,7 @@ const tt = ({
       ),
       t && /* @__PURE__ */ r("span", { className: "gloss-target-input__unit", children: t })
     ] }),
-    i && /* @__PURE__ */ r("p", { id: c, className: "gloss-target-input__hint", children: i }),
+    s && /* @__PURE__ */ r("p", { id: c, className: "gloss-target-input__hint", children: s }),
     /* @__PURE__ */ f("div", { className: "gloss-target-input__actions", children: [
       /* @__PURE__ */ r(
         "button",
@@ -169,54 +169,54 @@ const tt = ({
           children: "Confirm"
         }
       ),
-      s && /* @__PURE__ */ r(
+      i && /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           className: "gloss-target-input__skip",
-          onClick: s,
+          onClick: i,
           children: "Skip"
         }
       )
     ] })
   ] });
 }, Z = (e) => {
-}, at = {
+}, tt = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
   onRemove: Z
-}, rt = {
+}, at = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
   onRemove: Z
-}, nt = {
+}, rt = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
   onRemove: Z
-}, st = {
+}, nt = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
   onRemove: Z
-}, Va = [
+}, Wa = [
+  tt,
   at,
   rt,
-  nt,
-  st
-], ja = {
+  nt
+], Va = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, Ka = {
+}, ja = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -224,7 +224,7 @@ const tt = ({
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, Ua = {
+}, Ka = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -232,26 +232,26 @@ const tt = ({
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, Ya = [
+}, Ua = [
   { variant: "block", width: "100%", height: 16 },
   { variant: "block", width: 200, height: 32, borderRadius: 8 },
   { variant: "block", width: "80%", height: 12, borderRadius: "4px" },
   { variant: "block", width: 120, height: 44, borderRadius: 22 }
-], qa = [
+], Ya = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], Qa = [
+], qa = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], Ja = [
+], Qa = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], Xa = [
+], Ja = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], Za = [
+], Xa = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
@@ -281,22 +281,22 @@ const tt = ({
   width: "100%",
   textAlign: "left",
   border: "none"
-}), it = (e) => ({
+}), st = (e) => ({
   ...se(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), lt = {
+}), it = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function ot({
+function lt({
   open: e,
   anchorEl: t,
-  statusId: n,
-  onOpenInTable: a,
-  onShowOnGraph: s,
-  overflowActions: i,
+  statusId: a,
+  onOpenInTable: n,
+  onShowOnGraph: i,
+  overflowActions: s,
   onClose: l
 }) {
   const [o, u] = A(null), m = M(null), d = C(() => {
@@ -321,11 +321,11 @@ function ot({
     };
     return document.addEventListener("pointerdown", p, !0), () => document.removeEventListener("pointerdown", p, !0);
   }, [e, l]), !e) return null;
-  const g = i && i.length > 0, c = /* @__PURE__ */ f(
+  const g = s && s.length > 0, c = /* @__PURE__ */ f(
     "div",
     {
       ref: m,
-      "data-status-chip-menu": n,
+      "data-status-chip-menu": a,
       role: "menu",
       "aria-label": "Status actions",
       style: d(),
@@ -334,11 +334,11 @@ function ot({
           "button",
           {
             role: "menuitem",
-            style: it(o === "__primary"),
+            style: st(o === "__primary"),
             onMouseEnter: () => u("__primary"),
             onMouseLeave: () => u(null),
             onClick: () => {
-              a(n), l();
+              n(a), l();
             },
             children: "Open in table"
           }
@@ -351,13 +351,13 @@ function ot({
             onMouseEnter: () => u("__graph"),
             onMouseLeave: () => u(null),
             onClick: () => {
-              s(n), l();
+              i(a), l();
             },
             children: "Show on graph"
           }
         ),
-        g && /* @__PURE__ */ r("div", { style: lt }),
-        g && i?.map((p) => /* @__PURE__ */ r(
+        g && /* @__PURE__ */ r("div", { style: it }),
+        g && s?.map((p) => /* @__PURE__ */ r(
           "button",
           {
             role: "menuitem",
@@ -365,7 +365,7 @@ function ot({
             onMouseEnter: () => u(p.id),
             onMouseLeave: () => u(null),
             onClick: () => {
-              p.onSelect(n), l();
+              p.onSelect(a), l();
             },
             children: p.label
           },
@@ -376,16 +376,16 @@ function ot({
   );
   return Se(c, document.body);
 }
-ot.displayName = "StatusSlotChipMenu";
-function ct({
+lt.displayName = "StatusSlotChipMenu";
+function ot({
   visible: e,
   targetColSpan: t,
-  ghostWidth: n,
-  enterMs: a = 180,
-  exitMs: s = 120
+  ghostWidth: a,
+  enterMs: n = 180,
+  exitMs: i = 120
 }) {
   return /* @__PURE__ */ r(
-    B.div,
+    z.div,
     {
       "aria-hidden": "true",
       "data-ghost-preview": e ? "visible" : "hidden",
@@ -395,14 +395,14 @@ function ct({
         e ? "gloss-ghost-preview--visible" : ""
       ].filter(Boolean).join(" "),
       style: {
-        width: n,
-        transitionDuration: `${e ? a : s}ms`
+        width: a,
+        transitionDuration: `${e ? n : i}ms`
       }
     }
   );
 }
-ct.displayName = "GhostPreview";
-const dt = {
+ot.displayName = "GhostPreview";
+const ct = {
   // Spring (D-08). Retuned 260419 — damping 35 → 22 so the commit spring
   // has visible overshoot (ζ ≈ 0.49, ~13–17% overshoot, ~350ms settle). The
   // prior ζ ≈ 0.78 was imperceptible to users. Debug slug:
@@ -422,7 +422,7 @@ const dt = {
   // Velocity multiplier (D-03b panel)
   velocityMultiplier: 1
 };
-class er {
+class Za {
   constructor() {
     this.samples = [], this.capacity = 3;
   }
@@ -463,8 +463,8 @@ class er {
       const [u, m] = this.samples, d = Math.max(1, m.t - u.t);
       return (m.x - u.x) / d * 1e3;
     }
-    const [n, a, s] = this.samples, i = (s.x - a.x) / Math.max(1, s.t - a.t) * 1e3, l = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, o = l;
-    return (i * 3 + l * 2 + o * 1) / 6;
+    const [a, n, i] = this.samples, s = (i.x - n.x) / Math.max(1, i.t - n.t) * 1e3, l = (n.x - a.x) / Math.max(1, n.t - a.t) * 1e3, o = l;
+    return (s * 3 + l * 2 + o * 1) / 6;
   }
 }
 const j = {
@@ -511,15 +511,15 @@ const j = {
   chainStaggerMs: 120
 };
 function xe(e) {
-  const { visible: t, currentTarget: n, previewTarget: a, targetWidth: s, orientation: i } = e, l = Ve(s);
+  const { visible: t, currentTarget: a, previewTarget: n, targetWidth: i, orientation: s } = e, l = We(i);
   return E(() => {
-    l.set(s);
-  }, [s, l]), !t || a === n ? null : /* @__PURE__ */ r(
-    B.div,
+    l.set(i);
+  }, [i, l]), !t || n === a ? null : /* @__PURE__ */ r(
+    z.div,
     {
       "aria-hidden": "true",
       "data-resize-pill-ghost": "visible",
-      "data-orientation": i,
+      "data-orientation": s,
       className: "gloss-resize-pill-ghost",
       style: {
         // D-09 — uniform blue. NO conditional based on grow vs shrink.
@@ -552,22 +552,22 @@ xe.displayName = "ResizePillGhost";
 function Te(e) {
   const {
     visible: t,
-    direction: n,
-    pillClearancePx: a,
-    ghostClearancePx: s,
-    startX: i,
+    direction: a,
+    pillClearancePx: n,
+    ghostClearancePx: i,
+    startX: s,
     endX: l,
     pulseMs: o,
     staggerMs: u
   } = e;
   if (!t) return null;
-  const m = n === "grow", d = m ? i + a : i + s, g = m ? l - s : l - a, c = Math.max(0, g - d);
+  const m = a === "grow", d = m ? s + n : s + i, g = m ? l - i : l - n, c = Math.max(0, g - d);
   return /* @__PURE__ */ r(
     "div",
     {
       "aria-hidden": "true",
       "data-resize-pill-chain": "visible",
-      "data-resize-pill-chain-direction": n,
+      "data-resize-pill-chain-direction": a,
       className: "gloss-resize-pill-chain",
       style: {
         // Match prototype line 384: top:0, height:'100%', display:flex,
@@ -581,15 +581,15 @@ function Te(e) {
         left: d,
         width: c
       },
-      children: (n === "grow" ? [0, 1, 2, 3, 4] : [4, 3, 2, 1, 0]).map((b, k) => /* @__PURE__ */ r(
-        B.span,
+      children: (a === "grow" ? [0, 1, 2, 3, 4] : [4, 3, 2, 1, 0]).map((b, k) => /* @__PURE__ */ r(
+        z.span,
         {
           className: [
             "gloss-resize-pill-chain__chevron",
-            n === "shrink" ? "gloss-resize-pill-chain__chevron--shrink" : ""
+            a === "shrink" ? "gloss-resize-pill-chain__chevron--shrink" : ""
           ].filter(Boolean).join(" "),
           style: {
-            transform: n === "shrink" ? "scaleX(-1)" : void 0
+            transform: a === "shrink" ? "scaleX(-1)" : void 0
           },
           animate: { opacity: [0.2, 1, 0.2] },
           transition: {
@@ -608,44 +608,44 @@ function Te(e) {
 Te.displayName = "ResizePillArrowChain";
 const me = 3;
 function pe({ filled: e, total: t }) {
-  const n = [];
-  for (let a = 0; a < t; a++)
-    n.push(
+  const a = [];
+  for (let n = 0; n < t; n++)
+    a.push(
       /* @__PURE__ */ r(
         "span",
         {
           className: [
             "gloss-resize-pill-tooltip__cell",
-            a < e ? "gloss-resize-pill-tooltip__cell--filled" : ""
+            n < e ? "gloss-resize-pill-tooltip__cell--filled" : ""
           ].filter(Boolean).join(" ")
         },
-        a
+        n
       )
     );
-  return /* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__matrix", children: n });
+  return /* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__matrix", children: a });
 }
 function ge(e) {
   return e === "compact" ? "Compact" : e === "medium" ? "Medium" : e === "full" ? "Full" : String(e);
 }
 function Re(e) {
-  const { visible: t, currentTarget: n, previewTarget: a, mode: s, showSizeTooltip: i = !0 } = e;
-  return !t || i === !1 ? null : /* @__PURE__ */ f(
-    B.div,
+  const { visible: t, currentTarget: a, previewTarget: n, mode: i, showSizeTooltip: s = !0 } = e;
+  return !t || s === !1 ? null : /* @__PURE__ */ f(
+    z.div,
     {
       "aria-hidden": "true",
       "data-resize-pill-tooltip": "visible",
-      "data-mode": s,
+      "data-mode": i,
       className: "gloss-resize-pill-tooltip",
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       transition: { duration: 0.18 },
       children: [
-        s === "directional" && /* @__PURE__ */ f(L, { children: [
+        i === "directional" && /* @__PURE__ */ f(I, { children: [
           /* @__PURE__ */ r(
             pe,
             {
-              filled: typeof n == "number" ? n : 1,
+              filled: typeof a == "number" ? a : 1,
               total: me
             }
           ),
@@ -653,22 +653,22 @@ function Re(e) {
           /* @__PURE__ */ r(
             pe,
             {
-              filled: typeof a == "number" ? a : 1,
+              filled: typeof n == "number" ? n : 1,
               total: me
             }
           )
         ] }),
-        s === "sized" && /* @__PURE__ */ f(L, { children: [
-          /* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__label", children: ge(n) }),
+        i === "sized" && /* @__PURE__ */ f(I, { children: [
+          /* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__label", children: ge(a) }),
           /* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__arrow", children: "→" }),
-          /* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__label", children: ge(a) })
+          /* @__PURE__ */ r("span", { className: "gloss-resize-pill-tooltip__label", children: ge(n) })
         ] })
       ]
     }
   );
 }
 Re.displayName = "ResizePillSizeTooltip";
-function ut({ direction: e }) {
+function dt({ direction: e }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -685,7 +685,7 @@ function ut({ direction: e }) {
     }
   );
 }
-function mt() {
+function ut() {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -702,7 +702,7 @@ function mt() {
     }
   );
 }
-function pt({ target: e }) {
+function mt({ target: e }) {
   const t = e === "compact" ? 5 : e === "medium" ? 9 : 13;
   return /* @__PURE__ */ r(
     "svg",
@@ -716,13 +716,13 @@ function pt({ target: e }) {
     }
   );
 }
-function gt(e) {
+function pt(e) {
   const {
     target: t,
-    currentTarget: n,
-    mode: a,
-    isActive: s,
-    isHovered: i,
+    currentTarget: a,
+    mode: n,
+    isActive: i,
+    isHovered: s,
     onCommit: l,
     onEnter: o,
     onLeave: u,
@@ -730,24 +730,24 @@ function gt(e) {
     buttonWidth: d
   } = e;
   let g = null;
-  if (a === "directional") {
-    const c = typeof t == "number" && typeof n == "number" && t < n ? "left" : "right";
-    g = /* @__PURE__ */ r(ut, { direction: c });
+  if (n === "directional") {
+    const c = typeof t == "number" && typeof a == "number" && t < a ? "left" : "right";
+    g = /* @__PURE__ */ r(dt, { direction: c });
   } else
-    g = /* @__PURE__ */ r(pt, { target: t });
+    g = /* @__PURE__ */ r(mt, { target: t });
   return /* @__PURE__ */ f(
     "button",
     {
       type: "button",
       className: [
         "gloss-resize-pill__button",
-        i ? "gloss-resize-pill__button--check-hover" : "",
-        s ? "gloss-resize-pill__button--active" : ""
+        s ? "gloss-resize-pill__button--check-hover" : "",
+        i ? "gloss-resize-pill__button--active" : ""
       ].filter(Boolean).join(" "),
       "data-target": String(t),
-      "data-mode": a,
-      "data-active": s ? "true" : "false",
-      "data-button-hover-state": i ? "check" : "chevron",
+      "data-mode": n,
+      "data-active": i ? "true" : "false",
+      "data-button-hover-state": s ? "check" : "chevron",
       style: { width: d, height: m },
       onClick: () => l(t),
       onPointerEnter: () => o?.(t),
@@ -755,113 +755,114 @@ function gt(e) {
       "aria-label": `Resize to ${String(t)}`,
       children: [
         /* @__PURE__ */ r("span", { className: "gloss-resize-pill__glyph", children: g }),
-        /* @__PURE__ */ r("span", { className: "gloss-resize-pill__check", children: /* @__PURE__ */ r(mt, {}) })
+        /* @__PURE__ */ r("span", { className: "gloss-resize-pill__check", children: /* @__PURE__ */ r(ut, {}) })
       ]
     }
   );
 }
-const ht = Ge(
-  function(t, n) {
-    const a = {
-      ...De,
-      ...t.physics
-    }, s = t.pillVisible && !t.forceIdle && t.resizePillEnabled !== !1, i = t.availableTargets, l = t.orientation ?? "vertical", o = t.buttonHover !== null && t.previewTarget !== void 0 && t.previewTarget !== null && t.previewTarget !== t.currentTarget && !t.forceIdle && t.resizePillEnabled !== !1, u = o && t.previewTarget != null ? t.resolveTargetWidth(t.previewTarget) : t.hostWidth, m = t.chainStartX ?? 0, d = t.chainEndX ?? t.hostWidth, g = t.chainDirection ?? "grow";
-    return /* @__PURE__ */ f(je, { children: [
-      s && /* @__PURE__ */ r(
-        B.div,
-        {
-          ref: n,
-          "data-resize-pill-state": t.phase,
-          "data-orientation": l,
-          "data-mode": t.mode,
-          className: [
-            "gloss-resize-pill",
-            l === "horizontal" ? "gloss-resize-pill--horizontal" : "",
-            "gloss-resize-pill--visible"
-          ].filter(Boolean).join(" "),
-          style: {
-            // D-04 — absolute positioning from host-supplied coords.
-            // CRITICAL: NO `transition` on `left` (handoff stop condition —
-            // pill must SNAP to new pillSpan position when re-summoned).
-            position: "absolute",
-            left: t.anchorLeftPx,
-            top: t.anchorTopPx
-          },
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          exit: { opacity: 0 },
-          transition: { duration: a.pillRevealMs / 1e3 },
-          onPointerEnter: t.onPillEnter,
-          onPointerLeave: t.onPillLeave,
-          children: i.map((c) => /* @__PURE__ */ r(
-            gt,
-            {
-              target: c,
-              currentTarget: t.currentTarget,
-              mode: t.mode,
-              isActive: c === t.currentTarget,
-              isHovered: (
-                // Hover-state mapping for chevron→✓ morph CSS.
-                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,
-              onLeave: t.onButtonLeave,
-              buttonHeight: a.pillButtonHeight,
-              buttonWidth: a.pillButtonWidth
-            },
-            String(c)
-          ))
-        },
-        "pill"
-      ),
-      s && o && t.previewTarget != null && /* @__PURE__ */ r(
-        xe,
-        {
-          visible: !0,
-          currentTarget: t.currentTarget,
-          previewTarget: t.previewTarget,
-          hostWidth: t.hostWidth,
-          targetWidth: u,
-          ghostClearancePx: a.ghostClearancePx,
-          orientation: l
-        },
-        "ghost"
-      ),
-      s && o && /* @__PURE__ */ r(
-        Te,
-        {
-          visible: !0,
-          direction: g,
-          pillClearancePx: a.pillClearancePx,
-          ghostClearancePx: a.ghostClearancePx,
-          startX: m,
-          endX: d,
-          pulseMs: a.chainPulseMs,
-          staggerMs: a.chainStaggerMs
-        },
-        "chain"
-      ),
-      s && o && t.showSizeTooltip && t.previewTarget != null && /* @__PURE__ */ r(
-        Re,
-        {
-          visible: !0,
-          currentTarget: t.currentTarget,
-          previewTarget: t.previewTarget,
-          mode: t.mode,
-          showSizeTooltip: !0
+const gt = ({
+  ref: e,
+  ...t
+}) => {
+  const a = {
+    ...De,
+    ...t.physics
+  }, n = t.pillVisible && !t.forceIdle && t.resizePillEnabled !== !1, i = t.availableTargets, s = t.orientation ?? "vertical", l = t.buttonHover !== null && t.previewTarget !== void 0 && t.previewTarget !== null && t.previewTarget !== t.currentTarget && !t.forceIdle && t.resizePillEnabled !== !1, o = l && t.previewTarget != null ? t.resolveTargetWidth(t.previewTarget) : t.hostWidth, u = t.chainStartX ?? 0, m = t.chainEndX ?? t.hostWidth, d = t.chainDirection ?? "grow";
+  return /* @__PURE__ */ f(Ve, { children: [
+    n && /* @__PURE__ */ r(
+      z.div,
+      {
+        ref: e,
+        "data-resize-pill-state": t.phase,
+        "data-orientation": s,
+        "data-mode": t.mode,
+        className: [
+          "gloss-resize-pill",
+          s === "horizontal" ? "gloss-resize-pill--horizontal" : "",
+          "gloss-resize-pill--visible"
+        ].filter(Boolean).join(" "),
+        style: {
+          // D-04 — absolute positioning from host-supplied coords.
+          // CRITICAL: NO `transition` on `left` (handoff stop condition —
+          // pill must SNAP to new pillSpan position when re-summoned).
+          position: "absolute",
+          left: t.anchorLeftPx,
+          top: t.anchorTopPx
         },
-        "tooltip"
-      )
-    ] });
-  }
-);
-ht.displayName = "ResizePill";
-function tr(e) {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: { duration: a.pillRevealMs / 1e3 },
+        onPointerEnter: t.onPillEnter,
+        onPointerLeave: t.onPillLeave,
+        children: i.map((g) => /* @__PURE__ */ r(
+          pt,
+          {
+            target: g,
+            currentTarget: t.currentTarget,
+            mode: t.mode,
+            isActive: g === t.currentTarget,
+            isHovered: (
+              // Hover-state mapping for chevron→✓ morph CSS.
+              t.buttonHover !== null && (typeof g == "number" && typeof t.currentTarget == "number" && (t.buttonHover === "grow" && g > t.currentTarget || t.buttonHover === "shrink" && g < t.currentTarget) || t.buttonHover === g)
+            ),
+            onCommit: t.onCommit,
+            onEnter: t.onButtonEnter,
+            onLeave: t.onButtonLeave,
+            buttonHeight: a.pillButtonHeight,
+            buttonWidth: a.pillButtonWidth
+          },
+          String(g)
+        ))
+      },
+      "pill"
+    ),
+    n && l && t.previewTarget != null && /* @__PURE__ */ r(
+      xe,
+      {
+        visible: !0,
+        currentTarget: t.currentTarget,
+        previewTarget: t.previewTarget,
+        hostWidth: t.hostWidth,
+        targetWidth: o,
+        ghostClearancePx: a.ghostClearancePx,
+        orientation: s
+      },
+      "ghost"
+    ),
+    n && l && /* @__PURE__ */ r(
+      Te,
+      {
+        visible: !0,
+        direction: d,
+        pillClearancePx: a.pillClearancePx,
+        ghostClearancePx: a.ghostClearancePx,
+        startX: u,
+        endX: m,
+        pulseMs: a.chainPulseMs,
+        staggerMs: a.chainStaggerMs
+      },
+      "chain"
+    ),
+    n && l && t.showSizeTooltip && t.previewTarget != null && /* @__PURE__ */ r(
+      Re,
+      {
+        visible: !0,
+        currentTarget: t.currentTarget,
+        previewTarget: t.previewTarget,
+        mode: t.mode,
+        showSizeTooltip: !0
+      },
+      "tooltip"
+    )
+  ] });
+};
+gt.displayName = "ResizePill";
+function er(e) {
   const t = {
     ...De,
     ...e.physics
-  }, [n, a] = A("idle"), [s, i] = A(e.currentTarget), [l, o] = A(null), u = M(!1), m = M(null), d = M(null), g = M(e.currentTarget);
+  }, [a, n] = A("idle"), [i, s] = A(e.currentTarget), [l, o] = A(null), u = M(!1), m = M(null), d = M(null), g = M(e.currentTarget);
   g.current = e.currentTarget;
   const c = M(e.onCommit);
   c.current = e.onCommit;
@@ -869,21 +870,21 @@ function tr(e) {
   p.current = e.forceIdle;
   const b = M(e.onPhaseChange);
   b.current = e.onPhaseChange, E(() => {
-    b.current?.(n);
-  }, [n]), E(() => {
-    e.forceIdle && (d.current && (clearTimeout(d.current), d.current = null), a("idle"), o(null));
+    b.current?.(a);
+  }, [a]), E(() => {
+    e.forceIdle && (d.current && (clearTimeout(d.current), d.current = null), n("idle"), o(null));
   }, [e.forceIdle]), E(() => () => {
     m.current && clearTimeout(m.current), d.current && clearTimeout(d.current);
   }, []);
   const k = C(() => {
-    u.current || p.current || (i(g.current), a("pill-visible"));
+    u.current || p.current || (s(g.current), n("pill-visible"));
   }, []), w = C(() => {
-    a("idle"), o(null);
+    n("idle"), o(null);
   }, []), y = C(
     (D) => {
       u.current = !0, m.current && clearTimeout(m.current), m.current = setTimeout(() => {
         u.current = !1, m.current = null;
-      }, t.fadeGraceMs), o(null), a("fading"), c.current(D);
+      }, t.fadeGraceMs), o(null), n("fading"), c.current(D);
     },
     [t.fadeGraceMs]
   ), T = C(() => {
@@ -900,10 +901,10 @@ function tr(e) {
     }, t.hoverHideGraceMs);
   }, [w, t.hoverHideGraceMs]), h = C((D) => {
     const F = g.current;
-    let G;
-    D === "compact" || D === "medium" || D === "full" ? G = D : typeof F == "number" && typeof D == "number" ? G = D > F ? "grow" : "shrink" : G = "grow", o(G), a("pre-commit");
+    let B;
+    D === "compact" || D === "medium" || D === "full" ? B = D : typeof F == "number" && typeof D == "number" ? B = D > F ? "grow" : "shrink" : B = "grow", o(B), n("pre-commit");
   }, []), v = C(() => {
-    o(null), a((D) => D === "pre-commit" ? "pill-visible" : D);
+    o(null), n((D) => D === "pre-commit" ? "pill-visible" : D);
   }, []), N = C(
     (D) => {
       y(D);
@@ -912,9 +913,9 @@ function tr(e) {
   );
   let x = null;
   return l !== null && (l === "compact" || l === "medium" || l === "full" ? (x = l, x === e.currentTarget && (x = null)) : l === "grow" && typeof e.currentTarget == "number" ? x = e.currentTarget + 1 : l === "shrink" && typeof e.currentTarget == "number" && (x = e.currentTarget - 1)), {
-    phase: n,
-    pillVisible: n === "pill-visible" || n === "pre-commit",
-    pillSpan: s,
+    phase: a,
+    pillVisible: a === "pill-visible" || a === "pre-commit",
+    pillSpan: i,
     buttonHover: l,
     previewTarget: x,
     handlers: {
@@ -929,14 +930,14 @@ function tr(e) {
     commit: y
   };
 }
-function ar(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)
+function tr(e) {
+  const { cardWidthPx: t, slotCount: a, activeSlotIdx: n, pillWidthPx: i } = e;
+  if (n == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(a) || a <= 0 || !Number.isInteger(n) || n < 0 || n >= a)
     return;
-  const i = (a + 0.5) * (t / n);
-  return s != null && Number.isFinite(s) && s > 0 ? i - s / 2 : i;
+  const s = (n + 0.5) * (t / a);
+  return i != null && Number.isFinite(i) && i > 0 ? s - i / 2 : s;
 }
-const rr = [
+const ar = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -1068,24 +1069,24 @@ const rr = [
     subtitle: "Awaiting QA",
     highlightColor: "neutral"
   }
-], ft = {
+], ht = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, bt = {
+}, ft = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, vt = {
+}, bt = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, yt = {
+}, vt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -1093,7 +1094,7 @@ const rr = [
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, wt = {
+}, yt = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -1102,7 +1103,7 @@ const rr = [
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, _t = {
+}, wt = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -1113,14 +1114,14 @@ const rr = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, nr = [
+}, rr = [
+  ht,
   ft,
   bt,
   vt,
   yt,
-  wt,
-  _t
-], sr = {
+  wt
+], nr = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -1143,7 +1144,7 @@ const rr = [
     59
   ],
   accentColor: "#6366f1"
-}, ir = {
+}, sr = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -1182,21 +1183,21 @@ const rr = [
     19
   ],
   accentColor: "#10b981"
-}, lr = {
+}, ir = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, or = {
+}, lr = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, cr = {
+}, or = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -1207,18 +1208,18 @@ const rr = [
 function Me({
   open: e,
   onDismiss: t,
-  anchorRef: n,
-  pages: a,
-  activePageId: s,
-  onPageChange: i,
+  anchorRef: a,
+  pages: n,
+  activePageId: i,
+  onPageChange: s,
   onCreatePage: l,
   onManagePages: o
 }) {
   const u = C(
     (c) => {
-      i(c), t();
+      s(c), t();
     },
-    [i, t]
+    [s, t]
   ), m = C(
     (c, p) => {
       (p.key === "Enter" || p.key === " ") && (p.preventDefault(), u(c));
@@ -1230,7 +1231,7 @@ function Me({
     o(), t();
   }, [o, t]);
   return /* @__PURE__ */ f(
-    Ye,
+    Ue,
     {
       definition: {
         placement: "bottom-end",
@@ -1240,11 +1241,11 @@ function Me({
       },
       open: e,
       onDismiss: t,
-      anchorRef: n,
+      anchorRef: a,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((c) => {
-          const p = c.id === s;
+        /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: n.map((c) => {
+          const p = c.id === i;
           return /* @__PURE__ */ f(
             "li",
             {
@@ -1301,12 +1302,12 @@ function Me({
   );
 }
 Me.displayName = "PageDropdown";
-const Ct = function({
+const _t = function({
   currentIndex: t,
-  total: n,
-  pages: a,
-  onPageChange: s,
-  onCreatePage: i,
+  total: a,
+  pages: n,
+  onPageChange: i,
+  onCreatePage: s,
   onManagePages: l,
   maskRadius: o = "var(--gloss-radius-md)",
   displayMode: u = "count",
@@ -1316,7 +1317,7 @@ const Ct = function({
     c((y) => !y);
   }, []), b = C(() => {
     c(!1);
-  }, []), k = a[t]?.id ?? "";
+  }, []), k = n[t]?.id ?? "";
   return /* @__PURE__ */ f(
     "div",
     {
@@ -1338,15 +1339,15 @@ const Ct = function({
             className: `gloss-page-chip__trigger${u === "name" ? " gloss-page-chip__trigger--name" : ""}`,
             "aria-haspopup": "menu",
             "aria-expanded": g,
-            "aria-label": u === "name" ? `${m ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
+            "aria-label": u === "name" ? `${m ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${a}. Click to switch pages.`,
             onClick: p,
-            children: u === "name" ? /* @__PURE__ */ f(L, { children: [
+            children: u === "name" ? /* @__PURE__ */ f(I, { children: [
               /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: m ?? "" }),
               /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
-            ] }) : /* @__PURE__ */ f(L, { children: [
+            ] }) : /* @__PURE__ */ f(I, { children: [
               t + 1,
               " / ",
-              n
+              a
             ] })
           }
         ),
@@ -1356,10 +1357,10 @@ const Ct = function({
             open: g,
             onDismiss: b,
             anchorRef: d,
-            pages: a,
+            pages: n,
             activePageId: k,
-            onPageChange: s,
-            onCreatePage: i,
+            onPageChange: i,
+            onCreatePage: s,
             onManagePages: l
           }
         )
@@ -1367,8 +1368,8 @@ const Ct = function({
     }
   );
 };
-Ct.displayName = "PageChip";
-const dr = [
+_t.displayName = "PageChip";
+const cr = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -1501,7 +1502,7 @@ const dr = [
     date: "2026-03-01",
     skuCount: 9
   }
-], ur = [
+], dr = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1644,7 +1645,7 @@ function Pe(e) {
 function Ae(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const q = I.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), mr = [
+const q = V.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), ur = [
   {
     field: "id",
     headerName: "Order",
@@ -1696,7 +1697,7 @@ const q = I.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellClassName: "gloss-tabular-nums",
     renderCell: ({ row: e }) => e.date ? Ae(e.date) : ""
   }
-], pr = [
+], mr = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1760,20 +1761,20 @@ const q = I.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellClassName: "gloss-tabular-nums",
     renderCell: ({ row: e }) => e.lastDate ? Ae(e.lastDate) : ""
   }
-], Nt = [
+], Ct = [
   { id: "c-001", label: "ABC Home Goods" },
   { id: "c-002", label: "Riverside Retail" },
   { id: "c-003", label: "Mountain View Store" },
   { id: "c-004", label: "Downtown Decor" },
   { id: "c-005", label: "Pacific Coast Imports" }
-], kt = [
+], Nt = [
   { id: "i-001", label: "Classic Linen Throw Pillow" },
   { id: "i-002", label: "Coastal Wave Candle Set" },
   { id: "i-003", label: "Walnut Console Table" },
   { id: "i-004", label: "Hand-Blown Glass Vase" },
   { id: "i-005", label: "Velvet Accent Cushion" }
 ], te = (e) => {
-}, St = (e) => {
+}, kt = (e) => {
 }, he = (e, t) => {
 }, Ee = {
   vizState: {
@@ -1784,15 +1785,15 @@ const q = I.createElement("span", { style: { color: "var(--color-text-muted)" }
     timeFrame: "MTD"
   },
   onTypeChange: te,
-  onQuantChange: St,
+  onQuantChange: kt,
   onEntityTypeChange: te,
   onEntitySelect: he,
   onItemSelect: he,
   onTimeFrameChange: te,
   userType: "sales-agency",
-  entityFilterOptions: Nt,
-  itemFilterOptions: kt
-}, gr = {
+  entityFilterOptions: Ct,
+  itemFilterOptions: Nt
+}, pr = {
   ...Ee,
   vizState: {
     type: "items",
@@ -1801,7 +1802,7 @@ const q = I.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, hr = {
+}, gr = {
   ...Ee,
   vizState: {
     type: "orders",
@@ -1814,7 +1815,7 @@ const q = I.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, Dt = [
+}, St = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1860,7 +1861,7 @@ const q = I.createElement("span", { style: { color: "var(--color-text-muted)" }
     routeKey: "customer.profile",
     subtitle: "Opens in RepTime"
   }
-], xt = [
+], Dt = [
   {
     id: "order-items",
     label: "Items in Order",
@@ -1889,7 +1890,7 @@ const q = I.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], Tt = [
+], xt = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1917,14 +1918,14 @@ const q = I.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], fr = {
-  entityName: Dt,
-  orderId: xt,
-  numeric: Tt
-}, br = [
+], hr = {
+  entityName: St,
+  orderId: Dt,
+  numeric: xt
+}, fr = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], vr = {
+], br = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1937,7 +1938,7 @@ const q = I.createElement("span", { style: { color: "var(--color-text-muted)" }
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 2, 1),
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - 1, 0)
   ]
-}, yr = {
+}, vr = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1945,7 +1946,7 @@ const q = I.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, wr = [
+}, yr = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1967,7 +1968,7 @@ const q = I.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], _r = [
+], wr = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1984,7 +1985,7 @@ const q = I.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], Cr = [
+], _r = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -2001,54 +2002,54 @@ const q = I.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], Nr = [
+], Cr = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], kr = [
+], Nr = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-], Rt = {
+], Tt = {
   timeframe: "Time Frame",
   threshold: "Thresholds",
   slots: "Slots",
   size: "Size",
   color: "Color",
   pinned: "Pinned"
-}, Mt = {
-  timeframe: qe,
-  threshold: Qe,
-  slots: Je,
-  size: Xe,
-  color: Ze,
-  pinned: et
+}, Rt = {
+  timeframe: Ye,
+  threshold: qe,
+  slots: Qe,
+  size: Je,
+  color: Xe,
+  pinned: Ze
 };
 function fe(...e) {
   return e.filter(Boolean).join(" ");
 }
-function Pt() {
+function Mt() {
   const [e, t] = A(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
   return E(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
-    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);
+    const a = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (i) => t(i.matches);
+    return typeof a.addEventListener == "function" ? (a.addEventListener("change", n), () => a.removeEventListener("change", n)) : (a.addListener?.(n), () => {
+      a.removeListener?.(n);
     });
   }, []), e;
 }
-const At = ({
+const Pt = ({
   dimensions: e,
   onDimensionSelect: t,
-  activeDimension: n,
-  ariaCardTypeLabel: a,
-  className: s
+  activeDimension: a,
+  ariaCardTypeLabel: n,
+  className: i
 }) => {
-  const i = M(null), l = M([]), o = Pt(), u = ce(() => Array.from(e), [e]);
+  const s = M(null), l = M([]), o = Mt(), u = ce(() => Array.from(e), [e]);
   if (u.length === 0) return null;
-  const m = a ? `Configure ${a}: choose a dimension` : void 0, d = o ? "10ms" : "200ms", g = (c, p) => {
+  const m = n ? `Configure ${n}: choose a dimension` : void 0, d = o ? "10ms" : "200ms", g = (c, p) => {
     const b = u.length - 1, k = (w) => {
       const y = l.current[w];
       y && y.focus();
@@ -2082,10 +2083,10 @@ const At = ({
   return /* @__PURE__ */ r(
     "div",
     {
-      ref: i,
+      ref: s,
       role: "group",
       "aria-label": m,
-      className: fe("gloss-reconfig-backside-buttons", s),
+      className: fe("gloss-reconfig-backside-buttons", i),
       style: {
         // Expose the reduced-motion-resolved duration as a CSS custom prop
         // so the SCSS transition rule can consume it without a nested media
@@ -2093,7 +2094,7 @@ const At = ({
         "--gloss-reconfig-backside-buttons-transition-duration": d
       },
       children: u.map((c, p) => {
-        const b = Mt[c], k = n === c;
+        const b = Rt[c], k = a === c;
         return /* @__PURE__ */ f(
           "button",
           {
@@ -2117,7 +2118,7 @@ const At = ({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Rt[c] })
+              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Tt[c] })
             ]
           },
           c
@@ -2126,12 +2127,12 @@ const At = ({
     }
   );
 };
-At.displayName = "ReconfigBacksideButtons";
-function O(e, t) {
+Pt.displayName = "ReconfigBacksideButtons";
+function L(e, t) {
   return {
     id: e,
     colSpan: 1,
-    content: I.createElement("div", {
+    content: V.createElement("div", {
       style: {
         width: "100%",
         height: "100%",
@@ -2149,36 +2150,36 @@ function O(e, t) {
 }
 function be(e, t) {
   return {
-    ...O(e, t),
+    ...L(e, t),
     colSpan: 2
   };
 }
-const Sr = [
-  O("total-revenue", "Total Revenue"),
-  O("total-orders", "Total Orders"),
+const kr = [
+  L("total-revenue", "Total Revenue"),
+  L("total-orders", "Total Orders"),
   be("revenue-trend", "Revenue Trend (2x)"),
-  O("avg-order", "Avg Order Value"),
-  O("new-customers", "New Customers"),
-  O("top-salesperson", "Top Salesperson"),
+  L("avg-order", "Avg Order Value"),
+  L("new-customers", "New Customers"),
+  L("top-salesperson", "Top Salesperson"),
   be("order-trend", "Order Trend (2x)"),
-  O("repeat-rate", "Repeat Rate"),
-  O("open-orders", "Open Orders"),
-  O("shipped-orders", "Shipped Orders")
-], Dr = {
+  L("repeat-rate", "Repeat Rate"),
+  L("open-orders", "Open Orders"),
+  L("shipped-orders", "Shipped Orders")
+], Sr = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, xr = {
+}, Dr = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, Tr = {
+}, xr = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -2187,9 +2188,9 @@ const Sr = [
   totalPages: 3
 };
 function ae(e) {
-  return I.createElement("span", { style: { fontSize: 14 } }, e);
+  return V.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const Rr = [
+const Tr = [
   {
     id: "all-orders",
     type: "orders",
@@ -2212,7 +2213,7 @@ const Rr = [
     icon: ae("🚚"),
     closable: !0
   }
-], Mr = [
+], Rr = [
   {
     id: "orders-main",
     type: "orders",
@@ -2238,7 +2239,7 @@ const Rr = [
     name: "Customers",
     closable: !0
   }
-], Pr = [
+], Mr = [
   {
     id: "only-tab",
     type: "orders",
@@ -2246,7 +2247,7 @@ const Rr = [
     closable: !1,
     autoCreated: !0
   }
-], Ar = [
+], Pr = [
   { id: "tab-1", type: "orders", name: "All Orders", closable: !1, autoCreated: !0 },
   { id: "tab-2", type: "orders", name: "Open Orders", closable: !0 },
   { id: "tab-3", type: "orders", name: "Shipped Orders", closable: !0 },
@@ -2269,39 +2270,39 @@ function le(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function Et(e) {
+function At(e) {
   let t = 0;
-  for (const a of e) {
-    const s = le(a.size), i = a.gridPosition.col + s.cols - 1;
-    i > t && (t = i);
+  for (const n of e) {
+    const i = le(n.size), s = n.gridPosition.col + i.cols - 1;
+    s > t && (t = s);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const Ft = function(t) {
+const Et = function(t) {
   if (t.renderMode === "discrete")
     return /* @__PURE__ */ r(
       "div",
       {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
-        children: t.cards.map((s) => {
-          const i = le(s.size);
+        children: t.cards.map((i) => {
+          const s = le(i.size);
           return /* @__PURE__ */ r(
             "div",
             {
               className: "gloss-metric-group__slot",
               style: {
-                gridColumn: `${s.gridPosition.col} / span ${i.cols}`,
-                gridRow: `${s.gridPosition.row} / span ${i.rows}`
+                gridColumn: `${i.gridPosition.col} / span ${s.cols}`,
+                gridRow: `${i.gridPosition.row} / span ${s.rows}`
               },
-              children: s.children
+              children: i.children
             },
-            s.key
+            i.key
           );
         })
       }
     );
-  const { cards: n, composite: a } = t;
+  const { cards: a, composite: n } = t;
   return /* @__PURE__ */ f(
     "div",
     {
@@ -2317,25 +2318,25 @@ const Ft = function(t) {
         padding: "10px 12px 8px",
         overflow: "visible"
       },
-      role: a?.label ? "group" : void 0,
-      "aria-label": a?.label,
+      role: n?.label ? "group" : void 0,
+      "aria-label": n?.label,
       tabIndex: void 0,
       children: [
-        a?.accentColor && /* @__PURE__ */ r(
+        n?.accentColor && /* @__PURE__ */ r(
           "div",
           {
             className: "gloss-metric-group__accent",
-            style: { background: a.accentColor }
+            style: { background: n.accentColor }
           }
         ),
-        a?.label && /* @__PURE__ */ f("div", { className: "gloss-metric-group__label", children: [
-          /* @__PURE__ */ r("span", { children: a.label }),
-          a?.trend && /* @__PURE__ */ r(
+        n?.label && /* @__PURE__ */ f("div", { className: "gloss-metric-group__label", children: [
+          /* @__PURE__ */ r("span", { children: n.label }),
+          n?.trend && /* @__PURE__ */ r(
             "span",
             {
               className: "gloss-metric-group__trend",
-              "data-direction": a.trend.direction,
-              children: a.trend.delta
+              "data-direction": n.trend.direction,
+              children: n.trend.delta
             }
           )
         ] }),
@@ -2346,21 +2347,21 @@ const Ft = function(t) {
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: Et(n)
+              gridTemplateColumns: At(a)
             },
-            children: n.map((s) => {
-              const i = le(s.size);
+            children: a.map((i) => {
+              const s = le(i.size);
               return /* @__PURE__ */ r(
                 "div",
                 {
                   className: "gloss-metric-group__slot--composite",
                   style: {
-                    gridColumn: `${s.gridPosition.col} / span ${i.cols}`,
-                    gridRow: `${s.gridPosition.row} / span ${i.rows}`
+                    gridColumn: `${i.gridPosition.col} / span ${s.cols}`,
+                    gridRow: `${i.gridPosition.row} / span ${s.rows}`
                   },
-                  children: s.children
+                  children: i.children
                 },
-                s.key
+                i.key
               );
             })
           }
@@ -2369,25 +2370,25 @@ const Ft = function(t) {
     }
   );
 };
-Ft.displayName = "MetricGroupContainer";
-const Fe = "resize.tuning.dev", It = {
-  ...dt,
+Et.displayName = "MetricGroupContainer";
+const Fe = "resize.tuning.dev", Ft = {
+  ...ct,
   snapInPx: 60,
   snapOutPx: 90
-}, W = It;
-function Lt() {
-  if (typeof window > "u") return { ...W };
+}, H = Ft;
+function It() {
+  if (typeof window > "u") return { ...H };
   try {
     const e = window.localStorage.getItem(Fe);
-    if (!e) return { ...W };
+    if (!e) return { ...H };
     const t = JSON.parse(e);
-    return !t || typeof t != "object" || Array.isArray(t) ? { ...W } : { ...W, ...t };
+    return !t || typeof t != "object" || Array.isArray(t) ? { ...H } : { ...H, ...t };
   } catch {
-    return { ...W };
+    return { ...H };
   }
 }
-function Ot() {
-  const [e, t] = A(() => Lt());
+function Lt() {
+  const [e, t] = A(() => It());
   E(() => {
     if (!(typeof window > "u"))
       try {
@@ -2395,22 +2396,22 @@ function Ot() {
       } catch {
       }
   }, [e]);
-  const n = C(
-    (i, l) => {
-      t((o) => ({ ...o, [i]: l }));
+  const a = C(
+    (s, l) => {
+      t((o) => ({ ...o, [s]: l }));
     },
     []
-  ), a = C(
-    (i) => {
-      t((l) => ({ ...l, [i]: W[i] }));
+  ), n = C(
+    (s) => {
+      t((l) => ({ ...l, [s]: H[s] }));
     },
     []
-  ), s = C(() => {
-    t({ ...W });
+  ), i = C(() => {
+    t({ ...H });
   }, []);
-  return { values: e, setValue: n, resetRow: a, resetAll: s };
+  return { values: e, setValue: a, resetRow: n, resetAll: i };
 }
-const $t = [
+const Ot = [
   { key: "stiffness", label: "Spring stiffness", unit: "", min: 100, max: 1e3, step: 10 },
   { key: "damping", label: "Spring damping", unit: "", min: 10, max: 60, step: 1 },
   { key: "mass", label: "Spring mass", unit: "", min: 0.5, max: 2, step: 0.1 },
@@ -2421,10 +2422,10 @@ const $t = [
   { key: "blueprintFadeOutMs", label: "Blueprint fade out", unit: "ms", min: 60, max: 400, step: 10 },
   { key: "velocityMultiplier", label: "Velocity multiplier", unit: "×", min: 0, max: 2, step: 0.05 }
 ];
-function zt(e, t) {
+function $t(e, t) {
   return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
 }
-function Bt() {
+function zt() {
   return /* @__PURE__ */ f(
     "svg",
     {
@@ -2444,23 +2445,23 @@ function Bt() {
     }
   );
 }
-function Gt({ spec: e, value: t, onChange: n, onReset: a, flashing: s }) {
-  const i = C(
+function Bt({ spec: e, value: t, onChange: a, onReset: n, flashing: i }) {
+  const s = C(
     (l) => {
-      (l.key === "r" || l.key === "R") && (l.preventDefault(), a());
+      (l.key === "r" || l.key === "R") && (l.preventDefault(), n());
     },
-    [a]
+    [n]
   );
   return /* @__PURE__ */ f(
     "div",
     {
-      className: `gloss-dev-tuning-panel__row${s ? " gloss-dev-tuning-panel__row--flash" : ""}`,
+      className: `gloss-dev-tuning-panel__row${i ? " gloss-dev-tuning-panel__row--flash" : ""}`,
       "data-tuning-row": e.key,
-      onKeyDown: i,
+      onKeyDown: s,
       children: [
         /* @__PURE__ */ r("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
         /* @__PURE__ */ f("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
-          zt(t, e.step),
+          $t(t, e.step),
           e.unit ? ` ${e.unit}` : ""
         ] }),
         /* @__PURE__ */ r(
@@ -2474,7 +2475,7 @@ function Gt({ spec: e, value: t, onChange: n, onReset: a, flashing: s }) {
             step: e.step,
             value: t,
             "aria-label": e.label,
-            onChange: (l) => n(Number(l.target.value))
+            onChange: (l) => a(Number(l.target.value))
           }
         ),
         /* @__PURE__ */ r(
@@ -2483,15 +2484,15 @@ function Gt({ spec: e, value: t, onChange: n, onReset: a, flashing: s }) {
             type: "button",
             className: "gloss-dev-tuning-panel__reset",
             "aria-label": `Reset ${e.label}`,
-            onClick: a,
-            children: /* @__PURE__ */ r(Bt, {})
+            onClick: n,
+            children: /* @__PURE__ */ r(zt, {})
           }
         )
       ]
     }
   );
 }
-function Ht() {
+function Gt() {
   if (typeof process < "u" && process.env && process.env.NODE_ENV === "production" || typeof window > "u") return !1;
   try {
     return new URLSearchParams(window.location.search).has("devtune");
@@ -2499,23 +2500,23 @@ function Ht() {
     return !1;
   }
 }
-function Wt(e = {}) {
-  return Ht() ? /* @__PURE__ */ r(Vt, {}) : null;
+function Ht(e = {}) {
+  return Gt() ? /* @__PURE__ */ r(Wt, {}) : null;
 }
-Wt.displayName = "DevTuningPanel";
-function Vt() {
-  const e = Ot(), { values: t, setValue: n, resetRow: a, resetAll: s } = e, [i, l] = A(null), o = M(null), u = C((c) => {
+Ht.displayName = "DevTuningPanel";
+function Wt() {
+  const e = Lt(), { values: t, setValue: a, resetRow: n, resetAll: i } = e, [s, l] = A(null), o = M(null), u = C((c) => {
     o.current && clearTimeout(o.current), l(c), o.current = setTimeout(() => {
       l(null), o.current = null;
     }, 200);
   }, []), m = C(
     (c, p) => {
-      n(c, p), c === "snapInPx" && p > t.snapOutPx && (n("snapOutPx", p), u("snapOutPx"));
+      a(c, p), c === "snapInPx" && p > t.snapOutPx && (a("snapOutPx", p), u("snapOutPx"));
     },
-    [n, t.snapOutPx, u]
-  ), d = ce(() => $t, []), g = Ke();
+    [a, t.snapOutPx, u]
+  ), d = ce(() => Ot, []), g = je();
   return /* @__PURE__ */ f(
-    B.div,
+    z.div,
     {
       className: "gloss-dev-tuning-panel",
       role: "region",
@@ -2538,13 +2539,13 @@ function Vt() {
           }
         ),
         /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: d.map((c) => /* @__PURE__ */ r(
-          Gt,
+          Bt,
           {
             spec: c,
             value: t[c.key],
             onChange: (p) => m(c.key, p),
-            onReset: () => a(c.key),
-            flashing: i === c.key
+            onReset: () => n(c.key),
+            flashing: s === c.key
           },
           c.key
         )) }),
@@ -2553,7 +2554,7 @@ function Vt() {
           {
             type: "button",
             className: "gloss-dev-tuning-panel__reset-all",
-            onClick: s,
+            onClick: i,
             children: "Reset all"
           }
         ) })
@@ -2561,13 +2562,13 @@ function Vt() {
     }
   );
 }
-function Er({
+function Ar({
   state: e,
   originX: t,
-  originY: n,
-  leftEdgeX: a,
-  rightEdgeX: s,
-  minBoundaryX: i,
+  originY: a,
+  leftEdgeX: n,
+  rightEdgeX: i,
+  minBoundaryX: s,
   snapBoundariesX: l,
   topY: o,
   bottomY: u,
@@ -2577,12 +2578,12 @@ function Er({
   style: c
 }) {
   if (e === "hidden") return null;
-  const p = Math.max(0, s - a), b = Math.max(0, u - o), k = {
+  const p = Math.max(0, i - n), b = Math.max(0, u - o), k = {
     "--gloss-resize-envelope-enter-ms": `${m}ms`,
     "--gloss-resize-envelope-exit-ms": `${d}ms`,
-    "--gloss-resize-envelope-origin-x": `${t - a}px`,
-    "--gloss-resize-envelope-origin-y": `${n - o}px`,
-    left: a,
+    "--gloss-resize-envelope-origin-x": `${t - n}px`,
+    "--gloss-resize-envelope-origin-y": `${a - o}px`,
+    left: n,
     top: o,
     width: p,
     height: b,
@@ -2610,7 +2611,7 @@ function Er({
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--min-boundary",
             "data-edge": "min-boundary",
-            style: { left: i - a }
+            style: { left: s - n }
           }
         ),
         /* @__PURE__ */ r(
@@ -2621,12 +2622,12 @@ function Er({
             style: { left: p - 1 }
           }
         ),
-        l.filter((w) => w > i && w < s).map((w) => /* @__PURE__ */ r(
+        l.filter((w) => w > s && w < i).map((w) => /* @__PURE__ */ r(
           "div",
           {
             className: "gloss-resize-envelope__snap-line",
             "data-snap-line": !0,
-            style: { left: w - a }
+            style: { left: w - n }
           },
           w
         ))
@@ -2634,18 +2635,18 @@ function Er({
     }
   );
 }
-function Fr({
+function Er({
   density: e,
   canAccept: t,
-  blocked: n = !1,
-  proximityOpacity: a,
-  state: s,
-  rejection: i = !1,
+  blocked: a = !1,
+  proximityOpacity: n,
+  state: i,
+  rejection: s = !1,
   className: l,
   children: o,
   ...u
 }) {
-  const m = a != null ? { ...u.style, "--_proximity-opacity": String(a) } : u.style;
+  const m = n != null ? { ...u.style, "--_proximity-opacity": String(n) } : u.style;
   return /* @__PURE__ */ r(
     "div",
     {
@@ -2653,70 +2654,70 @@ function Fr({
       style: m,
       "data-density": e,
       "data-can-accept": t ? "true" : "false",
-      "data-blocked": n ? "true" : void 0,
-      "data-rejection": i ? "true" : void 0,
-      "data-proximity-driven": a != null ? "true" : void 0,
-      "data-state": s ?? void 0,
+      "data-blocked": a ? "true" : void 0,
+      "data-rejection": s ? "true" : void 0,
+      "data-proximity-driven": n != null ? "true" : void 0,
+      "data-state": i ?? void 0,
       "data-testid": "gloss-drop-anchor-cell",
       className: [
         "gloss-drop-anchor-cell",
-        n && "gloss-drop-anchor-cell--blocked-pulse",
+        a && "gloss-drop-anchor-cell--blocked-pulse",
         l
       ].filter(Boolean).join(" "),
       children: o
     }
   );
 }
-function jt(e, t, n, a) {
-  const s = (e + n) / 2, i = Math.min(t, a) - 40;
-  return `M${e},${t} Q${s},${i} ${n},${a}`;
+function Vt(e, t, a, n) {
+  const i = (e + a) / 2, s = Math.min(t, n) - 40;
+  return `M${e},${t} Q${i},${s} ${a},${n}`;
 }
-function Ir({
+function Fr({
   segments: e,
   durationMs: t = j.spilloverArcDurationMs,
-  staggerMs: n = j.spilloverStaggerMs,
-  className: a,
-  style: s
+  staggerMs: a = j.spilloverStaggerMs,
+  className: n,
+  style: i
 }) {
   return e.length === 0 ? null : /* @__PURE__ */ r(
     "svg",
     {
-      className: ["gloss-spillover-arc", a].filter(Boolean).join(" "),
+      className: ["gloss-spillover-arc", n].filter(Boolean).join(" "),
       "data-testid": "gloss-spillover-arc",
       "aria-hidden": "true",
       overflow: "visible",
-      style: { position: "absolute", inset: 0, pointerEvents: "none", ...s },
-      children: e.map((i, l) => /* @__PURE__ */ r(
+      style: { position: "absolute", inset: 0, pointerEvents: "none", ...i },
+      children: e.map((s, l) => /* @__PURE__ */ r(
         "path",
         {
-          "data-arc-id": i.id,
+          "data-arc-id": s.id,
           className: "gloss-spillover-arc__path",
-          d: jt(i.fromX, i.fromY, i.toX, i.toY),
+          d: Vt(s.fromX, s.fromY, s.toX, s.toY),
           style: {
-            animationDelay: `${l * n}ms`,
+            animationDelay: `${l * a}ms`,
             animationDuration: `${t}ms`
           }
         },
-        i.id
+        s.id
       ))
     }
   );
 }
-function Lr({
+function Ir({
   state: e,
   staggerIndex: t = 0,
-  fadeInMs: n = j.sectionDividerFadeInMs,
-  fadeOutMs: a = j.sectionDividerFadeOutMs,
-  staggerMs: s = j.sectionDividerStaggerMs,
-  variant: i = "dashed",
+  fadeInMs: a = j.sectionDividerFadeInMs,
+  fadeOutMs: n = j.sectionDividerFadeOutMs,
+  staggerMs: i = j.sectionDividerStaggerMs,
+  variant: s = "dashed",
   className: l,
   style: o,
   ...u
 }) {
   const m = {
-    "--gloss-section-divider-fade-in-ms": `${n}ms`,
-    "--gloss-section-divider-fade-out-ms": `${a}ms`,
-    "--gloss-section-divider-stagger-delay": `${t * s}ms`,
+    "--gloss-section-divider-fade-in-ms": `${a}ms`,
+    "--gloss-section-divider-fade-out-ms": `${n}ms`,
+    "--gloss-section-divider-stagger-delay": `${t * i}ms`,
     ...o
   };
   return /* @__PURE__ */ r(
@@ -2729,7 +2730,7 @@ function Lr({
       className: [
         "gloss-section-divider",
         `gloss-section-divider--state-${e}`,
-        i === "seam-bleed" ? "gloss-section-divider--variant-seam-bleed" : "",
+        s === "seam-bleed" ? "gloss-section-divider--variant-seam-bleed" : "",
         l
       ].filter(Boolean).join(" "),
       style: m
@@ -2748,18 +2749,18 @@ const K = {
   enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
   exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
   translateOffsetPx: 8
-}, Or = {
+}, Lr = {
   shiverCycles: 3,
   shiverAmplitudePx: 2,
   shiverDurationMs: 180,
   validCellOpacity: 0.6
-}, $r = {
+}, Or = {
   materializeMs: 180,
   dematerializeMs: 140,
   easing: "cubic-bezier(0.22, 1, 0.36, 1)",
   dotStrokePx: 2,
   dividerDashGapPx: 4
-}, zr = {
+}, $r = {
   cascadeStaggerMs: 0,
   cascadeSpringCapMs: 120,
   swingEnterMs: 100,
@@ -2768,7 +2769,7 @@ const K = {
   provisionalStyle: "opacity",
   shiverMs: 200,
   shiverStyle: "color-flash"
-}, Br = !0, Gr = {
+}, zr = !0, Br = {
   rejectionFill: "var(--gloss-rejection-fill)",
   rejectionStroke: "var(--gloss-rejection-stroke)",
   validFill: "var(--gloss-valid-fill)",
@@ -2784,8 +2785,8 @@ function Ie() {
     return "full";
   }
 }
-const ve = ({ visible: e, variant: t, trigger: n, children: a, className: s }) => {
-  const i = {
+const ve = ({ visible: e, variant: t, trigger: a, children: n, className: i }) => {
+  const s = {
     "--gloss-swing-enter-ms": `${U.enterDurationMs}ms`,
     "--gloss-swing-exit-ms": `${U.exitDurationMs}ms`,
     "--gloss-swing-offset": `${U.translateOffsetPx}px`,
@@ -2794,8 +2795,8 @@ const ve = ({ visible: e, variant: t, trigger: n, children: a, className: s }) =
   }, l = [
     "gloss-swing-reveal",
     `gloss-swing-reveal--${t}`,
-    n === "hover+focus" ? "gloss-swing-reveal--hover-focus" : "",
-    s ?? ""
+    a === "hover+focus" ? "gloss-swing-reveal--hover-focus" : "",
+    i ?? ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ r(
     "span",
@@ -2804,24 +2805,24 @@ const ve = ({ visible: e, variant: t, trigger: n, children: a, className: s }) =
       "data-variant": t,
       "data-visible": e ? "true" : "false",
       className: l,
-      style: i,
-      children: a
+      style: s,
+      children: n
     }
   );
 };
-function Hr({
+function Gr({
   enabled: e,
   onCollapse: t,
-  onAdd: n,
-  addGlyphLabel: a,
-  collapseGlyphLabel: s,
-  className: i,
+  onAdd: a,
+  addGlyphLabel: n,
+  collapseGlyphLabel: i,
+  className: s,
   style: l,
   onPack: o,
   ariaLabel: u
 }) {
-  const m = a ?? "Add card to this cell", d = s ?? u ?? "Pack row — shift cards left", g = t ?? o, { affordancesVisible: c } = ze();
-  return /* @__PURE__ */ f($.Fragment, { children: [
+  const m = n ?? "Add card to this cell", d = i ?? u ?? "Pack row — shift cards left", g = t ?? o, { affordancesVisible: c } = ze();
+  return /* @__PURE__ */ f(O.Fragment, { children: [
     /* @__PURE__ */ r(ve, { visible: e && c, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
       "button",
       {
@@ -2831,11 +2832,11 @@ function Hr({
         className: [
           "gloss-empty-cell-pack-affordance",
           "gloss-empty-cell-pack-affordance--add",
-          i
+          s
         ].filter(Boolean).join(" "),
         style: l,
         onClick: (p) => {
-          p.stopPropagation(), n?.();
+          p.stopPropagation(), a?.();
         },
         children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "+" })
       }
@@ -2846,7 +2847,7 @@ function Hr({
         type: "button",
         "data-testid": "gloss-empty-cell-pack",
         "aria-label": d,
-        className: ["gloss-empty-cell-pack-affordance", i].filter(Boolean).join(" "),
+        className: ["gloss-empty-cell-pack-affordance", s].filter(Boolean).join(" "),
         style: l,
         onClick: (p) => {
           p.stopPropagation(), g?.();
@@ -2856,25 +2857,25 @@ function Hr({
     ) })
   ] });
 }
-function Wr({
+function Hr({
   tint: e,
   colSpan: t,
-  colWidth: n,
-  rowHeight: a,
-  gap: s,
-  x: i,
+  colWidth: a,
+  rowHeight: n,
+  gap: i,
+  x: s,
   y: l,
   children: o,
   className: u
 }) {
-  const m = t * n + (t - 1) * s, d = $.useRef(null);
+  const m = t * a + (t - 1) * i, d = O.useRef(null);
   return re("drag-ghost", () => {
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
     const g = d.current?.getBoundingClientRect() ?? null;
     return {
       values: {
-        x: i.get(),
+        x: s.get(),
         y: l.get(),
         bounds_x: g?.x ?? 0,
         bounds_y: g?.y ?? 0,
@@ -2905,7 +2906,7 @@ function Wr({
     const w = g?.getBoundingClientRect() ?? null, y = g ? "drag-clone" : "subsumed-by-tracking-outline";
     return {
       values: {
-        x: i.get(),
+        x: s.get(),
         y: l.get(),
         bounds_x: w?.x ?? 0,
         bounds_y: w?.y ?? 0,
@@ -2929,7 +2930,7 @@ function Wr({
       t: performance.now()
     };
   }), /* @__PURE__ */ r(
-    B.div,
+    z.div,
     {
       ref: d,
       "data-testid": "gloss-drag-ghost",
@@ -2940,25 +2941,25 @@ function Wr({
         `gloss-drag-ghost--tint-${e}`,
         u
       ].filter(Boolean).join(" "),
-      style: { x: i, y: l, width: m, height: a },
+      style: { x: s, y: l, width: m, height: n },
       children: o
     }
   );
 }
-const Kt = 3;
+const jt = 3;
 function Le({
   gesture: e,
   cell: t,
-  colSpan: n,
-  colWidth: a,
-  gap: s,
-  rowHeight: i,
+  colSpan: a,
+  colWidth: n,
+  gap: i,
+  rowHeight: s,
   pattern: l = "solid",
   transitionMs: o = 120,
   className: u,
   motionWidth: m
 }) {
-  const d = n * a + (n - 1) * s, c = (t.section * Kt + t.col) * (a + s), p = t.row * (i + s), b = e === "resize" ? 2.5 : 2, k = l === "dashed-retreated" ? "dashed" : "solid", w = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline", y = {
+  const d = a * n + (a - 1) * i, c = (t.section * jt + t.col) * (n + i), p = t.row * (s + i), b = e === "resize" ? 2.5 : 2, k = l === "dashed-retreated" ? "dashed" : "solid", w = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline", y = {
     className: [
       "gloss-tracking-outline",
       `gloss-tracking-outline--${e}`,
@@ -2975,13 +2976,13 @@ function Le({
     "aria-hidden": "true"
   };
   return m ? /* @__PURE__ */ r(
-    B.div,
+    z.div,
     {
       ...y,
       style: {
         transform: `translate(${c}px, ${p}px)`,
         width: m,
-        height: i,
+        height: s,
         borderWidth: b,
         borderStyle: k
       }
@@ -2993,7 +2994,7 @@ function Le({
       style: {
         transform: `translate(${c}px, ${p}px)`,
         width: d,
-        height: i,
+        height: s,
         borderWidth: b,
         borderStyle: k,
         transition: `transform ${o}ms cubic-bezier(0.4, 0, 0.2, 1)`
@@ -3001,20 +3002,20 @@ function Le({
     }
   );
 }
-function Vr(e) {
+function Wr(e) {
   return /* @__PURE__ */ r(Le, { gesture: "drag", pattern: "solid", ...e });
 }
-function jr({
+function Vr({
   items: e,
   children: t,
-  className: n,
-  debugMagenta: a
+  className: a,
+  debugMagenta: n
 }) {
-  const s = process.env.NODE_ENV !== "production" && (a || typeof window < "u" && window.__GLOSS_CASCADE_PREVIEW_DEBUG__ === !0), i = $.useRef(e);
-  return i.current = e, re("cascade-preview", () => {
+  const i = process.env.NODE_ENV !== "production" && (n || typeof window < "u" && window.__GLOSS_CASCADE_PREVIEW_DEBUG__ === !0), s = O.useRef(e);
+  return s.current = e, re("cascade-preview", () => {
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
-    const l = i.current;
+    const l = s.current;
     let o = 0, u = 0, m = 0, d = 0;
     for (const g of l) {
       const c = g.x.get(), p = g.y.get();
@@ -3036,13 +3037,13 @@ function jr({
       state: l.length > 0 ? "active" : "idle",
       t: performance.now()
     };
-  }), e.length === 0 ? null : /* @__PURE__ */ r(L, { children: e.map((l) => /* @__PURE__ */ r(
-    B.div,
+  }), e.length === 0 ? null : /* @__PURE__ */ r(I, { children: e.map((l) => /* @__PURE__ */ r(
+    z.div,
     {
       "data-card-id": l.cardId,
       "data-testid": "gloss-cascade-preview-item",
       "aria-hidden": "true",
-      className: ["gloss-cascade-preview-item", n].filter(Boolean).join(" "),
+      className: ["gloss-cascade-preview-item", a].filter(Boolean).join(" "),
       style: {
         position: "absolute",
         left: l.left,
@@ -3051,46 +3052,46 @@ function jr({
         y: l.y,
         width: l.width,
         height: l.height,
-        ...s ? { outline: "2px solid magenta" } : {}
+        ...i ? { outline: "2px solid magenta" } : {}
       },
       children: t(l)
     },
     l.cardId
   )) });
 }
-const Ut = ({
+const Kt = ({
   consumed: e,
   elapsed: t,
-  severity: n = "neutral"
+  severity: a = "neutral"
 }) => {
-  const a = M(null), s = M(null);
+  const n = M(null), i = M(null);
   E(() => {
     const o = Math.min(100, Math.max(0, e.value)), u = Math.min(100, Math.max(0, t.value)), m = requestAnimationFrame(() => {
-      a.current && (a.current.style.width = `${o}%`), s.current && (s.current.style.width = `${u}%`);
+      n.current && (n.current.style.width = `${o}%`), i.current && (i.current.style.width = `${u}%`);
     });
     return () => cancelAnimationFrame(m);
   }, [e.value, t.value]);
-  const i = e.label ?? "ACTUAL", l = t.label ?? "ELAPSED";
+  const s = e.label ?? "ACTUAL", l = t.label ?? "ELAPSED";
   return /* @__PURE__ */ f(
     "div",
     {
       className: "gloss-dual-pace-bars",
       role: "img",
-      "aria-label": `${i}: ${e.value}%, ${l}: ${t.value}%`,
+      "aria-label": `${s}: ${e.value}%, ${l}: ${t.value}%`,
       children: [
         /* @__PURE__ */ f("div", { className: "gloss-dual-pace-bars__row", children: [
-          /* @__PURE__ */ r("span", { className: "gloss-dual-pace-bars__track-label", children: i }),
+          /* @__PURE__ */ r("span", { className: "gloss-dual-pace-bars__track-label", children: s }),
           /* @__PURE__ */ r("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ r(
             "div",
             {
-              ref: a,
-              className: `gloss-dual-pace-bars__fill gloss-dual-pace-bars__fill--consumed gloss-dual-pace-bars__fill--${n}`,
+              ref: n,
+              className: `gloss-dual-pace-bars__fill gloss-dual-pace-bars__fill--consumed gloss-dual-pace-bars__fill--${a}`,
               style: { width: "0%" },
               role: "meter",
               "aria-valuenow": Math.min(100, Math.max(0, e.value)),
               "aria-valuemin": 0,
               "aria-valuemax": 100,
-              "aria-label": `${i}: ${e.value}%`
+              "aria-label": `${s}: ${e.value}%`
             }
           ) }),
           /* @__PURE__ */ f("span", { className: "gloss-dual-pace-bars__track-value", children: [
@@ -3103,7 +3104,7 @@ const Ut = ({
           /* @__PURE__ */ r("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ r(
             "div",
             {
-              ref: s,
+              ref: i,
               className: "gloss-dual-pace-bars__fill gloss-dual-pace-bars__fill--elapsed",
               style: { width: "0%" },
               role: "meter",
@@ -3121,10 +3122,10 @@ const Ut = ({
       ]
     }
   );
-}, Yt = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ f(
+}, Ut = ({ label: e, value: t, severity: a }) => /* @__PURE__ */ f(
   "div",
   {
-    className: `gloss-gap-readout gloss-gap-readout--${n}`,
+    className: `gloss-gap-readout gloss-gap-readout--${a}`,
     "aria-label": `${e}: ${t}`,
     children: [
       /* @__PURE__ */ r("hr", { className: "gloss-gap-readout__separator" }),
@@ -3134,7 +3135,7 @@ const Ut = ({
       ] })
     ]
   }
-), qt = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ f("div", { className: "gloss-pace-placeholder", children: [
+), Yt = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ f("div", { className: "gloss-pace-placeholder", children: [
   /* @__PURE__ */ r("p", { className: "gloss-pace-placeholder__heading", children: "Set a target" }),
   /* @__PURE__ */ f("p", { className: "gloss-pace-placeholder__context", children: [
     "for ",
@@ -3150,18 +3151,18 @@ const Ut = ({
       children: "Set target"
     }
   )
-] }), Kr = (e) => {
-  const [t, n] = A(!1), a = e.target?.value, s = a !== void 0, i = e.paceGapUnit === "usd" ? "$" : "%", l = /* @__PURE__ */ r(
-    tt,
+] }), jr = (e) => {
+  const [t, a] = A(!1), n = e.target?.value, i = n !== void 0, s = e.paceGapUnit === "usd" ? "$" : "%", l = /* @__PURE__ */ r(
+    et,
     {
       label: `Set a target for ${e.label}`,
-      unit: i,
-      currentValue: a,
+      unit: s,
+      currentValue: n,
       onConfirm: (o) => {
-        e.onTargetChange(o), n(!1);
+        e.onTargetChange(o), a(!1);
       },
       onSkip: () => {
-        e.onTargetSkip?.(), n(!1);
+        e.onTargetSkip?.(), a(!1);
       }
     }
   );
@@ -3171,33 +3172,33 @@ const Ut = ({
       colSpan: 2,
       enableQuickSettings: !0,
       isFlipped: t,
-      onFlipChange: n,
+      onFlipChange: a,
       quickConfigSlot: l,
       onRemove: e.onRemove,
       children: /* @__PURE__ */ f("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: s ? /* @__PURE__ */ f(L, { children: [
+        /* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ f(I, { children: [
           /* @__PURE__ */ r(
-            Ut,
+            Kt,
             {
               consumed: e.consumed,
               elapsed: e.elapsed,
               severity: e.severity
             }
           ),
-          /* @__PURE__ */ r(Yt, { label: "Gap", value: e.gapLabel, severity: e.severity })
+          /* @__PURE__ */ r(Ut, { label: "Gap", value: e.gapLabel, severity: e.severity })
         ] }) : /* @__PURE__ */ r(
-          qt,
+          Yt,
           {
             label: e.label,
-            onSetTarget: () => n(!0)
+            onSetTarget: () => a(!0)
           }
         ) })
       ] })
     }
   );
-}, Ur = () => /* @__PURE__ */ f("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
+}, Kr = () => /* @__PURE__ */ f("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
   /* @__PURE__ */ r(
     "div",
     {
@@ -3214,127 +3215,127 @@ const Ut = ({
   ),
   /* @__PURE__ */ r("div", { className: "gloss-pace-tile-preview__gap-strip" })
 ] });
-function Qt({ id: e, label: t, selected: n, focused: a, disabled: s, badge: i, onClick: l }) {
+function qt({ id: e, label: t, selected: a, focused: n, disabled: i, badge: s, onClick: l }) {
   return /* @__PURE__ */ r(
     "span",
     {
       role: "radio",
-      "aria-checked": n,
-      "aria-disabled": s || void 0,
-      tabIndex: a ? 0 : -1,
+      "aria-checked": a,
+      "aria-disabled": i || void 0,
+      tabIndex: n ? 0 : -1,
       className: "gloss-lens-chip",
-      "data-selected": n || void 0,
-      "data-disabled": s || void 0,
+      "data-selected": a || void 0,
+      "data-disabled": i || void 0,
       onClick: () => {
-        s || l(e);
+        i || l(e);
       },
       children: /* @__PURE__ */ f("span", { className: "gloss-lens-chip__inner", children: [
         /* @__PURE__ */ r("span", { className: "gloss-lens-chip__label", children: t }),
-        i && /* @__PURE__ */ r("span", { className: "gloss-lens-chip__badge", children: i })
+        s && /* @__PURE__ */ r("span", { className: "gloss-lens-chip__badge", children: s })
       ] })
     }
   );
 }
-function Jt({
+function Qt({
   lenses: e,
   value: t,
-  onChange: n,
-  "aria-label": a = "Lens"
+  onChange: a,
+  "aria-label": n = "Lens"
 }) {
-  const [s, i] = A(
+  const [i, s] = A(
     () => Math.max(0, e.findIndex((o) => o.id === t))
   );
   return E(() => {
     const o = e.findIndex((u) => u.id === t);
-    i(o >= 0 ? o : 0);
+    s(o >= 0 ? o : 0);
   }, [t, e]), e.length === 0 ? null : /* @__PURE__ */ r(
     "div",
     {
       role: "radiogroup",
-      "aria-label": a,
+      "aria-label": n,
       onKeyDown: (o) => {
         switch (o.key) {
           case "ArrowRight":
           case "ArrowDown":
-            o.preventDefault(), i((u) => (u + 1) % e.length);
+            o.preventDefault(), s((u) => (u + 1) % e.length);
             break;
           case "ArrowLeft":
           case "ArrowUp":
-            o.preventDefault(), i((u) => (u - 1 + e.length) % e.length);
+            o.preventDefault(), s((u) => (u - 1 + e.length) % e.length);
             break;
           case "Home":
-            o.preventDefault(), i(0);
+            o.preventDefault(), s(0);
             break;
           case "End":
-            o.preventDefault(), i(e.length - 1);
+            o.preventDefault(), s(e.length - 1);
             break;
           case "Enter":
           case " ": {
             o.preventDefault();
-            const u = e[s];
-            u && !u.disabled && n(u.id);
+            const u = e[i];
+            u && !u.disabled && a(u.id);
             break;
           }
         }
       },
       className: "gloss-lens-chip-group",
       children: e.map((o, u) => /* @__PURE__ */ r(
-        Qt,
+        qt,
         {
           id: o.id,
           label: o.label,
           selected: o.id === t,
-          focused: u === s,
+          focused: u === i,
           disabled: o.disabled,
           badge: o.badge,
-          onClick: n
+          onClick: a
         },
         o.id
       ))
     }
   );
 }
-Jt.displayName = "LensChipGroup";
-function Xt({ heading: e, children: t }) {
+Qt.displayName = "LensChipGroup";
+function Jt({ heading: e, children: t }) {
   return !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ f("section", { className: "gloss-starter-rail", "aria-label": e, children: [
     /* @__PURE__ */ r("header", { className: "gloss-starter-rail__heading", children: e }),
     /* @__PURE__ */ r("div", { className: "gloss-starter-rail__tiles", children: t })
   ] });
 }
-Xt.displayName = "StarterRail";
-function Zt({ heading: e, children: t, emptyStateLabel: n }) {
-  const a = !t || Array.isArray(t) && t.length === 0;
+Jt.displayName = "StarterRail";
+function Xt({ heading: e, children: t, emptyStateLabel: a }) {
+  const n = !t || Array.isArray(t) && t.length === 0;
   return /* @__PURE__ */ f("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
     /* @__PURE__ */ r("header", { className: "gloss-more-in-lens-rail__heading", children: e }),
     /* @__PURE__ */ f("div", { className: "gloss-more-in-lens-rail__tiles", children: [
       t,
-      a && n && /* @__PURE__ */ r("p", { className: "gloss-more-in-lens-rail__empty", children: n })
+      n && a && /* @__PURE__ */ r("p", { className: "gloss-more-in-lens-rail__empty", children: a })
     ] })
   ] });
 }
-Zt.displayName = "MoreInLensRail";
-function z({
+Xt.displayName = "MoreInLensRail";
+function $({
   lead: e,
   name: t,
-  secondary: n,
-  value: a,
-  trail: s,
-  variant: i = "default",
+  secondary: a,
+  value: n,
+  trail: i,
+  variant: s = "default",
   onClick: l,
   className: o,
   style: u
 }) {
   const m = [
     "gloss-entity-row",
-    `gloss-entity-row--${i}`,
+    `gloss-entity-row--${s}`,
     l ? "gloss-entity-row--clickable" : "",
     o ?? ""
-  ].filter(Boolean).join(" "), d = /* @__PURE__ */ f(L, { children: [
+  ].filter(Boolean).join(" "), d = /* @__PURE__ */ f(I, { children: [
     e !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__lead", children: e }),
     /* @__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 }),
-    s !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: s })
+    a !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__secondary", children: a }),
+    /* @__PURE__ */ r("span", { className: "gloss-entity-row__value", children: n }),
+    i !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: i })
   ] });
   return l ? /* @__PURE__ */ r("div", { role: "listitem", className: m, style: u, children: /* @__PURE__ */ r(
     "button",
@@ -3355,7 +3356,7 @@ function z({
     }
   ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: m, style: u, children: d });
 }
-z.displayName = "EntityRow";
+$.displayName = "EntityRow";
 const Q = ({ rank: e }) => {
   const t = e === 1 ? "first" : "other";
   return /* @__PURE__ */ r(
@@ -3383,35 +3384,35 @@ J.displayName = "SeverityDot";
 function Oe({
   delta: e,
   direction: t = "flat",
-  "aria-label": n
+  "aria-label": a
 }) {
   if (e === "new")
     return /* @__PURE__ */ r(
       "span",
       {
         role: "img",
-        "aria-label": n,
+        "aria-label": a,
         className: "gloss-rank-delta gloss-rank-delta--new",
         children: "NEW"
       }
     );
-  const a = t === "up" ? "▲" : t === "down" ? "▼" : "—";
+  const n = t === "up" ? "▲" : t === "down" ? "▼" : "—";
   return /* @__PURE__ */ f(
     "span",
     {
       role: "img",
-      "aria-label": n,
+      "aria-label": a,
       className: `gloss-rank-delta gloss-rank-delta--${t}`,
       children: [
-        a,
+        n,
         e
       ]
     }
   );
 }
 Oe.displayName = "RankDelta";
-function X({ fill: e, variant: t = "default", className: n }) {
-  const a = Math.max(0, Math.min(100, e));
+function X({ fill: e, variant: t = "default", className: a }) {
+  const n = Math.max(0, Math.min(100, e));
   return /* @__PURE__ */ r(
     "div",
     {
@@ -3419,24 +3420,24 @@ function X({ fill: e, variant: t = "default", className: n }) {
       className: [
         "gloss-magnitude-bar",
         `gloss-magnitude-bar--${t}`,
-        n ?? ""
+        a ?? ""
       ].filter(Boolean).join(" "),
-      style: { "--_fill": `${a}%` },
+      style: { "--_fill": `${n}%` },
       children: /* @__PURE__ */ r("div", { className: "gloss-magnitude-bar__fill" })
     }
   );
 }
 X.displayName = "MagnitudeBar";
-const ea = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
-function ta({
+const Zt = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
+function ea({
   label: e,
   rows: t,
-  rowCount: n,
-  rankDeltaPeriod: a,
-  isStale: s
+  rowCount: a,
+  rankDeltaPeriod: n,
+  isStale: i
 }) {
-  const i = n ?? 3;
-  return /* @__PURE__ */ f(L, { children: [
+  const s = a ?? 3;
+  return /* @__PURE__ */ f(I, { children: [
     /* @__PURE__ */ r(
       Y,
       {
@@ -3448,10 +3449,10 @@ function ta({
     /* @__PURE__ */ r(
       Y,
       {
-        className: `gloss-metric-card__zone-b gloss-leaderboard ${s ? "gloss-metric-data-stale" : ""}`,
+        className: `gloss-metric-card__zone-b gloss-leaderboard ${i ? "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, i).map((l, o) => /* @__PURE__ */ r(
-          z,
+        children: /* @__PURE__ */ r("div", { className: "gloss-leaderboard__rows", role: "list", children: t.slice(0, s).map((l, o) => /* @__PURE__ */ r(
+          $,
           {
             lead: /* @__PURE__ */ r(Q, { rank: o + 1 }),
             name: l.name,
@@ -3468,7 +3469,7 @@ function ta({
               {
                 delta: l.rankDelta,
                 direction: l.direction,
-                "aria-label": ea(l)
+                "aria-label": Zt(l)
               }
             ),
             variant: "leaderboard",
@@ -3479,55 +3480,55 @@ function ta({
       }
     ),
     /* @__PURE__ */ f("div", { className: "gloss-leaderboard__zone-c", children: [
-      a ?? "WoW",
+      n ?? "WoW",
       " rank change"
     ] })
   ] });
 }
-ta.displayName = "LeaderboardCard";
-const aa = () => /* @__PURE__ */ f(
+ea.displayName = "LeaderboardCard";
+const ta = () => /* @__PURE__ */ f(
   "div",
   {
     className: "leaderboard-tile-preview",
     "aria-hidden": "true",
     style: { transform: "scale(0.6)", transformOrigin: "top left" },
     children: [
-      /* @__PURE__ */ r(z, { lead: /* @__PURE__ */ r(Q, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ r(X, { fill: 96 }), value: "98%" }),
-      /* @__PURE__ */ r(z, { lead: /* @__PURE__ */ r(Q, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ r(X, { fill: 72 }), value: "85%" }),
-      /* @__PURE__ */ r(z, { lead: /* @__PURE__ */ r(Q, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ r(X, { fill: 48 }), value: "71%" })
+      /* @__PURE__ */ r($, { lead: /* @__PURE__ */ r(Q, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ r(X, { fill: 96 }), value: "98%" }),
+      /* @__PURE__ */ r($, { lead: /* @__PURE__ */ r(Q, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ r(X, { fill: 72 }), value: "85%" }),
+      /* @__PURE__ */ r($, { lead: /* @__PURE__ */ r(Q, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ r(X, { fill: 48 }), value: "71%" })
     ]
   }
 );
-aa.displayName = "LeaderboardTilePreview";
-const ra = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", na = (e, t) => {
-  const n = e.sourceValue;
-  if (typeof n != "number") return !1;
+ta.displayName = "LeaderboardTilePreview";
+const aa = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", ra = (e, t) => {
+  const a = e.sourceValue;
+  if (typeof a != "number") return !1;
   switch (t.condition) {
     case "lt":
-      return n < t.threshold;
+      return a < t.threshold;
     case "gt":
-      return n > t.threshold;
+      return a > t.threshold;
     case "eq":
-      return n === t.threshold;
+      return a === t.threshold;
     case "gte":
-      return n >= t.threshold;
+      return a >= t.threshold;
     case "lte":
-      return n <= t.threshold;
+      return a <= t.threshold;
     default:
       return !1;
   }
 };
-function sa({
+function na({
   label: e,
   rows: t,
-  rule: n,
-  rowCount: a,
-  emptyStateLabel: s,
-  ruleSubtitle: i,
+  rule: a,
+  rowCount: n,
+  emptyStateLabel: i,
+  ruleSubtitle: s,
   isStale: l
 }) {
-  const o = t.filter((m) => na(m, n)), u = o.slice(0, a ?? 3);
-  return o.length === 0 ? /* @__PURE__ */ f(L, { children: [
+  const o = t.filter((m) => ra(m, a)), u = o.slice(0, n ?? 3);
+  return o.length === 0 ? /* @__PURE__ */ f(I, { children: [
     /* @__PURE__ */ r(
       Y,
       {
@@ -3536,9 +3537,9 @@ function sa({
         children: /* @__PURE__ */ r(ne, { className: "gloss-metric-card__label", children: e })
       }
     ),
-    /* @__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__ */ f(L, { children: [
+    /* @__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__ */ f(I, { children: [
     /* @__PURE__ */ r(
       Y,
       {
@@ -3553,9 +3554,9 @@ function sa({
         className: `gloss-metric-card__zone-b gloss-exception-list ${l ? "gloss-metric-data-stale" : ""}`,
         style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
         children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: u.map((m, d) => /* @__PURE__ */ r(
-          z,
+          $,
           {
-            lead: /* @__PURE__ */ r(J, { severity: m.severity, "aria-label": ra(m.severity) }),
+            lead: /* @__PURE__ */ r(J, { severity: m.severity, "aria-label": aa(m.severity) }),
             name: m.name,
             value: m.value,
             variant: "exception",
@@ -3565,11 +3566,11 @@ function sa({
         )) })
       }
     ),
-    i && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: i })
+    s && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: s })
   ] });
 }
-sa.displayName = "ExceptionListCard";
-const ia = () => /* @__PURE__ */ f(
+na.displayName = "ExceptionListCard";
+const sa = () => /* @__PURE__ */ f(
   "div",
   {
     className: "exception-list-tile-preview",
@@ -3577,7 +3578,7 @@ const ia = () => /* @__PURE__ */ f(
     style: { transform: "scale(0.6)", transformOrigin: "top left" },
     children: [
       /* @__PURE__ */ r(
-        z,
+        $,
         {
           lead: /* @__PURE__ */ r(J, { severity: "critical", "aria-label": "Critical severity" }),
           name: "SKU A",
@@ -3585,7 +3586,7 @@ const ia = () => /* @__PURE__ */ f(
         }
       ),
       /* @__PURE__ */ r(
-        z,
+        $,
         {
           lead: /* @__PURE__ */ r(J, { severity: "warn", "aria-label": "Warning severity" }),
           name: "SKU B",
@@ -3593,7 +3594,7 @@ const ia = () => /* @__PURE__ */ f(
         }
       ),
       /* @__PURE__ */ r(
-        z,
+        $,
         {
           lead: /* @__PURE__ */ r(J, { severity: "info", "aria-label": "Info severity" }),
           name: "SKU C",
@@ -3603,31 +3604,31 @@ const ia = () => /* @__PURE__ */ f(
     ]
   }
 );
-ia.displayName = "ExceptionListTilePreview";
+sa.displayName = "ExceptionListTilePreview";
 const ye = ["MTD", "QTD", "YTD", "LYTD", "7D"], we = ["$248K", "$612K", "$1.24M", "$980K", "$54K"], _e = [
   "M0,7 L10,5 L20,6 L30,3 L40,2",
   "M0,6 L10,4 L20,5 L30,2 L40,1",
   "M0,8 L10,7 L20,5 L30,4 L40,2",
   "M0,5 L10,6 L20,3 L30,4 L40,1",
   "M0,7 L10,4 L20,5 L30,3 L40,2"
-], la = ({
+], ia = ({
   slotCount: e = 3,
   labels: t = ye,
-  sampleValues: n = we
+  sampleValues: a = we
 }) => {
-  const a = Array.from({ length: e }, (s, i) => ({
-    label: t[i] ?? ye[i] ?? "",
-    value: n[i] ?? we[i] ?? "",
-    sparkPath: _e[i % _e.length]
+  const n = Array.from({ length: e }, (i, s) => ({
+    label: t[s] ?? ye[s] ?? "",
+    value: a[s] ?? we[s] ?? "",
+    sparkPath: _e[s % _e.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(
+  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: n[0].value }) }) : /* @__PURE__ */ r(
     "div",
     {
       className: `gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--slots-${e}`,
       "aria-hidden": "true",
-      children: a.map((s, i) => /* @__PURE__ */ f("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 }),
+      children: n.map((i, s) => /* @__PURE__ */ f("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 }),
         /* @__PURE__ */ r(
           "svg",
           {
@@ -3637,15 +3638,15 @@ const ye = ["MTD", "QTD", "YTD", "LYTD", "7D"], we = ["$248K", "$612K", "$1.24M"
             height: "10",
             preserveAspectRatio: "none",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ r("path", { d: s.sparkPath, fill: "none", stroke: "currentColor", strokeWidth: "1" })
+            children: /* @__PURE__ */ r("path", { d: i.sparkPath, fill: "none", stroke: "currentColor", strokeWidth: "1" })
           }
         )
-      ] }, i))
+      ] }, s))
     }
   );
 };
-la.displayName = "StackedGroupTilePreview";
-const Yr = {
+ia.displayName = "StackedGroupTilePreview";
+const Ur = {
   /** GEV-01 — Eligibility tint. Contiguous-from-source paint; blocked by first occupied cell (Principle 4). */
   eligibilityTint: { applicableStates: ["arming", "active"] },
   /** GEV-01 — Commit tint. Fill+stroke emphasis on the commit-target cell footprint (G-02). */
@@ -3679,7 +3680,7 @@ const Yr = {
   // Rejection +2 stroke (sparse-dash)
   trackingOutline: "#2541A1"
   // Action +3 — same hex as commitStroke per D-01
-}, V = {
+}, W = {
   baseCellTint: "var(--gloss-g02-base-cell-tint)",
   eligibilityFill: "var(--gloss-g02-eligibility-fill)",
   commitFill: "var(--gloss-g02-commit-fill)",
@@ -3687,20 +3688,20 @@ const Yr = {
   rejectionFill: "var(--gloss-g02-rejection-fill)",
   rejectionStroke: "var(--gloss-g02-rejection-stroke)",
   trackingOutline: "var(--gloss-g02-tracking-outline)"
-}, qr = "dashed", Qr = "solid", Jr = "sparse-dash", Xr = "2px no-fill", Zr = "6 4", en = "10 6", oa = 3;
-function tn({
+}, Yr = "dashed", qr = "solid", Qr = "sparse-dash", Jr = "2px no-fill", Xr = "6 4", Zr = "10 6", la = 3;
+function en({
   cell: e,
   variant: t,
-  rampColor: n,
-  colWidth: a,
-  rowHeight: s,
-  gap: i,
+  rampColor: a,
+  colWidth: n,
+  rowHeight: i,
+  gap: s,
   className: l
 }) {
-  const u = (e.section * oa + e.col) * (a + i), m = e.row * (s + i), d = t === "eligibility" ? V.eligibilityFill : t === "commit" ? V.commitFill : t === "rejection" ? V.rejectionFill : (
+  const u = (e.section * la + e.col) * (n + s), m = e.row * (i + s), d = t === "eligibility" ? W.eligibilityFill : t === "commit" ? W.commitFill : t === "rejection" ? W.rejectionFill : (
     /* ramp */
-    n ?? V.eligibilityFill
-  ), g = t === "rejection", c = g ? V.rejectionStroke : "transparent", p = g ? "dashed" : "solid";
+    a ?? W.eligibilityFill
+  ), g = t === "rejection", c = g ? W.rejectionStroke : "transparent", p = g ? "dashed" : "solid";
   return /* @__PURE__ */ r(
     "div",
     {
@@ -3714,8 +3715,8 @@ function tn({
       "aria-hidden": "true",
       style: {
         transform: `translate(${u}px, ${m}px)`,
-        width: a,
-        height: s,
+        width: n,
+        height: i,
         // Use background-color longhand (NOT background shorthand) so jsdom + DOM
         // both preserve `var(...)` in inline cssText. The shorthand getter strips
         // unknown values and breaks both unit-test introspection and styling.
@@ -3726,24 +3727,24 @@ function tn({
     }
   );
 }
-const ca = 3, da = [
+const oa = 3, ca = [
   { idx: 0, peakR: 22, peakOpacity: 0.45, strokeW: 1.5 },
   { idx: 1, peakR: 34, peakOpacity: 0.22, strokeW: 1 },
   { idx: 2, peakR: 46, peakOpacity: 0.1, strokeW: 0.8 }
 ];
-function an({
+function tn({
   cell: e,
   fireKey: t,
-  colWidth: n,
-  rowHeight: a,
-  gap: s,
-  className: i
+  colWidth: a,
+  rowHeight: n,
+  gap: i,
+  className: s
 }) {
-  const o = (e.section * ca + e.col) * (n + s) + n / 2, u = e.row * (a + s) + a / 2;
+  const o = (e.section * oa + e.col) * (a + i) + a / 2, u = e.row * (n + i) + n / 2;
   return Ie() === "reduced" ? /* @__PURE__ */ r(
     "div",
     {
-      className: ["gloss-refuse-pulse-flash", i].filter(Boolean).join(" "),
+      className: ["gloss-refuse-pulse-flash", s].filter(Boolean).join(" "),
       "data-testid": "gloss-refuse-pulse-flash",
       "data-fire-key": t,
       "aria-hidden": "true",
@@ -3754,7 +3755,7 @@ function an({
         width: 48,
         height: 48,
         borderRadius: "50%",
-        background: V.rejectionStroke,
+        background: W.rejectionStroke,
         opacity: 0.45,
         pointerEvents: "none",
         animation: "gloss-refuse-pulse-instant-flash 80ms linear forwards"
@@ -3764,7 +3765,7 @@ function an({
   ) : /* @__PURE__ */ r(
     "div",
     {
-      className: ["gloss-refuse-pulse", i].filter(Boolean).join(" "),
+      className: ["gloss-refuse-pulse", s].filter(Boolean).join(" "),
       "data-testid": "gloss-refuse-pulse",
       "data-fire-key": t,
       "data-cx": o,
@@ -3776,7 +3777,7 @@ function an({
         top: 0,
         pointerEvents: "none"
       },
-      children: da.map((d) => {
+      children: ca.map((d) => {
         const g = d.peakR * 2;
         return /* @__PURE__ */ r(
           "div",
@@ -3794,7 +3795,7 @@ function an({
               borderRadius: "50%",
               borderStyle: "solid",
               borderWidth: d.strokeW,
-              borderColor: V.rejectionStroke,
+              borderColor: W.rejectionStroke,
               background: "transparent",
               opacity: 0,
               transform: "scale(0)",
@@ -3810,28 +3811,28 @@ function an({
     t
   );
 }
-function rn(e) {
+function an(e) {
   return /* @__PURE__ */ r(Le, { gesture: "resize", ...e });
 }
-function ua(e, t, n) {
-  const a = Math.max(0, Math.min(1, n)), s = (g) => [
+function da(e, t, a) {
+  const n = Math.max(0, Math.min(1, a)), i = (g) => [
     parseInt(g.slice(1, 3), 16),
     parseInt(g.slice(3, 5), 16),
     parseInt(g.slice(5, 7), 16)
-  ], [i, l, o] = s(e), [u, m, d] = s(t);
-  return `rgb(${Math.round(i + (u - i) * a)}, ${Math.round(l + (m - l) * a)}, ${Math.round(
-    o + (d - o) * a
+  ], [s, l, o] = i(e), [u, m, d] = i(t);
+  return `rgb(${Math.round(s + (u - s) * n)}, ${Math.round(l + (m - l) * n)}, ${Math.round(
+    o + (d - o) * n
   )})`;
 }
-function ma(e) {
+function ua(e) {
   return e <= 1 ? 1 : e >= 3 ? 3 : 2;
 }
-function pa(e) {
+function ma(e) {
   return e === "dragging";
 }
-function nn(e) {
-  const { edgeHover: t, sourceCell: n, cascadeResult: a } = e, i = Ie() === "reduced", l = $.useRef(t.currentColSpan), o = $.useRef({ armed: !0, fireKey: 0, lastResult: null }), u = $.useRef(t.currentColSpan), m = $.useRef("idle"), d = $.useRef(t.currentColSpan), g = pa(t.state);
-  if (i ? (m.current = "settled", d.current = t.currentColSpan, u.current = t.currentColSpan) : g ? m.current = t.currentColSpan !== u.current ? "incoming" : "outgoing" : (t.currentColSpan !== u.current && (d.current = t.currentColSpan, u.current = t.currentColSpan), m.current !== "idle" && (m.current = "settled")), !g)
+function rn(e) {
+  const { edgeHover: t, sourceCell: a, cascadeResult: n } = e, s = Ie() === "reduced", l = O.useRef(t.currentColSpan), o = O.useRef({ armed: !0, fireKey: 0, lastResult: null }), u = O.useRef(t.currentColSpan), m = O.useRef("idle"), d = O.useRef(t.currentColSpan), g = ma(t.state);
+  if (s ? (m.current = "settled", d.current = t.currentColSpan, u.current = t.currentColSpan) : g ? m.current = t.currentColSpan !== u.current ? "incoming" : "outgoing" : (t.currentColSpan !== u.current && (d.current = t.currentColSpan, u.current = t.currentColSpan), m.current !== "idle" && (m.current = "settled")), !g)
     return o.current.armed = !0, o.current.lastResult = null, {
       trackingOutline: null,
       cellTints: [],
@@ -3840,7 +3841,7 @@ function nn(e) {
       phase: m.current,
       displayColSpan: d.current
     };
-  const c = t.hysteresisTargetColSpan, p = t.previewColSpan, b = a?.result === "rejected";
+  const c = t.hysteresisTargetColSpan, p = t.previewColSpan, b = n?.result === "rejected";
   b || (l.current = c), b && o.current.armed && o.current.lastResult !== "rejected" && (o.current.fireKey += 1, o.current.armed = !1), o.current.lastResult = b ? "rejected" : "ok";
   const k = b ? l.current : c, w = {
     cell: { section: 0, col: 0, row: 0 },
@@ -3848,44 +3849,44 @@ function nn(e) {
     pattern: b ? "dashed-retreated" : "solid"
   }, y = [];
   if (b) {
-    const S = n.col + l.current, R = n.col + c - 1;
+    const S = a.col + l.current, R = a.col + c - 1;
     for (let h = S; h <= R && h <= 2; h++)
       y.push({
         cell: {
           section: 0,
-          col: h - n.col,
+          col: h - a.col,
           row: 0
         },
         variant: "rejection"
       });
   } else {
     const S = Math.abs(p - c), R = Math.max(0, Math.min(1, 1 - S));
-    for (let h = n.col; h < n.col + c && h <= 2; h++) {
-      if (h === n.col) continue;
-      const v = h === n.col + c - 1, N = {
+    for (let h = a.col; h < a.col + c && h <= 2; h++) {
+      if (h === a.col) continue;
+      const v = h === a.col + c - 1, N = {
         section: 0,
-        col: h - n.col,
+        col: h - a.col,
         row: 0
       };
-      v && t.direction.startsWith("grow") && c > 1 && !i && S > 0 && S < 1 ? y.push({
+      v && t.direction.startsWith("grow") && c > 1 && !s && S > 0 && S < 1 ? y.push({
         cell: N,
         variant: "ramp",
-        rampColor: ua(Ce.eligibilityFill, Ce.commitFill, R)
+        rampColor: da(Ce.eligibilityFill, Ce.commitFill, R)
       }) : v ? y.push({ cell: N, variant: "commit" }) : y.push({ cell: N, variant: "eligibility" });
     }
   }
   const T = [];
   if (t.currentColSpan > c)
-    for (let S = n.col + c; S < n.col + t.currentColSpan && S <= 2; S++)
+    for (let S = a.col + c; S < a.col + t.currentColSpan && S <= 2; S++)
       T.push({
         section: 0,
-        col: S - n.col,
+        col: S - a.col,
         row: 0
       });
   const _ = o.current.fireKey > 0 ? {
     cell: {
       section: 0,
-      col: ma(
+      col: ua(
         Math.min(l.current, 2)
       ),
       row: 0
@@ -3901,7 +3902,7 @@ function nn(e) {
     displayColSpan: d.current
   };
 }
-const H = {
+const G = {
   "gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
   "gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
   "gloss-inline-nudge__actions": "_gloss-inline-nudge__actions_kdk88_72",
@@ -3909,48 +3910,48 @@ const H = {
   "gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
   "gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
 };
-function ga({
+function pa({
   message: e,
   primaryAction: t,
-  onDismiss: n,
-  anchorEl: a,
-  anchorSelector: s
+  onDismiss: a,
+  anchorEl: n,
+  anchorSelector: i
 }) {
-  const [i, l] = I.useState(null), o = I.useMemo(
+  const [s, l] = V.useState(null), o = V.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
-  I.useEffect(() => {
-    !a && !s && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
+  V.useEffect(() => {
+    !n && !i && (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, s]), I.useLayoutEffect(() => {
+  }, [n, i]), V.useLayoutEffect(() => {
     let m = null;
-    if (a ? m = a : s && (m = document.querySelector(s)), m) {
+    if (n ? m = n : i && (m = document.querySelector(i)), m) {
       const d = m.getBoundingClientRect();
       l({
         top: d.bottom + window.scrollY + 6,
         left: d.left + window.scrollX
       });
     }
-  }, [a, s]);
-  const u = i ? { top: i.top, left: i.left } : {};
+  }, [n, i]);
+  const u = s ? { top: s.top, left: s.left } : {};
   return /* @__PURE__ */ f(
     "div",
     {
-      className: H["gloss-inline-nudge"],
+      className: G["gloss-inline-nudge"],
       style: u,
       role: "status",
       "aria-live": "polite",
       "data-reduced-motion": o ? "true" : void 0,
       children: [
-        /* @__PURE__ */ r("span", { className: H["gloss-inline-nudge__message"], children: e }),
-        /* @__PURE__ */ f("div", { className: H["gloss-inline-nudge__actions"], children: [
+        /* @__PURE__ */ r("span", { className: G["gloss-inline-nudge__message"], children: e }),
+        /* @__PURE__ */ f("div", { className: G["gloss-inline-nudge__actions"], children: [
           /* @__PURE__ */ r(
             "button",
             {
               type: "button",
-              className: `${H["gloss-inline-nudge__btn"]} ${H["gloss-inline-nudge__btn--action"]}`,
+              className: `${G["gloss-inline-nudge__btn"]} ${G["gloss-inline-nudge__btn--action"]}`,
               onClick: t.onClick,
               children: t.label
             }
@@ -3959,8 +3960,8 @@ function ga({
             "button",
             {
               type: "button",
-              className: `${H["gloss-inline-nudge__btn"]} ${H["gloss-inline-nudge__btn--dismiss"]}`,
-              onClick: n,
+              className: `${G["gloss-inline-nudge__btn"]} ${G["gloss-inline-nudge__btn--dismiss"]}`,
+              onClick: a,
               "aria-label": "Dismiss",
               children: "Dismiss"
             }
@@ -3970,60 +3971,60 @@ function ga({
     }
   );
 }
-ga.displayName = "InlineNudge";
+pa.displayName = "InlineNudge";
 function oe(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function ha(e, t, n) {
-  if (n <= t) {
+function ga(e, t, a) {
+  if (a <= t) {
     const l = e[0], o = l ? oe(l) : "#888";
     return `linear-gradient(to right, ${o}, ${o})`;
   }
-  const a = n - t, i = [...e].sort((l, o) => l.value - o.value).map((l) => {
-    const o = (l.value - t) / a * 100;
+  const n = a - t, s = [...e].sort((l, o) => l.value - o.value).map((l) => {
+    const o = (l.value - t) / n * 100;
     return `${oe(l)} ${o.toFixed(2)}%`;
   });
-  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(", ")})`;
+  return s.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : s.length === 1 ? `linear-gradient(to right, ${s[0]}, ${s[0]})` : `linear-gradient(to right, ${s.join(", ")})`;
 }
-function fa(e) {
+function ha(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function ba({
+function fa({
   stops: e,
   onChange: t,
-  min: n = 0,
-  max: a = 100,
-  step: s,
-  disabled: i = !1
+  min: a = 0,
+  max: n = 100,
+  step: i,
+  disabled: s = !1
 }) {
-  const l = 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, o = C(
+  const l = 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, o = C(
     (h) => Math.round(h / l) * l,
     [l]
-  ), u = M(null), [m, d] = A(null), [g, c] = A(e), p = fa(e), b = M(p);
+  ), u = M(null), [m, d] = A(null), [g, c] = A(e), p = ha(e), b = M(p);
   E(() => {
     b.current !== p && (b.current = p, !m && c(e));
   }, [p, e, m]);
-  const k = ce(() => ha(g, n, a), [g, n, a]), w = C(
+  const k = ce(() => ga(g, a, n), [g, a, n]), w = C(
     (h) => {
-      if (!u.current) return n;
-      const v = u.current.getBoundingClientRect(), N = v.width || 1, x = Math.max(0, Math.min(1, (h - v.left) / N)), P = n + x * (a - n);
+      if (!u.current) return a;
+      const v = u.current.getBoundingClientRect(), N = v.width || 1, x = Math.max(0, Math.min(1, (h - v.left) / N)), P = a + x * (n - a);
       return o(P);
     },
-    [n, a, o]
+    [a, n, o]
   );
   E(() => {
-    a <= n && process.env.NODE_ENV !== "production" && console.warn(
-      `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
+    n <= a && process.env.NODE_ENV !== "production" && console.warn(
+      `ThresholdRamp: max (${n}) must be greater than min (${a}); rendering degenerate strip.`
     );
-  }, [n, a]);
+  }, [a, n]);
   const y = C(
     (h, v) => {
       const N = g.find((x) => x.id === v);
-      i || N?.disabled || (h.preventDefault(), d(v));
+      s || N?.disabled || (h.preventDefault(), d(v));
     },
-    [i, g]
+    [s, g]
   ), T = M(g);
   T.current = g;
   const _ = M(t);
@@ -4044,10 +4045,10 @@ function ba({
       window.removeEventListener("pointermove", h), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
     };
   }, [m, w]);
-  const S = a - n > 0 ? a - n : 1, R = C(
+  const S = n - a > 0 ? n - a : 1, R = C(
     (h, v) => {
-      if (i || v.disabled) return;
-      const N = a - n;
+      if (s || v.disabled) return;
+      const N = n - a;
       if (N <= 0) return;
       const x = h.shiftKey ? N / 20 : N / 100;
       let P = v.value;
@@ -4061,32 +4062,32 @@ function ba({
           P = v.value - x;
           break;
         case "Home":
-          P = n;
+          P = a;
           break;
         case "End":
-          P = a;
+          P = n;
           break;
         default:
           return;
       }
       h.preventDefault();
-      const D = Math.max(n, Math.min(a, P)), F = o(D);
+      const D = Math.max(a, Math.min(n, P)), F = o(D);
       if (F === v.value) return;
-      const G = g.map(
+      const B = g.map(
         (ee) => ee.id === v.id ? { ...ee, value: F } : ee
       );
-      c(G), t(G);
+      c(B), t(B);
     },
-    [i, n, a, g, t, o]
+    [s, a, n, g, t, o]
   );
-  return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": i || void 0, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ r(
     "div",
     {
       ref: u,
       className: "gloss-threshold-ramp__track",
       style: { background: k },
       children: g.map((h) => {
-        const v = (h.value - n) / S * 100;
+        const v = (h.value - a) / S * 100;
         return /* @__PURE__ */ r(
           "span",
           {
@@ -4102,10 +4103,10 @@ function ba({
             "aria-label": h.label ?? `Stop at ${h.value}`,
             role: "slider",
             "aria-valuenow": h.value,
-            "aria-valuemin": n,
-            "aria-valuemax": a,
-            "aria-disabled": h.disabled || i || void 0,
-            tabIndex: h.disabled || i ? -1 : 0
+            "aria-valuemin": a,
+            "aria-valuemax": n,
+            "aria-disabled": h.disabled || s || void 0,
+            tabIndex: h.disabled || s ? -1 : 0
           },
           h.id
         );
@@ -4113,128 +4114,128 @@ function ba({
     }
   ) });
 }
-ba.displayName = "ThresholdRamp";
-function va(e, t, n, a) {
+fa.displayName = "ThresholdRamp";
+function ba(e, t, a, n) {
   switch (t) {
     case "above-right":
       return {
-        top: e.top - n + a.y,
-        left: e.right + a.x,
+        top: e.top - a + n.y,
+        left: e.right + n.x,
         transform: "translate(-100%, -100%)",
         transformOrigin: "bottom right"
       };
     case "above-left":
       return {
-        top: e.top - n + a.y,
-        left: e.left + a.x,
+        top: e.top - a + n.y,
+        left: e.left + n.x,
         transform: "translate(0, -100%)",
         transformOrigin: "bottom left"
       };
     case "below-right":
       return {
-        top: e.bottom + n + a.y,
-        left: e.right + a.x,
+        top: e.bottom + a + n.y,
+        left: e.right + n.x,
         transform: "translate(-100%, 0)",
         transformOrigin: "top right"
       };
     case "below-left":
     default:
       return {
-        top: e.bottom + n + a.y,
-        left: e.left + a.x,
+        top: e.bottom + a + n.y,
+        left: e.left + n.x,
         transform: "translate(0, 0)",
         transformOrigin: "top left"
       };
   }
 }
-function ya(e) {
-  const { anchorRef: t, placement: n, gap: a = 8, offset: s, isOpen: i = !0 } = e, l = M({ x: s?.x ?? 0, y: s?.y ?? 0 });
-  l.current = { x: s?.x ?? 0, y: s?.y ?? 0 };
+function va(e) {
+  const { anchorRef: t, placement: a, gap: n = 8, offset: i, isOpen: s = !0 } = e, l = M({ x: i?.x ?? 0, y: i?.y ?? 0 });
+  l.current = { x: i?.x ?? 0, y: i?.y ?? 0 };
   const [o, u] = A({});
   return ke(() => {
-    if (typeof window > "u" || !i) return;
+    if (typeof window > "u" || !s) return;
     const m = t.current;
     if (!m) return;
     const d = () => {
       const c = m.getBoundingClientRect();
-      u(va(c, n, a, l.current));
+      u(ba(c, a, n, l.current));
     };
     d();
     let g = null;
     return typeof ResizeObserver < "u" && (g = new ResizeObserver(d), g.observe(m)), window.addEventListener("scroll", d, { capture: !0, passive: !0 }), window.addEventListener("resize", d, { passive: !0 }), () => {
       g?.disconnect(), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
     };
-  }, [t, n, a, i]), { style: o };
+  }, [t, a, n, s]), { style: o };
 }
-const wa = {
+const ya = {
   position: "fixed",
   zIndex: 9999
 };
-function sn(e) {
-  const { anchorRef: t, placement: n, gap: a, offset: s, dataHost: i, isOpen: l = !0, className: o, children: u } = e, { style: m } = ya({ anchorRef: t, placement: n, gap: a, offset: s, isOpen: l });
+function nn(e) {
+  const { anchorRef: t, placement: a, gap: n, offset: i, dataHost: s, isOpen: l = !0, className: o, children: u } = e, { style: m } = va({ anchorRef: t, placement: a, gap: n, offset: i, isOpen: l });
   return typeof window > "u" || typeof document > "u" || !l ? null : Se(
-    /* @__PURE__ */ r("div", { "data-portal-host": i, className: o, style: { ...wa, ...m }, children: u }),
+    /* @__PURE__ */ r("div", { "data-portal-host": s, className: o, style: { ...ya, ...m }, children: u }),
     document.body
   );
 }
-const $e = He(null);
-function _a() {
-  return We($e);
+const $e = Ge(null);
+function wa() {
+  return He($e);
 }
-function Ca({ option: e }) {
-  const t = _a(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, s = C(() => {
-    a || t?.select(e.value);
-  }, [a, t, e.value]), i = C(
+function _a({ option: e }) {
+  const t = wa(), a = t?.isSelected(e.value) ?? !1, n = e.disabled || t?.groupDisabled, i = C(() => {
+    n || t?.select(e.value);
+  }, [n, t, e.value]), s = C(
     (m) => {
-      a || t?.onKeyNav(m, e.value);
+      n || t?.onKeyNav(m, e.value);
     },
-    [a, t, e.value]
-  ), l = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", o = t?.firstFocusableValue === e.value, u = a ? -1 : o ? 0 : -1;
+    [n, t, e.value]
+  ), l = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", o = t?.firstFocusableValue === e.value, u = n ? -1 : o ? 0 : -1;
   return /* @__PURE__ */ r(
     "button",
     {
       ref: (m) => t?.registerRef(e.value, m),
       type: "button",
       role: "radio",
-      "aria-checked": n,
+      "aria-checked": a,
       className: "gloss-preset-swatch-row__swatch",
       style: { backgroundColor: l },
-      "data-selected": n || void 0,
-      "data-disabled": a || void 0,
+      "data-selected": a || void 0,
+      "data-disabled": n || void 0,
       ...process.env.NODE_ENV === "test" ? { "data-bg-color": l } : {},
       "aria-label": e.label ?? e.value,
-      "aria-disabled": a,
-      disabled: a,
+      "aria-disabled": n,
+      disabled: n,
       tabIndex: u,
-      onClick: s,
-      onKeyDown: i
+      onClick: i,
+      onKeyDown: s
     }
   );
 }
-function Na({
+function Ca({
   swatches: e,
   value: t,
-  defaultValue: n,
-  onChange: a,
-  disabled: s = !1,
-  name: i
+  defaultValue: a,
+  onChange: n,
+  disabled: i = !1,
+  name: s
 }) {
-  const l = t !== void 0, [o, u] = A(n), m = l ? t : o, d = C(
+  const l = t !== void 0, [o, u] = A(a), m = l ? t : o, d = C(
     (_) => {
-      l || u(_), a?.(_);
+      l || u(_), n?.(_);
     },
-    [l, a]
+    [l, n]
   ), g = C(
     (_) => m === _,
     [m]
   ), c = M(/* @__PURE__ */ new Map()), p = C((_, S) => {
     S ? c.current.set(_, S) : c.current.delete(_);
-  }, []), b = e.filter((_) => !_.disabled && !s), k = b.find((_) => _.value === m)?.value ?? b[0]?.value, w = C((_) => {
+  }, []), b = e.filter((_) => !_.disabled && !i), k = b.find((_) => _.value === m)?.value ?? b[0]?.value, w = C((_) => {
     const S = c.current.get(_);
     S && S.focus();
   }, []), y = C(
     (_, S) => {
-      if (s) return;
+      if (i) return;
       const R = e.filter((x) => !x.disabled);
       if (R.length === 0) return;
       const h = R.findIndex((x) => x.value === S);
@@ -4266,13 +4267,13 @@ function Na({
       const N = R[v].value;
       w(N), d(N);
     },
-    [s, e, d, w]
+    [i, e, d, w]
   ), T = {
     selectedValue: m,
     select: d,
     isSelected: g,
-    groupDisabled: s,
-    name: i,
+    groupDisabled: i,
+    name: s,
     registerRef: p,
     firstFocusableValue: k,
     onKeyNav: y
@@ -4282,26 +4283,26 @@ function Na({
     {
       className: "gloss-preset-swatch-row",
       role: "radiogroup",
-      "aria-label": i,
-      "aria-disabled": s,
-      "data-disabled": s || void 0,
-      children: e.map((_) => /* @__PURE__ */ r(Ca, { option: _ }, _.value))
+      "aria-label": s,
+      "aria-disabled": i,
+      "data-disabled": i || void 0,
+      children: e.map((_) => /* @__PURE__ */ r(_a, { option: _ }, _.value))
     }
   ) });
 }
-Na.displayName = "PresetSwatchRow";
-function ln({
+Ca.displayName = "PresetSwatchRow";
+function sn({
   slotLeft: e,
   slotCenter: t,
-  slotRight: n,
-  height: a = 36,
-  className: s,
-  style: i,
+  slotRight: a,
+  height: n = 36,
+  className: i,
+  style: s,
   "aria-label": l = "Dashboard navigation"
 }) {
   const o = {
-    "--gloss-bottom-toolbar-height": `${a}px`,
-    ...i
+    "--gloss-bottom-toolbar-height": `${n}px`,
+    ...s
   };
   return /* @__PURE__ */ f(
     "div",
@@ -4309,7 +4310,7 @@ function ln({
       role: "toolbar",
       "aria-label": l,
       "data-testid": "gloss-bottom-toolbar",
-      className: ["gloss-bottom-toolbar", s].filter(Boolean).join(" "),
+      className: ["gloss-bottom-toolbar", i].filter(Boolean).join(" "),
       style: o,
       children: [
         /* @__PURE__ */ r(
@@ -4333,32 +4334,32 @@ function ln({
           {
             className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--right",
             "data-slot": "right",
-            children: n
+            children: a
           }
         )
       ]
     }
   );
 }
-function on({
+function ln({
   count: e,
   currentIndex: t,
-  onSelect: n,
-  "aria-label": a = "Sections",
-  provisionalIndex: s,
-  pulseIndex: i,
+  onSelect: a,
+  "aria-label": n = "Sections",
+  provisionalIndex: i,
+  pulseIndex: s,
   pulseNonce: l,
   currentSection: o,
   sectionsPerView: u = 1,
   // D-09 default
   isHiding: m
 }) {
-  const d = o ?? t ?? 0, g = Math.max(0, Math.min(e - 1, d)), c = Math.min(e - 1, g + Math.max(0, u - 1)), p = [g, c], b = $.useRef([]);
+  const d = o ?? t ?? 0, g = Math.max(0, Math.min(e - 1, d)), c = Math.min(e - 1, g + Math.max(0, u - 1)), p = [g, c], b = O.useRef([]);
   return b.current.length = e, !m && e <= 1 || !m && p[0] === 0 && p[1] === e - 1 ? null : /* @__PURE__ */ f(
     "div",
     {
       role: "tablist",
-      "aria-label": a,
+      "aria-label": n,
       "data-testid": "gloss-section-dots",
       className: "gloss-section-dots",
       "data-hiding": m ? "true" : void 0,
@@ -4367,11 +4368,11 @@ function on({
           if (w.key === "ArrowRight") {
             w.preventDefault();
             const y = (d + 1) % e;
-            n(y), requestAnimationFrame(() => b.current[y]?.focus());
+            a(y), requestAnimationFrame(() => b.current[y]?.focus());
           } else if (w.key === "ArrowLeft") {
             w.preventDefault();
             const y = (d - 1 + e) % e;
-            n(y), requestAnimationFrame(() => b.current[y]?.focus());
+            a(y), requestAnimationFrame(() => b.current[y]?.focus());
           }
         }
       },
@@ -4396,31 +4397,31 @@ function on({
             type: "button",
             role: "tab",
             "aria-selected": y === d,
-            "aria-label": y === s ? "Unconfirmed section" : `Section ${y + 1}`,
-            "data-state": y === s ? "provisional-hollow" : y === i ? "pulse" : y === d ? "current" : "hollow",
+            "aria-label": y === i ? "Unconfirmed section" : `Section ${y + 1}`,
+            "data-state": y === i ? "provisional-hollow" : y === s ? "pulse" : y === d ? "current" : "hollow",
             "data-section-index": y,
             className: [
               "gloss-section-dots__dot",
               y === d && "gloss-section-dots__dot--current"
             ].filter(Boolean).join(" "),
-            onClick: () => n(y)
+            onClick: () => a(y)
           },
-          y === i ? `${y}-${l ?? 0}` : y
+          y === s ? `${y}-${l ?? 0}` : y
         ))
       ]
     }
   );
 }
-function cn(e) {
+function on(e) {
   const {
     mode: t = null,
-    count: n,
-    anchorRef: a,
-    subscribeToCoordinator: s = !0,
-    cardLabels: i
-  } = e, l = M(null), [o, u] = A({ cx: 0, cy: 0, r: 14 }), m = Ne().replace(/:/g, "-"), d = Ue(), g = s ? d?.state?.lockHint ?? null : null, c = s ? d?.state?.bellCutoutOpen ?? !1 : !1, p = g != null ? "lock" : t ?? (c ? "default" : null), b = g?.activeCardId ?? null, k = b != null ? i?.[b] ?? b : "";
+    count: a,
+    anchorRef: n,
+    subscribeToCoordinator: i = !0,
+    cardLabels: s
+  } = e, l = M(null), [o, u] = A({ cx: 0, cy: 0, r: 14 }), m = Ne().replace(/:/g, "-"), d = Ke(), g = i ? d?.state?.lockHint ?? null : null, c = i ? d?.state?.bellCutoutOpen ?? !1 : !1, p = g != null ? "lock" : t ?? (c ? "default" : null), b = g?.activeCardId ?? null, k = b != null ? s?.[b] ?? b : "";
   return ke(() => {
-    const w = l.current, y = a.current;
+    const w = l.current, y = n.current;
     if (!w || !y) return;
     const T = () => {
       const _ = y.getBoundingClientRect(), S = w.getBoundingClientRect(), R = _.left + _.width / 2 - S.left, h = _.top + _.height / 2 - S.top, v = Math.max(_.width, _.height) / 2 + 4;
@@ -4434,7 +4435,7 @@ function cn(e) {
       ref: l,
       className: "bell-cutout",
       "data-mode": p,
-      "data-count": p === "unread-count" && n != null ? String(n) : void 0,
+      "data-count": p === "unread-count" && a != null ? String(a) : void 0,
       "aria-hidden": "true",
       children: [
         /* @__PURE__ */ f("svg", { className: "bell-cutout__svg", width: "100%", height: "100%", preserveAspectRatio: "none", children: [
@@ -4450,375 +4451,392 @@ function cn(e) {
     }
   );
 }
-const ka = I.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
-  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(de, { region: "toolbar", density: e, children: t }) });
-});
-ka.displayName = "ContainerToolbar";
-const Sa = I.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...s }, i) => {
+const Na = ({
+  ref: e,
+  density: t = "compact",
+  children: a,
+  ...n
+}) => {
+  const i = { ...n };
+  return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: e, className: "gloss-container-toolbar", role: "toolbar", ...i, children: /* @__PURE__ */ r(de, { region: "toolbar", density: t, children: a }) });
+};
+Na.displayName = "ContainerToolbar";
+const ka = ({
+  ref: e,
+  legend: t,
+  description: a,
+  density: n = "default",
+  children: i,
+  ...s
+}) => {
   const l = { ...s };
-  return delete l.className, delete l.style, /* @__PURE__ */ f("fieldset", { ref: i, className: "gloss-container-form-section", ...l, 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(de, { region: "form-section", density: n, children: a })
+  return delete l.className, delete l.style, /* @__PURE__ */ f("fieldset", { ref: e, className: "gloss-container-form-section", ...l, children: [
+    t && /* @__PURE__ */ r("legend", { className: "gloss-container-form-section__legend", children: t }),
+    a && /* @__PURE__ */ r("p", { className: "gloss-container-form-section__description", children: a }),
+    /* @__PURE__ */ r(de, { region: "form-section", density: n, children: i })
   ] });
-});
-Sa.displayName = "ContainerFormSection";
-const Da = I.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
-  const s = { ...n };
-  return delete s.className, delete s.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-table", ...s, children: /* @__PURE__ */ r(de, { region: "table", density: e, children: t }) });
-});
-Da.displayName = "ContainerTable";
+};
+ka.displayName = "ContainerFormSection";
+const Sa = ({
+  ref: e,
+  density: t = "compact",
+  children: a,
+  ...n
+}) => {
+  const i = { ...n };
+  return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: e, className: "gloss-container-table", ...i, children: /* @__PURE__ */ r(de, { region: "table", density: t, children: a }) });
+};
+Sa.displayName = "ContainerTable";
 export {
-  mn as Accordion,
-  pn as AccordionContent,
-  gn as AccordionItem,
-  hn as AccordionTrigger,
-  fn as ActionStrip,
-  bn as Actionable,
-  vn as AddressGroup,
-  yn as AddressSelect,
-  wn as AsyncLoader,
-  _n as Autocomplete,
-  Cn as Badge,
-  Nn as BarChartCard,
-  zl as BarsBg,
-  cn as BellCutout,
-  sn as BodyPortal,
-  ln as BottomToolbar,
-  kn as Button,
-  Sn as ButtonGroup,
-  Dn as ButtonGroupContext,
-  xn as Card,
-  Tn as CardActions,
-  Rn as CardBack,
-  Mn as CardBody,
-  Pn as CardFooter,
-  An as CardHeader,
-  En as CardMedia,
+  un as Accordion,
+  mn as AccordionContent,
+  pn as AccordionItem,
+  gn as AccordionTrigger,
+  hn as ActionStrip,
+  fn as Actionable,
+  bn as AddressGroup,
+  vn as AddressSelect,
+  yn as AsyncLoader,
+  wn as Autocomplete,
+  _n as Badge,
+  Cn as BarChartCard,
+  $l as BarsBg,
+  on as BellCutout,
+  nn as BodyPortal,
+  sn as BottomToolbar,
+  Nn as Button,
+  kn as ButtonGroup,
+  Sn as ButtonGroupContext,
+  Dn as Card,
+  xn as CardActions,
+  Tn as CardBack,
+  Rn as CardBody,
+  Mn as CardFooter,
+  Pn as CardHeader,
+  An as CardMedia,
   Be as CardShell,
-  Fn as CardSubtitle,
-  In as CardTitle,
-  jr as CascadePreview,
-  tn as CellTintOverlay,
-  Ln as ChartControlBar,
-  On as Checkbox,
-  $n as CheckboxGroup,
-  zn as Chip,
-  Bn as ColorPicker,
-  Gn as ComparisonCard,
-  Hn as ContactForm,
-  Wn as ContainerCard,
-  Vn as ContainerCardActions,
-  jn as ContainerCardBody,
-  Kn as ContainerCardFooter,
-  Un as ContainerCardHeader,
-  Yn as ContainerCardMedia,
-  qn as ContainerCardSubtitle,
-  Qn as ContainerCardTitle,
-  Jn as ContainerDialog,
-  Xn as ContainerDialogActions,
-  Zn as ContainerDialogBody,
-  es as ContainerDialogHeader,
-  Sa as ContainerFormSection,
-  ts as ContainerPanel,
-  Da as ContainerTable,
-  ka as ContainerToolbar,
-  as as CreditCardForm,
-  rs as DEFAULT_FOOTER_IDS,
+  En as CardSubtitle,
+  Fn as CardTitle,
+  Vr as CascadePreview,
+  en as CellTintOverlay,
+  In as ChartControlBar,
+  Ln as Checkbox,
+  On as CheckboxGroup,
+  $n as Chip,
+  zn as ColorPicker,
+  Bn as ComparisonCard,
+  Gn as ContactForm,
+  Hn as ContainerCard,
+  Wn as ContainerCardActions,
+  Vn as ContainerCardBody,
+  jn as ContainerCardFooter,
+  Kn as ContainerCardHeader,
+  Un as ContainerCardMedia,
+  Yn as ContainerCardSubtitle,
+  qn as ContainerCardTitle,
+  Qn as ContainerDialog,
+  Jn as ContainerDialogActions,
+  Xn as ContainerDialogBody,
+  Zn as ContainerDialogHeader,
+  ka as ContainerFormSection,
+  es as ContainerPanel,
+  Sa as ContainerTable,
+  Na as ContainerToolbar,
+  ts as CreditCardForm,
+  as as DEFAULT_FOOTER_IDS,
   j as DEFAULT_GRID_INTERACTION_PHYSICS,
-  Yl as DEFAULT_MARKET_PRESETS,
-  ns as DEFAULT_OVERFLOW_IDS,
-  ql as DEFAULT_PINNED,
-  dt as DEFAULT_RESIZE_PHYSICS,
+  Ul as DEFAULT_MARKET_PRESETS,
+  rs as DEFAULT_OVERFLOW_IDS,
+  Yl as DEFAULT_PINNED,
+  ct as DEFAULT_RESIZE_PHYSICS,
   De as DEFAULT_RESIZE_PILL_PHYSICS,
-  ss as DataTable,
-  is as DatePicker,
-  ls as DateRangePicker,
-  os as DestructiveModal,
-  Wt as DevTuningPanel,
-  cs as DirectionCard,
-  ds as Dismissible,
-  us as DistributionCard,
-  Bl as DonutChart,
-  Wr as DragGhost,
-  Fr as DropAnchorCell,
-  ms as Dropdown,
-  Ut as DualPaceBars,
-  ps as ENTITY_FILTER_KEYS,
-  gs as ENTITY_PROFILE_ROUTES,
-  hs as ENTITY_TYPE_PLURAL,
-  Hr as EmptyCellPackAffordance,
-  fs as EntityPicker,
-  z as EntityRow,
-  bs as EntitySearchPanel,
-  sa as ExceptionListCard,
-  ia as ExceptionListTilePreview,
-  vs as Expandable,
-  ys as ExpandableChip,
-  ws as FLIP_AND_STAGE_TIMINGS,
-  _s as FileUpload,
-  Cs as FilterChip,
-  Ns as FilterInput,
-  ks as FlipAndStageProvider,
-  Ss as Form,
-  Ds as FormDialog,
-  xs as FormField,
-  Ts as FusedShape,
-  Yt as GapReadout,
-  Rs as GestureStateProvider,
-  ct as GhostPreview,
-  Ms as GroupCheckbox,
-  Ps as GroupRadio,
-  Br as HARD_CLIP,
-  As as HighlightCard,
-  Es as HybridDatePicker,
-  Fs as ImportWizard,
-  ga as InlineNudge,
-  Is as Input,
-  Ls as InputAddon,
-  Os as InputGroup,
-  ta as LeaderboardCard,
-  aa as LeaderboardTilePreview,
-  Jt as LensChipGroup,
-  $s as Link,
-  zs as LoginForm,
+  ns as DataTable,
+  ss as DatePicker,
+  is as DateRangePicker,
+  ls as DestructiveModal,
+  Ht as DevTuningPanel,
+  os as DirectionCard,
+  cs as Dismissible,
+  ds as DistributionCard,
+  zl as DonutChart,
+  Hr as DragGhost,
+  Er as DropAnchorCell,
+  us as Dropdown,
+  Kt as DualPaceBars,
+  ms as ENTITY_FILTER_KEYS,
+  ps as ENTITY_PROFILE_ROUTES,
+  gs as ENTITY_TYPE_PLURAL,
+  Gr as EmptyCellPackAffordance,
+  hs as EntityPicker,
+  $ as EntityRow,
+  fs as EntitySearchPanel,
+  na as ExceptionListCard,
+  sa as ExceptionListTilePreview,
+  bs as Expandable,
+  vs as ExpandableChip,
+  ys as FLIP_AND_STAGE_TIMINGS,
+  ws as FileUpload,
+  _s as FilterChip,
+  Cs as FilterInput,
+  Ns as FlipAndStageProvider,
+  ks as Form,
+  Ss as FormDialog,
+  Ds as FormField,
+  xs as FusedShape,
+  Ut as GapReadout,
+  Ts as GestureStateProvider,
+  ot as GhostPreview,
+  Rs as GroupCheckbox,
+  Ms as GroupRadio,
+  zr as HARD_CLIP,
+  Ps as HighlightCard,
+  As as HybridDatePicker,
+  Es as ImportWizard,
+  pa as InlineNudge,
+  Fs as Input,
+  Is as InputAddon,
+  Ls as InputGroup,
+  ea as LeaderboardCard,
+  ta as LeaderboardTilePreview,
+  Qt as LensChipGroup,
+  Os as Link,
+  $s as LoginForm,
   X as MagnitudeBar,
-  Bs as MarketPresetRow,
-  Gs as MaskPresets,
-  Hs as MaskedInput,
-  Ws as Menu,
-  Vs as MenuDivider,
-  js as MenuGroup,
-  Ks as MenuItem,
-  Us as MergePrompt,
-  Gl as MetricCard,
-  Ys as MetricCardGrid,
-  Ft as MetricGroupContainer,
-  qs as MiniCalendar,
-  Zt as MoreInLensRail,
-  Qs as MultiSelect,
-  Nl as NotificationCenterShell,
-  Js as NumberInput,
-  Hl as ObjectArrow,
-  Xs as OrderFilterBar,
-  kl as PANEL_COMMITS,
-  Ql as PERIOD_OPTIONS,
-  Kr as PaceCard,
-  Ur as PaceTilePreview,
-  Ct as PageChip,
+  zs as MarketPresetRow,
+  Bs as MaskPresets,
+  Gs as MaskedInput,
+  Hs as Menu,
+  Ws as MenuDivider,
+  Vs as MenuGroup,
+  js as MenuItem,
+  Ks as MergePrompt,
+  Bl as MetricCard,
+  Us as MetricCardGrid,
+  Et as MetricGroupContainer,
+  Ys as MiniCalendar,
+  Xt as MoreInLensRail,
+  qs as MultiSelect,
+  Cl as NotificationCenterShell,
+  Qs as NumberInput,
+  Gl as ObjectArrow,
+  Js as OrderFilterBar,
+  Nl as PANEL_COMMITS,
+  ql as PERIOD_OPTIONS,
+  jr as PaceCard,
+  Kr as PaceTilePreview,
+  _t as PageChip,
   Me as PageDropdown,
-  Sl as PanelHost,
-  Dl as PanelProvider,
-  Zs as PasswordInput,
-  ei as PaymentForm,
-  ti as PaymentMethodSelect,
-  ai as PhoneInput,
-  ri as PinToMetric,
-  Na as PresetSwatchRow,
-  ni as ProfileCard,
-  si as ProgressCard,
-  ii as QuickConfigPanel,
-  Rt as RECONFIG_BACKSIDE_LABELS,
-  Jl as ROLLING_OPTIONS,
-  li as Radio,
-  oi as RadioGroup,
-  ci as RangeSlider,
+  kl as PanelHost,
+  Sl as PanelProvider,
+  Xs as PasswordInput,
+  Zs as PaymentForm,
+  ei as PaymentMethodSelect,
+  ti as PhoneInput,
+  ai as PinToMetric,
+  Ca as PresetSwatchRow,
+  ri as ProfileCard,
+  ni as ProgressCard,
+  si as QuickConfigPanel,
+  Tt as RECONFIG_BACKSIDE_LABELS,
+  Ql as ROLLING_OPTIONS,
+  ii as Radio,
+  li as RadioGroup,
+  oi as RangeSlider,
   Q as RankBadge,
   Oe as RankDelta,
-  di as Rating,
-  At as ReconfigBacksideButtons,
-  an as RefusePulse,
-  ui as RegistrationForm,
-  Er as ResizeEnvelope,
-  ht as ResizePill,
-  rn as ResizeTrackingOutline,
-  mi as Row1Controls,
-  pi as Row2FilterTray,
-  qr as STROKE_DASHED,
-  Zr as STROKE_DASHED_DASHARRAY,
-  Xr as STROKE_OUTLINE,
-  Qr as STROKE_SOLID,
-  Jr as STROKE_SPARSE_DASH,
-  en as STROKE_SPARSE_DASH_DASHARRAY,
-  gi as SearchInput,
-  Lr as SectionDivider,
-  on as SectionDots,
-  hi as SegmentCard,
-  fi as SegmentedControl,
-  bi as Select,
-  vi as Selectable,
-  xl as SettingsTabStrip,
+  ci as Rating,
+  Pt as ReconfigBacksideButtons,
+  tn as RefusePulse,
+  di as RegistrationForm,
+  Ar as ResizeEnvelope,
+  gt as ResizePill,
+  an as ResizeTrackingOutline,
+  ui as Row1Controls,
+  mi as Row2FilterTray,
+  Yr as STROKE_DASHED,
+  Xr as STROKE_DASHED_DASHARRAY,
+  Jr as STROKE_OUTLINE,
+  qr as STROKE_SOLID,
+  Qr as STROKE_SPARSE_DASH,
+  Zr as STROKE_SPARSE_DASH_DASHARRAY,
+  pi as SearchInput,
+  Ir as SectionDivider,
+  ln as SectionDots,
+  gi as SegmentCard,
+  hi as SegmentedControl,
+  fi as Select,
+  bi as Selectable,
+  Dl as SettingsTabStrip,
   J as SeverityDot,
-  yi as SimpleMetricCard,
-  wi as SimpleSelector,
-  _i as Skeleton,
-  Ci as SkeletonCard,
-  Ni as SkeletonChart,
-  ki as SkeletonTable,
-  Si as Slider,
-  Vr as SnapOutline,
-  Di as Sortable,
-  Tl as SortableZones,
-  Wl as SparklineBg,
-  Ir as SpilloverArc,
-  xi as SplitButton,
-  Ti as StackedGroupCard,
-  la as StackedGroupTilePreview,
-  Xt as StarterRail,
-  Vl as StatusModeCard,
-  ot as StatusSlotChipMenu,
-  Ri as Stepper,
+  vi as SimpleMetricCard,
+  yi as SimpleSelector,
+  wi as Skeleton,
+  _i as SkeletonCard,
+  Ci as SkeletonChart,
+  Ni as SkeletonTable,
+  ki as Slider,
+  Wr as SnapOutline,
+  Si as Sortable,
+  xl as SortableZones,
+  Hl as SparklineBg,
+  Fr as SpilloverArc,
+  Di as SplitButton,
+  xi as StackedGroupCard,
+  ia as StackedGroupTilePreview,
+  Jt as StarterRail,
+  Wl as StatusModeCard,
+  lt as StatusSlotChipMenu,
+  Ti as Stepper,
   ve as SwingReveal,
-  Xl as TODAY_PRESET,
-  W as TUNING_DEFAULTS,
+  Jl as TODAY_PRESET,
+  H as TUNING_DEFAULTS,
   Fe as TUNING_STORAGE_KEY,
-  Mi as TabGroup,
-  Pi as TabbedDataView,
-  Ai as TagInput,
-  tt as TargetInput,
-  Ei as Textarea,
-  ba as ThresholdRamp,
-  Fi as TimeFrame,
-  Ii as TimePicker,
-  Li as Toggle,
-  Oi as Tooltip,
+  Ri as TabGroup,
+  Mi as TabbedDataView,
+  Pi as TagInput,
+  et as TargetInput,
+  Ai as Textarea,
+  fa as ThresholdRamp,
+  Ei as TimeFrame,
+  Fi as TimePicker,
+  Ii as Toggle,
+  Li as Tooltip,
   Le as TrackingOutline,
-  $i as Transition,
-  zi as TransitionGroup,
-  Bi as TrendCard,
-  jl as TrendIndicator,
-  Ll as UIContext,
+  Oi as Transition,
+  $i as TransitionGroup,
+  zi as TrendCard,
+  Vl as TrendIndicator,
+  Il as UIContext,
   de as UIContextProvider,
-  Gi as UnifiedBreakdownTable,
-  Hi as UnifiedContextMenu,
-  er as VelocityBuffer,
-  Wi as addressGroupMetadata,
-  Vi as addressSchema,
-  Va as allChips,
-  nr as allStateFixtures,
-  rr as allVariantFixtures,
-  Ya as blockSamples,
-  ji as buildDefaultOverflow,
-  Za as cardSamples,
+  Bi as UnifiedBreakdownTable,
+  Gi as UnifiedContextMenu,
+  Za as VelocityBuffer,
+  Hi as addressGroupMetadata,
+  Wi as addressSchema,
+  Wa as allChips,
+  rr as allStateFixtures,
+  ar as allVariantFixtures,
+  Ua as blockSamples,
+  Vi as buildDefaultOverflow,
+  Xa as cardSamples,
   K as cascadePhysics,
-  Ja as chartSamples,
-  Qa as circleSamples,
-  Gr as colorTokens,
-  Dr as compactLayout,
-  hr as compactState,
-  ar as computeGutterAnchorX,
-  Ki as contactFormMetadata,
-  Ui as contactSchema,
-  fr as contextMenuFixtures,
-  Yi as creditCardFormMetadata,
-  qi as creditCardSchema,
-  nt as dateChip,
+  Qa as chartSamples,
+  qa as circleSamples,
+  Br as colorTokens,
+  Sr as compactLayout,
+  gr as compactState,
+  tr as computeGutterAnchorX,
+  ji as contactFormMetadata,
+  Ki as contactSchema,
+  hr as contextMenuFixtures,
+  Ui as creditCardFormMetadata,
+  Yi as creditCardSchema,
+  rt as dateChip,
   Ee as defaultControlBarState,
-  Qi as destructiveModalMetadata,
-  Ji as durations,
-  Xi as easings,
-  vt as emptyFixture,
-  at as entityChip,
-  Dt as entityNameActions,
-  Ka as entityTabGroup,
-  bt as errorFixture,
-  Kl as evaluateTintCondition,
-  gr as filteredState,
-  Zl as findPreset,
-  eo as formatDateRange,
-  to as formatMarketDates,
-  ao as formatTrend,
-  ro as formatValue,
-  Tr as fullLayout,
-  no as generateMarketId,
-  Zi as generateTabId,
-  so as getAllPresets,
-  io as getDateRangeForPreset,
-  el as getMenuActions,
+  qi as destructiveModalMetadata,
+  Qi as durations,
+  Ji as easings,
+  bt as emptyFixture,
+  tt as entityChip,
+  St as entityNameActions,
+  ja as entityTabGroup,
+  ft as errorFixture,
+  jl as evaluateTintCondition,
+  pr as filteredState,
+  Xl as findPreset,
+  Zl as formatDateRange,
+  eo as formatMarketDates,
+  to as formatTrend,
+  ao as formatValue,
+  xr as fullLayout,
+  ro as generateMarketId,
+  Xi as generateTabId,
+  no as getAllPresets,
+  so as getDateRangeForPreset,
+  Zi as getMenuActions,
   Ie as getMotionMode,
-  lo as getPresetLabel,
-  tl as getTransitionStyle,
-  Sr as gridCards,
-  Yr as gridChannels,
-  al as interpolate,
-  oo as isInRange,
-  co as isMarketActive,
-  uo as isSameDay,
-  pr as itemColumns,
-  ur as itemRows,
-  ft as loadingFixture,
-  rl as loginFormMetadata,
-  nl as loginSchema,
-  st as manufacturerChip,
-  Ar as manyTabs,
-  sl as mergeHandlers,
-  il as mergeRefs,
-  ja as metricTabGroup,
-  Mr as mixedTabs,
-  mo as normalizePresetId,
-  Tt as numericActions,
-  mr as orderColumns,
-  xt as orderIdActions,
-  dr as orderRows,
-  Rr as ordersTabs,
+  io as getPresetLabel,
+  el as getTransitionStyle,
+  kr as gridCards,
+  Ur as gridChannels,
+  tl as interpolate,
+  lo as isInRange,
+  oo as isMarketActive,
+  co as isSameDay,
+  mr as itemColumns,
+  dr as itemRows,
+  ht as loadingFixture,
+  al as loginFormMetadata,
+  rl as loginSchema,
+  nt as manufacturerChip,
+  Pr as manyTabs,
+  nl as mergeHandlers,
+  sl as mergeRefs,
+  Va as metricTabGroup,
+  Rr as mixedTabs,
+  uo as normalizePresetId,
+  xt as numericActions,
+  ur as orderColumns,
+  Dt as orderIdActions,
+  cr as orderRows,
+  Tr as ordersTabs,
   Ce as paletteHex,
-  V as paletteVars,
-  Rl as panelsDeriveSurfaceState,
-  Ml as panelsInitialState,
-  Pl as panelsReducer,
-  ll as parseNumericValue,
-  ol as paymentFormMetadata,
-  cl as paymentSchema,
-  dl as presets,
-  $r as provisional,
-  zr as reducedMotion,
-  ul as registrationFormMetadata,
-  ml as registrationSchema,
-  Or as rejectionFeedback,
-  vr as sampleCompareRanges,
-  _r as sampleCustomMarkets,
-  br as sampleDateRange,
-  Cr as sampleMarketPresetData,
-  wr as sampleMarkets,
-  kr as samplePeriodPresets,
-  yr as samplePreferences,
-  Nr as samplePresets,
-  Pr as singleTab,
-  sr as sparklineFixture,
-  ir as sparklineUpFixture,
-  _t as staleDonutFixture,
-  yt as staleFixture,
-  wt as staleSparklineFixture,
-  lr as standardFixture,
-  cr as standardFlatFixture,
-  xr as standardLayout,
-  or as standardNegativeFixture,
-  rt as statusChip,
+  W as paletteVars,
+  Tl as panelsDeriveSurfaceState,
+  Rl as panelsInitialState,
+  Ml as panelsReducer,
+  il as parseNumericValue,
+  ll as paymentFormMetadata,
+  ol as paymentSchema,
+  cl as presets,
+  Or as provisional,
+  $r as reducedMotion,
+  dl as registrationFormMetadata,
+  ul as registrationSchema,
+  Lr as rejectionFeedback,
+  br as sampleCompareRanges,
+  wr as sampleCustomMarkets,
+  fr as sampleDateRange,
+  _r as sampleMarketPresetData,
+  yr as sampleMarkets,
+  Nr as samplePeriodPresets,
+  vr as samplePreferences,
+  Cr as samplePresets,
+  Mr as singleTab,
+  nr as sparklineFixture,
+  sr as sparklineUpFixture,
+  wt as staleDonutFixture,
+  vt as staleFixture,
+  yt as staleSparklineFixture,
+  ir as standardFixture,
+  or as standardFlatFixture,
+  Dr as standardLayout,
+  lr as standardNegativeFixture,
+  at as statusChip,
   U as swingReveal,
-  Xa as tableSamples,
-  qa as textSamples,
-  Ua as timeFrameTabGroup,
-  po as toUppercasePresetId,
+  Ja as tableSamples,
+  Ya as textSamples,
+  Ka as timeFrameTabGroup,
+  mo as toUppercasePresetId,
   ze as useAffordanceVisibility,
-  Wa as useArrowNavigation,
-  pl as useCheckboxGroupContext,
-  gl as useFilterLayout,
-  hl as useFlipAndStage,
-  fl as useFlipAndStageContext,
-  bl as useFlipAndStageContextOptional,
-  Ha as useFocusReturn,
-  vl as useFocusTrap,
-  yl as useFormContext,
-  wl as useGestureState,
-  Al as usePanelContext,
-  Ue as usePanelContextOptional,
-  El as usePanelCoordinator,
-  ya as usePortalAnchor,
-  _l as useRadioGroupContext,
-  nn as useResizeChoreography,
-  tr as useResizePill,
-  Ot as useResizeTuning,
-  Fl as useSortableZones,
-  Ol as useUIContext
+  Ha as useArrowNavigation,
+  ml as useCheckboxGroupContext,
+  pl as useFilterLayout,
+  gl as useFlipAndStage,
+  hl as useFlipAndStageContext,
+  fl as useFlipAndStageContextOptional,
+  Ga as useFocusReturn,
+  bl as useFocusTrap,
+  vl as useFormContext,
+  yl as useGestureState,
+  Pl as usePanelContext,
+  Ke as usePanelContextOptional,
+  Al as usePanelCoordinator,
+  va as usePortalAnchor,
+  wl as useRadioGroupContext,
+  rn as useResizeChoreography,
+  er as useResizePill,
+  Lt as useResizeTuning,
+  El as useSortableZones,
+  Ll as useUIContext
 };