@mt-gloss/ui 0.1.103 → 0.1.104

package/index.js

@@ -1,23 +1,23 @@
 import { u as Qe, C as Xe } from "./Expandable-BcmIxWR8.js";
-import { Q as Er, V as Ar, T as Fr, U as Or, a5 as Lr, b8 as $r, aB as zr, aj as Br, $ as Kr, ap as Gr, N as Hr, aa as Wr, bo as Vr, P as jr, B as Ur, a as Yr, A as Zr, K as qr, bj as Qr, J as Xr, L as Jr, E as es, D as ts, H as as, F as ns, by as rs, b as ss, c as is, O as os, q as ls, af as cs, aP as ds, A as us, K as ms, J as ps, L as gs, E as hs, D as fs, H as bs, F as vs, b1 as ys, b4 as ws, b3 as _s, b2 as Cs, b5 as Ns, aE as Ss, a7 as ks, a6 as Ds, as as xs, m as Rs, o as Ts, aH as Ms, ad as Ps, ba as Is, ab as Es, bp as As, _ as Fs, bI as Os, bH as Ls, bJ as $s, ar as zs, aS as Bs, bc as Ks, bN as Gs, bw as Hs, p as Ws, ao as Vs, bC as js, bt as Us, a2 as Ys, at as Zs, a4 as qs, bB as Qs, bS as Xs, G as Js, f as ei, ac as ti, bK as ai, aV as ni, t as ri, x as si, I as ii, i as oi, ay as li, bO as ci, M as di, y as ui, W as mi, Z as pi, X as gi, Y as hi, au as fi, bi, bQ as vi, bM as yi, aq as wi, w as _i, bq as Ci, aU as Ni, al as Si, aM as ki, ai as Di, an as xi, aw as Ri, aT as Ti, ae as Mi, av as Pi, e as Ii, R as Ei, l as Ai, r as Fi, aJ as Oi, bz as Li, bA as $i, ak as zi, ag as Bi, j as Ki, z as Gi, b9 as Hi, ah as Wi, bP as Vi, be as ji, bh as Ui, bf as Yi, bg as Zi, k as qi, bb as Qi, bn as Xi, S as Ji, bl as eo, bm as to, ax as ao, bd as no, bR as ro, am as so, v as io, bL as oo, n as lo, h as co, s as uo, a0 as mo, a1 as po, a9 as go, bk as ho, bx as fo, bE as bo, aC as vo, aD as yo, a8 as wo, aQ as _o, aR as Co, aF as No, aG as So, aI as ko, aX as Do, aY as xo, br as Ro, bG as To, bF as Mo, a_ as Po, a$ as Io, az as Eo, aA as Ao, b7 as Fo, b6 as Oo, b0 as Lo, aN as $o, aO as zo, aZ as Bo, aK as Ko, aL as Go, d as Ho, bD as Wo, bs as Vo, bu as jo, bv as Uo, aW as Yo, a3 as Zo, bT as qo, g as Qo } from "./Expandable-BcmIxWR8.js";
+import { Q as Lr, V as Or, T as $r, U as zr, a5 as Br, b8 as Kr, aB as Gr, aj as Hr, $ as Wr, ap as Vr, N as jr, aa as Ur, bo as Yr, P as Zr, B as qr, a as Qr, A as Xr, K as Jr, bj as es, J as ts, L as as, E as ns, D as rs, H as ss, F as is, by as os, b as ls, c as cs, O as ds, q as us, af as ms, aP as ps, A as gs, K as hs, J as fs, L as bs, E as vs, D as ys, H as ws, F as _s, b1 as Cs, b4 as Ns, b3 as Ss, b2 as ks, b5 as Ds, aE as xs, a7 as Rs, a6 as Ts, as as Ms, m as Ps, o as Is, aH as Es, ad as As, ba as Fs, ab as Ls, bp as Os, _ as $s, bI as zs, bH as Bs, bJ as Ks, ar as Gs, aS as Hs, bc as Ws, bN as Vs, bw as js, p as Us, ao as Ys, bC as Zs, bt as qs, a2 as Qs, at as Xs, a4 as Js, bB as ei, bS as ti, G as ai, f as ni, ac as ri, bK as si, aV as ii, t as oi, x as li, I as ci, i as di, ay as ui, bO as mi, M as pi, y as gi, W as hi, Z as fi, X as bi, Y as vi, au as yi, bi as wi, bQ as _i, bM as Ci, aq as Ni, w as Si, bq as ki, aU as Di, al as xi, aM as Ri, ai as Ti, an as Mi, aw as Pi, aT as Ii, ae as Ei, av as Ai, e as Fi, R as Li, l as Oi, r as $i, aJ as zi, bz as Bi, bA as Ki, ak as Gi, ag as Hi, j as Wi, z as Vi, b9 as ji, ah as Ui, bP as Yi, be as Zi, bh as qi, bf as Qi, bg as Xi, k as Ji, bb as eo, bn as to, S as ao, bl as no, bm as ro, ax as so, bd as io, bR as oo, am as lo, v as co, bL as uo, n as mo, h as po, s as go, a0 as ho, a1 as fo, a9 as bo, bk as vo, bx as yo, bE as wo, aC as _o, aD as Co, a8 as No, aQ as So, aR as ko, aF as Do, aG as xo, aI as Ro, aX as To, aY as Mo, br as Po, bG as Io, bF as Eo, a_ as Ao, a$ as Fo, az as Lo, aA as Oo, b7 as $o, b6 as zo, b0 as Bo, aN as Ko, aO as Go, aZ as Ho, aK as Wo, aL as Vo, d as jo, bD as Uo, bs as Yo, bu as Zo, bv as qo, aW as Qo, a3 as Xo, bT as Jo, g as el } from "./Expandable-BcmIxWR8.js";
 import { jsxs as y, jsx as r, Fragment as $ } from "react/jsx-runtime";
-import * as B from "react";
+import * as K from "react";
 import F, { useRef as P, useEffect as A, useState as I, useCallback as N, useId as Je, forwardRef as et, useMemo as re, useLayoutEffect as Ie, createContext as tt, useContext as at } from "react";
-import { motion as G, useMotionValue as nt, AnimatePresence as rt, useDragControls as st } from "framer-motion";
+import { motion as z, useMotionValue as nt, AnimatePresence as rt, useDragControls as st } from "framer-motion";
 import { createPortal as Ee } from "react-dom";
-import { u as it } from "./COMMITS-Dm8qIHaq.js";
-import { C as Jo, c as el, b as tl, P as al, e as nl, i as rl, r as sl, a as il, d as ol } from "./COMMITS-Dm8qIHaq.js";
-import { B as ot, a as X, b as ce, U as fe } from "./UIContext-DP6JGCto.js";
-import { c as cl, u as dl } from "./UIContext-DP6JGCto.js";
-import { DEFAULT_MARKET_PRESETS as ml, DEFAULT_PINNED as pl, PERIOD_OPTIONS as gl, ROLLING_OPTIONS as hl, TODAY_PRESET as fl, findPreset as bl, formatDateRange as vl, formatMarketDates as yl, formatTrend as wl, formatValue as _l, generateMarketId as Cl, getAllPresets as Nl, getDateRangeForPreset as Sl, getPresetLabel as kl, isInRange as Dl, isMarketActive as xl, isSameDay as Rl, normalizePresetId as Tl, toUppercasePresetId as Ml } from "@mt-gloss/utils";
-import lt from "@mui/icons-material/AccessTime";
-import ct from "@mui/icons-material/Tune";
-import dt from "@mui/icons-material/ViewColumn";
-import ut from "@mui/icons-material/AspectRatio";
-import mt from "@mui/icons-material/Palette";
-import pt from "@mui/icons-material/PushPin";
+import { u as it, a as ot } from "./COMMITS-BEa-B4Oc.js";
+import { C as al, d as nl, c as rl, P as sl, f as il, i as ol, r as ll, b as cl, e as dl } from "./COMMITS-BEa-B4Oc.js";
+import { B as lt, a as X, b as ce, U as fe } from "./UIContext-DP6JGCto.js";
+import { c as ml, u as pl } from "./UIContext-DP6JGCto.js";
+import { DEFAULT_MARKET_PRESETS as hl, DEFAULT_PINNED as fl, PERIOD_OPTIONS as bl, ROLLING_OPTIONS as vl, TODAY_PRESET as yl, findPreset as wl, formatDateRange as _l, formatMarketDates as Cl, formatTrend as Nl, formatValue as Sl, generateMarketId as kl, getAllPresets as Dl, getDateRangeForPreset as xl, getPresetLabel as Rl, isInRange as Tl, isMarketActive as Ml, isSameDay as Pl, normalizePresetId as Il, toUppercasePresetId as El } from "@mt-gloss/utils";
+import ct from "@mui/icons-material/AccessTime";
+import dt from "@mui/icons-material/Tune";
+import ut from "@mui/icons-material/ViewColumn";
+import mt from "@mui/icons-material/AspectRatio";
+import pt from "@mui/icons-material/Palette";
+import gt from "@mui/icons-material/PushPin";
 import { useMotionProbe as de } from "@mt-gloss/motion";
-function dn(e = {}) {
+function pn(e = {}) {
   const { enabled: t = !0, returnTo: n } = e, a = P(null);
   return A(() => {
     t && (a.current = n || document.activeElement);
@@ -27,7 +27,7 @@ function dn(e = {}) {
     }, 0);
   }, [t]), a;
 }
