@mt-gloss/ui 0.1.150 → 0.1.151

package/index.js

@@ -1,38 +1,41 @@
-import { s as U, c as j, g as Ne, u as Be } from "./COMMITS-eopq0SRK.js";
-import { H as ir, N as lr, C as or, f as cr, P as dr, l as ur, S as mr, b as pr, k as gr, j as hr, i as fr, p as br, a as vr, r as yr, e as wr, h as _r, d as Cr } from "./COMMITS-eopq0SRK.js";
-import { u as ze, C as Ge } from "./Expandable-D-GbTjIp.js";
-import { Q as kr, V as Sr, T as Dr, U as xr, a5 as Tr, b8 as Rr, aB as Mr, aj as Pr, $ as Ar, ap as Er, N as Fr, aa as Ir, P as Lr, B as Or, a as $r, A as Br, K as zr, bi as Gr, J as Hr, L as Wr, E as Kr, D as Vr, H as jr, F as Ur, bq as Yr, b as qr, c as Qr, O as Jr, q as Xr, af as Zr, aP as es, A as ts, K as as, J as ns, L as rs, E as ss, D as is, H as ls, F as os, b1 as cs, b4 as ds, b3 as us, b2 as ms, b5 as ps, aE as gs, a7 as hs, a6 as fs, as as bs, m as vs, o as ys, aH as ws, ad as _s, ba as Cs, ab as Ns, _ as ks, bA as Ss, bz as Ds, bB as xs, ar as Ts, aS as Rs, bc as Ms, bo as Ps, p as As, ao as Es, bu as Fs, bl as Is, a2 as Ls, at as Os, a4 as $s, bt as Bs, bJ as zs, G as Gs, f as Hs, ac as Ws, bC as Ks, aV as Vs, t as js, x as Us, I as Ys, i as qs, ay as Qs, bF as Js, M as Xs, y as Zs, W as ei, Z as ti, X as ai, Y as ni, au as ri, bH as si, bE as ii, aq as li, w as oi, aU as ci, al as di, aM as ui, ai as mi, an as pi, aw as gi, aT as hi, ae as fi, av as bi, e as vi, R as yi, l as wi, r as _i, aJ as Ci, br as Ni, bs as ki, ak as Si, ag as Di, j as xi, z as Ti, b9 as Ri, ah as Mi, bG as Pi, be as Ai, bh as Ei, bf as Fi, bg as Ii, k as Li, bb as Oi, S as $i, bj as Bi, ax as zi, bd as Gi, bI as Hi, am as Wi, v as Ki, bD as Vi, n as ji, h as Ui, s as Yi, a0 as qi, a1 as Qi, a9 as Ji, bp as Xi, bw as Zi, aC as el, aD as tl, a8 as al, aQ as nl, aR as rl, aF as sl, aG as il, aI as ll, aX as ol, aY as cl, by as dl, bx as ul, a_ as ml, a$ as pl, az as gl, aA as hl, b7 as fl, b6 as bl, b0 as vl, aN as yl, aO as wl, aZ as _l, aK as Cl, aL as Nl, d as kl, bv as Sl, bk as Dl, bm as xl, bn as Tl, aW as Rl, a3 as Ml, bK as Pl, g as Al } from "./Expandable-D-GbTjIp.js";
-import { jsxs as f, jsx as n, Fragment as I } from "react/jsx-runtime";
+import { s as U, g as ke, u as ze } from "./COMMITS-BI1gFcrd.js";
+import { H as cr, N as dr, C as ur, e as mr, P as pr, k as gr, S as hr, c as fr, j as br, i as vr, h as yr, p as _r, a as wr, r as Cr, d as Nr, f as kr, b as Sr } from "./COMMITS-BI1gFcrd.js";
+import { u as Ge, C as He } from "./Expandable-KDhjReJP.js";
+import { Q as xr, V as Tr, T as Rr, U as Mr, a5 as Pr, b2 as Ar, aA as Er, aj as Fr, $ as Ir, ap as Lr, N as Or, aa as $r, P as Br, B as zr, a as Gr, A as Hr, K as Wr, bc as Vr, J as Kr, L as jr, E as Ur, D as qr, H as Yr, F as Qr, bk as Xr, b as Jr, c as Zr, O as es, q as ts, af as as, aO as ns, A as rs, K as ss, J as is, L as ls, E as os, D as cs, H as ds, F as us, aX as ms, a_ as ps, aZ as gs, aY as hs, a$ as fs, aD as bs, a7 as vs, a6 as ys, as as _s, m as ws, o as Cs, aG as Ns, ad as ks, b4 as Ss, ab as Ds, _ as xs, bu as Ts, bt as Rs, bv as Ms, ar as Ps, aR as As, b6 as Es, bi as Fs, p as Is, ao as Ls, bo as Os, bf as $s, a2 as Bs, at as zs, a4 as Gs, bn as Hs, bD as Ws, G as Vs, f as Ks, ac as js, bw as Us, aU as qs, t as Ys, x as Qs, I as Xs, i as Js, ax as Zs, bz as ei, M as ti, y as ai, W as ni, Z as ri, X as si, Y as ii, au as li, bB as oi, by as ci, aq as di, w as ui, aT as mi, al as pi, aL as gi, ai as hi, an as fi, av as bi, aS as vi, ae as yi, e as _i, R as wi, l as Ci, r as Ni, aI as ki, bl as Si, bm as Di, ak as xi, ag as Ti, j as Ri, z as Mi, b3 as Pi, ah as Ai, bA as Ei, b8 as Fi, bb as Ii, b9 as Li, ba as Oi, k as $i, b5 as Bi, S as zi, bd as Gi, aw as Hi, b7 as Wi, bC as Vi, am as Ki, v as ji, bx as Ui, n as qi, h as Yi, s as Qi, a0 as Xi, a1 as Ji, a9 as Zi, bj as el, bq as tl, aB as al, aC as nl, a8 as rl, aP as sl, aQ as il, aE as ll, aF as ol, aH as cl, bs as dl, br as ul, ay as ml, az as pl, b1 as gl, b0 as hl, aM as fl, aN as bl, aW as vl, aJ as yl, aK as _l, d as wl, bp as Cl, be as Nl, bg as kl, bh as Sl, aV as Dl, a3 as xl, bE as Tl, g as Rl } from "./Expandable-KDhjReJP.js";
+import { jsxs as f, jsx as a, Fragment as I } from "react/jsx-runtime";
 import * as O from "react";
