@mt-gloss/ui 0.1.40 → 0.1.41

package/index.js

@@ -1,36 +1,36 @@
-import { C as ut } from "./Expandable-Cyncyopi.js";
-import { O as br, U as vr, Q as yr, T as wr, a4 as _r, b7 as Nr, aA as Dr, ai as Cr, _ as kr, ao as xr, L as Sr, a9 as Mr, bn as Rr, P as Tr, B as Ir, a as Pr, z as Fr, J as Er, bi as Ar, H as Or, K as Lr, D as $r, A as Br, F as zr, E as Kr, bx as Wr, b as Gr, c as Vr, N as Hr, p as Ur, ae as jr, aO as Zr, z as qr, J as Yr, H as Qr, K as Xr, D as Jr, A as es, F as ts, E as as, b0 as ns, b3 as rs, b2 as ss, b1 as is, b4 as os, aD as ls, a6 as cs, a5 as ds, ar as us, l as ms, n as gs, aG as ps, ac as hs, b9 as fs, aa as bs, bo as vs, Z as ys, bH as ws, bG as _s, bI as Ns, aq as Ds, aR as Cs, bb as ks, bM as xs, bv as Ss, o as Ms, an as Rs, bB as Ts, bs as Is, a1 as Ps, as as Fs, a3 as Es, bA as As, G as Os, e as Ls, ab as $s, bJ as Bs, aU as zs, s as Ks, w as Ws, I as Gs, h as Vs, ax as Hs, bN as Us, M as js, x as Zs, V as qs, Y as Ys, W as Qs, X as Xs, at as Js, bh as ei, bP as ti, bL as ai, ap as ni, v as ri, bp as si, aT as ii, ak as oi, aL as li, ah as ci, am as di, av as ui, aS as mi, ad as gi, au as pi, d as hi, R as fi, k as bi, q as vi, aI as yi, by as wi, bz as _i, aj as Ni, af as Di, i as Ci, y as ki, b8 as xi, ag as Si, bO as Mi, bd as Ri, bg as Ti, be as Ii, bf as Pi, j as Fi, ba as Ei, bm as Ai, S as Oi, bk as Li, bl as $i, aw as Bi, bc as zi, bQ as Ki, al as Wi, t as Gi, bK as Vi, m as Hi, g as Ui, r as ji, $ as Zi, a0 as qi, a8 as Yi, bj as Qi, bw as Xi, bD as Ji, aB as eo, aC as to, a7 as ao, aP as no, aQ as ro, aE as so, aF as io, aH as oo, aW as lo, aX as co, bq as uo, bF as mo, bE as go, aZ as po, a_ as ho, ay as fo, az as bo, b6 as vo, b5 as yo, a$ as wo, aM as _o, aN as No, aY as Do, aJ as Co, aK as ko, u as xo, bC as So, br as Mo, bt as Ro, bu as To, aV as Io, a2 as Po, f as Fo } from "./Expandable-Cyncyopi.js";
-import { jsxs as D, jsx as r, Fragment as te } from "react/jsx-runtime";
-import * as mt from "react";
-import H, { useRef as R, useEffect as O, useState as $, useCallback as w, useId as gt, forwardRef as pt, useMemo as ye, createContext as ht, useContext as ft } from "react";
-import { motion as De, useMotionValue as bt, animate as We, useDragControls as vt } from "framer-motion";
-import { B as yt, a as pe, b as Te, U as Oe } from "./UIContext-CDdyubSF.js";
-import { c as Ao, u as Oo } from "./UIContext-CDdyubSF.js";
-import { createPortal as wt } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as $o, DEFAULT_PINNED as Bo, PERIOD_OPTIONS as zo, ROLLING_OPTIONS as Ko, TODAY_PRESET as Wo, findPreset as Go, formatDateRange as Vo, formatMarketDates as Ho, formatTrend as Uo, formatValue as jo, generateMarketId as Zo, getAllPresets as qo, getDateRangeForPreset as Yo, getPresetLabel as Qo, isInRange as Xo, isMarketActive as Jo, isSameDay as el, normalizePresetId as tl, toUppercasePresetId as al } from "@mt-gloss/utils";
-import _t from "@mui/icons-material/AccessTime";
-import Nt from "@mui/icons-material/Tune";
-import Dt from "@mui/icons-material/ViewColumn";
-import Ct from "@mui/icons-material/AspectRatio";
-import kt from "@mui/icons-material/Palette";
-import xt from "@mui/icons-material/PushPin";
-function sn(e = {}) {
-  const { enabled: t = !0, returnTo: n } = e, a = R(null);
-  return O(() => {
+import { C as pt } from "./Expandable-Cyncyopi.js";
+import { O as _r, U as Nr, Q as Dr, T as kr, a4 as Cr, b7 as xr, aA as Sr, ai as Mr, _ as Tr, ao as Rr, L as Ir, a9 as Pr, bn as Fr, P as Er, B as Ar, a as Lr, z as Or, J as $r, bi as Br, H as zr, K as Kr, D as Wr, A as Gr, F as Vr, E as Hr, bx as Ur, b as jr, c as Zr, N as qr, p as Yr, ae as Qr, aO as Xr, z as Jr, J as es, H as ts, K as as, D as ns, A as rs, F as ss, E as is, b0 as os, b3 as ls, b2 as cs, b1 as ds, b4 as us, aD as ms, a6 as gs, a5 as ps, ar as hs, l as fs, n as vs, aG as bs, ac as ys, b9 as ws, aa as _s, bo as Ns, Z as Ds, bH as ks, bG as Cs, bI as xs, aq as Ss, aR as Ms, bb as Ts, bM as Rs, bv as Is, o as Ps, an as Fs, bB as Es, bs as As, a1 as Ls, as as Os, a3 as $s, bA as Bs, G as zs, e as Ks, ab as Ws, bJ as Gs, aU as Vs, s as Hs, w as Us, I as js, h as Zs, ax as qs, bN as Ys, M as Qs, x as Xs, V as Js, Y as ei, W as ti, X as ai, at as ni, bh as ri, bP as si, bL as ii, ap as oi, v as li, bp as ci, aT as di, ak as ui, aL as mi, ah as gi, am as pi, av as hi, aS as fi, ad as vi, au as bi, d as yi, R as wi, k as _i, q as Ni, aI as Di, by as ki, bz as Ci, aj as xi, af as Si, i as Mi, y as Ti, b8 as Ri, ag as Ii, bO as Pi, bd as Fi, bg as Ei, be as Ai, bf as Li, j as Oi, ba as $i, bm as Bi, S as zi, bk as Ki, bl as Wi, aw as Gi, bc as Vi, bQ as Hi, al as Ui, t as ji, bK as Zi, m as qi, g as Yi, r as Qi, $ as Xi, a0 as Ji, a8 as eo, bj as to, bw as ao, bD as no, aB as ro, aC as so, a7 as io, aP as oo, aQ as lo, aE as co, aF as uo, aH as mo, aW as go, aX as po, bq as ho, bF as fo, bE as vo, aZ as bo, a_ as yo, ay as wo, az as _o, b6 as No, b5 as Do, a$ as ko, aM as Co, aN as xo, aY as So, aJ as Mo, aK as To, u as Ro, bC as Io, br as Po, bt as Fo, bu as Eo, aV as Ao, a2 as Lo, f as Oo } from "./Expandable-Cyncyopi.js";
+import { jsxs as N, jsx as r, Fragment as te } from "react/jsx-runtime";
+import * as ht from "react";
+import H, { useRef as T, useEffect as L, useState as $, useCallback as w, useId as ft, forwardRef as vt, useMemo as ye, createContext as bt, useContext as yt } from "react";
+import { motion as De, useMotionValue as wt, animate as We, useDragControls as _t } from "framer-motion";
+import { B as Nt, a as pe, b as Re, U as Le } from "./UIContext-CDdyubSF.js";
+import { c as Bo, u as zo } from "./UIContext-CDdyubSF.js";
+import { createPortal as Dt } from "react-dom";
+import { DEFAULT_MARKET_PRESETS as Wo, DEFAULT_PINNED as Go, PERIOD_OPTIONS as Vo, ROLLING_OPTIONS as Ho, TODAY_PRESET as Uo, findPreset as jo, formatDateRange as Zo, formatMarketDates as qo, formatTrend as Yo, formatValue as Qo, generateMarketId as Xo, getAllPresets as Jo, getDateRangeForPreset as el, getPresetLabel as tl, isInRange as al, isMarketActive as nl, isSameDay as rl, normalizePresetId as sl, toUppercasePresetId as il } from "@mt-gloss/utils";
+import kt from "@mui/icons-material/AccessTime";
+import Ct from "@mui/icons-material/Tune";
+import xt from "@mui/icons-material/ViewColumn";
+import St from "@mui/icons-material/AspectRatio";
+import Mt from "@mui/icons-material/Palette";
+import Tt from "@mui/icons-material/PushPin";
+function dn(e = {}) {
+  const { enabled: t = !0, returnTo: n } = e, a = T(null);
+  return L(() => {
     t && (a.current = n || document.activeElement);
-  }, [t, n]), O(() => () => {
+  }, [t, n]), L(() => () => {
     t && a.current && setTimeout(() => {
       a.current?.focus?.();
     }, 0);
   }, [t]), a;
 }
-function on(e) {
+function un(e) {
   const {
     items: t,
     activeIndex: n,
     onActiveIndexChange: a,
-    loop: s = !0,
-    orientation: i = "vertical",
+    loop: i = !0,
+    orientation: s = "vertical",
     enabled: o = !0,
     isItemDisabled: l,
     onSelect: u,
@@ -40,71 +40,71 @@ function on(e) {
       n === void 0 && f(c), a?.(c);
     },
     [n, a]
-  ), N = w(() => t.map((c, b) => ({ item: c, index: b })).filter(({ item: c, index: b }) => !l?.(c, b)).map(({ index: c }) => c), [t, l]), y = w(
-    (c, b) => {
-      const _ = N();
+  ), D = w(() => t.map((c, v) => ({ item: c, index: v })).filter(({ item: c, index: v }) => !l?.(c, v)).map(({ index: c }) => c), [t, l]), y = w(
+    (c, v) => {
+      const _ = D();
       if (_.length === 0) return -1;
       const S = _.indexOf(c);
       if (S === -1)
-        return b === 1 ? _.find((x) => x > c) ?? (s ? _[0] : -1) : [..._].reverse().find((F) => F < c) ?? (s ? _[_.length - 1] : -1);
-      let v = S + b;
-      return s ? v = (v + _.length) % _.length : v = Math.max(0, Math.min(_.length - 1, v)), _[v];
+        return v === 1 ? _.find((x) => x > c) ?? (i ? _[0] : -1) : [..._].reverse().find((F) => F < c) ?? (i ? _[_.length - 1] : -1);
+      let b = S + v;
+      return i ? b = (b + _.length) % _.length : b = Math.max(0, Math.min(_.length - 1, b)), _[b];
     },
-    [N, s]
+    [D, i]
   ), h = w(() => {
-    const c = N();
+    const c = D();
     c.length > 0 && m(c[0]);
-  }, [N, m]), M = w(() => {
-    const c = N();
+  }, [D, m]), M = w(() => {
+    const c = D();
     c.length > 0 && m(c[c.length - 1]);
-  }, [N, m]), P = w(() => {
+  }, [D, m]), P = w(() => {
     const c = y(g, 1);
     c !== -1 && m(c);
-  }, [g, y, m]), k = w(() => {
+  }, [g, y, m]), C = w(() => {
     const c = y(g, -1);
     c !== -1 && m(c);
-  }, [g, y, m]), T = w(() => {
+  }, [g, y, m]), R = w(() => {
     m(-1);
   }, [m]), I = w(
     (c) => {
       if (!o) return;
-      const { key: b } = c, _ = b === "ArrowUp" && (i === "vertical" || i === "both"), S = b === "ArrowDown" && (i === "vertical" || i === "both"), v = b === "ArrowLeft" && (i === "horizontal" || i === "both"), x = b === "ArrowRight" && (i === "horizontal" || i === "both");
-      if (_ || v) {
-        c.preventDefault(), g === -1 ? M() : k();
+      const { key: v } = c, _ = v === "ArrowUp" && (s === "vertical" || s === "both"), S = v === "ArrowDown" && (s === "vertical" || s === "both"), b = v === "ArrowLeft" && (s === "horizontal" || s === "both"), x = v === "ArrowRight" && (s === "horizontal" || s === "both");
+      if (_ || b) {
+        c.preventDefault(), g === -1 ? M() : C();
         return;
       }
       if (S || x) {
         c.preventDefault(), g === -1 ? h() : P();
         return;
       }
-      if (b === "Home") {
+      if (v === "Home") {
         c.preventDefault(), h();
         return;
       }
-      if (b === "End") {
+      if (v === "End") {
         c.preventDefault(), M();
         return;
       }
-      if ((b === "Enter" || b === " ") && g >= 0 && g < t.length) {
+      if ((v === "Enter" || v === " ") && g >= 0 && g < t.length) {
         c.preventDefault();
         const F = t[g];
         l?.(F, g) || u?.(F, g);
         return;
       }
-      if (b === "Escape") {
+      if (v === "Escape") {
         d?.();
         return;
       }
     },
     [
       o,
-      i,
+      s,
       g,
       t,
       h,
       M,
       P,
-      k,
+      C,
       l,
       u,
       d
@@ -117,27 +117,27 @@ function on(e) {
     focusFirst: h,
     focusLast: M,
     focusNext: P,
-    focusPrevious: k,
-    resetFocus: T
+    focusPrevious: C,
+    resetFocus: R
   };
 }
-const St = ({
+const Rt = ({
   label: e = "Set a target",
   unit: t,
   currentValue: n,
   onConfirm: a,
-  onSkip: s,
-  hint: i
+  onSkip: i,
+  hint: s
 }) => {
   const [o, l] = $(n != null ? String(n) : ""), u = () => {
     const m = parseFloat(o);
     Number.isNaN(m) || a(m);
   }, d = (m) => {
-    m.key === "Enter" ? (m.preventDefault(), u()) : m.key === "Escape" && (m.preventDefault(), s?.());
-  }, p = gt(), f = `gloss-target-input-field-${p}`, g = i ? `gloss-target-input-hint-${p}` : void 0;
-  return /* @__PURE__ */ D("div", { className: "gloss-target-input", children: [
+    m.key === "Enter" ? (m.preventDefault(), u()) : m.key === "Escape" && (m.preventDefault(), i?.());
+  }, p = ft(), f = `gloss-target-input-field-${p}`, g = s ? `gloss-target-input-hint-${p}` : void 0;
+  return /* @__PURE__ */ N("div", { className: "gloss-target-input", children: [
     /* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: f, children: e }),
-    /* @__PURE__ */ D("div", { className: "gloss-target-input__field-row", children: [
+    /* @__PURE__ */ N("div", { className: "gloss-target-input__field-row", children: [
       /* @__PURE__ */ r(
         "input",
         {
@@ -153,8 +153,8 @@ const St = ({
       ),
       t && /* @__PURE__ */ r("span", { className: "gloss-target-input__unit", children: t })
     ] }),
-    i && /* @__PURE__ */ r("p", { id: g, className: "gloss-target-input__hint", children: i }),
-    /* @__PURE__ */ D("div", { className: "gloss-target-input__actions", children: [
+    s && /* @__PURE__ */ r("p", { id: g, className: "gloss-target-input__hint", children: s }),
+    /* @__PURE__ */ N("div", { className: "gloss-target-input__actions", children: [
       /* @__PURE__ */ r(
         "button",
         {
@@ -164,54 +164,54 @@ const St = ({
           children: "Confirm"
         }
       ),
-      s && /* @__PURE__ */ r(
+      i && /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           className: "gloss-target-input__skip",
-          onClick: s,
+          onClick: i,
           children: "Skip"
         }
       )
     ] })
   ] });
-}, Ce = (e) => {
-}, Mt = {
+}, ke = (e) => {
+}, It = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
-  onRemove: Ce
-}, Rt = {
+  onRemove: ke
+}, Pt = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
   value: "open",
-  onRemove: Ce
-}, Tt = {
+  onRemove: ke
+}, Ft = {
   id: "date-filter-1",
   label: "Date: Mar 1 - Mar 15",
   field: "dateRange",
   value: "2026-03-01..2026-03-15",
-  onRemove: Ce
-}, It = {
+  onRemove: ke
+}, Et = {
   id: "mfg-filter-1",
   label: "Manufacturer: Widget Co",
   field: "manufacturer",
   value: "widget-co-456",
-  onRemove: Ce
-}, ln = [
-  Mt,
-  Rt,
-  Tt,
-  It
-], cn = {
+  onRemove: ke
+}, mn = [
+  It,
+  Pt,
+  Ft,
+  Et
+], gn = {
   id: "metric-toggle",
   tabs: [
     { id: "$", label: "$", mono: !0 },
     { id: "#", label: "#", mono: !0 }
   ]
-}, dn = {
+}, pn = {
   id: "entity-type",
   tabs: [
     { id: "orders", label: "Orders" },
@@ -219,7 +219,7 @@ const St = ({
     { id: "customers", label: "Customers" },
     { id: "manufacturers", label: "Manufacturers" }
   ]
-}, un = {
+}, hn = {
   id: "time-frame",
   tabs: [
     { id: "MTD", label: "MTD" },
@@ -227,26 +227,26 @@ const St = ({
     { id: "YTD", label: "YTD" },
     { id: "LYTD", label: "LYTD" }
   ]
-}, mn = [
+}, fn = [
   { 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 }
-], gn = [
+], vn = [
   { variant: "text", lines: 3, lineHeight: 14, gap: 8 },
   { variant: "text", lines: 2, lineHeight: 16, gap: 10 },
   { variant: "text", lines: 5, lineHeight: 12, gap: 6 }
-], pn = [
+], bn = [
   { variant: "circle", size: 24 },
   { variant: "circle", size: 40 },
   { variant: "circle", size: 64 }
-], hn = [
+], yn = [
   { bars: 10, maxHeight: 120 },
   { bars: 5, maxHeight: 80 }
-], fn = [
+], wn = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], bn = [
+], _n = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
@@ -276,25 +276,25 @@ const St = ({
   width: "100%",
   textAlign: "left",
   border: "none"
-}), Pt = (e) => ({
+}), At = (e) => ({
   ...Ie(e),
   color: e ? "#4338ca" : "#4f46e5",
   fontWeight: 600
-}), Ft = {
+}), Lt = {
   height: 1,
   background: "rgba(0,0,0,0.06)",
   margin: "3px 10px"
 };
-function Et({
+function Ot({
   open: e,
   anchorEl: t,
   statusId: n,
   onOpenInTable: a,
-  onShowOnGraph: s,
-  overflowActions: i,
+  onShowOnGraph: i,
+  overflowActions: s,
   onClose: o
 }) {
-  const [l, u] = $(null), d = R(null), p = w(() => {
+  const [l, u] = $(null), d = T(null), p = w(() => {
     if (!t) return { ...Ge, top: 0, left: 0 };
     const m = t.getBoundingClientRect();
     return {
@@ -303,20 +303,20 @@ function Et({
       left: m.left
     };
   }, [t]);
-  if (O(() => {
+  if (L(() => {
     if (!e) return;
-    const m = (N) => {
-      N.key === "Escape" && o();
+    const m = (D) => {
+      D.key === "Escape" && o();
     };
     return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-  }, [e, o]), O(() => {
+  }, [e, o]), L(() => {
     if (!e) return;
-    const m = (N) => {
-      d.current && !d.current.contains(N.target) && o();
+    const m = (D) => {
+      d.current && !d.current.contains(D.target) && o();
     };
     return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
   }, [e, o]), !e) return null;
-  const f = i && i.length > 0, g = /* @__PURE__ */ D(
+  const f = s && s.length > 0, g = /* @__PURE__ */ N(
     "div",
     {
       ref: d,
@@ -329,7 +329,7 @@ function Et({
           "button",
           {
             role: "menuitem",
-            style: Pt(l === "__primary"),
+            style: At(l === "__primary"),
             onMouseEnter: () => u("__primary"),
             onMouseLeave: () => u(null),
             onClick: () => {
@@ -346,13 +346,13 @@ function Et({
             onMouseEnter: () => u("__graph"),
             onMouseLeave: () => u(null),
             onClick: () => {
-              s(n), o();
+              i(n), o();
             },
             children: "Show on graph"
           }
         ),
-        f && /* @__PURE__ */ r("div", { style: Ft }),
-        f && i?.map((m) => /* @__PURE__ */ r(
+        f && /* @__PURE__ */ r("div", { style: Lt }),
+        f && s?.map((m) => /* @__PURE__ */ r(
           "button",
           {
             role: "menuitem",
@@ -369,10 +369,10 @@ function Et({
       ]
     }
   );
-  return wt(g, document.body);
+  return Dt(g, document.body);
 }
-Et.displayName = "StatusSlotChipMenu";
-const vn = {
+Ot.displayName = "StatusSlotChipMenu";
+const Nn = {
   forwardStaggerMs: 50,
   reverseStaggerMs: 30,
   springStiffness: 380,
@@ -384,18 +384,18 @@ const vn = {
   enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
   exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
   translateOffsetPx: 8
-}, yn = {
+}, Dn = {
   shiverCycles: 3,
   shiverAmplitudePx: 2,
   shiverDurationMs: 180,
   validCellOpacity: 0.6
-}, wn = {
+}, kn = {
   materializeMs: 180,
   dematerializeMs: 140,
   easing: "cubic-bezier(0.22, 1, 0.36, 1)",
   dotStrokePx: 2,
   dividerDashGapPx: 4
-}, _n = {
+}, Cn = {
   cascadeStaggerMs: 0,
   cascadeSpringCapMs: 120,
   swingEnterMs: 100,
@@ -404,7 +404,7 @@ const vn = {
   provisionalStyle: "opacity",
   shiverMs: 200,
   shiverStyle: "color-flash"
-}, Nn = !0, Dn = {
+}, xn = !0, Sn = {
   rejectionFill: "var(--gloss-rejection-fill)",
   rejectionStroke: "var(--gloss-rejection-stroke)",
   validFill: "var(--gloss-valid-fill)",
@@ -412,7 +412,7 @@ const vn = {
   validCellStroke: "var(--gloss-valid-cell-stroke)",
   provisionalWash: "var(--gloss-provisional-wash)"
 };
-function Cn() {
+function Mn() {
   if (typeof window > "u") return "full";
   try {
     return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
@@ -420,8 +420,8 @@ function Cn() {
     return "full";
   }
 }
-const Ze = ({ visible: e, variant: t, trigger: n, children: a, className: s }) => {
-  const i = {
+const Qe = ({ visible: e, variant: t, trigger: n, children: a, className: i }) => {
+  const s = {
     "--gloss-swing-enter-ms": `${me.enterDurationMs}ms`,
     "--gloss-swing-exit-ms": `${me.exitDurationMs}ms`,
     "--gloss-swing-offset": `${me.translateOffsetPx}px`,
@@ -431,7 +431,7 @@ const Ze = ({ visible: e, variant: t, trigger: n, children: a, className: s }) =
     "gloss-swing-reveal",
     `gloss-swing-reveal--${t}`,
     n === "hover+focus" ? "gloss-swing-reveal--hover-focus" : "",
-    s ?? ""
+    i ?? ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ r(
     "span",
@@ -440,12 +440,12 @@ const Ze = ({ visible: e, variant: t, trigger: n, children: a, className: s }) =
       "data-variant": t,
       "data-visible": e ? "true" : "false",
       className: o,
-      style: i,
+      style: s,
       children: a
     }
   );
-}, At = pt(
-  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: s, onPointerLeave: i, onKeyboardStep: o, onLostPointerCapture: l, edge: u = "right", ariaLabel: d = "Resize card" }, p) {
+}, $t = vt(
+  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: i, onPointerLeave: s, onKeyboardStep: o, onLostPointerCapture: l, edge: u = "right", ariaLabel: d = "Resize card" }, p) {
     const f = t === "handle-visible" || t === "dragging" || t === "settling", g = (y) => {
       try {
         y.currentTarget.setPointerCapture(y.pointerId);
@@ -458,10 +458,10 @@ const Ze = ({ visible: e, variant: t, trigger: n, children: a, className: s }) =
       } catch {
       }
       a(y);
-    }, N = (y) => {
+    }, D = (y) => {
       !f || !o || (y.key === "ArrowRight" ? (y.preventDefault(), o("grow")) : y.key === "ArrowLeft" && (y.preventDefault(), o("shrink")));
     };
-    return /* @__PURE__ */ r(Ze, { visible: f, variant: "handle", trigger: "hover", children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(Qe, { visible: f, variant: "handle", trigger: "hover", children: /* @__PURE__ */ r(
       "button",
       {
         ref: p,
@@ -476,22 +476,22 @@ const Ze = ({ visible: e, variant: t, trigger: n, children: a, className: s }) =
         ].filter(Boolean).join(" "),
         onPointerDown: g,
         onPointerUp: m,
-        onPointerEnter: s,
-        onPointerLeave: i,
+        onPointerEnter: i,
+        onPointerLeave: s,
         onLostPointerCapture: l,
-        onKeyDown: N,
+        onKeyDown: D,
         tabIndex: f ? 0 : -1
       }
     ) });
   }
 );
-At.displayName = "EdgeHoverHandle";
-function Ot({
+$t.displayName = "EdgeHoverHandle";
+function Bt({
   visible: e,
   targetColSpan: t,
   ghostWidth: n,
   enterMs: a = 180,
-  exitMs: s = 120
+  exitMs: i = 120
 }) {
   return /* @__PURE__ */ r(
     De.div,
@@ -505,13 +505,13 @@ function Ot({
       ].filter(Boolean).join(" "),
       style: {
         width: n,
-        transitionDuration: `${e ? a : s}ms`
+        transitionDuration: `${e ? a : i}ms`
       }
     }
   );
 }
-Ot.displayName = "GhostPreview";
-class Lt {
+Bt.displayName = "GhostPreview";
+class zt {
   constructor() {
     this.samples = [], this.capacity = 3;
   }
@@ -552,11 +552,11 @@ class Lt {
       const [u, d] = this.samples, p = Math.max(1, d.t - u.t);
       return (d.x - u.x) / p * 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;
+    const [n, a, i] = this.samples, s = (i.x - a.x) / Math.max(1, i.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, l = o;
+    return (s * 3 + o * 2 + l * 1) / 6;
   }
 }
-const qe = {
+const Xe = {
   // 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:
@@ -576,13 +576,13 @@ const qe = {
   // Velocity multiplier (D-03b panel)
   velocityMultiplier: 1
 };
-function kn({
+function Tn({
   currentColSpan: e,
   stackable: t,
   onResize: n,
   onCancel: a,
-  step: s = 180,
-  gap: i = 0,
+  step: i = 180,
+  gap: s = 0,
   tuning: o,
   dwellMs: l = 60,
   graceExitMs: u = 150,
@@ -592,49 +592,49 @@ function kn({
   containerRef: g,
   forceIdle: m
 }) {
-  const [N, y] = $("idle"), [h, M] = $(e), P = R(null), k = R(null), T = R(null), I = R(null), c = R(s), b = R(i), _ = R(f), S = R(0), v = R("idle");
-  O(() => {
-    v.current = N;
-  }, [N]);
-  const x = bt(0), F = R(null), U = w(() => {
-    const C = F.current;
-    if (C) {
+  const [D, y] = $("idle"), [h, M] = $(e), P = T(null), C = T(null), R = T(null), I = T(null), c = T(i), v = T(s), _ = T(f), S = T(0), b = T("idle");
+  L(() => {
+    b.current = D;
+  }, [D]);
+  const x = wt(0), F = T(null), U = w(() => {
+    const k = F.current;
+    if (k) {
       try {
-        C.stop();
+        k.stop();
       } catch {
       }
       F.current = null;
     }
   }, []), q = w(
-    (C) => {
-      const E = c.current, A = b.current;
-      return C * E + (C - 1) * A;
+    (k) => {
+      const E = c.current, A = v.current;
+      return k * E + (k - 1) * A;
     },
     []
-  ), j = R(new Lt()), G = R(e);
-  O(() => {
+  ), j = T(new zt()), G = T(e);
+  L(() => {
     G.current = h;
   }, [h]);
-  const B = ye(() => ({ ...qe, ...o ?? {} }), [o]), Z = w(() => {
+  const B = ye(() => ({ ...Xe, ...o ?? {} }), [o]), Z = w(() => {
     P.current && (clearTimeout(P.current), P.current = null);
-  }, []), L = w(() => {
-    k.current && (clearTimeout(k.current), k.current = null);
+  }, []), O = w(() => {
+    C.current && (clearTimeout(C.current), C.current = null);
   }, []), J = w(() => {
-    T.current && (clearTimeout(T.current), T.current = null);
+    R.current && (clearTimeout(R.current), R.current = null);
   }, []);
-  O(() => {
-    m && (v.current === "dragging" || v.current === "settling" || (Z(), L(), J(), v.current = "idle", y("idle")));
-  }, [m, Z, L, J]);
-  const Le = w(() => {
-    L(), y((C) => C === "settling" || C !== "idle" ? C : (P.current = setTimeout(() => y("handle-visible"), l), "dwelling"));
-  }, [l, L]), $e = w(() => {
+  L(() => {
+    m && (b.current === "dragging" || b.current === "settling" || (Z(), O(), J(), b.current = "idle", y("idle")));
+  }, [m, Z, O, J]);
+  const Oe = w(() => {
+    O(), y((k) => k === "settling" || k !== "idle" ? k : (P.current = setTimeout(() => y("handle-visible"), l), "dwelling"));
+  }, [l, O]), $e = w(() => {
     Z();
-    const C = v.current;
-    C !== "dwelling" && C !== "handle-visible" || (k.current = setTimeout(() => {
-      v.current = "idle", y("idle");
+    const k = b.current;
+    k !== "dwelling" && k !== "handle-visible" || (C.current = setTimeout(() => {
+      b.current = "idle", y("idle");
     }, u));
   }, [Z, u]), oe = w(
-    (C, E, A) => {
+    (k, E, A) => {
       const z = c.current, ee = z * B.snapInFraction, Y = z * B.snapOutFraction, K = E - A, V = Math.max(
         A,
         _.current ?? f
@@ -642,102 +642,102 @@ function kn({
       let W = K;
       for (; A + W < V; ) {
         const ae = W * z + (W < 0 ? Y : ee);
-        if (C >= ae) W += 1;
+        if (k >= ae) W += 1;
         else break;
       }
       if (W === K)
         for (; A + W > 1; ) {
           const ae = W * z - (W > 0 ? Y : ee);
-          if (C <= ae) W -= 1;
+          if (k <= ae) W -= 1;
           else break;
         }
       return Math.min(V, Math.max(1, A + W));
     },
     [B.snapInFraction, B.snapOutFraction, f]
-  ), it = w(
-    (C) => {
-      if (v.current !== "handle-visible") return;
-      U(), I.current = C.clientX, c.current = s, b.current = i, _.current = f;
-      const E = e * s + (e - 1) * i;
-      S.current = E, j.current.clear(), j.current.push({ x: C.clientX, t: performance.now() }), x.jump(E), v.current = "dragging", y("dragging");
+  ), ct = w(
+    (k) => {
+      if (b.current !== "handle-visible") return;
+      U(), I.current = k.clientX, c.current = i, v.current = s, _.current = f;
+      const E = e * i + (e - 1) * s;
+      S.current = E, j.current.clear(), j.current.push({ x: k.clientX, t: performance.now() }), x.jump(E), b.current = "dragging", y("dragging");
     },
-    [s, i, f, e, x, U]
+    [i, s, f, e, x, U]
   ), Be = w(
-    (C) => C * c.current + (C - 1) * b.current,
+    (k) => k * c.current + (k - 1) * v.current,
     []
   ), ie = w(
-    (C, E) => {
-      const A = Be(C), z = C !== e;
+    (k, E) => {
+      const A = Be(k), z = k !== e;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        x.jump(A), z && E ? n({ direction: E, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : z || a?.(), x.jump(0), v.current = "idle", y("idle");
+        x.jump(A), z && E ? n({ direction: E, targetColSpan: k, mode: t ? "slot-fill" : "sparkline-fidelity" }) : z || a?.(), x.jump(0), b.current = "idle", y("idle");
         return;
       }
       const Y = j.current.getWeightedVelocity() * B.velocityMultiplier;
-      v.current = "settling", y("settling"), U(), F.current = We(x, A, {
+      b.current = "settling", y("settling"), U(), F.current = We(x, A, {
         type: "spring",
         stiffness: B.stiffness,
         damping: B.damping,
         mass: B.mass,
         velocity: Y,
         onComplete: () => {
-          F.current = null, z && E ? n({ direction: E, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : z || a?.(), x.jump(0), v.current = "idle", y("idle");
+          F.current = null, z && E ? n({ direction: E, targetColSpan: k, mode: t ? "slot-fill" : "sparkline-fidelity" }) : z || a?.(), x.jump(0), b.current = "idle", y("idle");
         }
       });
     },
     [Be, e, t, n, a, x, B, U]
-  ), ot = w(
-    (C) => {
-      if (v.current !== "dragging") return;
-      const E = C.clientX - (I.current ?? C.clientX), A = c.current, ee = ((_.current ?? f) - e) * A, Y = (1 - e) * A, K = Math.max(Y, Math.min(ee, E));
-      j.current.push({ x: C.clientX, t: performance.now() });
+  ), dt = w(
+    (k) => {
+      if (b.current !== "dragging") return;
+      const E = k.clientX - (I.current ?? k.clientX), A = c.current, ee = ((_.current ?? f) - e) * A, Y = (1 - e) * A, K = Math.max(Y, Math.min(ee, E));
+      j.current.push({ x: k.clientX, t: performance.now() });
       const V = oe(K, G.current, e), W = V > e ? "grow" : V < e ? "shrink" : null;
       ie(V, W);
     },
     [oe, e, f, ie]
   ), le = w(() => {
-    if (Z(), v.current === "dragging") {
-      const C = S.current;
+    if (Z(), b.current === "dragging") {
+      const k = S.current;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        x.jump(C), a?.(), x.jump(0), v.current = "idle", y("idle");
+        x.jump(k), a?.(), x.jump(0), b.current = "idle", y("idle");
         return;
       }
       const A = j.current.getWeightedVelocity();
-      v.current = "settling", y("settling"), U(), F.current = We(x, C, {
+      b.current = "settling", y("settling"), U(), F.current = We(x, k, {
         type: "spring",
         stiffness: B.stiffness,
         damping: B.damping,
         mass: B.mass,
         velocity: A,
         onComplete: () => {
-          F.current = null, a?.(), x.jump(0), v.current = "idle", y("idle");
+          F.current = null, a?.(), x.jump(0), b.current = "idle", y("idle");
         }
       });
       return;
     }
-    v.current === "handle-visible" && (a?.(), v.current = "cancelled", y("cancelled"));
+    b.current === "handle-visible" && (a?.(), b.current = "cancelled", y("cancelled"));
   }, [Z, x, a, B, U]);
-  O(() => {
-    if (N !== "dragging" && N !== "handle-visible") return;
-    const C = (E) => {
+  L(() => {
+    if (D !== "dragging" && D !== "handle-visible") return;
+    const k = (E) => {
       E.key === "Escape" && le();
     };
-    return window.addEventListener("keydown", C), () => window.removeEventListener("keydown", C);
-  }, [N, le]), O(() => {
-    if (N !== "dragging") {
+    return window.addEventListener("keydown", k), () => window.removeEventListener("keydown", k);
+  }, [D, le]), L(() => {
+    if (D !== "dragging") {
       M(e);
       return;
     }
-    const C = (K) => {
+    const k = (K) => {
       const V = K.clientX - (I.current ?? K.clientX), W = S.current, ce = q(1), ae = q(f), we = W + V, Ke = Math.max(ce, Math.min(ae, we));
       x.set(Ke);
-      const _e = c.current, ke = (f - e) * _e, xe = (1 - e) * _e, de = Math.max(xe, Math.min(ke, V));
+      const _e = c.current, Ce = (f - e) * _e, xe = (1 - e) * _e, de = Math.max(xe, Math.min(Ce, V));
       j.current.push({ x: K.clientX, t: performance.now() });
       const ue = oe(de, G.current, e);
       ue !== G.current && (G.current = ue, M(ue));
     }, E = (K, V) => {
-      if (v.current === "dragging")
+      if (b.current === "dragging")
         if (K === "pointerup") {
-          const W = j.current.tail(), ce = V?.clientX ?? W?.x ?? I.current ?? 0, ae = ce - (I.current ?? ce), we = c.current, _e = ((_.current ?? f) - e) * we, ke = (1 - e) * we, xe = Math.max(ke, Math.min(_e, ae));
+          const W = j.current.tail(), ce = V?.clientX ?? W?.x ?? I.current ?? 0, ae = ce - (I.current ?? ce), we = c.current, _e = ((_.current ?? f) - e) * we, Ce = (1 - e) * we, xe = Math.max(Ce, Math.min(_e, ae));
           V && j.current.push({ x: V.clientX, t: performance.now() });
           const de = oe(xe, G.current, e), ue = de > e ? "grow" : de < e ? "shrink" : null;
           ie(de, ue);
@@ -746,58 +746,58 @@ function kn({
     }, A = (K) => E("pointerup", K), z = (K) => E("pointercancel", K), ee = () => E("blur"), Y = () => {
       document.visibilityState === "hidden" && E("visibility-hidden");
     };
-    return window.addEventListener("pointermove", C), window.addEventListener("pointerup", A), window.addEventListener("pointercancel", z), window.addEventListener("blur", ee), document.addEventListener("visibilitychange", Y), () => {
-      window.removeEventListener("pointermove", C), window.removeEventListener("pointerup", A), window.removeEventListener("pointercancel", z), window.removeEventListener("blur", ee), document.removeEventListener("visibilitychange", Y);
+    return window.addEventListener("pointermove", k), window.addEventListener("pointerup", A), window.addEventListener("pointercancel", z), window.addEventListener("blur", ee), document.addEventListener("visibilitychange", Y), () => {
+      window.removeEventListener("pointermove", k), window.removeEventListener("pointerup", A), window.removeEventListener("pointercancel", z), window.removeEventListener("blur", ee), document.removeEventListener("visibilitychange", Y);
     };
-  }, [N, e, x, oe, f, q, le, ie]), O(() => () => {
-    Z(), L(), J();
-  }, [Z, L, J]), O(() => {
-    if (N !== "cancelled") return;
-    const C = setTimeout(() => y("idle"), p);
-    return () => clearTimeout(C);
-  }, [N, p]);
-  const lt = w(
-    (C) => {
-      if (v.current === "settling") return;
-      const A = Math.min(f, Math.max(1, e + (C === "grow" ? 1 : -1)));
+  }, [D, e, x, oe, f, q, le, ie]), L(() => () => {
+    Z(), O(), J();
+  }, [Z, O, J]), L(() => {
+    if (D !== "cancelled") return;
+    const k = setTimeout(() => y("idle"), p);
+    return () => clearTimeout(k);
+  }, [D, p]);
+  const ut = w(
+    (k) => {
+      if (b.current === "settling") return;
+      const A = Math.min(f, Math.max(1, e + (k === "grow" ? 1 : -1)));
       if (A === e) return;
-      c.current = s, b.current = i, _.current = f, j.current.clear();
-      const z = e * s + (e - 1) * i;
-      S.current = z, x.jump(z), ie(A, C);
+      c.current = i, v.current = s, _.current = f, j.current.clear();
+      const z = e * i + (e - 1) * s;
+      S.current = z, x.jump(z), ie(A, k);
     },
-    [e, s, i, f, x, ie]
+    [e, i, s, f, x, ie]
   ), ze = w(() => {
-    J(), T.current = setTimeout(() => {
-      v.current === "handle-visible" && (v.current = "idle", y("idle"));
+    J(), R.current = setTimeout(() => {
+      b.current === "handle-visible" && (b.current = "idle", y("idle"));
     }, 5e3);
-  }, [J]), ct = w(() => {
-    v.current === "idle" && (Z(), v.current = "handle-visible", y("handle-visible"), ze());
-  }, [Z, ze]), dt = w(() => {
-    J(), v.current === "handle-visible" && (v.current = "idle", y("idle"));
+  }, [J]), mt = w(() => {
+    b.current === "idle" && (Z(), b.current = "handle-visible", y("handle-visible"), ze());
+  }, [Z, ze]), gt = w(() => {
+    J(), b.current === "handle-visible" && (b.current = "idle", y("idle"));
   }, [J]);
   return {
-    state: N,
-    enterEdgeZone: Le,
+    state: D,
+    enterEdgeZone: Oe,
     leaveEdgeZone: $e,
     handleProps: {
-      onPointerDown: it,
-      onPointerUp: ot,
+      onPointerDown: ct,
+      onPointerUp: dt,
       // Bug E: handle continues zone presence so pointer crossing sentinel→handle
       // doesn't collapse state. handle's pointerenter = stay in zone.
-      onPointerEnter: Le,
+      onPointerEnter: Oe,
       onPointerLeave: $e
     },
     previewColSpan: h,
     ghostProps: {
-      visible: N === "dragging" || N === "settling",
+      visible: D === "dragging" || D === "settling",
       targetColSpan: h,
       ghostWidth: x,
       enterMs: d,
       exitMs: p
     },
-    onKeyboardStep: lt,
-    onTouchReveal: ct,
-    onTouchDismiss: dt,
+    onKeyboardStep: ut,
+    onTouchReveal: mt,
+    onTouchDismiss: gt,
     cancel: le
   };
 }
@@ -826,14 +826,14 @@ const se = {
   sectionDividerFadeOutMs: 80,
   sectionDividerStaggerMs: 40
 };
-function xn(e) {
-  const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: s } = e;
+function Rn(e) {
+  const { cardWidthPx: t, slotCount: n, activeSlotIdx: a, pillWidthPx: i } = 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 s = (a + 0.5) * (t / n);
+  return i != null && Number.isFinite(i) && i > 0 ? s - i / 2 : s;
 }
-const Sn = [
+const In = [
   // 1. Standard: Total Revenue
   {
     variant: "standard",
@@ -965,24 +965,24 @@ const Sn = [
     subtitle: "Awaiting QA",
     highlightColor: "neutral"
   }
-], $t = {
+], Kt = {
   variant: "standard",
   label: "Total Revenue",
   isLoading: !0
-}, Bt = {
+}, Wt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isError: !0
-}, zt = {
+}, Gt = {
   variant: "standard",
   label: "Total Revenue",
   value: null,
   valueFormat: { prefix: "$", abbreviated: !0 },
   isEmpty: !0,
   subtitle: "No data"
-}, Kt = {
+}, Vt = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
@@ -990,7 +990,7 @@ const Sn = [
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD",
   isStale: !0
-}, Wt = {
+}, Ht = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -999,7 +999,7 @@ const Sn = [
   sparklineData: [42, 38, 51, 47, 55, 60, 58, 63, 57, 62, 68, 71, 65, 59],
   accentColor: "#6366f1",
   isStale: !0
-}, Gt = {
+}, Ut = {
   variant: "donut",
   label: "Order Fill Rate",
   value: 78,
@@ -1010,14 +1010,14 @@ const Sn = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, Mn = [
-  $t,
-  Bt,
-  zt,
+}, Pn = [
   Kt,
   Wt,
-  Gt
-], Rn = {
+  Gt,
+  Vt,
+  Ht,
+  Ut
+], Fn = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -1040,7 +1040,7 @@ const Sn = [
     59
   ],
   accentColor: "#6366f1"
-}, Tn = {
+}, En = {
   variant: "sparkline",
   label: "New Customers",
   value: 23,
@@ -1079,21 +1079,21 @@ const Sn = [
     19
   ],
   accentColor: "#10b981"
-}, In = {
+}, An = {
   variant: "standard",
   label: "Total Revenue",
   value: 125430,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: 12.5, direction: "up" },
   subtitle: "MTD"
-}, Pn = {
+}, Ln = {
   variant: "standard",
   label: "Returns",
   value: 3280,
   valueFormat: { prefix: "$", abbreviated: !0 },
   trend: { value: -8.3, direction: "down" },
   subtitle: "MTD"
-}, Fn = {
+}, On = {
   variant: "standard",
   label: "Avg Order Value",
   value: 487,
@@ -1101,21 +1101,21 @@ const Sn = [
   trend: { value: 0, direction: "flat" },
   subtitle: "QTD"
 };
-function Ye({
+function Je({
   open: e,
   onDismiss: t,
   anchorRef: n,
   pages: a,
-  activePageId: s,
-  onPageChange: i,
+  activePageId: i,
+  onPageChange: s,
   onCreatePage: o,
   onManagePages: l
 }) {
   const u = w(
     (g) => {
-      i(g), t();
+      s(g), t();
     },
-    [i, t]
+    [s, t]
   ), d = w(
     (g, m) => {
       (m.key === "Enter" || m.key === " ") && (m.preventDefault(), u(g));
@@ -1126,8 +1126,8 @@ function Ye({
   }, [o, t]), f = w(() => {
     l(), t();
   }, [l, t]);
-  return /* @__PURE__ */ D(
-    yt,
+  return /* @__PURE__ */ N(
+    Nt,
     {
       definition: {
         placement: "bottom-end",
@@ -1141,8 +1141,8 @@ function Ye({
       className: "gloss-page-dropdown",
       children: [
         /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((g) => {
-          const m = g.id === s;
-          return /* @__PURE__ */ D(
+          const m = g.id === i;
+          return /* @__PURE__ */ N(
             "li",
             {
               role: "menuitemradio",
@@ -1151,7 +1151,7 @@ function Ye({
               tabIndex: 0,
               className: `gloss-page-dropdown__item${m ? " gloss-page-dropdown__item--active" : ""}`,
               onClick: () => u(g.id),
-              onKeyDown: (N) => d(g.id, N),
+              onKeyDown: (D) => d(g.id, D),
               children: [
                 /* @__PURE__ */ r(
                   "span",
@@ -1196,24 +1196,24 @@ function Ye({
     }
   );
 }
-Ye.displayName = "PageDropdown";
-const Vt = function({
+Je.displayName = "PageDropdown";
+const jt = function({
   currentIndex: t,
   total: n,
   pages: a,
-  onPageChange: s,
-  onCreatePage: i,
+  onPageChange: i,
+  onCreatePage: s,
   onManagePages: o,
   maskRadius: l = "var(--gloss-radius-md)",
   displayMode: u = "count",
   activePage: d
 }) {
-  const p = R(null), [f, g] = $(!1), m = w(() => {
+  const p = T(null), [f, g] = $(!1), m = w(() => {
     g((M) => !M);
-  }, []), N = w(() => {
+  }, []), D = w(() => {
     g(!1);
   }, []), y = a[t]?.id ?? "";
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ N(
     "div",
     {
       className: "gloss-page-chip",
@@ -1236,10 +1236,10 @@ const Vt = function({
             "aria-expanded": f,
             "aria-label": u === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
             onClick: m,
-            children: u === "name" ? /* @__PURE__ */ D(te, { children: [
+            children: u === "name" ? /* @__PURE__ */ N(te, { children: [
               /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-name", children: d ?? "" }),
               /* @__PURE__ */ r("span", { className: "gloss-page-chip__trigger-chevron", "aria-hidden": "true", children: "▾" })
-            ] }) : /* @__PURE__ */ D(te, { children: [
+            ] }) : /* @__PURE__ */ N(te, { children: [
               t + 1,
               " / ",
               n
@@ -1247,15 +1247,15 @@ const Vt = function({
           }
         ),
         /* @__PURE__ */ r(
-          Ye,
+          Je,
           {
             open: f,
-            onDismiss: N,
+            onDismiss: D,
             anchorRef: p,
             pages: a,
             activePageId: y,
-            onPageChange: s,
-            onCreatePage: i,
+            onPageChange: i,
+            onCreatePage: s,
             onManagePages: o
           }
         )
@@ -1263,8 +1263,8 @@ const Vt = function({
     }
   );
 };
-Vt.displayName = "PageChip";
-const En = [
+jt.displayName = "PageChip";
+const $n = [
   {
     id: "ORD-1001",
     orderNumber: "ORD-1001",
@@ -1397,7 +1397,7 @@ const En = [
     date: "2026-03-01",
     skuCount: 9
   }
-], An = [
+], Bn = [
   {
     id: "ITEM-001",
     sku: "PB-4520",
@@ -1534,13 +1534,13 @@ const En = [
 function Pe(e) {
   return "$" + e.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }
-function Qe(e) {
+function et(e) {
   return e.toLocaleString("en-US");
 }
-function Xe(e) {
+function tt(e) {
   return new Date(e).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-const he = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), On = [
+const he = H.createElement("span", { style: { color: "var(--color-text-muted)" } }, "—"), zn = [
   {
     field: "id",
     headerName: "Order",
@@ -1570,7 +1570,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.skuCount ? Qe(e.skuCount) : he
+    renderCell: ({ row: e }) => e.skuCount ? et(e.skuCount) : he
   },
   {
     field: "total",
@@ -1590,9 +1590,9 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.date ? Xe(e.date) : ""
+    renderCell: ({ row: e }) => e.date ? tt(e.date) : ""
   }
-], Ln = [
+], Kn = [
   {
     field: "sku",
     headerName: "Item ID",
@@ -1634,7 +1634,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums gloss-drillable",
-    renderCell: ({ row: e }) => e.quantity ? Qe(e.quantity) : he
+    renderCell: ({ row: e }) => e.quantity ? et(e.quantity) : he
   },
   {
     field: "total",
@@ -1654,24 +1654,24 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     align: "right",
     headerAlign: "right",
     cellClassName: "gloss-tabular-nums",
-    renderCell: ({ row: e }) => e.lastDate ? Xe(e.lastDate) : ""
+    renderCell: ({ row: e }) => e.lastDate ? tt(e.lastDate) : ""
   }
-], Ht = [
+], Zt = [
   { id: "c-001", label: "ABC Home Goods" },
   { id: "c-002", label: "Riverside Retail" },
   { id: "c-003", label: "Mountain View Store" },
   { id: "c-004", label: "Downtown Decor" },
   { id: "c-005", label: "Pacific Coast Imports" }
-], Ut = [
+], qt = [
   { 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" }
 ], Se = (e) => {
-}, jt = (e) => {
+}, Yt = (e) => {
 }, Ve = (e, t) => {
-}, Je = {
+}, at = {
   vizState: {
     type: "orders",
     quant: "$",
@@ -1680,16 +1680,16 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     timeFrame: "MTD"
   },
   onTypeChange: Se,
-  onQuantChange: jt,
+  onQuantChange: Yt,
   onEntityTypeChange: Se,
   onEntitySelect: Ve,
   onItemSelect: Ve,
   onTimeFrameChange: Se,
   userType: "sales-agency",
-  entityFilterOptions: Ht,
-  itemFilterOptions: Ut
-}, $n = {
-  ...Je,
+  entityFilterOptions: Zt,
+  itemFilterOptions: qt
+}, Wn = {
+  ...at,
   vizState: {
     type: "items",
     quant: "$",
@@ -1697,8 +1697,8 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     byItem: { id: "i-003", name: "Walnut Console Table" },
     timeFrame: "YTD"
   }
-}, Bn = {
-  ...Je,
+}, Gn = {
+  ...at,
   vizState: {
     type: "orders",
     quant: "#",
@@ -1710,7 +1710,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
   entityFilterOptions: [
     { id: "customers", label: "Customers" }
   ]
-}, Zt = [
+}, Qt = [
   {
     id: "recent-orders",
     label: "Recent Orders",
@@ -1756,7 +1756,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     routeKey: "customer.profile",
     subtitle: "Opens in RepTime"
   }
-], qt = [
+], Xt = [
   {
     id: "order-items",
     label: "Items in Order",
@@ -1785,7 +1785,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["orderId"],
     graphType: "timeline"
   }
-], Yt = [
+], Jt = [
   {
     id: "graph-metric",
     label: "Graph This Metric",
@@ -1813,14 +1813,14 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     cellKinds: ["numeric"],
     tabType: "orders"
   }
-], zn = {
-  entityName: Zt,
-  orderId: qt,
-  numeric: Yt
-}, Kn = [
+], Vn = {
+  entityName: Qt,
+  orderId: Xt,
+  numeric: Jt
+}, Hn = [
   new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), (/* @__PURE__ */ new Date()).getDate() - 29),
   /* @__PURE__ */ new Date()
-], Wn = {
+], Un = {
   rangeA: [
     new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
     /* @__PURE__ */ new Date()
@@ -1833,7 +1833,7 @@ const he = H.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)
   ]
-}, Gn = {
+}, jn = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -1841,7 +1841,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, Vn = [
+}, Zn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1863,7 +1863,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     endDate: new Date(2026, 3, 22),
     location: "Chicago, IL"
   }
-], Hn = [
+], qn = [
   {
     id: "custom-regional-1",
     label: "Southeast Regional Expo",
@@ -1880,7 +1880,7 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "Portland, OR",
     isCustom: !0
   }
-], Un = [
+], Yn = [
   {
     id: "atlanta-jan",
     label: "Atlanta Market",
@@ -1897,67 +1897,67 @@ const he = H.createElement("span", { style: { color: "var(--color-text-muted)" }
     location: "New York, NY",
     active: !0
   }
-], jn = [
+], Qn = [
   { id: "7d", label: "7D" },
   { id: "30d", label: "30D" },
   { id: "60d", label: "60D" },
   { id: "90d", label: "90D" }
-], Zn = [
+], Xn = [
   { id: "mtd", label: "MTD" },
   { id: "qtd", label: "QTD" },
   { id: "ytd", label: "YTD" },
   { id: "lytd", label: "LYTD" }
-], Qt = {
+], ea = {
   timeframe: "Time Frame",
   threshold: "Thresholds",
   slots: "Slots",
   size: "Size",
   color: "Color",
   pinned: "Pinned"
-}, Xt = {
-  timeframe: _t,
-  threshold: Nt,
-  slots: Dt,
-  size: Ct,
-  color: kt,
-  pinned: xt
+}, ta = {
+  timeframe: kt,
+  threshold: Ct,
+  slots: xt,
+  size: St,
+  color: Mt,
+  pinned: Tt
 };
 function He(...e) {
   return e.filter(Boolean).join(" ");
 }
-function Jt() {
+function aa() {
   const [e, t] = $(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
-  return O(() => {
+  return L(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
-    const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (s) => t(s.matches);
+    const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (i) => t(i.matches);
     return typeof n.addEventListener == "function" ? (n.addEventListener("change", a), () => n.removeEventListener("change", a)) : (n.addListener?.(a), () => {
       n.removeListener?.(a);
     });
   }, []), e;
 }
-const ea = ({
+const na = ({
   dimensions: e,
   onDimensionSelect: t,
   activeDimension: n,
   ariaCardTypeLabel: a,
-  className: s
+  className: i
 }) => {
-  const i = R(null), o = R([]), l = Jt(), u = ye(() => Array.from(e), [e]);
+  const s = T(null), o = T([]), l = aa(), u = ye(() => Array.from(e), [e]);
   if (u.length === 0) return null;
   const d = a ? `Configure ${a}: choose a dimension` : void 0, p = l ? "10ms" : "200ms", f = (g, m) => {
-    const N = u.length - 1, y = (h) => {
+    const D = u.length - 1, y = (h) => {
       const M = o.current[h];
       M && M.focus();
     };
     switch (g.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        g.preventDefault(), y(m === N ? 0 : m + 1);
+        g.preventDefault(), y(m === D ? 0 : m + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        g.preventDefault(), y(m === 0 ? N : m - 1);
+        g.preventDefault(), y(m === 0 ? D : m - 1);
         break;
       }
       case "Home": {
@@ -1965,7 +1965,7 @@ const ea = ({
         break;
       }
       case "End": {
-        g.preventDefault(), y(N);
+        g.preventDefault(), y(D);
         break;
       }
       case "Enter":
@@ -1978,10 +1978,10 @@ const ea = ({
   return /* @__PURE__ */ r(
     "div",
     {
-      ref: i,
+      ref: s,
       role: "group",
       "aria-label": d,
-      className: He("gloss-reconfig-backside-buttons", s),
+      className: He("gloss-reconfig-backside-buttons", i),
       style: {
         // Expose the reduced-motion-resolved duration as a CSS custom prop
         // so the SCSS transition rule can consume it without a nested media
@@ -1989,8 +1989,8 @@ const ea = ({
         "--gloss-reconfig-backside-buttons-transition-duration": p
       },
       children: u.map((g, m) => {
-        const N = Xt[g], y = n === g;
-        return /* @__PURE__ */ D(
+        const D = ta[g], y = n === g;
+        return /* @__PURE__ */ N(
           "button",
           {
             ref: (h) => {
@@ -2007,13 +2007,13 @@ const ea = ({
             onKeyDown: (h) => f(h, m),
             children: [
               /* @__PURE__ */ r(
-                N,
+                D,
                 {
                   className: "gloss-reconfig-backside-buttons__button-icon",
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Qt[g] })
+              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: ea[g] })
             ]
           },
           g
@@ -2022,7 +2022,7 @@ const ea = ({
     }
   );
 };
-ea.displayName = "ReconfigBacksideButtons";
+na.displayName = "ReconfigBacksideButtons";
 function Q(e, t) {
   return {
     id: e,
@@ -2049,7 +2049,7 @@ function Ue(e, t) {
     colSpan: 2
   };
 }
-const qn = [
+const Jn = [
   Q("total-revenue", "Total Revenue"),
   Q("total-orders", "Total Orders"),
   Ue("revenue-trend", "Revenue Trend (2x)"),
@@ -2060,21 +2060,21 @@ const qn = [
   Q("repeat-rate", "Repeat Rate"),
   Q("open-orders", "Open Orders"),
   Q("shipped-orders", "Shipped Orders")
-], Yn = {
+], er = {
   columns: 6,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 1
-}, Qn = {
+}, tr = {
   columns: 9,
   rowHeight: 120,
   gap: 15,
   maxRows: 3,
   currentPage: 0,
   totalPages: 2
-}, Xn = {
+}, ar = {
   columns: 12,
   rowHeight: 120,
   gap: 15,
@@ -2085,7 +2085,7 @@ const qn = [
 function Me(e) {
   return H.createElement("span", { style: { fontSize: 14 } }, e);
 }
-const Jn = [
+const nr = [
   {
     id: "all-orders",
     type: "orders",
@@ -2108,7 +2108,7 @@ const Jn = [
     icon: Me("🚚"),
     closable: !0
   }
-], er = [
+], rr = [
   {
     id: "orders-main",
     type: "orders",
@@ -2134,7 +2134,7 @@ const Jn = [
     name: "Customers",
     closable: !0
   }
-], tr = [
+], sr = [
   {
     id: "only-tab",
     type: "orders",
@@ -2142,7 +2142,7 @@ const Jn = [
     closable: !1,
     autoCreated: !0
   }
-], ar = [
+], ir = [
   { 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 },
@@ -2165,40 +2165,40 @@ function Fe(e) {
       return { cols: 1, rows: 1 };
   }
 }
-function ta(e) {
+function ra(e) {
   let t = 0;
   for (const a of e) {
-    const s = Fe(a.size), i = a.gridPosition.col + s.cols - 1;
-    i > t && (t = i);
+    const i = Fe(a.size), s = a.gridPosition.col + i.cols - 1;
+    s > t && (t = s);
   }
   return `repeat(${t > 0 ? t : Math.max(e.length, 1)}, minmax(0, 1fr))`;
 }
-const aa = function(t) {
+const sa = function(t) {
   if (t.renderMode === "discrete")
     return /* @__PURE__ */ r(
       "div",
       {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
-        children: t.cards.map((s) => {
-          const i = Fe(s.size);
+        children: t.cards.map((i) => {
+          const s = Fe(i.size);
           return /* @__PURE__ */ r(
             "div",
             {
               className: "gloss-metric-group__slot",
               style: {
-                gridColumn: `${s.gridPosition.col} / span ${i.cols}`,
-                gridRow: `${s.gridPosition.row} / span ${i.rows}`
+                gridColumn: `${i.gridPosition.col} / span ${s.cols}`,
+                gridRow: `${i.gridPosition.row} / span ${s.rows}`
               },
-              children: s.children
+              children: i.children
             },
-            s.key
+            i.key
           );
         })
       }
     );
   const { cards: n, composite: a } = t;
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ N(
     "div",
     {
       className: "gloss-metric-group gloss-metric-group--composite",
@@ -2224,7 +2224,7 @@ const aa = function(t) {
             style: { background: a.accentColor }
           }
         ),
-        a?.label && /* @__PURE__ */ D("div", { className: "gloss-metric-group__label", children: [
+        a?.label && /* @__PURE__ */ N("div", { className: "gloss-metric-group__label", children: [
           /* @__PURE__ */ r("span", { children: a.label }),
           a?.trend && /* @__PURE__ */ r(
             "span",
@@ -2242,21 +2242,21 @@ const aa = function(t) {
             style: {
               display: "grid",
               gap: "var(--gloss-spacing-2, 8px)",
-              gridTemplateColumns: ta(n)
+              gridTemplateColumns: ra(n)
             },
-            children: n.map((s) => {
-              const i = Fe(s.size);
+            children: n.map((i) => {
+              const s = Fe(i.size);
               return /* @__PURE__ */ r(
                 "div",
                 {
                   className: "gloss-metric-group__slot--composite",
                   style: {
-                    gridColumn: `${s.gridPosition.col} / span ${i.cols}`,
-                    gridRow: `${s.gridPosition.row} / span ${i.rows}`
+                    gridColumn: `${i.gridPosition.col} / span ${s.cols}`,
+                    gridRow: `${i.gridPosition.row} / span ${s.rows}`
                   },
-                  children: s.children
+                  children: i.children
                 },
-                s.key
+                i.key
               );
             })
           }
@@ -2265,16 +2265,16 @@ const aa = function(t) {
     }
   );
 };
-aa.displayName = "MetricGroupContainer";
-const et = "resize.tuning.dev", na = {
-  ...qe,
+sa.displayName = "MetricGroupContainer";
+const nt = "resize.tuning.dev", ia = {
+  ...Xe,
   snapInPx: 60,
   snapOutPx: 90
-}, re = na;
-function ra() {
+}, re = ia;
+function oa() {
   if (typeof window > "u") return { ...re };
   try {
-    const e = window.localStorage.getItem(et);
+    const e = window.localStorage.getItem(nt);
     if (!e) return { ...re };
     const t = JSON.parse(e);
     return !t || typeof t != "object" || Array.isArray(t) ? { ...re } : { ...re, ...t };
@@ -2282,31 +2282,31 @@ function ra() {
     return { ...re };
   }
 }
-function sa() {
-  const [e, t] = $(() => ra());
-  O(() => {
+function la() {
+  const [e, t] = $(() => oa());
+  L(() => {
     if (!(typeof window > "u"))
       try {
-        window.localStorage.setItem(et, JSON.stringify(e));
+        window.localStorage.setItem(nt, JSON.stringify(e));
       } catch {
       }
   }, [e]);
   const n = w(
-    (i, o) => {
-      t((l) => ({ ...l, [i]: o }));
+    (s, o) => {
+      t((l) => ({ ...l, [s]: o }));
     },
     []
   ), a = w(
-    (i) => {
-      t((o) => ({ ...o, [i]: re[i] }));
+    (s) => {
+      t((o) => ({ ...o, [s]: re[s] }));
     },
     []
-  ), s = w(() => {
+  ), i = w(() => {
     t({ ...re });
   }, []);
-  return { values: e, setValue: n, resetRow: a, resetAll: s };
+  return { values: e, setValue: n, resetRow: a, resetAll: i };
 }
-const ia = [
+const ca = [
   { 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 },
@@ -2317,11 +2317,11 @@ const ia = [
   { 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 oa(e, t) {
+function da(e, t) {
   return t >= 1 ? String(Math.round(e)) : t >= 0.1 ? e.toFixed(1) : e.toFixed(2);
 }
-function la() {
-  return /* @__PURE__ */ D(
+function ua() {
+  return /* @__PURE__ */ N(
     "svg",
     {
       width: "14",
@@ -2340,23 +2340,23 @@ function la() {
     }
   );
 }
-function ca({ spec: e, value: t, onChange: n, onReset: a, flashing: s }) {
-  const i = w(
+function ma({ spec: e, value: t, onChange: n, onReset: a, flashing: i }) {
+  const s = w(
     (o) => {
       (o.key === "r" || o.key === "R") && (o.preventDefault(), a());
     },
     [a]
   );
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ N(
     "div",
     {
-      className: `gloss-dev-tuning-panel__row${s ? " gloss-dev-tuning-panel__row--flash" : ""}`,
+      className: `gloss-dev-tuning-panel__row${i ? " gloss-dev-tuning-panel__row--flash" : ""}`,
       "data-tuning-row": e.key,
-      onKeyDown: i,
+      onKeyDown: s,
       children: [
         /* @__PURE__ */ r("label", { className: "gloss-dev-tuning-panel__label", htmlFor: `gloss-dtp-${e.key}`, children: e.label }),
-        /* @__PURE__ */ D("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
-          oa(t, e.step),
+        /* @__PURE__ */ N("span", { className: "gloss-dev-tuning-panel__value", "aria-live": "off", children: [
+          da(t, e.step),
           e.unit ? ` ${e.unit}` : ""
         ] }),
         /* @__PURE__ */ r(
@@ -2380,14 +2380,14 @@ function ca({ 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(la, {})
+            children: /* @__PURE__ */ r(ua, {})
           }
         )
       ]
     }
   );
 }
-function da() {
+function ga() {
   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");
@@ -2395,12 +2395,12 @@ function da() {
     return !1;
   }
 }
-function ua(e = {}) {
-  return da() ? /* @__PURE__ */ r(ma, {}) : null;
+function pa(e = {}) {
+  return ga() ? /* @__PURE__ */ r(ha, {}) : null;
 }
-ua.displayName = "DevTuningPanel";
-function ma() {
-  const e = sa(), { values: t, setValue: n, resetRow: a, resetAll: s } = e, [i, o] = $(null), l = R(null), u = w((g) => {
+pa.displayName = "DevTuningPanel";
+function ha() {
+  const e = la(), { values: t, setValue: n, resetRow: a, resetAll: i } = e, [s, o] = $(null), l = T(null), u = w((g) => {
     l.current && clearTimeout(l.current), o(g), l.current = setTimeout(() => {
       o(null), l.current = null;
     }, 200);
@@ -2409,8 +2409,8 @@ function ma() {
       n(g, m), g === "snapInPx" && m > t.snapOutPx && (n("snapOutPx", m), u("snapOutPx"));
     },
     [n, t.snapOutPx, u]
-  ), p = ye(() => ia, []), f = vt();
-  return /* @__PURE__ */ D(
+  ), p = ye(() => ca, []), f = _t();
+  return /* @__PURE__ */ N(
     De.div,
     {
       className: "gloss-dev-tuning-panel",
@@ -2422,7 +2422,7 @@ function ma() {
       dragControls: f,
       dragMomentum: !1,
       children: [
-        /* @__PURE__ */ D(
+        /* @__PURE__ */ N(
           "div",
           {
             className: "gloss-dev-tuning-panel__header",
@@ -2434,13 +2434,13 @@ function ma() {
           }
         ),
         /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: p.map((g) => /* @__PURE__ */ r(
-          ca,
+          ma,
           {
             spec: g,
             value: t[g.key],
             onChange: (m) => d(g.key, m),
             onReset: () => a(g.key),
-            flashing: i === g.key
+            flashing: s === g.key
           },
           g.key
         )) }),
@@ -2449,7 +2449,7 @@ function ma() {
           {
             type: "button",
             className: "gloss-dev-tuning-panel__reset-all",
-            onClick: s,
+            onClick: i,
             children: "Reset all"
           }
         ) })
@@ -2457,13 +2457,13 @@ function ma() {
     }
   );
 }
-function nr({
+function or({
   state: e,
   originX: t,
   originY: n,
   leftEdgeX: a,
-  rightEdgeX: s,
-  minBoundaryX: i,
+  rightEdgeX: i,
+  minBoundaryX: s,
   snapBoundariesX: o,
   topY: l,
   bottomY: u,
@@ -2473,7 +2473,7 @@ function nr({
   style: g
 }) {
   if (e === "hidden") return null;
-  const m = Math.max(0, s - a), N = Math.max(0, u - l), y = {
+  const m = Math.max(0, i - a), D = Math.max(0, u - l), y = {
     "--gloss-resize-envelope-enter-ms": `${d}ms`,
     "--gloss-resize-envelope-exit-ms": `${p}ms`,
     "--gloss-resize-envelope-origin-x": `${t - a}px`,
@@ -2481,10 +2481,10 @@ function nr({
     left: a,
     top: l,
     width: m,
-    height: N,
+    height: D,
     ...g
   };
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ N(
     "div",
     {
       className: ["gloss-resize-envelope", `gloss-resize-envelope--state-${e}`, f].filter(Boolean).join(" "),
@@ -2506,7 +2506,7 @@ function nr({
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--min-boundary",
             "data-edge": "min-boundary",
-            style: { left: i - a }
+            style: { left: s - a }
           }
         ),
         /* @__PURE__ */ r(
@@ -2517,7 +2517,7 @@ function nr({
             style: { left: m - 1 }
           }
         ),
-        o.filter((h) => h > i && h < s).map((h) => /* @__PURE__ */ r(
+        o.filter((h) => h > s && h < i).map((h) => /* @__PURE__ */ r(
           "div",
           {
             className: "gloss-resize-envelope__snap-line",
@@ -2530,13 +2530,13 @@ function nr({
     }
   );
 }
-function rr({
+function lr({
   density: e,
   canAccept: t,
   blocked: n = !1,
   proximityOpacity: a,
-  className: s,
-  children: i,
+  className: i,
+  children: s,
   ...o
 }) {
   const l = a != null ? { ...o.style, "--_proximity-opacity": String(a) } : o.style;
@@ -2553,22 +2553,22 @@ function rr({
       className: [
         "gloss-drop-anchor-cell",
         n && "gloss-drop-anchor-cell--blocked-pulse",
-        s
+        i
       ].filter(Boolean).join(" "),
-      children: i
+      children: s
     }
   );
 }
-function ga(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 fa(e, t, n, a) {
+  const i = (e + n) / 2, s = Math.min(t, a) - 40;
+  return `M${e},${t} Q${i},${s} ${n},${a}`;
 }
-function sr({
+function cr({
   segments: e,
   durationMs: t = se.spilloverArcDurationMs,
   staggerMs: n = se.spilloverStaggerMs,
   className: a,
-  style: s
+  style: i
 }) {
   return e.length === 0 ? null : /* @__PURE__ */ r(
     "svg",
@@ -2577,30 +2577,30 @@ function sr({
       "data-testid": "gloss-spillover-arc",
       "aria-hidden": "true",
       overflow: "visible",
-      style: { position: "absolute", inset: 0, pointerEvents: "none", ...s },
-      children: e.map((i, o) => /* @__PURE__ */ r(
+      style: { position: "absolute", inset: 0, pointerEvents: "none", ...i },
+      children: e.map((s, o) => /* @__PURE__ */ r(
         "path",
         {
-          "data-arc-id": i.id,
+          "data-arc-id": s.id,
           className: "gloss-spillover-arc__path",
-          d: ga(i.fromX, i.fromY, i.toX, i.toY),
+          d: fa(s.fromX, s.fromY, s.toX, s.toY),
           style: {
             animationDelay: `${o * n}ms`,
             animationDuration: `${t}ms`
           }
         },
-        i.id
+        s.id
       ))
     }
   );
 }
-function ir({
+function dr({
   state: e,
   staggerIndex: t = 0,
   fadeInMs: n = se.sectionDividerFadeInMs,
   fadeOutMs: a = se.sectionDividerFadeOutMs,
-  staggerMs: s = se.sectionDividerStaggerMs,
-  variant: i = "dashed",
+  staggerMs: i = se.sectionDividerStaggerMs,
+  variant: s = "dashed",
   className: o,
   style: l,
   ...u
@@ -2608,7 +2608,7 @@ function ir({
   const d = {
     "--gloss-section-divider-fade-in-ms": `${n}ms`,
     "--gloss-section-divider-fade-out-ms": `${a}ms`,
-    "--gloss-section-divider-stagger-delay": `${t * s}ms`,
+    "--gloss-section-divider-stagger-delay": `${t * i}ms`,
     ...l
   };
   return /* @__PURE__ */ r(
@@ -2621,47 +2621,47 @@ function ir({
       className: [
         "gloss-section-divider",
         `gloss-section-divider--state-${e}`,
-        i === "seam-bleed" ? "gloss-section-divider--variant-seam-bleed" : "",
+        s === "seam-bleed" ? "gloss-section-divider--variant-seam-bleed" : "",
         o
       ].filter(Boolean).join(" "),
       style: d
     }
   );
 }
-function or({
+function ur({
   enabled: e,
   onPack: t,
   ariaLabel: n = "Pack row (shift cards left)",
   className: a,
-  style: s
+  style: i
 }) {
-  return /* @__PURE__ */ r(Ze, { visible: e, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(Qe, { visible: e, variant: "pack", trigger: "hover+focus", children: /* @__PURE__ */ r(
     "button",
     {
       type: "button",
       "data-testid": "gloss-empty-cell-pack",
       "aria-label": n,
       className: ["gloss-empty-cell-pack-affordance", a].filter(Boolean).join(" "),
-      style: s,
-      onClick: (i) => {
-        i.stopPropagation(), t();
+      style: i,
+      onClick: (s) => {
+        s.stopPropagation(), t();
       },
       children: /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "gloss-empty-cell-pack-affordance__glyph", children: "×" })
     }
   ) });
 }
-function lr({
+function mr({
   tint: e,
   colSpan: t,
   colWidth: n,
   rowHeight: a,
-  gap: s,
-  x: i,
+  gap: i,
+  x: s,
   y: o,
   children: l,
   className: u
 }) {
-  const d = t * n + (t - 1) * s;
+  const d = t * n + (t - 1) * i;
   return /* @__PURE__ */ r(
     De.div,
     {
@@ -2673,22 +2673,22 @@ function lr({
         `gloss-drag-ghost--tint-${e}`,
         u
       ].filter(Boolean).join(" "),
-      style: { x: i, y: o, width: d, height: a },
+      style: { x: s, y: o, width: d, height: a },
       children: l
     }
   );
 }
-const pa = 3;
-function cr({
+const va = 3;
+function gr({
   cell: e,
   colSpan: t,
   colWidth: n,
   gap: a,
-  rowHeight: s,
-  transitionMs: i = 120,
+  rowHeight: i,
+  transitionMs: s = 120,
   className: o
 }) {
-  const l = t * n + (t - 1) * a, d = (e.section * pa + e.col) * (n + a), p = e.row * (s + a);
+  const l = t * n + (t - 1) * a, d = (e.section * va + e.col) * (n + a), p = e.row * (i + a);
   return /* @__PURE__ */ r(
     "div",
     {
@@ -2698,13 +2698,13 @@ function cr({
       style: {
         transform: `translate(${d}px, ${p}px)`,
         width: l,
-        height: s,
-        transition: `transform ${i}ms cubic-bezier(0.4, 0, 0.2, 1)`
+        height: i,
+        transition: `transform ${s}ms cubic-bezier(0.4, 0, 0.2, 1)`
       }
     }
   );
 }
-function dr({
+function pr({
   items: e,
   children: t,
   className: n
@@ -2722,28 +2722,28 @@ function dr({
     a.cardId
   )) });
 }
-const ha = ({
+const ba = ({
   consumed: e,
   elapsed: t,
   severity: n = "neutral"
 }) => {
-  const a = R(null), s = R(null);
-  O(() => {
+  const a = T(null), i = T(null);
+  L(() => {
     const l = Math.min(100, Math.max(0, e.value)), u = Math.min(100, Math.max(0, t.value)), d = requestAnimationFrame(() => {
-      a.current && (a.current.style.width = `${l}%`), s.current && (s.current.style.width = `${u}%`);
+      a.current && (a.current.style.width = `${l}%`), i.current && (i.current.style.width = `${u}%`);
     });
     return () => cancelAnimationFrame(d);
   }, [e.value, t.value]);
-  const i = e.label ?? "ACTUAL", o = t.label ?? "ELAPSED";
-  return /* @__PURE__ */ D(
+  const s = e.label ?? "ACTUAL", o = t.label ?? "ELAPSED";
+  return /* @__PURE__ */ N(
     "div",
     {
       className: "gloss-dual-pace-bars",
       role: "img",
-      "aria-label": `${i}: ${e.value}%, ${o}: ${t.value}%`,
+      "aria-label": `${s}: ${e.value}%, ${o}: ${t.value}%`,
       children: [
-        /* @__PURE__ */ D("div", { className: "gloss-dual-pace-bars__row", children: [
-          /* @__PURE__ */ r("span", { className: "gloss-dual-pace-bars__track-label", children: i }),
+        /* @__PURE__ */ N("div", { className: "gloss-dual-pace-bars__row", children: [
+          /* @__PURE__ */ r("span", { className: "gloss-dual-pace-bars__track-label", children: s }),
           /* @__PURE__ */ r("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ r(
             "div",
             {
@@ -2754,20 +2754,20 @@ const ha = ({
               "aria-valuenow": Math.min(100, Math.max(0, e.value)),
               "aria-valuemin": 0,
               "aria-valuemax": 100,
-              "aria-label": `${i}: ${e.value}%`
+              "aria-label": `${s}: ${e.value}%`
             }
           ) }),
-          /* @__PURE__ */ D("span", { className: "gloss-dual-pace-bars__track-value", children: [
+          /* @__PURE__ */ N("span", { className: "gloss-dual-pace-bars__track-value", children: [
             e.value,
             "%"
           ] })
         ] }),
-        /* @__PURE__ */ D("div", { className: "gloss-dual-pace-bars__row", children: [
+        /* @__PURE__ */ N("div", { className: "gloss-dual-pace-bars__row", children: [
           /* @__PURE__ */ r("span", { className: "gloss-dual-pace-bars__track-label", children: o }),
           /* @__PURE__ */ r("div", { className: "gloss-dual-pace-bars__track", children: /* @__PURE__ */ r(
             "div",
             {
-              ref: s,
+              ref: i,
               className: "gloss-dual-pace-bars__fill gloss-dual-pace-bars__fill--elapsed",
               style: { width: "0%" },
               role: "meter",
@@ -2777,7 +2777,7 @@ const ha = ({
               "aria-label": `${o}: ${t.value}%`
             }
           ) }),
-          /* @__PURE__ */ D("span", { className: "gloss-dual-pace-bars__track-value", children: [
+          /* @__PURE__ */ N("span", { className: "gloss-dual-pace-bars__track-value", children: [
             t.value,
             "%"
           ] })
@@ -2785,22 +2785,22 @@ const ha = ({
       ]
     }
   );
-}, fa = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ D(
+}, ya = ({ label: e, value: t, severity: n }) => /* @__PURE__ */ N(
   "div",
   {
     className: `gloss-gap-readout gloss-gap-readout--${n}`,
     "aria-label": `${e}: ${t}`,
     children: [
       /* @__PURE__ */ r("hr", { className: "gloss-gap-readout__separator" }),
-      /* @__PURE__ */ D("div", { className: "gloss-gap-readout__strip", children: [
+      /* @__PURE__ */ N("div", { className: "gloss-gap-readout__strip", children: [
         /* @__PURE__ */ r("span", { className: "gloss-gap-readout__label", children: e }),
         /* @__PURE__ */ r("span", { className: "gloss-gap-readout__value", children: t })
       ] })
     ]
   }
-), ba = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ D("div", { className: "gloss-pace-placeholder", children: [
+), wa = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ N("div", { className: "gloss-pace-placeholder", children: [
   /* @__PURE__ */ r("p", { className: "gloss-pace-placeholder__heading", children: "Set a target" }),
-  /* @__PURE__ */ D("p", { className: "gloss-pace-placeholder__context", children: [
+  /* @__PURE__ */ N("p", { className: "gloss-pace-placeholder__context", children: [
     "for ",
     e
   ] }),
@@ -2814,12 +2814,12 @@ const ha = ({
       children: "Set target"
     }
   )
-] }), ur = (e) => {
-  const [t, n] = $(!1), a = e.target?.value, s = a !== void 0, i = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ r(
-    St,
+] }), hr = (e) => {
+  const [t, n] = $(!1), a = e.target?.value, i = a !== void 0, s = e.paceGapUnit === "usd" ? "$" : "%", o = /* @__PURE__ */ r(
+    Rt,
     {
       label: `Set a target for ${e.label}`,
-      unit: i,
+      unit: s,
       currentValue: a,
       onConfirm: (l) => {
         e.onTargetChange(l), n(!1);
@@ -2830,7 +2830,7 @@ const ha = ({
     }
   );
   return /* @__PURE__ */ r(
-    ut,
+    pt,
     {
       colSpan: 2,
       enableQuickSettings: !0,
@@ -2838,21 +2838,21 @@ const ha = ({
       onFlipChange: n,
       quickConfigSlot: o,
       onRemove: e.onRemove,
-      children: /* @__PURE__ */ D("div", { className: `gloss-pace-card ${e.isStale ? "gloss-metric-data-stale" : ""}`, children: [
+      children: /* @__PURE__ */ N("div", { className: `gloss-pace-card ${e.isStale ? "gloss-metric-data-stale" : ""}`, children: [
         /* @__PURE__ */ r("div", { className: "gloss-pace-card__label", children: e.label }),
         e.subtitle && /* @__PURE__ */ r("div", { className: "gloss-pace-card__subtitle", children: e.subtitle }),
-        /* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: s ? /* @__PURE__ */ D(te, { children: [
+        /* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: i ? /* @__PURE__ */ N(te, { children: [
           /* @__PURE__ */ r(
-            ha,
+            ba,
             {
               consumed: e.consumed,
               elapsed: e.elapsed,
               severity: e.severity
             }
           ),
-          /* @__PURE__ */ r(fa, { label: "Gap", value: e.gapLabel, severity: e.severity })
+          /* @__PURE__ */ r(ya, { label: "Gap", value: e.gapLabel, severity: e.severity })
         ] }) : /* @__PURE__ */ r(
-          ba,
+          wa,
           {
             label: e.label,
             onSetTarget: () => n(!0)
@@ -2861,7 +2861,7 @@ const ha = ({
       ] })
     }
   );
-}, mr = () => /* @__PURE__ */ D("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
+}, fr = () => /* @__PURE__ */ N("div", { className: "gloss-pace-tile-preview", "aria-hidden": "true", children: [
   /* @__PURE__ */ r(
     "div",
     {
@@ -2878,39 +2878,39 @@ const ha = ({
   ),
   /* @__PURE__ */ r("div", { className: "gloss-pace-tile-preview__gap-strip" })
 ] });
-function va({ id: e, label: t, selected: n, focused: a, disabled: s, badge: i, onClick: o }) {
+function _a({ id: e, label: t, selected: n, focused: a, disabled: i, badge: s, onClick: o }) {
   return /* @__PURE__ */ r(
     "span",
     {
       role: "radio",
       "aria-checked": n,
-      "aria-disabled": s || void 0,
+      "aria-disabled": i || void 0,
       tabIndex: a ? 0 : -1,
       className: "gloss-lens-chip",
       "data-selected": n || void 0,
-      "data-disabled": s || void 0,
+      "data-disabled": i || void 0,
       onClick: () => {
-        s || o(e);
+        i || o(e);
       },
-      children: /* @__PURE__ */ D("span", { className: "gloss-lens-chip__inner", children: [
+      children: /* @__PURE__ */ N("span", { className: "gloss-lens-chip__inner", children: [
         /* @__PURE__ */ r("span", { className: "gloss-lens-chip__label", children: t }),
-        i && /* @__PURE__ */ r("span", { className: "gloss-lens-chip__badge", children: i })
+        s && /* @__PURE__ */ r("span", { className: "gloss-lens-chip__badge", children: s })
       ] })
     }
   );
 }
-function ya({
+function Na({
   lenses: e,
   value: t,
   onChange: n,
   "aria-label": a = "Lens"
 }) {
-  const [s, i] = $(
+  const [i, s] = $(
     () => Math.max(0, e.findIndex((l) => l.id === t))
   );
-  return O(() => {
+  return L(() => {
     const l = e.findIndex((u) => u.id === t);
-    i(l >= 0 ? l : 0);
+    s(l >= 0 ? l : 0);
   }, [t, e]), e.length === 0 ? null : /* @__PURE__ */ r(
     "div",
     {
@@ -2920,22 +2920,22 @@ function ya({
         switch (l.key) {
           case "ArrowRight":
           case "ArrowDown":
-            l.preventDefault(), i((u) => (u + 1) % e.length);
+            l.preventDefault(), s((u) => (u + 1) % e.length);
             break;
           case "ArrowLeft":
           case "ArrowUp":
-            l.preventDefault(), i((u) => (u - 1 + e.length) % e.length);
+            l.preventDefault(), s((u) => (u - 1 + e.length) % e.length);
             break;
           case "Home":
-            l.preventDefault(), i(0);
+            l.preventDefault(), s(0);
             break;
           case "End":
-            l.preventDefault(), i(e.length - 1);
+            l.preventDefault(), s(e.length - 1);
             break;
           case "Enter":
           case " ": {
             l.preventDefault();
-            const u = e[s];
+            const u = e[i];
             u && !u.disabled && n(u.id);
             break;
           }
@@ -2943,12 +2943,12 @@ function ya({
       },
       className: "gloss-lens-chip-group",
       children: e.map((l, u) => /* @__PURE__ */ r(
-        va,
+        _a,
         {
           id: l.id,
           label: l.label,
           selected: l.id === t,
-          focused: u === s,
+          focused: u === i,
           disabled: l.disabled,
           badge: l.badge,
           onClick: n
@@ -2958,47 +2958,47 @@ function ya({
     }
   );
 }
-ya.displayName = "LensChipGroup";
-function wa({ heading: e, children: t }) {
-  return !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ D("section", { className: "gloss-starter-rail", "aria-label": e, children: [
+Na.displayName = "LensChipGroup";
+function Da({ heading: e, children: t }) {
+  return !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ N("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 })
   ] });
 }
-wa.displayName = "StarterRail";
-function _a({ heading: e, children: t, emptyStateLabel: n }) {
+Da.displayName = "StarterRail";
+function ka({ heading: e, children: t, emptyStateLabel: n }) {
   const a = !t || Array.isArray(t) && t.length === 0;
-  return /* @__PURE__ */ D("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
+  return /* @__PURE__ */ N("section", { className: "gloss-more-in-lens-rail", "aria-label": e, children: [
     /* @__PURE__ */ r("header", { className: "gloss-more-in-lens-rail__heading", children: e }),
-    /* @__PURE__ */ D("div", { className: "gloss-more-in-lens-rail__tiles", children: [
+    /* @__PURE__ */ N("div", { className: "gloss-more-in-lens-rail__tiles", children: [
       t,
       a && n && /* @__PURE__ */ r("p", { className: "gloss-more-in-lens-rail__empty", children: n })
     ] })
   ] });
 }
-_a.displayName = "MoreInLensRail";
+ka.displayName = "MoreInLensRail";
 function X({
   lead: e,
   name: t,
   secondary: n,
   value: a,
-  trail: s,
-  variant: i = "default",
+  trail: i,
+  variant: s = "default",
   onClick: o,
   className: l,
   style: u
 }) {
   const d = [
     "gloss-entity-row",
-    `gloss-entity-row--${i}`,
+    `gloss-entity-row--${s}`,
     o ? "gloss-entity-row--clickable" : "",
     l ?? ""
-  ].filter(Boolean).join(" "), p = /* @__PURE__ */ D(te, { children: [
+  ].filter(Boolean).join(" "), p = /* @__PURE__ */ N(te, { 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 })
+    i !== void 0 && /* @__PURE__ */ r("span", { className: "gloss-entity-row__trail", children: i })
   ] });
   return o ? /* @__PURE__ */ r("div", { role: "listitem", className: d, style: u, children: /* @__PURE__ */ r(
     "button",
@@ -3033,7 +3033,7 @@ const fe = ({ rank: e }) => {
   );
 };
 fe.displayName = "RankBadge";
-function be({ severity: e, "aria-label": t }) {
+function ve({ severity: e, "aria-label": t }) {
   return /* @__PURE__ */ r(
     "span",
     {
@@ -3043,8 +3043,8 @@ function be({ severity: e, "aria-label": t }) {
     }
   );
 }
-be.displayName = "SeverityDot";
-function tt({
+ve.displayName = "SeverityDot";
+function rt({
   delta: e,
   direction: t = "flat",
   "aria-label": n
@@ -3060,7 +3060,7 @@ function tt({
       }
     );
   const a = t === "up" ? "▲" : t === "down" ? "▼" : "—";
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ N(
     "span",
     {
       role: "img",
@@ -3073,8 +3073,8 @@ function tt({
     }
   );
 }
-tt.displayName = "RankDelta";
-function ve({ fill: e, variant: t = "default", className: n }) {
+rt.displayName = "RankDelta";
+function be({ fill: e, variant: t = "default", className: n }) {
   const a = Math.max(0, Math.min(100, e));
   return /* @__PURE__ */ r(
     "div",
@@ -3090,37 +3090,37 @@ function ve({ fill: e, variant: t = "default", className: n }) {
     }
   );
 }
-ve.displayName = "MagnitudeBar";
-const Na = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
-function Da({
+be.displayName = "MagnitudeBar";
+const Ca = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
+function xa({
   label: e,
   rows: t,
   rowCount: n,
   rankDeltaPeriod: a,
-  isStale: s
+  isStale: i
 }) {
-  const i = n ?? 3;
-  return /* @__PURE__ */ D(te, { children: [
+  const s = n ?? 3;
+  return /* @__PURE__ */ N(te, { children: [
     /* @__PURE__ */ r(
       pe,
       {
         className: "gloss-metric-card__zone-a",
         style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
-        children: /* @__PURE__ */ r(Te, { className: "gloss-metric-card__label", children: e })
+        children: /* @__PURE__ */ r(Re, { className: "gloss-metric-card__label", children: e })
       }
     ),
     /* @__PURE__ */ r(
       pe,
       {
-        className: `gloss-metric-card__zone-b gloss-leaderboard ${s ? "gloss-metric-data-stale" : ""}`,
+        className: `gloss-metric-card__zone-b gloss-leaderboard ${i ? "gloss-metric-data-stale" : ""}`,
         style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
-        children: /* @__PURE__ */ r("div", { className: "gloss-leaderboard__rows", role: "list", children: t.slice(0, i).map((o, l) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r("div", { className: "gloss-leaderboard__rows", role: "list", children: t.slice(0, s).map((o, l) => /* @__PURE__ */ r(
           X,
           {
             lead: /* @__PURE__ */ r(fe, { rank: l + 1 }),
             name: o.name,
             secondary: /* @__PURE__ */ r(
-              ve,
+              be,
               {
                 fill: o.magnitude,
                 variant: o.isBottom ? "bottom" : "default"
@@ -3128,11 +3128,11 @@ function Da({
             ),
             value: o.value,
             trail: /* @__PURE__ */ r(
-              tt,
+              rt,
               {
                 delta: o.rankDelta,
                 direction: o.direction,
-                "aria-label": Na(o)
+                "aria-label": Ca(o)
               }
             ),
             variant: "leaderboard",
@@ -3142,28 +3142,28 @@ function Da({
         )) })
       }
     ),
-    /* @__PURE__ */ D("div", { className: "gloss-leaderboard__zone-c", children: [
+    /* @__PURE__ */ N("div", { className: "gloss-leaderboard__zone-c", children: [
       a ?? "WoW",
       " rank change"
     ] })
   ] });
 }
-Da.displayName = "LeaderboardCard";
-const Ca = () => /* @__PURE__ */ D(
+xa.displayName = "LeaderboardCard";
+const Sa = () => /* @__PURE__ */ N(
   "div",
   {
     className: "leaderboard-tile-preview",
     "aria-hidden": "true",
     style: { transform: "scale(0.6)", transformOrigin: "top left" },
     children: [
-      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(fe, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ r(ve, { fill: 96 }), value: "98%" }),
-      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(fe, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ r(ve, { fill: 72 }), value: "85%" }),
-      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(fe, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ r(ve, { fill: 48 }), value: "71%" })
+      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(fe, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ r(be, { fill: 96 }), value: "98%" }),
+      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(fe, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ r(be, { fill: 72 }), value: "85%" }),
+      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(fe, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ r(be, { fill: 48 }), value: "71%" })
     ]
   }
 );
-Ca.displayName = "LeaderboardTilePreview";
-const ka = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", xa = (e, t) => {
+Sa.displayName = "LeaderboardTilePreview";
+const Ma = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warning severity" : "Info severity", Ta = (e, t) => {
   const n = e.sourceValue;
   if (typeof n != "number") return !1;
   switch (t.condition) {
@@ -3181,34 +3181,34 @@ const ka = (e) => e === "critical" ? "Critical severity" : e === "warn" ? "Warni
       return !1;
   }
 };
-function Sa({
+function Ra({
   label: e,
   rows: t,
   rule: n,
   rowCount: a,
-  emptyStateLabel: s,
-  ruleSubtitle: i,
+  emptyStateLabel: i,
+  ruleSubtitle: s,
   isStale: o
 }) {
-  const l = t.filter((d) => xa(d, n)), u = l.slice(0, a ?? 3);
-  return l.length === 0 ? /* @__PURE__ */ D(te, { children: [
+  const l = t.filter((d) => Ta(d, n)), u = l.slice(0, a ?? 3);
+  return l.length === 0 ? /* @__PURE__ */ N(te, { children: [
     /* @__PURE__ */ r(
       pe,
       {
         className: "gloss-metric-card__zone-a",
         style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
-        children: /* @__PURE__ */ r(Te, { className: "gloss-metric-card__label", children: e })
+        children: /* @__PURE__ */ r(Re, { className: "gloss-metric-card__label", children: e })
       }
     ),
-    /* @__PURE__ */ r("div", { className: "gloss-exception-list__empty", role: "status", children: s ?? "No exceptions" }),
-    i && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: i })
-  ] }) : /* @__PURE__ */ D(te, { children: [
+    /* @__PURE__ */ r("div", { className: "gloss-exception-list__empty", role: "status", children: i ?? "No exceptions" }),
+    s && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: s })
+  ] }) : /* @__PURE__ */ N(te, { children: [
     /* @__PURE__ */ r(
       pe,
       {
         className: "gloss-metric-card__zone-a",
         style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
-        children: /* @__PURE__ */ r(Te, { className: "gloss-metric-card__label", children: e })
+        children: /* @__PURE__ */ r(Re, { className: "gloss-metric-card__label", children: e })
       }
     ),
     /* @__PURE__ */ r(
@@ -3219,7 +3219,7 @@ function Sa({
         children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: u.map((d, p) => /* @__PURE__ */ r(
           X,
           {
-            lead: /* @__PURE__ */ r(be, { severity: d.severity, "aria-label": ka(d.severity) }),
+            lead: /* @__PURE__ */ r(ve, { severity: d.severity, "aria-label": Ma(d.severity) }),
             name: d.name,
             value: d.value,
             variant: "exception",
@@ -3229,11 +3229,11 @@ function Sa({
         )) })
       }
     ),
-    i && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: i })
+    s && /* @__PURE__ */ r("div", { className: "gloss-exception-list__zone-c", children: s })
   ] });
 }
-Sa.displayName = "ExceptionListCard";
-const Ma = () => /* @__PURE__ */ D(
+Ra.displayName = "ExceptionListCard";
+const Ia = () => /* @__PURE__ */ N(
   "div",
   {
     className: "exception-list-tile-preview",
@@ -3243,7 +3243,7 @@ const Ma = () => /* @__PURE__ */ D(
       /* @__PURE__ */ r(
         X,
         {
-          lead: /* @__PURE__ */ r(be, { severity: "critical", "aria-label": "Critical severity" }),
+          lead: /* @__PURE__ */ r(ve, { severity: "critical", "aria-label": "Critical severity" }),
           name: "SKU A",
           value: "0 on hand"
         }
@@ -3251,7 +3251,7 @@ const Ma = () => /* @__PURE__ */ D(
       /* @__PURE__ */ r(
         X,
         {
-          lead: /* @__PURE__ */ r(be, { severity: "warn", "aria-label": "Warning severity" }),
+          lead: /* @__PURE__ */ r(ve, { severity: "warn", "aria-label": "Warning severity" }),
           name: "SKU B",
           value: "3 units"
         }
@@ -3259,7 +3259,7 @@ const Ma = () => /* @__PURE__ */ D(
       /* @__PURE__ */ r(
         X,
         {
-          lead: /* @__PURE__ */ r(be, { severity: "info", "aria-label": "Info severity" }),
+          lead: /* @__PURE__ */ r(ve, { severity: "info", "aria-label": "Info severity" }),
           name: "SKU C",
           value: "12 days"
         }
@@ -3267,7 +3267,48 @@ const Ma = () => /* @__PURE__ */ D(
     ]
   }
 );
-Ma.displayName = "ExceptionListTilePreview";
+Ia.displayName = "ExceptionListTilePreview";
+const je = ["MTD", "QTD", "YTD", "LYTD", "7D"], Ze = ["$248K", "$612K", "$1.24M", "$980K", "$54K"], qe = [
+  "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"
+], Pa = ({
+  slotCount: e = 3,
+  labels: t = je,
+  sampleValues: n = Ze
+}) => {
+  const a = Array.from({ length: e }, (i, s) => ({
+    label: t[s] ?? je[s] ?? "",
+    value: n[s] ?? Ze[s] ?? "",
+    sparkPath: qe[s % qe.length]
+  }));
+  return e === 1 ? /* @__PURE__ */ r("div", { className: "gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--single", "aria-hidden": "true", children: /* @__PURE__ */ r("div", { className: "gloss-stacked-group-tile-preview__single-value", children: a[0].value }) }) : /* @__PURE__ */ r(
+    "div",
+    {
+      className: `gloss-stacked-group-tile-preview gloss-stacked-group-tile-preview--slots-${e}`,
+      "aria-hidden": "true",
+      children: a.map((i, s) => /* @__PURE__ */ N("div", { className: "gloss-stacked-group-tile-preview__row", children: [
+        /* @__PURE__ */ r("span", { className: "gloss-stacked-group-tile-preview__row-label", children: i.label }),
+        /* @__PURE__ */ r("span", { className: "gloss-stacked-group-tile-preview__row-value", children: i.value }),
+        /* @__PURE__ */ r(
+          "svg",
+          {
+            className: "gloss-stacked-group-tile-preview__row-spark",
+            viewBox: "0 0 40 10",
+            width: "40",
+            height: "10",
+            preserveAspectRatio: "none",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ r("path", { d: i.sparkPath, fill: "none", stroke: "currentColor", strokeWidth: "1" })
+          }
+        )
+      ] }, s))
+    }
+  );
+};
+Pa.displayName = "StackedGroupTilePreview";
 const ne = {
   "gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
   "gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
@@ -3276,33 +3317,33 @@ const ne = {
   "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 Ra({
+function Fa({
   message: e,
   primaryAction: t,
   onDismiss: n,
   anchorEl: a,
-  anchorSelector: s
+  anchorSelector: i
 }) {
-  const [i, o] = H.useState(null), l = H.useMemo(
+  const [s, o] = H.useState(null), l = H.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
   H.useEffect(() => {
-    !a && !s && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
+    !a && !i && (typeof process > "u" || process.env.NODE_ENV !== "production") && console.error(
       "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
     );
-  }, [a, s]), H.useLayoutEffect(() => {
+  }, [a, i]), H.useLayoutEffect(() => {
     let d = null;
-    if (a ? d = a : s && (d = document.querySelector(s)), d) {
+    if (a ? d = a : i && (d = document.querySelector(i)), d) {
       const p = d.getBoundingClientRect();
       o({
         top: p.bottom + window.scrollY + 6,
         left: p.left + window.scrollX
       });
     }
-  }, [a, s]);
-  const u = i ? { top: i.top, left: i.left } : {};
-  return /* @__PURE__ */ D(
+  }, [a, i]);
+  const u = s ? { top: s.top, left: s.left } : {};
+  return /* @__PURE__ */ N(
     "div",
     {
       className: ne["gloss-inline-nudge"],
@@ -3312,7 +3353,7 @@ function Ra({
       "data-reduced-motion": l ? "true" : void 0,
       children: [
         /* @__PURE__ */ r("span", { className: ne["gloss-inline-nudge__message"], children: e }),
-        /* @__PURE__ */ D("div", { className: ne["gloss-inline-nudge__actions"], children: [
+        /* @__PURE__ */ N("div", { className: ne["gloss-inline-nudge__actions"], children: [
           /* @__PURE__ */ r(
             "button",
             {
@@ -3337,129 +3378,129 @@ function Ra({
     }
   );
 }
-Ra.displayName = "InlineNudge";
+Fa.displayName = "InlineNudge";
 function Ee(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
-function Ta(e, t, n) {
+function Ea(e, t, n) {
   if (n <= t) {
     const o = e[0], l = o ? Ee(o) : "#888";
     return `linear-gradient(to right, ${l}, ${l})`;
   }
-  const a = n - t, i = [...e].sort((o, l) => o.value - l.value).map((o) => {
+  const a = n - t, s = [...e].sort((o, l) => o.value - l.value).map((o) => {
     const l = (o.value - t) / a * 100;
     return `${Ee(o)} ${l.toFixed(2)}%`;
   });
-  return i.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : i.length === 1 ? `linear-gradient(to right, ${i[0]}, ${i[0]})` : `linear-gradient(to right, ${i.join(", ")})`;
+  return s.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : s.length === 1 ? `linear-gradient(to right, ${s[0]}, ${s[0]})` : `linear-gradient(to right, ${s.join(", ")})`;
 }
-function Ia(e) {
+function Aa(e) {
   return e.map((t) => `${t.id}:${t.value}`).join("|");
 }
-function Pa({
+function La({
   stops: e,
   onChange: t,
   min: n = 0,
   max: a = 100,
-  step: s,
-  disabled: i = !1
+  step: i,
+  disabled: s = !1
 }) {
-  const o = s === void 0 ? 0.01 : !Number.isFinite(s) || s <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
-    `ThresholdRamp: step (${s}) must be a positive finite number; falling back to 0.01.`
-  ), 0.01) : s, l = w(
+  const o = i === void 0 ? 0.01 : !Number.isFinite(i) || i <= 0 ? (process.env.NODE_ENV !== "production" && console.warn(
+    `ThresholdRamp: step (${i}) must be a positive finite number; falling back to 0.01.`
+  ), 0.01) : i, l = w(
     (c) => Math.round(c / o) * o,
     [o]
-  ), u = R(null), [d, p] = $(null), [f, g] = $(e), m = Ia(e), N = R(m);
-  O(() => {
-    N.current !== m && (N.current = m, !d && g(e));
+  ), u = T(null), [d, p] = $(null), [f, g] = $(e), m = Aa(e), D = T(m);
+  L(() => {
+    D.current !== m && (D.current = m, !d && g(e));
   }, [m, e, d]);
-  const y = ye(() => Ta(f, n, a), [f, n, a]), h = w(
+  const y = ye(() => Ea(f, n, a), [f, n, a]), h = w(
     (c) => {
       if (!u.current) return n;
-      const b = u.current.getBoundingClientRect(), _ = b.width || 1, S = Math.max(0, Math.min(1, (c - b.left) / _)), v = n + S * (a - n);
-      return l(v);
+      const v = u.current.getBoundingClientRect(), _ = v.width || 1, S = Math.max(0, Math.min(1, (c - v.left) / _)), b = n + S * (a - n);
+      return l(b);
     },
     [n, a, l]
   );
-  O(() => {
+  L(() => {
     a <= n && process.env.NODE_ENV !== "production" && console.warn(
       `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
     );
   }, [n, a]);
   const M = w(
-    (c, b) => {
-      const _ = f.find((S) => S.id === b);
-      i || _?.disabled || (c.preventDefault(), p(b));
+    (c, v) => {
+      const _ = f.find((S) => S.id === v);
+      s || _?.disabled || (c.preventDefault(), p(v));
     },
-    [i, f]
-  ), P = R(f);
+    [s, f]
+  ), P = T(f);
   P.current = f;
-  const k = R(t);
-  k.current = t, O(() => {
+  const C = T(t);
+  C.current = t, L(() => {
     if (!d) return;
     const c = (_) => {
       const S = h(_.clientX);
       g(
-        (v) => v.map((x) => x.id === d ? { ...x, value: S } : x)
+        (b) => b.map((x) => x.id === d ? { ...x, value: S } : x)
       );
-    }, b = (_) => {
-      const S = h(_.clientX), v = P.current.map(
+    }, v = (_) => {
+      const S = h(_.clientX), b = P.current.map(
         (x) => x.id === d ? { ...x, value: S } : x
       );
-      g(v), p(null), k.current(v);
+      g(b), p(null), C.current(b);
     };
-    return window.addEventListener("pointermove", c), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b), () => {
-      window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
+    return window.addEventListener("pointermove", c), window.addEventListener("pointerup", v), window.addEventListener("pointercancel", v), () => {
+      window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", v), window.removeEventListener("pointercancel", v);
     };
   }, [d, h]);
-  const T = a - n > 0 ? a - n : 1, I = w(
-    (c, b) => {
-      if (i || b.disabled) return;
+  const R = a - n > 0 ? a - n : 1, I = w(
+    (c, v) => {
+      if (s || v.disabled) return;
       const _ = a - n;
       if (_ <= 0) return;
       const S = c.shiftKey ? _ / 20 : _ / 100;
-      let v = b.value;
+      let b = v.value;
       switch (c.key) {
         case "ArrowRight":
         case "ArrowUp":
-          v = b.value + S;
+          b = v.value + S;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          v = b.value - S;
+          b = v.value - S;
           break;
         case "Home":
-          v = n;
+          b = n;
           break;
         case "End":
-          v = a;
+          b = a;
           break;
         default:
           return;
       }
       c.preventDefault();
-      const x = Math.max(n, Math.min(a, v)), F = l(x);
-      if (F === b.value) return;
+      const x = Math.max(n, Math.min(a, b)), F = l(x);
+      if (F === v.value) return;
       const U = f.map(
-        (q) => q.id === b.id ? { ...q, value: F } : q
+        (q) => q.id === v.id ? { ...q, value: F } : q
       );
       g(U), t(U);
     },
-    [i, n, a, f, t, l]
+    [s, n, a, f, t, l]
   );
-  return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": i || void 0, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": s || void 0, children: /* @__PURE__ */ r(
     "div",
     {
       ref: u,
       className: "gloss-threshold-ramp__track",
       style: { background: y },
       children: f.map((c) => {
-        const b = (c.value - n) / T * 100;
+        const v = (c.value - n) / R * 100;
         return /* @__PURE__ */ r(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
-              left: `${b}%`,
+              left: `${v}%`,
               color: Ee(c)
             },
             "data-disabled": c.disabled || void 0,
@@ -3471,8 +3512,8 @@ function Pa({
             "aria-valuenow": c.value,
             "aria-valuemin": n,
             "aria-valuemax": a,
-            "aria-disabled": c.disabled || i || void 0,
-            tabIndex: c.disabled || i ? -1 : 0
+            "aria-disabled": c.disabled || s || void 0,
+            tabIndex: c.disabled || s ? -1 : 0
           },
           c.id
         );
@@ -3480,15 +3521,15 @@ function Pa({
     }
   ) });
 }
-Pa.displayName = "ThresholdRamp";
-const at = ht(null);
-function Fa() {
-  return ft(at);
+La.displayName = "ThresholdRamp";
+const st = bt(null);
+function Oa() {
+  return yt(st);
 }
-function Ea({ option: e }) {
-  const t = Fa(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, s = w(() => {
+function $a({ option: e }) {
+  const t = Oa(), n = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, i = w(() => {
     a || t?.select(e.value);
-  }, [a, t, e.value]), i = w(
+  }, [a, t, e.value]), s = w(
     (d) => {
       a || t?.onKeyNav(d, e.value);
     },
@@ -3510,119 +3551,119 @@ function Ea({ option: e }) {
       "aria-disabled": a,
       disabled: a,
       tabIndex: u,
-      onClick: s,
-      onKeyDown: i
+      onClick: i,
+      onKeyDown: s
     }
   );
 }
-function Aa({
+function Ba({
   swatches: e,
   value: t,
   defaultValue: n,
   onChange: a,
-  disabled: s = !1,
-  name: i
+  disabled: i = !1,
+  name: s
 }) {
   const o = t !== void 0, [l, u] = $(n), d = o ? t : l, p = w(
-    (k) => {
-      o || u(k), a?.(k);
+    (C) => {
+      o || u(C), a?.(C);
     },
     [o, a]
   ), f = w(
-    (k) => d === k,
+    (C) => d === C,
     [d]
-  ), g = R(/* @__PURE__ */ new Map()), m = w((k, T) => {
-    T ? g.current.set(k, T) : g.current.delete(k);
-  }, []), N = e.filter((k) => !k.disabled && !s), y = N.find((k) => k.value === d)?.value ?? N[0]?.value, h = w((k) => {
-    const T = g.current.get(k);
-    T && T.focus();
+  ), g = T(/* @__PURE__ */ new Map()), m = w((C, R) => {
+    R ? g.current.set(C, R) : g.current.delete(C);
+  }, []), D = e.filter((C) => !C.disabled && !i), y = D.find((C) => C.value === d)?.value ?? D[0]?.value, h = w((C) => {
+    const R = g.current.get(C);
+    R && R.focus();
   }, []), M = w(
-    (k, T) => {
-      if (s) return;
+    (C, R) => {
+      if (i) return;
       const I = e.filter((S) => !S.disabled);
       if (I.length === 0) return;
-      const c = I.findIndex((S) => S.value === T);
+      const c = I.findIndex((S) => S.value === R);
       if (c === -1) return;
-      let b = c;
-      switch (k.key) {
+      let v = c;
+      switch (C.key) {
         case "ArrowRight":
         case "ArrowDown":
-          b = (c + 1) % I.length;
+          v = (c + 1) % I.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          b = (c - 1 + I.length) % I.length;
+          v = (c - 1 + I.length) % I.length;
           break;
         case "Home":
-          b = 0;
+          v = 0;
           break;
         case "End":
-          b = I.length - 1;
+          v = I.length - 1;
           break;
         case " ":
         case "Enter":
-          k.preventDefault(), p(T);
+          C.preventDefault(), p(R);
           return;
         default:
           return;
       }
-      k.preventDefault();
-      const _ = I[b].value;
+      C.preventDefault();
+      const _ = I[v].value;
       h(_), p(_);
     },
-    [s, e, p, h]
+    [i, e, p, h]
   ), P = {
     selectedValue: d,
     select: p,
     isSelected: f,
-    groupDisabled: s,
-    name: i,
+    groupDisabled: i,
+    name: s,
     registerRef: m,
     firstFocusableValue: y,
     onKeyNav: M
   };
-  return /* @__PURE__ */ r(at.Provider, { value: P, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(st.Provider, { value: P, children: /* @__PURE__ */ r(
     "div",
     {
       className: "gloss-preset-swatch-row",
       role: "radiogroup",
-      "aria-label": i,
-      "aria-disabled": s,
-      "data-disabled": s || void 0,
-      children: e.map((k) => /* @__PURE__ */ r(Ea, { option: k }, k.value))
+      "aria-label": s,
+      "aria-disabled": i,
+      "data-disabled": i || void 0,
+      children: e.map((C) => /* @__PURE__ */ r($a, { option: C }, C.value))
     }
   ) });
 }
-Aa.displayName = "PresetSwatchRow";
+Ba.displayName = "PresetSwatchRow";
 function Ae(e, t) {
   for (const n of e)
     if (n.items.some((a) => a.id === t))
       return n.zoneKey;
   return null;
 }
-function je(e, t) {
+function Ye(e, t) {
   const n = e.find((a) => a.zoneKey === t);
   return n ? n.zoneKey : Ae(e, t);
 }
-function Oa(e, t, n) {
-  const a = [...e], [s] = a.splice(t, 1);
-  return a.splice(n, 0, s), a;
+function za(e, t, n) {
+  const a = [...e], [i] = a.splice(t, 1);
+  return a.splice(n, 0, i), a;
 }
-function La(e) {
+function Ka(e) {
   return e.map((t) => `${t.zoneKey}:${t.items.map((n) => n.id).join(",")}`).join("|");
 }
-function $a(e) {
+function Wa(e) {
   const [t, n] = $(
     () => e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
       `useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
     ), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
-  ), [a, s] = $(null), [i, o] = $(null), l = R(null), u = R(e.onZoneChange);
+  ), [a, i] = $(null), [s, o] = $(null), l = T(null), u = T(e.onZoneChange);
   u.current = e.onZoneChange;
   const d = ye(
-    () => La(e.zones),
+    () => Ka(e.zones),
     [e.zones]
-  ), p = R(d);
-  O(() => {
+  ), p = T(d);
+  L(() => {
     p.current !== d && (p.current = d, !a && n(
       e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
         `useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
@@ -3632,15 +3673,15 @@ function $a(e) {
   const f = w(
     (h) => {
       const M = h.active.id;
-      let P = null, k = null;
-      for (const T of t) {
-        const I = T.items.find((c) => c.id === M);
+      let P = null, C = null;
+      for (const R of t) {
+        const I = R.items.find((c) => c.id === M);
         if (I) {
-          P = I, k = T.zoneKey;
+          P = I, C = R.zoneKey;
           break;
         }
       }
-      l.current = k, s(P), o(k);
+      l.current = C, i(P), o(C);
     },
     [t]
   ), g = w(
@@ -3649,54 +3690,54 @@ function $a(e) {
         o(l.current);
         return;
       }
-      const M = je(t, h.over.id);
+      const M = Ye(t, h.over.id);
       o(M);
     },
     [t]
   ), m = w(
     (h) => {
-      const { active: M, over: P } = h, k = () => {
-        l.current = null, s(null), o(null);
+      const { active: M, over: P } = h, C = () => {
+        l.current = null, i(null), o(null);
       };
       if (!P) {
-        k();
+        C();
         return;
       }
-      const T = Ae(t, M.id), I = je(t, P.id);
-      if (!T || !I) {
-        k();
+      const R = Ae(t, M.id), I = Ye(t, P.id);
+      if (!R || !I) {
+        C();
         return;
       }
-      let c = t.map((b) => ({ ...b, items: [...b.items] }));
-      if (T === I) {
-        const b = c.findIndex((F) => F.zoneKey === T), _ = c[b], S = _.items.findIndex((F) => F.id === M.id), v = _.items.findIndex((F) => F.id === P.id), x = v >= 0 ? v : Math.max(0, _.items.length - 1);
-        c[b] = {
+      let c = t.map((v) => ({ ...v, items: [...v.items] }));
+      if (R === I) {
+        const v = c.findIndex((F) => F.zoneKey === R), _ = c[v], S = _.items.findIndex((F) => F.id === M.id), b = _.items.findIndex((F) => F.id === P.id), x = b >= 0 ? b : Math.max(0, _.items.length - 1);
+        c[v] = {
           ..._,
-          items: Oa(_.items, S, x)
+          items: za(_.items, S, x)
         };
       } else {
-        const b = c.findIndex((L) => L.zoneKey === T), _ = c.findIndex((L) => L.zoneKey === I), S = c[b], v = c[_], x = S.items.find((L) => L.id === M.id);
+        const v = c.findIndex((O) => O.zoneKey === R), _ = c.findIndex((O) => O.zoneKey === I), S = c[v], b = c[_], x = S.items.find((O) => O.id === M.id);
         if (!x) {
-          k();
+          C();
           return;
         }
-        const F = S.items.filter((L) => L.id !== M.id), U = v.items.findIndex((L) => L.id === P.id), q = U >= 0 ? U : v.items.length;
-        let j = F, G = [...v.items];
-        if (v.maxItems !== void 0 && G.length >= v.maxItems) {
-          const L = G[G.length - 1];
-          G = G.slice(0, v.maxItems - 1), j = [...F, L];
+        const F = S.items.filter((O) => O.id !== M.id), U = b.items.findIndex((O) => O.id === P.id), q = U >= 0 ? U : b.items.length;
+        let j = F, G = [...b.items];
+        if (b.maxItems !== void 0 && G.length >= b.maxItems) {
+          const O = G[G.length - 1];
+          G = G.slice(0, b.maxItems - 1), j = [...F, O];
         }
         const B = Math.min(q, G.length), Z = [
           ...G.slice(0, B),
           x,
           ...G.slice(B)
         ];
-        c[b] = { ...S, items: j }, c[_] = { ...v, items: Z };
+        c[v] = { ...S, items: j }, c[_] = { ...b, items: Z };
       }
-      n(c), u.current?.(c), k();
+      n(c), u.current?.(c), C();
     },
     [t]
-  ), N = w(
+  ), D = w(
     (h) => ({
       id: h,
       "data-zone-key": h
@@ -3715,17 +3756,17 @@ function $a(e) {
   );
   return {
     zones: t,
-    activeZone: i,
+    activeZone: s,
     activeItem: a,
-    getZoneProps: N,
+    getZoneProps: D,
     getItemProps: y,
     handleDragStart: f,
     handleDragOver: g,
     handleDragEnd: m
   };
 }
-let ge = null, Ne = null, Re = !1;
-const Ba = [
+let ge = null, Ne = null, Te = !1;
+const Ga = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -3734,22 +3775,22 @@ const Ba = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], za = [
+], Va = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function Ka(e, t) {
+function Ha(e, t) {
   const n = [], a = e ?? {};
-  for (const i of Ba)
-    a[i] === void 0 && n.push(`@dnd-kit/core:${i}`);
-  const s = t ?? {};
-  for (const i of za)
-    s[i] === void 0 && n.push(`@dnd-kit/sortable:${i}`);
+  for (const s of Ga)
+    a[s] === void 0 && n.push(`@dnd-kit/core:${s}`);
+  const i = t ?? {};
+  for (const s of Va)
+    i[s] === void 0 && n.push(`@dnd-kit/sortable:${s}`);
   return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
 }
-function Wa() {
-  return ge ? Promise.resolve(ge) : Re ? Promise.resolve(null) : Ne || (Ne = (async () => {
+function Ua() {
+  return ge ? Promise.resolve(ge) : Te ? Promise.resolve(null) : Ne || (Ne = (async () => {
     try {
       const [e, t, n] = await Promise.all([
         import("@dnd-kit/core"),
@@ -3757,57 +3798,57 @@ 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 = Ka(e, t);
+      ]), a = Ha(e, t);
       return a.ok ? (ge = {
         core: e,
         sortable: t,
         utilities: n
-      }, ge) : (Re = !0, process.env.NODE_ENV !== "production" && console.error(
+      }, ge) : (Te = !0, process.env.NODE_ENV !== "production" && console.error(
         `SortableZones: @dnd-kit shape mismatch — missing exports: ${a.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
       ), null);
     } catch {
-      return Re = !0, null;
+      return Te = !0, null;
     }
   })(), Ne);
 }
-function Ga(e) {
-  const { zones: t, onZoneChange: n, renderZone: a, renderItem: s, renderDragOverlay: i } = e, o = $a({ zones: t, onZoneChange: n }), [l, u] = H.useState(ge);
+function ja(e) {
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: i, renderDragOverlay: s } = e, o = Wa({ zones: t, onZoneChange: n }), [l, u] = H.useState(ge);
   return H.useEffect(() => {
     if (l) return;
     let d = !0;
-    return Wa().then((p) => {
+    return Ua().then((p) => {
       d && u(p);
     }), () => {
       d = !1;
     };
   }, [l]), l ? /* @__PURE__ */ r(
-    nt,
+    it,
     {
       state: o,
       modules: l,
       renderZone: a,
-      renderItem: s,
-      renderDragOverlay: i
+      renderItem: i,
+      renderDragOverlay: s
     }
   ) : /* @__PURE__ */ r("div", { "data-sortable-zones-passive": "true", children: o.zones.map((d) => {
-    const p = d.items.map((f) => /* @__PURE__ */ r(H.Fragment, { children: s(f) }, f.id));
+    const p = d.items.map((f) => /* @__PURE__ */ r(H.Fragment, { children: i(f) }, f.id));
     return /* @__PURE__ */ r("div", { ...o.getZoneProps(d.zoneKey), children: a(d.zoneKey, d.items, p) }, d.zoneKey);
   }) });
 }
-Ga.displayName = "SortableZones";
-function nt({
+ja.displayName = "SortableZones";
+function it({
   state: e,
   modules: t,
   renderZone: n,
   renderItem: a,
-  renderDragOverlay: s
+  renderDragOverlay: i
 }) {
-  const { core: i, sortable: o, utilities: l } = t, { DndContext: u, DragOverlay: d, useSensors: p, useSensor: f, useDroppable: g, PointerSensor: m, KeyboardSensor: N, closestCenter: y } = i, { SortableContext: h, verticalListSortingStrategy: M } = o, P = p(
+  const { core: s, sortable: o, utilities: l } = t, { DndContext: u, DragOverlay: d, useSensors: p, useSensor: f, useDroppable: g, PointerSensor: m, KeyboardSensor: D, closestCenter: y } = s, { SortableContext: h, verticalListSortingStrategy: M } = o, P = p(
     f(m, { activationConstraint: { distance: 5 } }),
-    f(N)
-  ), k = u, T = d, I = h;
-  return /* @__PURE__ */ D(
-    k,
+    f(D)
+  ), C = u, R = d, I = h;
+  return /* @__PURE__ */ N(
+    C,
     {
       sensors: P,
       collisionDetection: y,
@@ -3816,8 +3857,8 @@ function nt({
       onDragEnd: e.handleDragEnd,
       children: [
         e.zones.map((c) => {
-          const b = c.items.map((S) => S.id), _ = c.items.map((S) => /* @__PURE__ */ r(
-            rt,
+          const v = c.items.map((S) => S.id), _ = c.items.map((S) => /* @__PURE__ */ r(
+            ot,
             {
               id: S.id,
               useSortable: o.useSortable,
@@ -3827,61 +3868,61 @@ function nt({
             S.id
           ));
           return /* @__PURE__ */ r(
-            st,
+            lt,
             {
               zoneKey: c.zoneKey,
               zoneProps: e.getZoneProps(c.zoneKey),
               useDroppable: g,
-              children: /* @__PURE__ */ r(I, { items: b, strategy: M, children: n(c.zoneKey, c.items, _) })
+              children: /* @__PURE__ */ r(I, { items: v, strategy: M, children: n(c.zoneKey, c.items, _) })
             },
             c.zoneKey
           );
         }),
-        /* @__PURE__ */ r(T, { children: e.activeItem ? s?.(e.activeItem) ?? a(e.activeItem) : null })
+        /* @__PURE__ */ r(R, { children: e.activeItem ? i?.(e.activeItem) ?? a(e.activeItem) : null })
       ]
     }
   );
 }
-nt.displayName = "SortableZonesInner";
-function rt({ id: e, useSortable: t, cssHelper: n, children: a }) {
-  const { attributes: s, listeners: i, setNodeRef: o, transform: l, transition: u, isDragging: d } = t({ id: e }), p = {
+it.displayName = "SortableZonesInner";
+function ot({ id: e, useSortable: t, cssHelper: n, children: a }) {
+  const { attributes: i, listeners: s, setNodeRef: o, transform: l, transition: u, isDragging: d } = t({ id: e }), p = {
     transform: n?.Transform?.toString(l) ?? void 0,
     transition: u,
     opacity: d ? 0.5 : 1
   };
-  return /* @__PURE__ */ r("div", { ref: o, style: p, "data-sortable-item-id": e, ...s, ...i, children: a });
+  return /* @__PURE__ */ r("div", { ref: o, style: p, "data-sortable-item-id": e, ...i, ...s, children: a });
 }
-rt.displayName = "SortableItem";
-function st({
+ot.displayName = "SortableItem";
+function lt({
   zoneKey: e,
   zoneProps: t,
   useDroppable: n,
   children: a
 }) {
-  const { setNodeRef: s, isOver: i } = n({ id: e });
-  return /* @__PURE__ */ r("div", { ref: s, "data-zone-is-over": i || void 0, ...t, children: a });
+  const { setNodeRef: i, isOver: s } = n({ id: e });
+  return /* @__PURE__ */ r("div", { ref: i, "data-zone-is-over": s || void 0, ...t, children: a });
 }
-st.displayName = "ZoneDroppable";
-function gr({
+lt.displayName = "ZoneDroppable";
+function vr({
   slotLeft: e,
   slotCenter: t,
   slotRight: n,
   height: a = 36,
-  className: s,
-  style: i,
+  className: i,
+  style: s,
   "aria-label": o = "Dashboard navigation"
 }) {
   const l = {
     "--gloss-bottom-toolbar-height": `${a}px`,
-    ...i
+    ...s
   };
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ N(
     "div",
     {
       role: "toolbar",
       "aria-label": o,
       "data-testid": "gloss-bottom-toolbar",
-      className: ["gloss-bottom-toolbar", s].filter(Boolean).join(" "),
+      className: ["gloss-bottom-toolbar", i].filter(Boolean).join(" "),
       style: l,
       children: [
         /* @__PURE__ */ r(
@@ -3912,16 +3953,16 @@ function gr({
     }
   );
 }
-function pr({
+function br({
   count: e,
   currentIndex: t,
   onSelect: n,
   "aria-label": a = "Sections",
-  provisionalIndex: s,
-  pulseIndex: i,
+  provisionalIndex: i,
+  pulseIndex: s,
   pulseNonce: o
 }) {
-  const l = mt.useRef([]);
+  const l = ht.useRef([]);
   return l.current.length = e, /* @__PURE__ */ r(
     "div",
     {
@@ -3951,8 +3992,8 @@ function pr({
           type: "button",
           role: "tab",
           "aria-selected": p === t,
-          "aria-label": p === s ? "Unconfirmed section" : `Section ${p + 1}`,
-          "data-state": p === s ? "provisional-hollow" : p === i ? "pulse" : p === t ? "current" : "hollow",
+          "aria-label": p === i ? "Unconfirmed section" : `Section ${p + 1}`,
+          "data-state": p === i ? "provisional-hollow" : p === s ? "pulse" : p === t ? "current" : "hollow",
           "data-section-index": p,
           className: [
             "gloss-section-dots__dot",
@@ -3960,347 +4001,348 @@ function pr({
           ].filter(Boolean).join(" "),
           onClick: () => n(p)
         },
-        p === i ? `${p}-${o ?? 0}` : p
+        p === s ? `${p}-${o ?? 0}` : p
       ))
     }
   );
 }
-const Va = H.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(Oe, { region: "toolbar", density: e, children: t }) });
+const Za = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+  const i = { ...n };
+  return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...i, children: /* @__PURE__ */ r(Le, { region: "toolbar", density: e, children: t }) });
 });
-Va.displayName = "ContainerToolbar";
-const Ha = H.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...s }, i) => {
-  const o = { ...s };
-  return delete o.className, delete o.style, /* @__PURE__ */ D("fieldset", { ref: i, className: "gloss-container-form-section", ...o, children: [
+Za.displayName = "ContainerToolbar";
+const qa = H.forwardRef(({ legend: e, description: t, density: n = "default", children: a, ...i }, s) => {
+  const o = { ...i };
+  return delete o.className, delete o.style, /* @__PURE__ */ N("fieldset", { ref: s, className: "gloss-container-form-section", ...o, children: [
     e && /* @__PURE__ */ r("legend", { className: "gloss-container-form-section__legend", children: e }),
     t && /* @__PURE__ */ r("p", { className: "gloss-container-form-section__description", children: t }),
-    /* @__PURE__ */ r(Oe, { region: "form-section", density: n, children: a })
+    /* @__PURE__ */ r(Le, { region: "form-section", density: n, children: a })
   ] });
 });
-Ha.displayName = "ContainerFormSection";
-const Ua = H.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(Oe, { region: "table", density: e, children: t }) });
+qa.displayName = "ContainerFormSection";
+const Ya = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
+  const i = { ...n };
+  return delete i.className, delete i.style, /* @__PURE__ */ r("div", { ref: a, className: "gloss-container-table", ...i, children: /* @__PURE__ */ r(Le, { region: "table", density: e, children: t }) });
 });
-Ua.displayName = "ContainerTable";
+Ya.displayName = "ContainerTable";
 export {
-  br as Accordion,
-  vr as AccordionContent,
-  yr as AccordionItem,
-  wr as AccordionTrigger,
-  _r as ActionStrip,
-  Nr as Actionable,
-  Dr as AddressGroup,
-  Cr as AddressSelect,
-  kr as AsyncLoader,
-  xr as Autocomplete,
-  Sr as Badge,
-  Mr as BarChartCard,
-  Rr as BarsBg,
-  gr as BottomToolbar,
-  Tr as Button,
-  Ir as ButtonGroup,
-  Pr as ButtonGroupContext,
-  Fr as Card,
-  Er as CardActions,
-  Ar as CardBack,
-  Or as CardBody,
-  Lr as CardFooter,
-  $r as CardHeader,
-  Br as CardMedia,
-  ut as CardShell,
-  zr as CardSubtitle,
-  Kr as CardTitle,
-  dr as CascadePreview,
-  Wr as ChartControlBar,
-  Gr as Checkbox,
-  Vr as CheckboxGroup,
-  Hr as Chip,
-  Ur as ColorPicker,
-  jr as ComparisonCard,
-  Zr as ContactForm,
-  qr as ContainerCard,
-  Yr as ContainerCardActions,
-  Qr as ContainerCardBody,
-  Xr as ContainerCardFooter,
-  Jr as ContainerCardHeader,
-  es as ContainerCardMedia,
-  ts as ContainerCardSubtitle,
-  as as ContainerCardTitle,
-  ns as ContainerDialog,
-  rs as ContainerDialogActions,
-  ss as ContainerDialogBody,
-  is as ContainerDialogHeader,
-  Ha as ContainerFormSection,
-  os as ContainerPanel,
-  Ua as ContainerTable,
-  Va as ContainerToolbar,
-  ls as CreditCardForm,
-  cs as DEFAULT_FOOTER_IDS,
+  _r as Accordion,
+  Nr as AccordionContent,
+  Dr as AccordionItem,
+  kr as AccordionTrigger,
+  Cr as ActionStrip,
+  xr as Actionable,
+  Sr as AddressGroup,
+  Mr as AddressSelect,
+  Tr as AsyncLoader,
+  Rr as Autocomplete,
+  Ir as Badge,
+  Pr as BarChartCard,
+  Fr as BarsBg,
+  vr as BottomToolbar,
+  Er as Button,
+  Ar as ButtonGroup,
+  Lr as ButtonGroupContext,
+  Or as Card,
+  $r as CardActions,
+  Br as CardBack,
+  zr as CardBody,
+  Kr as CardFooter,
+  Wr as CardHeader,
+  Gr as CardMedia,
+  pt as CardShell,
+  Vr as CardSubtitle,
+  Hr as CardTitle,
+  pr as CascadePreview,
+  Ur as ChartControlBar,
+  jr as Checkbox,
+  Zr as CheckboxGroup,
+  qr as Chip,
+  Yr as ColorPicker,
+  Qr as ComparisonCard,
+  Xr as ContactForm,
+  Jr as ContainerCard,
+  es as ContainerCardActions,
+  ts as ContainerCardBody,
+  as as ContainerCardFooter,
+  ns as ContainerCardHeader,
+  rs as ContainerCardMedia,
+  ss as ContainerCardSubtitle,
+  is as ContainerCardTitle,
+  os as ContainerDialog,
+  ls as ContainerDialogActions,
+  cs as ContainerDialogBody,
+  ds as ContainerDialogHeader,
+  qa as ContainerFormSection,
+  us as ContainerPanel,
+  Ya as ContainerTable,
+  Za as ContainerToolbar,
+  ms as CreditCardForm,
+  gs as DEFAULT_FOOTER_IDS,
   se as DEFAULT_GRID_INTERACTION_PHYSICS,
-  $o as DEFAULT_MARKET_PRESETS,
-  ds as DEFAULT_OVERFLOW_IDS,
-  Bo as DEFAULT_PINNED,
-  qe as DEFAULT_RESIZE_PHYSICS,
-  us as DataTable,
-  ms as DatePicker,
-  gs as DateRangePicker,
-  ps as DestructiveModal,
-  ua as DevTuningPanel,
-  hs as DirectionCard,
-  fs as Dismissible,
-  bs as DistributionCard,
-  vs as DonutChart,
-  lr as DragGhost,
-  rr as DropAnchorCell,
-  ys as Dropdown,
-  ha as DualPaceBars,
-  ws as ENTITY_FILTER_KEYS,
-  _s as ENTITY_PROFILE_ROUTES,
-  Ns as ENTITY_TYPE_PLURAL,
-  At as EdgeHoverHandle,
-  or as EmptyCellPackAffordance,
-  Ds as EntityPicker,
+  Wo as DEFAULT_MARKET_PRESETS,
+  ps as DEFAULT_OVERFLOW_IDS,
+  Go as DEFAULT_PINNED,
+  Xe as DEFAULT_RESIZE_PHYSICS,
+  hs as DataTable,
+  fs as DatePicker,
+  vs as DateRangePicker,
+  bs as DestructiveModal,
+  pa as DevTuningPanel,
+  ys as DirectionCard,
+  ws as Dismissible,
+  _s as DistributionCard,
+  Ns as DonutChart,
+  mr as DragGhost,
+  lr as DropAnchorCell,
+  Ds as Dropdown,
+  ba as DualPaceBars,
+  ks as ENTITY_FILTER_KEYS,
+  Cs as ENTITY_PROFILE_ROUTES,
+  xs as ENTITY_TYPE_PLURAL,
+  $t as EdgeHoverHandle,
+  ur as EmptyCellPackAffordance,
+  Ss as EntityPicker,
   X as EntityRow,
-  Cs as EntitySearchPanel,
-  Sa as ExceptionListCard,
-  Ma as ExceptionListTilePreview,
-  ks as Expandable,
-  xs as ExpandableChip,
-  Ss as FLIP_AND_STAGE_TIMINGS,
-  Ms as FileUpload,
-  Rs as FilterChip,
-  Ts as FilterInput,
-  Is as FlipAndStageProvider,
-  Ps as Form,
-  Fs as FormDialog,
-  Es as FormField,
-  As as FusedShape,
-  fa as GapReadout,
-  Ot as GhostPreview,
-  Os as GroupCheckbox,
-  Ls as GroupRadio,
-  Nn as HARD_CLIP,
-  $s as HighlightCard,
-  Bs as HybridDatePicker,
-  zs as ImportWizard,
-  Ra as InlineNudge,
-  Ks as Input,
-  Ws as InputAddon,
-  Gs as InputGroup,
-  Da as LeaderboardCard,
-  Ca as LeaderboardTilePreview,
-  ya as LensChipGroup,
-  Vs as Link,
-  Hs as LoginForm,
-  ve as MagnitudeBar,
-  Us as MarketPresetRow,
-  js as MaskPresets,
-  Zs as MaskedInput,
-  qs as Menu,
-  Ys as MenuDivider,
-  Qs as MenuGroup,
-  Xs as MenuItem,
-  Js as MergePrompt,
-  ei as MetricCard,
-  ti as MetricCardGrid,
-  aa as MetricGroupContainer,
-  ai as MiniCalendar,
-  _a as MoreInLensRail,
-  ni as MultiSelect,
-  ri as NumberInput,
-  si as ObjectArrow,
-  ii as OrderFilterBar,
-  zo as PERIOD_OPTIONS,
-  ur as PaceCard,
-  mr as PaceTilePreview,
-  Vt as PageChip,
-  Ye as PageDropdown,
-  oi as PasswordInput,
-  li as PaymentForm,
-  ci as PaymentMethodSelect,
-  di as PhoneInput,
-  ui as PinToMetric,
-  Aa as PresetSwatchRow,
-  mi as ProfileCard,
-  gi as ProgressCard,
-  pi as QuickConfigPanel,
-  Qt as RECONFIG_BACKSIDE_LABELS,
-  Ko as ROLLING_OPTIONS,
-  hi as Radio,
-  fi as RadioGroup,
-  bi as RangeSlider,
+  Ms as EntitySearchPanel,
+  Ra as ExceptionListCard,
+  Ia as ExceptionListTilePreview,
+  Ts as Expandable,
+  Rs as ExpandableChip,
+  Is as FLIP_AND_STAGE_TIMINGS,
+  Ps as FileUpload,
+  Fs as FilterChip,
+  Es as FilterInput,
+  As as FlipAndStageProvider,
+  Ls as Form,
+  Os as FormDialog,
+  $s as FormField,
+  Bs as FusedShape,
+  ya as GapReadout,
+  Bt as GhostPreview,
+  zs as GroupCheckbox,
+  Ks as GroupRadio,
+  xn as HARD_CLIP,
+  Ws as HighlightCard,
+  Gs as HybridDatePicker,
+  Vs as ImportWizard,
+  Fa as InlineNudge,
+  Hs as Input,
+  Us as InputAddon,
+  js as InputGroup,
+  xa as LeaderboardCard,
+  Sa as LeaderboardTilePreview,
+  Na as LensChipGroup,
+  Zs as Link,
+  qs as LoginForm,
+  be as MagnitudeBar,
+  Ys as MarketPresetRow,
+  Qs as MaskPresets,
+  Xs as MaskedInput,
+  Js as Menu,
+  ei as MenuDivider,
+  ti as MenuGroup,
+  ai as MenuItem,
+  ni as MergePrompt,
+  ri as MetricCard,
+  si as MetricCardGrid,
+  sa as MetricGroupContainer,
+  ii as MiniCalendar,
+  ka as MoreInLensRail,
+  oi as MultiSelect,
+  li as NumberInput,
+  ci as ObjectArrow,
+  di as OrderFilterBar,
+  Vo as PERIOD_OPTIONS,
+  hr as PaceCard,
+  fr as PaceTilePreview,
+  jt as PageChip,
+  Je as PageDropdown,
+  ui as PasswordInput,
+  mi as PaymentForm,
+  gi as PaymentMethodSelect,
+  pi as PhoneInput,
+  hi as PinToMetric,
+  Ba as PresetSwatchRow,
+  fi as ProfileCard,
+  vi as ProgressCard,
+  bi as QuickConfigPanel,
+  ea as RECONFIG_BACKSIDE_LABELS,
+  Ho as ROLLING_OPTIONS,
+  yi as Radio,
+  wi as RadioGroup,
+  _i as RangeSlider,
   fe as RankBadge,
-  tt as RankDelta,
-  vi as Rating,
-  ea as ReconfigBacksideButtons,
-  yi as RegistrationForm,
-  nr as ResizeEnvelope,
-  wi as Row1Controls,
-  _i as Row2FilterTray,
-  Ni as SearchInput,
-  ir as SectionDivider,
-  pr as SectionDots,
-  Di as SegmentCard,
-  Ci as SegmentedControl,
-  ki as Select,
-  xi as Selectable,
-  be as SeverityDot,
-  Si as SimpleMetricCard,
-  Mi as SimpleSelector,
-  Ri as Skeleton,
-  Ti as SkeletonCard,
-  Ii as SkeletonChart,
-  Pi as SkeletonTable,
-  Fi as Slider,
-  cr as SnapOutline,
-  Ei as Sortable,
-  Ga as SortableZones,
-  Ai as SparklineBg,
-  sr as SpilloverArc,
-  Oi as SplitButton,
-  Li as StackedGroupCard,
-  wa as StarterRail,
-  $i as StatusModeCard,
-  Et as StatusSlotChipMenu,
-  Bi as Stepper,
-  Ze as SwingReveal,
-  Wo as TODAY_PRESET,
+  rt as RankDelta,
+  Ni as Rating,
+  na as ReconfigBacksideButtons,
+  Di as RegistrationForm,
+  or as ResizeEnvelope,
+  ki as Row1Controls,
+  Ci as Row2FilterTray,
+  xi as SearchInput,
+  dr as SectionDivider,
+  br as SectionDots,
+  Si as SegmentCard,
+  Mi as SegmentedControl,
+  Ti as Select,
+  Ri as Selectable,
+  ve as SeverityDot,
+  Ii as SimpleMetricCard,
+  Pi as SimpleSelector,
+  Fi as Skeleton,
+  Ei as SkeletonCard,
+  Ai as SkeletonChart,
+  Li as SkeletonTable,
+  Oi as Slider,
+  gr as SnapOutline,
+  $i as Sortable,
+  ja as SortableZones,
+  Bi as SparklineBg,
+  cr as SpilloverArc,
+  zi as SplitButton,
+  Ki as StackedGroupCard,
+  Pa as StackedGroupTilePreview,
+  Da as StarterRail,
+  Wi as StatusModeCard,
+  Ot as StatusSlotChipMenu,
+  Gi as Stepper,
+  Qe as SwingReveal,
+  Uo as TODAY_PRESET,
   re as TUNING_DEFAULTS,
-  et as TUNING_STORAGE_KEY,
-  zi as TabGroup,
-  Ki as TabbedDataView,
-  Wi as TagInput,
-  St as TargetInput,
-  Gi as Textarea,
-  Pa as ThresholdRamp,
-  Vi as TimeFrame,
-  Hi as TimePicker,
-  Ui as Toggle,
-  ji as Tooltip,
-  Zi as Transition,
-  qi as TransitionGroup,
-  Yi as TrendCard,
-  Qi as TrendIndicator,
-  Ao as UIContext,
-  Oe as UIContextProvider,
-  Xi as UnifiedBreakdownTable,
-  Ji as UnifiedContextMenu,
-  Lt as VelocityBuffer,
-  eo as addressGroupMetadata,
-  to as addressSchema,
-  ln as allChips,
-  Mn as allStateFixtures,
-  Sn as allVariantFixtures,
-  mn as blockSamples,
-  ao as buildDefaultOverflow,
-  bn as cardSamples,
-  vn as cascadePhysics,
-  hn as chartSamples,
-  pn as circleSamples,
-  Dn as colorTokens,
-  Yn as compactLayout,
-  Bn as compactState,
-  xn as computeGutterAnchorX,
-  no as contactFormMetadata,
-  ro as contactSchema,
-  zn as contextMenuFixtures,
-  so as creditCardFormMetadata,
-  io as creditCardSchema,
-  Tt as dateChip,
-  Je as defaultControlBarState,
-  oo as destructiveModalMetadata,
-  lo as durations,
-  co as easings,
-  zt as emptyFixture,
-  Mt as entityChip,
-  Zt as entityNameActions,
-  dn as entityTabGroup,
-  Bt as errorFixture,
-  uo as evaluateTintCondition,
-  $n as filteredState,
-  Go as findPreset,
-  Vo as formatDateRange,
-  Ho as formatMarketDates,
-  Uo as formatTrend,
-  jo as formatValue,
-  Xn as fullLayout,
-  Zo as generateMarketId,
-  mo as generateTabId,
-  qo as getAllPresets,
-  Yo as getDateRangeForPreset,
-  go as getMenuActions,
-  Cn as getMotionMode,
-  Qo as getPresetLabel,
-  po as getTransitionStyle,
-  qn as gridCards,
-  ho as interpolate,
-  Xo as isInRange,
-  Jo as isMarketActive,
-  el as isSameDay,
-  Ln as itemColumns,
-  An as itemRows,
-  $t as loadingFixture,
-  fo as loginFormMetadata,
-  bo as loginSchema,
-  It as manufacturerChip,
-  ar as manyTabs,
-  vo as mergeHandlers,
-  yo as mergeRefs,
-  cn as metricTabGroup,
-  er as mixedTabs,
-  tl as normalizePresetId,
-  Yt as numericActions,
-  On as orderColumns,
-  qt as orderIdActions,
-  En as orderRows,
-  Jn as ordersTabs,
-  wo as parseNumericValue,
-  _o as paymentFormMetadata,
-  No as paymentSchema,
-  Do as presets,
-  wn as provisional,
-  _n as reducedMotion,
-  Co as registrationFormMetadata,
-  ko as registrationSchema,
-  yn as rejectionFeedback,
-  Wn as sampleCompareRanges,
-  Hn as sampleCustomMarkets,
-  Kn as sampleDateRange,
-  Un as sampleMarketPresetData,
-  Vn as sampleMarkets,
-  Zn as samplePeriodPresets,
-  Gn as samplePreferences,
-  jn as samplePresets,
-  tr as singleTab,
-  Rn as sparklineFixture,
-  Tn as sparklineUpFixture,
-  Gt as staleDonutFixture,
-  Kt as staleFixture,
-  Wt as staleSparklineFixture,
-  In as standardFixture,
-  Fn as standardFlatFixture,
-  Qn as standardLayout,
-  Pn as standardNegativeFixture,
-  Rt as statusChip,
+  nt as TUNING_STORAGE_KEY,
+  Vi as TabGroup,
+  Hi as TabbedDataView,
+  Ui as TagInput,
+  Rt as TargetInput,
+  ji as Textarea,
+  La as ThresholdRamp,
+  Zi as TimeFrame,
+  qi as TimePicker,
+  Yi as Toggle,
+  Qi as Tooltip,
+  Xi as Transition,
+  Ji as TransitionGroup,
+  eo as TrendCard,
+  to as TrendIndicator,
+  Bo as UIContext,
+  Le as UIContextProvider,
+  ao as UnifiedBreakdownTable,
+  no as UnifiedContextMenu,
+  zt as VelocityBuffer,
+  ro as addressGroupMetadata,
+  so as addressSchema,
+  mn as allChips,
+  Pn as allStateFixtures,
+  In as allVariantFixtures,
+  fn as blockSamples,
+  io as buildDefaultOverflow,
+  _n as cardSamples,
+  Nn as cascadePhysics,
+  yn as chartSamples,
+  bn as circleSamples,
+  Sn as colorTokens,
+  er as compactLayout,
+  Gn as compactState,
+  Rn as computeGutterAnchorX,
+  oo as contactFormMetadata,
+  lo as contactSchema,
+  Vn as contextMenuFixtures,
+  co as creditCardFormMetadata,
+  uo as creditCardSchema,
+  Ft as dateChip,
+  at as defaultControlBarState,
+  mo as destructiveModalMetadata,
+  go as durations,
+  po as easings,
+  Gt as emptyFixture,
+  It as entityChip,
+  Qt as entityNameActions,
+  pn as entityTabGroup,
+  Wt as errorFixture,
+  ho as evaluateTintCondition,
+  Wn as filteredState,
+  jo as findPreset,
+  Zo as formatDateRange,
+  qo as formatMarketDates,
+  Yo as formatTrend,
+  Qo as formatValue,
+  ar as fullLayout,
+  Xo as generateMarketId,
+  fo as generateTabId,
+  Jo as getAllPresets,
+  el as getDateRangeForPreset,
+  vo as getMenuActions,
+  Mn as getMotionMode,
+  tl as getPresetLabel,
+  bo as getTransitionStyle,
+  Jn as gridCards,
+  yo as interpolate,
+  al as isInRange,
+  nl as isMarketActive,
+  rl as isSameDay,
+  Kn as itemColumns,
+  Bn as itemRows,
+  Kt as loadingFixture,
+  wo as loginFormMetadata,
+  _o as loginSchema,
+  Et as manufacturerChip,
+  ir as manyTabs,
+  No as mergeHandlers,
+  Do as mergeRefs,
+  gn as metricTabGroup,
+  rr as mixedTabs,
+  sl as normalizePresetId,
+  Jt as numericActions,
+  zn as orderColumns,
+  Xt as orderIdActions,
+  $n as orderRows,
+  nr as ordersTabs,
+  ko as parseNumericValue,
+  Co as paymentFormMetadata,
+  xo as paymentSchema,
+  So as presets,
+  kn as provisional,
+  Cn as reducedMotion,
+  Mo as registrationFormMetadata,
+  To as registrationSchema,
+  Dn as rejectionFeedback,
+  Un as sampleCompareRanges,
+  qn as sampleCustomMarkets,
+  Hn as sampleDateRange,
+  Yn as sampleMarketPresetData,
+  Zn as sampleMarkets,
+  Xn as samplePeriodPresets,
+  jn as samplePreferences,
+  Qn as samplePresets,
+  sr as singleTab,
+  Fn as sparklineFixture,
+  En as sparklineUpFixture,
+  Ut as staleDonutFixture,
+  Vt as staleFixture,
+  Ht as staleSparklineFixture,
+  An as standardFixture,
+  On as standardFlatFixture,
+  tr as standardLayout,
+  Ln as standardNegativeFixture,
+  Pt as statusChip,
   me as swingReveal,
-  fn as tableSamples,
-  gn as textSamples,
-  un as timeFrameTabGroup,
-  al as toUppercasePresetId,
-  on as useArrowNavigation,
-  xo as useCheckboxGroupContext,
-  kn as useEdgeHoverResize,
-  So as useFilterLayout,
-  Mo as useFlipAndStage,
-  Ro as useFlipAndStageContext,
-  To as useFlipAndStageContextOptional,
-  sn as useFocusReturn,
-  Io as useFocusTrap,
-  Po as useFormContext,
-  Fo as useRadioGroupContext,
-  sa as useResizeTuning,
-  $a as useSortableZones,
-  Oo as useUIContext
+  wn as tableSamples,
+  vn as textSamples,
+  hn as timeFrameTabGroup,
+  il as toUppercasePresetId,
+  un as useArrowNavigation,
+  Ro as useCheckboxGroupContext,
+  Tn as useEdgeHoverResize,
+  Io as useFilterLayout,
+  Po as useFlipAndStage,
+  Fo as useFlipAndStageContext,
+  Eo as useFlipAndStageContextOptional,
+  dn as useFocusReturn,
+  Ao as useFocusTrap,
+  Lo as useFormContext,
+  Oo as useRadioGroupContext,
+  la as useResizeTuning,
+  Wa as useSortableZones,
+  zo as useUIContext
 };