@mt-gloss/ui 0.1.29 → 0.1.31

package/index.js

@@ -1,13 +1,13 @@
-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 { C as ut } from "./Expandable-BKqvjtRQ.js";
+import { O as br, U as vr, Q as yr, T as wr, a4 as _r, b7 as Nr, aA as Dr, ai as Cr, _ as kr, ao as xr, L as Sr, a9 as Mr, bn as Rr, P as Tr, B as Ir, a as Pr, z as Fr, J as Er, bi as Ar, H as Or, K as Lr, D as $r, A as Br, F as zr, E as Kr, bx as Wr, b as Gr, c as Vr, N as Hr, p as Ur, ae as jr, aO as Zr, z as qr, J as Yr, H as Qr, K as Xr, D as Jr, A as es, F as ts, E as as, b0 as ns, b3 as rs, b2 as ss, b1 as is, b4 as os, aD as ls, a6 as cs, a5 as ds, ar as us, l as ms, n as gs, aG as ps, ac as hs, b9 as fs, aa as bs, bo as vs, Z as ys, bH as ws, bG as _s, bI as Ns, aq as Ds, aR as Cs, bb as ks, bM as xs, bv as Ss, o as Ms, an as Rs, bB as Ts, bs as Is, a1 as Ps, as as Fs, a3 as Es, bA as As, G as Os, e as Ls, ab as $s, bJ as Bs, aU as zs, s as Ks, w as Ws, I as Gs, h as Vs, ax as Hs, bN as Us, M as js, x as Zs, V as qs, Y as Ys, W as Qs, X as Xs, at as Js, bh as ei, bP as ti, bL as ai, ap as ni, v as ri, bp as si, aT as ii, ak as oi, aL as li, ah as ci, am as di, av as ui, aS as mi, ad as gi, au as pi, d as hi, R as fi, k as bi, q as vi, aI as yi, by as wi, bz as _i, aj as Ni, af as Di, i as Ci, y as ki, b8 as xi, ag as Si, bO as Mi, bd as Ri, bg as Ti, be as Ii, bf as Pi, j as Fi, ba as Ei, bm as Ai, S as Oi, bk as Li, bl as $i, aw as Bi, bc as zi, bQ as Ki, al as Wi, t as Gi, bK as Vi, m as Hi, g as Ui, r as ji, $ as Zi, a0 as qi, a8 as Yi, bj as Qi, bw as Xi, bD as Ji, aB as eo, aC as to, a7 as ao, aP as no, aQ as ro, aE as so, aF as io, aH as oo, aW as lo, aX as co, bq as uo, bF as mo, bE as go, aZ as po, a_ as ho, ay as fo, az as bo, b6 as vo, b5 as yo, a$ as wo, aM as _o, aN as No, aY as Do, aJ as Co, aK as ko, u as xo, bC as So, br as Mo, bt as Ro, bu as To, aV as Io, a2 as Po, f as Fo } from "./Expandable-BKqvjtRQ.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 * as mt from "react";
+import H, { useRef as R, useEffect as O, useState as $, useCallback as w, useId as gt, forwardRef as pt, useMemo as ye, createContext as ht, useContext as ft } from "react";
+import { motion as De, useMotionValue as bt, animate as We, useDragControls as vt } from "framer-motion";
 import { B as yt, a as pe, b as Te, U as Oe } from "./UIContext-CDdyubSF.js";
-import { c as Eo, u as Ao } from "./UIContext-CDdyubSF.js";
+import { c as Ao, u as Oo } from "./UIContext-CDdyubSF.js";
 import { createPortal as wt } from "react-dom";