-function un(e) {
+function gn(e) {
   const {
     items: t,
     activeIndex: n,
@@ -37,8 +37,8 @@ function un(e) {
     enabled: o = !0,
     isItemDisabled: l,
     onSelect: m,
-    onEscape: d
-  } = e, [u, h] = I(-1), c = n !== void 0 ? n : u, p = N(
+    onEscape: u
+  } = e, [c, h] = I(-1), d = n !== void 0 ? n : c, p = N(
     (g) => {
       n === void 0 && h(g), a?.(g);
     },
@@ -61,23 +61,23 @@ function un(e) {
     const g = w();
     g.length > 0 && p(g[g.length - 1]);
   }, [w, p]), x = N(() => {
-    const g = k(c, 1);
+    const g = k(d, 1);
     g !== -1 && p(g);
-  }, [c, k, p]), C = N(() => {
-    const g = k(c, -1);
+  }, [d, k, p]), C = N(() => {
+    const g = k(d, -1);
     g !== -1 && p(g);
-  }, [c, k, p]), S = N(() => {
+  }, [d, k, p]), S = N(() => {
     p(-1);
   }, [p]), T = N(
     (g) => {
       if (!o) return;
       const { key: v } = g, _ = v === "ArrowUp" && (i === "vertical" || i === "both"), D = v === "ArrowDown" && (i === "vertical" || i === "both"), M = v === "ArrowLeft" && (i === "horizontal" || i === "both"), R = v === "ArrowRight" && (i === "horizontal" || i === "both");
       if (_ || M) {
-        g.preventDefault(), c === -1 ? b() : C();
+        g.preventDefault(), d === -1 ? b() : C();
         return;
       }
       if (D || R) {
-        g.preventDefault(), c === -1 ? f() : x();
+        g.preventDefault(), d === -1 ? f() : x();
         return;
       }
       if (v === "Home") {
@@ -88,21 +88,21 @@ function un(e) {
         g.preventDefault(), b();
         return;
       }
-      if ((v === "Enter" || v === " ") && c >= 0 && c < t.length) {
+      if ((v === "Enter" || v === " ") && d >= 0 && d < t.length) {
         g.preventDefault();
-        const E = t[c];
-        l?.(E, c) || m?.(E, c);
+        const E = t[d];
+        l?.(E, d) || m?.(E, d);
         return;
       }
       if (v === "Escape") {
-        d?.();
+        u?.();
         return;
       }
     },
     [
       o,
       i,
-      c,
+      d,
       t,
       f,
       b,
@@ -110,11 +110,11 @@ function un(e) {
       C,
       l,
       m,
-      d
+      u
     ]
   );
   return {
-    focusedIndex: c,
+    focusedIndex: d,
     setFocusedIndex: p,
     handleKeyDown: T,
     focusFirst: f,
@@ -124,7 +124,7 @@ function un(e) {
     resetFocus: S
   };
 }
-const gt = ({
+const ht = ({
   label: e = "Set a target",
   unit: t,
   currentValue: n,
@@ -135,9 +135,9 @@ const gt = ({
   const [o, l] = I(n != null ? String(n) : ""), m = () => {
     const p = parseFloat(o);
     Number.isNaN(p) || a(p);
-  }, d = (p) => {
+  }, u = (p) => {
     p.key === "Enter" ? (p.preventDefault(), m()) : p.key === "Escape" && (p.preventDefault(), s?.());
-  }, u = Je(), h = `gloss-target-input-field-${u}`, c = i ? `gloss-target-input-hint-${u}` : void 0;
+  }, c = Je(), h = `gloss-target-input-field-${c}`, d = i ? `gloss-target-input-hint-${c}` : void 0;
   return /* @__PURE__ */ y("div", { className: "gloss-target-input", children: [
     /* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: h, children: e }),
     /* @__PURE__ */ y("div", { className: "gloss-target-input__field-row", children: [
@@ -149,14 +149,14 @@ const gt = ({
           className: "gloss-target-input__field",
           value: o,
           onChange: (p) => l(p.target.value),
-          onKeyDown: d,
-          "aria-describedby": c,
+          onKeyDown: u,
+          "aria-describedby": d,
           autoFocus: !0
         }
       ),
       t && /* @__PURE__ */ r("span", { className: "gloss-target-input__unit", children: t })
     ] }),
-    i && /* @__PURE__ */ r("p", { id: c, className: "gloss-target-input__hint", children: i }),
+    i && /* @__PURE__ */ r("p", { id: d, className: "gloss-target-input__hint", children: i }),
     /* @__PURE__ */ y("div", { className: "gloss-target-input__actions", children: [
       /* @__PURE__ */ r(
         "button",
@@ -179,42 +179,42 @@ const gt = ({
     ] })
   ] });
 }, se = (e) => {
-}, ht = {
+}, ft = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
   onRemove: se
-}, ft = {
+}, bt = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
   onRemove: se
-}, bt = {
+}, vt = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
   onRemove: se
-}, vt = {
+}, yt = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
   onRemove: se
-}, mn = [
-  ht,
+}, hn = [
   ft,
   bt,
-  vt
-], pn = {
+  vt,
+  yt
+], fn = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, gn = {
+}, bn = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -222,7 +222,7 @@ const gt = ({
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, hn = {
+}, vn = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -230,26 +230,26 @@ const gt = ({
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, fn = [
+}, yn = [
   { 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 }
-], bn = [
+], wn = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], vn = [
+], _n = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], yn = [
+], Cn = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], wn = [
+], Nn = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], _n = [
+], Sn = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
@@ -279,16 +279,16 @@ const gt = ({
   width: "100%",
   textAlign: "left",
   border: "none"
-}), yt = (e) => ({
+}), wt = (e) => ({
   ...ue(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), wt = {
+}), _t = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function _t({
+function Ct({
   open: e,
   anchorEl: t,
   statusId: n,
@@ -297,7 +297,7 @@ function _t({
   overflowActions: i,
   onClose: o
 }) {
-  const [l, m] = I(null), d = P(null), u = N(() => {
+  const [l, m] = I(null), u = P(null), c = N(() => {
     if (!t) return { ...ye, top: 0, left: 0 };
     const p = t.getBoundingClientRect();
     return {
@@ -315,24 +315,24 @@ function _t({
   }, [e, o]), A(() => {
     if (!e) return;
     const p = (w) => {
-      d.current && !d.current.contains(w.target) && o();
+      u.current && !u.current.contains(w.target) && o();
     };
     return document.addEventListener("pointerdown", p, !0), () => document.removeEventListener("pointerdown", p, !0);
   }, [e, o]), !e) return null;
-  const h = i && i.length > 0, c = /* @__PURE__ */ y(
+  const h = i && i.length > 0, d = /* @__PURE__ */ y(
     "div",
     {
-      ref: d,
+      ref: u,
       "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
-      style: u(),
+      style: c(),
       children: [
         /* @__PURE__ */ r(
           "button",
           {
             role: "menuitem",
-            style: yt(l === "__primary"),
+            style: wt(l === "__primary"),
             onMouseEnter: () => m("__primary"),
             onMouseLeave: () => m(null),
             onClick: () => {
@@ -354,7 +354,7 @@ function _t({
             children: "Show on graph"
           }
         ),
-        h && /* @__PURE__ */ r("div", { style: wt }),
+        h && /* @__PURE__ */ r("div", { style: _t }),
         h && i?.map((p) => /* @__PURE__ */ r(
           "button",
           {
@@ -372,10 +372,10 @@ function _t({
       ]
     }
   );
-  return Ee(c, document.body);
+  return Ee(d, document.body);
 }
-_t.displayName = "StatusSlotChipMenu";
-function Ct({
+Ct.displayName = "StatusSlotChipMenu";
+function Nt({
   visible: e,
   targetColSpan: t,
   ghostWidth: n,
@@ -383,7 +383,7 @@ function Ct({
   exitMs: s = 120
 }) {
   return /* @__PURE__ */ r(
-    G.div,
+    z.div,
     {
       "aria-hidden": "true",
       "data-ghost-preview": e ? "visible" : "hidden",
@@ -399,8 +399,8 @@ function Ct({
     }
   );
 }
-Ct.displayName = "GhostPreview";
-const Nt = {
+Nt.displayName = "GhostPreview";
+const St = {
   // 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:
@@ -420,7 +420,7 @@ const Nt = {
   // Velocity multiplier (D-03b panel)
   velocityMultiplier: 1
 };
-class Cn {
+class kn {
   constructor() {
     this.samples = [], this.capacity = 3;
   }
@@ -458,8 +458,8 @@ class Cn {
     const t = this.samples.length;
     if (t < 2) return 0;
     if (t === 2) {
-      const [m, d] = this.samples, u = Math.max(1, d.t - m.t);
-      return (d.x - m.x) / u * 1e3;
+      const [m, u] = this.samples, c = Math.max(1, u.t - m.t);
+      return (u.x - m.x) / c * 1e3;
     }
     const [n, a, s] = this.samples, i = (s.x - a.x) / Math.max(1, s.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, l = o;
     return (i * 3 + o * 2 + l * 1) / 6;
@@ -513,7 +513,7 @@ function Fe(e) {
   return A(() => {
     o.set(s);
   }, [s, o]), !t || a === n ? null : /* @__PURE__ */ r(
-    G.div,
+    z.div,
     {
       "aria-hidden": "true",
       "data-resize-pill-ghost": "visible",
@@ -547,7 +547,7 @@ function Fe(e) {
   );
 }
 Fe.displayName = "ResizePillGhost";
-function Oe(e) {
+function Le(e) {
   const {
     visible: t,
     direction: n,
@@ -559,7 +559,7 @@ function Oe(e) {
     staggerMs: m
   } = e;
   if (!t) return null;
-  const d = n === "grow", u = d ? i + a : i + s, h = d ? o - s : o - a, c = Math.max(0, h - u);
+  const u = n === "grow", c = u ? i + a : i + s, h = u ? o - s : o - a, d = Math.max(0, h - c);
   return /* @__PURE__ */ r(
     "div",
     {
@@ -576,11 +576,11 @@ function Oe(e) {
         top: 0,
         height: "100%",
         alignItems: "center",
-        left: u,
-        width: c
+        left: c,
+        width: d
       },
       children: (n === "grow" ? [0, 1, 2, 3, 4] : [4, 3, 2, 1, 0]).map((w, k) => /* @__PURE__ */ r(
-        G.span,
+        z.span,
         {
           className: [
             "gloss-resize-pill-chain__chevron",
@@ -603,7 +603,7 @@ function Oe(e) {
     }
   );
 }
-Oe.displayName = "ResizePillArrowChain";
+Le.displayName = "ResizePillArrowChain";
 const we = 3;
 function _e({ filled: e, total: t }) {
   const n = [];
@@ -625,10 +625,10 @@ function _e({ filled: e, total: t }) {
 function Ce(e) {
   return e === "compact" ? "Compact" : e === "medium" ? "Medium" : e === "full" ? "Full" : String(e);
 }
-function Le(e) {
+function Oe(e) {
   const { visible: t, currentTarget: n, previewTarget: a, mode: s, showSizeTooltip: i = !0 } = e;
   return !t || i === !1 ? null : /* @__PURE__ */ y(
-    G.div,
+    z.div,
     {
       "aria-hidden": "true",
       "data-resize-pill-tooltip": "visible",
@@ -665,8 +665,8 @@ function Le(e) {
     }
   );
 }
-Le.displayName = "ResizePillSizeTooltip";
-function St({ direction: e }) {
+Oe.displayName = "ResizePillSizeTooltip";
+function kt({ direction: e }) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -683,7 +683,7 @@ function St({ direction: e }) {
     }
   );
 }
-function kt() {
+function Dt() {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -700,7 +700,7 @@ function kt() {
     }
   );
 }
-function Dt({ target: e }) {
+function xt({ target: e }) {
   const t = e === "compact" ? 5 : e === "medium" ? 9 : 13;
   return /* @__PURE__ */ r(
     "svg",
@@ -714,7 +714,7 @@ function Dt({ target: e }) {
     }
   );
 }
-function xt(e) {
+function Rt(e) {
   const {
     target: t,
     currentTarget: n,
@@ -724,15 +724,15 @@ function xt(e) {
     onCommit: o,
     onEnter: l,
     onLeave: m,
-    buttonHeight: d,
-    buttonWidth: u
+    buttonHeight: u,
+    buttonWidth: c
   } = e;
   let h = null;
   if (a === "directional") {
-    const c = typeof t == "number" && typeof n == "number" && t < n ? "left" : "right";
-    h = /* @__PURE__ */ r(St, { direction: c });
+    const d = typeof t == "number" && typeof n == "number" && t < n ? "left" : "right";
+    h = /* @__PURE__ */ r(kt, { direction: d });
   } else
-    h = /* @__PURE__ */ r(Dt, { target: t });
+    h = /* @__PURE__ */ r(xt, { target: t });
   return /* @__PURE__ */ y(
     "button",
     {
@@ -746,27 +746,27 @@ function xt(e) {
       "data-mode": a,
       "data-active": s ? "true" : "false",
       "data-button-hover-state": i ? "check" : "chevron",
-      style: { width: u, height: d },
+      style: { width: c, height: u },
       onClick: () => o(t),
       onPointerEnter: () => l?.(t),
       onPointerLeave: () => m?.(),
       "aria-label": `Resize to ${String(t)}`,
       children: [
         /* @__PURE__ */ r("span", { className: "gloss-resize-pill__glyph", children: h }),
-        /* @__PURE__ */ r("span", { className: "gloss-resize-pill__check", children: /* @__PURE__ */ r(kt, {}) })
+        /* @__PURE__ */ r("span", { className: "gloss-resize-pill__check", children: /* @__PURE__ */ r(Dt, {}) })
       ]
     }
   );
 }
-const Rt = et(
+const Tt = et(
   function(t, n) {
     const a = {
       ...Ae,
       ...t.physics
-    }, s = t.pillVisible && !t.forceIdle && t.resizePillEnabled !== !1, i = t.availableTargets, o = t.orientation ?? "vertical", l = t.buttonHover !== null && t.previewTarget !== void 0 && t.previewTarget !== null && t.previewTarget !== t.currentTarget && !t.forceIdle && t.resizePillEnabled !== !1, m = l && t.previewTarget != null ? t.resolveTargetWidth(t.previewTarget) : t.hostWidth, d = t.chainStartX ?? 0, u = t.chainEndX ?? t.hostWidth, h = t.chainDirection ?? "grow";
+    }, s = t.pillVisible && !t.forceIdle && t.resizePillEnabled !== !1, i = t.availableTargets, o = t.orientation ?? "vertical", l = t.buttonHover !== null && t.previewTarget !== void 0 && t.previewTarget !== null && t.previewTarget !== t.currentTarget && !t.forceIdle && t.resizePillEnabled !== !1, m = l && t.previewTarget != null ? t.resolveTargetWidth(t.previewTarget) : t.hostWidth, u = t.chainStartX ?? 0, c = t.chainEndX ?? t.hostWidth, h = t.chainDirection ?? "grow";
     return /* @__PURE__ */ y(rt, { children: [
       s && /* @__PURE__ */ r(
-        G.div,
+        z.div,
         {
           ref: n,
           "data-resize-pill-state": t.phase,
@@ -791,16 +791,16 @@ const Rt = et(
           transition: { duration: a.pillRevealMs / 1e3 },
           onPointerEnter: t.onPillEnter,
           onPointerLeave: t.onPillLeave,
-          children: i.map((c) => /* @__PURE__ */ r(
-            xt,
+          children: i.map((d) => /* @__PURE__ */ r(
+            Rt,
             {
-              target: c,
+              target: d,
               currentTarget: t.currentTarget,
               mode: t.mode,
-              isActive: c === t.currentTarget,
+              isActive: d === t.currentTarget,
               isHovered: (
                 // Hover-state mapping for chevron→✓ morph CSS.
-                t.buttonHover !== null && (typeof c == "number" && typeof t.currentTarget == "number" && (t.buttonHover === "grow" && c > t.currentTarget || t.buttonHover === "shrink" && c < t.currentTarget) || t.buttonHover === c)
+                t.buttonHover !== null && (typeof d == "number" && typeof t.currentTarget == "number" && (t.buttonHover === "grow" && d > t.currentTarget || t.buttonHover === "shrink" && d < t.currentTarget) || t.buttonHover === d)
               ),
               onCommit: t.onCommit,
               onEnter: t.onButtonEnter,
@@ -808,7 +808,7 @@ const Rt = et(
               buttonHeight: a.pillButtonHeight,
               buttonWidth: a.pillButtonWidth
             },
-            String(c)
+            String(d)
           ))
         },
         "pill"
@@ -827,21 +827,21 @@ const Rt = et(
         "ghost"
       ),
       s && l && /* @__PURE__ */ r(
-        Oe,
+        Le,
         {
           visible: !0,
           direction: h,
           pillClearancePx: a.pillClearancePx,
           ghostClearancePx: a.ghostClearancePx,
-          startX: d,
-          endX: u,
+          startX: u,
+          endX: c,
           pulseMs: a.chainPulseMs,
           staggerMs: a.chainStaggerMs
         },
         "chain"
       ),
       s && l && t.showSizeTooltip && t.previewTarget != null && /* @__PURE__ */ r(
-        Le,
+        Oe,
         {
           visible: !0,
           currentTarget: t.currentTarget,
@@ -854,24 +854,24 @@ const Rt = et(
     ] });
   }
 );
-Rt.displayName = "ResizePill";
-function Nn(e) {
+Tt.displayName = "ResizePill";
+function Dn(e) {
   const t = {
     ...Ae,
     ...e.physics
-  }, [n, a] = I("idle"), [s, i] = I(e.currentTarget), [o, l] = I(null), m = P(!1), d = P(null), u = P(null), h = P(e.currentTarget);
+  }, [n, a] = I("idle"), [s, i] = I(e.currentTarget), [o, l] = I(null), m = P(!1), u = P(null), c = P(null), h = P(e.currentTarget);
   h.current = e.currentTarget;
-  const c = P(e.onCommit);
-  c.current = e.onCommit;
+  const d = P(e.onCommit);
+  d.current = e.onCommit;
   const p = P(e.forceIdle);
   p.current = e.forceIdle;
   const w = P(e.onPhaseChange);
   w.current = e.onPhaseChange, A(() => {
     w.current?.(n);
   }, [n]), A(() => {
-    e.forceIdle && (u.current && (clearTimeout(u.current), u.current = null), a("idle"), l(null));
+    e.forceIdle && (c.current && (clearTimeout(c.current), c.current = null), a("idle"), l(null));
   }, [e.forceIdle]), A(() => () => {
-    d.current && clearTimeout(d.current), u.current && clearTimeout(u.current);
+    u.current && clearTimeout(u.current), c.current && clearTimeout(c.current);
   }, []);
   const k = N(() => {
     m.current || p.current || (i(h.current), a("pill-visible"));
@@ -879,27 +879,27 @@ function Nn(e) {
     a("idle"), l(null);
   }, []), b = N(
     (R) => {
-      m.current = !0, d.current && clearTimeout(d.current), d.current = setTimeout(() => {
-        m.current = !1, d.current = null;
-      }, t.fadeGraceMs), l(null), a("fading"), c.current(R);
+      m.current = !0, u.current && clearTimeout(u.current), u.current = setTimeout(() => {
+        m.current = !1, u.current = null;
+      }, t.fadeGraceMs), l(null), a("fading"), d.current(R);
     },
     [t.fadeGraceMs]
   ), x = N(() => {
-    u.current && (clearTimeout(u.current), u.current = null), k();
+    c.current && (clearTimeout(c.current), c.current = null), k();
   }, [k]), C = N(() => {
-    u.current && clearTimeout(u.current), u.current = setTimeout(() => {
-      f(), u.current = null;
+    c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+      f(), c.current = null;
     }, t.hoverHideGraceMs);
   }, [f, t.hoverHideGraceMs]), S = N(() => {
-    u.current && (clearTimeout(u.current), u.current = null);
+    c.current && (clearTimeout(c.current), c.current = null);
   }, []), T = N(() => {
-    u.current && clearTimeout(u.current), u.current = setTimeout(() => {
-      f(), u.current = null;
+    c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+      f(), c.current = null;
     }, t.hoverHideGraceMs);
   }, [f, t.hoverHideGraceMs]), g = N((R) => {
     const E = h.current;
-    let L;
-    R === "compact" || R === "medium" || R === "full" ? L = R : typeof E == "number" && typeof R == "number" ? L = R > E ? "grow" : "shrink" : L = "grow", l(L), a("pre-commit");
+    let O;
+    R === "compact" || R === "medium" || R === "full" ? O = R : typeof E == "number" && typeof R == "number" ? O = R > E ? "grow" : "shrink" : O = "grow", l(O), a("pre-commit");
   }, []), v = N(() => {
     l(null), a((R) => R === "pre-commit" ? "pill-visible" : R);
   }, []), _ = N(
@@ -927,14 +927,14 @@ function Nn(e) {
     commit: b
   };
 }
-function Sn(e) {
+function xn(e) {
   const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: s } = e;
   if (a == null || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0 || !Number.isInteger(a) || a < 0 || a >= n)
     return;
   const i = (a + 0.5) * (t / n);
   return s != null && Number.isFinite(s) && s > 0 ? i - s / 2 : i;
 }
-const kn = [
+const Rn = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -1066,24 +1066,24 @@ const kn = [
     subtitle: "Awaiting QA",
     highlightColor: "neutral"
   }
-], Tt = {
+], Mt = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, Mt = {
+}, Pt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, Pt = {
+}, It = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, It = {
+}, Et = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -1091,7 +1091,7 @@ const kn = [
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, Et = {
+}, At = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -1100,7 +1100,7 @@ const kn = [
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, At = {
+}, Ft = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -1111,14 +1111,14 @@ const kn = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, Dn = [
-  Tt,
+}, Tn = [
   Mt,
   Pt,
   It,
   Et,
-  At
-], xn = {
+  At,
+  Ft
+], Mn = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -1141,7 +1141,7 @@ const kn = [
     59
   ],
   accentColor: "#6366f1"
-}, Rn = {
+}, Pn = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -1180,21 +1180,21 @@ const kn = [
     19
   ],
   accentColor: "#10b981"
-}, Tn = {
+}, In = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, Mn = {
+}, En = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, Pn = {
+}, An = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -1213,22 +1213,22 @@ function $e({
   onManagePages: l
 }) {
   const m = N(
-    (c) => {
-      i(c), t();
+    (d) => {
+      i(d), t();
     },
     [i, t]
-  ), d = N(
-    (c, p) => {
-      (p.key === "Enter" || p.key === " ") && (p.preventDefault(), m(c));
+  ), u = N(
+    (d, p) => {
+      (p.key === "Enter" || p.key === " ") && (p.preventDefault(), m(d));
     },
     [m]
-  ), u = N(() => {
+  ), c = N(() => {
     o(), t();
   }, [o, t]), h = N(() => {
     l(), t();
   }, [l, t]);
   return /* @__PURE__ */ y(
-    ot,
+    lt,
     {
       definition: {
         placement: "bottom-end",
@@ -1241,8 +1241,8 @@ function $e({
       anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((c) => {
-          const p = c.id === s;
+        /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((d) => {
+          const p = d.id === s;
           return /* @__PURE__ */ y(
             "li",
             {
@@ -1251,8 +1251,8 @@ function $e({
               "aria-current": p ? "page" : void 0,
               tabIndex: 0,
               className: `gloss-page-dropdown__item${p ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => m(c.id),
-              onKeyDown: (w) => d(c.id, w),
+              onClick: () => m(d.id),
+              onKeyDown: (w) => u(d.id, w),
               children: [
                 /* @__PURE__ */ r(
                   "span",
@@ -1263,15 +1263,15 @@ function $e({
                 /* @__PURE__ */ r(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${c.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: c.name
+                    className: `gloss-page-dropdown__name${d.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: d.name
                   }
                 ),
-                c.icon && /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__icon", children: c.icon }),
-                /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children: c.cardCount })
+                d.icon && /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__icon", children: d.icon }),
+                /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children: d.cardCount })
               ]
             },
-            c.id
+            d.id
           );
         }) }),
         /* @__PURE__ */ r("hr", { className: "gloss-page-dropdown__separator" }),
@@ -1280,7 +1280,7 @@ function $e({
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: u,
+            onClick: c,
             children: "+ New page"
           }
         ),
@@ -1299,7 +1299,7 @@ function $e({
   );
 }
 $e.displayName = "PageDropdown";
-const Ft = function({
+const Lt = function({
   currentIndex: t,
   total: n,
   pages: a,
@@ -1308,18 +1308,18 @@ const Ft = function({
   onManagePages: o,
   maskRadius: l = "var(--gloss-radius-md)",
   displayMode: m = "count",
-  activePage: d
+  activePage: u
 }) {
-  const u = P(null), [h, c] = I(!1), p = N(() => {
-    c((b) => !b);
+  const c = P(null), [h, d] = I(!1), p = N(() => {
+    d((b) => !b);
   }, []), w = N(() => {
-    c(!1);
+    d(!1);
   }, []), k = a[t]?.id ?? "";
   return /* @__PURE__ */ y(
     "div",
     {
       className: "gloss-page-chip",
-      ref: u,
+      ref: c,
       style: m === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
@@ -1336,10 +1336,10 @@ const Ft = function({
             className: `gloss-page-chip__trigger${m === "name" ? " gloss-page-chip__trigger--name" : ""}`,
             "aria-haspopup": "menu",
             "aria-expanded": h,
-            "aria-label": m === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
+            "aria-label": m === "name" ? `${u ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
             onClick: p,
             children: m === "name" ? /* @__PURE__ */ y($, { children: [
-              /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: d ?? "" }),
+              /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: u ?? "" }),
               /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
             ] }) : /* @__PURE__ */ y($, { children: [
               t + 1,
@@ -1353,7 +1353,7 @@ const Ft = function({
           {
             open: h,
             onDismiss: w,
-            anchorRef: u,
+            anchorRef: c,
             pages: a,
             activePageId: k,
             onPageChange: s,
@@ -1365,8 +1365,8 @@ const Ft = function({
     }
   );
 };
-Ft.displayName = "PageChip";
-const In = [
+Lt.displayName = "PageChip";
+const Fn = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -1499,7 +1499,7 @@ const In = [
     date: "2026-03-01",
     skuCount: 9
   }
-], En = [
+], Ln = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1642,7 +1642,7 @@ function ze(e) {
 function Be(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const J = F.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), An = [
+const J = F.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), On = [
   {
     field: "id",
     headerName: "Order",
@@ -1694,7 +1694,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellClassName: "gloss-tabular-nums",
     renderCell: ({ row: e }) => e.date ? Be(e.date) : ""
   }
-], Fn = [
+], $n = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1764,14 +1764,14 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
   { id: "c-003", label: "Mountain View Store" },
   { id: "c-004", label: "Downtown Decor" },
   { id: "c-005", label: "Pacific Coast Imports" }
-], Lt = [
+], $t = [
   { 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" }
 ], ie = (e) => {
-}, $t = (e) => {
+}, zt = (e) => {
 }, Ne = (e, t) => {
 }, Ke = {
   vizState: {
@@ -1782,15 +1782,15 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     timeFrame: "MTD"
   },
   onTypeChange: ie,
-  onQuantChange: $t,
+  onQuantChange: zt,
   onEntityTypeChange: ie,
   onEntitySelect: Ne,
   onItemSelect: Ne,
   onTimeFrameChange: ie,
   userType: "sales-agency",
   entityFilterOptions: Ot,
-  itemFilterOptions: Lt
-}, On = {
+  itemFilterOptions: $t
+}, zn = {
   ...Ke,
   vizState: {
     type: "items",
@@ -1799,7 +1799,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, Ln = {
+}, Bn = {
   ...Ke,
   vizState: {
     type: "orders",
@@ -1812,7 +1812,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, zt = [
+}, Bt = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1858,7 +1858,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     routeKey: "customer.profile",
     subtitle: "Opens in RepTime"
   }
-], Bt = [
+], Kt = [
   {
     id: "order-items",
     label: "Items in Order",
@@ -1887,7 +1887,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], Kt = [
+], Gt = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1915,14 +1915,14 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], $n = {
-  entityName: zt,
-  orderId: Bt,
-  numeric: Kt
-}, zn = [
+], Kn = {
+  entityName: Bt,
+  orderId: Kt,
+  numeric: Gt
+}, Gn = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], Bn = {
+], Hn = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1935,7 +1935,7 @@ const J = F.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)
   ]
-}, Kn = {
+}, Wn = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1943,7 +1943,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, Gn = [
+}, Vn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1965,7 +1965,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], Hn = [
+], jn = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1982,7 +1982,7 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], Wn = [
+], Un = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1999,35 +1999,35 @@ const J = F.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], Vn = [
+], Yn = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], jn = [
+], Zn = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-], Gt = {
+], Ht = {
   timeframe: "Time Frame",
   threshold: "Thresholds",
   slots: "Slots",
   size: "Size",
   color: "Color",
   pinned: "Pinned"
-}, Ht = {
-  timeframe: lt,
-  threshold: ct,
-  slots: dt,
-  size: ut,
-  color: mt,
-  pinned: pt
+}, Wt = {
+  timeframe: ct,
+  threshold: dt,
+  slots: ut,
+  size: mt,
+  color: pt,
+  pinned: gt
 };
 function Se(...e) {
   return e.filter(Boolean).join(" ");
 }
-function Wt() {
+function Vt() {
   const [e, t] = I(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
   return A(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
@@ -2037,42 +2037,42 @@ function Wt() {
     });
   }, []), e;
 }
-const Vt = ({
+const jt = ({
   dimensions: e,
   onDimensionSelect: t,
   activeDimension: n,
   ariaCardTypeLabel: a,
   className: s
 }) => {
-  const i = P(null), o = P([]), l = Wt(), m = re(() => Array.from(e), [e]);
+  const i = P(null), o = P([]), l = Vt(), m = re(() => Array.from(e), [e]);
   if (m.length === 0) return null;
-  const d = a ? `Configure ${a}: choose a dimension` : void 0, u = l ? "10ms" : "200ms", h = (c, p) => {
+  const u = a ? `Configure ${a}: choose a dimension` : void 0, c = l ? "10ms" : "200ms", h = (d, p) => {
     const w = m.length - 1, k = (f) => {
       const b = o.current[f];
       b && b.focus();
     };
-    switch (c.key) {
+    switch (d.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        c.preventDefault(), k(p === w ? 0 : p + 1);
+        d.preventDefault(), k(p === w ? 0 : p + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        c.preventDefault(), k(p === 0 ? w : p - 1);
+        d.preventDefault(), k(p === 0 ? w : p - 1);
         break;
       }
       case "Home": {
-        c.preventDefault(), k(0);
+        d.preventDefault(), k(0);
         break;
       }
       case "End": {
-        c.preventDefault(), k(w);
+        d.preventDefault(), k(w);
         break;
       }
       case "Enter":
       case " ": {
-        c.preventDefault(), t(m[p]);
+        d.preventDefault(), t(m[p]);
         break;
       }
     }
@@ -2082,16 +2082,16 @@ const Vt = ({
     {
       ref: i,
       role: "group",
-      "aria-label": d,
+      "aria-label": u,
       className: Se("gloss-reconfig-backside-buttons", s),
       style: {
         // Expose the reduced-motion-resolved duration as a CSS custom prop
         // so the SCSS transition rule can consume it without a nested media
         // query in the JS. Also surfaces the value for the unit test.
-        "--gloss-reconfig-backside-buttons-transition-duration": u
+        "--gloss-reconfig-backside-buttons-transition-duration": c
       },
-      children: m.map((c, p) => {
-        const w = Ht[c], k = n === c;
+      children: m.map((d, p) => {
+        const w = Wt[d], k = n === d;
         return /* @__PURE__ */ y(
           "button",
           {
@@ -2099,13 +2099,13 @@ const Vt = ({
               o.current[p] = f;
             },
             type: "button",
-            "data-dimension": c,
+            "data-dimension": d,
             className: Se(
               "gloss-reconfig-backside-buttons__button",
               k && "gloss-reconfig-backside-buttons__button--active"
             ),
             "aria-current": k ? "true" : void 0,
-            onClick: () => t(c),
+            onClick: () => t(d),
             onKeyDown: (f) => h(f, p),
             children: [
               /* @__PURE__ */ r(
@@ -2115,17 +2115,17 @@ const Vt = ({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Gt[c] })
+              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Ht[d] })
             ]
           },
-          c
+          d
         );
       })
     }
   );
 };
-Vt.displayName = "ReconfigBacksideButtons";
-function z(e, t) {
+jt.displayName = "ReconfigBacksideButtons";
+function B(e, t) {
   return {
     id: e,
     colSpan: 1,
@@ -2147,36 +2147,36 @@ function z(e, t) {
 }
 function ke(e, t) {
   return {
-    ...z(e, t),
+    ...B(e, t),
     colSpan: 2
   };
 }
-const Un = [
-  z("total-revenue", "Total Revenue"),
-  z("total-orders", "Total Orders"),
+const qn = [
+  B("total-revenue", "Total Revenue"),
+  B("total-orders", "Total Orders"),
   ke("revenue-trend", "Revenue Trend (2x)"),
-  z("avg-order", "Avg Order Value"),
-  z("new-customers", "New Customers"),
-  z("top-salesperson", "Top Salesperson"),
+  B("avg-order", "Avg Order Value"),
+  B("new-customers", "New Customers"),
+  B("top-salesperson", "Top Salesperson"),
   ke("order-trend", "Order Trend (2x)"),
-  z("repeat-rate", "Repeat Rate"),
-  z("open-orders", "Open Orders"),
-  z("shipped-orders", "Shipped Orders")
-], Yn = {
+  B("repeat-rate", "Repeat Rate"),
+  B("open-orders", "Open Orders"),
+  B("shipped-orders", "Shipped Orders")
+], Qn = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, Zn = {
+}, Xn = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, qn = {
+}, Jn = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -2187,7 +2187,7 @@ const Un = [
 function oe(e) {
   return F.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const Qn = [
+const er = [
   {
     id: "all-orders",
     type: "orders",
@@ -2210,7 +2210,7 @@ const Qn = [
     icon: oe("🚚"),
     closable: !0
   }
-], Xn = [
+], tr = [
   {
     id: "orders-main",
     type: "orders",
@@ -2236,7 +2236,7 @@ const Qn = [
     name: "Customers",
     closable: !0
   }
-], Jn = [
+], ar = [
   {
     id: "only-tab",
     type: "orders",
@@ -2244,7 +2244,7 @@ const Qn = [
     closable: !1,
     autoCreated: !0
   }
-], er = [
+], nr = [
   { 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 },
@@ -2267,7 +2267,7 @@ function pe(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function jt(e) {
+function Ut(e) {
   let t = 0;
   for (const a of e) {
     const s = pe(a.size), i = a.gridPosition.col + s.cols - 1;
@@ -2275,7 +2275,7 @@ function jt(e) {
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const Ut = function(t) {
+const Yt = function(t) {
   if (t.renderMode === "discrete")
     return /* @__PURE__ */ r(
       "div",
@@ -2344,7 +2344,7 @@ const Ut = function(t) {
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: jt(n)
+              gridTemplateColumns: Ut(n)
             },
             children: n.map((s) => {
               const i = pe(s.size);
@@ -2367,13 +2367,13 @@ const Ut = function(t) {
     }
   );
 };
-Ut.displayName = "MetricGroupContainer";
-const Ge = "resize.tuning.dev", Yt = {
-  ...Nt,
+Yt.displayName = "MetricGroupContainer";
+const Ge = "resize.tuning.dev", Zt = {
+  ...St,
   snapInPx: 60,
   snapOutPx: 90
-}, V = Yt;
-function Zt() {
+}, V = Zt;
+function qt() {
   if (typeof window > "u") return { ...V };
   try {
     const e = window.localStorage.getItem(Ge);
@@ -2384,8 +2384,8 @@ function Zt() {
     return { ...V };
   }
 }
-function qt() {
-  const [e, t] = I(() => Zt());
+function Qt() {
+  const [e, t] = I(() => qt());
   A(() => {
     if (!(typeof window > "u"))
       try {
@@ -2408,7 +2408,7 @@ function qt() {
   }, []);
   return { values: e, setValue: n, resetRow: a, resetAll: s };
 }
-const Qt = [
+const Xt = [
   { 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 },
@@ -2419,10 +2419,10 @@ const Qt = [
   { 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 Xt(e, t) {
+function Jt(e, t) {
   return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
 }
-function Jt() {
+function ea() {
   return /* @__PURE__ */ y(
     "svg",
     {
@@ -2442,7 +2442,7 @@ function Jt() {
     }
   );
 }
-function ea({ spec: e, value: t, onChange: n, onReset: a, flashing: s }) {
+function ta({ spec: e, value: t, onChange: n, onReset: a, flashing: s }) {
   const i = N(
     (o) => {
       (o.key === "r" || o.key === "R") && (o.preventDefault(), a());
@@ -2458,7 +2458,7 @@ function ea({ spec: e, value: t, onChange: n, onReset: a, flashing: s }) {
       children: [
         /* @__PURE__ */ r("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
         /* @__PURE__ */ y("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
-          Xt(t, e.step),
+          Jt(t, e.step),
           e.unit ? ` ${e.unit}` : ""
         ] }),
         /* @__PURE__ */ r(
@@ -2482,14 +2482,14 @@ function ea({ spec: e, value: t, onChange: n, onReset: a, flashing: s }) {
             className: "gloss-dev-tuning-panel__reset",
             "aria-label": `Reset ${e.label}`,
             onClick: a,
-            children: /* @__PURE__ */ r(Jt, {})
+            children: /* @__PURE__ */ r(ea, {})
           }
         )
       ]
     }
   );
 }
-function ta() {
+function aa() {
   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");
@@ -2497,23 +2497,23 @@ function ta() {
     return !1;
   }
 }
-function aa(e = {}) {
-  return ta() ? /* @__PURE__ */ r(na, {}) : null;
+function na(e = {}) {
+  return aa() ? /* @__PURE__ */ r(ra, {}) : null;
 }
-aa.displayName = "DevTuningPanel";
-function na() {
-  const e = qt(), { values: t, setValue: n, resetRow: a, resetAll: s } = e, [i, o] = I(null), l = P(null), m = N((c) => {
-    l.current && clearTimeout(l.current), o(c), l.current = setTimeout(() => {
+na.displayName = "DevTuningPanel";
+function ra() {
+  const e = Qt(), { values: t, setValue: n, resetRow: a, resetAll: s } = e, [i, o] = I(null), l = P(null), m = N((d) => {
+    l.current && clearTimeout(l.current), o(d), l.current = setTimeout(() => {
       o(null), l.current = null;
     }, 200);
-  }, []), d = N(
-    (c, p) => {
-      n(c, p), c === "snapInPx" && p > t.snapOutPx && (n("snapOutPx", p), m("snapOutPx"));
+  }, []), u = N(
+    (d, p) => {
+      n(d, p), d === "snapInPx" && p > t.snapOutPx && (n("snapOutPx", p), m("snapOutPx"));
     },
     [n, t.snapOutPx, m]
-  ), u = re(() => Qt, []), h = st();
+  ), c = re(() => Xt, []), h = st();
   return /* @__PURE__ */ y(
-    G.div,
+    z.div,
     {
       className: "gloss-dev-tuning-panel",
       role: "region",
@@ -2528,23 +2528,23 @@ function na() {
           "div",
           {
             className: "gloss-dev-tuning-panel__header",
-            onPointerDown: (c) => h.start(c),
+            onPointerDown: (d) => h.start(d),
             children: [
               /* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
               /* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
             ]
           }
         ),
-        /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: u.map((c) => /* @__PURE__ */ r(
-          ea,
+        /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: c.map((d) => /* @__PURE__ */ r(
+          ta,
           {
-            spec: c,
-            value: t[c.key],
-            onChange: (p) => d(c.key, p),
-            onReset: () => a(c.key),
-            flashing: i === c.key
+            spec: d,
+            value: t[d.key],
+            onChange: (p) => u(d.key, p),
+            onReset: () => a(d.key),
+            flashing: i === d.key
           },
-          c.key
+          d.key
         )) }),
         /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ r(
           "button",
@@ -2559,7 +2559,7 @@ function na() {
     }
   );
 }
-function tr({
+function rr({
   state: e,
   originX: t,
   originY: n,
@@ -2569,22 +2569,22 @@ function tr({
   snapBoundariesX: o,
   topY: l,
   bottomY: m,
-  enterMs: d = U.envelopeEnterMs,
-  exitMs: u = U.envelopeExitMs,
+  enterMs: u = U.envelopeEnterMs,
+  exitMs: c = U.envelopeExitMs,
   className: h,
-  style: c
+  style: d
 }) {
   if (e === "hidden") return null;
   const p = Math.max(0, s - a), w = Math.max(0, m - l), k = {
-    "--gloss-resize-envelope-enter-ms": `${d}ms`,
-    "--gloss-resize-envelope-exit-ms": `${u}ms`,
+    "--gloss-resize-envelope-enter-ms": `${u}ms`,
+    "--gloss-resize-envelope-exit-ms": `${c}ms`,
     "--gloss-resize-envelope-origin-x": `${t - a}px`,
     "--gloss-resize-envelope-origin-y": `${n - l}px`,
     left: a,
     top: l,
     width: p,
     height: w,
-    ...c
+    ...d
   };
   return /* @__PURE__ */ y(
     "div",
@@ -2632,7 +2632,7 @@ function tr({
     }
   );
 }
-function ar({
+function sr({
   density: e,
   canAccept: t,
   blocked: n = !1,
@@ -2643,12 +2643,12 @@ function ar({
   children: l,
   ...m
 }) {
-  const d = a != null ? { ...m.style, "--_proximity-opacity": String(a) } : m.style;
+  const u = a != null ? { ...m.style, "--_proximity-opacity": String(a) } : m.style;
   return /* @__PURE__ */ r(
     "div",
     {
       ...m,
-      style: d,
+      style: u,
       "data-density": e,
       "data-can-accept": t ? "true" : "false",
       "data-blocked": n ? "true" : void 0,
@@ -2665,11 +2665,11 @@ function ar({
     }
   );
 }
-function ra(e, t, n, a) {
+function sa(e, t, n, a) {
   const s = (e + n) / 2, i = Math.min(t, a) - 40;
   return `M${e},${t} Q${s},${i} ${n},${a}`;
 }
-function nr({
+function ir({
   segments: e,
   durationMs: t = U.spilloverArcDurationMs,
   staggerMs: n = U.spilloverStaggerMs,
@@ -2689,7 +2689,7 @@ function nr({
         {
           "data-arc-id": i.id,
           className: "gloss-spillover-arc__path",
-          d: ra(i.fromX, i.fromY, i.toX, i.toY),
+          d: sa(i.fromX, i.fromY, i.toX, i.toY),
           style: {
             animationDelay: `${o * n}ms`,
             animationDuration: `${t}ms`
@@ -2700,7 +2700,7 @@ function nr({
     }
   );
 }
-function rr({
+function or({
   state: e,
   staggerIndex: t = 0,
   fadeInMs: n = U.sectionDividerFadeInMs,
@@ -2711,7 +2711,7 @@ function rr({
   style: l,
   ...m
 }) {
-  const d = {
+  const u = {
     "--gloss-section-divider-fade-in-ms": `${n}ms`,
     "--gloss-section-divider-fade-out-ms": `${a}ms`,
     "--gloss-section-divider-stagger-delay": `${t * s}ms`,
@@ -2730,7 +2730,7 @@ function rr({
         i === "seam-bleed" ? "gloss-section-divider--variant-seam-bleed" : "",
         o
       ].filter(Boolean).join(" "),
-      style: d
+      style: u
     }
   );
 }
@@ -2746,18 +2746,18 @@ const Y = {
   enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
   exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
   translateOffsetPx: 8
-}, sr = {
+}, lr = {
   shiverCycles: 3,
   shiverAmplitudePx: 2,
   shiverDurationMs: 180,
   validCellOpacity: 0.6
-}, ir = {
+}, cr = {
   materializeMs: 180,
   dematerializeMs: 140,
   easing: "cubic-bezier(0.22, 1, 0.36, 1)",
   dotStrokePx: 2,
   dividerDashGapPx: 4
-}, or = {
+}, dr = {
   cascadeStaggerMs: 0,
   cascadeSpringCapMs: 120,
   swingEnterMs: 100,
@@ -2766,7 +2766,7 @@ const Y = {
   provisionalStyle: "opacity",
   shiverMs: 200,
   shiverStyle: "color-flash"
-}, lr = !0, cr = {
+}, ur = !0, mr = {
   rejectionFill: "var(--gloss-rejection-fill)",
   rejectionStroke: "var(--gloss-rejection-stroke)",
   validFill: "var(--gloss-valid-fill)",
@@ -2807,7 +2807,7 @@ const De = ({ visible: e, variant: t, trigger: n, children: a, className: s }) =
     }
   );
 };
-function dr({
+function pr({
   enabled: e,
   onCollapse: t,
   onAdd: n,
@@ -2818,14 +2818,14 @@ function dr({
   onPack: l,
   ariaLabel: m
 }) {
-  const d = a ?? "Add card to this cell", u = s ?? m ?? "Pack row — shift cards left", h = t ?? l, { affordancesVisible: c } = Qe();
-  return /* @__PURE__ */ y(B.Fragment, { children: [
-    /* @__PURE__ */ r(De, { visible: c, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
+  const u = a ?? "Add card to this cell", c = s ?? m ?? "Pack row — shift cards left", h = t ?? l, { affordancesVisible: d } = Qe();
+  return /* @__PURE__ */ y(K.Fragment, { children: [
+    /* @__PURE__ */ r(De, { visible: d, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         "data-testid": "gloss-empty-cell-add",
-        "aria-label": d,
+        "aria-label": u,
         className: [
           "gloss-empty-cell-pack-affordance",
           "gloss-empty-cell-pack-affordance--add",
@@ -2838,12 +2838,12 @@ function dr({
         children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "+" })
       }
     ) }),
-    /* @__PURE__ */ r(De, { visible: e && c, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(De, { visible: e && d, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         "data-testid": "gloss-empty-cell-pack",
-        "aria-label": u,
+        "aria-label": c,
         className: ["gloss-empty-cell-pack-affordance", i].filter(Boolean).join(" "),
         style: o,
         onClick: (p) => {
@@ -2854,7 +2854,7 @@ function dr({
     ) })
   ] });
 }
-function ur({
+function gr({
   tint: e,
   colSpan: t,
   colWidth: n,
@@ -2865,11 +2865,11 @@ function ur({
   children: l,
   className: m
 }) {
-  const d = t * n + (t - 1) * s, u = B.useRef(null);
+  const u = t * n + (t - 1) * s, c = K.useRef(null);
   return de("drag-ghost", () => {
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
-    const h = u.current?.getBoundingClientRect() ?? null;
+    const h = c.current?.getBoundingClientRect() ?? null;
     return {
       values: {
         x: i.get(),
@@ -2892,12 +2892,12 @@ function ur({
   }), de("commit-ghost-singleton", () => {
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
-    const h = u.current;
-    let c = 0, p = "", w = "", k = "";
+    const h = c.current;
+    let d = 0, p = "", w = "", k = "";
     if (h)
       try {
         const x = window.getComputedStyle(h), C = x.outline || "", S = x.border || "", T = x.boxShadow || "", g = !!C && C !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(C), v = !!S && S !== "none" && !/^0px(\s+none)?(\s+rgba?\(0,\s*0,\s*0,\s*0\))?$/i.test(S), _ = !!T && T !== "none";
-        c = g || v || _ ? 1 : 0, p = g ? C : "", w = v ? S : "", k = _ ? T : "";
+        d = g || v || _ ? 1 : 0, p = g ? C : "", w = v ? S : "", k = _ ? T : "";
       } catch {
       }
     const f = h?.getBoundingClientRect() ?? null, b = h ? "drag-clone" : "subsumed-by-tracking-outline";
@@ -2910,7 +2910,7 @@ function ur({
         bounds_w: f?.width ?? 0,
         bounds_h: f?.height ?? 0,
         visible: h ? 1 : 0,
-        outlineOnClone: c
+        outlineOnClone: d
       },
       spec: {
         mode: b,
@@ -2927,9 +2927,9 @@ function ur({
       t: performance.now()
     };
   }), /* @__PURE__ */ r(
-    G.div,
+    z.div,
     {
-      ref: u,
+      ref: c,
       "data-testid": "gloss-drag-ghost",
       "data-tint": e,
       "aria-hidden": "true",
@@ -2938,12 +2938,12 @@ function ur({
         `gloss-drag-ghost--tint-${e}`,
         m
       ].filter(Boolean).join(" "),
-      style: { x: i, y: o, width: d, height: a },
+      style: { x: i, y: o, width: u, height: a },
       children: l
     }
   );
 }
-const sa = 3;
+const ia = 3;
 function We({
   gesture: e,
   cell: t,
@@ -2954,9 +2954,9 @@ function We({
   pattern: o = "solid",
   transitionMs: l = 120,
   className: m,
-  motionWidth: d
+  motionWidth: u
 }) {
-  const u = n * a + (n - 1) * s, c = (t.section * sa + t.col) * (a + s), p = t.row * (i + s), w = e === "resize" ? 2.5 : 2, k = o === "dashed-retreated" ? "dashed" : "solid", f = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline", b = {
+  const c = n * a + (n - 1) * s, d = (t.section * ia + t.col) * (a + s), p = t.row * (i + s), w = e === "resize" ? 2.5 : 2, k = o === "dashed-retreated" ? "dashed" : "solid", f = e === "drag" ? "gloss-snap-outline" : "gloss-tracking-outline", b = {
     className: [
       "gloss-tracking-outline",
       `gloss-tracking-outline--${e}`,
@@ -2972,13 +2972,13 @@ function We({
     "data-pattern": o,
     "aria-hidden": "true"
   };
-  return d ? /* @__PURE__ */ r(
-    G.div,
+  return u ? /* @__PURE__ */ r(
+    z.div,
     {
       ...b,
       style: {
-        transform: `translate(${c}px, ${p}px)`,
-        width: d,
+        transform: `translate(${d}px, ${p}px)`,
+        width: u,
         height: i,
         borderWidth: w,
         borderStyle: k
@@ -2989,8 +2989,8 @@ function We({
     {
       ...b,
       style: {
-        transform: `translate(${c}px, ${p}px)`,
-        width: u,
+        transform: `translate(${d}px, ${p}px)`,
+        width: c,
         height: i,
         borderWidth: w,
         borderStyle: k,
@@ -2999,24 +2999,24 @@ function We({
     }
   );
 }
-function mr(e) {
+function hr(e) {
   return /* @__PURE__ */ r(We, { gesture: "drag", pattern: "solid", ...e });
 }
-function pr({
+function fr({
   items: e,
   children: t,
   className: n,
   debugMagenta: a
 }) {
-  const s = process.env.NODE_ENV !== "production" && (a || typeof window < "u" && window.__GLOSS_CASCADE_PREVIEW_DEBUG__ === !0), i = B.useRef(e);
+  const s = process.env.NODE_ENV !== "production" && (a || typeof window < "u" && window.__GLOSS_CASCADE_PREVIEW_DEBUG__ === !0), i = K.useRef(e);
   return i.current = e, de("cascade-preview", () => {
     if (process.env.NODE_ENV === "production")
       return { values: {}, spec: null, state: "idle", t: performance.now() };
     const o = i.current;
-    let l = 0, m = 0, d = 0, u = 0;
+    let l = 0, m = 0, u = 0, c = 0;
     for (const h of o) {
-      const c = h.x.get(), p = h.y.get();
-      Math.abs(c) > Math.abs(d) && (d = c, l = c), Math.abs(p) > Math.abs(u) && (u = p, m = p);
+      const d = h.x.get(), p = h.y.get();
+      Math.abs(d) > Math.abs(u) && (u = d, l = d), Math.abs(p) > Math.abs(c) && (c = p, m = p);
     }
     return {
       values: {
@@ -3035,7 +3035,7 @@ function pr({
       t: performance.now()
     };
   }), e.length === 0 ? null : /* @__PURE__ */ r($, { children: e.map((o) => /* @__PURE__ */ r(
-    G.div,
+    z.div,
     {
       "data-card-id": o.cardId,
       "data-testid": "gloss-cascade-preview-item",
@@ -3056,17 +3056,17 @@ function pr({
     o.cardId
   )) });
 }
-const ia = ({
+const oa = ({
   consumed: e,
   elapsed: t,
   severity: n = "neutral"
 }) => {
   const a = P(null), s = P(null);
   A(() => {
-    const l = Math.min(100, Math.max(0, e.value)), m = Math.min(100, Math.max(0, t.value)), d = requestAnimationFrame(() => {
+    const l = Math.min(100, Math.max(0, e.value)), m = Math.min(100, Math.max(0, t.value)), u = requestAnimationFrame(() => {
       a.current && (a.current.style.width = `${l}%`), s.current && (s.current.style.width = `${m}%`);
     });
-    return () => cancelAnimationFrame(d);
+    return () => cancelAnimationFrame(u);
   }, [e.value, t.value]);
   const i = e.label ?? "ACTUAL", o = t.label ?? "ELAPSED";
   return /* @__PURE__ */ y(
@@ -3119,7 +3119,7 @@ const ia = ({
       ]
     }
   );
-}, oa = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ y(
+}, la = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ y(
   "div",
   {
     className: `gloss-gap-readout gloss-gap-readout--${n}`,
@@ -3132,7 +3132,7 @@ const ia = ({
       ] })
     ]
   }
-), la = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ y("div", { className: "gloss-pace-placeholder", children: [
+), ca = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ y("div", { className: "gloss-pace-placeholder", children: [
   /* @__PURE__ */ r("p", { className: "gloss-pace-placeholder__heading", children: "Set a target" }),
   /* @__PURE__ */ y("p", { className: "gloss-pace-placeholder__context", children: [
     "for ",
@@ -3148,9 +3148,9 @@ const ia = ({
       children: "Set target"
     }
   )
-] }), gr = (e) => {
+] }), br = (e) => {
   const [t, n] = I(!1), a = e.target?.value, s = a !== void 0, i = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ r(
-    gt,
+    ht,
     {
       label: `Set a target for ${e.label}`,
       unit: i,
@@ -3177,16 +3177,16 @@ const ia = ({
         e.subtitle && /* @__PURE__ */ r("div", { className: "gloss-pace-card__subtitle", children: e.subtitle }),
         /* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: s ? /* @__PURE__ */ y($, { children: [
           /* @__PURE__ */ r(
-            ia,
+            oa,
             {
               consumed: e.consumed,
               elapsed: e.elapsed,
               severity: e.severity
             }
           ),
-          /* @__PURE__ */ r(oa, { label: "Gap", value: e.gapLabel, severity: e.severity })
+          /* @__PURE__ */ r(la, { label: "Gap", value: e.gapLabel, severity: e.severity })
         ] }) : /* @__PURE__ */ r(
-          la,
+          ca,
           {
             label: e.label,
             onSetTarget: () => n(!0)
@@ -3195,7 +3195,7 @@ const ia = ({
       ] })
     }
   );
-}, hr = () => /* @__PURE__ */ y("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
+}, vr = () => /* @__PURE__ */ y("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
   /* @__PURE__ */ r(
     "div",
     {
@@ -3212,7 +3212,7 @@ const ia = ({
   ),
   /* @__PURE__ */ r("div", { className: "gloss-pace-tile-preview__gap-strip" })
 ] });
-function ca({ id: e, label: t, selected: n, focused: a, disabled: s, badge: i, onClick: o }) {
+function da({ id: e, label: t, selected: n, focused: a, disabled: s, badge: i, onClick: o }) {
   return /* @__PURE__ */ r(
     "span",
     {
@@ -3233,7 +3233,7 @@ function ca({ id: e, label: t, selected: n, focused: a, disabled: s, badge: i, o
     }
   );
 }
-function da({
+function ua({
   lenses: e,
   value: t,
   onChange: n,
@@ -3277,7 +3277,7 @@ function da({
       },
       className: "gloss-lens-chip-group",
       children: e.map((l, m) => /* @__PURE__ */ r(
-        ca,
+        da,
         {
           id: l.id,
           label: l.label,
@@ -3292,15 +3292,15 @@ function da({
     }
   );
 }
-da.displayName = "LensChipGroup";
-function ua({ heading: e, children: t }) {
+ua.displayName = "LensChipGroup";
+function ma({ heading: e, children: t }) {
   return !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ y("section", { className: "gloss-starter-rail", "aria-label": e, children: [
     /* @__PURE__ */ r("header", { className: "gloss-starter-rail__heading", children: e }),
     /* @__PURE__ */ r("div", { className: "gloss-starter-rail__tiles", children: t })
   ] });
 }
-ua.displayName = "StarterRail";
-function ma({ heading: e, children: t, emptyStateLabel: n }) {
+ma.displayName = "StarterRail";
+function pa({ heading: e, children: t, emptyStateLabel: n }) {
   const a = !t || Array.isArray(t) && t.length === 0;
   return /* @__PURE__ */ y("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
     /* @__PURE__ */ r("header", { className: "gloss-more-in-lens-rail__heading", children: e }),
@@ -3310,8 +3310,8 @@ function ma({ heading: e, children: t, emptyStateLabel: n }) {
     ] })
   ] });
 }
-ma.displayName = "MoreInLensRail";
-function K({
+pa.displayName = "MoreInLensRail";
+function G({
   lead: e,
   name: t,
   secondary: n,
@@ -3322,19 +3322,19 @@ function K({
   className: l,
   style: m
 }) {
-  const d = [
+  const u = [
     "gloss-entity-row",
     `gloss-entity-row--${i}`,
     o ? "gloss-entity-row--clickable" : "",
     l ?? ""
-  ].filter(Boolean).join(" "), u = /* @__PURE__ */ y($, { children: [
+  ].filter(Boolean).join(" "), c = /* @__PURE__ */ y($, { children: [
     e !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__lead", children: e }),
     /* @__PURE__ */ r("span", { className: "gloss-entity-row__name", title: t, children: t }),
     n !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__secondary", children: n }),
     /* @__PURE__ */ r("span", { className: "gloss-entity-row__value", children: a }),
     s !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: s })
   ] });
-  return o ? /* @__PURE__ */ r("div", { role: "listitem", className: d, style: m, children: /* @__PURE__ */ r(
+  return o ? /* @__PURE__ */ r("div", { role: "listitem", className: u, style: m, children: /* @__PURE__ */ r(
     "button",
     {
       type: "button",
@@ -3349,11 +3349,11 @@ function K({
       onClick: (h) => {
         h.stopPropagation(), o();
       },
-      children: u
+      children: c
     }
-  ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: d, style: m, children: u });
+  ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: u, style: m, children: c });
 }
-K.displayName = "EntityRow";
+G.displayName = "EntityRow";
 const ee = ({ rank: e }) => {
   const t = e === 1 ? "first" : "other";
   return /* @__PURE__ */ r(
@@ -3425,8 +3425,8 @@ function ae({ fill: e, variant: t = "default", className: n }) {
   );
 }
 ae.displayName = "MagnitudeBar";
-const pa = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
-function ga({
+const ga = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
+function ha({
   label: e,
   rows: t,
   rowCount: n,
@@ -3449,7 +3449,7 @@ function ga({
         className: `gloss-metric-card__zone-b gloss-leaderboard ${s ? "gloss-metric-data-stale" : ""}`,
         style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
         children: /* @__PURE__ */ r("div", { className: "gloss-leaderboard__rows", role: "list", children: t.slice(0, i).map((o, l) => /* @__PURE__ */ r(
-          K,
+          G,
           {
             lead: /* @__PURE__ */ r(ee, { rank: l + 1 }),
             name: o.name,
@@ -3466,7 +3466,7 @@ function ga({
               {
                 delta: o.rankDelta,
                 direction: o.direction,
-                "aria-label": pa(o)
+                "aria-label": ga(o)
               }
             ),
             variant: "leaderboard",
@@ -3482,22 +3482,22 @@ function ga({
     ] })
   ] });
 }
-ga.displayName = "LeaderboardCard";
-const ha = () => /* @__PURE__ */ y(
+ha.displayName = "LeaderboardCard";
+const fa = () => /* @__PURE__ */ y(
   "div",
   {
     className: "leaderboard-tile-preview",
     "aria-hidden": "true",
     style: { transform: "scale(0.6)", transformOrigin: "top left" },
     children: [
-      /* @__PURE__ */ r(K, { lead: /* @__PURE__ */ r(ee, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ r(ae, { fill: 96 }), value: "98%" }),
-      /* @__PURE__ */ r(K, { lead: /* @__PURE__ */ r(ee, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ r(ae, { fill: 72 }), value: "85%" }),
-      /* @__PURE__ */ r(K, { lead: /* @__PURE__ */ r(ee, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ r(ae, { fill: 48 }), value: "71%" })
+      /* @__PURE__ */ r(G, { lead: /* @__PURE__ */ r(ee, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ r(ae, { fill: 96 }), value: "98%" }),
+      /* @__PURE__ */ r(G, { lead: /* @__PURE__ */ r(ee, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ r(ae, { fill: 72 }), value: "85%" }),
+      /* @__PURE__ */ r(G, { lead: /* @__PURE__ */ r(ee, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ r(ae, { fill: 48 }), value: "71%" })
     ]
   }
 );
-ha.displayName = "LeaderboardTilePreview";
-const fa = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", ba = (e, t) => {
+fa.displayName = "LeaderboardTilePreview";
+const ba = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", va = (e, t) => {
   const n = e.sourceValue;
   if (typeof n != "number") return !1;
   switch (t.condition) {
@@ -3515,7 +3515,7 @@ const fa = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warni
       return !1;
   }
 };
-function va({
+function ya({
   label: e,
   rows: t,
   rule: n,
@@ -3524,7 +3524,7 @@ function va({
   ruleSubtitle: i,
   isStale: o
 }) {
-  const l = t.filter((d) => ba(d, n)), m = l.slice(0, a ?? 3);
+  const l = t.filter((u) => va(u, n)), m = l.slice(0, a ?? 3);
   return l.length === 0 ? /* @__PURE__ */ y($, { children: [
     /* @__PURE__ */ r(
       X,
@@ -3550,24 +3550,24 @@ function va({
       {
         className: `gloss-metric-card__zone-b gloss-exception-list ${o ? "gloss-metric-data-stale" : ""}`,
         style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
-        children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: m.map((d, u) => /* @__PURE__ */ r(
-          K,
+        children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: m.map((u, c) => /* @__PURE__ */ r(
+          G,
           {
-            lead: /* @__PURE__ */ r(te, { severity: d.severity, "aria-label": fa(d.severity) }),
-            name: d.name,
-            value: d.value,
+            lead: /* @__PURE__ */ r(te, { severity: u.severity, "aria-label": ba(u.severity) }),
+            name: u.name,
+            value: u.value,
             variant: "exception",
-            style: { "--i": u }
+            style: { "--i": c }
           },
-          d.id
+          u.id
         )) })
       }
     ),
     i && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: i })
   ] });
 }
-va.displayName = "ExceptionListCard";
-const ya = () => /* @__PURE__ */ y(
+ya.displayName = "ExceptionListCard";
+const wa = () => /* @__PURE__ */ y(
   "div",
   {
     className: "exception-list-tile-preview",
@@ -3575,7 +3575,7 @@ const ya = () => /* @__PURE__ */ y(
     style: { transform: "scale(0.6)", transformOrigin: "top left" },
     children: [
       /* @__PURE__ */ r(
-        K,
+        G,
         {
           lead: /* @__PURE__ */ r(te, { severity: "critical", "aria-label": "Critical severity" }),
           name: "SKU A",
@@ -3583,7 +3583,7 @@ const ya = () => /* @__PURE__ */ y(
         }
       ),
       /* @__PURE__ */ r(
-        K,
+        G,
         {
           lead: /* @__PURE__ */ r(te, { severity: "warn", "aria-label": "Warning severity" }),
           name: "SKU B",
@@ -3591,7 +3591,7 @@ const ya = () => /* @__PURE__ */ y(
         }
       ),
       /* @__PURE__ */ r(
-        K,
+        G,
         {
           lead: /* @__PURE__ */ r(te, { severity: "info", "aria-label": "Info severity" }),
           name: "SKU C",
@@ -3601,14 +3601,14 @@ const ya = () => /* @__PURE__ */ y(
     ]
   }
 );
-ya.displayName = "ExceptionListTilePreview";
+wa.displayName = "ExceptionListTilePreview";
 const xe = ["MTD", "QTD", "YTD", "LYTD", "7D"], Re = ["$248K", "$612K", "$1.24M", "$980K", "$54K"], Te = [
   "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"
-], wa = ({
+], _a = ({
   slotCount: e = 3,
   labels: t = xe,
   sampleValues: n = Re
@@ -3642,8 +3642,8 @@ const xe = ["MTD", "QTD", "YTD", "LYTD", "7D"], Re = ["$248K", "$612K", "$1.24M"
     }
   );
 };
-wa.displayName = "StackedGroupTilePreview";
-const fr = {
+_a.displayName = "StackedGroupTilePreview";
+const yr = {
   /** 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). */
@@ -3685,8 +3685,8 @@ const fr = {
   rejectionFill: "var(--gloss-g02-rejection-fill)",
   rejectionStroke: "var(--gloss-g02-rejection-stroke)",
   trackingOutline: "var(--gloss-g02-tracking-outline)"
-}, br = "dashed", vr = "solid", yr = "sparse-dash", wr = "2px no-fill", _r = "6 4", Cr = "10 6", _a = 3;
-function Nr({
+}, wr = "dashed", _r = "solid", Cr = "sparse-dash", Nr = "2px no-fill", Sr = "6 4", kr = "10 6", Ca = 3;
+function Dr({
   cell: e,
   variant: t,
   rampColor: n,
@@ -3695,10 +3695,10 @@ function Nr({
   gap: i,
   className: o
 }) {
-  const m = (e.section * _a + e.col) * (a + i), d = e.row * (s + i), u = t === "eligibility" ? j.eligibilityFill : t === "commit" ? j.commitFill : t === "rejection" ? j.rejectionFill : (
+  const m = (e.section * Ca + e.col) * (a + i), u = e.row * (s + i), c = t === "eligibility" ? j.eligibilityFill : t === "commit" ? j.commitFill : t === "rejection" ? j.rejectionFill : (
     /* ramp */
     n ?? j.eligibilityFill
-  ), h = t === "rejection", c = h ? j.rejectionStroke : "transparent", p = h ? "dashed" : "solid";
+  ), h = t === "rejection", d = h ? j.rejectionStroke : "transparent", p = h ? "dashed" : "solid";
   return /* @__PURE__ */ r(
     "div",
     {
@@ -3711,25 +3711,25 @@ function Nr({
       "data-variant": t,
       "aria-hidden": "true",
       style: {
-        transform: `translate(${m}px, ${d}px)`,
+        transform: `translate(${m}px, ${u}px)`,
         width: a,
         height: s,
         // Use background-color longhand (NOT background shorthand) so jsdom + DOM
         // both preserve `var(...)` in inline cssText. The shorthand getter strips
         // unknown values and breaks both unit-test introspection and styling.
-        backgroundColor: u,
-        borderColor: c,
+        backgroundColor: c,
+        borderColor: d,
         borderStyle: p
       }
     }
   );
 }
-const Ca = 3, Na = [
+const Na = 3, Sa = [
   { 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 Sr({
+function xr({
   cell: e,
   fireKey: t,
   colWidth: n,
@@ -3737,7 +3737,7 @@ function Sr({
   gap: s,
   className: i
 }) {
-  const l = (e.section * Ca + e.col) * (n + s) + n / 2, m = e.row * (a + s) + a / 2;
+  const l = (e.section * Na + e.col) * (n + s) + n / 2, m = e.row * (a + s) + a / 2;
   return He() === "reduced" ? /* @__PURE__ */ r(
     "div",
     {
@@ -3774,79 +3774,139 @@ function Sr({
         top: 0,
         pointerEvents: "none"
       },
-      children: Na.map((u) => {
-        const h = u.peakR * 2;
+      children: Sa.map((c) => {
+        const h = c.peakR * 2;
         return /* @__PURE__ */ r(
           "div",
           {
-            className: `gloss-refuse-pulse__ring gloss-refuse-pulse__ring--${u.idx}`,
-            "data-ring-index": u.idx,
-            "data-peak-radius": u.peakR,
-            "data-peak-opacity": u.peakOpacity,
+            className: `gloss-refuse-pulse__ring gloss-refuse-pulse__ring--${c.idx}`,
+            "data-ring-index": c.idx,
+            "data-peak-radius": c.peakR,
+            "data-peak-opacity": c.peakOpacity,
             style: {
               position: "absolute",
-              left: l - u.peakR,
-              top: m - u.peakR,
+              left: l - c.peakR,
+              top: m - c.peakR,
               width: h,
               height: h,
               borderRadius: "50%",
               borderStyle: "solid",
-              borderWidth: u.strokeW,
+              borderWidth: c.strokeW,
               borderColor: j.rejectionStroke,
               background: "transparent",
               opacity: 0,
               transform: "scale(0)",
               // CSS custom property feeds the keyframe peak opacity.
-              "--peak-opacity": u.peakOpacity,
-              animation: `gloss-refuse-pulse-ring-${u.idx} 360ms cubic-bezier(0.22, 1, 0.36, 1) forwards`
+              "--peak-opacity": c.peakOpacity,
+              animation: `gloss-refuse-pulse-ring-${c.idx} 360ms cubic-bezier(0.22, 1, 0.36, 1) forwards`
             }
           },
-          u.idx
+          c.idx
         );
       })
     },
     t
   );
 }
-function kr(e) {
+function Rr(e) {
   return /* @__PURE__ */ r(We, { gesture: "resize", ...e });
 }
-function Sa(e, t, n) {
+const ka = {
+  threshold: "Threshold",
+  timeframe: "Timeframe",
+  slots: "Slots",
+  color: "Color"
+};
+function Da({
+  dimensions: e,
+  activeTab: t,
+  onSelect: n,
+  reduced: a,
+  labels: s,
+  ariaLabel: i = "Settings dimensions"
+}) {
+  const o = it(), l = a ?? o;
+  if (e.length < 2) return null;
+  const m = (c) => s?.[c] ?? ka[c], u = (c, h) => {
+    c.key === "ArrowRight" ? (c.preventDefault(), n(e[(h + 1) % e.length])) : c.key === "ArrowLeft" ? (c.preventDefault(), n(e[(h - 1 + e.length) % e.length])) : c.key === "Home" ? (c.preventDefault(), n(e[0])) : c.key === "End" && (c.preventDefault(), n(e[e.length - 1]));
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      role: "tablist",
+      "aria-label": i,
+      className: "settings-tab-strip",
+      children: e.map((c, h) => {
+        const d = t === c;
+        return /* @__PURE__ */ y(
+          "button",
+          {
+            role: "tab",
+            type: "button",
+            id: `settings-tab-${c}`,
+            "aria-selected": d,
+            "aria-controls": `settings-tabpanel-${c}`,
+            tabIndex: d ? 0 : -1,
+            className: `settings-tab-strip__tab${d ? " settings-tab-strip__tab--active" : ""}`,
+            onClick: () => n(c),
+            onKeyDown: (p) => u(p, h),
+            children: [
+              /* @__PURE__ */ r("span", { className: "settings-tab-strip__label", children: m(c) }),
+              d && !l && /* @__PURE__ */ r(
+                z.span,
+                {
+                  layoutId: "settings-active-tab-indicator",
+                  "data-layout-id": "settings-active-tab-indicator",
+                  className: "settings-tab-strip__indicator",
+                  "aria-hidden": "true",
+                  transition: { type: "spring", stiffness: 380, damping: 30 }
+                }
+              )
+            ]
+          },
+          c
+        );
+      })
+    }
+  );
+}
+Da.displayName = "SettingsTabStrip";
+function xa(e, t, n) {
   const a = Math.max(0, Math.min(1, n)), s = (h) => [
     parseInt(h.slice(1, 3), 16),
     parseInt(h.slice(3, 5), 16),
     parseInt(h.slice(5, 7), 16)
-  ], [i, o, l] = s(e), [m, d, u] = s(t);
-  return `rgb(${Math.round(i + (m - i) * a)}, ${Math.round(o + (d - o) * a)}, ${Math.round(
-    l + (u - l) * a
+  ], [i, o, l] = s(e), [m, u, c] = s(t);
+  return `rgb(${Math.round(i + (m - i) * a)}, ${Math.round(o + (u - o) * a)}, ${Math.round(
+    l + (c - l) * a
   )})`;
 }
-function ka(e) {
+function Ra(e) {
   return e <= 1 ? 1 : e >= 3 ? 3 : 2;
 }
-function Da(e) {
+function Ta(e) {
   return e === "dragging";
 }
-function Dr(e) {
-  const { edgeHover: t, sourceCell: n, cascadeResult: a } = e, i = He() === "reduced", o = B.useRef(t.currentColSpan), l = B.useRef({ armed: !0, fireKey: 0, lastResult: null }), m = B.useRef(t.currentColSpan), d = B.useRef("idle"), u = B.useRef(t.currentColSpan), h = Da(t.state);
-  if (i ? (d.current = "settled", u.current = t.currentColSpan, m.current = t.currentColSpan) : h ? d.current = t.currentColSpan !== m.current ? "incoming" : "outgoing" : (t.currentColSpan !== m.current && (u.current = t.currentColSpan, m.current = t.currentColSpan), d.current !== "idle" && (d.current = "settled")), !h)
+function Tr(e) {
+  const { edgeHover: t, sourceCell: n, cascadeResult: a } = e, i = He() === "reduced", o = K.useRef(t.currentColSpan), l = K.useRef({ armed: !0, fireKey: 0, lastResult: null }), m = K.useRef(t.currentColSpan), u = K.useRef("idle"), c = K.useRef(t.currentColSpan), h = Ta(t.state);
+  if (i ? (u.current = "settled", c.current = t.currentColSpan, m.current = t.currentColSpan) : h ? u.current = t.currentColSpan !== m.current ? "incoming" : "outgoing" : (t.currentColSpan !== m.current && (c.current = t.currentColSpan, m.current = t.currentColSpan), u.current !== "idle" && (u.current = "settled")), !h)
     return l.current.armed = !0, l.current.lastResult = null, {
       trackingOutline: null,
       cellTints: [],
       refusePulse: null,
       shrinkFreedCells: [],
-      phase: d.current,
-      displayColSpan: u.current
+      phase: u.current,
+      displayColSpan: c.current
     };
-  const c = t.hysteresisTargetColSpan, p = t.previewColSpan, w = a?.result === "rejected";
-  w || (o.current = c), w && l.current.armed && l.current.lastResult !== "rejected" && (l.current.fireKey += 1, l.current.armed = !1), l.current.lastResult = w ? "rejected" : "ok";
-  const k = w ? o.current : c, f = {
+  const d = t.hysteresisTargetColSpan, p = t.previewColSpan, w = a?.result === "rejected";
+  w || (o.current = d), w && l.current.armed && l.current.lastResult !== "rejected" && (l.current.fireKey += 1, l.current.armed = !1), l.current.lastResult = w ? "rejected" : "ok";
+  const k = w ? o.current : d, f = {
     cell: { section: 0, col: 0, row: 0 },
     colSpan: k,
     pattern: w ? "dashed-retreated" : "solid"
   }, b = [];
   if (w) {
-    const S = n.col + o.current, T = n.col + c - 1;
+    const S = n.col + o.current, T = n.col + d - 1;
     for (let g = S; g <= T && g <= 2; g++)
       b.push({
         cell: {
@@ -3857,24 +3917,24 @@ function Dr(e) {
         variant: "rejection"
       });
   } else {
-    const S = Math.abs(p - c), T = Math.max(0, Math.min(1, 1 - S));
-    for (let g = n.col; g < n.col + c && g <= 2; g++) {
+    const S = Math.abs(p - d), T = Math.max(0, Math.min(1, 1 - S));
+    for (let g = n.col; g < n.col + d && g <= 2; g++) {
       if (g === n.col) continue;
-      const v = g === n.col + c - 1, _ = {
+      const v = g === n.col + d - 1, _ = {
         section: 0,
         col: g - n.col,
         row: 0
       };
-      v && t.direction.startsWith("grow") && c > 1 && !i && S > 0 && S < 1 ? b.push({
+      v && t.direction.startsWith("grow") && d > 1 && !i && S > 0 && S < 1 ? b.push({
         cell: _,
         variant: "ramp",
-        rampColor: Sa(Me.eligibilityFill, Me.commitFill, T)
+        rampColor: xa(Me.eligibilityFill, Me.commitFill, T)
       }) : v ? b.push({ cell: _, variant: "commit" }) : b.push({ cell: _, variant: "eligibility" });
     }
   }
   const x = [];
-  if (t.currentColSpan > c)
-    for (let S = n.col + c; S < n.col + t.currentColSpan && S <= 2; S++)
+  if (t.currentColSpan > d)
+    for (let S = n.col + d; S < n.col + t.currentColSpan && S <= 2; S++)
       x.push({
         section: 0,
         col: S - n.col,
@@ -3883,7 +3943,7 @@ function Dr(e) {
   const C = l.current.fireKey > 0 ? {
     cell: {
       section: 0,
-      col: ka(
+      col: Ra(
         Math.min(o.current, 2)
       ),
       row: 0
@@ -3895,8 +3955,8 @@ function Dr(e) {
     cellTints: b,
     refusePulse: C,
     shrinkFreedCells: x,
-    phase: d.current,
-    displayColSpan: u.current
+    phase: u.current,
+    displayColSpan: c.current
   };
 }
 const W = {
@@ -3907,7 +3967,7 @@ const W = {
   "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 xa({
+function Ma({
   message: e,
   primaryAction: t,
   onDismiss: n,
@@ -3923,12 +3983,12 @@ function xa({
       "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
     );
   }, [a, s]), F.useLayoutEffect(() => {
-    let d = null;
-    if (a ? d = a : s && (d = document.querySelector(s)), d) {
-      const u = d.getBoundingClientRect();
+    let u = null;
+    if (a ? u = a : s && (u = document.querySelector(s)), u) {
+      const c = u.getBoundingClientRect();
       o({
-        top: u.bottom + window.scrollY + 6,
-        left: u.left + window.scrollX
+        top: c.bottom + window.scrollY + 6,
+        left: c.left + window.scrollX
       });
     }
   }, [a, s]);
@@ -3968,11 +4028,11 @@ function xa({
     }
   );
 }
-xa.displayName = "InlineNudge";
+Ma.displayName = "InlineNudge";
 function ge(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function Ra(e, t, n) {
+function Pa(e, t, n) {
   if (n <= t) {
     const o = e[0], l = o ? ge(o) : "#888";
     return `linear-gradient(to right, ${l}, ${l})`;
@@ -3983,10 +4043,10 @@ function Ra(e, t, n) {
   });
   return i.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : i.length === 1 ? `linear-gradient(to right, ${i[0]}, ${i[0]})` : `linear-gradient(to right, ${i.join(", ")})`;
 }
-function Ta(e) {
+function Ia(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function Ma({
+function Ea({
   stops: e,
   onChange: t,
   min: n = 0,
@@ -3999,11 +4059,11 @@ function Ma({
   ), 0.01) : s, l = N(
     (g) => Math.round(g / o) * o,
     [o]
-  ), m = P(null), [d, u] = I(null), [h, c] = I(e), p = Ta(e), w = P(p);
+  ), m = P(null), [u, c] = I(null), [h, d] = I(e), p = Ia(e), w = P(p);
   A(() => {
-    w.current !== p && (w.current = p, !d && c(e));
-  }, [p, e, d]);
-  const k = re(() => Ra(h, n, a), [h, n, a]), f = N(
+    w.current !== p && (w.current = p, !u && d(e));
+  }, [p, e, u]);
+  const k = re(() => Pa(h, n, a), [h, n, a]), f = N(
     (g) => {
       if (!m.current) return n;
       const v = m.current.getBoundingClientRect(), _ = v.width || 1, D = Math.max(0, Math.min(1, (g - v.left) / _)), M = n + D * (a - n);
@@ -4019,29 +4079,29 @@ function Ma({
   const b = N(
     (g, v) => {
       const _ = h.find((D) => D.id === v);
-      i || _?.disabled || (g.preventDefault(), u(v));
+      i || _?.disabled || (g.preventDefault(), c(v));
     },
     [i, h]
   ), x = P(h);
   x.current = h;
   const C = P(t);
   C.current = t, A(() => {
-    if (!d) return;
+    if (!u) return;
     const g = (_) => {
       const D = f(_.clientX);
-      c(
-        (M) => M.map((R) => R.id === d ? { ...R, value: D } : R)
+      d(
+        (M) => M.map((R) => R.id === u ? { ...R, value: D } : R)
       );
     }, v = (_) => {
       const D = f(_.clientX), M = x.current.map(
-        (R) => R.id === d ? { ...R, value: D } : R
+        (R) => R.id === u ? { ...R, value: D } : R
       );
-      c(M), u(null), C.current(M);
+      d(M), c(null), C.current(M);
     };
     return window.addEventListener("pointermove", g), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
       window.removeEventListener("pointermove", g), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
     };
-  }, [d, f]);
+  }, [u, f]);
   const S = a - n > 0 ? a - n : 1, T = N(
     (g, v) => {
       if (i || v.disabled) return;
@@ -4070,10 +4130,10 @@ function Ma({
       g.preventDefault();
       const R = Math.max(n, Math.min(a, M)), E = l(R);
       if (E === v.value) return;
-      const L = h.map(
+      const O = h.map(
         (Z) => Z.id === v.id ? { ...Z, value: E } : Z
       );
-      c(L), t(L);
+      d(O), t(O);
     },
     [i, n, a, h, t, l]
   );
@@ -4094,7 +4154,7 @@ function Ma({
               color: ge(g)
             },
             "data-disabled": g.disabled || void 0,
-            "data-dragging": d === g.id || void 0,
+            "data-dragging": u === g.id || void 0,
             onPointerDown: (_) => b(_, g.id),
             onKeyDown: (_) => T(_, g),
             "aria-label": g.label ?? `Stop at ${g.value}`,
@@ -4111,8 +4171,8 @@ function Ma({
     }
   ) });
 }
-Ma.displayName = "ThresholdRamp";
-function Pa(e, t, n, a) {
+Ea.displayName = "ThresholdRamp";
+function Aa(e, t, n, a) {
   switch (t) {
     case "above-right":
       return {
@@ -4145,53 +4205,53 @@ function Pa(e, t, n, a) {
       };
   }
 }
-function Ia(e) {
+function Fa(e) {
   const { anchorRef: t, placement: n, gap: a = 8, offset: s, isOpen: i = !0 } = e, o = P({ x: s?.x ?? 0, y: s?.y ?? 0 });
   o.current = { x: s?.x ?? 0, y: s?.y ?? 0 };
   const [l, m] = I({});
   return Ie(() => {
     if (typeof window > "u" || !i) return;
-    const d = t.current;
-    if (!d) return;
-    const u = () => {
-      const c = d.getBoundingClientRect();
-      m(Pa(c, n, a, o.current));
+    const u = t.current;
+    if (!u) return;
+    const c = () => {
+      const d = u.getBoundingClientRect();
+      m(Aa(d, n, a, o.current));
     };
-    u();
+    c();
     let h = null;
-    return typeof ResizeObserver < "u" && (h = new ResizeObserver(u), h.observe(d)), window.addEventListener("scroll", u, { capture: !0, passive: !0 }), window.addEventListener("resize", u, { passive: !0 }), () => {
-      h?.disconnect(), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
+    return typeof ResizeObserver < "u" && (h = new ResizeObserver(c), h.observe(u)), window.addEventListener("scroll", c, { capture: !0, passive: !0 }), window.addEventListener("resize", c, { passive: !0 }), () => {
+      h?.disconnect(), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
   }, [t, n, a, i]), { style: l };
 }
-const Ea = {
+const La = {
   position: "fixed",
   zIndex: 9999
 };
-function Aa(e) {
-  const { anchorRef: t, placement: n, gap: a, offset: s, dataHost: i, isOpen: o = !0, className: l, children: m } = e, { style: d } = Ia({ anchorRef: t, placement: n, gap: a, offset: s, isOpen: o });
+function Oa(e) {
+  const { anchorRef: t, placement: n, gap: a, offset: s, dataHost: i, isOpen: o = !0, className: l, children: m } = e, { style: u } = Fa({ anchorRef: t, placement: n, gap: a, offset: s, isOpen: o });
   return typeof window > "u" || typeof document > "u" || !o ? null : Ee(
-    /* @__PURE__ */ r("div", { "data-portal-host": i, className: l, style: { ...Ea, ...d }, children: m }),
+    /* @__PURE__ */ r("div", { "data-portal-host": i, className: l, style: { ...La, ...u }, children: m }),
     document.body
   );
 }
 const je = tt(null);
-function Fa() {
+function $a() {
   return at(je);
 }
-function Oa({ option: e }) {
-  const t = Fa(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, s = N(() => {
+function za({ option: e }) {
+  const t = $a(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, s = N(() => {
     a || t?.select(e.value);
   }, [a, t, e.value]), i = N(
-    (d) => {
-      a || t?.onKeyNav(d, e.value);
+    (u) => {
+      a || t?.onKeyNav(u, e.value);
     },
     [a, t, e.value]
   ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, m = a ? -1 : l ? 0 : -1;
   return /* @__PURE__ */ r(
     "button",
     {
-      ref: (d) => t?.registerRef(e.value, d),
+      ref: (u) => t?.registerRef(e.value, u),
       type: "button",
       role: "radio",
       "aria-checked": n,
@@ -4209,7 +4269,7 @@ function Oa({ option: e }) {
     }
   );
 }
-function La({
+function Ba({
   swatches: e,
   value: t,
   defaultValue: n,
@@ -4217,18 +4277,18 @@ function La({
   disabled: s = !1,
   name: i
 }) {
-  const o = t !== void 0, [l, m] = I(n), d = o ? t : l, u = N(
+  const o = t !== void 0, [l, m] = I(n), u = o ? t : l, c = N(
     (C) => {
       o || m(C), a?.(C);
     },
     [o, a]
   ), h = N(
-    (C) => d === C,
-    [d]
-  ), c = P(/* @__PURE__ */ new Map()), p = N((C, S) => {
-    S ? c.current.set(C, S) : c.current.delete(C);
-  }, []), w = e.filter((C) => !C.disabled && !s), k = w.find((C) => C.value === d)?.value ?? w[0]?.value, f = N((C) => {
-    const S = c.current.get(C);
+    (C) => u === C,
+    [u]
+  ), d = P(/* @__PURE__ */ new Map()), p = N((C, S) => {
+    S ? d.current.set(C, S) : d.current.delete(C);
+  }, []), w = e.filter((C) => !C.disabled && !s), k = w.find((C) => C.value === u)?.value ?? w[0]?.value, f = N((C) => {
+    const S = d.current.get(C);
     S && S.focus();
   }, []), b = N(
     (C, S) => {
@@ -4255,19 +4315,19 @@ function La({
           break;
         case " ":
         case "Enter":
-          C.preventDefault(), u(S);
+          C.preventDefault(), c(S);
           return;
         default:
           return;
       }
       C.preventDefault();
       const _ = T[v].value;
-      f(_), u(_);
+      f(_), c(_);
     },
-    [s, e, u, f]
+    [s, e, c, f]
   ), x = {
-    selectedValue: d,
-    select: u,
+    selectedValue: u,
+    select: c,
     isSelected: h,
     groupDisabled: s,
     name: i,
@@ -4283,11 +4343,11 @@ function La({
       "aria-label": i,
       "aria-disabled": s,
       "data-disabled": s || void 0,
-      children: e.map((C) => /* @__PURE__ */ r(Oa, { option: C }, C.value))
+      children: e.map((C) => /* @__PURE__ */ r(za, { option: C }, C.value))
     }
   ) });
 }
-La.displayName = "PresetSwatchRow";
+Ba.displayName = "PresetSwatchRow";
 function he(e, t) {
   for (const n of e)
     if (n.items.some((a) => a.id === t))
@@ -4298,31 +4358,31 @@ function Pe(e, t) {
   const n = e.find((a) => a.zoneKey === t);
   return n ? n.zoneKey : he(e, t);
 }
-function $a(e, t, n) {
+function Ka(e, t, n) {
   const a = [...e], [s] = a.splice(t, 1);
   return a.splice(n, 0, s), a;
 }
-function za(e) {
+function Ga(e) {
   return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
 }
-function Ba(e) {
+function Ha(e) {
   const [t, n] = I(
     () => e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
       `useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
     ), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
   ), [a, s] = I(null), [i, o] = I(null), l = P(null), m = P(e.onZoneChange);
   m.current = e.onZoneChange;
-  const d = re(
-    () => za(e.zones),
+  const u = re(
+    () => Ga(e.zones),
     [e.zones]
-  ), u = P(d);
+  ), c = P(u);
   A(() => {
-    u.current !== d && (u.current = d, !a && n(
+    c.current !== u && (c.current = u, !a && n(
       e.zones.map((f) => f.maxItems !== void 0 && f.items.length > f.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
         `useSortableZones: zone "${f.zoneKey}" exceeds maxItems (${f.items.length} > ${f.maxItems}); trimming to cap.`
       ), { ...f, items: f.items.slice(0, f.maxItems) }) : f)
     ));
-  }, [d, e.zones, a]);
+  }, [u, e.zones, a]);
   const h = N(
     (f) => {
       const b = f.active.id;
@@ -4337,7 +4397,7 @@ function Ba(e) {
       l.current = C, s(x), o(C);
     },
     [t]
-  ), c = N(
+  ), d = N(
     (f) => {
       if (!f.over) {
         o(l.current);
@@ -4366,19 +4426,19 @@ function Ba(e) {
         const v = g.findIndex((E) => E.zoneKey === S), _ = g[v], D = _.items.findIndex((E) => E.id === b.id), M = _.items.findIndex((E) => E.id === x.id), R = M >= 0 ? M : Math.max(0, _.items.length - 1);
         g[v] = {
           ..._,
-          items: $a(_.items, D, R)
+          items: Ka(_.items, D, R)
         };
       } else {
-        const v = g.findIndex((O) => O.zoneKey === S), _ = g.findIndex((O) => O.zoneKey === T), D = g[v], M = g[_], R = D.items.find((O) => O.id === b.id);
+        const v = g.findIndex((L) => L.zoneKey === S), _ = g.findIndex((L) => L.zoneKey === T), D = g[v], M = g[_], R = D.items.find((L) => L.id === b.id);
         if (!R) {
           C();
           return;
         }
-        const E = D.items.filter((O) => O.id !== b.id), L = M.items.findIndex((O) => O.id === x.id), Z = L >= 0 ? L : M.items.length;
+        const E = D.items.filter((L) => L.id !== b.id), O = M.items.findIndex((L) => L.id === x.id), Z = O >= 0 ? O : M.items.length;
         let be = E, H = [...M.items];
         if (M.maxItems !== void 0 && H.length >= M.maxItems) {
-          const O = H[H.length - 1];
-          H = H.slice(0, M.maxItems - 1), be = [...E, O];
+          const L = H[H.length - 1];
+          H = H.slice(0, M.maxItems - 1), be = [...E, L];
         }
         const ve = Math.min(Z, H.length), qe = [
           ...H.slice(0, ve),
@@ -4414,12 +4474,12 @@ function Ba(e) {
     getZoneProps: w,
     getItemProps: k,
     handleDragStart: h,
-    handleDragOver: c,
+    handleDragOver: d,
     handleDragEnd: p
   };
 }
 let Q = null, ne = null, le = !1;
-const Ka = [
+const Wa = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -4428,21 +4488,21 @@ const Ka = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], Ga = [
+], Va = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function Ha(e, t) {
+function ja(e, t) {
   const n = [], a = e ?? {};
-  for (const i of Ka)
+  for (const i of Wa)
     a[i] === void 0 && n.push(`@dnd-kit/core:${i}`);
   const s = t ?? {};
-  for (const i of Ga)
+  for (const i of Va)
     s[i] === void 0 && n.push(`@dnd-kit/sortable:${i}`);
   return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
 }
-function Wa() {
+function Ua() {
   return Q ? Promise.resolve(Q) : le ? Promise.resolve(null) : ne || (ne = (async () => {
     try {
       const [e, t, n] = await Promise.all([
@@ -4451,7 +4511,7 @@ function Wa() {
         import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
           "SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
         ), {}))
-      ]), a = Ha(e, t);
+      ]), a = ja(e, t);
       return a.ok ? (Q = {
         core: e,
         sortable: t,
@@ -4464,15 +4524,15 @@ function Wa() {
     }
   })(), ne);
 }
-function Va(e) {
-  const { zones: t, onZoneChange: n, renderZone: a, renderItem: s, renderDragOverlay: i } = e, o = Ba({ zones: t, onZoneChange: n }), [l, m] = F.useState(Q);
+function Ya(e) {
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: s, renderDragOverlay: i } = e, o = Ha({ zones: t, onZoneChange: n }), [l, m] = F.useState(Q);
   return F.useEffect(() => {
     if (l) return;
-    let d = !0;
-    return Wa().then((u) => {
-      d && m(u);
+    let u = !0;
+    return Ua().then((c) => {
+      u && m(c);
     }), () => {
-      d = !1;
+      u = !1;
     };
   }, [l]), l ? /* @__PURE__ */ r(
     Ue,
@@ -4483,12 +4543,12 @@ function Va(e) {
       renderItem: s,
       renderDragOverlay: i
     }
-  ) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((d) => {
-    const u = d.items.map((h) => /* @__PURE__ */ r(F.Fragment, { children: s(h) }, h.id));
-    return /* @__PURE__ */ r("div", { ...o.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, u) }, d.zoneKey);
+  ) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((u) => {
+    const c = u.items.map((h) => /* @__PURE__ */ r(F.Fragment, { children: s(h) }, h.id));
+    return /* @__PURE__ */ r("div", { ...o.getZoneProps(u.zoneKey), children: a(u.zoneKey, u.items, c) }, u.zoneKey);
   }) });
 }
-Va.displayName = "SortableZones";
+Ya.displayName = "SortableZones";
 function Ue({
   state: e,
   modules: t,
@@ -4496,10 +4556,10 @@ function Ue({
   renderItem: a,
   renderDragOverlay: s
 }) {
-  const { core: i, sortable: o, utilities: l } = t, { DndContext: m, DragOverlay: d, useSensors: u, useSensor: h, useDroppable: c, PointerSensor: p, KeyboardSensor: w, closestCenter: k } = i, { SortableContext: f, verticalListSortingStrategy: b } = o, x = u(
+  const { core: i, sortable: o, utilities: l } = t, { DndContext: m, DragOverlay: u, useSensors: c, useSensor: h, useDroppable: d, PointerSensor: p, KeyboardSensor: w, closestCenter: k } = i, { SortableContext: f, verticalListSortingStrategy: b } = o, x = c(
     h(p, { activationConstraint: { distance: 5 } }),
     h(w)
-  ), C = m, S = d, T = f;
+  ), C = m, S = u, T = f;
   return /* @__PURE__ */ y(
     C,
     {
@@ -4525,7 +4585,7 @@ function Ue({
             {
               zoneKey: g.zoneKey,
               zoneProps: e.getZoneProps(g.zoneKey),
-              useDroppable: c,
+              useDroppable: d,
               children: /* @__PURE__ */ r(T, { items: v, strategy: b, children: n(g.zoneKey, g.items, _) })
             },
             g.zoneKey
@@ -4538,12 +4598,12 @@ function Ue({
 }
 Ue.displayName = "SortableZonesInner";
 function Ye({ id: e, useSortable: t, cssHelper: n, children: a }) {
-  const { attributes: s, listeners: i, setNodeRef: o, transform: l, transition: m, isDragging: d } = t({ id: e }), u = {
+  const { attributes: s, listeners: i, setNodeRef: o, transform: l, transition: m, isDragging: u } = t({ id: e }), c = {
     transform: n?.Transform?.toString(l) ?? void 0,
     transition: m,
-    opacity: d ? 0.5 : 1
+    opacity: u ? 0.5 : 1
   };
-  return /* @__PURE__ */ r("div", { ref: o, style: u, "data-sortable-item-id": e, ...s, ...i, children: a });
+  return /* @__PURE__ */ r("div", { ref: o, style: c, "data-sortable-item-id": e, ...s, ...i, children: a });
 }
 Ye.displayName = "SortableItem";
 function Ze({
@@ -4556,7 +4616,7 @@ function Ze({
   return /* @__PURE__ */ r("div", { ref: s, "data-zone-is-over": i || void 0, ...t, children: a });
 }
 Ze.displayName = "ZoneDroppable";
-function xr({
+function Mr({
   slotLeft: e,
   slotCenter: t,
   slotRight: n,
@@ -4606,7 +4666,7 @@ function xr({
     }
   );
 }
-function Rr({
+function Pr({
   count: e,
   currentIndex: t,
   onSelect: n,
@@ -4617,26 +4677,26 @@ function Rr({
   currentSection: l,
   sectionsPerView: m = 1,
   // D-09 default
-  isHiding: d
+  isHiding: u
 }) {
-  const u = l ?? t ?? 0, h = Math.max(0, Math.min(e - 1, u)), c = Math.min(e - 1, h + Math.max(0, m - 1)), p = [h, c], w = B.useRef([]);
-  return w.current.length = e, !d && e <= 1 || !d && p[0] === 0 && p[1] === e - 1 ? null : /* @__PURE__ */ y(
+  const c = l ?? t ?? 0, h = Math.max(0, Math.min(e - 1, c)), d = Math.min(e - 1, h + Math.max(0, m - 1)), p = [h, d], w = K.useRef([]);
+  return w.current.length = e, !u && e <= 1 || !u && p[0] === 0 && p[1] === e - 1 ? null : /* @__PURE__ */ y(
     "div",
     {
       role: "tablist",
       "aria-label": a,
       "data-testid": "gloss-section-dots",
       className: "gloss-section-dots",
-      "data-hiding": d ? "true" : void 0,
+      "data-hiding": u ? "true" : void 0,
       onKeyDown: (f) => {
         if (e !== 0) {
           if (f.key === "ArrowRight") {
             f.preventDefault();
-            const b = (u + 1) % e;
+            const b = (c + 1) % e;
             n(b), requestAnimationFrame(() => w.current[b]?.focus());
           } else if (f.key === "ArrowLeft") {
             f.preventDefault();
-            const b = (u - 1 + e) % e;
+            const b = (c - 1 + e) % e;
             n(b), requestAnimationFrame(() => w.current[b]?.focus());
           }
         }
@@ -4661,13 +4721,13 @@ function Rr({
             },
             type: "button",
             role: "tab",
-            "aria-selected": b === u,
+            "aria-selected": b === c,
             "aria-label": b === s ? "Unconfirmed section" : `Section ${b + 1}`,
-            "data-state": b === s ? "provisional-hollow" : b === i ? "pulse" : b === u ? "current" : "hollow",
+            "data-state": b === s ? "provisional-hollow" : b === i ? "pulse" : b === c ? "current" : "hollow",
             "data-section-index": b,
             className: [
               "gloss-section-dots__dot",
-              b === u && "gloss-section-dots__dot--current"
+              b === c && "gloss-section-dots__dot--current"
             ].filter(Boolean).join(" "),
             onClick: () => n(b)
           },
@@ -4677,12 +4737,12 @@ function Rr({
     }
   );
 }
-function Tr(e) {
+function Ir(e) {
   const { anchorRef: t, isOpen: n, onRequestClose: a, onPopoverEnter: s, onPopoverLeave: i, children: o } = e, l = P(!0);
   return A(() => (l.current = !0, () => {
     l.current = !1;
   }), []), n ? /* @__PURE__ */ r(
-    Aa,
+    Oa,
     {
       anchorRef: t,
       placement: "above-right",
@@ -4719,16 +4779,16 @@ function Tr(e) {
     }
   ) : null;
 }
-function Mr(e) {
+function Er(e) {
   const {
     mode: t = null,
     count: n,
     anchorRef: a,
     subscribeToCoordinator: s = !0,
     cardLabels: i
-  } = e, o = P(null), [l, m] = I({ cx: 0, cy: 0, r: 14 }), d = it(), u = s ? d?.state?.lockHint ?? null : null, h = s ? d?.state?.bellCutoutOpen ?? !1 : !1, c = u != null ? "lock" : t ?? (h ? "default" : null), p = u?.activeCardId ?? null, w = p != null ? i?.[p] ?? p : "";
+  } = e, o = P(null), [l, m] = I({ cx: 0, cy: 0, r: 14 }), u = ot(), c = s ? u?.state?.lockHint ?? null : null, h = s ? u?.state?.bellCutoutOpen ?? !1 : !1, d = c != null ? "lock" : t ?? (h ? "default" : null), p = c?.activeCardId ?? null, w = p != null ? i?.[p] ?? p : "";
   return Ie(() => {
-    if (c == null) return;
+    if (d == null) return;
     const k = o.current, f = a.current;
     if (!k || !f) return;
     const b = () => {
@@ -4737,13 +4797,13 @@ function Mr(e) {
     };
     if (b(), !(typeof window > "u"))
       return window.addEventListener("resize", b, { passive: !0 }), () => window.removeEventListener("resize", b);
-  }, [c, a]), c == null ? null : /* @__PURE__ */ y(
+  }, [d, a]), d == null ? null : /* @__PURE__ */ y(
     "div",
     {
       ref: o,
       className: "bell-cutout",
-      "data-mode": c,
-      "data-count": c === "unread-count" && n != null ? String(n) : void 0,
+      "data-mode": d,
+      "data-count": d === "unread-count" && n != null ? String(n) : void 0,
       "aria-hidden": "true",
       children: [
         /* @__PURE__ */ y("svg", { className: "bell-cutout__svg", width: "100%", height: "100%", preserveAspectRatio: "none", children: [
@@ -4754,17 +4814,17 @@ function Mr(e) {
           /* @__PURE__ */ r("rect", { x: "0", y: "0", width: "100%", height: "100%", mask: "url(#bell-cutout-mask)", className: "bell-cutout__fill" })
         ] }),
         /* @__PURE__ */ r("span", { className: "bell-cutout__dot", "aria-hidden": "true" }),
-        c === "lock" && u != null ? /* @__PURE__ */ r("span", { className: "bell-cutout__lock-text", role: "status", "aria-live": "polite", children: `Still editing "${w}" — Cancel or Apply first` }) : null
+        d === "lock" && c != null ? /* @__PURE__ */ r("span", { className: "bell-cutout__lock-text", role: "status", "aria-live": "polite", children: `Still editing "${w}" — Cancel or Apply first` }) : null
       ]
     }
   );
 }
-const ja = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+const Za = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
   const s = { ...n };
   return delete s.className, delete s.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...s, children: /* @__PURE__ */ r(fe, { region: "toolbar", density: e, children: t }) });
 });
-ja.displayName = "ContainerToolbar";
-const Ua = F.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...s }, i) => {
+Za.displayName = "ContainerToolbar";
+const qa = F.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...s }, i) => {
   const o = { ...s };
   return delete o.className, delete o.style, /* @__PURE__ */ y("fieldset", { ref: i, className: "gloss-container-form-section", ...o, children: [
     e && /* @__PURE__ */ r("legend", { className: "gloss-container-form-section__legend", children: e }),
@@ -4772,362 +4832,363 @@ const Ua = F.forwardRef(({ legend: e, description: t, density: n = "default", ch
     /* @__PURE__ */ r(fe, { region: "form-section", density: n, children: a })
   ] });
 });
-Ua.displayName = "ContainerFormSection";
-const Ya = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+qa.displayName = "ContainerFormSection";
+const Qa = F.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
   const s = { ...n };
   return delete s.className, delete s.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-table", ...s, children: /* @__PURE__ */ r(fe, { region: "table", density: e, children: t }) });
 });
-Ya.displayName = "ContainerTable";
+Qa.displayName = "ContainerTable";
 export {
-  Er as Accordion,
-  Ar as AccordionContent,
-  Fr as AccordionItem,
-  Or as AccordionTrigger,
-  Lr as ActionStrip,
-  $r as Actionable,
-  zr as AddressGroup,
-  Br as AddressSelect,
-  Kr as AsyncLoader,
-  Gr as Autocomplete,
-  Hr as Badge,
-  Wr as BarChartCard,
-  Vr as BarsBg,
-  Mr as BellCutout,
-  Tr as BellPopover,
-  Aa as BodyPortal,
-  xr as BottomToolbar,
-  jr as Button,
-  Ur as ButtonGroup,
-  Yr as ButtonGroupContext,
-  Zr as Card,
-  qr as CardActions,
-  Qr as CardBack,
-  Xr as CardBody,
-  Jr as CardFooter,
-  es as CardHeader,
-  ts as CardMedia,
+  Lr as Accordion,
+  Or as AccordionContent,
+  $r as AccordionItem,
+  zr as AccordionTrigger,
+  Br as ActionStrip,
+  Kr as Actionable,
+  Gr as AddressGroup,
+  Hr as AddressSelect,
+  Wr as AsyncLoader,
+  Vr as Autocomplete,
+  jr as Badge,
+  Ur as BarChartCard,
+  Yr as BarsBg,
+  Er as BellCutout,
+  Ir as BellPopover,
+  Oa as BodyPortal,
+  Mr as BottomToolbar,
+  Zr as Button,
+  qr as ButtonGroup,
+  Qr as ButtonGroupContext,
+  Xr as Card,
+  Jr as CardActions,
+  es as CardBack,
+  ts as CardBody,
+  as as CardFooter,
+  ns as CardHeader,
+  rs as CardMedia,
   Xe as CardShell,
-  as as CardSubtitle,
-  ns as CardTitle,
-  pr as CascadePreview,
-  Nr as CellTintOverlay,
-  rs as ChartControlBar,
-  ss as Checkbox,
-  is as CheckboxGroup,
-  os as Chip,
-  ls as ColorPicker,
-  cs as ComparisonCard,
-  ds as ContactForm,
-  us as ContainerCard,
-  ms as ContainerCardActions,
-  ps as ContainerCardBody,
-  gs as ContainerCardFooter,
-  hs as ContainerCardHeader,
-  fs as ContainerCardMedia,
-  bs as ContainerCardSubtitle,
-  vs as ContainerCardTitle,
-  ys as ContainerDialog,
-  ws as ContainerDialogActions,
-  _s as ContainerDialogBody,
-  Cs as ContainerDialogHeader,
-  Ua as ContainerFormSection,
-  Ns as ContainerPanel,
-  Ya as ContainerTable,
-  ja as ContainerToolbar,
-  Ss as CreditCardForm,
-  ks as DEFAULT_FOOTER_IDS,
+  ss as CardSubtitle,
+  is as CardTitle,
+  fr as CascadePreview,
+  Dr as CellTintOverlay,
+  os as ChartControlBar,
+  ls as Checkbox,
+  cs as CheckboxGroup,
+  ds as Chip,
+  us as ColorPicker,
+  ms as ComparisonCard,
+  ps as ContactForm,
+  gs as ContainerCard,
+  hs as ContainerCardActions,
+  fs as ContainerCardBody,
+  bs as ContainerCardFooter,
+  vs as ContainerCardHeader,
+  ys as ContainerCardMedia,
+  ws as ContainerCardSubtitle,
+  _s as ContainerCardTitle,
+  Cs as ContainerDialog,
+  Ns as ContainerDialogActions,
+  Ss as ContainerDialogBody,
+  ks as ContainerDialogHeader,
+  qa as ContainerFormSection,
+  Ds as ContainerPanel,
+  Qa as ContainerTable,
+  Za as ContainerToolbar,
+  xs as CreditCardForm,
+  Rs as DEFAULT_FOOTER_IDS,
   U as DEFAULT_GRID_INTERACTION_PHYSICS,
-  ml as DEFAULT_MARKET_PRESETS,
-  Ds as DEFAULT_OVERFLOW_IDS,
-  pl as DEFAULT_PINNED,
-  Nt as DEFAULT_RESIZE_PHYSICS,
+  hl as DEFAULT_MARKET_PRESETS,
+  Ts as DEFAULT_OVERFLOW_IDS,
+  fl as DEFAULT_PINNED,
+  St as DEFAULT_RESIZE_PHYSICS,
   Ae as DEFAULT_RESIZE_PILL_PHYSICS,
-  xs as DataTable,
-  Rs as DatePicker,
-  Ts as DateRangePicker,
-  Ms as DestructiveModal,
-  aa as DevTuningPanel,
-  Ps as DirectionCard,
-  Is as Dismissible,
-  Es as DistributionCard,
-  As as DonutChart,
-  ur as DragGhost,
-  ar as DropAnchorCell,
-  Fs as Dropdown,
-  ia as DualPaceBars,
-  Os as ENTITY_FILTER_KEYS,
-  Ls as ENTITY_PROFILE_ROUTES,
-  $s as ENTITY_TYPE_PLURAL,
-  dr as EmptyCellPackAffordance,
-  zs as EntityPicker,
-  K as EntityRow,
-  Bs as EntitySearchPanel,
-  va as ExceptionListCard,
-  ya as ExceptionListTilePreview,
-  Ks as Expandable,
-  Gs as ExpandableChip,
-  Hs as FLIP_AND_STAGE_TIMINGS,
-  Ws as FileUpload,
-  Vs as FilterChip,
-  js as FilterInput,
-  Us as FlipAndStageProvider,
-  Ys as Form,
-  Zs as FormDialog,
-  qs as FormField,
-  Qs as FusedShape,
-  oa as GapReadout,
-  Xs as GestureStateProvider,
-  Ct as GhostPreview,
-  Js as GroupCheckbox,
-  ei as GroupRadio,
-  lr as HARD_CLIP,
-  ti as HighlightCard,
-  ai as HybridDatePicker,
-  ni as ImportWizard,
-  xa as InlineNudge,
-  ri as Input,
-  si as InputAddon,
-  ii as InputGroup,
-  ga as LeaderboardCard,
-  ha as LeaderboardTilePreview,
-  da as LensChipGroup,
-  oi as Link,
-  li as LoginForm,
+  Ms as DataTable,
+  Ps as DatePicker,
+  Is as DateRangePicker,
+  Es as DestructiveModal,
+  na as DevTuningPanel,
+  As as DirectionCard,
+  Fs as Dismissible,
+  Ls as DistributionCard,
+  Os as DonutChart,
+  gr as DragGhost,
+  sr as DropAnchorCell,
+  $s as Dropdown,
+  oa as DualPaceBars,
+  zs as ENTITY_FILTER_KEYS,
+  Bs as ENTITY_PROFILE_ROUTES,
+  Ks as ENTITY_TYPE_PLURAL,
+  pr as EmptyCellPackAffordance,
+  Gs as EntityPicker,
+  G as EntityRow,
+  Hs as EntitySearchPanel,
+  ya as ExceptionListCard,
+  wa as ExceptionListTilePreview,
+  Ws as Expandable,
+  Vs as ExpandableChip,
+  js as FLIP_AND_STAGE_TIMINGS,
+  Us as FileUpload,
+  Ys as FilterChip,
+  Zs as FilterInput,
+  qs as FlipAndStageProvider,
+  Qs as Form,
+  Xs as FormDialog,
+  Js as FormField,
+  ei as FusedShape,
+  la as GapReadout,
+  ti as GestureStateProvider,
+  Nt as GhostPreview,
+  ai as GroupCheckbox,
+  ni as GroupRadio,
+  ur as HARD_CLIP,
+  ri as HighlightCard,
+  si as HybridDatePicker,
+  ii as ImportWizard,
+  Ma as InlineNudge,
+  oi as Input,
+  li as InputAddon,
+  ci as InputGroup,
+  ha as LeaderboardCard,
+  fa as LeaderboardTilePreview,
+  ua as LensChipGroup,
+  di as Link,
+  ui as LoginForm,
   ae as MagnitudeBar,
-  ci as MarketPresetRow,
-  di as MaskPresets,
-  ui as MaskedInput,
-  mi as Menu,
-  pi as MenuDivider,
-  gi as MenuGroup,
-  hi as MenuItem,
-  fi as MergePrompt,
-  bi as MetricCard,
-  vi as MetricCardGrid,
-  Ut as MetricGroupContainer,
-  yi as MiniCalendar,
-  ma as MoreInLensRail,
-  wi as MultiSelect,
-  _i as NumberInput,
-  Ci as ObjectArrow,
-  Ni as OrderFilterBar,
-  Jo as PANEL_COMMITS,
-  gl as PERIOD_OPTIONS,
-  gr as PaceCard,
-  hr as PaceTilePreview,
-  Ft as PageChip,
+  mi as MarketPresetRow,
+  pi as MaskPresets,
+  gi as MaskedInput,
+  hi as Menu,
+  fi as MenuDivider,
+  bi as MenuGroup,
+  vi as MenuItem,
+  yi as MergePrompt,
+  wi as MetricCard,
+  _i as MetricCardGrid,
+  Yt as MetricGroupContainer,
+  Ci as MiniCalendar,
+  pa as MoreInLensRail,
+  Ni as MultiSelect,
+  Si as NumberInput,
+  ki as ObjectArrow,
+  Di as OrderFilterBar,
+  al as PANEL_COMMITS,
+  bl as PERIOD_OPTIONS,
+  br as PaceCard,
+  vr as PaceTilePreview,
+  Lt as PageChip,
   $e as PageDropdown,
-  el as PanelChrome,
-  tl as PanelHost,
-  al as PanelProvider,
-  Si as PasswordInput,
-  ki as PaymentForm,
-  Di as PaymentMethodSelect,
-  xi as PhoneInput,
-  Ri as PinToMetric,
-  La as PresetSwatchRow,
-  Ti as ProfileCard,
-  Mi as ProgressCard,
-  Pi as QuickConfigPanel,
-  Gt as RECONFIG_BACKSIDE_LABELS,
-  hl as ROLLING_OPTIONS,
-  Ii as Radio,
-  Ei as RadioGroup,
-  Ai as RangeSlider,
+  nl as PanelChrome,
+  rl as PanelHost,
+  sl as PanelProvider,
+  xi as PasswordInput,
+  Ri as PaymentForm,
+  Ti as PaymentMethodSelect,
+  Mi as PhoneInput,
+  Pi as PinToMetric,
+  Ba as PresetSwatchRow,
+  Ii as ProfileCard,
+  Ei as ProgressCard,
+  Ai as QuickConfigPanel,
+  Ht as RECONFIG_BACKSIDE_LABELS,
+  vl as ROLLING_OPTIONS,
+  Fi as Radio,
+  Li as RadioGroup,
+  Oi as RangeSlider,
   ee as RankBadge,
   Ve as RankDelta,
-  Fi as Rating,
-  Vt as ReconfigBacksideButtons,
-  Sr as RefusePulse,
-  Oi as RegistrationForm,
-  tr as ResizeEnvelope,
-  Rt as ResizePill,
-  kr as ResizeTrackingOutline,
-  Li as Row1Controls,
-  $i as Row2FilterTray,
-  br as STROKE_DASHED,
-  _r as STROKE_DASHED_DASHARRAY,
-  wr as STROKE_OUTLINE,
-  vr as STROKE_SOLID,
-  yr as STROKE_SPARSE_DASH,
-  Cr as STROKE_SPARSE_DASH_DASHARRAY,
-  zi as SearchInput,
-  rr as SectionDivider,
-  Rr as SectionDots,
-  Bi as SegmentCard,
-  Ki as SegmentedControl,
-  Gi as Select,
-  Hi as Selectable,
+  $i as Rating,
+  jt as ReconfigBacksideButtons,
+  xr as RefusePulse,
+  zi as RegistrationForm,
+  rr as ResizeEnvelope,
+  Tt as ResizePill,
+  Rr as ResizeTrackingOutline,
+  Bi as Row1Controls,
+  Ki as Row2FilterTray,
+  wr as STROKE_DASHED,
+  Sr as STROKE_DASHED_DASHARRAY,
+  Nr as STROKE_OUTLINE,
+  _r as STROKE_SOLID,
+  Cr as STROKE_SPARSE_DASH,
+  kr as STROKE_SPARSE_DASH_DASHARRAY,
+  Gi as SearchInput,
+  or as SectionDivider,
+  Pr as SectionDots,
+  Hi as SegmentCard,
+  Wi as SegmentedControl,
+  Vi as Select,
+  ji as Selectable,
+  Da as SettingsTabStrip,
   te as SeverityDot,
-  Wi as SimpleMetricCard,
-  Vi as SimpleSelector,
-  ji as Skeleton,
-  Ui as SkeletonCard,
-  Yi as SkeletonChart,
-  Zi as SkeletonTable,
-  qi as Slider,
-  mr as SnapOutline,
-  Qi as Sortable,
-  Va as SortableZones,
-  Xi as SparklineBg,
-  nr as SpilloverArc,
-  Ji as SplitButton,
-  eo as StackedGroupCard,
-  wa as StackedGroupTilePreview,
-  ua as StarterRail,
-  to as StatusModeCard,
-  _t as StatusSlotChipMenu,
-  ao as Stepper,
+  Ui as SimpleMetricCard,
+  Yi as SimpleSelector,
+  Zi as Skeleton,
+  qi as SkeletonCard,
+  Qi as SkeletonChart,
+  Xi as SkeletonTable,
+  Ji as Slider,
+  hr as SnapOutline,
+  eo as Sortable,
+  Ya as SortableZones,
+  to as SparklineBg,
+  ir as SpilloverArc,
+  ao as SplitButton,
+  no as StackedGroupCard,
+  _a as StackedGroupTilePreview,
+  ma as StarterRail,
+  ro as StatusModeCard,
+  Ct as StatusSlotChipMenu,
+  so as Stepper,
   De as SwingReveal,
-  fl as TODAY_PRESET,
+  yl as TODAY_PRESET,
   V as TUNING_DEFAULTS,
   Ge as TUNING_STORAGE_KEY,
-  no as TabGroup,
-  ro as TabbedDataView,
-  so as TagInput,
-  gt as TargetInput,
-  io as Textarea,
-  Ma as ThresholdRamp,
-  oo as TimeFrame,
-  lo as TimePicker,
-  co as Toggle,
-  uo as Tooltip,
+  io as TabGroup,
+  oo as TabbedDataView,
+  lo as TagInput,
+  ht as TargetInput,
+  co as Textarea,
+  Ea as ThresholdRamp,
+  uo as TimeFrame,
+  mo as TimePicker,
+  po as Toggle,
+  go as Tooltip,
   We as TrackingOutline,
-  mo as Transition,
-  po as TransitionGroup,
-  go as TrendCard,
-  ho as TrendIndicator,
-  cl as UIContext,
+  ho as Transition,
+  fo as TransitionGroup,
+  bo as TrendCard,
+  vo as TrendIndicator,
+  ml as UIContext,
   fe as UIContextProvider,
-  fo as UnifiedBreakdownTable,
-  bo as UnifiedContextMenu,
-  Cn as VelocityBuffer,
-  vo as addressGroupMetadata,
-  yo as addressSchema,
-  mn as allChips,
-  Dn as allStateFixtures,
-  kn as allVariantFixtures,
-  fn as blockSamples,
-  wo as buildDefaultOverflow,
-  _n as cardSamples,
+  yo as UnifiedBreakdownTable,
+  wo as UnifiedContextMenu,
+  kn as VelocityBuffer,
+  _o as addressGroupMetadata,
+  Co as addressSchema,
+  hn as allChips,
+  Tn as allStateFixtures,
+  Rn as allVariantFixtures,
+  yn as blockSamples,
+  No as buildDefaultOverflow,
+  Sn as cardSamples,
   Y as cascadePhysics,
-  yn as chartSamples,
-  vn as circleSamples,
-  cr as colorTokens,
-  Yn as compactLayout,
-  Ln as compactState,
-  Sn as computeGutterAnchorX,
-  _o as contactFormMetadata,
-  Co as contactSchema,
-  $n as contextMenuFixtures,
-  No as creditCardFormMetadata,
-  So as creditCardSchema,
-  bt as dateChip,
+  Cn as chartSamples,
+  _n as circleSamples,
+  mr as colorTokens,
+  Qn as compactLayout,
+  Bn as compactState,
+  xn as computeGutterAnchorX,
+  So as contactFormMetadata,
+  ko as contactSchema,
+  Kn as contextMenuFixtures,
+  Do as creditCardFormMetadata,
+  xo as creditCardSchema,
+  vt as dateChip,
   Ke as defaultControlBarState,
-  ko as destructiveModalMetadata,
-  Do as durations,
-  xo as easings,
-  Pt as emptyFixture,
-  ht as entityChip,
-  zt as entityNameActions,
-  gn as entityTabGroup,
-  Mt as errorFixture,
-  Ro as evaluateTintCondition,
-  On as filteredState,
-  bl as findPreset,
-  vl as formatDateRange,
-  yl as formatMarketDates,
-  wl as formatTrend,
-  _l as formatValue,
-  qn as fullLayout,
-  Cl as generateMarketId,
-  To as generateTabId,
-  Nl as getAllPresets,
-  Sl as getDateRangeForPreset,
-  Mo as getMenuActions,
+  Ro as destructiveModalMetadata,
+  To as durations,
+  Mo as easings,
+  It as emptyFixture,
+  ft as entityChip,
+  Bt as entityNameActions,
+  bn as entityTabGroup,
+  Pt as errorFixture,
+  Po as evaluateTintCondition,
+  zn as filteredState,
+  wl as findPreset,
+  _l as formatDateRange,
+  Cl as formatMarketDates,
+  Nl as formatTrend,
+  Sl as formatValue,
+  Jn as fullLayout,
+  kl as generateMarketId,
+  Io as generateTabId,
+  Dl as getAllPresets,
+  xl as getDateRangeForPreset,
+  Eo as getMenuActions,
   He as getMotionMode,
-  kl as getPresetLabel,
-  Po as getTransitionStyle,
-  Un as gridCards,
-  fr as gridChannels,
-  Io as interpolate,
-  Dl as isInRange,
-  xl as isMarketActive,
-  Rl as isSameDay,
-  Fn as itemColumns,
-  En as itemRows,
-  Tt as loadingFixture,
-  Eo as loginFormMetadata,
-  Ao as loginSchema,
-  vt as manufacturerChip,
-  er as manyTabs,
-  Fo as mergeHandlers,
-  Oo as mergeRefs,
-  pn as metricTabGroup,
-  Xn as mixedTabs,
-  Tl as normalizePresetId,
-  Kt as numericActions,
-  An as orderColumns,
-  Bt as orderIdActions,
-  In as orderRows,
-  Qn as ordersTabs,
+  Rl as getPresetLabel,
+  Ao as getTransitionStyle,
+  qn as gridCards,
+  yr as gridChannels,
+  Fo as interpolate,
+  Tl as isInRange,
+  Ml as isMarketActive,
+  Pl as isSameDay,
+  $n as itemColumns,
+  Ln as itemRows,
+  Mt as loadingFixture,
+  Lo as loginFormMetadata,
+  Oo as loginSchema,
+  yt as manufacturerChip,
+  nr as manyTabs,
+  $o as mergeHandlers,
+  zo as mergeRefs,
+  fn as metricTabGroup,
+  tr as mixedTabs,
+  Il as normalizePresetId,
+  Gt as numericActions,
+  On as orderColumns,
+  Kt as orderIdActions,
+  Fn as orderRows,
+  er as ordersTabs,
   Me as paletteHex,
   j as paletteVars,
-  nl as panelsDeriveSurfaceState,
-  rl as panelsInitialState,
-  sl as panelsReducer,
-  Lo as parseNumericValue,
-  $o as paymentFormMetadata,
-  zo as paymentSchema,
-  Bo as presets,
-  ir as provisional,
-  or as reducedMotion,
-  Ko as registrationFormMetadata,
-  Go as registrationSchema,
-  sr as rejectionFeedback,
-  Bn as sampleCompareRanges,
-  Hn as sampleCustomMarkets,
-  zn as sampleDateRange,
-  Wn as sampleMarketPresetData,
-  Gn as sampleMarkets,
-  jn as samplePeriodPresets,
-  Kn as samplePreferences,
-  Vn as samplePresets,
-  Jn as singleTab,
-  xn as sparklineFixture,
-  Rn as sparklineUpFixture,
-  At as staleDonutFixture,
-  It as staleFixture,
-  Et as staleSparklineFixture,
-  Tn as standardFixture,
-  Pn as standardFlatFixture,
-  Zn as standardLayout,
-  Mn as standardNegativeFixture,
-  ft as statusChip,
+  il as panelsDeriveSurfaceState,
+  ol as panelsInitialState,
+  ll as panelsReducer,
+  Bo as parseNumericValue,
+  Ko as paymentFormMetadata,
+  Go as paymentSchema,
+  Ho as presets,
+  cr as provisional,
+  dr as reducedMotion,
+  Wo as registrationFormMetadata,
+  Vo as registrationSchema,
+  lr as rejectionFeedback,
+  Hn as sampleCompareRanges,
+  jn as sampleCustomMarkets,
+  Gn as sampleDateRange,
+  Un as sampleMarketPresetData,
+  Vn as sampleMarkets,
+  Zn as samplePeriodPresets,
+  Wn as samplePreferences,
+  Yn as samplePresets,
+  ar as singleTab,
+  Mn as sparklineFixture,
+  Pn as sparklineUpFixture,
+  Ft as staleDonutFixture,
+  Et as staleFixture,
+  At as staleSparklineFixture,
+  In as standardFixture,
+  An as standardFlatFixture,
+  Xn as standardLayout,
+  En as standardNegativeFixture,
+  bt as statusChip,
   q as swingReveal,
-  wn as tableSamples,
-  bn as textSamples,
-  hn as timeFrameTabGroup,
-  Ml as toUppercasePresetId,
+  Nn as tableSamples,
+  wn as textSamples,
+  vn as timeFrameTabGroup,
+  El as toUppercasePresetId,
   Qe as useAffordanceVisibility,
-  un as useArrowNavigation,
-  Ho as useCheckboxGroupContext,
-  Wo as useFilterLayout,
-  Vo as useFlipAndStage,
-  jo as useFlipAndStageContext,
-  Uo as useFlipAndStageContextOptional,
-  dn as useFocusReturn,
-  Yo as useFocusTrap,
-  Zo as useFormContext,
-  qo as useGestureState,
-  il as usePanelContext,
-  it as usePanelContextOptional,
-  ol as usePanelCoordinator,
-  Ia as usePortalAnchor,
-  Qo as useRadioGroupContext,
-  Dr as useResizeChoreography,
-  Nn as useResizePill,
-  qt as useResizeTuning,
-  Ba as useSortableZones,
-  dl as useUIContext
+  gn as useArrowNavigation,
+  jo as useCheckboxGroupContext,
+  Uo as useFilterLayout,
+  Yo as useFlipAndStage,
+  Zo as useFlipAndStageContext,
+  qo as useFlipAndStageContextOptional,
+  pn as useFocusReturn,
+  Qo as useFocusTrap,
+  Xo as useFormContext,
+  Jo as useGestureState,
+  cl as usePanelContext,
+  ot as usePanelContextOptional,
+  dl as usePanelCoordinator,
+  Fa as usePortalAnchor,
+  el as useRadioGroupContext,
+  Tr as useResizeChoreography,
+  Dn as useResizePill,
+  Qt as useResizeTuning,
+  Ha as useSortableZones,
+  pl as useUIContext
 };