@mt-gloss/ui 0.1.27 → 0.1.28

package/index.js

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