-import K, { useRef as M, useEffect as E, useState as A, useCallback as C, useId as ke, useMemo as ce, useLayoutEffect as Se, createContext as He, useContext as We } from "react";
-import { motion as B, useMotionValue as Ke, AnimatePresence as Ve, useDragControls as je } from "framer-motion";
-import { createPortal as De } from "react-dom";
-import { B as Ue, U as de } from "./UIContext-CGQI_KJk.js";
-import { a as Fl, u as Il } from "./UIContext-CGQI_KJk.js";
-import { B as Ol, D as $l, E as Bl, M as zl, O as Gl, a as Hl, S as Wl, b as Kl, T as Vl, e as jl } from "./TimeframeQuickBar-BexFJUgk.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 no, generateMarketId as ro, 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 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 ne } from "@mt-gloss/motion";
-import { B as Y, a as re } from "./BaseText-Dxbk1JJa.js";
-function Ga(e = {}) {
-  const { enabled: t = !0, returnTo: a } = e, r = M(null);
+import V, { useRef as M, useEffect as E, useState as A, useCallback as C, useId as Se, useMemo as de, useLayoutEffect as De, createContext as We, useContext as Ve } from "react";
+import { RESIZE_COMMIT_SPRING as te, useMotionProbe as re, GRID_CASCADE_PHYSICS as j } from "@mt-gloss/motion";
+import { GRID_CASCADE_PHYSICS as Pl } from "@mt-gloss/motion";
+import { motion as B, useMotionValue as Ke, AnimatePresence as je, useDragControls as Ue } from "framer-motion";
+import { createPortal as xe } from "react-dom";
+import { durations as El, easings as Fl } from "@mt-gloss/tokens";
+import { lerpHex as qe } from "@mt-gloss/utils";
+import { DEFAULT_MARKET_PRESETS as Ll, DEFAULT_PINNED as Ol, PERIOD_OPTIONS as $l, ROLLING_OPTIONS as Bl, TODAY_PRESET as zl, findPreset as Gl, formatDateRange as Hl, formatMarketDates as Wl, formatTrend as Vl, formatValue as Kl, generateMarketId as jl, getAllPresets as Ul, getDateRangeForPreset as ql, getPresetLabel as Yl, getTransitionStyle as Ql, interpolate as Xl, isInRange as Jl, isMarketActive as Zl, isSameDay as eo, normalizePresetId as to, parseNumericValue as ao, toUppercasePresetId as no } from "@mt-gloss/utils";
+import { B as Ye, U as ue } from "./UIContext-CGQI_KJk.js";
+import { a as so, u as io } from "./UIContext-CGQI_KJk.js";
+import { B as oo, D as co, E as uo, M as mo, O as po, a as go, S as ho, b as fo, T as bo, e as vo } from "./TimeframeQuickBar-I9Io0v7_.js";
+import Qe from "@mui/icons-material/AccessTime";
+import Xe from "@mui/icons-material/Tune";
+import Je from "@mui/icons-material/ViewColumn";
+import Ze from "@mui/icons-material/AspectRatio";
+import et from "@mui/icons-material/Palette";
+import tt from "@mui/icons-material/PushPin";
+import { B as q, a as se } from "./BaseText-Dxbk1JJa.js";
+function Wa(e = {}) {
+  const { enabled: t = !0, returnTo: n } = e, r = M(null);
   return E(() => {
-    t && (r.current = a || document.activeElement);
-  }, [t, a]), E(() => () => {
+    t && (r.current = n || document.activeElement);
+  }, [t, n]), E(() => () => {
     t && r.current && setTimeout(() => {
       r.current?.focus?.();
     }, 0);
   }, [t]), r;
 }
-function Ha(e) {
+function Va(e) {
   const {
     items: t,
-    activeIndex: a,
+    activeIndex: n,
     onActiveIndexChange: r,
     loop: i = !0,
     orientation: s = "vertical",
@@ -40,11 +43,11 @@ function Ha(e) {
     isItemDisabled: o,
     onSelect: u,
     onEscape: m
-  } = e, [d, g] = A(-1), c = a !== void 0 ? a : d, p = C(
+  } = e, [d, g] = A(-1), c = n !== void 0 ? n : d, p = C(
     (h) => {
-      a === void 0 && g(h), r?.(h);
+      n === void 0 && g(h), r?.(h);
     },
-    [a, r]
+    [n, r]
   ), 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();
@@ -56,7 +59,7 @@ function Ha(e) {
       return i ? P = (P + N.length) % N.length : P = Math.max(0, Math.min(N.length - 1, P)), N[P];
     },
     [b, i]
-  ), w = C(() => {
+  ), _ = C(() => {
     const h = b();
     h.length > 0 && p(h[0]);
   }, [b, p]), y = C(() => {
@@ -65,7 +68,7 @@ function Ha(e) {
   }, [b, p]), T = C(() => {
     const h = k(c, 1);
     h !== -1 && p(h);
-  }, [c, k, p]), _ = C(() => {
+  }, [c, k, p]), w = C(() => {
     const h = k(c, -1);
     h !== -1 && p(h);
   }, [c, k, p]), S = C(() => {
@@ -75,15 +78,15 @@ function Ha(e) {
       if (!l) return;
       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() : _();
+        h.preventDefault(), c === -1 ? y() : w();
         return;
       }
       if (x || D) {
-        h.preventDefault(), c === -1 ? w() : T();
+        h.preventDefault(), c === -1 ? _() : T();
         return;
       }
       if (v === "Home") {
-        h.preventDefault(), w();
+        h.preventDefault(), _();
         return;
       }
       if (v === "End") {
@@ -106,10 +109,10 @@ function Ha(e) {
       s,
       c,
       t,
-      w,
+      _,
       y,
       T,
-      _,
+      w,
       o,
       u,
       m
@@ -119,31 +122,31 @@ function Ha(e) {
     focusedIndex: c,
     setFocusedIndex: p,
     handleKeyDown: R,
-    focusFirst: w,
+    focusFirst: _,
     focusLast: y,
     focusNext: T,
-    focusPrevious: _,
+    focusPrevious: w,
     resetFocus: S
   };
 }
-const et = ({
+const at = ({
   label: e = "Set a target",
   unit: t,
-  currentValue: a,
+  currentValue: n,
   onConfirm: r,
   onSkip: i,
   hint: s
 }) => {
-  const [l, o] = A(a != null ? String(a) : ""), u = () => {
+  const [l, o] = A(n != null ? String(n) : ""), u = () => {
     const p = parseFloat(l);
     Number.isNaN(p) || r(p);
   }, m = (p) => {
     p.key === "Enter" ? (p.preventDefault(), u()) : p.key === "Escape" && (p.preventDefault(), i?.());
-  }, d = ke(), g = `gloss-target-input-field-${d}`, c = s ? `gloss-target-input-hint-${d}` : void 0;
+  }, d = Se(), 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__ */ n("label", { className: "gloss-target-input__label", htmlFor: g, children: e }),
+    /* @__PURE__ */ a("label", { className: "gloss-target-input__label", htmlFor: g, children: e }),
     /* @__PURE__ */ f("div", { className: "gloss-target-input__field-row", children: [
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ a(
         "input",
         {
           id: g,
@@ -156,11 +159,11 @@ const et = ({
           autoFocus: !0
         }
       ),
-      t && /* @__PURE__ */ n("span", { className: "gloss-target-input__unit", children: t })
+      t && /* @__PURE__ */ a("span", { className: "gloss-target-input__unit", children: t })
     ] }),
-    s && /* @__PURE__ */ n("p", { id: c, className: "gloss-target-input__hint", children: s }),
+    s && /* @__PURE__ */ a("p", { id: c, className: "gloss-target-input__hint", children: s }),
     /* @__PURE__ */ f("div", { className: "gloss-target-input__actions", children: [
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ a(
         "button",
         {
           type: "button",
@@ -169,7 +172,7 @@ const et = ({
           children: "Confirm"
         }
       ),
-      i && /* @__PURE__ */ n(
+      i && /* @__PURE__ */ a(
         "button",
         {
           type: "button",
@@ -181,42 +184,42 @@ const et = ({
     ] })
   ] });
 }, Z = (e) => {
-}, tt = {
+}, nt = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
   onRemove: Z
-}, at = {
+}, rt = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
   onRemove: Z
-}, nt = {
+}, st = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
   onRemove: Z
-}, rt = {
+}, it = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
   onRemove: Z
-}, Wa = [
-  tt,
-  at,
+}, Ka = [
   nt,
-  rt
-], Ka = {
+  rt,
+  st,
+  it
+], ja = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, Va = {
+}, Ua = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -224,7 +227,7 @@ const et = ({
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, ja = {
+}, qa = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -232,30 +235,30 @@ const et = ({
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, Ua = [
+}, Ya = [
   { 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 }
-], Ya = [
+], Qa = [
   { 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 = [
+], Xa = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], Qa = [
+], Ja = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], Ja = [
+], Za = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], Xa = [
+], en = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
-], ue = {
+], me = {
   position: "fixed",
   zIndex: 9999,
   background: "rgba(255,255,255,0.92)",
@@ -267,7 +270,7 @@ const et = ({
   minWidth: 148,
   paddingTop: 4,
   paddingBottom: 4
-}, se = (e) => ({
+}, ie = (e) => ({
   padding: "6px 12px",
   fontSize: 12,
   lineHeight: 1.4,
@@ -281,29 +284,29 @@ const et = ({
   width: "100%",
   textAlign: "left",
   border: "none"
-}), st = (e) => ({
-  ...se(e),
+}), lt = (e) => ({
+  ...ie(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), it = {
+}), ot = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function lt({
+function ct({
   open: e,
   anchorEl: t,
-  statusId: a,
+  statusId: n,
   onOpenInTable: r,
   onShowOnGraph: i,
   overflowActions: s,
   onClose: l
 }) {
   const [o, u] = A(null), m = M(null), d = C(() => {
-    if (!t) return { ...ue, top: 0, left: 0 };
+    if (!t) return { ...me, top: 0, left: 0 };
     const p = t.getBoundingClientRect();
     return {
-      ...ue,
+      ...me,
       top: p.bottom + 4,
       left: p.left
     };
@@ -325,47 +328,47 @@ function lt({
     "div",
     {
       ref: m,
-      "data-status-chip-menu": a,
+      "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
       style: d(),
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "button",
           {
             role: "menuitem",
-            style: st(o === "__primary"),
+            style: lt(o === "__primary"),
             onMouseEnter: () => u("__primary"),
             onMouseLeave: () => u(null),
             onClick: () => {
-              r(a), l();
+              r(n), l();
             },
             children: "Open in table"
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "button",
           {
             role: "menuitem",
-            style: se(o === "__graph"),
+            style: ie(o === "__graph"),
             onMouseEnter: () => u("__graph"),
             onMouseLeave: () => u(null),
             onClick: () => {
-              i(a), l();
+              i(n), l();
             },
             children: "Show on graph"
           }
         ),
-        g && /* @__PURE__ */ n("div", { style: it }),
-        g && s?.map((p) => /* @__PURE__ */ n(
+        g && /* @__PURE__ */ a("div", { style: ot }),
+        g && s?.map((p) => /* @__PURE__ */ a(
           "button",
           {
             role: "menuitem",
-            style: se(o === p.id),
+            style: ie(o === p.id),
             onMouseEnter: () => u(p.id),
             onMouseLeave: () => u(null),
             onClick: () => {
-              p.onSelect(a), l();
+              p.onSelect(n), l();
             },
             children: p.label
           },
@@ -374,17 +377,17 @@ function lt({
       ]
     }
   );
-  return De(c, document.body);
+  return xe(c, document.body);
 }
-lt.displayName = "StatusSlotChipMenu";
-function ot({
+ct.displayName = "StatusSlotChipMenu";
+function dt({
   visible: e,
   targetColSpan: t,
-  ghostWidth: a,
+  ghostWidth: n,
   enterMs: r = 180,
   exitMs: i = 120
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     B.div,
     {
       "aria-hidden": "true",
@@ -395,21 +398,20 @@ function ot({
         e ? "gloss-ghost-preview--visible" : ""
       ].filter(Boolean).join(" "),
       style: {
-        width: a,
+        width: n,
         transitionDuration: `${e ? r : i}ms`
       }
     }
   );
 }
-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:
-  // 260419-resize-integration-broken (Fix E).
-  stiffness: 500,
-  damping: 22,
-  mass: 1,
+dt.displayName = "GhostPreview";
+const ut = {
+  // Spring (D-08) — sourced from @mt-gloss/motion RESIZE_COMMIT_SPRING. Retuned
+  // 260419 (damping 35 → 22) for visible overshoot (ζ ≈ 0.49, ~13–17%, ~350ms
+  // settle); debug slug 260419-resize-integration-broken (Fix E).
+  stiffness: te.stiffness,
+  damping: te.damping,
+  mass: te.mass,
   // Hysteresis (D-06) — expressed as fractions of GRID_STEP
   snapInFraction: 1 / 3,
   snapOutFraction: 1 / 2,
@@ -422,7 +424,7 @@ const ct = {
   // Velocity multiplier (D-03b panel)
   velocityMultiplier: 1
 };
-class Za {
+class tn {
   constructor() {
     this.samples = [], this.capacity = 3;
   }
@@ -463,11 +465,11 @@ class Za {
       const [u, m] = this.samples, d = Math.max(1, m.t - u.t);
       return (m.x - u.x) / d * 1e3;
     }
-    const [a, r, i] = this.samples, s = (i.x - r.x) / Math.max(1, i.t - r.t) * 1e3, l = (r.x - a.x) / Math.max(1, r.t - a.t) * 1e3, o = l;
+    const [n, r, i] = this.samples, s = (i.x - r.x) / Math.max(1, i.t - r.t) * 1e3, l = (r.x - n.x) / Math.max(1, r.t - n.t) * 1e3, o = l;
     return (s * 3 + l * 2 + o * 1) / 6;
   }
 }
-const V = {
+const K = {
   // Cascade (D-08, D-10)
   staggerMs: 50,
   reverseStaggerMs: 30,
@@ -491,7 +493,7 @@ const V = {
   sectionDividerFadeInMs: 120,
   sectionDividerFadeOutMs: 80,
   sectionDividerStaggerMs: 40
-}, xe = {
+}, Te = {
   // Geometry (D-08)
   pillOverhangPx: 12,
   pillClearancePx: 14,
@@ -510,11 +512,11 @@ const V = {
   chainPulseMs: 1200,
   chainStaggerMs: 120
 };
-function Te(e) {
-  const { visible: t, currentTarget: a, previewTarget: r, targetWidth: i, orientation: s } = e, l = Ke(i);
+function Re(e) {
+  const { visible: t, currentTarget: n, previewTarget: r, targetWidth: i, orientation: s } = e, l = Ke(i);
   return E(() => {
     l.set(i);
-  }, [i, l]), !t || r === a ? null : /* @__PURE__ */ n(
+  }, [i, l]), !t || r === n ? null : /* @__PURE__ */ a(
     B.div,
     {
       "aria-hidden": "true",
@@ -548,11 +550,11 @@ function Te(e) {
     }
   );
 }
-Te.displayName = "ResizePillGhost";
-function Re(e) {
+Re.displayName = "ResizePillGhost";
+function Me(e) {
   const {
     visible: t,
-    direction: a,
+    direction: n,
     pillClearancePx: r,
     ghostClearancePx: i,
     startX: s,
@@ -561,13 +563,13 @@ function Re(e) {
     staggerMs: u
   } = e;
   if (!t) return null;
-  const m = a === "grow", d = m ? s + r : s + i, g = m ? l - i : l - r, c = Math.max(0, g - d);
-  return /* @__PURE__ */ n(
+  const m = n === "grow", d = m ? s + r : s + i, g = m ? l - i : l - r, c = Math.max(0, g - d);
+  return /* @__PURE__ */ a(
     "div",
     {
       "aria-hidden": "true",
       "data-resize-pill-chain": "visible",
-      "data-resize-pill-chain-direction": a,
+      "data-resize-pill-chain-direction": n,
       className: "gloss-resize-pill-chain",
       style: {
         // Match prototype line 384: top:0, height:'100%', display:flex,
@@ -581,15 +583,15 @@ function Re(e) {
         left: d,
         width: c
       },
-      children: (a === "grow" ? [0, 1, 2, 3, 4] : [4, 3, 2, 1, 0]).map((b, k) => /* @__PURE__ */ n(
+      children: (n === "grow" ? [0, 1, 2, 3, 4] : [4, 3, 2, 1, 0]).map((b, k) => /* @__PURE__ */ a(
         B.span,
         {
           className: [
             "gloss-resize-pill-chain__chevron",
-            a === "shrink" ? "gloss-resize-pill-chain__chevron--shrink" : ""
+            n === "shrink" ? "gloss-resize-pill-chain__chevron--shrink" : ""
           ].filter(Boolean).join(" "),
           style: {
-            transform: a === "shrink" ? "scaleX(-1)" : void 0
+            transform: n === "shrink" ? "scaleX(-1)" : void 0
           },
           animate: { opacity: [0.2, 1, 0.2] },
           transition: {
@@ -605,13 +607,13 @@ function Re(e) {
     }
   );
 }
-Re.displayName = "ResizePillArrowChain";
-const me = 3;
-function pe({ filled: e, total: t }) {
-  const a = [];
+Me.displayName = "ResizePillArrowChain";
+const pe = 3;
+function ge({ filled: e, total: t }) {
+  const n = [];
   for (let r = 0; r < t; r++)
-    a.push(
-      /* @__PURE__ */ n(
+    n.push(
+      /* @__PURE__ */ a(
         "span",
         {
           className: [
@@ -622,13 +624,13 @@ function pe({ filled: e, total: t }) {
         r
       )
     );
-  return /* @__PURE__ */ n("span", { className: "gloss-resize-pill-tooltip__matrix", children: a });
+  return /* @__PURE__ */ a("span", { className: "gloss-resize-pill-tooltip__matrix", children: n });
 }
-function ge(e) {
+function he(e) {
   return e === "compact" ? "Compact" : e === "medium" ? "Medium" : e === "full" ? "Full" : String(e);
 }
-function Me(e) {
-  const { visible: t, currentTarget: a, previewTarget: r, mode: i, showSizeTooltip: s = !0 } = e;
+function Pe(e) {
+  const { visible: t, currentTarget: n, previewTarget: r, mode: i, showSizeTooltip: s = !0 } = e;
   return !t || s === !1 ? null : /* @__PURE__ */ f(
     B.div,
     {
@@ -642,34 +644,34 @@ function Me(e) {
       transition: { duration: 0.18 },
       children: [
         i === "directional" && /* @__PURE__ */ f(I, { children: [
-          /* @__PURE__ */ n(
-            pe,
+          /* @__PURE__ */ a(
+            ge,
             {
-              filled: typeof a == "number" ? a : 1,
-              total: me
+              filled: typeof n == "number" ? n : 1,
+              total: pe
             }
           ),
-          /* @__PURE__ */ n("span", { className: "gloss-resize-pill-tooltip__arrow", children: "→" }),
-          /* @__PURE__ */ n(
-            pe,
+          /* @__PURE__ */ a("span", { className: "gloss-resize-pill-tooltip__arrow", children: "→" }),
+          /* @__PURE__ */ a(
+            ge,
             {
               filled: typeof r == "number" ? r : 1,
-              total: me
+              total: pe
             }
           )
         ] }),
         i === "sized" && /* @__PURE__ */ f(I, { children: [
-          /* @__PURE__ */ n("span", { className: "gloss-resize-pill-tooltip__label", children: ge(a) }),
-          /* @__PURE__ */ n("span", { className: "gloss-resize-pill-tooltip__arrow", children: "→" }),
-          /* @__PURE__ */ n("span", { className: "gloss-resize-pill-tooltip__label", children: ge(r) })
+          /* @__PURE__ */ a("span", { className: "gloss-resize-pill-tooltip__label", children: he(n) }),
+          /* @__PURE__ */ a("span", { className: "gloss-resize-pill-tooltip__arrow", children: "→" }),
+          /* @__PURE__ */ a("span", { className: "gloss-resize-pill-tooltip__label", children: he(r) })
         ] })
       ]
     }
   );
 }
-Me.displayName = "ResizePillSizeTooltip";
-function dt({ direction: e }) {
-  return /* @__PURE__ */ n(
+Pe.displayName = "ResizePillSizeTooltip";
+function mt({ direction: e }) {
+  return /* @__PURE__ */ a(
     "svg",
     {
       width: 14,
@@ -681,12 +683,12 @@ function dt({ direction: e }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ n("g", { transform: e === "left" ? "scale(-1, 1) translate(-14, 0)" : void 0, children: /* @__PURE__ */ n("path", { d: "M5.5 3 L9.5 7 L5.5 11" }) })
+      children: /* @__PURE__ */ a("g", { transform: e === "left" ? "scale(-1, 1) translate(-14, 0)" : void 0, children: /* @__PURE__ */ a("path", { d: "M5.5 3 L9.5 7 L5.5 11" }) })
     }
   );
 }
-function ut() {
-  return /* @__PURE__ */ n(
+function pt() {
+  return /* @__PURE__ */ a(
     "svg",
     {
       width: 14,
@@ -698,13 +700,13 @@ function ut() {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ n("path", { d: "M3 7.5 L6 10.5 L11 4.5" })
+      children: /* @__PURE__ */ a("path", { d: "M3 7.5 L6 10.5 L11 4.5" })
     }
   );
 }
-function mt({ target: e }) {
+function gt({ target: e }) {
   const t = e === "compact" ? 5 : e === "medium" ? 9 : 13;
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "svg",
     {
       width: 14,
@@ -712,14 +714,14 @@ function mt({ target: e }) {
       viewBox: "0 0 14 14",
       fill: "currentColor",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ n("rect", { x: (14 - t) / 2, y: 5, width: t, height: 4, rx: 1 })
+      children: /* @__PURE__ */ a("rect", { x: (14 - t) / 2, y: 5, width: t, height: 4, rx: 1 })
     }
   );
 }
-function pt(e) {
+function ht(e) {
   const {
     target: t,
-    currentTarget: a,
+    currentTarget: n,
     mode: r,
     isActive: i,
     isHovered: s,
@@ -731,10 +733,10 @@ function pt(e) {
   } = e;
   let g = null;
   if (r === "directional") {
-    const c = typeof t == "number" && typeof a == "number" && t < a ? "left" : "right";
-    g = /* @__PURE__ */ n(dt, { direction: c });
+    const c = typeof t == "number" && typeof n == "number" && t < n ? "left" : "right";
+    g = /* @__PURE__ */ a(mt, { direction: c });
   } else
-    g = /* @__PURE__ */ n(mt, { target: t });
+    g = /* @__PURE__ */ a(gt, { target: t });
   return /* @__PURE__ */ f(
     "button",
     {
@@ -754,22 +756,22 @@ function pt(e) {
       onPointerLeave: () => u?.(),
       "aria-label": `Resize to ${String(t)}`,
       children: [
-        /* @__PURE__ */ n("span", { className: "gloss-resize-pill__glyph", children: g }),
-        /* @__PURE__ */ n("span", { className: "gloss-resize-pill__check", children: /* @__PURE__ */ n(ut, {}) })
+        /* @__PURE__ */ a("span", { className: "gloss-resize-pill__glyph", children: g }),
+        /* @__PURE__ */ a("span", { className: "gloss-resize-pill__check", children: /* @__PURE__ */ a(pt, {}) })
       ]
     }
   );
 }
-const gt = ({
+const ft = ({
   ref: e,
   ...t
 }) => {
-  const a = {
-    ...xe,
+  const n = {
+    ...Te,
     ...t.physics
   }, r = 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: [
-    r && /* @__PURE__ */ n(
+  return /* @__PURE__ */ f(je, { children: [
+    r && /* @__PURE__ */ a(
       B.div,
       {
         ref: e,
@@ -792,11 +794,11 @@ const gt = ({
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
-        transition: { duration: a.pillRevealMs / 1e3 },
+        transition: { duration: n.pillRevealMs / 1e3 },
         onPointerEnter: t.onPillEnter,
         onPointerLeave: t.onPillLeave,
-        children: i.map((g) => /* @__PURE__ */ n(
-          pt,
+        children: i.map((g) => /* @__PURE__ */ a(
+          ht,
           {
             target: g,
             currentTarget: t.currentTarget,
@@ -809,43 +811,43 @@ const gt = ({
             onCommit: t.onCommit,
             onEnter: t.onButtonEnter,
             onLeave: t.onButtonLeave,
-            buttonHeight: a.pillButtonHeight,
-            buttonWidth: a.pillButtonWidth
+            buttonHeight: n.pillButtonHeight,
+            buttonWidth: n.pillButtonWidth
           },
           String(g)
         ))
       },
       "pill"
     ),
-    r && l && t.previewTarget != null && /* @__PURE__ */ n(
-      Te,
+    r && l && t.previewTarget != null && /* @__PURE__ */ a(
+      Re,
       {
         visible: !0,
         currentTarget: t.currentTarget,
         previewTarget: t.previewTarget,
         hostWidth: t.hostWidth,
         targetWidth: o,
-        ghostClearancePx: a.ghostClearancePx,
+        ghostClearancePx: n.ghostClearancePx,
         orientation: s
       },
       "ghost"
     ),
-    r && l && /* @__PURE__ */ n(
-      Re,
+    r && l && /* @__PURE__ */ a(
+      Me,
       {
         visible: !0,
         direction: d,
-        pillClearancePx: a.pillClearancePx,
-        ghostClearancePx: a.ghostClearancePx,
+        pillClearancePx: n.pillClearancePx,
+        ghostClearancePx: n.ghostClearancePx,
         startX: u,
         endX: m,
-        pulseMs: a.chainPulseMs,
-        staggerMs: a.chainStaggerMs
+        pulseMs: n.chainPulseMs,
+        staggerMs: n.chainStaggerMs
       },
       "chain"
     ),
-    r && l && t.showSizeTooltip && t.previewTarget != null && /* @__PURE__ */ n(
-      Me,
+    r && l && t.showSizeTooltip && t.previewTarget != null && /* @__PURE__ */ a(
+      Pe,
       {
         visible: !0,
         currentTarget: t.currentTarget,
@@ -857,12 +859,12 @@ const gt = ({
     )
   ] });
 };
-gt.displayName = "ResizePill";
-function en(e) {
+ft.displayName = "ResizePill";
+function an(e) {
   const t = {
-    ...xe,
+    ...Te,
     ...e.physics
-  }, [a, r] = A("idle"), [i, s] = A(e.currentTarget), [l, o] = A(null), u = M(!1), m = M(null), d = M(null), g = M(e.currentTarget);
+  }, [n, r] = 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;
@@ -870,15 +872,15 @@ function en(e) {
   p.current = e.forceIdle;
   const b = M(e.onPhaseChange);
   b.current = e.onPhaseChange, E(() => {
-    b.current?.(a);
-  }, [a]), E(() => {
+    b.current?.(n);
+  }, [n]), E(() => {
     e.forceIdle && (d.current && (clearTimeout(d.current), d.current = null), r("idle"), o(null));
   }, [e.forceIdle]), E(() => () => {
     m.current && clearTimeout(m.current), d.current && clearTimeout(d.current);
   }, []);
   const k = C(() => {
     u.current || p.current || (s(g.current), r("pill-visible"));
-  }, []), w = C(() => {
+  }, []), _ = C(() => {
     r("idle"), o(null);
   }, []), y = C(
     (D) => {
@@ -889,17 +891,17 @@ function en(e) {
     [t.fadeGraceMs]
   ), T = C(() => {
     d.current && (clearTimeout(d.current), d.current = null), k();
-  }, [k]), _ = C(() => {
+  }, [k]), w = C(() => {
     d.current && clearTimeout(d.current), d.current = setTimeout(() => {
-      w(), d.current = null;
+      _(), d.current = null;
     }, t.hoverHideGraceMs);
-  }, [w, t.hoverHideGraceMs]), S = C(() => {
+  }, [_, t.hoverHideGraceMs]), S = C(() => {
     d.current && (clearTimeout(d.current), d.current = null);
   }, []), R = C(() => {
     d.current && clearTimeout(d.current), d.current = setTimeout(() => {
-      w(), d.current = null;
+      _(), d.current = null;
     }, t.hoverHideGraceMs);
-  }, [w, t.hoverHideGraceMs]), h = C((D) => {
+  }, [_, t.hoverHideGraceMs]), h = C((D) => {
     const F = g.current;
     let z;
     D === "compact" || D === "medium" || D === "full" ? z = D : typeof F == "number" && typeof D == "number" ? z = D > F ? "grow" : "shrink" : z = "grow", o(z), r("pre-commit");
@@ -913,14 +915,14 @@ function en(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: a,
-    pillVisible: a === "pill-visible" || a === "pre-commit",
+    phase: n,
+    pillVisible: n === "pill-visible" || n === "pre-commit",
     pillSpan: i,
     buttonHover: l,
     previewTarget: x,
     handlers: {
       onTriggerEnter: T,
-      onTriggerLeave: _,
+      onTriggerLeave: w,
       onPillEnter: S,
       onPillLeave: R,
       onButtonEnter: h,
@@ -930,14 +932,14 @@ function en(e) {
     commit: y
   };
 }
-function tn(e) {
-  const { cardWidthPx: t, slotCount: a, activeSlotIdx: r, pillWidthPx: i } = e;
-  if (r == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(a) || a <= 0 || !Number.isInteger(r) || r < 0 || r >= a)
+function nn(e) {
+  const { cardWidthPx: t, slotCount: n, activeSlotIdx: r, pillWidthPx: i } = e;
+  if (r == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(r) || r < 0 || r >= n)
     return;
-  const s = (r + 0.5) * (t / a);
+  const s = (r + 0.5) * (t / n);
   return i != null && Number.isFinite(i) && i > 0 ? s - i / 2 : s;
 }
-const an = [
+const rn = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -1069,24 +1071,24 @@ const an = [
     subtitle: "Awaiting QA",
     highlightColor: "neutral"
   }
-], ht = {
+], bt = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, ft = {
+}, vt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, bt = {
+}, yt = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, vt = {
+}, _t = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -1094,7 +1096,7 @@ const an = [
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, yt = {
+}, wt = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -1103,7 +1105,7 @@ const an = [
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, wt = {
+}, Ct = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -1114,14 +1116,14 @@ const an = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, nn = [
-  ht,
-  ft,
+}, sn = [
   bt,
   vt,
   yt,
-  wt
-], rn = {
+  _t,
+  wt,
+  Ct
+], ln = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -1144,7 +1146,7 @@ const an = [
     59
   ],
   accentColor: "#6366f1"
-}, sn = {
+}, on = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -1183,21 +1185,21 @@ const an = [
     19
   ],
   accentColor: "#10b981"
-}, ln = {
+}, cn = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, on = {
+}, dn = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, cn = {
+}, un = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -1205,10 +1207,10 @@ const an = [
   trend: { value: 0, direction: "flat" },
   subtitle: "QTD"
 };
-function Pe({
+function Ae({
   open: e,
   onDismiss: t,
-  anchorRef: a,
+  anchorRef: n,
   pages: r,
   activePageId: i,
   onPageChange: s,
@@ -1231,7 +1233,7 @@ function Pe({
     o(), t();
   }, [o, t]);
   return /* @__PURE__ */ f(
-    Ue,
+    Ye,
     {
       definition: {
         placement: "bottom-end",
@@ -1241,10 +1243,10 @@ function Pe({
       },
       open: e,
       onDismiss: t,
-      anchorRef: a,
+      anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ n("ul", { role: "menu", className: "gloss-page-dropdown__list", children: r.map((c) => {
+        /* @__PURE__ */ a("ul", { role: "menu", className: "gloss-page-dropdown__list", children: r.map((c) => {
           const p = c.id === i;
           return /* @__PURE__ */ f(
             "li",
@@ -1257,28 +1259,28 @@ function Pe({
               onClick: () => u(c.id),
               onKeyDown: (b) => m(c.id, b),
               children: [
-                /* @__PURE__ */ n(
+                /* @__PURE__ */ a(
                   "span",
                   {
                     className: `gloss-page-dropdown__dot${p ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
-                /* @__PURE__ */ n(
+                /* @__PURE__ */ a(
                   "span",
                   {
                     className: `gloss-page-dropdown__name${c.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
                     children: c.name
                   }
                 ),
-                c.icon && /* @__PURE__ */ n("span", { className: "gloss-page-dropdown__icon", children: c.icon }),
-                /* @__PURE__ */ n("span", { className: "gloss-page-dropdown__count", children: c.cardCount })
+                c.icon && /* @__PURE__ */ a("span", { className: "gloss-page-dropdown__icon", children: c.icon }),
+                /* @__PURE__ */ a("span", { className: "gloss-page-dropdown__count", children: c.cardCount })
               ]
             },
             c.id
           );
         }) }),
-        /* @__PURE__ */ n("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ a(
           "button",
           {
             role: "menuitem",
@@ -1287,8 +1289,8 @@ function Pe({
             children: "+ New page"
           }
         ),
-        /* @__PURE__ */ n("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ a(
           "button",
           {
             role: "menuitem",
@@ -1301,10 +1303,10 @@ function Pe({
     }
   );
 }
-Pe.displayName = "PageDropdown";
-const _t = function({
+Ae.displayName = "PageDropdown";
+const Nt = function({
   currentIndex: t,
-  total: a,
+  total: n,
   pages: r,
   onPageChange: i,
   onCreatePage: s,
@@ -1326,33 +1328,33 @@ const _t = function({
       style: u === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        u !== "name" && /* @__PURE__ */ n(
+        u !== "name" && /* @__PURE__ */ a(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
             style: { "--_nuzzle-r": o }
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "button",
           {
             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 ${a}. Click to switch pages.`,
+            "aria-label": u === "name" ? `${m ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
             onClick: p,
             children: u === "name" ? /* @__PURE__ */ f(I, { children: [
-              /* @__PURE__ */ n("span", { className: "gloss-page-chip__trigger-name", children: m ?? "" }),
-              /* @__PURE__ */ n("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
+              /* @__PURE__ */ a("span", { className: "gloss-page-chip__trigger-name", children: m ?? "" }),
+              /* @__PURE__ */ a("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
             ] }) : /* @__PURE__ */ f(I, { children: [
               t + 1,
               " / ",
-              a
+              n
             ] })
           }
         ),
-        /* @__PURE__ */ n(
-          Pe,
+        /* @__PURE__ */ a(
+          Ae,
           {
             open: g,
             onDismiss: b,
@@ -1368,8 +1370,8 @@ const _t = function({
     }
   );
 };
-_t.displayName = "PageChip";
-const dn = [
+Nt.displayName = "PageChip";
+const mn = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -1502,7 +1504,7 @@ const dn = [
     date: "2026-03-01",
     skuCount: 9
   }
-], un = [
+], pn = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1636,16 +1638,16 @@ const dn = [
     lastDate: "2026-03-01"
   }
 ];
-function ie(e) {
+function le(e) {
   return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
-function Ae(e) {
+function Ee(e) {
   return e.toLocaleString("en-US");
 }
-function Ee(e) {
+function Fe(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const q = K.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), mn = [
+const Y = V.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), gn = [
   {
     field: "id",
     headerName: "Order",
@@ -1675,7 +1677,7 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.skuCount ? Ae(e.skuCount) : q
+    renderCell: ({ row: e }) => e.skuCount ? Ee(e.skuCount) : Y
   },
   {
     field: "total",
@@ -1685,7 +1687,7 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.total ? ie(e.total) : q
+    renderCell: ({ row: e }) => e.total ? le(e.total) : Y
   },
   {
     field: "date",
@@ -1695,9 +1697,9 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.date ? Ee(e.date) : ""
+    renderCell: ({ row: e }) => e.date ? Fe(e.date) : ""
   }
-], pn = [
+], hn = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1729,7 +1731,7 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.price ? ie(e.price) : q
+    renderCell: ({ row: e }) => e.price ? le(e.price) : Y
   },
   {
     field: "quantity",
@@ -1739,7 +1741,7 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.quantity ? Ae(e.quantity) : q
+    renderCell: ({ row: e }) => e.quantity ? Ee(e.quantity) : Y
   },
   {
     field: "total",
@@ -1749,7 +1751,7 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.total ? ie(e.total) : q
+    renderCell: ({ row: e }) => e.total ? le(e.total) : Y
   },
   {
     field: "lastDate",
@@ -1759,24 +1761,24 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.lastDate ? Ee(e.lastDate) : ""
+    renderCell: ({ row: e }) => e.lastDate ? Fe(e.lastDate) : ""
   }
-], Ct = [
+], kt = [
   { 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" }
-], Nt = [
+], St = [
   { 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) => {
-}, kt = (e) => {
-}, he = (e, t) => {
-}, Fe = {
+], ae = (e) => {
+}, Dt = (e) => {
+}, fe = (e, t) => {
+}, Ie = {
   vizState: {
     type: "orders",
     quant: "$",
@@ -1784,17 +1786,17 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: null, name: null },
     timeFrame: "MTD"
   },
-  onTypeChange: te,
-  onQuantChange: kt,
-  onEntityTypeChange: te,
-  onEntitySelect: he,
-  onItemSelect: he,
-  onTimeFrameChange: te,
+  onTypeChange: ae,
+  onQuantChange: Dt,
+  onEntityTypeChange: ae,
+  onEntitySelect: fe,
+  onItemSelect: fe,
+  onTimeFrameChange: ae,
   userType: "sales-agency",
-  entityFilterOptions: Ct,
-  itemFilterOptions: Nt
-}, gn = {
-  ...Fe,
+  entityFilterOptions: kt,
+  itemFilterOptions: St
+}, fn = {
+  ...Ie,
   vizState: {
     type: "items",
     quant: "$",
@@ -1802,8 +1804,8 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, hn = {
-  ...Fe,
+}, bn = {
+  ...Ie,
   vizState: {
     type: "orders",
     quant: "#",
@@ -1815,7 +1817,7 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, St = [
+}, xt = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1861,7 +1863,7 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     routeKey: "customer.profile",
     subtitle: "Opens in RepTime"
   }
-], Dt = [
+], Tt = [
   {
     id: "order-items",
     label: "Items in Order",
@@ -1890,7 +1892,7 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], xt = [
+], Rt = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1918,14 +1920,14 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], fn = {
-  entityName: St,
-  orderId: Dt,
-  numeric: xt
-}, bn = [
+], vn = {
+  entityName: xt,
+  orderId: Tt,
+  numeric: Rt
+}, yn = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], vn = {
+], _n = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1938,7 +1940,7 @@ const q = K.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)
   ]
-}, yn = {
+}, wn = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1946,7 +1948,7 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, wn = [
+}, Cn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1968,7 +1970,7 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], _n = [
+], Nn = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1985,7 +1987,7 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], Cn = [
+], kn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -2002,56 +2004,56 @@ const q = K.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], Nn = [
+], Sn = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], kn = [
+], Dn = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-], Tt = {
+], Mt = {
   timeframe: "Time Frame",
   threshold: "Thresholds",
   slots: "Slots",
   size: "Size",
   color: "Color",
   pinned: "Pinned"
-}, Rt = {
-  timeframe: Ye,
-  threshold: qe,
-  slots: Qe,
-  size: Je,
-  color: Xe,
-  pinned: Ze
+}, Pt = {
+  timeframe: Qe,
+  threshold: Xe,
+  slots: Je,
+  size: Ze,
+  color: et,
+  pinned: tt
 };
-function fe(...e) {
+function be(...e) {
   return e.filter(Boolean).join(" ");
 }
-function Mt() {
+function At() {
   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 a = window.matchMedia("(prefers-reduced-motion: reduce)"), r = (i) => t(i.matches);
-    return typeof a.addEventListener == "function" ? (a.addEventListener("change", r), () => a.removeEventListener("change", r)) : (a.addListener?.(r), () => {
-      a.removeListener?.(r);
+    const n = window.matchMedia("(prefers-reduced-motion: reduce)"), r = (i) => t(i.matches);
+    return typeof n.addEventListener == "function" ? (n.addEventListener("change", r), () => n.removeEventListener("change", r)) : (n.addListener?.(r), () => {
+      n.removeListener?.(r);
     });
   }, []), e;
 }
-const Pt = ({
+const Et = ({
   dimensions: e,
   onDimensionSelect: t,
-  activeDimension: a,
+  activeDimension: n,
   ariaCardTypeLabel: r,
   className: i
 }) => {
-  const s = M(null), l = M([]), o = Mt(), u = ce(() => Array.from(e), [e]);
+  const s = M(null), l = M([]), o = At(), u = de(() => Array.from(e), [e]);
   if (u.length === 0) return null;
   const m = r ? `Configure ${r}: choose a dimension` : void 0, d = o ? "10ms" : "200ms", g = (c, p) => {
-    const b = u.length - 1, k = (w) => {
-      const y = l.current[w];
+    const b = u.length - 1, k = (_) => {
+      const y = l.current[_];
       y && y.focus();
     };
     switch (c.key) {
@@ -2080,13 +2082,13 @@ const Pt = ({
       }
     }
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: s,
       role: "group",
       "aria-label": m,
-      className: fe("gloss-reconfig-backside-buttons", i),
+      className: be("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
@@ -2094,31 +2096,31 @@ const Pt = ({
         "--gloss-reconfig-backside-buttons-transition-duration": d
       },
       children: u.map((c, p) => {
-        const b = Rt[c], k = a === c;
+        const b = Pt[c], k = n === c;
         return /* @__PURE__ */ f(
           "button",
           {
-            ref: (w) => {
-              l.current[p] = w;
+            ref: (_) => {
+              l.current[p] = _;
             },
             type: "button",
             "data-dimension": c,
-            className: fe(
+            className: be(
               "gloss-reconfig-backside-buttons__button",
               k && "gloss-reconfig-backside-buttons__button--active"
             ),
             "aria-current": k ? "true" : void 0,
             onClick: () => t(c),
-            onKeyDown: (w) => g(w, p),
+            onKeyDown: (_) => g(_, p),
             children: [
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ a(
                 b,
                 {
                   className: "gloss-reconfig-backside-buttons__button-icon",
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ n("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Tt[c] })
+              /* @__PURE__ */ a("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Mt[c] })
             ]
           },
           c
@@ -2127,12 +2129,12 @@ const Pt = ({
     }
   );
 };
-Pt.displayName = "ReconfigBacksideButtons";
+Et.displayName = "ReconfigBacksideButtons";
 function L(e, t) {
   return {
     id: e,
     colSpan: 1,
-    content: K.createElement("div", {
+    content: V.createElement("div", {
       style: {
         width: "100%",
         height: "100%",
@@ -2148,38 +2150,38 @@ function L(e, t) {
     }, t)
   };
 }
-function be(e, t) {
+function ve(e, t) {
   return {
     ...L(e, t),
     colSpan: 2
   };
 }
-const Sn = [
+const xn = [
   L("total-revenue", "Total Revenue"),
   L("total-orders", "Total Orders"),
-  be("revenue-trend", "Revenue Trend (2x)"),
+  ve("revenue-trend", "Revenue Trend (2x)"),
   L("avg-order", "Avg Order Value"),
   L("new-customers", "New Customers"),
   L("top-salesperson", "Top Salesperson"),
-  be("order-trend", "Order Trend (2x)"),
+  ve("order-trend", "Order Trend (2x)"),
   L("repeat-rate", "Repeat Rate"),
   L("open-orders", "Open Orders"),
   L("shipped-orders", "Shipped Orders")
-], Dn = {
+], Tn = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, xn = {
+}, Rn = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, Tn = {
+}, Mn = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -2187,15 +2189,15 @@ const Sn = [
   currentPage: 0,
   totalPages: 3
 };
-function ae(e) {
-  return K.createElement("span", { style: { fontSize: 14 } }, e);
+function ne(e) {
+  return V.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const Rn = [
+const Pn = [
   {
     id: "all-orders",
     type: "orders",
     name: "All Orders",
-    icon: ae("📋"),
+    icon: ne("📋"),
     closable: !1,
     autoCreated: !0
   },
@@ -2203,17 +2205,17 @@ const Rn = [
     id: "open-orders",
     type: "orders",
     name: "Open Orders",
-    icon: ae("📦"),
+    icon: ne("📦"),
     closable: !0
   },
   {
     id: "shipped-orders",
     type: "orders",
     name: "Shipped Orders",
-    icon: ae("🚚"),
+    icon: ne("🚚"),
     closable: !0
   }
-], Mn = [
+], An = [
   {
     id: "orders-main",
     type: "orders",
@@ -2239,7 +2241,7 @@ const Rn = [
     name: "Customers",
     closable: !0
   }
-], Pn = [
+], En = [
   {
     id: "only-tab",
     type: "orders",
@@ -2247,7 +2249,7 @@ const Rn = [
     closable: !1,
     autoCreated: !0
   }
-], An = [
+], Fn = [
   { 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 },
@@ -2259,7 +2261,7 @@ const Rn = [
   { id: "tab-9", type: "order-items", name: "Order #12345", closable: !0 },
   { id: "tab-10", type: "orders", name: "Recent 30D", closable: !0 }
 ];
-function le(e) {
+function oe(e) {
   switch (e) {
     case "wide":
       return { cols: 2, rows: 1 };
@@ -2270,24 +2272,24 @@ function le(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function At(e) {
+function Ft(e) {
   let t = 0;
   for (const r of e) {
-    const i = le(r.size), s = r.gridPosition.col + i.cols - 1;
+    const i = oe(r.size), s = r.gridPosition.col + i.cols - 1;
     s > t && (t = s);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const Et = function(t) {
+const It = function(t) {
   if (t.renderMode === "discrete")
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ a(
       "div",
       {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
         children: t.cards.map((i) => {
-          const s = le(i.size);
-          return /* @__PURE__ */ n(
+          const s = oe(i.size);
+          return /* @__PURE__ */ a(
             "div",
             {
               className: "gloss-metric-group__slot",
@@ -2302,7 +2304,7 @@ const Et = function(t) {
         })
       }
     );
-  const { cards: a, composite: r } = t;
+  const { cards: n, composite: r } = t;
   return /* @__PURE__ */ f(
     "div",
     {
@@ -2322,7 +2324,7 @@ const Et = function(t) {
       "aria-label": r?.label,
       tabIndex: void 0,
       children: [
-        r?.accentColor && /* @__PURE__ */ n(
+        r?.accentColor && /* @__PURE__ */ a(
           "div",
           {
             className: "gloss-metric-group__accent",
@@ -2330,8 +2332,8 @@ const Et = function(t) {
           }
         ),
         r?.label && /* @__PURE__ */ f("div", { className: "gloss-metric-group__label", children: [
-          /* @__PURE__ */ n("span", { children: r.label }),
-          r?.trend && /* @__PURE__ */ n(
+          /* @__PURE__ */ a("span", { children: r.label }),
+          r?.trend && /* @__PURE__ */ a(
             "span",
             {
               className: "gloss-metric-group__trend",
@@ -2340,18 +2342,18 @@ const Et = function(t) {
             }
           )
         ] }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "div",
           {
             className: "gloss-metric-group__slots",
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: At(a)
+              gridTemplateColumns: Ft(n)
             },
-            children: a.map((i) => {
-              const s = le(i.size);
-              return /* @__PURE__ */ n(
+            children: n.map((i) => {
+              const s = oe(i.size);
+              return /* @__PURE__ */ a(
                 "div",
                 {
                   className: "gloss-metric-group__slot--composite",
@@ -2370,16 +2372,16 @@ const Et = function(t) {
     }
   );
 };
-Et.displayName = "MetricGroupContainer";
-const Ie = "resize.tuning.dev", Ft = {
-  ...ct,
+It.displayName = "MetricGroupContainer";
+const Le = "resize.tuning.dev", Lt = {
+  ...ut,
   snapInPx: 60,
   snapOutPx: 90
-}, H = Ft;
-function It() {
+}, H = Lt;
+function Ot() {
   if (typeof window > "u") return { ...H };
   try {
-    const e = window.localStorage.getItem(Ie);
+    const e = window.localStorage.getItem(Le);
     if (!e) return { ...H };
     const t = JSON.parse(e);
     return !t || typeof t != "object" || Array.isArray(t) ? { ...H } : { ...H, ...t };
@@ -2387,16 +2389,16 @@ function It() {
     return { ...H };
   }
 }
-function Lt() {
-  const [e, t] = A(() => It());
+function $t() {
+  const [e, t] = A(() => Ot());
   E(() => {
     if (!(typeof window > "u"))
       try {
-        window.localStorage.setItem(Ie, JSON.stringify(e));
+        window.localStorage.setItem(Le, JSON.stringify(e));
       } catch {
       }
   }, [e]);
-  const a = C(
+  const n = C(
     (s, l) => {
       t((o) => ({ ...o, [s]: l }));
     },
@@ -2409,9 +2411,9 @@ function Lt() {
   ), i = C(() => {
     t({ ...H });
   }, []);
-  return { values: e, setValue: a, resetRow: r, resetAll: i };
+  return { values: e, setValue: n, resetRow: r, resetAll: i };
 }
-const Ot = [
+const Bt = [
   { 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 },
@@ -2422,10 +2424,10 @@ const Ot = [
   { 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 $t(e, t) {
+function zt(e, t) {
   return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
 }
-function Bt() {
+function Gt() {
   return /* @__PURE__ */ f(
     "svg",
     {
@@ -2439,13 +2441,13 @@ function Bt() {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ n("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
-        /* @__PURE__ */ n("polyline", { points: "3 3 3 8 8 8" })
+        /* @__PURE__ */ a("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
+        /* @__PURE__ */ a("polyline", { points: "3 3 3 8 8 8" })
       ]
     }
   );
 }
-function zt({ spec: e, value: t, onChange: a, onReset: r, flashing: i }) {
+function Ht({ spec: e, value: t, onChange: n, onReset: r, flashing: i }) {
   const s = C(
     (l) => {
       (l.key === "r" || l.key === "R") && (l.preventDefault(), r());
@@ -2459,12 +2461,12 @@ function zt({ spec: e, value: t, onChange: a, onReset: r, flashing: i }) {
       "data-tuning-row": e.key,
       onKeyDown: s,
       children: [
-        /* @__PURE__ */ n("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
+        /* @__PURE__ */ a("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: [
-          $t(t, e.step),
+          zt(t, e.step),
           e.unit ? ` ${e.unit}` : ""
         ] }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "input",
           {
             id: `gloss-dtp-${e.key}`,
@@ -2475,24 +2477,24 @@ function zt({ spec: e, value: t, onChange: a, onReset: r, flashing: i }) {
             step: e.step,
             value: t,
             "aria-label": e.label,
-            onChange: (l) => a(Number(l.target.value))
+            onChange: (l) => n(Number(l.target.value))
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "button",
           {
             type: "button",
             className: "gloss-dev-tuning-panel__reset",
             "aria-label": `Reset ${e.label}`,
             onClick: r,
-            children: /* @__PURE__ */ n(Bt, {})
+            children: /* @__PURE__ */ a(Gt, {})
           }
         )
       ]
     }
   );
 }
-function Gt() {
+function Wt() {
   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");
@@ -2500,21 +2502,21 @@ function Gt() {
     return !1;
   }
 }
-function Ht(e = {}) {
-  return Gt() ? /* @__PURE__ */ n(Wt, {}) : null;
+function Vt(e = {}) {
+  return Wt() ? /* @__PURE__ */ a(Kt, {}) : null;
 }
-Ht.displayName = "DevTuningPanel";
-function Wt() {
-  const e = Lt(), { values: t, setValue: a, resetRow: r, resetAll: i } = e, [s, l] = A(null), o = M(null), u = C((c) => {
+Vt.displayName = "DevTuningPanel";
+function Kt() {
+  const e = $t(), { values: t, setValue: n, resetRow: r, 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) => {
-      a(c, p), c === "snapInPx" && p > t.snapOutPx && (a("snapOutPx", p), u("snapOutPx"));
+      n(c, p), c === "snapInPx" && p > t.snapOutPx && (n("snapOutPx", p), u("snapOutPx"));
     },
-    [a, t.snapOutPx, u]
-  ), d = ce(() => Ot, []), g = je();
+    [n, t.snapOutPx, u]
+  ), d = de(() => Bt, []), g = Ue();
   return /* @__PURE__ */ f(
     B.div,
     {
@@ -2533,13 +2535,13 @@ function Wt() {
             className: "gloss-dev-tuning-panel__header",
             onPointerDown: (c) => g.start(c),
             children: [
-              /* @__PURE__ */ n("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
-              /* @__PURE__ */ n("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
+              /* @__PURE__ */ a("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
+              /* @__PURE__ */ a("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { className: "gloss-dev-tuning-panel__body", children: d.map((c) => /* @__PURE__ */ n(
-          zt,
+        /* @__PURE__ */ a("div", { className: "gloss-dev-tuning-panel__body", children: d.map((c) => /* @__PURE__ */ a(
+          Ht,
           {
             spec: c,
             value: t[c.key],
@@ -2549,7 +2551,7 @@ function Wt() {
           },
           c.key
         )) }),
-        /* @__PURE__ */ n("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ n(
+        /* @__PURE__ */ a("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ a(
           "button",
           {
             type: "button",
@@ -2562,18 +2564,18 @@ function Wt() {
     }
   );
 }
-function En({
+function In({
   state: e,
   originX: t,
-  originY: a,
+  originY: n,
   leftEdgeX: r,
   rightEdgeX: i,
   minBoundaryX: s,
   snapBoundariesX: l,
   topY: o,
   bottomY: u,
-  enterMs: m = V.envelopeEnterMs,
-  exitMs: d = V.envelopeExitMs,
+  enterMs: m = K.envelopeEnterMs,
+  exitMs: d = K.envelopeExitMs,
   className: g,
   style: c
 }) {
@@ -2582,7 +2584,7 @@ function En({
     "--gloss-resize-envelope-enter-ms": `${m}ms`,
     "--gloss-resize-envelope-exit-ms": `${d}ms`,
     "--gloss-resize-envelope-origin-x": `${t - r}px`,
-    "--gloss-resize-envelope-origin-y": `${a - o}px`,
+    "--gloss-resize-envelope-origin-y": `${n - o}px`,
     left: r,
     top: o,
     width: p,
@@ -2598,7 +2600,7 @@ function En({
       style: k,
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "div",
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--left",
@@ -2606,7 +2608,7 @@ function En({
             style: { left: 0 }
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "div",
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--min-boundary",
@@ -2614,7 +2616,7 @@ function En({
             style: { left: s - r }
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "div",
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
@@ -2622,23 +2624,23 @@ function En({
             style: { left: p - 1 }
           }
         ),
-        l.filter((w) => w > s && w < i).map((w) => /* @__PURE__ */ n(
+        l.filter((_) => _ > s && _ < i).map((_) => /* @__PURE__ */ a(
           "div",
           {
             className: "gloss-resize-envelope__snap-line",
             "data-snap-line": !0,
-            style: { left: w - r }
+            style: { left: _ - r }
           },
-          w
+          _
         ))
       ]
     }
   );
 }
-function Fn({
+function Ln({
   density: e,
   canAccept: t,
-  blocked: a = !1,
+  blocked: n = !1,
   proximityOpacity: r,
   state: i,
   rejection: s = !1,
@@ -2647,39 +2649,39 @@ function Fn({
   ...u
 }) {
   const m = r != null ? { ...u.style, "--_proximity-opacity": String(r) } : u.style;
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "div",
     {
       ...u,
       style: m,
       "data-density": e,
       "data-can-accept": t ? "true" : "false",
-      "data-blocked": a ? "true" : void 0,
+      "data-blocked": n ? "true" : void 0,
       "data-rejection": s ? "true" : void 0,
       "data-proximity-driven": r != null ? "true" : void 0,
       "data-state": i ?? void 0,
       "data-testid": "gloss-drop-anchor-cell",
       className: [
         "gloss-drop-anchor-cell",
-        a && "gloss-drop-anchor-cell--blocked-pulse",
+        n && "gloss-drop-anchor-cell--blocked-pulse",
         l
       ].filter(Boolean).join(" "),
       children: o
     }
   );
 }
-function Kt(e, t, a, r) {
-  const i = (e + a) / 2, s = Math.min(t, r) - 40;
-  return `M${e},${t} Q${i},${s} ${a},${r}`;
+function jt(e, t, n, r) {
+  const i = (e + n) / 2, s = Math.min(t, r) - 40;
+  return `M${e},${t} Q${i},${s} ${n},${r}`;
 }
-function In({
+function On({
   segments: e,
-  durationMs: t = V.spilloverArcDurationMs,
-  staggerMs: a = V.spilloverStaggerMs,
+  durationMs: t = K.spilloverArcDurationMs,
+  staggerMs: n = K.spilloverStaggerMs,
   className: r,
   style: i
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ n(
+  return e.length === 0 ? null : /* @__PURE__ */ a(
     "svg",
     {
       className: ["gloss-spillover-arc", r].filter(Boolean).join(" "),
@@ -2687,14 +2689,14 @@ function In({
       "aria-hidden": "true",
       overflow: "visible",
       style: { position: "absolute", inset: 0, pointerEvents: "none", ...i },
-      children: e.map((s, l) => /* @__PURE__ */ n(
+      children: e.map((s, l) => /* @__PURE__ */ a(
         "path",
         {
           "data-arc-id": s.id,
           className: "gloss-spillover-arc__path",
-          d: Kt(s.fromX, s.fromY, s.toX, s.toY),
+          d: jt(s.fromX, s.fromY, s.toX, s.toY),
           style: {
-            animationDelay: `${l * a}ms`,
+            animationDelay: `${l * n}ms`,
             animationDuration: `${t}ms`
           }
         },
@@ -2703,24 +2705,24 @@ function In({
     }
   );
 }
-function Ln({
+function $n({
   state: e,
   staggerIndex: t = 0,
-  fadeInMs: a = V.sectionDividerFadeInMs,
-  fadeOutMs: r = V.sectionDividerFadeOutMs,
-  staggerMs: i = V.sectionDividerStaggerMs,
+  fadeInMs: n = K.sectionDividerFadeInMs,
+  fadeOutMs: r = K.sectionDividerFadeOutMs,
+  staggerMs: i = K.sectionDividerStaggerMs,
   variant: s = "dashed",
   className: l,
   style: o,
   ...u
 }) {
   const m = {
-    "--gloss-section-divider-fade-in-ms": `${a}ms`,
+    "--gloss-section-divider-fade-in-ms": `${n}ms`,
     "--gloss-section-divider-fade-out-ms": `${r}ms`,
     "--gloss-section-divider-stagger-delay": `${t * i}ms`,
     ...o
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "div",
     {
       ...u,
@@ -2737,7 +2739,7 @@ function Ln({
     }
   );
 }
-const ve = ({ visible: e, variant: t, trigger: a, children: r, className: i }) => {
+const ye = ({ visible: e, variant: t, trigger: n, children: r, className: i }) => {
   const s = {
     "--gloss-swing-enter-ms": `${U.enterDurationMs}ms`,
     "--gloss-swing-exit-ms": `${U.exitDurationMs}ms`,
@@ -2747,10 +2749,10 @@ const ve = ({ visible: e, variant: t, trigger: a, children: r, className: i }) =
   }, l = [
     "gloss-swing-reveal",
     `gloss-swing-reveal--${t}`,
-    a === "hover+focus" ? "gloss-swing-reveal--hover-focus" : "",
+    n === "hover+focus" ? "gloss-swing-reveal--hover-focus" : "",
     i ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "span",
     {
       "data-testid": "gloss-swing-reveal",
@@ -2762,10 +2764,10 @@ const ve = ({ visible: e, variant: t, trigger: a, children: r, className: i }) =
     }
   );
 };
-function On({
+function Bn({
   enabled: e,
   onCollapse: t,
-  onAdd: a,
+  onAdd: n,
   addGlyphLabel: r,
   collapseGlyphLabel: i,
   className: s,
@@ -2773,9 +2775,9 @@ function On({
   onPack: o,
   ariaLabel: u
 }) {
-  const m = r ?? "Add card to this cell", d = i ?? u ?? "Pack row — shift cards left", g = t ?? o, { affordancesVisible: c } = ze();
+  const m = r ?? "Add card to this cell", d = i ?? u ?? "Pack row — shift cards left", g = t ?? o, { affordancesVisible: c } = Ge();
   return /* @__PURE__ */ f(O.Fragment, { children: [
-    /* @__PURE__ */ n(ve, { visible: e && c, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ a(ye, { visible: e && c, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ a(
       "button",
       {
         type: "button",
@@ -2788,12 +2790,12 @@ function On({
         ].filter(Boolean).join(" "),
         style: l,
         onClick: (p) => {
-          p.stopPropagation(), a?.();
+          p.stopPropagation(), n?.();
         },
-        children: /* @__PURE__ */ n("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "+" })
+        children: /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "+" })
       }
     ) }),
-    /* @__PURE__ */ n(ve, { visible: e && c, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ a(ye, { visible: e && c, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ a(
       "button",
       {
         type: "button",
@@ -2804,15 +2806,15 @@ function On({
         onClick: (p) => {
           p.stopPropagation(), g?.();
         },
-        children: /* @__PURE__ */ n("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
+        children: /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
       }
     ) })
   ] });
 }
-function $n({
+function zn({
   tint: e,
   colSpan: t,
-  colWidth: a,
+  colWidth: n,
   rowHeight: r,
   gap: i,
   x: s,
@@ -2820,8 +2822,8 @@ function $n({
   children: o,
   className: u
 }) {
-  const m = t * a + (t - 1) * i, d = O.useRef(null);
-  return ne("drag-ghost", () => {
+  const m = t * n + (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;
@@ -2844,26 +2846,26 @@ function $n({
       state: "active",
       t: performance.now()
     };
-  }), ne("commit-ghost-singleton", () => {
+  }), re("commit-ghost-singleton", () => {
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
     const g = d.current;
     let c = 0, p = "", b = "", k = "";
     if (g)
       try {
-        const T = window.getComputedStyle(g), _ = T.outline || "", S = T.border || "", R = T.boxShadow || "", h = !!_ && _ !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(_), v = !!S && S !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(S), N = !!R && R !== "none";
-        c = h || v || N ? 1 : 0, p = h ? _ : "", b = v ? S : "", k = N ? R : "";
+        const T = window.getComputedStyle(g), w = T.outline || "", S = T.border || "", R = T.boxShadow || "", h = !!w && w !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(w), v = !!S && S !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(S), N = !!R && R !== "none";
+        c = h || v || N ? 1 : 0, p = h ? w : "", b = v ? S : "", k = N ? R : "";
       } catch {
       }
-    const w = g?.getBoundingClientRect() ?? null, y = g ? "drag-clone" : "subsumed-by-tracking-outline";
+    const _ = g?.getBoundingClientRect() ?? null, y = g ? "drag-clone" : "subsumed-by-tracking-outline";
     return {
       values: {
         x: s.get(),
         y: l.get(),
-        bounds_x: w?.x ?? 0,
-        bounds_y: w?.y ?? 0,
-        bounds_w: w?.width ?? 0,
-        bounds_h: w?.height ?? 0,
+        bounds_x: _?.x ?? 0,
+        bounds_y: _?.y ?? 0,
+        bounds_w: _?.width ?? 0,
+        bounds_h: _?.height ?? 0,
         visible: g ? 1 : 0,
         outlineOnClone: c
       },
@@ -2881,7 +2883,7 @@ function $n({
       state: g ? "active" : "idle",
       t: performance.now()
     };
-  }), /* @__PURE__ */ n(
+  }), /* @__PURE__ */ a(
     B.div,
     {
       ref: d,
@@ -2898,11 +2900,11 @@ function $n({
     }
   );
 }
-const Vt = 3;
-function Le({
+const Ut = 3;
+function Oe({
   gesture: e,
   cell: t,
-  colSpan: a,
+  colSpan: n,
   colWidth: r,
   gap: i,
   rowHeight: s,
@@ -2911,7 +2913,7 @@ function Le({
   className: u,
   motionWidth: m
 }) {
-  const d = a * r + (a - 1) * i, c = (t.section * Vt + t.col) * (r + 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 = {
+  const d = n * r + (n - 1) * i, c = (t.section * Ut + t.col) * (r + i), p = t.row * (s + i), b = e === "resize" ? 2.5 : 2, k = l === "dashed-retreated" ? "dashed" : "solid", _ = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline", y = {
     className: [
       "gloss-tracking-outline",
       `gloss-tracking-outline--${e}`,
@@ -2921,13 +2923,13 @@ function Le({
       e === "drag" ? "gloss-drag-feedback-snap-outline" : null,
       u
     ].filter(Boolean).join(" "),
-    "data-testid": w,
+    "data-testid": _,
     "data-tracking-outline": "",
     "data-gesture": e,
     "data-pattern": l,
     "aria-hidden": "true"
   };
-  return m ? /* @__PURE__ */ n(
+  return m ? /* @__PURE__ */ a(
     B.div,
     {
       ...y,
@@ -2939,7 +2941,7 @@ function Le({
         borderStyle: k
       }
     }
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ a(
     "div",
     {
       ...y,
@@ -2954,17 +2956,17 @@ function Le({
     }
   );
 }
-function Bn(e) {
-  return /* @__PURE__ */ n(Le, { gesture: "drag", pattern: "solid", ...e });
+function Gn(e) {
+  return /* @__PURE__ */ a(Oe, { gesture: "drag", pattern: "solid", ...e });
 }
-function zn({
+function Hn({
   items: e,
   children: t,
-  className: a,
+  className: n,
   debugMagenta: r
 }) {
   const i = process.env.NODE_ENV !== "production" && (r || typeof window < "u" && window.__GLOSS_CASCADE_PREVIEW_DEBUG__ === !0), s = O.useRef(e);
-  return s.current = e, ne("cascade-preview", () => {
+  return s.current = e, re("cascade-preview", () => {
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
     const l = s.current;
@@ -2989,13 +2991,13 @@ function zn({
       state: l.length > 0 ? "active" : "idle",
       t: performance.now()
     };
-  }), e.length === 0 ? null : /* @__PURE__ */ n(I, { children: e.map((l) => /* @__PURE__ */ n(
+  }), e.length === 0 ? null : /* @__PURE__ */ a(I, { children: e.map((l) => /* @__PURE__ */ a(
     B.div,
     {
       "data-card-id": l.cardId,
       "data-testid": "gloss-cascade-preview-item",
       "aria-hidden": "true",
-      className: ["gloss-cascade-preview-item", a].filter(Boolean).join(" "),
+      className: ["gloss-cascade-preview-item", n].filter(Boolean).join(" "),
       style: {
         position: "absolute",
         left: l.left,
@@ -3011,10 +3013,10 @@ function zn({
     l.cardId
   )) });
 }
-const jt = ({
+const qt = ({
   consumed: e,
   elapsed: t,
-  severity: a = "neutral"
+  severity: n = "neutral"
 }) => {
   const r = M(null), i = M(null);
   E(() => {
@@ -3032,12 +3034,12 @@ const jt = ({
       "aria-label": `${s}: ${e.value}%, ${l}: ${t.value}%`,
       children: [
         /* @__PURE__ */ f("div", { className: "gloss-dual-pace-bars__row", children: [
-          /* @__PURE__ */ n("span", { className: "gloss-dual-pace-bars__track-label", children: s }),
-          /* @__PURE__ */ n("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ n(
+          /* @__PURE__ */ a("span", { className: "gloss-dual-pace-bars__track-label", children: s }),
+          /* @__PURE__ */ a("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ a(
             "div",
             {
               ref: r,
-              className: `gloss-dual-pace-bars__fill gloss-dual-pace-bars__fill--consumed gloss-dual-pace-bars__fill--${a}`,
+              className: `gloss-dual-pace-bars__fill gloss-dual-pace-bars__fill--consumed gloss-dual-pace-bars__fill--${n}`,
               style: { width: "0%" },
               role: "meter",
               "aria-valuenow": Math.min(100, Math.max(0, e.value)),
@@ -3052,8 +3054,8 @@ const jt = ({
           ] })
         ] }),
         /* @__PURE__ */ f("div", { className: "gloss-dual-pace-bars__row", children: [
-          /* @__PURE__ */ n("span", { className: "gloss-dual-pace-bars__track-label", children: l }),
-          /* @__PURE__ */ n("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ n(
+          /* @__PURE__ */ a("span", { className: "gloss-dual-pace-bars__track-label", children: l }),
+          /* @__PURE__ */ a("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ a(
             "div",
             {
               ref: i,
@@ -3074,26 +3076,26 @@ const jt = ({
       ]
     }
   );
-}, Ut = ({ label: e, value: t, severity: a }) => /* @__PURE__ */ f(
+}, Yt = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ f(
   "div",
   {
-    className: `gloss-gap-readout gloss-gap-readout--${a}`,
+    className: `gloss-gap-readout gloss-gap-readout--${n}`,
     "aria-label": `${e}: ${t}`,
     children: [
-      /* @__PURE__ */ n("hr", { className: "gloss-gap-readout__separator" }),
+      /* @__PURE__ */ a("hr", { className: "gloss-gap-readout__separator" }),
       /* @__PURE__ */ f("div", { className: "gloss-gap-readout__strip", children: [
-        /* @__PURE__ */ n("span", { className: "gloss-gap-readout__label", children: e }),
-        /* @__PURE__ */ n("span", { className: "gloss-gap-readout__value", children: t })
+        /* @__PURE__ */ a("span", { className: "gloss-gap-readout__label", children: e }),
+        /* @__PURE__ */ a("span", { className: "gloss-gap-readout__value", children: t })
       ] })
     ]
   }
-), Yt = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ f("div", { className: "gloss-pace-placeholder", children: [
-  /* @__PURE__ */ n("p", { className: "gloss-pace-placeholder__heading", children: "Set a target" }),
+), Qt = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ f("div", { className: "gloss-pace-placeholder", children: [
+  /* @__PURE__ */ a("p", { className: "gloss-pace-placeholder__heading", children: "Set a target" }),
   /* @__PURE__ */ f("p", { className: "gloss-pace-placeholder__context", children: [
     "for ",
     e
   ] }),
-  /* @__PURE__ */ n(
+  /* @__PURE__ */ a(
     "button",
     {
       type: "button",
@@ -3103,95 +3105,95 @@ const jt = ({
       children: "Set target"
     }
   )
-] }), Gn = (e) => {
-  const [t, a] = A(!1), r = e.target?.value, i = r !== void 0, s = e.paceGapUnit === "usd" ? "$" : "%", l = /* @__PURE__ */ n(
-    et,
+] }), Wn = (e) => {
+  const [t, n] = A(!1), r = e.target?.value, i = r !== void 0, s = e.paceGapUnit === "usd" ? "$" : "%", l = /* @__PURE__ */ a(
+    at,
     {
       label: `Set a target for ${e.label}`,
       unit: s,
       currentValue: r,
       onConfirm: (o) => {
-        e.onTargetChange(o), a(!1);
+        e.onTargetChange(o), n(!1);
       },
       onSkip: () => {
-        e.onTargetSkip?.(), a(!1);
+        e.onTargetSkip?.(), n(!1);
       }
     }
   );
-  return /* @__PURE__ */ n(
-    Ge,
+  return /* @__PURE__ */ a(
+    He,
     {
       colSpan: 2,
       enableQuickSettings: !0,
       isFlipped: t,
-      onFlipChange: a,
+      onFlipChange: n,
       quickConfigSlot: l,
       onRemove: e.onRemove,
       children: /* @__PURE__ */ f("div", { className: `gloss-pace-card ${e.isStale ? "gloss-metric-data-stale" : ""}`, children: [
-        /* @__PURE__ */ n("div", { className: "gloss-pace-card__label", children: e.label }),
-        e.subtitle && /* @__PURE__ */ n("div", { className: "gloss-pace-card__subtitle", children: e.subtitle }),
-        /* @__PURE__ */ n("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ f(I, { children: [
-          /* @__PURE__ */ n(
-            jt,
+        /* @__PURE__ */ a("div", { className: "gloss-pace-card__label", children: e.label }),
+        e.subtitle && /* @__PURE__ */ a("div", { className: "gloss-pace-card__subtitle", children: e.subtitle }),
+        /* @__PURE__ */ a("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ f(I, { children: [
+          /* @__PURE__ */ a(
+            qt,
             {
               consumed: e.consumed,
               elapsed: e.elapsed,
               severity: e.severity
             }
           ),
-          /* @__PURE__ */ n(Ut, { label: "Gap", value: e.gapLabel, severity: e.severity })
-        ] }) : /* @__PURE__ */ n(
-          Yt,
+          /* @__PURE__ */ a(Yt, { label: "Gap", value: e.gapLabel, severity: e.severity })
+        ] }) : /* @__PURE__ */ a(
+          Qt,
           {
             label: e.label,
-            onSetTarget: () => a(!0)
+            onSetTarget: () => n(!0)
           }
         ) })
       ] })
     }
   );
-}, Hn = () => /* @__PURE__ */ f("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
-  /* @__PURE__ */ n(
+}, Vn = () => /* @__PURE__ */ f("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
+  /* @__PURE__ */ a(
     "div",
     {
       className: "gloss-pace-tile-preview__bar gloss-pace-tile-preview__bar--consumed",
       style: { width: "78%" }
     }
   ),
-  /* @__PURE__ */ n(
+  /* @__PURE__ */ a(
     "div",
     {
       className: "gloss-pace-tile-preview__bar gloss-pace-tile-preview__bar--elapsed",
       style: { width: "60%" }
     }
   ),
-  /* @__PURE__ */ n("div", { className: "gloss-pace-tile-preview__gap-strip" })
+  /* @__PURE__ */ a("div", { className: "gloss-pace-tile-preview__gap-strip" })
 ] });
-function qt({ id: e, label: t, selected: a, focused: r, disabled: i, badge: s, onClick: l }) {
-  return /* @__PURE__ */ n(
+function Xt({ id: e, label: t, selected: n, focused: r, disabled: i, badge: s, onClick: l }) {
+  return /* @__PURE__ */ a(
     "span",
     {
       role: "radio",
-      "aria-checked": a,
+      "aria-checked": n,
       "aria-disabled": i || void 0,
       tabIndex: r ? 0 : -1,
       className: "gloss-lens-chip",
-      "data-selected": a || void 0,
+      "data-selected": n || void 0,
       "data-disabled": i || void 0,
       onClick: () => {
         i || l(e);
       },
       children: /* @__PURE__ */ f("span", { className: "gloss-lens-chip__inner", children: [
-        /* @__PURE__ */ n("span", { className: "gloss-lens-chip__label", children: t }),
-        s && /* @__PURE__ */ n("span", { className: "gloss-lens-chip__badge", children: s })
+        /* @__PURE__ */ a("span", { className: "gloss-lens-chip__label", children: t }),
+        s && /* @__PURE__ */ a("span", { className: "gloss-lens-chip__badge", children: s })
       ] })
     }
   );
 }
-function Qt({
+function Jt({
   lenses: e,
   value: t,
-  onChange: a,
+  onChange: n,
   "aria-label": r = "Lens"
 }) {
   const [i, s] = A(
@@ -3200,7 +3202,7 @@ function Qt({
   return E(() => {
     const o = e.findIndex((u) => u.id === t);
     s(o >= 0 ? o : 0);
-  }, [t, e]), e.length === 0 ? null : /* @__PURE__ */ n(
+  }, [t, e]), e.length === 0 ? null : /* @__PURE__ */ a(
     "div",
     {
       role: "radiogroup",
@@ -3225,14 +3227,14 @@ function Qt({
           case " ": {
             o.preventDefault();
             const u = e[i];
-            u && !u.disabled && a(u.id);
+            u && !u.disabled && n(u.id);
             break;
           }
         }
       },
       className: "gloss-lens-chip-group",
-      children: e.map((o, u) => /* @__PURE__ */ n(
-        qt,
+      children: e.map((o, u) => /* @__PURE__ */ a(
+        Xt,
         {
           id: o.id,
           label: o.label,
@@ -3240,36 +3242,36 @@ function Qt({
           focused: u === i,
           disabled: o.disabled,
           badge: o.badge,
-          onClick: a
+          onClick: n
         },
         o.id
       ))
     }
   );
 }
-Qt.displayName = "LensChipGroup";
-function Jt({ heading: e, children: t }) {
+Jt.displayName = "LensChipGroup";
+function Zt({ 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__ */ n("header", { className: "gloss-starter-rail__heading", children: e }),
-    /* @__PURE__ */ n("div", { className: "gloss-starter-rail__tiles", children: t })
+    /* @__PURE__ */ a("header", { className: "gloss-starter-rail__heading", children: e }),
+    /* @__PURE__ */ a("div", { className: "gloss-starter-rail__tiles", children: t })
   ] });
 }
-Jt.displayName = "StarterRail";
-function Xt({ heading: e, children: t, emptyStateLabel: a }) {
+Zt.displayName = "StarterRail";
+function ea({ heading: e, children: t, emptyStateLabel: n }) {
   const r = !t || Array.isArray(t) && t.length === 0;
   return /* @__PURE__ */ f("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
-    /* @__PURE__ */ n("header", { className: "gloss-more-in-lens-rail__heading", children: e }),
+    /* @__PURE__ */ a("header", { className: "gloss-more-in-lens-rail__heading", children: e }),
     /* @__PURE__ */ f("div", { className: "gloss-more-in-lens-rail__tiles", children: [
       t,
-      r && a && /* @__PURE__ */ n("p", { className: "gloss-more-in-lens-rail__empty", children: a })
+      r && n && /* @__PURE__ */ a("p", { className: "gloss-more-in-lens-rail__empty", children: n })
     ] })
   ] });
 }
-Xt.displayName = "MoreInLensRail";
+ea.displayName = "MoreInLensRail";
 function $({
   lead: e,
   name: t,
-  secondary: a,
+  secondary: n,
   value: r,
   trail: i,
   variant: s = "default",
@@ -3283,13 +3285,13 @@ function $({
     l ? "gloss-entity-row--clickable" : "",
     o ?? ""
   ].filter(Boolean).join(" "), d = /* @__PURE__ */ f(I, { children: [
-    e !== void 0 && /* @__PURE__ */ n("span", { className: "gloss-entity-row__lead", children: e }),
-    /* @__PURE__ */ n("span", { className: "gloss-entity-row__name", title: t, children: t }),
-    a !== void 0 && /* @__PURE__ */ n("span", { className: "gloss-entity-row__secondary", children: a }),
-    /* @__PURE__ */ n("span", { className: "gloss-entity-row__value", children: r }),
-    i !== void 0 && /* @__PURE__ */ n("span", { className: "gloss-entity-row__trail", children: i })
+    e !== void 0 && /* @__PURE__ */ a("span", { className: "gloss-entity-row__lead", children: e }),
+    /* @__PURE__ */ a("span", { className: "gloss-entity-row__name", title: t, children: t }),
+    n !== void 0 && /* @__PURE__ */ a("span", { className: "gloss-entity-row__secondary", children: n }),
+    /* @__PURE__ */ a("span", { className: "gloss-entity-row__value", children: r }),
+    i !== void 0 && /* @__PURE__ */ a("span", { className: "gloss-entity-row__trail", children: i })
   ] });
-  return l ? /* @__PURE__ */ n("div", { role: "listitem", className: m, style: u, children: /* @__PURE__ */ n(
+  return l ? /* @__PURE__ */ a("div", { role: "listitem", className: m, style: u, children: /* @__PURE__ */ a(
     "button",
     {
       type: "button",
@@ -3306,12 +3308,12 @@ function $({
       },
       children: d
     }
-  ) }) : /* @__PURE__ */ n("div", { role: "listitem", className: m, style: u, children: d });
+  ) }) : /* @__PURE__ */ a("div", { role: "listitem", className: m, style: u, children: d });
 }
 $.displayName = "EntityRow";
 const Q = ({ rank: e }) => {
   const t = e === 1 ? "first" : "other";
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "span",
     {
       role: "img",
@@ -3322,8 +3324,8 @@ const Q = ({ rank: e }) => {
   );
 };
 Q.displayName = "RankBadge";
-function J({ severity: e, "aria-label": t }) {
-  return /* @__PURE__ */ n(
+function X({ severity: e, "aria-label": t }) {
+  return /* @__PURE__ */ a(
     "span",
     {
       role: "img",
@@ -3332,18 +3334,18 @@ function J({ severity: e, "aria-label": t }) {
     }
   );
 }
-J.displayName = "SeverityDot";
-function Oe({
+X.displayName = "SeverityDot";
+function $e({
   delta: e,
   direction: t = "flat",
-  "aria-label": a
+  "aria-label": n
 }) {
   if (e === "new")
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ a(
       "span",
       {
         role: "img",
-        "aria-label": a,
+        "aria-label": n,
         className: "gloss-rank-delta gloss-rank-delta--new",
         children: "NEW"
       }
@@ -3353,7 +3355,7 @@ function Oe({
     "span",
     {
       role: "img",
-      "aria-label": a,
+      "aria-label": n,
       className: `gloss-rank-delta gloss-rank-delta--${t}`,
       children: [
         r,
@@ -3362,66 +3364,66 @@ function Oe({
     }
   );
 }
-Oe.displayName = "RankDelta";
-function X({ fill: e, variant: t = "default", className: a }) {
+$e.displayName = "RankDelta";
+function J({ fill: e, variant: t = "default", className: n }) {
   const r = Math.max(0, Math.min(100, e));
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "div",
     {
       "aria-hidden": "true",
       className: [
         "gloss-magnitude-bar",
         `gloss-magnitude-bar--${t}`,
-        a ?? ""
+        n ?? ""
       ].filter(Boolean).join(" "),
       style: { "--_fill": `${r}%` },
-      children: /* @__PURE__ */ n("div", { className: "gloss-magnitude-bar__fill" })
+      children: /* @__PURE__ */ a("div", { className: "gloss-magnitude-bar__fill" })
     }
   );
 }
-X.displayName = "MagnitudeBar";
-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({
+J.displayName = "MagnitudeBar";
+const ta = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
+function aa({
   label: e,
   rows: t,
-  rowCount: a,
+  rowCount: n,
   rankDeltaPeriod: r,
   isStale: i
 }) {
-  const s = a ?? 3;
+  const s = n ?? 3;
   return /* @__PURE__ */ f(I, { children: [
-    /* @__PURE__ */ n(
-      Y,
+    /* @__PURE__ */ a(
+      q,
       {
         className: "gloss-metric-card__zone-a",
         style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
-        children: /* @__PURE__ */ n(re, { className: "gloss-metric-card__label", children: e })
+        children: /* @__PURE__ */ a(se, { className: "gloss-metric-card__label", children: e })
       }
     ),
-    /* @__PURE__ */ n(
-      Y,
+    /* @__PURE__ */ a(
+      q,
       {
         className: `gloss-metric-card__zone-b gloss-leaderboard ${i ? "gloss-metric-data-stale" : ""}`,
         style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
-        children: /* @__PURE__ */ n("div", { className: "gloss-leaderboard__rows", role: "list", children: t.slice(0, s).map((l, o) => /* @__PURE__ */ n(
+        children: /* @__PURE__ */ a("div", { className: "gloss-leaderboard__rows", role: "list", children: t.slice(0, s).map((l, o) => /* @__PURE__ */ a(
           $,
           {
-            lead: /* @__PURE__ */ n(Q, { rank: o + 1 }),
+            lead: /* @__PURE__ */ a(Q, { rank: o + 1 }),
             name: l.name,
-            secondary: /* @__PURE__ */ n(
-              X,
+            secondary: /* @__PURE__ */ a(
+              J,
               {
                 fill: l.magnitude,
                 variant: l.isBottom ? "bottom" : "default"
               }
             ),
             value: l.value,
-            trail: /* @__PURE__ */ n(
-              Oe,
+            trail: /* @__PURE__ */ a(
+              $e,
               {
                 delta: l.rankDelta,
                 direction: l.direction,
-                "aria-label": Zt(l)
+                "aria-label": ta(l)
               }
             ),
             variant: "leaderboard",
@@ -3437,78 +3439,78 @@ function ea({
     ] })
   ] });
 }
-ea.displayName = "LeaderboardCard";
-const ta = () => /* @__PURE__ */ f(
+aa.displayName = "LeaderboardCard";
+const na = () => /* @__PURE__ */ f(
   "div",
   {
     className: "leaderboard-tile-preview",
     "aria-hidden": "true",
     style: { transform: "scale(0.6)", transformOrigin: "top left" },
     children: [
-      /* @__PURE__ */ n($, { lead: /* @__PURE__ */ n(Q, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ n(X, { fill: 96 }), value: "98%" }),
-      /* @__PURE__ */ n($, { lead: /* @__PURE__ */ n(Q, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ n(X, { fill: 72 }), value: "85%" }),
-      /* @__PURE__ */ n($, { lead: /* @__PURE__ */ n(Q, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ n(X, { fill: 48 }), value: "71%" })
+      /* @__PURE__ */ a($, { lead: /* @__PURE__ */ a(Q, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ a(J, { fill: 96 }), value: "98%" }),
+      /* @__PURE__ */ a($, { lead: /* @__PURE__ */ a(Q, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ a(J, { fill: 72 }), value: "85%" }),
+      /* @__PURE__ */ a($, { lead: /* @__PURE__ */ a(Q, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ a(J, { fill: 48 }), value: "71%" })
     ]
   }
 );
-ta.displayName = "LeaderboardTilePreview";
-const aa = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", na = (e, t) => {
-  const a = e.sourceValue;
-  if (typeof a != "number") return !1;
+na.displayName = "LeaderboardTilePreview";
+const ra = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", sa = (e, t) => {
+  const n = e.sourceValue;
+  if (typeof n != "number") return !1;
   switch (t.condition) {
     case "lt":
-      return a < t.threshold;
+      return n < t.threshold;
     case "gt":
-      return a > t.threshold;
+      return n > t.threshold;
     case "eq":
-      return a === t.threshold;
+      return n === t.threshold;
     case "gte":
-      return a >= t.threshold;
+      return n >= t.threshold;
     case "lte":
-      return a <= t.threshold;
+      return n <= t.threshold;
     default:
       return !1;
   }
 };
-function ra({
+function ia({
   label: e,
   rows: t,
-  rule: a,
+  rule: n,
   rowCount: r,
   emptyStateLabel: i,
   ruleSubtitle: s,
   isStale: l
 }) {
-  const o = t.filter((m) => na(m, a)), u = o.slice(0, r ?? 3);
+  const o = t.filter((m) => sa(m, n)), u = o.slice(0, r ?? 3);
   return o.length === 0 ? /* @__PURE__ */ f(I, { children: [
-    /* @__PURE__ */ n(
-      Y,
+    /* @__PURE__ */ a(
+      q,
       {
         className: "gloss-metric-card__zone-a",
         style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
-        children: /* @__PURE__ */ n(re, { className: "gloss-metric-card__label", children: e })
+        children: /* @__PURE__ */ a(se, { className: "gloss-metric-card__label", children: e })
       }
     ),
-    /* @__PURE__ */ n("div", { className: "gloss-exception-list__empty", role: "status", children: i ?? "No exceptions" }),
-    s && /* @__PURE__ */ n("div", { className: "gloss-exception-list__zone-c", children: s })
+    /* @__PURE__ */ a("div", { className: "gloss-exception-list__empty", role: "status", children: i ?? "No exceptions" }),
+    s && /* @__PURE__ */ a("div", { className: "gloss-exception-list__zone-c", children: s })
   ] }) : /* @__PURE__ */ f(I, { children: [
-    /* @__PURE__ */ n(
-      Y,
+    /* @__PURE__ */ a(
+      q,
       {
         className: "gloss-metric-card__zone-a",
         style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
-        children: /* @__PURE__ */ n(re, { className: "gloss-metric-card__label", children: e })
+        children: /* @__PURE__ */ a(se, { className: "gloss-metric-card__label", children: e })
       }
     ),
-    /* @__PURE__ */ n(
-      Y,
+    /* @__PURE__ */ a(
+      q,
       {
         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__ */ n("div", { className: "gloss-exception-list__rows", role: "list", children: u.map((m, d) => /* @__PURE__ */ n(
+        children: /* @__PURE__ */ a("div", { className: "gloss-exception-list__rows", role: "list", children: u.map((m, d) => /* @__PURE__ */ a(
           $,
           {
-            lead: /* @__PURE__ */ n(J, { severity: m.severity, "aria-label": aa(m.severity) }),
+            lead: /* @__PURE__ */ a(X, { severity: m.severity, "aria-label": ra(m.severity) }),
             name: m.name,
             value: m.value,
             variant: "exception",
@@ -3518,37 +3520,37 @@ function ra({
         )) })
       }
     ),
-    s && /* @__PURE__ */ n("div", { className: "gloss-exception-list__zone-c", children: s })
+    s && /* @__PURE__ */ a("div", { className: "gloss-exception-list__zone-c", children: s })
   ] });
 }
-ra.displayName = "ExceptionListCard";
-const sa = () => /* @__PURE__ */ f(
+ia.displayName = "ExceptionListCard";
+const la = () => /* @__PURE__ */ f(
   "div",
   {
     className: "exception-list-tile-preview",
     "aria-hidden": "true",
     style: { transform: "scale(0.6)", transformOrigin: "top left" },
     children: [
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ a(
         $,
         {
-          lead: /* @__PURE__ */ n(J, { severity: "critical", "aria-label": "Critical severity" }),
+          lead: /* @__PURE__ */ a(X, { severity: "critical", "aria-label": "Critical severity" }),
           name: "SKU A",
           value: "0 on hand"
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ a(
         $,
         {
-          lead: /* @__PURE__ */ n(J, { severity: "warn", "aria-label": "Warning severity" }),
+          lead: /* @__PURE__ */ a(X, { severity: "warn", "aria-label": "Warning severity" }),
           name: "SKU B",
           value: "3 units"
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ a(
         $,
         {
-          lead: /* @__PURE__ */ n(J, { severity: "info", "aria-label": "Info severity" }),
+          lead: /* @__PURE__ */ a(X, { severity: "info", "aria-label": "Info severity" }),
           name: "SKU C",
           value: "12 days"
         }
@@ -3556,32 +3558,32 @@ const sa = () => /* @__PURE__ */ f(
     ]
   }
 );
-sa.displayName = "ExceptionListTilePreview";
-const ye = ["MTD", "QTD", "YTD", "LYTD", "7D"], we = ["$248K", "$612K", "$1.24M", "$980K", "$54K"], _e = [
+la.displayName = "ExceptionListTilePreview";
+const _e = ["MTD", "QTD", "YTD", "LYTD", "7D"], we = ["$248K", "$612K", "$1.24M", "$980K", "$54K"], Ce = [
   "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"
-], ia = ({
+], oa = ({
   slotCount: e = 3,
-  labels: t = ye,
-  sampleValues: a = we
+  labels: t = _e,
+  sampleValues: n = we
 }) => {
   const r = Array.from({ length: e }, (i, s) => ({
-    label: t[s] ?? ye[s] ?? "",
-    value: a[s] ?? we[s] ?? "",
-    sparkPath: _e[s % _e.length]
+    label: t[s] ?? _e[s] ?? "",
+    value: n[s] ?? we[s] ?? "",
+    sparkPath: Ce[s % Ce.length]
   }));
-  return e === 1 ? /* @__PURE__ */ n("div", { className: "gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--single", "aria-hidden": "true", children: /* @__PURE__ */ n("div", { className: "gloss-stacked-group-tile-preview__single-value", children: r[0].value }) }) : /* @__PURE__ */ n(
+  return e === 1 ? /* @__PURE__ */ a("div", { className: "gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--single", "aria-hidden": "true", children: /* @__PURE__ */ a("div", { className: "gloss-stacked-group-tile-preview__single-value", children: r[0].value }) }) : /* @__PURE__ */ a(
     "div",
     {
       className: `gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--slots-${e}`,
       "aria-hidden": "true",
       children: r.map((i, s) => /* @__PURE__ */ f("div", { className: "gloss-stacked-group-tile-preview__row", children: [
-        /* @__PURE__ */ n("span", { className: "gloss-stacked-group-tile-preview__row-label", children: i.label }),
-        /* @__PURE__ */ n("span", { className: "gloss-stacked-group-tile-preview__row-value", children: i.value }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a("span", { className: "gloss-stacked-group-tile-preview__row-label", children: i.label }),
+        /* @__PURE__ */ a("span", { className: "gloss-stacked-group-tile-preview__row-value", children: i.value }),
+        /* @__PURE__ */ a(
           "svg",
           {
             className: "gloss-stacked-group-tile-preview__row-spark",
@@ -3590,15 +3592,15 @@ const ye = ["MTD", "QTD", "YTD", "LYTD", "7D"], we = ["$248K", "$612K", "$1.24M"
             height: "10",
             preserveAspectRatio: "none",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ n("path", { d: i.sparkPath, fill: "none", stroke: "currentColor", strokeWidth: "1" })
+            children: /* @__PURE__ */ a("path", { d: i.sparkPath, fill: "none", stroke: "currentColor", strokeWidth: "1" })
           }
         )
       ] }, s))
     }
   );
 };
-ia.displayName = "StackedGroupTilePreview";
-const Wn = {
+oa.displayName = "StackedGroupTilePreview";
+const Kn = {
   /** 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). */
@@ -3617,7 +3619,7 @@ const Wn = {
   hideOnActive: { applicableStates: ["active"] },
   /** GEV-01 — Refuse pulse. Discrete moment of crossing into rejection. Fires ONCE per transition (Principle 2). No strobing. */
   refusePulse: { applicableStates: ["active"] }
-}, Ce = {
+}, Ne = {
   baseCellTint: "#F1F4F8",
   // Grey · Neutral −2
   eligibilityFill: "#6F87D2",
@@ -3640,21 +3642,21 @@ const Wn = {
   rejectionFill: "var(--gloss-g02-rejection-fill)",
   rejectionStroke: "var(--gloss-g02-rejection-stroke)",
   trackingOutline: "var(--gloss-g02-tracking-outline)"
-}, Kn = "dashed", Vn = "solid", jn = "sparse-dash", Un = "2px no-fill", Yn = "6 4", qn = "10 6", la = 3;
-function Qn({
+}, jn = "dashed", Un = "solid", qn = "sparse-dash", Yn = "2px no-fill", Qn = "6 4", Xn = "10 6", ca = 3;
+function Jn({
   cell: e,
   variant: t,
-  rampColor: a,
+  rampColor: n,
   colWidth: r,
   rowHeight: i,
   gap: s,
   className: l
 }) {
-  const u = (e.section * la + e.col) * (r + s), m = e.row * (i + s), d = t === "eligibility" ? W.eligibilityFill : t === "commit" ? W.commitFill : t === "rejection" ? W.rejectionFill : (
+  const u = (e.section * ca + e.col) * (r + s), m = e.row * (i + s), d = t === "eligibility" ? W.eligibilityFill : t === "commit" ? W.commitFill : t === "rejection" ? W.rejectionFill : (
     /* ramp */
-    a ?? W.eligibilityFill
+    n ?? W.eligibilityFill
   ), g = t === "rejection", c = g ? W.rejectionStroke : "transparent", p = g ? "dashed" : "solid";
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "div",
     {
       className: [
@@ -3679,21 +3681,21 @@ function Qn({
     }
   );
 }
-const oa = 3, ca = [
+const da = 3, ua = [
   { 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 Jn({
+function Zn({
   cell: e,
   fireKey: t,
-  colWidth: a,
+  colWidth: n,
   rowHeight: r,
   gap: i,
   className: s
 }) {
-  const o = (e.section * oa + e.col) * (a + i) + a / 2, u = e.row * (r + i) + r / 2;
-  return Ne() === "reduced" ? /* @__PURE__ */ n(
+  const o = (e.section * da + e.col) * (n + i) + n / 2, u = e.row * (r + i) + r / 2;
+  return ke() === "reduced" ? /* @__PURE__ */ a(
     "div",
     {
       className: ["gloss-refuse-pulse-flash", s].filter(Boolean).join(" "),
@@ -3714,7 +3716,7 @@ function Jn({
       }
     },
     t
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ a(
     "div",
     {
       className: ["gloss-refuse-pulse", s].filter(Boolean).join(" "),
@@ -3729,9 +3731,9 @@ function Jn({
         top: 0,
         pointerEvents: "none"
       },
-      children: ca.map((d) => {
+      children: ua.map((d) => {
         const g = d.peakR * 2;
-        return /* @__PURE__ */ n(
+        return /* @__PURE__ */ a(
           "div",
           {
             className: `gloss-refuse-pulse__ring gloss-refuse-pulse__ring--${d.idx}`,
@@ -3763,27 +3765,17 @@ function Jn({
     t
   );
 }
-function Xn(e) {
-  return /* @__PURE__ */ n(Le, { gesture: "resize", ...e });
-}
-function da(e, t, a) {
-  const r = 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)
-  ], [s, l, o] = i(e), [u, m, d] = i(t);
-  return `rgb(${Math.round(s + (u - s) * r)}, ${Math.round(l + (m - l) * r)}, ${Math.round(
-    o + (d - o) * r
-  )})`;
+function er(e) {
+  return /* @__PURE__ */ a(Oe, { gesture: "resize", ...e });
 }
-function ua(e) {
+function ma(e) {
   return e <= 1 ? 1 : e >= 3 ? 3 : 2;
 }
-function ma(e) {
+function pa(e) {
   return e === "dragging";
 }
-function Zn(e) {
-  const { edgeHover: t, sourceCell: a, cascadeResult: r } = e, s = Ne() === "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);
+function tr(e) {
+  const { edgeHover: t, sourceCell: n, cascadeResult: r } = e, s = ke() === "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 = pa(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,
@@ -3795,50 +3787,50 @@ function Zn(e) {
     };
   const c = t.hysteresisTargetColSpan, p = t.previewColSpan, b = r?.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 = {
+  const k = b ? l.current : c, _ = {
     cell: { section: 0, col: 0, row: 0 },
     colSpan: k,
     pattern: b ? "dashed-retreated" : "solid"
   }, y = [];
   if (b) {
-    const S = a.col + l.current, R = a.col + c - 1;
+    const S = n.col + l.current, R = n.col + c - 1;
     for (let h = S; h <= R && h <= 2; h++)
       y.push({
         cell: {
           section: 0,
-          col: h - a.col,
+          col: h - n.col,
           row: 0
         },
         variant: "rejection"
       });
   } else {
     const S = Math.abs(p - c), R = Math.max(0, Math.min(1, 1 - S));
-    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 = {
+    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 = {
         section: 0,
-        col: h - a.col,
+        col: h - n.col,
         row: 0
       };
       v && t.direction.startsWith("grow") && c > 1 && !s && S > 0 && S < 1 ? y.push({
         cell: N,
         variant: "ramp",
-        rampColor: da(Ce.eligibilityFill, Ce.commitFill, R)
+        rampColor: qe(Ne.eligibilityFill, Ne.commitFill, R)
       }) : v ? y.push({ cell: N, variant: "commit" }) : y.push({ cell: N, variant: "eligibility" });
     }
   }
   const T = [];
   if (t.currentColSpan > c)
-    for (let S = a.col + c; S < a.col + t.currentColSpan && S <= 2; S++)
+    for (let S = n.col + c; S < n.col + t.currentColSpan && S <= 2; S++)
       T.push({
         section: 0,
-        col: S - a.col,
+        col: S - n.col,
         row: 0
       });
-  const _ = o.current.fireKey > 0 ? {
+  const w = o.current.fireKey > 0 ? {
     cell: {
       section: 0,
-      col: ua(
+      col: ma(
         Math.min(l.current, 2)
       ),
       row: 0
@@ -3846,9 +3838,9 @@ function Zn(e) {
     fireKey: o.current.fireKey
   } : null;
   return {
-    trackingOutline: w,
+    trackingOutline: _,
     cellTints: y,
-    refusePulse: _,
+    refusePulse: w,
     shrinkFreedCells: T,
     phase: m.current,
     displayColSpan: d.current
@@ -3862,22 +3854,22 @@ const G = {
   "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 pa({
+function ga({
   message: e,
   primaryAction: t,
-  onDismiss: a,
+  onDismiss: n,
   anchorEl: r,
   anchorSelector: i
 }) {
-  const [s, l] = K.useState(null), o = K.useMemo(
+  const [s, l] = V.useState(null), o = V.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
-  K.useEffect(() => {
+  V.useEffect(() => {
     !r && !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."
     );
-  }, [r, i]), K.useLayoutEffect(() => {
+  }, [r, i]), V.useLayoutEffect(() => {
     let m = null;
     if (r ? m = r : i && (m = document.querySelector(i)), m) {
       const d = m.getBoundingClientRect();
@@ -3897,9 +3889,9 @@ function pa({
       "aria-live": "polite",
       "data-reduced-motion": o ? "true" : void 0,
       children: [
-        /* @__PURE__ */ n("span", { className: G["gloss-inline-nudge__message"], children: e }),
+        /* @__PURE__ */ a("span", { className: G["gloss-inline-nudge__message"], children: e }),
         /* @__PURE__ */ f("div", { className: G["gloss-inline-nudge__actions"], children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ a(
             "button",
             {
               type: "button",
@@ -3908,12 +3900,12 @@ function pa({
               children: t.label
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               className: `${G["gloss-inline-nudge__btn"]} ${G["gloss-inline-nudge__btn--dismiss"]}`,
-              onClick: a,
+              onClick: n,
               "aria-label": "Dismiss",
               children: "Dismiss"
             }
@@ -3923,28 +3915,28 @@ function pa({
     }
   );
 }
-pa.displayName = "InlineNudge";
-function oe(e) {
+ga.displayName = "InlineNudge";
+function ce(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function ga(e, t, a) {
-  if (a <= t) {
-    const l = e[0], o = l ? oe(l) : "#888";
+function ha(e, t, n) {
+  if (n <= t) {
+    const l = e[0], o = l ? ce(l) : "#888";
     return `linear-gradient(to right, ${o}, ${o})`;
   }
-  const r = a - t, s = [...e].sort((l, o) => l.value - o.value).map((l) => {
+  const r = n - t, s = [...e].sort((l, o) => l.value - o.value).map((l) => {
     const o = (l.value - t) / r * 100;
-    return `${oe(l)} ${o.toFixed(2)}%`;
+    return `${ce(l)} ${o.toFixed(2)}%`;
   });
   return s.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : s.length === 1 ? `linear-gradient(to right, ${s[0]}, ${s[0]})` : `linear-gradient(to right, ${s.join(", ")})`;
 }
-function ha(e) {
+function fa(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function fa({
+function ba({
   stops: e,
   onChange: t,
-  min: a = 0,
+  min: n = 0,
   max: r = 100,
   step: i,
   disabled: s = !1
@@ -3954,23 +3946,23 @@ function fa({
   ), 0.01) : i, o = C(
     (h) => Math.round(h / l) * l,
     [l]
-  ), u = M(null), [m, d] = A(null), [g, c] = A(e), p = ha(e), b = M(p);
+  ), u = M(null), [m, d] = A(null), [g, c] = A(e), p = fa(e), b = M(p);
   E(() => {
     b.current !== p && (b.current = p, !m && c(e));
   }, [p, e, m]);
-  const k = ce(() => ga(g, a, r), [g, a, r]), w = C(
+  const k = de(() => ha(g, n, r), [g, n, r]), _ = C(
     (h) => {
-      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 * (r - a);
+      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 * (r - n);
       return o(P);
     },
-    [a, r, o]
+    [n, r, o]
   );
   E(() => {
-    r <= a && process.env.NODE_ENV !== "production" && console.warn(
-      `ThresholdRamp: max (${r}) must be greater than min (${a}); rendering degenerate strip.`
+    r <= n && process.env.NODE_ENV !== "production" && console.warn(
+      `ThresholdRamp: max (${r}) must be greater than min (${n}); rendering degenerate strip.`
     );
-  }, [a, r]);
+  }, [n, r]);
   const y = C(
     (h, v) => {
       const N = g.find((x) => x.id === v);
@@ -3979,28 +3971,28 @@ function fa({
     [s, g]
   ), T = M(g);
   T.current = g;
-  const _ = M(t);
-  _.current = t, E(() => {
+  const w = M(t);
+  w.current = t, E(() => {
     if (!m) return;
     const h = (N) => {
-      const x = w(N.clientX);
+      const x = _(N.clientX);
       c(
         (P) => P.map((D) => D.id === m ? { ...D, value: x } : D)
       );
     }, v = (N) => {
-      const x = w(N.clientX), P = T.current.map(
+      const x = _(N.clientX), P = T.current.map(
         (D) => D.id === m ? { ...D, value: x } : D
       );
-      c(P), d(null), _.current(P);
+      c(P), d(null), w.current(P);
     };
     return window.addEventListener("pointermove", h), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
       window.removeEventListener("pointermove", h), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
     };
-  }, [m, w]);
-  const S = r - a > 0 ? r - a : 1, R = C(
+  }, [m, _]);
+  const S = r - n > 0 ? r - n : 1, R = C(
     (h, v) => {
       if (s || v.disabled) return;
-      const N = r - a;
+      const N = r - n;
       if (N <= 0) return;
       const x = h.shiftKey ? N / 20 : N / 100;
       let P = v.value;
@@ -4014,7 +4006,7 @@ function fa({
           P = v.value - x;
           break;
         case "Home":
-          P = a;
+          P = n;
           break;
         case "End":
           P = r;
@@ -4023,30 +4015,30 @@ function fa({
           return;
       }
       h.preventDefault();
-      const D = Math.max(a, Math.min(r, P)), F = o(D);
+      const D = Math.max(n, Math.min(r, P)), F = o(D);
       if (F === v.value) return;
       const z = g.map(
         (ee) => ee.id === v.id ? { ...ee, value: F } : ee
       );
       c(z), t(z);
     },
-    [s, a, r, g, t, o]
+    [s, n, r, g, t, o]
   );
-  return /* @__PURE__ */ n("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ a("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ a(
     "div",
     {
       ref: u,
       className: "gloss-threshold-ramp__track",
       style: { background: k },
       children: g.map((h) => {
-        const v = (h.value - a) / S * 100;
-        return /* @__PURE__ */ n(
+        const v = (h.value - n) / S * 100;
+        return /* @__PURE__ */ a(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
               left: `${v}%`,
-              color: oe(h)
+              color: ce(h)
             },
             "data-disabled": h.disabled || void 0,
             "data-dragging": m === h.id || void 0,
@@ -4055,7 +4047,7 @@ function fa({
             "aria-label": h.label ?? `Stop at ${h.value}`,
             role: "slider",
             "aria-valuenow": h.value,
-            "aria-valuemin": a,
+            "aria-valuemin": n,
             "aria-valuemax": r,
             "aria-disabled": h.disabled || s || void 0,
             tabIndex: h.disabled || s ? -1 : 0
@@ -4066,26 +4058,26 @@ function fa({
     }
   ) });
 }
-fa.displayName = "ThresholdRamp";
-function ba(e, t, a, r) {
+ba.displayName = "ThresholdRamp";
+function va(e, t, n, r) {
   switch (t) {
     case "above-right":
       return {
-        top: e.top - a + r.y,
+        top: e.top - n + r.y,
         left: e.right + r.x,
         transform: "translate(-100%, -100%)",
         transformOrigin: "bottom right"
       };
     case "above-left":
       return {
-        top: e.top - a + r.y,
+        top: e.top - n + r.y,
         left: e.left + r.x,
         transform: "translate(0, -100%)",
         transformOrigin: "bottom left"
       };
     case "below-right":
       return {
-        top: e.bottom + a + r.y,
+        top: e.bottom + n + r.y,
         left: e.right + r.x,
         transform: "translate(-100%, 0)",
         transformOrigin: "top right"
@@ -4093,49 +4085,49 @@ function ba(e, t, a, r) {
     case "below-left":
     default:
       return {
-        top: e.bottom + a + r.y,
+        top: e.bottom + n + r.y,
         left: e.left + r.x,
         transform: "translate(0, 0)",
         transformOrigin: "top left"
       };
   }
 }
-function va(e) {
-  const { anchorRef: t, placement: a, gap: r = 8, offset: i, isOpen: s = !0 } = e, l = M({ x: i?.x ?? 0, y: i?.y ?? 0 });
+function ya(e) {
+  const { anchorRef: t, placement: n, gap: r = 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 Se(() => {
+  return De(() => {
     if (typeof window > "u" || !s) return;
     const m = t.current;
     if (!m) return;
     const d = () => {
       const c = m.getBoundingClientRect();
-      u(ba(c, a, r, l.current));
+      u(va(c, n, r, 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, a, r, s]), { style: o };
+  }, [t, n, r, s]), { style: o };
 }
-const ya = {
+const _a = {
   position: "fixed",
   zIndex: 9999
 };
-function er(e) {
-  const { anchorRef: t, placement: a, gap: r, offset: i, dataHost: s, isOpen: l = !0, className: o, children: u } = e, { style: m } = va({ anchorRef: t, placement: a, gap: r, offset: i, isOpen: l });
-  return typeof window > "u" || typeof document > "u" || !l ? null : De(
-    /* @__PURE__ */ n("div", { "data-portal-host": s, className: o, style: { ...ya, ...m }, children: u }),
+function ar(e) {
+  const { anchorRef: t, placement: n, gap: r, offset: i, dataHost: s, isOpen: l = !0, className: o, children: u } = e, { style: m } = ya({ anchorRef: t, placement: n, gap: r, offset: i, isOpen: l });
+  return typeof window > "u" || typeof document > "u" || !l ? null : xe(
+    /* @__PURE__ */ a("div", { "data-portal-host": s, className: o, style: { ..._a, ...m }, children: u }),
     document.body
   );
 }
-const $e = He(null);
+const Be = We(null);
 function wa() {
-  return We($e);
+  return Ve(Be);
 }
-function _a({ option: e }) {
-  const t = wa(), a = t?.isSelected(e.value) ?? !1, r = e.disabled || t?.groupDisabled, i = C(() => {
+function Ca({ option: e }) {
+  const t = wa(), n = t?.isSelected(e.value) ?? !1, r = e.disabled || t?.groupDisabled, i = C(() => {
     r || t?.select(e.value);
   }, [r, t, e.value]), s = C(
     (m) => {
@@ -4143,16 +4135,16 @@ function _a({ option: e }) {
     },
     [r, t, e.value]
   ), l = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", o = t?.firstFocusableValue === e.value, u = r ? -1 : o ? 0 : -1;
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "button",
     {
       ref: (m) => t?.registerRef(e.value, m),
       type: "button",
       role: "radio",
-      "aria-checked": a,
+      "aria-checked": n,
       className: "gloss-preset-swatch-row__swatch",
       style: { backgroundColor: l },
-      "data-selected": a || void 0,
+      "data-selected": n || void 0,
       "data-disabled": r || void 0,
       ...process.env.NODE_ENV === "test" ? { "data-bg-color": l } : {},
       "aria-label": e.label ?? e.value,
@@ -4164,36 +4156,36 @@ function _a({ option: e }) {
     }
   );
 }
-function Ca({
+function Na({
   swatches: e,
   value: t,
-  defaultValue: a,
+  defaultValue: n,
   onChange: r,
   disabled: i = !1,
   name: s
 }) {
-  const l = t !== void 0, [o, u] = A(a), m = l ? t : o, d = C(
-    (_) => {
-      l || u(_), r?.(_);
+  const l = t !== void 0, [o, u] = A(n), m = l ? t : o, d = C(
+    (w) => {
+      l || u(w), r?.(w);
     },
     [l, r]
   ), g = C(
-    (_) => m === _,
+    (w) => m === w,
     [m]
-  ), c = M(/* @__PURE__ */ new Map()), p = C((_, S) => {
-    S ? c.current.set(_, S) : c.current.delete(_);
-  }, []), b = e.filter((_) => !_.disabled && !i), k = b.find((_) => _.value === m)?.value ?? b[0]?.value, w = C((_) => {
-    const S = c.current.get(_);
+  ), c = M(/* @__PURE__ */ new Map()), p = C((w, S) => {
+    S ? c.current.set(w, S) : c.current.delete(w);
+  }, []), b = e.filter((w) => !w.disabled && !i), k = b.find((w) => w.value === m)?.value ?? b[0]?.value, _ = C((w) => {
+    const S = c.current.get(w);
     S && S.focus();
   }, []), y = C(
-    (_, S) => {
+    (w, S) => {
       if (i) return;
       const R = e.filter((x) => !x.disabled);
       if (R.length === 0) return;
       const h = R.findIndex((x) => x.value === S);
       if (h === -1) return;
       let v = h;
-      switch (_.key) {
+      switch (w.key) {
         case "ArrowRight":
         case "ArrowDown":
           v = (h + 1) % R.length;
@@ -4210,16 +4202,16 @@ function Ca({
           break;
         case " ":
         case "Enter":
-          _.preventDefault(), d(S);
+          w.preventDefault(), d(S);
           return;
         default:
           return;
       }
-      _.preventDefault();
+      w.preventDefault();
       const N = R[v].value;
-      w(N), d(N);
+      _(N), d(N);
     },
-    [i, e, d, w]
+    [i, e, d, _]
   ), T = {
     selectedValue: m,
     select: d,
@@ -4230,7 +4222,7 @@ function Ca({
     firstFocusableValue: k,
     onKeyNav: y
   };
-  return /* @__PURE__ */ n($e.Provider, { value: T, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(Be.Provider, { value: T, children: /* @__PURE__ */ a(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -4238,15 +4230,73 @@ function Ca({
       "aria-label": s,
       "aria-disabled": i,
       "data-disabled": i || void 0,
-      children: e.map((_) => /* @__PURE__ */ n(_a, { option: _ }, _.value))
+      children: e.map((w) => /* @__PURE__ */ a(Ca, { option: w }, w.value))
     }
   ) });
 }
-Ca.displayName = "PresetSwatchRow";
-function tr({
+Na.displayName = "PresetSwatchRow";
+function nr({
+  sections: e,
+  onCommit: t,
+  onCancel: n,
+  // WR-03: anchorRect is a deprecated pass-through; placement is consumer-managed.
+  anchorRect: r,
+  title: i = "Configure"
+}) {
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: "gloss-quick-config-panel",
+      style: {
+        // D-03: width driven by MetricGroupContainer slot primitive CSS var
+        width: "var(--gloss-slot-width, 180px)",
+        // AN-01: panel transitions use transform/opacity only — no width/height animation
+        willChange: "transform"
+      },
+      children: [
+        /* @__PURE__ */ a("div", { className: "gloss-quick-config-panel__header", children: i }),
+        /* @__PURE__ */ a("div", { className: "gloss-quick-config-panel__body", children: e.map((s) => /* @__PURE__ */ f(
+          "section",
+          {
+            "data-section-id": s.id,
+            className: "gloss-quick-config-panel__section",
+            children: [
+              /* @__PURE__ */ a("h3", { className: "gloss-quick-config-panel__section-label", children: s.label }),
+              /* @__PURE__ */ a("div", { className: "gloss-quick-config-panel__section-content", children: s.render() })
+            ]
+          },
+          s.id
+        )) }),
+        /* @__PURE__ */ f("div", { className: "gloss-quick-config-panel__footer", children: [
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: "gloss-quick-config-panel__pill gloss-quick-config-panel__pill--cancel",
+              onClick: n,
+              "aria-label": "Cancel",
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: "gloss-quick-config-panel__pill gloss-quick-config-panel__pill--save",
+              onClick: t,
+              "aria-label": "Save",
+              children: "Save"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function rr({
   slotLeft: e,
   slotCenter: t,
-  slotRight: a,
+  slotRight: n,
   height: r = 36,
   className: i,
   style: s,
@@ -4265,7 +4315,7 @@ function tr({
       className: ["gloss-bottom-toolbar", i].filter(Boolean).join(" "),
       style: o,
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "div",
           {
             className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--left",
@@ -4273,7 +4323,7 @@ function tr({
             children: e
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "div",
           {
             className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--center",
@@ -4281,22 +4331,22 @@ function tr({
             children: t
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "div",
           {
             className: "gloss-bottom-toolbar__slot gloss-bottom-toolbar__slot--right",
             "data-slot": "right",
-            children: a
+            children: n
           }
         )
       ]
     }
   );
 }
-function ar({
+function sr({
   count: e,
   currentIndex: t,
-  onSelect: a,
+  onSelect: n,
   "aria-label": r = "Sections",
   provisionalIndex: i,
   pulseIndex: s,
@@ -4315,21 +4365,21 @@ function ar({
       "data-testid": "gloss-section-dots",
       className: "gloss-section-dots",
       "data-hiding": m ? "true" : void 0,
-      onKeyDown: (w) => {
+      onKeyDown: (_) => {
         if (e !== 0) {
-          if (w.key === "ArrowRight") {
-            w.preventDefault();
+          if (_.key === "ArrowRight") {
+            _.preventDefault();
             const y = (d + 1) % e;
-            a(y), requestAnimationFrame(() => b.current[y]?.focus());
-          } else if (w.key === "ArrowLeft") {
-            w.preventDefault();
+            n(y), requestAnimationFrame(() => b.current[y]?.focus());
+          } else if (_.key === "ArrowLeft") {
+            _.preventDefault();
             const y = (d - 1 + e) % e;
-            a(y), requestAnimationFrame(() => b.current[y]?.focus());
+            n(y), requestAnimationFrame(() => b.current[y]?.focus());
           }
         }
       },
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "span",
           {
             className: "gloss-section-dots__blob",
@@ -4340,7 +4390,7 @@ function ar({
             }
           }
         ),
-        Array.from({ length: e }, (w, y) => /* @__PURE__ */ n(
+        Array.from({ length: e }, (_, y) => /* @__PURE__ */ a(
           "button",
           {
             ref: (T) => {
@@ -4356,7 +4406,7 @@ function ar({
               "gloss-section-dots__dot",
               y === d && "gloss-section-dots__dot--current"
             ].filter(Boolean).join(" "),
-            onClick: () => a(y)
+            onClick: () => n(y)
           },
           y === s ? `${y}-${l ?? 0}` : y
         ))
@@ -4364,19 +4414,19 @@ function ar({
     }
   );
 }
-function nr(e) {
+function ir(e) {
   const {
     mode: t = null,
-    count: a,
+    count: n,
     anchorRef: r,
     subscribeToCoordinator: i = !0,
     cardLabels: s
-  } = e, l = M(null), [o, u] = A({ cx: 0, cy: 0, r: 14 }), m = ke().replace(/:/g, "-"), d = Be(), 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 Se(() => {
-    const w = l.current, y = r.current;
-    if (!w || !y) return;
+  } = e, l = M(null), [o, u] = A({ cx: 0, cy: 0, r: 14 }), m = Se().replace(/:/g, "-"), d = ze(), 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 De(() => {
+    const _ = l.current, y = r.current;
+    if (!_ || !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;
+      const w = y.getBoundingClientRect(), S = _.getBoundingClientRect(), R = w.left + w.width / 2 - S.left, h = w.top + w.height / 2 - S.top, v = Math.max(w.width, w.height) / 2 + 4;
       u({ cx: R, cy: h, r: v });
     };
     if (T(), globalThis.window !== void 0)
@@ -4387,409 +4437,409 @@ function nr(e) {
       ref: l,
       className: "bell-cutout",
       "data-mode": p,
-      "data-count": p === "unread-count" && a != null ? String(a) : void 0,
+      "data-count": p === "unread-count" && n != null ? String(n) : void 0,
       "aria-hidden": "true",
       children: [
         /* @__PURE__ */ f("svg", { className: "bell-cutout__svg", width: "100%", height: "100%", preserveAspectRatio: "none", children: [
-          /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ f("mask", { id: m, children: [
-            /* @__PURE__ */ n("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "white" }),
-            /* @__PURE__ */ n("circle", { cx: o.cx, cy: o.cy, r: o.r, fill: "black" })
+          /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ f("mask", { id: m, children: [
+            /* @__PURE__ */ a("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "white" }),
+            /* @__PURE__ */ a("circle", { cx: o.cx, cy: o.cy, r: o.r, fill: "black" })
           ] }) }),
-          /* @__PURE__ */ n("rect", { x: "0", y: "0", width: "100%", height: "100%", mask: `url(#${m})`, className: "bell-cutout__fill" })
+          /* @__PURE__ */ a("rect", { x: "0", y: "0", width: "100%", height: "100%", mask: `url(#${m})`, className: "bell-cutout__fill" })
         ] }),
-        /* @__PURE__ */ n("span", { className: "bell-cutout__dot", "aria-hidden": "true" }),
-        p === "lock" && g != null ? /* @__PURE__ */ n("span", { className: "bell-cutout__lock-text", role: "status", "aria-live": "polite", children: `Still editing "${k}" — Cancel or Apply first` }) : null
+        /* @__PURE__ */ a("span", { className: "bell-cutout__dot", "aria-hidden": "true" }),
+        p === "lock" && g != null ? /* @__PURE__ */ a("span", { className: "bell-cutout__lock-text", role: "status", "aria-live": "polite", children: `Still editing "${k}" — Cancel or Apply first` }) : null
       ]
     }
   );
 }
-const Na = ({
+const ka = ({
   ref: e,
   density: t = "compact",
-  children: a,
+  children: n,
   ...r
 }) => {
   const i = { ...r };
-  return delete i.className, delete i.style, /* @__PURE__ */ n("div", { ref: e, className: "gloss-container-toolbar", role: "toolbar", ...i, children: /* @__PURE__ */ n(de, { region: "toolbar", density: t, children: a }) });
+  return delete i.className, delete i.style, /* @__PURE__ */ a("div", { ref: e, className: "gloss-container-toolbar", role: "toolbar", ...i, children: /* @__PURE__ */ a(ue, { region: "toolbar", density: t, children: n }) });
 };
-Na.displayName = "ContainerToolbar";
-const ka = ({
+ka.displayName = "ContainerToolbar";
+const Sa = ({
   ref: e,
   legend: t,
-  description: a,
+  description: n,
   density: r = "default",
   children: i,
   ...s
 }) => {
   const l = { ...s };
   return delete l.className, delete l.style, /* @__PURE__ */ f("fieldset", { ref: e, className: "gloss-container-form-section", ...l, children: [
-    t && /* @__PURE__ */ n("legend", { className: "gloss-container-form-section__legend", children: t }),
-    a && /* @__PURE__ */ n("p", { className: "gloss-container-form-section__description", children: a }),
-    /* @__PURE__ */ n(de, { region: "form-section", density: r, children: i })
+    t && /* @__PURE__ */ a("legend", { className: "gloss-container-form-section__legend", children: t }),
+    n && /* @__PURE__ */ a("p", { className: "gloss-container-form-section__description", children: n }),
+    /* @__PURE__ */ a(ue, { region: "form-section", density: r, children: i })
   ] });
 };
-ka.displayName = "ContainerFormSection";
-const Sa = ({
+Sa.displayName = "ContainerFormSection";
+const Da = ({
   ref: e,
   density: t = "compact",
-  children: a,
+  children: n,
   ...r
 }) => {
   const i = { ...r };
-  return delete i.className, delete i.style, /* @__PURE__ */ n("div", { ref: e, className: "gloss-container-table", ...i, children: /* @__PURE__ */ n(de, { region: "table", density: t, children: a }) });
+  return delete i.className, delete i.style, /* @__PURE__ */ a("div", { ref: e, className: "gloss-container-table", ...i, children: /* @__PURE__ */ a(ue, { region: "table", density: t, children: n }) });
 };
-Sa.displayName = "ContainerTable";
+Da.displayName = "ContainerTable";
 export {
-  kr as Accordion,
-  Sr as AccordionContent,
-  Dr as AccordionItem,
-  xr as AccordionTrigger,
-  Tr as ActionStrip,
-  Rr as Actionable,
-  Mr as AddressGroup,
-  Pr as AddressSelect,
-  Ar as AsyncLoader,
-  Er as Autocomplete,
-  Fr as Badge,
-  Ir as BarChartCard,
-  Ol as BarsBg,
-  nr as BellCutout,
-  er as BodyPortal,
-  tr as BottomToolbar,
-  Lr as Button,
-  Or as ButtonGroup,
-  $r as ButtonGroupContext,
-  Br as Card,
-  zr as CardActions,
-  Gr as CardBack,
-  Hr as CardBody,
-  Wr as CardFooter,
-  Kr as CardHeader,
-  Vr as CardMedia,
-  Ge as CardShell,
-  jr as CardSubtitle,
-  Ur as CardTitle,
-  zn as CascadePreview,
-  Qn as CellTintOverlay,
-  Yr as ChartControlBar,
-  qr as Checkbox,
-  Qr as CheckboxGroup,
-  Jr as Chip,
-  Xr as ColorPicker,
-  Zr as ComparisonCard,
-  es as ContactForm,
-  ts as ContainerCard,
-  as as ContainerCardActions,
-  ns as ContainerCardBody,
-  rs as ContainerCardFooter,
-  ss as ContainerCardHeader,
-  is as ContainerCardMedia,
-  ls as ContainerCardSubtitle,
-  os as ContainerCardTitle,
-  cs as ContainerDialog,
-  ds as ContainerDialogActions,
-  us as ContainerDialogBody,
-  ms as ContainerDialogHeader,
-  ka as ContainerFormSection,
-  ps as ContainerPanel,
-  Sa as ContainerTable,
-  Na as ContainerToolbar,
-  gs as CreditCardForm,
-  hs as DEFAULT_FOOTER_IDS,
-  V as DEFAULT_GRID_INTERACTION_PHYSICS,
-  Yl as DEFAULT_MARKET_PRESETS,
-  fs as DEFAULT_OVERFLOW_IDS,
-  ql as DEFAULT_PINNED,
-  ct as DEFAULT_RESIZE_PHYSICS,
-  xe as DEFAULT_RESIZE_PILL_PHYSICS,
-  bs as DataTable,
-  vs as DatePicker,
-  ys as DateRangePicker,
-  ws as DestructiveModal,
-  Ht as DevTuningPanel,
-  _s as DirectionCard,
-  Cs as Dismissible,
-  Ns as DistributionCard,
-  $l as DonutChart,
-  $n as DragGhost,
-  Fn as DropAnchorCell,
-  ks as Dropdown,
-  jt as DualPaceBars,
-  Ss as ENTITY_FILTER_KEYS,
-  Ds as ENTITY_PROFILE_ROUTES,
-  xs as ENTITY_TYPE_PLURAL,
-  On as EmptyCellPackAffordance,
-  Ts as EntityPicker,
+  xr as Accordion,
+  Tr as AccordionContent,
+  Rr as AccordionItem,
+  Mr as AccordionTrigger,
+  Pr as ActionStrip,
+  Ar as Actionable,
+  Er as AddressGroup,
+  Fr as AddressSelect,
+  Ir as AsyncLoader,
+  Lr as Autocomplete,
+  Or as Badge,
+  $r as BarChartCard,
+  oo as BarsBg,
+  ir as BellCutout,
+  ar as BodyPortal,
+  rr as BottomToolbar,
+  Br as Button,
+  zr as ButtonGroup,
+  Gr as ButtonGroupContext,
+  Hr as Card,
+  Wr as CardActions,
+  Vr as CardBack,
+  Kr as CardBody,
+  jr as CardFooter,
+  Ur as CardHeader,
+  qr as CardMedia,
+  He as CardShell,
+  Yr as CardSubtitle,
+  Qr as CardTitle,
+  Hn as CascadePreview,
+  Jn as CellTintOverlay,
+  Xr as ChartControlBar,
+  Jr as Checkbox,
+  Zr as CheckboxGroup,
+  es as Chip,
+  ts as ColorPicker,
+  as as ComparisonCard,
+  ns as ContactForm,
+  rs as ContainerCard,
+  ss as ContainerCardActions,
+  is as ContainerCardBody,
+  ls as ContainerCardFooter,
+  os as ContainerCardHeader,
+  cs as ContainerCardMedia,
+  ds as ContainerCardSubtitle,
+  us as ContainerCardTitle,
+  ms as ContainerDialog,
+  ps as ContainerDialogActions,
+  gs as ContainerDialogBody,
+  hs as ContainerDialogHeader,
+  Sa as ContainerFormSection,
+  fs as ContainerPanel,
+  Da as ContainerTable,
+  ka as ContainerToolbar,
+  bs as CreditCardForm,
+  vs as DEFAULT_FOOTER_IDS,
+  K as DEFAULT_GRID_INTERACTION_PHYSICS,
+  Ll as DEFAULT_MARKET_PRESETS,
+  ys as DEFAULT_OVERFLOW_IDS,
+  Ol as DEFAULT_PINNED,
+  ut as DEFAULT_RESIZE_PHYSICS,
+  Te as DEFAULT_RESIZE_PILL_PHYSICS,
+  _s as DataTable,
+  ws as DatePicker,
+  Cs as DateRangePicker,
+  Ns as DestructiveModal,
+  Vt as DevTuningPanel,
+  ks as DirectionCard,
+  Ss as Dismissible,
+  Ds as DistributionCard,
+  co as DonutChart,
+  zn as DragGhost,
+  Ln as DropAnchorCell,
+  xs as Dropdown,
+  qt as DualPaceBars,
+  Ts as ENTITY_FILTER_KEYS,
+  Rs as ENTITY_PROFILE_ROUTES,
+  Ms as ENTITY_TYPE_PLURAL,
+  Bn as EmptyCellPackAffordance,
+  Ps as EntityPicker,
   $ as EntityRow,
-  Rs as EntitySearchPanel,
-  ra as ExceptionListCard,
-  sa as ExceptionListTilePreview,
-  Ms as Expandable,
-  Bl as ExpandableChip,
-  Ps as FLIP_AND_STAGE_TIMINGS,
-  As as FileUpload,
-  Es as FilterChip,
-  Fs as FilterInput,
-  Is as FlipAndStageProvider,
-  Ls as Form,
-  Os as FormDialog,
-  $s as FormField,
-  Bs as FusedShape,
-  Ut as GapReadout,
-  zs as GestureStateProvider,
-  ot as GhostPreview,
-  Gs as GroupCheckbox,
-  Hs as GroupRadio,
-  ir as HARD_CLIP,
-  Ws as HighlightCard,
-  Ks as HybridDatePicker,
-  Vs as ImportWizard,
-  pa as InlineNudge,
-  js as Input,
-  Us as InputAddon,
-  Ys as InputGroup,
-  ea as LeaderboardCard,
-  ta as LeaderboardTilePreview,
-  Qt as LensChipGroup,
-  qs as Link,
-  Qs as LoginForm,
-  X as MagnitudeBar,
-  Js as MarketPresetRow,
-  Xs as MaskPresets,
-  Zs as MaskedInput,
-  ei as Menu,
-  ti as MenuDivider,
-  ai as MenuGroup,
-  ni as MenuItem,
-  ri as MergePrompt,
-  zl as MetricCard,
-  si as MetricCardGrid,
-  Et as MetricGroupContainer,
-  ii as MiniCalendar,
-  Xt as MoreInLensRail,
-  li as MultiSelect,
-  lr as NotificationCenterShell,
-  oi as NumberInput,
-  Gl as ObjectArrow,
-  ci as OrderFilterBar,
-  or as PANEL_COMMITS,
-  Ql as PERIOD_OPTIONS,
-  Gn as PaceCard,
-  Hn as PaceTilePreview,
-  _t as PageChip,
-  Pe as PageDropdown,
-  cr as PanelHost,
-  dr as PanelProvider,
-  di as PasswordInput,
-  ui as PaymentForm,
-  mi as PaymentMethodSelect,
-  pi as PhoneInput,
-  gi as PinToMetric,
-  Ca as PresetSwatchRow,
-  hi as ProfileCard,
-  fi as ProgressCard,
-  bi as QuickConfigPanel,
-  Tt as RECONFIG_BACKSIDE_LABELS,
-  Jl as ROLLING_OPTIONS,
-  vi as Radio,
-  yi as RadioGroup,
-  wi as RangeSlider,
+  As as EntitySearchPanel,
+  ia as ExceptionListCard,
+  la as ExceptionListTilePreview,
+  Es as Expandable,
+  uo as ExpandableChip,
+  Fs as FLIP_AND_STAGE_TIMINGS,
+  Is as FileUpload,
+  Ls as FilterChip,
+  Os as FilterInput,
+  $s as FlipAndStageProvider,
+  Bs as Form,
+  zs as FormDialog,
+  Gs as FormField,
+  Hs as FusedShape,
+  Yt as GapReadout,
+  Ws as GestureStateProvider,
+  dt as GhostPreview,
+  Vs as GroupCheckbox,
+  Ks as GroupRadio,
+  cr as HARD_CLIP,
+  js as HighlightCard,
+  Us as HybridDatePicker,
+  qs as ImportWizard,
+  ga as InlineNudge,
+  Ys as Input,
+  Qs as InputAddon,
+  Xs as InputGroup,
+  aa as LeaderboardCard,
+  na as LeaderboardTilePreview,
+  Jt as LensChipGroup,
+  Js as Link,
+  Zs as LoginForm,
+  J as MagnitudeBar,
+  ei as MarketPresetRow,
+  ti as MaskPresets,
+  ai as MaskedInput,
+  ni as Menu,
+  ri as MenuDivider,
+  si as MenuGroup,
+  ii as MenuItem,
+  li as MergePrompt,
+  mo as MetricCard,
+  oi as MetricCardGrid,
+  It as MetricGroupContainer,
+  ci as MiniCalendar,
+  ea as MoreInLensRail,
+  di as MultiSelect,
+  dr as NotificationCenterShell,
+  ui as NumberInput,
+  po as ObjectArrow,
+  mi as OrderFilterBar,
+  ur as PANEL_COMMITS,
+  $l as PERIOD_OPTIONS,
+  Wn as PaceCard,
+  Vn as PaceTilePreview,
+  Nt as PageChip,
+  Ae as PageDropdown,
+  mr as PanelHost,
+  pr as PanelProvider,
+  pi as PasswordInput,
+  gi as PaymentForm,
+  hi as PaymentMethodSelect,
+  fi as PhoneInput,
+  bi as PinToMetric,
+  Na as PresetSwatchRow,
+  vi as ProfileCard,
+  yi as ProgressCard,
+  nr as QuickConfigPanel,
+  Mt as RECONFIG_BACKSIDE_LABELS,
+  Bl as ROLLING_OPTIONS,
+  _i as Radio,
+  wi as RadioGroup,
+  Ci as RangeSlider,
   Q as RankBadge,
-  Oe as RankDelta,
-  _i as Rating,
-  Pt as ReconfigBacksideButtons,
-  Jn as RefusePulse,
-  Ci as RegistrationForm,
-  En as ResizeEnvelope,
-  gt as ResizePill,
-  Xn as ResizeTrackingOutline,
-  Ni as Row1Controls,
-  ki as Row2FilterTray,
-  Kn as STROKE_DASHED,
-  Yn as STROKE_DASHED_DASHARRAY,
-  Un as STROKE_OUTLINE,
-  Vn as STROKE_SOLID,
-  jn as STROKE_SPARSE_DASH,
-  qn as STROKE_SPARSE_DASH_DASHARRAY,
-  Si as SearchInput,
-  Ln as SectionDivider,
-  ar as SectionDots,
-  Di as SegmentCard,
-  xi as SegmentedControl,
-  Ti as Select,
-  Ri as Selectable,
-  ur as SettingsTabStrip,
-  J as SeverityDot,
-  Mi as SimpleMetricCard,
-  Pi as SimpleSelector,
-  Ai as Skeleton,
-  Ei as SkeletonCard,
-  Fi as SkeletonChart,
-  Ii as SkeletonTable,
-  Li as Slider,
-  Bn as SnapOutline,
-  Oi as Sortable,
-  mr as SortableZones,
-  Hl as SparklineBg,
-  In as SpilloverArc,
-  $i as SplitButton,
-  Bi as StackedGroupCard,
-  ia as StackedGroupTilePreview,
-  Jt as StarterRail,
-  Wl as StatusModeCard,
-  lt as StatusSlotChipMenu,
-  zi as Stepper,
-  ve as SwingReveal,
-  Xl as TODAY_PRESET,
+  $e as RankDelta,
+  Ni as Rating,
+  Et as ReconfigBacksideButtons,
+  Zn as RefusePulse,
+  ki as RegistrationForm,
+  In as ResizeEnvelope,
+  ft as ResizePill,
+  er as ResizeTrackingOutline,
+  Si as Row1Controls,
+  Di as Row2FilterTray,
+  jn as STROKE_DASHED,
+  Qn as STROKE_DASHED_DASHARRAY,
+  Yn as STROKE_OUTLINE,
+  Un as STROKE_SOLID,
+  qn as STROKE_SPARSE_DASH,
+  Xn as STROKE_SPARSE_DASH_DASHARRAY,
+  xi as SearchInput,
+  $n as SectionDivider,
+  sr as SectionDots,
+  Ti as SegmentCard,
+  Ri as SegmentedControl,
+  Mi as Select,
+  Pi as Selectable,
+  gr as SettingsTabStrip,
+  X as SeverityDot,
+  Ai as SimpleMetricCard,
+  Ei as SimpleSelector,
+  Fi as Skeleton,
+  Ii as SkeletonCard,
+  Li as SkeletonChart,
+  Oi as SkeletonTable,
+  $i as Slider,
+  Gn as SnapOutline,
+  Bi as Sortable,
+  hr as SortableZones,
+  go as SparklineBg,
+  On as SpilloverArc,
+  zi as SplitButton,
+  Gi as StackedGroupCard,
+  oa as StackedGroupTilePreview,
+  Zt as StarterRail,
+  ho as StatusModeCard,
+  ct as StatusSlotChipMenu,
+  Hi as Stepper,
+  ye as SwingReveal,
+  zl as TODAY_PRESET,
   H as TUNING_DEFAULTS,
-  Ie as TUNING_STORAGE_KEY,
-  Gi as TabGroup,
-  Hi as TabbedDataView,
-  Wi as TagInput,
-  et as TargetInput,
-  Ki as Textarea,
-  fa as ThresholdRamp,
-  Vi as TimeFrame,
-  ji as TimePicker,
-  Kl as TimeframeQuickBar,
-  Ui as Toggle,
-  Yi as Tooltip,
-  Le as TrackingOutline,
-  qi as Transition,
-  Qi as TransitionGroup,
-  Ji as TrendCard,
-  Vl as TrendIndicator,
-  Fl as UIContext,
-  de as UIContextProvider,
-  Xi as UnifiedBreakdownTable,
-  Zi as UnifiedContextMenu,
-  Za as VelocityBuffer,
-  el as addressGroupMetadata,
-  tl as addressSchema,
-  Wa as allChips,
-  nn as allStateFixtures,
-  an as allVariantFixtures,
-  Ua as blockSamples,
-  al as buildDefaultOverflow,
-  Xa as cardSamples,
-  j as cascadePhysics,
-  Qa as chartSamples,
-  qa as circleSamples,
-  pr as colorTokens,
-  Dn as compactLayout,
-  hn as compactState,
-  tn as computeGutterAnchorX,
-  nl as contactFormMetadata,
-  rl as contactSchema,
-  fn as contextMenuFixtures,
-  sl as creditCardFormMetadata,
-  il as creditCardSchema,
-  nt as dateChip,
-  Fe as defaultControlBarState,
-  ll as destructiveModalMetadata,
-  ol as durations,
-  cl as easings,
-  bt as emptyFixture,
-  tt as entityChip,
-  St as entityNameActions,
-  Va as entityTabGroup,
-  ft as errorFixture,
-  jl as evaluateTintCondition,
-  gn as filteredState,
-  Zl as findPreset,
-  eo as formatDateRange,
-  to as formatMarketDates,
-  ao as formatTrend,
-  no as formatValue,
-  Tn as fullLayout,
-  ro as generateMarketId,
+  Le as TUNING_STORAGE_KEY,
+  Wi as TabGroup,
+  Vi as TabbedDataView,
+  Ki as TagInput,
+  at as TargetInput,
+  ji as Textarea,
+  ba as ThresholdRamp,
+  Ui as TimeFrame,
+  qi as TimePicker,
+  fo as TimeframeQuickBar,
+  Yi as Toggle,
+  Qi as Tooltip,
+  Oe as TrackingOutline,
+  Xi as Transition,
+  Ji as TransitionGroup,
+  Zi as TrendCard,
+  bo as TrendIndicator,
+  so as UIContext,
+  ue as UIContextProvider,
+  el as UnifiedBreakdownTable,
+  tl as UnifiedContextMenu,
+  tn as VelocityBuffer,
+  al as addressGroupMetadata,
+  nl as addressSchema,
+  Ka as allChips,
+  sn as allStateFixtures,
+  rn as allVariantFixtures,
+  Ya as blockSamples,
+  rl as buildDefaultOverflow,
+  en as cardSamples,
+  Pl as cascadePhysics,
+  Ja as chartSamples,
+  Xa as circleSamples,
+  fr as colorTokens,
+  Tn as compactLayout,
+  bn as compactState,
+  nn as computeGutterAnchorX,
+  sl as contactFormMetadata,
+  il as contactSchema,
+  vn as contextMenuFixtures,
+  ll as creditCardFormMetadata,
+  ol as creditCardSchema,
+  st as dateChip,
+  Ie as defaultControlBarState,
+  cl as destructiveModalMetadata,
+  El as durations,
+  Fl as easings,
+  yt as emptyFixture,
+  nt as entityChip,
+  xt as entityNameActions,
+  Ua as entityTabGroup,
+  vt as errorFixture,
+  vo as evaluateTintCondition,
+  fn as filteredState,
+  Gl as findPreset,
+  Hl as formatDateRange,
+  Wl as formatMarketDates,
+  Vl as formatTrend,
+  Kl as formatValue,
+  Mn as fullLayout,
+  jl as generateMarketId,
   dl as generateTabId,
-  so as getAllPresets,
-  io as getDateRangeForPreset,
+  Ul as getAllPresets,
+  ql as getDateRangeForPreset,
   ul as getMenuActions,
-  Ne as getMotionMode,
-  lo as getPresetLabel,
-  ml as getTransitionStyle,
-  Sn as gridCards,
-  Wn as gridChannels,
-  pl as interpolate,
-  oo as isInRange,
-  co as isMarketActive,
-  uo as isSameDay,
-  pn as itemColumns,
-  un as itemRows,
-  ht as loadingFixture,
-  gl as loginFormMetadata,
-  hl as loginSchema,
-  rt as manufacturerChip,
-  An as manyTabs,
-  fl as mergeHandlers,
-  bl as mergeRefs,
-  Ka as metricTabGroup,
-  Mn as mixedTabs,
-  mo as normalizePresetId,
-  xt as numericActions,
-  mn as orderColumns,
-  Dt as orderIdActions,
-  dn as orderRows,
-  Rn as ordersTabs,
-  Ce as paletteHex,
+  ke as getMotionMode,
+  Yl as getPresetLabel,
+  Ql as getTransitionStyle,
+  xn as gridCards,
+  Kn as gridChannels,
+  Xl as interpolate,
+  Jl as isInRange,
+  Zl as isMarketActive,
+  eo as isSameDay,
+  hn as itemColumns,
+  pn as itemRows,
+  bt as loadingFixture,
+  ml as loginFormMetadata,
+  pl as loginSchema,
+  it as manufacturerChip,
+  Fn as manyTabs,
+  gl as mergeHandlers,
+  hl as mergeRefs,
+  ja as metricTabGroup,
+  An as mixedTabs,
+  to as normalizePresetId,
+  Rt as numericActions,
+  gn as orderColumns,
+  Tt as orderIdActions,
+  mn as orderRows,
+  Pn as ordersTabs,
+  Ne as paletteHex,
   W as paletteVars,
-  gr as panelsDeriveSurfaceState,
-  hr as panelsInitialState,
-  fr as panelsReducer,
-  vl as parseNumericValue,
-  yl as paymentFormMetadata,
-  wl as paymentSchema,
-  _l as presets,
-  br as provisional,
-  vr as reducedMotion,
-  Cl as registrationFormMetadata,
-  Nl as registrationSchema,
-  yr as rejectionFeedback,
-  vn as sampleCompareRanges,
-  _n as sampleCustomMarkets,
-  bn as sampleDateRange,
-  Cn as sampleMarketPresetData,
-  wn as sampleMarkets,
-  kn as samplePeriodPresets,
-  yn as samplePreferences,
-  Nn as samplePresets,
-  Pn as singleTab,
-  rn as sparklineFixture,
-  sn as sparklineUpFixture,
-  wt as staleDonutFixture,
-  vt as staleFixture,
-  yt as staleSparklineFixture,
-  ln as standardFixture,
-  cn as standardFlatFixture,
-  xn as standardLayout,
-  on as standardNegativeFixture,
-  at as statusChip,
+  br as panelsDeriveSurfaceState,
+  vr as panelsInitialState,
+  yr as panelsReducer,
+  ao as parseNumericValue,
+  fl as paymentFormMetadata,
+  bl as paymentSchema,
+  vl as presets,
+  _r as provisional,
+  wr as reducedMotion,
+  yl as registrationFormMetadata,
+  _l as registrationSchema,
+  Cr as rejectionFeedback,
+  _n as sampleCompareRanges,
+  Nn as sampleCustomMarkets,
+  yn as sampleDateRange,
+  kn as sampleMarketPresetData,
+  Cn as sampleMarkets,
+  Dn as samplePeriodPresets,
+  wn as samplePreferences,
+  Sn as samplePresets,
+  En as singleTab,
+  ln as sparklineFixture,
+  on as sparklineUpFixture,
+  Ct as staleDonutFixture,
+  _t as staleFixture,
+  wt as staleSparklineFixture,
+  cn as standardFixture,
+  un as standardFlatFixture,
+  Rn as standardLayout,
+  dn as standardNegativeFixture,
+  rt as statusChip,
   U as swingReveal,
-  Ja as tableSamples,
-  Ya as textSamples,
-  ja as timeFrameTabGroup,
-  po as toUppercasePresetId,
-  ze as useAffordanceVisibility,
-  Ha as useArrowNavigation,
-  kl as useCheckboxGroupContext,
-  Sl as useFilterLayout,
-  Dl as useFlipAndStage,
-  xl as useFlipAndStageContext,
-  Tl as useFlipAndStageContextOptional,
-  Ga as useFocusReturn,
-  Rl as useFocusTrap,
-  Ml as useFormContext,
-  Pl as useGestureState,
-  wr as usePanelContext,
-  Be as usePanelContextOptional,
-  _r as usePanelCoordinator,
-  va as usePortalAnchor,
-  Al as useRadioGroupContext,
-  Zn as useResizeChoreography,
-  en as useResizePill,
-  Lt as useResizeTuning,
-  Cr as useSortableZones,
-  Il as useUIContext
+  Za as tableSamples,
+  Qa as textSamples,
+  qa as timeFrameTabGroup,
+  no as toUppercasePresetId,
+  Ge as useAffordanceVisibility,
+  Va as useArrowNavigation,
+  wl as useCheckboxGroupContext,
+  Cl as useFilterLayout,
+  Nl as useFlipAndStage,
+  kl as useFlipAndStageContext,
+  Sl as useFlipAndStageContextOptional,
+  Wa as useFocusReturn,
+  Dl as useFocusTrap,
+  xl as useFormContext,
+  Tl as useGestureState,
+  Nr as usePanelContext,
+  ze as usePanelContextOptional,
+  kr as usePanelCoordinator,
+  ya as usePortalAnchor,
+  Rl as useRadioGroupContext,
+  tr as useResizeChoreography,
+  an as useResizePill,
+  $t as useResizeTuning,
+  Sr as useSortableZones,
+  io as useUIContext
 };