-import { DEFAULT_MARKET_PRESETS as 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 { DEFAULT_MARKET_PRESETS as $o, DEFAULT_PINNED as Bo, PERIOD_OPTIONS as zo, ROLLING_OPTIONS as Ko, TODAY_PRESET as Wo, findPreset as Go, formatDateRange as Vo, formatMarketDates as Ho, formatTrend as Uo, formatValue as jo, generateMarketId as Zo, getAllPresets as qo, getDateRangeForPreset as Yo, getPresetLabel as Qo, isInRange as Xo, isMarketActive as Jo, isSameDay as el, normalizePresetId as tl, toUppercasePresetId as al } from "@mt-gloss/utils";
 import _t from "@mui/icons-material/AccessTime";
 import Nt from "@mui/icons-material/Tune";
 import Dt from "@mui/icons-material/ViewColumn";
@@ -15,10 +15,10 @@ 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(() => {
+  const { enabled: t = !0, returnTo: n } = e, a = R(null);
+  return O(() => {
     t && (a.current = n || document.activeElement);
-  }, [t, n]), L(() => () => {
+  }, [t, n]), O(() => () => {
     t && a.current && setTimeout(() => {
       a.current?.focus?.();
     }, 0);
@@ -33,65 +33,65 @@ function on(e) {
     orientation: i = "vertical",
     enabled: o = !0,
     isItemDisabled: l,
-    onSelect: m,
+    onSelect: u,
     onEscape: d
-  } = e, [g, f] = $(-1), u = n !== void 0 ? n : g, p = w(
+  } = e, [p, f] = $(-1), g = n !== void 0 ? n : p, m = w(
     (c) => {
       n === void 0 && f(c), a?.(c);
     },
     [n, a]
-  ), 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) => {
+  ), N = w(() => t.map((c, b) => ({ item: c, index: b })).filter(({ item: c, index: b }) => !l?.(c, b)).map(({ index: c }) => c), [t, l]), y = w(
+    (c, b) => {
       const _ = N();
       if (_.length === 0) return -1;
       const S = _.indexOf(c);
       if (S === -1)
-        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];
+        return b === 1 ? _.find((x) => x > c) ?? (s ? _[0] : -1) : [..._].reverse().find((F) => F < c) ?? (s ? _[_.length - 1] : -1);
+      let v = S + b;
+      return s ? v = (v + _.length) % _.length : v = Math.max(0, Math.min(_.length - 1, v)), _[v];
     },
     [N, s]
   ), h = w(() => {
     const c = N();
-    c.length > 0 && p(c[0]);
-  }, [N, p]), R = w(() => {
+    c.length > 0 && m(c[0]);
+  }, [N, m]), M = 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.length > 0 && m(c[c.length - 1]);
+  }, [N, m]), P = w(() => {
+    const c = y(g, 1);
+    c !== -1 && m(c);
+  }, [g, y, m]), k = w(() => {
+    const c = y(g, -1);
+    c !== -1 && m(c);
+  }, [g, y, m]), T = w(() => {
+    m(-1);
+  }, [m]), I = w(
     (c) => {
       if (!o) return;
-      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();
+      const { key: b } = c, _ = b === "ArrowUp" && (i === "vertical" || i === "both"), S = b === "ArrowDown" && (i === "vertical" || i === "both"), v = b === "ArrowLeft" && (i === "horizontal" || i === "both"), x = b === "ArrowRight" && (i === "horizontal" || i === "both");
+      if (_ || v) {
+        c.preventDefault(), g === -1 ? M() : k();
         return;
       }
       if (S || x) {
-        c.preventDefault(), u === -1 ? h() : P();
+        c.preventDefault(), g === -1 ? h() : P();
         return;
       }
-      if (v === "Home") {
+      if (b === "Home") {
         c.preventDefault(), h();
         return;
       }
-      if (v === "End") {
-        c.preventDefault(), R();
+      if (b === "End") {
+        c.preventDefault(), M();
         return;
       }
-      if ((v === "Enter" || v === " ") && u >= 0 && u < t.length) {
+      if ((b === "Enter" || b === " ") && g >= 0 && g < t.length) {
         c.preventDefault();
-        const F = t[u];
-        l?.(F, u) || m?.(F, u);
+        const F = t[g];
+        l?.(F, g) || u?.(F, g);
         return;
       }
-      if (v === "Escape") {
+      if (b === "Escape") {
         d?.();
         return;
       }
@@ -99,23 +99,23 @@ function on(e) {
     [
       o,
       i,
-      u,
+      g,
       t,
       h,
-      R,
+      M,
       P,
       k,
       l,
-      m,
+      u,
       d
     ]
   );
   return {
-    focusedIndex: u,
-    setFocusedIndex: p,
+    focusedIndex: g,
+    setFocusedIndex: m,
     handleKeyDown: I,
     focusFirst: h,
-    focusLast: R,
+    focusLast: M,
     focusNext: P,
     focusPrevious: k,
     resetFocus: T
@@ -129,38 +129,38 @@ const St = ({
   onSkip: s,
   hint: i
 }) => {
-  const [o, l] = $(n != null ? String(n) : ""), m = () => {
-    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;
+  const [o, l] = $(n != null ? String(n) : ""), u = () => {
+    const m = parseFloat(o);
+    Number.isNaN(m) || a(m);
+  }, d = (m) => {
+    m.key === "Enter" ? (m.preventDefault(), u()) : m.key === "Escape" && (m.preventDefault(), s?.());
+  }, p = gt(), f = `gloss-target-input-field-${p}`, g = i ? `gloss-target-input-hint-${p}` : void 0;
   return /* @__PURE__ */ D("div", { className: "gloss-target-input", children: [
-    /* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: g, children: e }),
+    /* @__PURE__ */ r("label", { className: "gloss-target-input__label", htmlFor: f, children: e }),
     /* @__PURE__ */ D("div", { className: "gloss-target-input__field-row", children: [
       /* @__PURE__ */ r(
         "input",
         {
-          id: g,
+          id: f,
           type: "number",
           className: "gloss-target-input__field",
           value: o,
-          onChange: (u) => l(u.target.value),
+          onChange: (m) => l(m.target.value),
           onKeyDown: d,
-          "aria-describedby": f,
+          "aria-describedby": g,
           autoFocus: !0
         }
       ),
       t && /* @__PURE__ */ r("span", { className: "gloss-target-input__unit", children: t })
     ] }),
-    i && /* @__PURE__ */ r("p", { id: f, className: "gloss-target-input__hint", children: i }),
+    i && /* @__PURE__ */ r("p", { id: g, className: "gloss-target-input__hint", children: i }),
     /* @__PURE__ */ D("div", { className: "gloss-target-input__actions", children: [
       /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           className: "gloss-target-input__confirm",
-          onClick: m,
+          onClick: u,
           children: "Confirm"
         }
       ),
@@ -176,13 +176,13 @@ const St = ({
     ] })
   ] });
 }, Ce = (e) => {
-}, Rt = {
+}, Mt = {
   id: "entity-filter-1",
   label: "Customer: Acme Corp",
   field: "customer",
   value: "acme-corp-123",
   onRemove: Ce
-}, Mt = {
+}, Rt = {
   id: "status-filter-1",
   label: "Status: Open",
   field: "status",
@@ -201,8 +201,8 @@ const St = ({
   value: "widget-co-456",
   onRemove: Ce
 }, ln = [
-  Rt,
   Mt,
+  Rt,
   Tt,
   It
 ], cn = {
@@ -246,7 +246,7 @@ const St = ({
 ], fn = [
   { rows: 5, columns: 3, hasCheckbox: !1, rowHeight: 44 },
   { rows: 8, columns: 5, hasCheckbox: !0, rowHeight: 44 }
-], vn = [
+], bn = [
   { variant: "value", colSpan: 1 },
   { variant: "trend", colSpan: 2 },
   { variant: "target", colSpan: 1 }
@@ -294,44 +294,44 @@ function Et({
   overflowActions: i,
   onClose: o
 }) {
-  const [l, m] = $(null), d = M(null), g = w(() => {
+  const [l, u] = $(null), d = R(null), p = w(() => {
     if (!t) return { ...Ge, top: 0, left: 0 };
-    const p = t.getBoundingClientRect();
+    const m = t.getBoundingClientRect();
     return {
       ...Ge,
-      top: p.bottom + 4,
-      left: p.left
+      top: m.bottom + 4,
+      left: m.left
     };
   }, [t]);
-  if (L(() => {
+  if (O(() => {
     if (!e) return;
-    const p = (N) => {
+    const m = (N) => {
       N.key === "Escape" && o();
     };
-    return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
-  }, [e, o]), L(() => {
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+  }, [e, o]), O(() => {
     if (!e) return;
-    const p = (N) => {
+    const m = (N) => {
       d.current && !d.current.contains(N.target) && o();
     };
-    return document.addEventListener("pointerdown", p, !0), () => document.removeEventListener("pointerdown", p, !0);
+    return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
   }, [e, o]), !e) return null;
-  const f = i && i.length > 0, u = /* @__PURE__ */ D(
+  const f = i && i.length > 0, g = /* @__PURE__ */ D(
     "div",
     {
       ref: d,
       "data-status-chip-menu": n,
       role: "menu",
       "aria-label": "Status actions",
-      style: g(),
+      style: p(),
       children: [
         /* @__PURE__ */ r(
           "button",
           {
             role: "menuitem",
             style: Pt(l === "__primary"),
-            onMouseEnter: () => m("__primary"),
-            onMouseLeave: () => m(null),
+            onMouseEnter: () => u("__primary"),
+            onMouseLeave: () => u(null),
             onClick: () => {
               a(n), o();
             },
@@ -343,8 +343,8 @@ function Et({
           {
             role: "menuitem",
             style: Ie(l === "__graph"),
-            onMouseEnter: () => m("__graph"),
-            onMouseLeave: () => m(null),
+            onMouseEnter: () => u("__graph"),
+            onMouseLeave: () => u(null),
             onClick: () => {
               s(n), o();
             },
@@ -352,27 +352,27 @@ function Et({
           }
         ),
         f && /* @__PURE__ */ r("div", { style: Ft }),
-        f && i?.map((p) => /* @__PURE__ */ r(
+        f && i?.map((m) => /* @__PURE__ */ r(
           "button",
           {
             role: "menuitem",
-            style: Ie(l === p.id),
-            onMouseEnter: () => m(p.id),
-            onMouseLeave: () => m(null),
+            style: Ie(l === m.id),
+            onMouseEnter: () => u(m.id),
+            onMouseLeave: () => u(null),
             onClick: () => {
-              p.onSelect(n), o();
+              m.onSelect(n), o();
             },
-            children: p.label
+            children: m.label
           },
-          p.id
+          m.id
         ))
       ]
     }
   );
-  return wt(u, document.body);
+  return wt(g, document.body);
 }
 Et.displayName = "StatusSlotChipMenu";
-const bn = {
+const vn = {
   forwardStaggerMs: 50,
   reverseStaggerMs: 30,
   springStiffness: 380,
@@ -445,14 +445,14 @@ const Ze = ({ visible: e, variant: t, trigger: n, children: a, className: s }) =
     }
   );
 }, 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) => {
+  function({ state: t, onPointerDown: n, onPointerUp: a, onPointerEnter: s, onPointerLeave: i, onKeyboardStep: o, onLostPointerCapture: l, edge: u = "right", ariaLabel: d = "Resize card" }, p) {
+    const f = t === "handle-visible" || t === "dragging" || t === "settling", g = (y) => {
       try {
         y.currentTarget.setPointerCapture(y.pointerId);
       } catch {
       }
       n(y);
-    }, p = (y) => {
+    }, m = (y) => {
       try {
         y.currentTarget.hasPointerCapture?.(y.pointerId) && y.currentTarget.releasePointerCapture(y.pointerId);
       } catch {
@@ -464,18 +464,18 @@ const Ze = ({ visible: e, variant: t, trigger: n, children: a, className: s }) =
     return /* @__PURE__ */ r(Ze, { visible: f, variant: "handle", trigger: "hover", children: /* @__PURE__ */ r(
       "button",
       {
-        ref: g,
+        ref: p,
         type: "button",
         "aria-label": d,
-        "data-edge": m,
+        "data-edge": u,
         "data-resize-state": t,
         className: [
           "gloss-edge-handle",
-          `gloss-edge-handle--${m}`,
+          `gloss-edge-handle--${u}`,
           f ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
-        onPointerDown: u,
-        onPointerUp: p,
+        onPointerDown: g,
+        onPointerUp: m,
         onPointerEnter: s,
         onPointerLeave: i,
         onLostPointerCapture: l,
@@ -549,8 +549,8 @@ class Lt {
     const t = this.samples.length;
     if (t < 2) return 0;
     if (t === 2) {
-      const [m, d] = this.samples, g = Math.max(1, d.t - m.t);
-      return (d.x - m.x) / g * 1e3;
+      const [u, d] = this.samples, p = Math.max(1, d.t - u.t);
+      return (d.x - u.x) / p * 1e3;
     }
     const [n, a, s] = this.samples, i = (s.x - a.x) / Math.max(1, s.t - a.t) * 1e3, o = (a.x - n.x) / Math.max(1, a.t - n.t) * 1e3, l = o;
     return (i * 3 + o * 2 + l * 1) / 6;
@@ -585,18 +585,18 @@ function kn({
   gap: i = 0,
   tuning: o,
   dwellMs: l = 60,
-  graceExitMs: m = 150,
+  graceExitMs: u = 150,
   enterMs: d = 180,
-  exitMs: g = 120,
+  exitMs: p = 120,
   maxColSpan: f = 3,
-  containerRef: u,
-  forceIdle: p
+  containerRef: g,
+  forceIdle: m
 }) {
-  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(() => {
-    b.current = N;
+  const [N, y] = $("idle"), [h, M] = $(e), P = R(null), k = R(null), T = R(null), I = R(null), c = R(s), b = R(i), _ = R(f), S = R(0), v = R("idle");
+  O(() => {
+    v.current = N;
   }, [N]);
-  const x = vt(0), F = M(null), U = w(() => {
+  const x = bt(0), F = R(null), U = w(() => {
     const C = F.current;
     if (C) {
       try {
@@ -607,33 +607,33 @@ function kn({
     }
   }, []), q = w(
     (C) => {
-      const E = c.current, A = v.current;
+      const E = c.current, A = b.current;
       return C * E + (C - 1) * A;
     },
     []
-  ), j = M(new Lt()), G = M(e);
-  L(() => {
+  ), j = R(new Lt()), G = R(e);
+  O(() => {
     G.current = h;
   }, [h]);
   const B = ye(() => ({ ...qe, ...o ?? {} }), [o]), Z = w(() => {
     P.current && (clearTimeout(P.current), P.current = null);
-  }, []), O = w(() => {
+  }, []), L = w(() => {
     k.current && (clearTimeout(k.current), k.current = null);
   }, []), J = w(() => {
     T.current && (clearTimeout(T.current), T.current = null);
   }, []);
-  L(() => {
-    p && (b.current === "dragging" || b.current === "settling" || (Z(), O(), J(), b.current = "idle", y("idle")));
-  }, [p, Z, O, J]);
+  O(() => {
+    m && (v.current === "dragging" || v.current === "settling" || (Z(), L(), J(), v.current = "idle", y("idle")));
+  }, [m, Z, L, J]);
   const Le = w(() => {
-    O(), y((C) => C === "settling" || C !== "idle" ? C : (P.current = setTimeout(() => y("handle-visible"), l), "dwelling"));
-  }, [l, O]), $e = w(() => {
+    L(), y((C) => C === "settling" || C !== "idle" ? C : (P.current = setTimeout(() => y("handle-visible"), l), "dwelling"));
+  }, [l, L]), $e = w(() => {
     Z();
-    const C = b.current;
+    const C = v.current;
     C !== "dwelling" && C !== "handle-visible" || (k.current = setTimeout(() => {
-      b.current = "idle", y("idle");
-    }, m));
-  }, [Z, m]), oe = w(
+      v.current = "idle", y("idle");
+    }, u));
+  }, [Z, u]), oe = w(
     (C, E, A) => {
       const z = c.current, ee = z * B.snapInFraction, Y = z * B.snapOutFraction, K = E - A, V = Math.max(
         A,
@@ -656,38 +656,38 @@ function kn({
     [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;
+      if (v.current !== "handle-visible") return;
+      U(), I.current = C.clientX, c.current = s, b.current = i, _.current = f;
       const E = e * s + (e - 1) * i;
-      S.current = E, j.current.clear(), j.current.push({ x: C.clientX, t: performance.now() }), x.jump(E), b.current = "dragging", y("dragging");
+      S.current = E, j.current.clear(), j.current.push({ x: C.clientX, t: performance.now() }), x.jump(E), v.current = "dragging", y("dragging");
     },
     [s, i, f, e, x, U]
   ), Be = w(
-    (C) => C * c.current + (C - 1) * v.current,
+    (C) => C * c.current + (C - 1) * b.current,
     []
   ), 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), z && E ? n({ direction: E, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : z || a?.(), x.jump(0), b.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), v.current = "idle", y("idle");
         return;
       }
       const Y = j.current.getWeightedVelocity() * B.velocityMultiplier;
-      b.current = "settling", y("settling"), U(), F.current = We(x, A, {
+      v.current = "settling", y("settling"), U(), F.current = We(x, A, {
         type: "spring",
         stiffness: B.stiffness,
         damping: B.damping,
         mass: B.mass,
         velocity: Y,
         onComplete: () => {
-          F.current = null, z && E ? n({ direction: E, targetColSpan: C, mode: t ? "slot-fill" : "sparkline-fidelity" }) : z || a?.(), x.jump(0), b.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), v.current = "idle", y("idle");
         }
       });
     },
     [Be, e, t, n, a, x, B, U]
   ), ot = w(
     (C) => {
-      if (b.current !== "dragging") return;
+      if (v.current !== "dragging") return;
       const E = C.clientX - (I.current ?? C.clientX), A = c.current, ee = ((_.current ?? f) - e) * A, Y = (1 - e) * A, K = Math.max(Y, Math.min(ee, E));
       j.current.push({ x: C.clientX, t: performance.now() });
       const V = oe(K, G.current, e), W = V > e ? "grow" : V < e ? "shrink" : null;
@@ -695,36 +695,36 @@ function kn({
     },
     [oe, e, f, ie]
   ), le = w(() => {
-    if (Z(), b.current === "dragging") {
+    if (Z(), v.current === "dragging") {
       const C = S.current;
       if (typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-        x.jump(C), a?.(), x.jump(0), b.current = "idle", y("idle");
+        x.jump(C), a?.(), x.jump(0), v.current = "idle", y("idle");
         return;
       }
       const A = j.current.getWeightedVelocity();
-      b.current = "settling", y("settling"), U(), F.current = We(x, C, {
+      v.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), b.current = "idle", y("idle");
+          F.current = null, a?.(), x.jump(0), v.current = "idle", y("idle");
         }
       });
       return;
     }
-    b.current === "handle-visible" && (a?.(), b.current = "cancelled", y("cancelled"));
+    v.current === "handle-visible" && (a?.(), v.current = "cancelled", y("cancelled"));
   }, [Z, x, a, B, U]);
-  L(() => {
+  O(() => {
     if (N !== "dragging" && N !== "handle-visible") return;
     const C = (E) => {
       E.key === "Escape" && le();
     };
     return window.addEventListener("keydown", C), () => window.removeEventListener("keydown", C);
-  }, [N, le]), L(() => {
+  }, [N, le]), O(() => {
     if (N !== "dragging") {
-      R(e);
+      M(e);
       return;
     }
     const C = (K) => {
@@ -733,9 +733,9 @@ function kn({
       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));
+      ue !== G.current && (G.current = ue, M(ue));
     }, E = (K, V) => {
-      if (b.current === "dragging")
+      if (v.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() });
@@ -749,31 +749,31 @@ function kn({
     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);
     };
-  }, [N, e, x, oe, f, q, le, ie]), L(() => () => {
-    Z(), O(), J();
-  }, [Z, O, J]), L(() => {
+  }, [N, e, x, oe, f, q, le, ie]), O(() => () => {
+    Z(), L(), J();
+  }, [Z, L, J]), O(() => {
     if (N !== "cancelled") return;
-    const C = setTimeout(() => y("idle"), g);
+    const C = setTimeout(() => y("idle"), p);
     return () => clearTimeout(C);
-  }, [N, g]);
+  }, [N, p]);
   const lt = w(
     (C) => {
-      if (b.current === "settling") return;
+      if (v.current === "settling") return;
       const A = Math.min(f, Math.max(1, e + (C === "grow" ? 1 : -1)));
       if (A === e) return;
-      c.current = s, v.current = i, _.current = f, j.current.clear();
+      c.current = s, b.current = i, _.current = f, j.current.clear();
       const z = e * s + (e - 1) * i;
       S.current = z, x.jump(z), ie(A, C);
     },
     [e, s, i, f, x, ie]
   ), ze = w(() => {
     J(), T.current = setTimeout(() => {
-      b.current === "handle-visible" && (b.current = "idle", y("idle"));
+      v.current === "handle-visible" && (v.current = "idle", y("idle"));
     }, 5e3);
   }, [J]), ct = w(() => {
-    b.current === "idle" && (Z(), b.current = "handle-visible", y("handle-visible"), ze());
+    v.current === "idle" && (Z(), v.current = "handle-visible", y("handle-visible"), ze());
   }, [Z, ze]), dt = w(() => {
-    J(), b.current === "handle-visible" && (b.current = "idle", y("idle"));
+    J(), v.current === "handle-visible" && (v.current = "idle", y("idle"));
   }, [J]);
   return {
     state: N,
@@ -793,7 +793,7 @@ function kn({
       targetColSpan: h,
       ghostWidth: x,
       enterMs: d,
-      exitMs: g
+      exitMs: p
     },
     onKeyboardStep: lt,
     onTouchReveal: ct,
@@ -1010,14 +1010,14 @@ const Sn = [
   donutMax: 100,
   accentColor: "#10b981",
   isStale: !0
-}, Rn = [
+}, Mn = [
   $t,
   Bt,
   zt,
   Kt,
   Wt,
   Gt
-], Mn = {
+], Rn = {
   variant: "sparkline",
   label: "Daily Orders",
   value: 847,
@@ -1111,17 +1111,17 @@ function Ye({
   onCreatePage: o,
   onManagePages: l
 }) {
-  const m = w(
-    (u) => {
-      i(u), t();
+  const u = w(
+    (g) => {
+      i(g), t();
     },
     [i, t]
   ), d = w(
-    (u, p) => {
-      (p.key === "Enter" || p.key === " ") && (p.preventDefault(), m(u));
+    (g, m) => {
+      (m.key === "Enter" || m.key === " ") && (m.preventDefault(), u(g));
     },
-    [m]
-  ), g = w(() => {
+    [u]
+  ), p = w(() => {
     o(), t();
   }, [o, t]), f = w(() => {
     l(), t();
@@ -1140,36 +1140,36 @@ function Ye({
       anchorRef: n,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((u) => {
-          const p = u.id === s;
+        /* @__PURE__ */ r("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((g) => {
+          const m = g.id === s;
           return /* @__PURE__ */ D(
             "li",
             {
               role: "menuitemradio",
-              "aria-checked": p,
-              "aria-current": p ? "page" : void 0,
+              "aria-checked": m,
+              "aria-current": m ? "page" : void 0,
               tabIndex: 0,
-              className: `gloss-page-dropdown__item${p ? " gloss-page-dropdown__item--active" : ""}`,
-              onClick: () => m(u.id),
-              onKeyDown: (N) => d(u.id, N),
+              className: `gloss-page-dropdown__item${m ? " gloss-page-dropdown__item--active" : ""}`,
+              onClick: () => u(g.id),
+              onKeyDown: (N) => d(g.id, N),
               children: [
                 /* @__PURE__ */ r(
                   "span",
                   {
-                    className: `gloss-page-dropdown__dot${p ? " gloss-page-dropdown__dot--active" : ""}`
+                    className: `gloss-page-dropdown__dot${m ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
                 /* @__PURE__ */ r(
                   "span",
                   {
-                    className: `gloss-page-dropdown__name${u.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    children: u.name
+                    className: `gloss-page-dropdown__name${g.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: g.name
                   }
                 ),
-                /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children: u.cardCount })
+                /* @__PURE__ */ r("span", { className: "gloss-page-dropdown__count", children: g.cardCount })
               ]
             },
-            u.id
+            g.id
           );
         }) }),
         /* @__PURE__ */ r("hr", { className: "gloss-page-dropdown__separator" }),
@@ -1178,7 +1178,7 @@ function Ye({
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: g,
+            onClick: p,
             children: "+ New page"
           }
         ),
@@ -1205,23 +1205,23 @@ const Vt = function({
   onCreatePage: i,
   onManagePages: o,
   maskRadius: l = "var(--gloss-radius-md)",
-  displayMode: m = "count",
+  displayMode: u = "count",
   activePage: d
 }) {
-  const g = M(null), [f, u] = $(!1), p = w(() => {
-    u((R) => !R);
+  const p = R(null), [f, g] = $(!1), m = w(() => {
+    g((M) => !M);
   }, []), N = w(() => {
-    u(!1);
+    g(!1);
   }, []), y = a[t]?.id ?? "";
   return /* @__PURE__ */ D(
     "div",
     {
       className: "gloss-page-chip",
-      ref: g,
-      style: m === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
+      ref: p,
+      style: u === "name" ? { position: "relative", left: 0, right: "auto", top: 0 } : { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        m !== "name" && /* @__PURE__ */ r(
+        u !== "name" && /* @__PURE__ */ r(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
@@ -1231,12 +1231,12 @@ const Vt = function({
         /* @__PURE__ */ r(
           "button",
           {
-            className: `gloss-page-chip__trigger${m === "name" ? " gloss-page-chip__trigger--name" : ""}`,
+            className: `gloss-page-chip__trigger${u === "name" ? " gloss-page-chip__trigger--name" : ""}`,
             "aria-haspopup": "menu",
             "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: [
+            "aria-label": u === "name" ? `${d ?? "Page"}. Click to switch pages.` : `Page ${t + 1} of ${n}. Click to switch pages.`,
+            onClick: m,
+            children: u === "name" ? /* @__PURE__ */ D(te, { children: [
               /* @__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: [
@@ -1251,7 +1251,7 @@ const Vt = function({
           {
             open: f,
             onDismiss: N,
-            anchorRef: g,
+            anchorRef: p,
             pages: a,
             activePageId: y,
             onPageChange: s,
@@ -1927,7 +1927,7 @@ function He(...e) {
 }
 function Jt() {
   const [e, t] = $(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches);
-  return L(() => {
+  return O(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
     const n = window.matchMedia("(prefers-reduced-motion: reduce)"), a = (s) => t(s.matches);
     return typeof n.addEventListener == "function" ? (n.addEventListener("change", a), () => n.removeEventListener("change", a)) : (n.addListener?.(a), () => {
@@ -1942,35 +1942,35 @@ const ea = ({
   ariaCardTypeLabel: a,
   className: s
 }) => {
-  const i = M(null), o = M([]), l = Jt(), m = ye(() => Array.from(e), [e]);
-  if (m.length === 0) return null;
-  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();
+  const i = R(null), o = R([]), l = Jt(), u = ye(() => Array.from(e), [e]);
+  if (u.length === 0) return null;
+  const d = a ? `Configure ${a}: choose a dimension` : void 0, p = l ? "10ms" : "200ms", f = (g, m) => {
+    const N = u.length - 1, y = (h) => {
+      const M = o.current[h];
+      M && M.focus();
     };
-    switch (u.key) {
+    switch (g.key) {
       case "ArrowRight":
       case "ArrowDown": {
-        u.preventDefault(), y(p === N ? 0 : p + 1);
+        g.preventDefault(), y(m === N ? 0 : m + 1);
         break;
       }
       case "ArrowLeft":
       case "ArrowUp": {
-        u.preventDefault(), y(p === 0 ? N : p - 1);
+        g.preventDefault(), y(m === 0 ? N : m - 1);
         break;
       }
       case "Home": {
-        u.preventDefault(), y(0);
+        g.preventDefault(), y(0);
         break;
       }
       case "End": {
-        u.preventDefault(), y(N);
+        g.preventDefault(), y(N);
         break;
       }
       case "Enter":
       case " ": {
-        u.preventDefault(), t(m[p]);
+        g.preventDefault(), t(u[m]);
         break;
       }
     }
@@ -1986,25 +1986,25 @@ const ea = ({
         // 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": g
+        "--gloss-reconfig-backside-buttons-transition-duration": p
       },
-      children: m.map((u, p) => {
-        const N = Xt[u], y = n === u;
+      children: u.map((g, m) => {
+        const N = Xt[g], y = n === g;
         return /* @__PURE__ */ D(
           "button",
           {
             ref: (h) => {
-              o.current[p] = h;
+              o.current[m] = h;
             },
             type: "button",
-            "data-dimension": u,
+            "data-dimension": g,
             className: He(
               "gloss-reconfig-backside-buttons__button",
               y && "gloss-reconfig-backside-buttons__button--active"
             ),
             "aria-current": y ? "true" : void 0,
-            onClick: () => t(u),
-            onKeyDown: (h) => f(h, p),
+            onClick: () => t(g),
+            onKeyDown: (h) => f(h, m),
             children: [
               /* @__PURE__ */ r(
                 N,
@@ -2013,10 +2013,10 @@ const ea = ({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Qt[u] })
+              /* @__PURE__ */ r("span", { className: "gloss-reconfig-backside-buttons__button-label", children: Qt[g] })
             ]
           },
-          u
+          g
         );
       })
     }
@@ -2082,7 +2082,7 @@ const qn = [
   currentPage: 0,
   totalPages: 3
 };
-function Re(e) {
+function Me(e) {
   return H.createElement("span", { style: { fontSize: 14 } }, e);
 }
 const Jn = [
@@ -2090,7 +2090,7 @@ const Jn = [
     id: "all-orders",
     type: "orders",
     name: "All Orders",
-    icon: Re("📋"),
+    icon: Me("📋"),
     closable: !1,
     autoCreated: !0
   },
@@ -2098,14 +2098,14 @@ const Jn = [
     id: "open-orders",
     type: "orders",
     name: "Open Orders",
-    icon: Re("📦"),
+    icon: Me("📦"),
     closable: !0
   },
   {
     id: "shipped-orders",
     type: "orders",
     name: "Shipped Orders",
-    icon: Re("🚚"),
+    icon: Me("🚚"),
     closable: !0
   }
 ], er = [
@@ -2284,7 +2284,7 @@ function ra() {
 }
 function sa() {
   const [e, t] = $(() => ra());
-  L(() => {
+  O(() => {
     if (!(typeof window > "u"))
       try {
         window.localStorage.setItem(et, JSON.stringify(e));
@@ -2400,16 +2400,16 @@ function ua(e = {}) {
 }
 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(() => {
+  const e = sa(), { values: t, setValue: n, resetRow: a, resetAll: s } = e, [i, o] = $(null), l = R(null), u = w((g) => {
+    l.current && clearTimeout(l.current), o(g), l.current = setTimeout(() => {
       o(null), l.current = null;
     }, 200);
   }, []), d = w(
-    (u, p) => {
-      n(u, p), u === "snapInPx" && p > t.snapOutPx && (n("snapOutPx", p), m("snapOutPx"));
+    (g, m) => {
+      n(g, m), g === "snapInPx" && m > t.snapOutPx && (n("snapOutPx", m), u("snapOutPx"));
     },
-    [n, t.snapOutPx, m]
-  ), g = ye(() => ia, []), f = bt();
+    [n, t.snapOutPx, u]
+  ), p = ye(() => ia, []), f = vt();
   return /* @__PURE__ */ D(
     De.div,
     {
@@ -2426,23 +2426,23 @@ function ma() {
           "div",
           {
             className: "gloss-dev-tuning-panel__header",
-            onPointerDown: (u) => f.start(u),
+            onPointerDown: (g) => f.start(g),
             children: [
               /* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__title", children: "Resize Tuning — dev only" }),
               /* @__PURE__ */ r("span", { className: "gloss-dev-tuning-panel__hint", children: "?devtune=1" })
             ]
           }
         ),
-        /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: g.map((u) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__body", children: p.map((g) => /* @__PURE__ */ r(
           ca,
           {
-            spec: u,
-            value: t[u.key],
-            onChange: (p) => d(u.key, p),
-            onReset: () => a(u.key),
-            flashing: i === u.key
+            spec: g,
+            value: t[g.key],
+            onChange: (m) => d(g.key, m),
+            onReset: () => a(g.key),
+            flashing: i === g.key
           },
-          u.key
+          g.key
         )) }),
         /* @__PURE__ */ r("div", { className: "gloss-dev-tuning-panel__footer", children: /* @__PURE__ */ r(
           "button",
@@ -2466,23 +2466,23 @@ function nr({
   minBoundaryX: i,
   snapBoundariesX: o,
   topY: l,
-  bottomY: m,
+  bottomY: u,
   enterMs: d = se.envelopeEnterMs,
-  exitMs: g = se.envelopeExitMs,
+  exitMs: p = se.envelopeExitMs,
   className: f,
-  style: u
+  style: g
 }) {
   if (e === "hidden") return null;
-  const p = Math.max(0, s - a), N = Math.max(0, m - l), y = {
+  const m = Math.max(0, s - a), N = Math.max(0, u - l), y = {
     "--gloss-resize-envelope-enter-ms": `${d}ms`,
-    "--gloss-resize-envelope-exit-ms": `${g}ms`,
+    "--gloss-resize-envelope-exit-ms": `${p}ms`,
     "--gloss-resize-envelope-origin-x": `${t - a}px`,
     "--gloss-resize-envelope-origin-y": `${n - l}px`,
     left: a,
     top: l,
-    width: p,
+    width: m,
     height: N,
-    ...u
+    ...g
   };
   return /* @__PURE__ */ D(
     "div",
@@ -2514,7 +2514,7 @@ function nr({
           {
             className: "gloss-resize-envelope__edge gloss-resize-envelope__edge--right",
             "data-edge": "right",
-            style: { left: p - 1 }
+            style: { left: m - 1 }
           }
         ),
         o.filter((h) => h > i && h < s).map((h) => /* @__PURE__ */ r(
@@ -2603,7 +2603,7 @@ function ir({
   variant: i = "dashed",
   className: o,
   style: l,
-  ...m
+  ...u
 }) {
   const d = {
     "--gloss-section-divider-fade-in-ms": `${n}ms`,
@@ -2614,7 +2614,7 @@ function ir({
   return /* @__PURE__ */ r(
     "div",
     {
-      ...m,
+      ...u,
       "data-state": e,
       "data-testid": "gloss-section-divider",
       "aria-hidden": "true",
@@ -2659,7 +2659,7 @@ function lr({
   x: i,
   y: o,
   children: l,
-  className: m
+  className: u
 }) {
   const d = t * n + (t - 1) * s;
   return /* @__PURE__ */ r(
@@ -2671,7 +2671,7 @@ function lr({
       className: [
         "gloss-drag-ghost",
         `gloss-drag-ghost--tint-${e}`,
-        m
+        u
       ].filter(Boolean).join(" "),
       style: { x: i, y: o, width: d, height: a },
       children: l
@@ -2688,7 +2688,7 @@ function cr({
   transitionMs: i = 120,
   className: o
 }) {
-  const l = t * n + (t - 1) * a, d = (e.section * pa + e.col) * (n + a), g = e.row * (s + a);
+  const l = t * n + (t - 1) * a, d = (e.section * pa + e.col) * (n + a), p = e.row * (s + a);
   return /* @__PURE__ */ r(
     "div",
     {
@@ -2696,7 +2696,7 @@ function cr({
       "data-testid": "gloss-snap-outline",
       "aria-hidden": "true",
       style: {
-        transform: `translate(${d}px, ${g}px)`,
+        transform: `translate(${d}px, ${p}px)`,
         width: l,
         height: s,
         transition: `transform ${i}ms cubic-bezier(0.4, 0, 0.2, 1)`
@@ -2727,12 +2727,12 @@ const ha = ({
   elapsed: t,
   severity: n = "neutral"
 }) => {
-  const a = M(null), s = M(null);
-  L(() => {
-    const l = requestAnimationFrame(() => {
-      a.current && (a.current.style.width = `${e.value}%`), s.current && (s.current.style.width = `${t.value}%`);
+  const a = R(null), s = R(null);
+  O(() => {
+    const l = Math.min(100, Math.max(0, e.value)), u = Math.min(100, Math.max(0, t.value)), d = requestAnimationFrame(() => {
+      a.current && (a.current.style.width = `${l}%`), s.current && (s.current.style.width = `${u}%`);
     });
-    return () => cancelAnimationFrame(l);
+    return () => cancelAnimationFrame(d);
   }, [e.value, t.value]);
   const i = e.label ?? "ACTUAL", o = t.label ?? "ELAPSED";
   return /* @__PURE__ */ D(
@@ -2751,7 +2751,7 @@ const ha = ({
               className: `gloss-dual-pace-bars__fill gloss-dual-pace-bars__fill--consumed gloss-dual-pace-bars__fill--${n}`,
               style: { width: "0%" },
               role: "meter",
-              "aria-valuenow": e.value,
+              "aria-valuenow": Math.min(100, Math.max(0, e.value)),
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               "aria-label": `${i}: ${e.value}%`
@@ -2771,7 +2771,7 @@ const ha = ({
               className: "gloss-dual-pace-bars__fill gloss-dual-pace-bars__fill--elapsed",
               style: { width: "0%" },
               role: "meter",
-              "aria-valuenow": t.value,
+              "aria-valuenow": Math.min(100, Math.max(0, t.value)),
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               "aria-label": `${o}: ${t.value}%`
@@ -2798,7 +2798,7 @@ const ha = ({
       ] })
     ]
   }
-), va = ({ label: e, onSetTarget: t }) => /* @__PURE__ */ D("div", { className: "gloss-pace-placeholder", children: [
+), ba = ({ 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 ",
@@ -2840,6 +2840,7 @@ const ha = ({
       onRemove: e.onRemove,
       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 }),
+        e.subtitle && /* @__PURE__ */ r("div", { className: "gloss-pace-card__subtitle", children: e.subtitle }),
         /* @__PURE__ */ r("div", { className: "gloss-pace-card__body", children: s ? /* @__PURE__ */ D(te, { children: [
           /* @__PURE__ */ r(
             ha,
@@ -2851,7 +2852,7 @@ const ha = ({
           ),
           /* @__PURE__ */ r(fa, { label: "Gap", value: e.gapLabel, severity: e.severity })
         ] }) : /* @__PURE__ */ r(
-          va,
+          ba,
           {
             label: e.label,
             onSetTarget: () => n(!0)
@@ -2877,7 +2878,7 @@ const ha = ({
   ),
   /* @__PURE__ */ r("div", { className: "gloss-pace-tile-preview__gap-strip" })
 ] });
-function ba({ id: e, label: t, selected: n, focused: a, disabled: s, badge: i, onClick: o }) {
+function va({ id: e, label: t, selected: n, focused: a, disabled: s, badge: i, onClick: o }) {
   return /* @__PURE__ */ r(
     "span",
     {
@@ -2891,7 +2892,7 @@ function ba({ id: e, label: t, selected: n, focused: a, disabled: s, badge: i, o
       onClick: () => {
         s || o(e);
       },
-      children: /* @__PURE__ */ D(mt, { selected: n, disabled: s, variant: "soft", size: "sm", children: [
+      children: /* @__PURE__ */ D("span", { className: "gloss-lens-chip__inner", children: [
         /* @__PURE__ */ r("span", { className: "gloss-lens-chip__label", children: t }),
         i && /* @__PURE__ */ r("span", { className: "gloss-lens-chip__badge", children: i })
       ] })
@@ -2904,11 +2905,13 @@ function ya({
   onChange: n,
   "aria-label": a = "Lens"
 }) {
-  if (e.length === 0) return null;
   const [s, i] = $(
     () => Math.max(0, e.findIndex((l) => l.id === t))
   );
-  return /* @__PURE__ */ r(
+  return O(() => {
+    const l = e.findIndex((u) => u.id === t);
+    i(l >= 0 ? l : 0);
+  }, [t, e]), e.length === 0 ? null : /* @__PURE__ */ r(
     "div",
     {
       role: "radiogroup",
@@ -2917,11 +2920,11 @@ function ya({
         switch (l.key) {
           case "ArrowRight":
           case "ArrowDown":
-            l.preventDefault(), i((m) => (m + 1) % e.length);
+            l.preventDefault(), i((u) => (u + 1) % e.length);
             break;
           case "ArrowLeft":
           case "ArrowUp":
-            l.preventDefault(), i((m) => (m - 1 + e.length) % e.length);
+            l.preventDefault(), i((u) => (u - 1 + e.length) % e.length);
             break;
           case "Home":
             l.preventDefault(), i(0);
@@ -2932,20 +2935,20 @@ function ya({
           case "Enter":
           case " ": {
             l.preventDefault();
-            const m = e[s];
-            m && !m.disabled && n(m.id);
+            const u = e[s];
+            u && !u.disabled && n(u.id);
             break;
           }
         }
       },
       className: "gloss-lens-chip-group",
-      children: e.map((l, m) => /* @__PURE__ */ r(
-        ba,
+      children: e.map((l, u) => /* @__PURE__ */ r(
+        va,
         {
           id: l.id,
           label: l.label,
           selected: l.id === t,
-          focused: m === s,
+          focused: u === s,
           disabled: l.disabled,
           badge: l.badge,
           onClick: n
@@ -2983,21 +2986,21 @@ function X({
   variant: i = "default",
   onClick: o,
   className: l,
-  style: m
+  style: u
 }) {
   const d = [
     "gloss-entity-row",
     `gloss-entity-row--${i}`,
     o ? "gloss-entity-row--clickable" : "",
     l ?? ""
-  ].filter(Boolean).join(" "), g = /* @__PURE__ */ D(te, { children: [
+  ].filter(Boolean).join(" "), p = /* @__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(
+  return o ? /* @__PURE__ */ r("div", { role: "listitem", className: d, style: u, children: /* @__PURE__ */ r(
     "button",
     {
       type: "button",
@@ -3012,9 +3015,9 @@ function X({
       onClick: (f) => {
         f.stopPropagation(), o();
       },
-      children: g
+      children: p
     }
-  ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: d, style: m, children: g });
+  ) }) : /* @__PURE__ */ r("div", { role: "listitem", className: d, style: u, children: p });
 }
 X.displayName = "EntityRow";
 const fe = ({ rank: e }) => {
@@ -3030,7 +3033,7 @@ const fe = ({ rank: e }) => {
   );
 };
 fe.displayName = "RankBadge";
-function ve({ severity: e, "aria-label": t }) {
+function be({ severity: e, "aria-label": t }) {
   return /* @__PURE__ */ r(
     "span",
     {
@@ -3040,7 +3043,7 @@ function ve({ severity: e, "aria-label": t }) {
     }
   );
 }
-ve.displayName = "SeverityDot";
+be.displayName = "SeverityDot";
 function tt({
   delta: e,
   direction: t = "flat",
@@ -3071,7 +3074,7 @@ function tt({
   );
 }
 tt.displayName = "RankDelta";
-function be({ fill: e, variant: t = "default", className: n }) {
+function ve({ fill: e, variant: t = "default", className: n }) {
   const a = Math.max(0, Math.min(100, e));
   return /* @__PURE__ */ r(
     "div",
@@ -3087,7 +3090,7 @@ function be({ fill: e, variant: t = "default", className: n }) {
     }
   );
 }
-be.displayName = "MagnitudeBar";
+ve.displayName = "MagnitudeBar";
 const Na = (e) => e.rankDelta === "new" ? "New entry" : e.direction === "up" ? `Rank up ${e.rankDelta}` : e.direction === "down" ? `Rank down ${e.rankDelta}` : "Rank unchanged";
 function Da({
   label: e,
@@ -3117,7 +3120,7 @@ function Da({
             lead: /* @__PURE__ */ r(fe, { rank: l + 1 }),
             name: o.name,
             secondary: /* @__PURE__ */ r(
-              be,
+              ve,
               {
                 fill: o.magnitude,
                 variant: o.isBottom ? "bottom" : "default"
@@ -3153,9 +3156,9 @@ const Ca = () => /* @__PURE__ */ D(
     "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%" })
+      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(fe, { rank: 1 }), name: "Vendor A", secondary: /* @__PURE__ */ r(ve, { fill: 96 }), value: "98%" }),
+      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(fe, { rank: 2 }), name: "Vendor B", secondary: /* @__PURE__ */ r(ve, { fill: 72 }), value: "85%" }),
+      /* @__PURE__ */ r(X, { lead: /* @__PURE__ */ r(fe, { rank: 3 }), name: "Vendor C", secondary: /* @__PURE__ */ r(ve, { fill: 48 }), value: "71%" })
     ]
   }
 );
@@ -3187,7 +3190,7 @@ function Sa({
   ruleSubtitle: i,
   isStale: o
 }) {
-  const l = t.filter((d) => xa(d, n)), m = l.slice(0, a ?? 3);
+  const l = t.filter((d) => xa(d, n)), u = l.slice(0, a ?? 3);
   return l.length === 0 ? /* @__PURE__ */ D(te, { children: [
     /* @__PURE__ */ r(
       pe,
@@ -3213,14 +3216,14 @@ function Sa({
       {
         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(
+        children: /* @__PURE__ */ r("div", { className: "gloss-exception-list__rows", role: "list", children: u.map((d, p) => /* @__PURE__ */ r(
           X,
           {
-            lead: /* @__PURE__ */ r(ve, { severity: d.severity, "aria-label": ka(d.severity) }),
+            lead: /* @__PURE__ */ r(be, { severity: d.severity, "aria-label": ka(d.severity) }),
             name: d.name,
             value: d.value,
             variant: "exception",
-            style: { "--i": g }
+            style: { "--i": p }
           },
           d.id
         )) })
@@ -3230,7 +3233,7 @@ function Sa({
   ] });
 }
 Sa.displayName = "ExceptionListCard";
-const Ra = () => /* @__PURE__ */ D(
+const Ma = () => /* @__PURE__ */ D(
   "div",
   {
     className: "exception-list-tile-preview",
@@ -3240,7 +3243,7 @@ const Ra = () => /* @__PURE__ */ D(
       /* @__PURE__ */ r(
         X,
         {
-          lead: /* @__PURE__ */ r(ve, { severity: "critical", "aria-label": "Critical severity" }),
+          lead: /* @__PURE__ */ r(be, { severity: "critical", "aria-label": "Critical severity" }),
           name: "SKU A",
           value: "0 on hand"
         }
@@ -3248,7 +3251,7 @@ const Ra = () => /* @__PURE__ */ D(
       /* @__PURE__ */ r(
         X,
         {
-          lead: /* @__PURE__ */ r(ve, { severity: "warn", "aria-label": "Warning severity" }),
+          lead: /* @__PURE__ */ r(be, { severity: "warn", "aria-label": "Warning severity" }),
           name: "SKU B",
           value: "3 units"
         }
@@ -3256,7 +3259,7 @@ const Ra = () => /* @__PURE__ */ D(
       /* @__PURE__ */ r(
         X,
         {
-          lead: /* @__PURE__ */ r(ve, { severity: "info", "aria-label": "Info severity" }),
+          lead: /* @__PURE__ */ r(be, { severity: "info", "aria-label": "Info severity" }),
           name: "SKU C",
           value: "12 days"
         }
@@ -3264,7 +3267,7 @@ const Ra = () => /* @__PURE__ */ D(
     ]
   }
 );
-Ra.displayName = "ExceptionListTilePreview";
+Ma.displayName = "ExceptionListTilePreview";
 const ne = {
   "gloss-inline-nudge": "_gloss-inline-nudge_kdk88_34",
   "gloss-inline-nudge__message": "_gloss-inline-nudge__message_kdk88_65",
@@ -3273,7 +3276,7 @@ const ne = {
   "gloss-inline-nudge__btn--action": "_gloss-inline-nudge__btn--action_kdk88_88",
   "gloss-inline-nudge__btn--dismiss": "_gloss-inline-nudge__btn--dismiss_kdk88_96"
 };
-function Ma({
+function Ra({
   message: e,
   primaryAction: t,
   onDismiss: n,
@@ -3291,19 +3294,19 @@ function Ma({
   }, [a, s]), H.useLayoutEffect(() => {
     let d = null;
     if (a ? d = a : s && (d = document.querySelector(s)), d) {
-      const g = d.getBoundingClientRect();
+      const p = d.getBoundingClientRect();
       o({
-        top: g.bottom + window.scrollY + 6,
-        left: g.left + window.scrollX
+        top: p.bottom + window.scrollY + 6,
+        left: p.left + window.scrollX
       });
     }
   }, [a, s]);
-  const m = i ? { top: i.top, left: i.left } : {};
+  const u = i ? { top: i.top, left: i.left } : {};
   return /* @__PURE__ */ D(
     "div",
     {
       className: ne["gloss-inline-nudge"],
-      style: m,
+      style: u,
       role: "status",
       "aria-live": "polite",
       "data-reduced-motion": l ? "true" : void 0,
@@ -3334,7 +3337,7 @@ function Ma({
     }
   );
 }
-Ma.displayName = "InlineNudge";
+Ra.displayName = "InlineNudge";
 function Ee(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
@@ -3365,103 +3368,103 @@ function Pa({
   ), 0.01) : s, l = w(
     (c) => Math.round(c / o) * o,
     [o]
-  ), m = M(null), [d, g] = $(null), [f, u] = $(e), p = Ia(e), N = M(p);
-  L(() => {
-    N.current !== p && (N.current = p, !d && u(e));
-  }, [p, e, d]);
+  ), u = R(null), [d, p] = $(null), [f, g] = $(e), m = Ia(e), N = R(m);
+  O(() => {
+    N.current !== m && (N.current = m, !d && g(e));
+  }, [m, e, d]);
   const y = ye(() => Ta(f, n, a), [f, n, a]), h = w(
     (c) => {
-      if (!m.current) return n;
-      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);
+      if (!u.current) return n;
+      const b = u.current.getBoundingClientRect(), _ = b.width || 1, S = Math.max(0, Math.min(1, (c - b.left) / _)), v = n + S * (a - n);
+      return l(v);
     },
     [n, a, l]
   );
-  L(() => {
+  O(() => {
     a <= n && process.env.NODE_ENV !== "production" && console.warn(
       `ThresholdRamp: max (${a}) must be greater than min (${n}); rendering degenerate strip.`
     );
   }, [n, a]);
-  const R = w(
-    (c, v) => {
-      const _ = f.find((S) => S.id === v);
-      i || _?.disabled || (c.preventDefault(), g(v));
+  const M = w(
+    (c, b) => {
+      const _ = f.find((S) => S.id === b);
+      i || _?.disabled || (c.preventDefault(), p(b));
     },
     [i, f]
-  ), P = M(f);
+  ), P = R(f);
   P.current = f;
-  const k = M(t);
-  k.current = t, L(() => {
+  const k = R(t);
+  k.current = t, O(() => {
     if (!d) return;
     const c = (_) => {
       const S = h(_.clientX);
-      u(
-        (b) => b.map((x) => x.id === d ? { ...x, value: S } : x)
+      g(
+        (v) => v.map((x) => x.id === d ? { ...x, value: S } : x)
       );
-    }, v = (_) => {
-      const S = h(_.clientX), b = P.current.map(
+    }, b = (_) => {
+      const S = h(_.clientX), v = P.current.map(
         (x) => x.id === d ? { ...x, value: S } : x
       );
-      u(b), g(null), k.current(b);
+      g(v), p(null), k.current(v);
     };
-    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);
+    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);
     };
   }, [d, h]);
   const T = a - n > 0 ? a - n : 1, I = w(
-    (c, v) => {
-      if (i || v.disabled) return;
+    (c, b) => {
+      if (i || b.disabled) return;
       const _ = a - n;
       if (_ <= 0) return;
       const S = c.shiftKey ? _ / 20 : _ / 100;
-      let b = v.value;
+      let v = b.value;
       switch (c.key) {
         case "ArrowRight":
         case "ArrowUp":
-          b = v.value + S;
+          v = b.value + S;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          b = v.value - S;
+          v = b.value - S;
           break;
         case "Home":
-          b = n;
+          v = n;
           break;
         case "End":
-          b = a;
+          v = a;
           break;
         default:
           return;
       }
       c.preventDefault();
-      const x = Math.max(n, Math.min(a, b)), F = l(x);
-      if (F === v.value) return;
+      const x = Math.max(n, Math.min(a, v)), F = l(x);
+      if (F === b.value) return;
       const U = f.map(
-        (q) => q.id === v.id ? { ...q, value: F } : q
+        (q) => q.id === b.id ? { ...q, value: F } : q
       );
-      u(U), t(U);
+      g(U), t(U);
     },
     [i, n, a, f, t, l]
   );
   return /* @__PURE__ */ r("div", { className: "gloss-threshold-ramp", "data-disabled": i || void 0, children: /* @__PURE__ */ r(
     "div",
     {
-      ref: m,
+      ref: u,
       className: "gloss-threshold-ramp__track",
       style: { background: y },
       children: f.map((c) => {
-        const v = (c.value - n) / T * 100;
+        const b = (c.value - n) / T * 100;
         return /* @__PURE__ */ r(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
-              left: `${v}%`,
+              left: `${b}%`,
               color: Ee(c)
             },
             "data-disabled": c.disabled || void 0,
             "data-dragging": d === c.id || void 0,
-            onPointerDown: (_) => R(_, c.id),
+            onPointerDown: (_) => M(_, c.id),
             onKeyDown: (_) => I(_, c),
             "aria-label": c.label ?? `Stop at ${c.value}`,
             role: "slider",
@@ -3490,7 +3493,7 @@ function Ea({ option: e }) {
       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;
+  ), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888", l = t?.firstFocusableValue === e.value, u = a ? -1 : l ? 0 : -1;
   return /* @__PURE__ */ r(
     "button",
     {
@@ -3506,7 +3509,7 @@ function Ea({ option: e }) {
       "aria-label": e.label ?? e.value,
       "aria-disabled": a,
       disabled: a,
-      tabIndex: m,
+      tabIndex: u,
       onClick: s,
       onKeyDown: i
     }
@@ -3520,63 +3523,63 @@ function Aa({
   disabled: s = !1,
   name: i
 }) {
-  const o = t !== void 0, [l, m] = $(n), d = o ? t : l, g = w(
+  const o = t !== void 0, [l, u] = $(n), d = o ? t : l, p = w(
     (k) => {
-      o || m(k), a?.(k);
+      o || u(k), a?.(k);
     },
     [o, a]
   ), 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);
+  ), g = R(/* @__PURE__ */ new Map()), m = w((k, T) => {
+    T ? g.current.set(k, T) : g.current.delete(k);
   }, []), N = e.filter((k) => !k.disabled && !s), y = N.find((k) => k.value === d)?.value ?? N[0]?.value, h = w((k) => {
-    const T = u.current.get(k);
+    const T = g.current.get(k);
     T && T.focus();
-  }, []), R = w(
+  }, []), M = 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 === T);
       if (c === -1) return;
-      let v = c;
+      let b = c;
       switch (k.key) {
         case "ArrowRight":
         case "ArrowDown":
-          v = (c + 1) % I.length;
+          b = (c + 1) % I.length;
           break;
         case "ArrowLeft":
         case "ArrowUp":
-          v = (c - 1 + I.length) % I.length;
+          b = (c - 1 + I.length) % I.length;
           break;
         case "Home":
-          v = 0;
+          b = 0;
           break;
         case "End":
-          v = I.length - 1;
+          b = I.length - 1;
           break;
         case " ":
         case "Enter":
-          k.preventDefault(), g(T);
+          k.preventDefault(), p(T);
           return;
         default:
           return;
       }
       k.preventDefault();
-      const _ = I[v].value;
-      h(_), g(_);
+      const _ = I[b].value;
+      h(_), p(_);
     },
-    [s, e, g, h]
+    [s, e, p, h]
   ), P = {
     selectedValue: d,
-    select: g,
+    select: p,
     isSelected: f,
     groupDisabled: s,
     name: i,
-    registerRef: p,
+    registerRef: m,
     firstFocusableValue: y,
-    onKeyNav: R
+    onKeyNav: M
   };
   return /* @__PURE__ */ r(at.Provider, { value: P, children: /* @__PURE__ */ r(
     "div",
@@ -3613,14 +3616,14 @@ function $a(e) {
     () => 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;
+  ), [a, s] = $(null), [i, o] = $(null), l = R(null), u = R(e.onZoneChange);
+  u.current = e.onZoneChange;
   const d = ye(
     () => La(e.zones),
     [e.zones]
-  ), g = M(d);
-  L(() => {
-    g.current !== d && (g.current = d, !a && n(
+  ), p = R(d);
+  O(() => {
+    p.current !== d && (p.current = d, !a && n(
       e.zones.map((h) => h.maxItems !== void 0 && h.items.length > h.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
         `useSortableZones: zone "${h.zoneKey}" exceeds maxItems (${h.items.length} > ${h.maxItems}); trimming to cap.`
       ), { ...h, items: h.items.slice(0, h.maxItems) }) : h)
@@ -3628,10 +3631,10 @@ function $a(e) {
   }, [d, e.zones, a]);
   const f = w(
     (h) => {
-      const R = h.active.id;
+      const M = h.active.id;
       let P = null, k = null;
       for (const T of t) {
-        const I = T.items.find((c) => c.id === R);
+        const I = T.items.find((c) => c.id === M);
         if (I) {
           P = I, k = T.zoneKey;
           break;
@@ -3640,57 +3643,57 @@ function $a(e) {
       l.current = k, s(P), o(k);
     },
     [t]
-  ), u = w(
+  ), g = w(
     (h) => {
       if (!h.over) {
         o(l.current);
         return;
       }
-      const R = je(t, h.over.id);
-      o(R);
+      const M = je(t, h.over.id);
+      o(M);
     },
     [t]
-  ), p = w(
+  ), m = w(
     (h) => {
-      const { active: R, over: P } = h, k = () => {
+      const { active: M, over: P } = h, k = () => {
         l.current = null, s(null), o(null);
       };
       if (!P) {
         k();
         return;
       }
-      const T = Ae(t, R.id), I = je(t, P.id);
+      const T = Ae(t, M.id), I = je(t, P.id);
       if (!T || !I) {
         k();
         return;
       }
-      let c = t.map((v) => ({ ...v, items: [...v.items] }));
+      let c = t.map((b) => ({ ...b, items: [...b.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] = {
+        const b = c.findIndex((F) => F.zoneKey === T), _ = c[b], S = _.items.findIndex((F) => F.id === M.id), v = _.items.findIndex((F) => F.id === P.id), x = v >= 0 ? v : Math.max(0, _.items.length - 1);
+        c[b] = {
           ..._,
           items: Oa(_.items, S, x)
         };
       } else {
-        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);
+        const b = c.findIndex((L) => L.zoneKey === T), _ = c.findIndex((L) => L.zoneKey === I), S = c[b], v = c[_], x = S.items.find((L) => L.id === M.id);
         if (!x) {
           k();
           return;
         }
-        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 F = S.items.filter((L) => L.id !== M.id), U = v.items.findIndex((L) => L.id === P.id), q = U >= 0 ? U : v.items.length;
+        let j = F, G = [...v.items];
+        if (v.maxItems !== void 0 && G.length >= v.maxItems) {
+          const L = G[G.length - 1];
+          G = G.slice(0, v.maxItems - 1), j = [...F, L];
         }
         const B = Math.min(q, G.length), Z = [
           ...G.slice(0, B),
           x,
           ...G.slice(B)
         ];
-        c[v] = { ...S, items: j }, c[_] = { ...b, items: Z };
+        c[b] = { ...S, items: j }, c[_] = { ...v, items: Z };
       }
-      n(c), m.current?.(c), k();
+      n(c), u.current?.(c), k();
     },
     [t]
   ), N = w(
@@ -3701,11 +3704,11 @@ function $a(e) {
     []
   ), y = w(
     (h) => {
-      const R = Ae(t, h.id) ?? "";
+      const M = Ae(t, h.id) ?? "";
       return {
         id: h.id,
         "data-item-id": h.id,
-        "data-zone-key": R
+        "data-zone-key": M
       };
     },
     [t]
@@ -3717,11 +3720,11 @@ function $a(e) {
     getZoneProps: N,
     getItemProps: y,
     handleDragStart: f,
-    handleDragOver: u,
-    handleDragEnd: p
+    handleDragOver: g,
+    handleDragEnd: m
   };
 }
-let ge = null, Ne = null, Me = !1;
+let ge = null, Ne = null, Re = !1;
 const Ba = [
   "DndContext",
   "DragOverlay",
@@ -3746,7 +3749,7 @@ function Ka(e, t) {
   return n.length === 0 ? { ok: !0 } : { ok: !1, missing: n };
 }
 function Wa() {
-  return ge ? Promise.resolve(ge) : Me ? Promise.resolve(null) : Ne || (Ne = (async () => {
+  return ge ? Promise.resolve(ge) : Re ? Promise.resolve(null) : Ne || (Ne = (async () => {
     try {
       const [e, t, n] = await Promise.all([
         import("@dnd-kit/core"),
@@ -3759,21 +3762,21 @@ function Wa() {
         core: e,
         sortable: t,
         utilities: n
-      }, ge) : (Me = !0, process.env.NODE_ENV !== "production" && console.error(
+      }, ge) : (Re = !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 Me = !0, null;
+      return Re = !0, null;
     }
   })(), Ne);
 }
 function Ga(e) {
-  const { zones: t, onZoneChange: n, renderZone: a, renderItem: s, renderDragOverlay: i } = e, o = $a({ zones: t, onZoneChange: n }), [l, m] = H.useState(ge);
+  const { zones: t, onZoneChange: n, renderZone: a, renderItem: s, renderDragOverlay: i } = e, o = $a({ zones: t, onZoneChange: n }), [l, u] = H.useState(ge);
   return H.useEffect(() => {
     if (l) return;
     let d = !0;
-    return Wa().then((g) => {
-      d && m(g);
+    return Wa().then((p) => {
+      d && u(p);
     }), () => {
       d = !1;
     };
@@ -3787,8 +3790,8 @@ function Ga(e) {
       renderDragOverlay: i
     }
   ) : /* @__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);
+    const p = 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, p) }, d.zoneKey);
   }) });
 }
 Ga.displayName = "SortableZones";
@@ -3799,10 +3802,10 @@ function nt({
   renderItem: a,
   renderDragOverlay: s
 }) {
-  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 } }),
+  const { core: i, sortable: o, utilities: l } = t, { DndContext: u, DragOverlay: d, useSensors: p, useSensor: f, useDroppable: g, PointerSensor: m, KeyboardSensor: N, closestCenter: y } = i, { SortableContext: h, verticalListSortingStrategy: M } = o, P = p(
+    f(m, { activationConstraint: { distance: 5 } }),
     f(N)
-  ), k = m, T = d, I = h;
+  ), k = u, T = d, I = h;
   return /* @__PURE__ */ D(
     k,
     {
@@ -3813,7 +3816,7 @@ function nt({
       onDragEnd: e.handleDragEnd,
       children: [
         e.zones.map((c) => {
-          const v = c.items.map((S) => S.id), _ = c.items.map((S) => /* @__PURE__ */ r(
+          const b = c.items.map((S) => S.id), _ = c.items.map((S) => /* @__PURE__ */ r(
             rt,
             {
               id: S.id,
@@ -3828,8 +3831,8 @@ function nt({
             {
               zoneKey: c.zoneKey,
               zoneProps: e.getZoneProps(c.zoneKey),
-              useDroppable: u,
-              children: /* @__PURE__ */ r(I, { items: v, strategy: R, children: n(c.zoneKey, c.items, _) })
+              useDroppable: g,
+              children: /* @__PURE__ */ r(I, { items: b, strategy: M, children: n(c.zoneKey, c.items, _) })
             },
             c.zoneKey
           );
@@ -3841,12 +3844,12 @@ function nt({
 }
 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 = {
+  const { attributes: s, listeners: i, setNodeRef: o, transform: l, transition: u, isDragging: d } = t({ id: e }), p = {
     transform: n?.Transform?.toString(l) ?? void 0,
-    transition: m,
+    transition: u,
     opacity: d ? 0.5 : 1
   };
-  return /* @__PURE__ */ r("div", { ref: o, style: g, "data-sortable-item-id": e, ...s, ...i, children: a });
+  return /* @__PURE__ */ r("div", { ref: o, style: p, "data-sortable-item-id": e, ...s, ...i, children: a });
 }
 rt.displayName = "SortableItem";
 function st({
@@ -3918,7 +3921,7 @@ function pr({
   pulseIndex: i,
   pulseNonce: o
 }) {
-  const l = gt.useRef([]);
+  const l = mt.useRef([]);
   return l.current.length = e, /* @__PURE__ */ r(
     "div",
     {
@@ -3930,34 +3933,34 @@ function pr({
         if (e !== 0) {
           if (d.key === "ArrowRight") {
             d.preventDefault();
-            const g = (t + 1) % e;
-            n(g), requestAnimationFrame(() => l.current[g]?.focus());
+            const p = (t + 1) % e;
+            n(p), requestAnimationFrame(() => l.current[p]?.focus());
           } else if (d.key === "ArrowLeft") {
             d.preventDefault();
-            const g = (t - 1 + e) % e;
-            n(g), requestAnimationFrame(() => l.current[g]?.focus());
+            const p = (t - 1 + e) % e;
+            n(p), requestAnimationFrame(() => l.current[p]?.focus());
           }
         }
       },
-      children: Array.from({ length: e }, (d, g) => /* @__PURE__ */ r(
+      children: Array.from({ length: e }, (d, p) => /* @__PURE__ */ r(
         "button",
         {
           ref: (f) => {
-            l.current[g] = f;
+            l.current[p] = f;
           },
           type: "button",
           role: "tab",
-          "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,
+          "aria-selected": p === t,
+          "aria-label": p === s ? "Unconfirmed section" : `Section ${p + 1}`,
+          "data-state": p === s ? "provisional-hollow" : p === i ? "pulse" : p === t ? "current" : "hollow",
+          "data-section-index": p,
           className: [
             "gloss-section-dots__dot",
-            g === t && "gloss-section-dots__dot--current"
+            p === t && "gloss-section-dots__dot--current"
           ].filter(Boolean).join(" "),
-          onClick: () => n(g)
+          onClick: () => n(p)
         },
-        g === i ? `${g}-${o ?? 0}` : g
+        p === i ? `${p}-${o ?? 0}` : p
       ))
     }
   );
@@ -3982,8 +3985,8 @@ const Ua = H.forwardRef(({ density: e = "compact", children: t, ...n }, a) => {
 });
 Ua.displayName = "ContainerTable";
 export {
-  vr as Accordion,
-  br as AccordionContent,
+  br as Accordion,
+  vr as AccordionContent,
   yr as AccordionItem,
   wr as AccordionTrigger,
   _r as ActionStrip,
@@ -3993,8 +3996,8 @@ export {
   kr as AsyncLoader,
   xr as Autocomplete,
   Sr as Badge,
-  Rr as BarChartCard,
-  Mr as BarsBg,
+  Mr as BarChartCard,
+  Rr as BarsBg,
   gr as BottomToolbar,
   Tr as Button,
   Ir as ButtonGroup,
@@ -4013,254 +4016,254 @@ export {
   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,
+  Hr as Chip,
+  Ur as ColorPicker,
+  jr as ComparisonCard,
+  Zr as ContactForm,
+  qr as ContainerCard,
+  Yr as ContainerCardActions,
+  Qr as ContainerCardBody,
+  Xr as ContainerCardFooter,
+  Jr as ContainerCardHeader,
+  es as ContainerCardMedia,
+  ts as ContainerCardSubtitle,
+  as as ContainerCardTitle,
+  ns as ContainerDialog,
+  rs as ContainerDialogActions,
+  ss as ContainerDialogBody,
+  is as ContainerDialogHeader,
   Ha as ContainerFormSection,
-  is as ContainerPanel,
+  os as ContainerPanel,
   Ua as ContainerTable,
   Va as ContainerToolbar,
-  os as CreditCardForm,
-  ls as DEFAULT_FOOTER_IDS,
+  ls as CreditCardForm,
+  cs as DEFAULT_FOOTER_IDS,
   se as DEFAULT_GRID_INTERACTION_PHYSICS,
-  Lo as DEFAULT_MARKET_PRESETS,
-  cs as DEFAULT_OVERFLOW_IDS,
-  $o as DEFAULT_PINNED,
+  $o as DEFAULT_MARKET_PRESETS,
+  ds as DEFAULT_OVERFLOW_IDS,
+  Bo as DEFAULT_PINNED,
   qe as DEFAULT_RESIZE_PHYSICS,
-  ds as DataTable,
-  us as DatePicker,
-  ms as DateRangePicker,
-  gs as DestructiveModal,
+  us as DataTable,
+  ms as DatePicker,
+  gs as DateRangePicker,
+  ps as DestructiveModal,
   ua as DevTuningPanel,
-  ps as DirectionCard,
-  hs as Dismissible,
-  fs as DistributionCard,
+  hs as DirectionCard,
+  fs as Dismissible,
+  bs as DistributionCard,
   vs as DonutChart,
   lr as DragGhost,
   rr as DropAnchorCell,
-  bs as Dropdown,
+  ys as Dropdown,
   ha as DualPaceBars,
-  ys as ENTITY_FILTER_KEYS,
-  ws as ENTITY_PROFILE_ROUTES,
-  _s as ENTITY_TYPE_PLURAL,
+  ws as ENTITY_FILTER_KEYS,
+  _s as ENTITY_PROFILE_ROUTES,
+  Ns as ENTITY_TYPE_PLURAL,
   At as EdgeHoverHandle,
   or as EmptyCellPackAffordance,
-  Ns as EntityPicker,
+  Ds as EntityPicker,
   X as EntityRow,
-  Ds as EntitySearchPanel,
+  Cs as EntitySearchPanel,
   Sa as ExceptionListCard,
-  Ra as ExceptionListTilePreview,
-  Cs as Expandable,
-  ks as ExpandableChip,
-  xs as FLIP_AND_STAGE_TIMINGS,
-  Ss as FileUpload,
+  Ma as ExceptionListTilePreview,
+  ks as Expandable,
+  xs as ExpandableChip,
+  Ss as FLIP_AND_STAGE_TIMINGS,
+  Ms as FileUpload,
   Rs as FilterChip,
-  Ms as FilterInput,
-  Ts as FlipAndStageProvider,
-  Is as Form,
-  Ps as FormDialog,
-  Fs as FormField,
-  Es as FusedShape,
+  Ts as FilterInput,
+  Is as FlipAndStageProvider,
+  Ps as Form,
+  Fs as FormDialog,
+  Es as FormField,
+  As as FusedShape,
   fa as GapReadout,
   Ot as GhostPreview,
-  As as GroupCheckbox,
-  Os as GroupRadio,
+  Os as GroupCheckbox,
+  Ls 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,
+  $s as HighlightCard,
+  Bs as HybridDatePicker,
+  zs as ImportWizard,
+  Ra as InlineNudge,
+  Ks as Input,
+  Ws as InputAddon,
+  Gs as InputGroup,
   Da as LeaderboardCard,
   Ca as LeaderboardTilePreview,
   ya as LensChipGroup,
-  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,
+  Vs as Link,
+  Hs as LoginForm,
+  ve as MagnitudeBar,
+  Us as MarketPresetRow,
+  js as MaskPresets,
+  Zs as MaskedInput,
+  qs as Menu,
+  Ys as MenuDivider,
+  Qs as MenuGroup,
+  Xs as MenuItem,
+  Js as MergePrompt,
+  ei as MetricCard,
+  ti as MetricCardGrid,
   aa as MetricGroupContainer,
-  ti as MiniCalendar,
+  ai as MiniCalendar,
   _a as MoreInLensRail,
-  ai as MultiSelect,
-  ni as NumberInput,
-  ri as ObjectArrow,
-  si as OrderFilterBar,
-  Bo as PERIOD_OPTIONS,
+  ni as MultiSelect,
+  ri as NumberInput,
+  si as ObjectArrow,
+  ii as OrderFilterBar,
+  zo as PERIOD_OPTIONS,
   ur as PaceCard,
   mr as PaceTilePreview,
   Vt as PageChip,
   Ye as PageDropdown,
-  ii as PasswordInput,
-  oi as PaymentForm,
-  li as PaymentMethodSelect,
-  ci as PhoneInput,
-  di as PinToMetric,
+  oi as PasswordInput,
+  li as PaymentForm,
+  ci as PaymentMethodSelect,
+  di as PhoneInput,
+  ui as PinToMetric,
   Aa as PresetSwatchRow,
-  ui as ProfileCard,
-  mi as ProgressCard,
-  gi as QuickConfigPanel,
+  mi as ProfileCard,
+  gi as ProgressCard,
+  pi as QuickConfigPanel,
   Qt as RECONFIG_BACKSIDE_LABELS,
-  zo as ROLLING_OPTIONS,
-  pi as Radio,
-  hi as RadioGroup,
-  fi as RangeSlider,
+  Ko as ROLLING_OPTIONS,
+  hi as Radio,
+  fi as RadioGroup,
+  bi as RangeSlider,
   fe as RankBadge,
   tt as RankDelta,
   vi as Rating,
   ea as ReconfigBacksideButtons,
-  bi as RegistrationForm,
+  yi as RegistrationForm,
   nr as ResizeEnvelope,
-  yi as Row1Controls,
-  wi as Row2FilterTray,
-  _i as SearchInput,
+  wi as Row1Controls,
+  _i as Row2FilterTray,
+  Ni 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,
+  Di as SegmentCard,
+  Ci as SegmentedControl,
+  ki as Select,
+  xi as Selectable,
+  be as SeverityDot,
+  Si as SimpleMetricCard,
+  Mi as SimpleSelector,
   Ri as Skeleton,
-  Mi as SkeletonCard,
-  Ti as SkeletonChart,
-  Ii as SkeletonTable,
-  Pi as Slider,
+  Ti as SkeletonCard,
+  Ii as SkeletonChart,
+  Pi as SkeletonTable,
+  Fi as Slider,
   cr as SnapOutline,
-  Fi as Sortable,
+  Ei as Sortable,
   Ga as SortableZones,
-  Ei as SparklineBg,
+  Ai as SparklineBg,
   sr as SpilloverArc,
-  Ai as SplitButton,
-  Oi as StackedGroupCard,
+  Oi as SplitButton,
+  Li as StackedGroupCard,
   wa as StarterRail,
-  Li as StatusModeCard,
+  $i as StatusModeCard,
   Et as StatusSlotChipMenu,
-  $i as Stepper,
+  Bi as Stepper,
   Ze as SwingReveal,
-  Ko as TODAY_PRESET,
+  Wo as TODAY_PRESET,
   re as TUNING_DEFAULTS,
   et as TUNING_STORAGE_KEY,
-  Bi as TabGroup,
-  zi as TabbedDataView,
-  Ki as TagInput,
+  zi as TabGroup,
+  Ki as TabbedDataView,
+  Wi as TagInput,
   St as TargetInput,
-  Wi as Textarea,
+  Gi 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,
+  Vi as TimeFrame,
+  Hi as TimePicker,
+  Ui as Toggle,
+  ji as Tooltip,
+  Zi as Transition,
+  qi as TransitionGroup,
+  Yi as TrendCard,
+  Qi as TrendIndicator,
+  Ao as UIContext,
   Oe as UIContextProvider,
-  Qi as UnifiedBreakdownTable,
-  Xi as UnifiedContextMenu,
+  Xi as UnifiedBreakdownTable,
+  Ji as UnifiedContextMenu,
   Lt as VelocityBuffer,
-  Ji as addressGroupMetadata,
-  eo as addressSchema,
+  eo as addressGroupMetadata,
+  to as addressSchema,
   ln as allChips,
-  Rn as allStateFixtures,
+  Mn as allStateFixtures,
   Sn as allVariantFixtures,
   mn as blockSamples,
-  to as buildDefaultOverflow,
-  vn as cardSamples,
-  bn as cascadePhysics,
+  ao as buildDefaultOverflow,
+  bn as cardSamples,
+  vn as cascadePhysics,
   hn as chartSamples,
   pn as circleSamples,
   Dn as colorTokens,
   Yn as compactLayout,
   Bn as compactState,
   xn as computeGutterAnchorX,
-  ao as contactFormMetadata,
-  no as contactSchema,
+  no as contactFormMetadata,
+  ro as contactSchema,
   zn as contextMenuFixtures,
-  ro as creditCardFormMetadata,
-  so as creditCardSchema,
+  so as creditCardFormMetadata,
+  io as creditCardSchema,
   Tt as dateChip,
   Je as defaultControlBarState,
-  io as destructiveModalMetadata,
-  oo as durations,
-  lo as easings,
+  oo as destructiveModalMetadata,
+  lo as durations,
+  co as easings,
   zt as emptyFixture,
-  Rt as entityChip,
+  Mt as entityChip,
   Zt as entityNameActions,
   dn as entityTabGroup,
   Bt as errorFixture,
-  co as evaluateTintCondition,
+  uo as evaluateTintCondition,
   $n as filteredState,
-  Wo as findPreset,
-  Go as formatDateRange,
-  Vo as formatMarketDates,
-  Ho as formatTrend,
-  Uo as formatValue,
+  Go as findPreset,
+  Vo as formatDateRange,
+  Ho as formatMarketDates,
+  Uo as formatTrend,
+  jo as formatValue,
   Xn as fullLayout,
-  jo as generateMarketId,
-  uo as generateTabId,
-  Zo as getAllPresets,
-  qo as getDateRangeForPreset,
-  mo as getMenuActions,
+  Zo as generateMarketId,
+  mo as generateTabId,
+  qo as getAllPresets,
+  Yo as getDateRangeForPreset,
+  go as getMenuActions,
   Cn as getMotionMode,
-  Yo as getPresetLabel,
-  go as getTransitionStyle,
+  Qo as getPresetLabel,
+  po as getTransitionStyle,
   qn as gridCards,
-  po as interpolate,
-  Qo as isInRange,
-  Xo as isMarketActive,
-  Jo as isSameDay,
+  ho as interpolate,
+  Xo as isInRange,
+  Jo as isMarketActive,
+  el as isSameDay,
   Ln as itemColumns,
   An as itemRows,
   $t as loadingFixture,
-  ho as loginFormMetadata,
-  fo as loginSchema,
+  fo as loginFormMetadata,
+  bo as loginSchema,
   It as manufacturerChip,
   ar as manyTabs,
   vo as mergeHandlers,
-  bo as mergeRefs,
+  yo as mergeRefs,
   cn as metricTabGroup,
   er as mixedTabs,
-  el as normalizePresetId,
+  tl 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,
+  wo as parseNumericValue,
+  _o as paymentFormMetadata,
+  No as paymentSchema,
+  Do as presets,
   wn as provisional,
   _n as reducedMotion,
-  Do as registrationFormMetadata,
-  Co as registrationSchema,
+  Co as registrationFormMetadata,
+  ko as registrationSchema,
   yn as rejectionFeedback,
   Wn as sampleCompareRanges,
   Hn as sampleCustomMarkets,
@@ -4271,7 +4274,7 @@ export {
   Gn as samplePreferences,
   jn as samplePresets,
   tr as singleTab,
-  Mn as sparklineFixture,
+  Rn as sparklineFixture,
   Tn as sparklineUpFixture,
   Gt as staleDonutFixture,
   Kt as staleFixture,
@@ -4280,24 +4283,24 @@ export {
   Fn as standardFlatFixture,
   Qn as standardLayout,
   Pn as standardNegativeFixture,
-  Mt as statusChip,
+  Rt as statusChip,
   me as swingReveal,
   fn as tableSamples,
   gn as textSamples,
   un as timeFrameTabGroup,
-  tl as toUppercasePresetId,
+  al as toUppercasePresetId,
   on as useArrowNavigation,
-  ko as useCheckboxGroupContext,
+  xo as useCheckboxGroupContext,
   kn as useEdgeHoverResize,
-  xo as useFilterLayout,
-  So as useFlipAndStage,
+  So as useFilterLayout,
+  Mo as useFlipAndStage,
   Ro as useFlipAndStageContext,
-  Mo as useFlipAndStageContextOptional,
+  To as useFlipAndStageContextOptional,
   sn as useFocusReturn,
-  To as useFocusTrap,
-  Io as useFormContext,
-  Po as useRadioGroupContext,
+  Io as useFocusTrap,
+  Po as useFormContext,
+  Fo as useRadioGroupContext,
   sa as useResizeTuning,
   $a as useSortableZones,
-  Ao as useUIContext
+  Oo as useUIContext
 };