@mt-gloss/ui 0.0.19 → 0.0.20

package/{Expandable-B7Umnd4T.js → Expandable-hoPnf93I.js}

@@ -1,9 +1,9 @@
 import { jsxs as d, jsx as e, Fragment as Be } from "react/jsx-runtime";
-import Z, { useId as $e, useState as F, useCallback as k, createContext as Vt, useContext as jt, useRef as le, useEffect as ie, useMemo as re, useReducer as Un, forwardRef as Xn, useImperativeHandle as qn } from "react";
-import { S as J, E as je, C as B, h as Zn, R as xe, k as Jn, l as Qn, m as es, aj as ts, P as rs, s as as, ac as ns, ak as ye, Q as ss, V as Wa, W as Va, X as os, Y as ls, _ as is, $ as cs, a0 as ds, a1 as us, a4 as ms, a5 as ps, a6 as gs, ab as fs, a7 as hs, a8 as bs, O as ys, N as vs, i as _s, j as xs, a2 as Ns, a3 as Ss, n as Cs, t as ks, y as ws, v as Ds, U as yt, z as Is, A as Ts, w as Ms, D as Bs, x as Es, ah as Ps, ai as zs, F as Rs, G as As, H as $s, I as Fs, J as Os, K as Ls, L as Hs, M as Ws, c as pe, ad as Ft, e as ja, d as bt, g as Ge, Z as Ga, B as Vs, af as js, b as Ka, T as Me, ae as Gs, ag as pa } from "./UIContext-C3E-k7HI.js";
+import Z, { useId as $e, useState as F, useCallback as k, createContext as Gt, useContext as Vt, useRef as le, useEffect as ie, useMemo as re, useReducer as Un, forwardRef as Xn, useImperativeHandle as qn } from "react";
+import { S as J, E as Ve, C as B, h as Zn, R as xe, k as Jn, l as Qn, m as es, aj as ts, P as rs, s as as, ac as ns, ak as ye, Q as ss, V as Wa, W as Ga, X as os, Y as ls, _ as is, $ as cs, a0 as ds, a1 as us, a4 as ms, a5 as ps, a6 as gs, ab as fs, a7 as hs, a8 as bs, O as ys, N as vs, i as _s, j as xs, a2 as Ns, a3 as Ss, n as Cs, t as ks, y as ws, v as Ds, U as yt, z as Is, A as Ts, w as Ms, D as Bs, x as Es, ah as Ps, ai as zs, F as Rs, G as As, H as $s, I as Fs, J as Os, K as Ls, L as Hs, M as Ws, c as pe, ad as Ft, e as Va, d as bt, g as je, Z as ja, B as Gs, af as Vs, b as Ka, T as Me, ae as js, ag as pa } from "./UIContext-C3E-k7HI.js";
 import { formatTrend as Ks, isStatusModeEnabled as Ys, formatValue as sr, getValueFontSize as ga, getDateRangeForPreset as He, formatDateRangeSmart as dt, isInRange as Us, isSameDay as Zt, formatMarketDates as Xs, DEFAULT_MARKET_PRESETS as Jt, isMarketActive as xt, detectPreset as Qt, getDateRangeDisplayInfo as Pt, toUppercasePresetId as er, generateMarketId as qs, ROLLING_OPTIONS as xr, PERIOD_OPTIONS as Nr } from "@mt-gloss/utils";
 import { useGridApiRef as Zs, DataGridPro as Js } from "@mui/x-data-grid-pro";
-import { Chip as Ot, Tooltip as mt, MenuItem as Lt, Menu as Qs, Box as se, Popper as eo, Paper as to, MenuList as ro, ListItemText as ao, IconButton as Ve, Select as fa, Typography as we, Divider as no, Button as Qe, Collapse as so, Popover as oo, Dialog as lo, DialogTitle as io, DialogContent as co, TextField as tr, DialogActions as uo, Tabs as mo, Tab as po } from "@mui/material";
+import { Chip as Ot, Tooltip as mt, MenuItem as Lt, Menu as Qs, Box as se, Popper as eo, Paper as to, MenuList as ro, ListItemText as ao, IconButton as Ge, Select as fa, Typography as we, Divider as no, Button as Qe, Collapse as so, Popover as oo, Dialog as lo, DialogTitle as io, DialogContent as co, TextField as tr, DialogActions as uo, Tabs as mo, Tab as po } from "@mui/material";
 import go from "@mui/icons-material/Person";
 import fo from "@mui/icons-material/Business";
 import ho from "@mui/icons-material/BarChart";
@@ -41,7 +41,7 @@ import { isSameDay as ya } from "date-fns";
 import { resolvePreset as ut } from "@mt-gloss/utils/dateInterpretation";
 import { usePickerLayout as Ao, PickersLayoutRoot as $o, PickersLayoutContentWrapper as Fo, pickersLayoutClasses as Oo } from "@mui/x-date-pickers/PickersLayout";
 import { AnimatePresence as Lo, motion as Ho } from "framer-motion";
-import { useSensors as Wo, useSensor as va, PointerSensor as Vo, KeyboardSensor as jo, DndContext as Go, closestCenter as Ko, DragOverlay as Yo } from "@dnd-kit/core";
+import { useSensors as Wo, useSensor as va, PointerSensor as Go, KeyboardSensor as Vo, DndContext as jo, closestCenter as Ko, DragOverlay as Yo } from "@dnd-kit/core";
 import { sortableKeyboardCoordinates as Uo, arrayMove as Xo, SortableContext as qo, rectSortingStrategy as Zo, useSortable as Jo } from "@dnd-kit/sortable";
 import { CSS as Qo } from "@dnd-kit/utilities";
 import { restrictToParentElement as el } from "@dnd-kit/modifiers";
@@ -57,13 +57,13 @@ const ml = {
     bg: B.BrandPrimary,
     color: B.TextInverse,
     borderColor: "transparent",
-    elevation: je.ButtonDefault
+    elevation: Ve.ButtonDefault
   },
   secondary: {
     bg: B.BgSurface,
     color: B.TextPrimary,
     borderColor: B.BorderDefault,
-    elevation: je.ButtonDefault
+    elevation: Ve.ButtonDefault
   },
   ghost: {
     bg: "transparent",
@@ -79,7 +79,7 @@ const ml = {
     bg: B.Red600,
     color: B.TextInverse,
     borderColor: "transparent",
-    elevation: je.ButtonDefault
+    elevation: Ve.ButtonDefault
   }
 }, pl = {
   xs: { padding: J.Xs, paddingX: J.Sm, fontSize: "0.75rem", fontWeight: "500", minHeight: "24px", gap: J.Xs },
@@ -239,9 +239,9 @@ const hl = {
   }
 );
 nt.displayName = "PresetCheckbox";
-const Za = Vt(null);
+const Za = Gt(null);
 function vl() {
-  return jt(Za);
+  return Vt(Za);
 }
 function _l({
   value: r,
@@ -389,9 +389,9 @@ const Nl = {
   }
 );
 ir.displayName = "PresetRadio";
-const Ja = Vt(null);
+const Ja = Gt(null);
 function kl() {
-  return jt(Ja);
+  return Vt(Ja);
 }
 function wl({
   value: r,
@@ -724,7 +724,7 @@ const Ol = {
       if (!T.current) return 0;
       const Q = T.current.getBoundingClientRect(), K = b === "horizontal" ? (A - Q.left) / Q.width : 1 - (U - Q.top) / Q.height;
       return c + Math.min(1, Math.max(0, K)) * (i - c);
-    }, [b, c, i]), G = k((A) => {
+    }, [b, c, i]), j = k((A) => {
       if (_) return;
       A.preventDefault();
       const U = X(A.clientX, A.clientY), Q = Math.abs(U - P[0]) <= Math.abs(U - P[1]) ? 0 : 1;
@@ -754,8 +754,8 @@ const Ol = {
       U.preventDefault();
       const K = [...P];
       K[A] += Q, H(K, !0);
-    }, [_, u, P, H]), W = Math.abs(L - z) < 5, Y = { ...Ll, ...Ol[a] }, V = ["gloss-preset-rangeslider", `gloss-preset-rangeslider--${a}`, _ && "gloss-preset-rangeslider--disabled"].filter(Boolean).join(" ");
-    return /* @__PURE__ */ d("div", { className: V, children: [
+    }, [_, u, P, H]), W = Math.abs(L - z) < 5, Y = { ...Ll, ...Ol[a] }, G = ["gloss-preset-rangeslider", `gloss-preset-rangeslider--${a}`, _ && "gloss-preset-rangeslider--disabled"].filter(Boolean).join(" ");
+    return /* @__PURE__ */ d("div", { className: G, children: [
       v && /* @__PURE__ */ d("label", { className: "gloss-preset-rangeslider__label", htmlFor: w, children: [
         v,
         m && /* @__PURE__ */ d("span", { className: "gloss-preset-rangeslider__value-label", children: [
@@ -766,7 +766,7 @@ const Ol = {
       ] }),
       /* @__PURE__ */ e("input", { ref: t, type: "hidden", id: w, name: I ? `${I}[0]` : void 0, value: P[0] }),
       /* @__PURE__ */ e("input", { type: "hidden", name: I ? `${I}[1]` : void 0, value: P[1] }),
-      /* @__PURE__ */ e(ns, { definition: Y, orientation: b, disabled: _, collision: W, children: /* @__PURE__ */ d("div", { ref: T, className: "gloss-base-rangeslider__track", onMouseDown: G, children: [
+      /* @__PURE__ */ e(ns, { definition: Y, orientation: b, disabled: _, collision: W, children: /* @__PURE__ */ d("div", { ref: T, className: "gloss-base-rangeslider__track", onMouseDown: j, children: [
         /* @__PURE__ */ e("div", { className: "gloss-base-rangeslider__fill", style: b === "horizontal" ? { left: `${z}%`, width: `${L - z}%` } : { bottom: `${z}%`, height: `${L - z}%` } }),
         /* @__PURE__ */ e("div", { className: `gloss-base-rangeslider__thumb ${x === 0 ? "gloss-base-rangeslider__thumb--active" : ""}`, role: "slider", tabIndex: _ ? -1 : 0, "aria-valuenow": P[0], "aria-valuemin": c, "aria-valuemax": P[1] - g, onMouseDown: (A) => {
           _ || (A.preventDefault(), A.stopPropagation(), D(0));
@@ -860,11 +860,11 @@ function en(r = {}) {
     n && i.current && i.current.focus?.();
   }, [n]), c;
 }
-const Vl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], jl = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], gt = (r, t) => r.getFullYear() === t.getFullYear() && r.getMonth() === t.getMonth() && r.getDate() === t.getDate(), _a = (r, t) => new Date(r, t + 1, 0).getDate(), Gl = (r, t) => new Date(r, t, 1).getDay(), Kl = (r, t) => {
+const Gl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], Vl = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], gt = (r, t) => r.getFullYear() === t.getFullYear() && r.getMonth() === t.getMonth() && r.getDate() === t.getDate(), _a = (r, t) => new Date(r, t + 1, 0).getDate(), jl = (r, t) => new Date(r, t, 1).getDay(), Kl = (r, t) => {
   const a = r.getDate(), n = r.getMonth() + 1, s = r.getFullYear();
   return t.replace("DD", String(a).padStart(2, "0")).replace("D", String(a)).replace("MM", String(n).padStart(2, "0")).replace("M", String(n)).replace("YYYY", String(s)).replace("YY", String(s).slice(-2));
 }, Sr = (r, t, a, n, s) => t && r < t || a && r > a || n?.some((l) => gt(l, r)) ? !0 : s?.(r) ?? !1, Yl = (r, t, a, n, s, l, o, c) => {
-  const i = [], u = /* @__PURE__ */ new Date(), g = _a(r, t), m = (Gl(r, t) - n + 7) % 7, y = t === 0 ? 11 : t - 1, b = t === 0 ? r - 1 : r, _ = _a(b, y);
+  const i = [], u = /* @__PURE__ */ new Date(), g = _a(r, t), m = (jl(r, t) - n + 7) % 7, y = t === 0 ? 11 : t - 1, b = t === 0 ? r - 1 : r, _ = _a(b, y);
   for (let I = m - 1; I >= 0; I--) {
     const N = new Date(b, y, _ - I);
     i.push({ date: N, isCurrentMonth: !1, isToday: gt(N, u), isSelected: a ? gt(N, a) : !1, isDisabled: Sr(N, s, l, o, c) });
@@ -915,33 +915,33 @@ const Vl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], jl = ["January", "
     ie(() => {
       z && E(z);
     }, [z]);
-    const H = en({ enabled: M, onEscape: () => x(!1) }), X = re(() => Yl(L.getFullYear(), L.getMonth(), z, y, c, i, u, g), [L, z, y, c, i, u, g]), G = re(() => {
-      const j = [...Vl];
+    const H = en({ enabled: M, onEscape: () => x(!1) }), X = re(() => Yl(L.getFullYear(), L.getMonth(), z, y, c, i, u, g), [L, z, y, c, i, u, g]), j = re(() => {
+      const V = [...Gl];
       if (y > 0) {
-        const q = j.splice(0, y);
-        j.push(...q);
+        const q = V.splice(0, y);
+        V.push(...q);
       }
-      return j;
-    }, [y]), $ = k((j) => {
-      P || C(j), o?.(j), x(!1);
-    }, [P, o]), W = k((j) => {
-      j.stopPropagation(), P || C(null), o?.(null);
-    }, [P, o]), Y = k((j) => E((q) => {
+      return V;
+    }, [y]), $ = k((V) => {
+      P || C(V), o?.(V), x(!1);
+    }, [P, o]), W = k((V) => {
+      V.stopPropagation(), P || C(null), o?.(null);
+    }, [P, o]), Y = k((V) => E((q) => {
       const be = new Date(q);
-      return be.setMonth(be.getMonth() + j), be;
+      return be.setMonth(be.getMonth() + V), be;
     }), []);
     ie(() => {
       if (!M) return;
-      const j = (q) => {
+      const V = (q) => {
         f.current && !f.current.contains(q.target) && x(!1);
       };
-      return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
+      return document.addEventListener("mousedown", V), () => document.removeEventListener("mousedown", V);
     }, [M]);
-    const V = z ? Kl(z, p) : "", A = {
+    const G = z ? Kl(z, p) : "", A = {
       bg: B.BgSurface,
       borderColor: Xl[a],
       radius: xe.Md,
-      elevation: je.Card,
+      elevation: Ve.Card,
       ...Ul[n]
     }, U = { bg: B.BrandPrimary, color: B.TextInverse, radius: xe.Sm }, Q = { bg: B.BgMuted, radius: xe.Sm }, K = [
       "gloss-preset-datepicker",
@@ -955,9 +955,9 @@ const Vl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], jl = ["January", "
         S && /* @__PURE__ */ e("span", { className: "gloss-preset-datepicker__required", children: "*" })
       ] }),
       /* @__PURE__ */ e("input", { ref: t, type: "hidden", id: T, name: N, value: z ? z.toISOString() : "" }),
-      /* @__PURE__ */ d("button", { type: "button", className: "gloss-preset-datepicker__trigger", onClick: () => !v && x((j) => !j), disabled: v, "aria-haspopup": "dialog", "aria-expanded": M, children: [
+      /* @__PURE__ */ d("button", { type: "button", className: "gloss-preset-datepicker__trigger", onClick: () => !v && x((V) => !V), disabled: v, "aria-haspopup": "dialog", "aria-expanded": M, children: [
         /* @__PURE__ */ e(ye, { name: "calendar", size: "sm" }),
-        /* @__PURE__ */ e("span", { className: `gloss-preset-datepicker__value ${V ? "" : "gloss-preset-datepicker__placeholder"}`, children: V || m }),
+        /* @__PURE__ */ e("span", { className: `gloss-preset-datepicker__value ${G ? "" : "gloss-preset-datepicker__placeholder"}`, children: G || m }),
         h && z && /* @__PURE__ */ e("span", { className: "gloss-preset-datepicker__clear", onClick: W, role: "button", tabIndex: -1, children: /* @__PURE__ */ e(ye, { name: "x", size: "sm" }) }),
         /* @__PURE__ */ e(ye, { name: "chevron-down", size: "sm" })
       ] }),
@@ -965,25 +965,25 @@ const Vl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], jl = ["January", "
         /* @__PURE__ */ d(Wa, { children: [
           /* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-datepicker__nav-btn", onClick: () => Y(-1), "aria-label": "Previous month", children: /* @__PURE__ */ e(ye, { name: "chevron-left", size: "sm" }) }),
           /* @__PURE__ */ d("span", { className: "gloss-preset-datepicker__title", children: [
-            jl[L.getMonth()],
+            Vl[L.getMonth()],
             " ",
             L.getFullYear()
           ] }),
           /* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-datepicker__nav-btn", onClick: () => Y(1), "aria-label": "Next month", children: /* @__PURE__ */ e(ye, { name: "chevron-right", size: "sm" }) })
         ] }),
-        /* @__PURE__ */ e("div", { className: "gloss-preset-datepicker__day-headers", children: G.map((j) => /* @__PURE__ */ e("span", { className: "gloss-preset-datepicker__day-header", children: j }, j)) }),
-        /* @__PURE__ */ e(Va, { children: X.map((j, q) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "gloss-preset-datepicker__day-headers", children: j.map((V) => /* @__PURE__ */ e("span", { className: "gloss-preset-datepicker__day-header", children: V }, V)) }),
+        /* @__PURE__ */ e(Ga, { children: X.map((V, q) => /* @__PURE__ */ e(
           os,
           {
-            definition: j.isSelected ? U : j.isToday ? Q : void 0,
-            selected: j.isSelected,
-            today: j.isToday,
-            outsideMonth: !j.isCurrentMonth,
-            disabled: j.isDisabled,
-            onClick: () => !j.isDisabled && $(j.date),
-            tabIndex: j.isSelected ? 0 : -1,
-            "aria-selected": j.isSelected,
-            children: j.date.getDate()
+            definition: V.isSelected ? U : V.isToday ? Q : void 0,
+            selected: V.isSelected,
+            today: V.isToday,
+            outsideMonth: !V.isCurrentMonth,
+            disabled: V.isDisabled,
+            onClick: () => !V.isDisabled && $(V.date),
+            tabIndex: V.isSelected ? 0 : -1,
+            "aria-selected": V.isSelected,
+            children: V.date.getDate()
           },
           q
         )) })
@@ -1041,23 +1041,23 @@ const Br = (r) => {
       clearable: v = !0,
       id: h,
       name: S
-    } = r, I = $e(), N = h || I, w = le(null), [T, f] = F(!1), [M, x] = F(l), D = s !== void 0, C = D ? s : M, P = re(() => Zl(u, g, p), [u, g, p]), z = k((G) => {
-      D || x(G), o?.(G), f(!1);
-    }, [D, o]), L = k((G) => {
-      G.stopPropagation(), D || x(""), o?.("");
+    } = r, I = $e(), N = h || I, w = le(null), [T, f] = F(!1), [M, x] = F(l), D = s !== void 0, C = D ? s : M, P = re(() => Zl(u, g, p), [u, g, p]), z = k((j) => {
+      D || x(j), o?.(j), f(!1);
+    }, [D, o]), L = k((j) => {
+      j.stopPropagation(), D || x(""), o?.("");
     }, [D, o]);
     ie(() => {
       if (!T) return;
-      const G = ($) => {
+      const j = ($) => {
         w.current && !w.current.contains($.target) && f(!1);
       };
-      return document.addEventListener("mousedown", G), () => document.removeEventListener("mousedown", G);
+      return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
     }, [T]);
     const E = C ? xa(C, c, i) : "", H = {
       bg: B.BgSurface,
       borderColor: Ql[a],
       radius: xe.Md,
-      elevation: je.Card,
+      elevation: Ve.Card,
       ...Jl[n]
     }, X = [
       "gloss-preset-timepicker",
@@ -1068,13 +1068,13 @@ const Br = (r) => {
     return /* @__PURE__ */ d("div", { className: X, ref: w, children: [
       y && /* @__PURE__ */ e("label", { className: "gloss-preset-timepicker__label", htmlFor: N, children: y }),
       /* @__PURE__ */ e("input", { ref: t, type: "hidden", id: N, name: S, value: C }),
-      /* @__PURE__ */ d("button", { type: "button", className: "gloss-preset-timepicker__trigger", onClick: () => !_ && f((G) => !G), disabled: _, "aria-haspopup": "listbox", "aria-expanded": T, children: [
+      /* @__PURE__ */ d("button", { type: "button", className: "gloss-preset-timepicker__trigger", onClick: () => !_ && f((j) => !j), disabled: _, "aria-haspopup": "listbox", "aria-expanded": T, children: [
         /* @__PURE__ */ e(ye, { name: "clock", size: "sm" }),
         /* @__PURE__ */ e("span", { className: `gloss-preset-timepicker__value ${E ? "" : "gloss-preset-timepicker__placeholder"}`, children: E || m }),
         v && C && /* @__PURE__ */ e("span", { className: "gloss-preset-timepicker__clear", onClick: L, role: "button", tabIndex: -1, children: /* @__PURE__ */ e(ye, { name: "x", size: "sm" }) }),
         /* @__PURE__ */ e(ye, { name: "chevron-down", size: "sm" })
       ] }),
-      T && /* @__PURE__ */ e(ls, { definition: H, children: /* @__PURE__ */ e(is, { children: P.map((G) => /* @__PURE__ */ e(cs, { selected: G === C, onClick: () => z(G), children: xa(G, c, i) }, G)) }) }),
+      T && /* @__PURE__ */ e(ls, { definition: H, children: /* @__PURE__ */ e(is, { children: P.map((j) => /* @__PURE__ */ e(cs, { selected: j === C, onClick: () => z(j), children: xa(j, c, i) }, j)) }) }),
       b && /* @__PURE__ */ e("div", { className: `gloss-preset-timepicker__helper ${a === "error" ? "gloss-preset-timepicker__helper--error" : ""}`, children: b })
     ] });
   }
@@ -1130,10 +1130,10 @@ const ti = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], ri = ["January", "
       clearable: S = !0,
       id: I,
       name: N
-    } = r, w = $e(), T = I || w, f = le(null), [M, x] = F(!1), [D, C] = F(l), [P, z] = F(!1), L = s !== void 0, E = L ? s : D, [H, X] = F(() => E.start || /* @__PURE__ */ new Date()), G = re(() => {
+    } = r, w = $e(), T = I || w, f = le(null), [M, x] = F(!1), [D, C] = F(l), [P, z] = F(!1), L = s !== void 0, E = L ? s : D, [H, X] = F(() => E.start || /* @__PURE__ */ new Date()), j = re(() => {
       const te = new Date(H);
       return te.setMonth(te.getMonth() + 1), te;
-    }, [H]), $ = en({ enabled: M, onEscape: () => x(!1) }), W = re(() => Sa(H.getFullYear(), H.getMonth(), E, b, c, i), [H, E, b, c, i]), Y = re(() => Sa(G.getFullYear(), G.getMonth(), E, b, c, i), [G, E, b, c, i]), V = re(() => {
+    }, [H]), $ = en({ enabled: M, onEscape: () => x(!1) }), W = re(() => Sa(H.getFullYear(), H.getMonth(), E, b, c, i), [H, E, b, c, i]), Y = re(() => Sa(j.getFullYear(), j.getMonth(), E, b, c, i), [j, E, b, c, i]), G = re(() => {
       const te = [...ti];
       if (b > 0) {
         const ge = te.splice(0, b);
@@ -1164,11 +1164,11 @@ const ti = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], ri = ["January", "
       };
       return document.addEventListener("mousedown", te), () => document.removeEventListener("mousedown", te);
     }, [M]);
-    const K = re(() => !E.start && !E.end ? "" : E.start && !E.end ? `${kr(E.start, m)} - ...` : E.start && E.end ? `${kr(E.start, m)} - ${kr(E.end, m)}` : "", [E, m]), j = {
+    const K = re(() => !E.start && !E.end ? "" : E.start && !E.end ? `${kr(E.start, m)} - ...` : E.start && E.end ? `${kr(E.start, m)} - ${kr(E.end, m)}` : "", [E, m]), V = {
       bg: B.BgSurface,
       borderColor: a === "error" ? B.BorderError : a === "success" ? B.BorderSuccess : B.BorderDefault,
       radius: xe.Md,
-      elevation: je.Card,
+      elevation: Ve.Card,
       ...ni[n]
     }, q = [
       "gloss-preset-daterangepicker",
@@ -1185,8 +1185,8 @@ const ti = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], ri = ["January", "
         ] }),
         ne === "right" && /* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-daterangepicker__nav-btn", onClick: () => Q(1), "aria-label": "Next month", children: /* @__PURE__ */ e(ye, { name: "chevron-right", size: "sm" }) })
       ] }),
-      /* @__PURE__ */ e("div", { className: "gloss-preset-daterangepicker__day-headers", children: V.map((de) => /* @__PURE__ */ e("span", { className: "gloss-preset-daterangepicker__day-header", children: de }, de)) }),
-      /* @__PURE__ */ e(Va, { children: ge.map((de, fe) => /* @__PURE__ */ e(us, { selected: de.isSelected, today: de.isToday, outsideMonth: !de.isCurrentMonth, disabled: de.isDisabled, rangeStart: de.isRangeStart, rangeEnd: de.isRangeEnd, inRange: de.inRange, onClick: () => !de.isDisabled && A(de.date), children: de.date.getDate() }, fe)) })
+      /* @__PURE__ */ e("div", { className: "gloss-preset-daterangepicker__day-headers", children: G.map((de) => /* @__PURE__ */ e("span", { className: "gloss-preset-daterangepicker__day-header", children: de }, de)) }),
+      /* @__PURE__ */ e(Ga, { children: ge.map((de, fe) => /* @__PURE__ */ e(us, { selected: de.isSelected, today: de.isToday, outsideMonth: !de.isCurrentMonth, disabled: de.isDisabled, rangeStart: de.isRangeStart, rangeEnd: de.isRangeEnd, inRange: de.inRange, onClick: () => !de.isDisabled && A(de.date), children: de.date.getDate() }, fe)) })
     ] });
     return /* @__PURE__ */ d("div", { className: q, ref: f, children: [
       _ && /* @__PURE__ */ e("label", { className: "gloss-preset-daterangepicker__label", htmlFor: T, children: _ }),
@@ -1202,9 +1202,9 @@ const ti = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], ri = ["January", "
         p && g.length > 0 && /* @__PURE__ */ e("div", { className: "gloss-preset-daterangepicker__presets", children: g.map((te) => /* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-daterangepicker__preset", onClick: () => {
           L || C(te.range), o?.(te.range), x(!1);
         }, children: te.label }, te.label)) }),
-        /* @__PURE__ */ d(ds, { definition: j, children: [
+        /* @__PURE__ */ d(ds, { definition: V, children: [
           be(H, W, "left"),
-          be(G, Y, "right")
+          be(j, Y, "right")
         ] })
       ] }),
       v && /* @__PURE__ */ e("div", { className: `gloss-preset-daterangepicker__helper ${a === "error" ? "gloss-preset-daterangepicker__helper--error" : ""}`, children: v })
@@ -1253,9 +1253,9 @@ const si = () => Math.random().toString(36).slice(2, 11), Ca = (r) => {
       return null;
     }, [i, o]), L = k(($) => {
       const W = c ? c - C.length : 1 / 0, Y = [];
-      Array.from($).slice(0, W).forEach((V) => {
-        const A = z(V), U = V.type.startsWith("image/") ? URL.createObjectURL(V) : void 0;
-        Y.push({ file: V, id: si(), error: A || void 0, preview: U }), A && v?.(A);
+      Array.from($).slice(0, W).forEach((G) => {
+        const A = z(G), U = G.type.startsWith("image/") ? URL.createObjectURL(G) : void 0;
+        Y.push({ file: G, id: si(), error: A || void 0, preview: U }), A && v?.(A);
       }), $.length > W && W >= 0 && v?.(`Maximum ${c} files allowed`), P([...C, ...Y]);
     }, [C, c, z, P, v]), E = k(($) => {
       const W = C.find((Y) => Y.id === $);
@@ -1268,13 +1268,13 @@ const si = () => Math.random().toString(36).slice(2, 11), Ca = (r) => {
       borderStyle: "dashed",
       radius: xe.Md,
       ...oi[n]
-    }, G = [
+    }, j = [
       "gloss-preset-fileupload",
       `gloss-preset-fileupload--${a}`,
       `gloss-preset-fileupload--${n}`,
       g && "gloss-preset-fileupload--disabled"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ d("div", { className: G, children: [
+    return /* @__PURE__ */ d("div", { className: j, children: [
       b && /* @__PURE__ */ e("label", { className: "gloss-preset-fileupload__label", htmlFor: N, children: b }),
       /* @__PURE__ */ e(
         "input",
@@ -1421,7 +1421,7 @@ const li = [
     }, [h]);
     const P = {
       radius: xe.Md,
-      elevation: je.Card,
+      elevation: Ve.Card,
       ...ci[a]
     }, z = [
       "gloss-preset-colorpicker",
@@ -1960,7 +1960,7 @@ const zi = {
   bg: B.BgSurface,
   radius: xe.Md
 };
-B.BgSurface, B.BorderDefault, xe.Md, je.Card;
+B.BgSurface, B.BorderDefault, xe.Md, Ve.Card;
 function Ct(r) {
   const {
     variant: t = "default",
@@ -1987,11 +1987,11 @@ function Ct(r) {
   return /* @__PURE__ */ e(Cs, { definition: g, className: p, children: i });
 }
 Ct.displayName = "PresetSelect";
-const $i = Vt("md"), Fi = {
+const $i = Gt("md"), Fi = {
   elevated: {
     bg: B.BgSurface,
     border: "none",
-    elevation: je.Card
+    elevation: Ve.Card
   },
   outlined: {
     bg: B.BgSurface,
@@ -2044,27 +2044,27 @@ const Wi = Z.forwardRef(
   }
 );
 Wi.displayName = "PresetCardBody";
-const Vi = Z.forwardRef(
+const Gi = Z.forwardRef(
   ({ children: r, ...t }, a) => {
     const n = { ...t };
     return delete n.className, delete n.style, /* @__PURE__ */ e(Es, { ref: a, className: "gloss-preset-card__footer", ...n, children: /* @__PURE__ */ e(yt, { region: "card-footer", children: r }) });
   }
 );
-Vi.displayName = "PresetCardFooter";
-const ji = Z.forwardRef(
+Gi.displayName = "PresetCardFooter";
+const Vi = Z.forwardRef(
   ({ src: r, alt: t, height: a, children: n, ...s }, l) => {
     const o = { ...s };
     return delete o.className, delete o.style, /* @__PURE__ */ e(ws, { ref: l, src: r, alt: t, height: a, className: "gloss-preset-card__media", ...o, children: n });
   }
 );
-ji.displayName = "PresetCardMedia";
-const Gi = Z.forwardRef(
+Vi.displayName = "PresetCardMedia";
+const ji = Z.forwardRef(
   ({ children: r, ...t }, a) => {
     const n = { ...t };
     return delete n.className, delete n.style, /* @__PURE__ */ e(Is, { ref: a, className: "gloss-preset-card__title", ...n, children: r });
   }
 );
-Gi.displayName = "PresetCardTitle";
+ji.displayName = "PresetCardTitle";
 const Ki = Z.forwardRef(
   ({ children: r, ...t }, a) => {
     const n = { ...t };
@@ -2268,7 +2268,7 @@ const nc = {
   bg: B.BgSurface,
   borderColor: B.BorderDefault,
   radius: xe.Md,
-  elevation: je.Card
+  elevation: Ve.Card
 }, oc = Z.forwardRef(
   ({ size: r = "md", children: t, ...a }, n) => {
     const s = { ...a };
@@ -2523,13 +2523,13 @@ const Ue = {
     easing: Xe.easeInOut
   }
 };
-function bm(r, t = Ue.normal, a = Xe.easeOut) {
+function ym(r, t = Ue.normal, a = Xe.easeOut) {
   return r.map((n) => `${n} ${t}ms ${a}`).join(", ");
 }
-function ym(r, t, a) {
+function vm(r, t, a) {
   return r + (t - r) * a;
 }
-function vm(r) {
+function _m(r) {
   const t = r.match(/^([-\d.]+)(.*)$/);
   return t ? { value: parseFloat(t[1]), unit: t[2] || "" } : { value: 0, unit: "" };
 }
@@ -2584,9 +2584,9 @@ function pc({ children: r }) {
   return /* @__PURE__ */ e("div", { className: "gloss-preset-transition-group", children: r });
 }
 pc.displayName = "TransitionGroup";
-const cn = Vt(null);
+const cn = Gt(null);
 function gc() {
-  const r = jt(cn);
+  const r = Vt(cn);
   if (!r)
     throw new Error("useFormContext must be used within a Form component");
   return r;
@@ -3592,7 +3592,7 @@ const Dr = {
       prefix: l?.prefix || "",
       suffix: l?.suffix || "",
       abbreviated: l?.abbreviated
-    }), Y = ga($.length, i), V = Math.max(Y - 4, 14);
+    }), Y = ga($.length, i), G = Math.max(Y - 4, 14);
     return /* @__PURE__ */ d("div", { style: { display: "flex", alignItems: "center", gap: 12, flex: 1 }, children: [
       /* @__PURE__ */ d("div", { style: { display: "flex", flexDirection: "column" }, children: [
         /* @__PURE__ */ e(
@@ -3612,7 +3612,7 @@ const Dr = {
         /* @__PURE__ */ e("span", { style: { fontSize: 10, color: "rgba(0,0,0,0.35)", marginTop: 2 }, children: N.currentLabel })
       ] }),
       /* @__PURE__ */ e(
-        ja,
+        Va,
         {
           definition: { orientation: "vertical", color: "rgba(0,0,0,0.08)" },
           style: { flexShrink: 0 }
@@ -3624,7 +3624,7 @@ const Dr = {
           {
             style: {
               fontWeight: 700,
-              fontSize: V,
+              fontSize: G,
               letterSpacing: "-0.03em",
               color: "rgba(0,0,0,0.5)",
               lineHeight: 1.1
@@ -3697,14 +3697,14 @@ const Dr = {
         ))
       }
     )
-  ] }), G = [
+  ] }), j = [
     "gloss-threshold-overlay",
     g === "warn" ? "gloss-threshold-warn" : "",
     g === "critical" ? "gloss-threshold-critical" : "",
     g === "critical" ? "gloss-threshold-pulse" : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ d(Be, { children: [
-    g !== "none" && /* @__PURE__ */ e("div", { className: G }),
+    g !== "none" && /* @__PURE__ */ e("div", { className: j }),
     g === "warn" && /* @__PURE__ */ e("span", { className: "gloss-threshold-icon gloss-threshold-icon--warn", children: /* @__PURE__ */ e(Sc, {}) }),
     g === "critical" && /* @__PURE__ */ e("span", { className: "gloss-threshold-icon gloss-threshold-icon--critical", children: /* @__PURE__ */ e(Cc, {}) }),
     a === "highlight" && T && /* @__PURE__ */ e(
@@ -3934,7 +3934,7 @@ const ct = {
   onConfigSave: z,
   onConfigCancel: L
 }) {
-  const E = P === "config", { phase: H, handleTransitionEnd: X, style: G } = kc(t, {
+  const E = P === "config", { phase: H, handleTransitionEnd: X, style: j } = kc(t, {
     slideDirection: "down",
     zBehind: 1,
     zFront: 16
@@ -3943,9 +3943,9 @@ const ct = {
     bottom: 0,
     left: "50%",
     transformOrigin: "top center",
-    ...G,
-    transform: `translateX(-50%) ${G.transform}`
-  }, W = le(null), Y = le(null), [V, A] = F(0), [U, Q] = F("up");
+    ...j,
+    transform: `translateX(-50%) ${j.transform}`
+  }, W = le(null), Y = le(null), [G, A] = F(0), [U, Q] = F("up");
   ie(() => {
     W.current && A(W.current.scrollHeight);
   }, [a, T, f, w]), ie(() => {
@@ -3956,7 +3956,7 @@ const ct = {
   }, [a]);
   const K = k((Fe) => () => {
     n(!1), Fe && Fe();
-  }, [n]), [j, q] = F(null), [be, te] = F(null), [ge, ne] = F(!1), de = le(null), fe = k(() => {
+  }, [n]), [V, q] = F(null), [be, te] = F(null), [ge, ne] = F(!1), de = le(null), fe = k(() => {
     !_ || ge || (ne(!0), _(), de.current = setTimeout(() => ne(!1), 5e3));
   }, [_, ge]);
   ie(() => () => {
@@ -4031,7 +4031,7 @@ const ct = {
                 transform: "translateX(-50%)",
                 zIndex: 15,
                 overflow: "hidden",
-                height: a ? V : 0,
+                height: a ? G : 0,
                 transition: "height 220ms cubic-bezier(0.32, 0.72, 0, 1)",
                 pointerEvents: a ? "auto" : "none"
               },
@@ -4191,8 +4191,8 @@ const ct = {
                   {
                     style: {
                       ...ct,
-                      color: j === "flipback" ? "#4338ca" : "#4f46e5",
-                      background: j === "flipback" ? "rgba(79, 70, 229, 0.14)" : "transparent"
+                      color: V === "flipback" ? "#4338ca" : "#4f46e5",
+                      background: V === "flipback" ? "rgba(79, 70, 229, 0.14)" : "transparent"
                     },
                     onMouseEnter: () => q("flipback"),
                     onMouseLeave: () => q(null),
@@ -4207,8 +4207,8 @@ const ct = {
                     {
                       style: {
                         ...ct,
-                        color: j === "retry" ? "#4338ca" : "#4f46e5",
-                        background: j === "retry" ? "rgba(79, 70, 229, 0.14)" : "transparent"
+                        color: V === "retry" ? "#4338ca" : "#4f46e5",
+                        background: V === "retry" ? "rgba(79, 70, 229, 0.14)" : "transparent"
                       },
                       onMouseEnter: () => q("retry"),
                       onMouseLeave: () => q(null),
@@ -4222,8 +4222,8 @@ const ct = {
                     {
                       style: {
                         ...ct,
-                        color: Se === "pressed" ? "#3730a3" : Se === "check" ? "#10b981" : M ? "#ffffff" : j === "graph" ? "#4338ca" : "#4f46e5",
-                        background: Se === "pressed" ? "rgba(79, 70, 229, 0.2)" : M ? "#4f46e5" : j === "graph" ? "rgba(79, 70, 229, 0.14)" : "transparent",
+                        color: Se === "pressed" ? "#3730a3" : Se === "check" ? "#10b981" : M ? "#ffffff" : V === "graph" ? "#4338ca" : "#4f46e5",
+                        background: Se === "pressed" ? "rgba(79, 70, 229, 0.2)" : M ? "#4f46e5" : V === "graph" ? "rgba(79, 70, 229, 0.14)" : "transparent",
                         transform: Se === "pressed" ? "scale(0.9)" : "scale(1)",
                         transition: "color 150ms, background 150ms, transform 100ms"
                       },
@@ -4240,8 +4240,8 @@ const ct = {
                     {
                       style: {
                         ...ct,
-                        color: _e === "pressed" ? "#3730a3" : _e === "check" || x ? "#10b981" : j === "details" ? "#4338ca" : "#4f46e5",
-                        background: _e === "pressed" ? "rgba(79, 70, 229, 0.2)" : x ? "rgba(16, 185, 129, 0.1)" : j === "details" ? "rgba(79, 70, 229, 0.14)" : "transparent",
+                        color: _e === "pressed" ? "#3730a3" : _e === "check" || x ? "#10b981" : V === "details" ? "#4338ca" : "#4f46e5",
+                        background: _e === "pressed" ? "rgba(79, 70, 229, 0.2)" : x ? "rgba(16, 185, 129, 0.1)" : V === "details" ? "rgba(79, 70, 229, 0.14)" : "transparent",
                         transform: _e === "pressed" ? "scale(0.9)" : "scale(1)",
                         transition: "color 150ms, background 150ms, transform 100ms"
                       },
@@ -4266,8 +4266,8 @@ const ct = {
                           fontSize: 11,
                           fontWeight: 500,
                           gap: 3,
-                          color: j === "navigate" ? "#4338ca" : "#4f46e5",
-                          background: j === "navigate" ? "rgba(79, 70, 229, 0.14)" : "transparent"
+                          color: V === "navigate" ? "#4338ca" : "#4f46e5",
+                          background: V === "navigate" ? "rgba(79, 70, 229, 0.14)" : "transparent"
                         },
                         onMouseEnter: () => q("navigate"),
                         onMouseLeave: () => q(null),
@@ -4284,8 +4284,8 @@ const ct = {
                       {
                         style: {
                           ...ct,
-                          color: j === "more" ? "#059669" : "#10b981",
-                          background: j === "more" ? "rgba(16, 185, 129, 0.14)" : "transparent"
+                          color: V === "more" ? "#059669" : "#10b981",
+                          background: V === "more" ? "rgba(16, 185, 129, 0.14)" : "transparent"
                         },
                         onMouseEnter: () => q("more"),
                         onMouseLeave: () => q(null),
@@ -4300,8 +4300,8 @@ const ct = {
                       {
                         style: {
                           ...ct,
-                          color: j === "navigate" ? "#dc2626" : "#ef4444",
-                          background: j === "navigate" ? "rgba(239, 68, 68, 0.14)" : "transparent"
+                          color: V === "navigate" ? "#dc2626" : "#ef4444",
+                          background: V === "navigate" ? "rgba(239, 68, 68, 0.14)" : "transparent"
                         },
                         onMouseEnter: () => q("navigate"),
                         onMouseLeave: () => q(null),
@@ -4317,8 +4317,8 @@ const ct = {
                       {
                         style: {
                           ...ct,
-                          color: j === "more" ? "#4338ca" : "#4f46e5",
-                          background: j === "more" ? "rgba(79, 70, 229, 0.14)" : "transparent"
+                          color: V === "more" ? "#4338ca" : "#4f46e5",
+                          background: V === "more" ? "rgba(79, 70, 229, 0.14)" : "transparent"
                         },
                         onMouseEnter: () => q("more"),
                         onMouseLeave: () => q(null),
@@ -4521,11 +4521,11 @@ const tt = function({
   instanceStackedTimeframes: E,
   isGraphActive: H,
   isTableActive: X,
-  isGraphCard: G,
+  isGraphCard: j,
   canExpand: $,
   cardRef: W
 }) {
-  const [Y, V] = F(!1), [A, U] = F(!1), [Q, K] = F(!1), j = le(null), q = le(!1), be = le(null), te = W ?? be, ge = le(null), ne = le(null), de = t ?? a, fe = k(() => {
+  const [Y, G] = F(!1), [A, U] = F(!1), [Q, K] = F(!1), V = le(null), q = le(!1), be = le(null), te = W ?? be, ge = le(null), ne = le(null), de = t ?? a, fe = k(() => {
     ge.current = null, ne.current = null, K(!0);
   }, []), Se = k(() => {
     if (K(!1), z) {
@@ -4543,21 +4543,21 @@ const tt = function({
       };
   }, [m, te]);
   ie(() => () => {
-    j.current && clearTimeout(j.current);
+    V.current && clearTimeout(V.current);
   }, []), ie(() => {
-    c && (V(!1), j.current && (clearTimeout(j.current), j.current = null));
+    c && (G(!1), V.current && (clearTimeout(V.current), V.current = null));
   }, [c]);
   const We = k(() => {
-    q.current = !1, j.current && (clearTimeout(j.current), j.current = null), V(!0);
+    q.current = !1, V.current && (clearTimeout(V.current), V.current = null), G(!0);
   }, []), Ee = k(() => {
     if (A) {
       q.current = !0;
       return;
     }
-    q.current = !1, j.current = setTimeout(() => V(!1), 180);
+    q.current = !1, V.current = setTimeout(() => G(!1), 180);
   }, [A]);
   ie(() => {
-    !A && q.current && (q.current = !1, j.current = setTimeout(() => V(!1), 180));
+    !A && q.current && (q.current = !1, V.current = setTimeout(() => G(!1), 180));
   }, [A]);
   const ue = Y || A, ve = [
     u ? "gloss-card-shell--accent-ring" : ""
@@ -4678,7 +4678,7 @@ const tt = function({
             onRetry: N,
             onRefresh: w,
             canExpand: $,
-            isGraphCard: G,
+            isGraphCard: j,
             colSpan: n,
             isGraphActive: H,
             isTableActive: X,
@@ -4881,8 +4881,9 @@ function Bc(r) {
     a({ type: "BEGIN_CONFIG", cardId: i, dimensionId: u });
   }, []), l = k(
     (i) => {
+      if (t.state !== "configuring") return;
       const u = i ? { ...t.dirtyState, ...i } : { ...t.dirtyState };
-      a({ type: "COMMIT_CONFIG", patch: i }), t.state === "configuring" && n && n(u);
+      a({ type: "COMMIT_CONFIG" }), n?.(u);
     },
     [t.dirtyState, t.state, n]
   ), o = k(() => {
@@ -4901,22 +4902,31 @@ function Bc(r) {
     setDirty: c
   };
 }
-const pr = Vt(null);
+const pr = Gt(null);
 pr.displayName = "FlipAndStageContext";
-function _m({ children: r }) {
+function xm({ children: r }) {
   const t = Bc();
   return /* @__PURE__ */ e(pr.Provider, { value: t, children: r });
 }
-function xm() {
-  const r = jt(pr);
+function Nm() {
+  const r = Vt(pr);
   if (r === null)
     throw new Error("useFlipAndStageContext must be inside FlipAndStageProvider");
   return r;
 }
 function Ec() {
-  return jt(pr);
+  return Vt(pr);
 }
-const Pc = 130, zc = 45, Rc = 45, Ac = {
+const Pc = {
+  /** Delay before flip animation begins (ms). */
+  flipStart: 50,
+  /** Duration of panel extrude animation (ms). */
+  extrude: 200,
+  /** Duration of settle animation (ms). */
+  settle: 100,
+  /** Total choreography duration (ms). */
+  total: 350
+}, zc = 130, Rc = 45, Ac = 45, $c = {
   width: "100%",
   height: "100%",
   "& .MuiDataGrid-main": {
@@ -5103,16 +5113,16 @@ const Pc = 130, zc = 45, Rc = 45, Ac = {
     textAlign: "start"
   }
 };
-function $c(r) {
+function Fc(r) {
   return r.map((t) => {
-    if ((t.width || t.minWidth || 150) <= Pc && !String(t.headerClassName || "").includes("dropdown-header") && t.disableColumnMenu !== !0) {
+    if ((t.width || t.minWidth || 150) <= zc && !String(t.headerClassName || "").includes("dropdown-header") && t.disableColumnMenu !== !0) {
       const n = [t.headerClassName, "narrow-header"].filter(Boolean).join(" ").trim();
       return { ...t, headerClassName: n };
     }
     return t;
   });
 }
-function Fc(r) {
+function Oc(r) {
   const t = r.map((a) => {
     const n = {
       field: a.field,
@@ -5139,15 +5149,15 @@ function Fc(r) {
     }
     return n;
   });
-  return $c(t);
+  return Fc(t);
 }
-function Oc(r) {
+function Lc(r) {
   return r.map((t) => ({ field: t.field, sort: t.sort }));
 }
-function Lc(r) {
+function Hc(r) {
   return r.filter((t) => t.sort != null).map((t) => ({ field: t.field, sort: t.sort }));
 }
-function Hc(r) {
+function Wc(r) {
   const {
     data: t,
     columns: a,
@@ -5159,17 +5169,17 @@ function Hc(r) {
     pagination: i,
     activeFilters: u,
     onFilterRemove: g,
-    rowHeight: p = zc,
-    headerHeight: m = Rc,
+    rowHeight: p = Rc,
+    headerHeight: m = Ac,
     onCellClick: y,
     onContextMenu: b,
     getRowId: _
-  } = r, v = Zs(), h = re(() => Fc(a), [a]), S = re(
-    () => o ? Oc(o) : [],
+  } = r, v = Zs(), h = re(() => Oc(a), [a]), S = re(
+    () => o ? Lc(o) : [],
     [o]
   ), I = k(
     (D) => {
-      c?.(Lc(D));
+      c?.(Hc(D));
     },
     [c]
   ), N = re(() => {
@@ -5214,7 +5224,7 @@ function Hc(r) {
     },
     rowCount: i.total,
     paginationMode: "server"
-  } : { autoPageSize: !0 }, [i]), x = re(() => Ac, []);
+  } : { autoPageSize: !0 }, [i]), x = re(() => $c, []);
   return s ? /* @__PURE__ */ e(
     pe,
     {
@@ -5281,8 +5291,8 @@ function Hc(r) {
     ) })
   ] });
 }
-const Wc = Z.memo(Hc);
-Wc.displayName = "UnifiedBreakdownTable";
+const Gc = Z.memo(Wc);
+Gc.displayName = "UnifiedBreakdownTable";
 const yn = Z.memo(({
   selections: r,
   metricGroup: t,
@@ -5381,7 +5391,7 @@ const Ma = () => /* @__PURE__ */ d(
   maxHeight: "240px",
   overflowY: "auto",
   zIndex: 10
-}, Gc = {
+}, Kc = {
   padding: "8px 14px",
   fontSize: "12px",
   fontFamily: "'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif",
@@ -5548,7 +5558,7 @@ const Ma = () => /* @__PURE__ */ d(
             },
             onMouseEnter: () => p(M),
             style: {
-              ...Gc,
+              ...Kc,
               background: M === g ? "rgba(79,70,229,0.08)" : "transparent"
             },
             children: _(f)
@@ -5560,7 +5570,7 @@ const Ma = () => /* @__PURE__ */ d(
   );
 });
 zr.displayName = "FilterInput";
-const Kc = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1)", Nt = "0.35s cubic-bezier(0.16, 1, 0.3, 1)", St = "0.25s cubic-bezier(0.4, 0, 1, 1)", vn = Z.memo(({
+const Yc = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1)", Nt = "0.35s cubic-bezier(0.16, 1, 0.3, 1)", St = "0.25s cubic-bezier(0.4, 0, 1, 1)", vn = Z.memo(({
   showRow2: r,
   showItemFilter: t,
   showEntityFilter: a,
@@ -5620,7 +5630,7 @@ const Kc = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
     width: s.width,
     transform: a ? "translateY(0)" : "translateY(-100%)",
     opacity: a ? 1 : 0,
-    transition: `${Kc}, transform ${a ? Nt : St}, opacity ${a ? Nt : St}`,
+    transition: `${Yc}, transform ${a ? Nt : St}, opacity ${a ? Nt : St}`,
     pointerEvents: a ? "auto" : "none"
   }, children: /* @__PURE__ */ e(
     zr,
@@ -5637,7 +5647,7 @@ const Kc = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
   ) })
 ] }) }));
 vn.displayName = "Row2FilterTray";
-const ar = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1)", Yc = "0.35s cubic-bezier(0.16, 1, 0.3, 1)", Uc = "0.25s cubic-bezier(0.4, 0, 1, 1)", Rr = Z.memo(({
+const ar = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1)", Uc = "0.35s cubic-bezier(0.16, 1, 0.3, 1)", Xc = "0.25s cubic-bezier(0.4, 0, 1, 1)", Rr = Z.memo(({
   pillLeft: r,
   pillWidth: t,
   pillTop: a,
@@ -5665,7 +5675,7 @@ const ar = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
       height: i ? o - a + 1 : n,
       background: "#fff",
       borderRadius: i ? "8px 8px 0 0" : "8px",
-      transition: `${ar}, height ${i ? Yc : Uc}, border-radius 0.15s ease`
+      transition: `${ar}, height ${i ? Uc : Xc}, border-radius 0.15s ease`
     } }),
     i && /* @__PURE__ */ e("div", { style: {
       position: "absolute",
@@ -5704,21 +5714,21 @@ const ar = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
   ] });
 });
 Rr.displayName = "FusedShape";
-const Xc = {
+const qc = {
   itemPill: { left: 0, width: 0, top: 0, height: 0 },
   itemFilter: { left: 0, width: 0, top: 0, height: 32 },
   entityPill: { left: 0, width: 0, top: 0, height: 0 },
   entityFilter: { left: 0, width: 0, top: 0, height: 32 },
   tracks: []
 };
-function qc(r, t, a, n, s, l, o, c, i, u) {
-  const [g, p] = F(Xc);
+function Zc(r, t, a, n, s, l, o, c, i, u) {
+  const [g, p] = F(qc);
   return ie(() => {
     const m = () => {
       const b = r.current, _ = t.current, v = a.current, h = n.current;
       if (!b || !_ || !v || !h) return;
-      const S = b.getBoundingClientRect(), I = (G) => {
-        const $ = G.getBoundingClientRect();
+      const S = b.getBoundingClientRect(), I = (j) => {
+        const $ = j.getBoundingClientRect();
         return {
           left: $.left - S.left,
           top: $.top - S.top,
@@ -5731,10 +5741,10 @@ function qc(r, t, a, n, s, l, o, c, i, u) {
       let H;
       o.dimension === "manufacturers" && C ? H = C.right - E : C ? H = C.left : H = T.left;
       const X = S.height + 2;
-      p((G) => ({
-        itemPill: x ? { left: x.left, width: x.width, top: x.top, height: x.height } : G.itemPill,
+      p((j) => ({
+        itemPill: x ? { left: x.left, width: x.width, top: x.top, height: x.height } : j.itemPill,
         itemFilter: { left: P, width: L, top: X, height: 32 },
-        entityPill: C ? { left: C.left, width: C.width, top: C.top, height: C.height } : G.entityPill,
+        entityPill: C ? { left: C.left, width: C.width, top: C.top, height: C.height } : j.entityPill,
         entityFilter: { left: H, width: E, top: X, height: 32 },
         tracks: f
       }));
@@ -5758,7 +5768,7 @@ function qc(r, t, a, n, s, l, o, c, i, u) {
     l
   ]), g;
 }
-const Zc = Z.memo(({
+const Jc = Z.memo(({
   vizState: r,
   onTypeChange: t,
   onQuantChange: a,
@@ -5797,10 +5807,10 @@ const Zc = Z.memo(({
       id: ue.id,
       label: ue.label || ue.name || ue.id
     }))
-  }), [y, i]), [I, N] = F(!1), [w, T] = F(!1), [f, M] = F(null), [x, D] = F(null), [C, P] = F(""), [z, L] = F(""), [E, H] = F(!1), X = _.entity === "items" && I, G = w, $ = X || G, W = le(null), Y = le(null), V = le(null), A = le(null), U = le({}), Q = le({}), K = qc(
+  }), [y, i]), [I, N] = F(!1), [w, T] = F(!1), [f, M] = F(null), [x, D] = F(null), [C, P] = F(""), [z, L] = F(""), [E, H] = F(!1), X = _.entity === "items" && I, j = w, $ = X || j, W = le(null), Y = le(null), G = le(null), A = le(null), U = le({}), Q = le({}), K = Zc(
     W,
     Y,
-    V,
+    G,
     A,
     U,
     Q,
@@ -5808,8 +5818,8 @@ const Zc = Z.memo(({
     $,
     f,
     x
-  ), j = le(_.dimension), q = le(null);
-  ie(() => (j.current !== _.dimension && (q.current && clearTimeout(q.current), H(!0), q.current = setTimeout(() => H(!1), 150)), j.current = _.dimension, () => {
+  ), V = le(_.dimension), q = le(null);
+  ie(() => (V.current !== _.dimension && (q.current && clearTimeout(q.current), H(!0), q.current = setTimeout(() => H(!1), 150)), V.current = _.dimension, () => {
     q.current && clearTimeout(q.current);
   }), [_.dimension]);
   const be = le({ id: null, name: null }), te = le({ id: null, name: null });
@@ -5873,7 +5883,7 @@ const Zc = Z.memo(({
           filterWidth: K.entityFilter.width,
           filterTop: K.entityFilter.top,
           filterHeight: K.entityFilter.height,
-          visible: G
+          visible: j
         }
       )
     ] }),
@@ -5888,12 +5898,12 @@ const Zc = Z.memo(({
         onEntityToggle: ne,
         onDimensionToggle: de,
         metricGroupRef: Y,
-        entityGroupRef: V,
+        entityGroupRef: G,
         dimensionGroupRef: A,
         entityTabRefs: U,
         dimensionTabRefs: Q,
         showItemFilter: X,
-        showEntityFilter: G,
+        showEntityFilter: j,
         showDimensionGroup: b,
         datePickerSlot: g
       }
@@ -5903,7 +5913,7 @@ const Zc = Z.memo(({
       {
         showRow2: $,
         showItemFilter: X,
-        showEntityFilter: G,
+        showEntityFilter: j,
         itemFilterLayout: { left: K.itemFilter.left, width: K.itemFilter.width },
         entityFilterLayout: { left: K.entityFilter.left, width: K.entityFilter.width },
         itemSearch: C,
@@ -5925,20 +5935,20 @@ const Zc = Z.memo(({
     ) })
   ] });
 });
-Zc.displayName = "ChartControlBar";
-const Nm = {
+Jc.displayName = "ChartControlBar";
+const Sm = {
   customer: { routeKey: "customer.profile", paramKey: "customerId", icon: "Person" },
   manufacturer: { routeKey: "manufacturer.profile", paramKey: "manufacturerId", icon: "Business" },
   salesperson: { routeKey: "salesperson.profile", paramKey: "salespersonId", icon: "Person" }
-}, Sm = {
+}, Cm = {
   customer: "customerId",
   manufacturer: "manufacturerId",
   salesperson: "salespersonId"
-}, Cm = {
+}, km = {
   customer: "customers",
   manufacturer: "manufacturers",
   salesperson: "salespeople"
-}, Jc = [
+}, Qc = [
   // ════════════════════════════════════════════════════════════════════════════
   // TAB ACTIONS SECTION
   // ════════════════════════════════════════════════════════════════════════════
@@ -6344,10 +6354,10 @@ const Nm = {
     labelFn: (r) => `View ${r.manufacturerName || "Manufacturer"}`
   }
 ];
-function Qc(r, t = {}) {
-  return Jc.filter((a) => !(!a.cellKinds.includes(r) || a.entityTypes && t.entityType && !a.entityTypes.includes(t.entityType) || a.roleVisibility && t.userType && !a.roleVisibility.includes(t.userType) || a.statusFilter && t.orderStatus && !a.statusFilter.includes(t.orderStatus) || a.tableTypes && t.tableType && !a.tableTypes.includes(t.tableType) || a.fields && t.field && !a.fields.includes(t.field) || a.id === "who-purchased" && r === "numeric" && (t.tableType !== "items" || t.field !== "sold")));
+function ed(r, t = {}) {
+  return Qc.filter((a) => !(!a.cellKinds.includes(r) || a.entityTypes && t.entityType && !a.entityTypes.includes(t.entityType) || a.roleVisibility && t.userType && !a.roleVisibility.includes(t.userType) || a.statusFilter && t.orderStatus && !a.statusFilter.includes(t.orderStatus) || a.tableTypes && t.tableType && !a.tableTypes.includes(t.tableType) || a.fields && t.field && !a.fields.includes(t.field) || a.id === "who-purchased" && r === "numeric" && (t.tableType !== "items" || t.field !== "sold")));
 }
-function km(r, t) {
+function wm(r, t) {
   switch (r) {
     case "recent-orders":
     case "show-orders":
@@ -6369,7 +6379,7 @@ function km(r, t) {
       return `${r}-${t.entityId || t.itemNumber || t.orderId || ""}`;
   }
 }
-const ed = {
+const td = {
   Person: go,
   Business: fo,
   BarChart: ho,
@@ -6391,11 +6401,11 @@ const ed = {
   OpenInNew: Ya
 };
 function Ea(r) {
-  const t = ed[r];
+  const t = td[r];
   return t ? /* @__PURE__ */ e(t, { fontSize: "small" }) : null;
 }
-const td = ["tab-actions", "graph-actions", "direct-nav", "related-nav"];
-function rd({
+const rd = ["tab-actions", "graph-actions", "direct-nav", "related-nav"];
+function ad({
   anchorEl: r,
   open: t,
   onClose: a,
@@ -6416,7 +6426,7 @@ function rd({
   onUpdateViz: h,
   onActionClick: S
 }) {
-  const I = re(() => n && n.length > 0 ? n : s ? Qc(s, {
+  const I = re(() => n && n.length > 0 ? n : s ? ed(s, {
     entityType: o,
     userType: g,
     orderStatus: l?.status,
@@ -6470,7 +6480,7 @@ function rd({
   }, [w, b, _, v, h, S, a]), f = k((x) => {
     const D = x.labelFn ? x.labelFn(l, o) : x.label;
     return (x.disabled ? x.disabled(l) : !1) ? /* @__PURE__ */ e(mt, { title: x.disabledTooltip || "", placement: "left", enterDelay: 300, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ d(Lt, { disabled: !0, className: "gloss-unified-context-menu__item--disabled", children: [
-      /* @__PURE__ */ e(Ge, { icon: Ea(x.icon), definition: { size: "sm" }, style: { marginRight: 8, flexShrink: 0 } }),
+      /* @__PURE__ */ e(je, { icon: Ea(x.icon), definition: { size: "sm" }, style: { marginRight: 8, flexShrink: 0 } }),
       /* @__PURE__ */ d("span", { className: "gloss-unified-context-menu__text-group", style: { flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ e("span", { className: "gloss-unified-context-menu__label", style: { display: "block", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", maxWidth: 200 }, children: D }),
         x.subtitle && /* @__PURE__ */ e("span", { className: "gloss-unified-context-menu__subtitle", style: { display: "block" }, children: x.subtitle })
@@ -6481,7 +6491,7 @@ function rd({
         onClick: () => T(x),
         className: x.variant === "destructive" ? "gloss-unified-context-menu__item--destructive" : void 0,
         children: [
-          /* @__PURE__ */ e(Ge, { icon: Ea(x.icon), definition: { size: "sm" }, style: { marginRight: 8, flexShrink: 0 } }),
+          /* @__PURE__ */ e(je, { icon: Ea(x.icon), definition: { size: "sm" }, style: { marginRight: 8, flexShrink: 0 } }),
           /* @__PURE__ */ d("span", { className: "gloss-unified-context-menu__text-group", style: { flex: 1, minWidth: 0 }, children: [
             /* @__PURE__ */ e("span", { className: "gloss-unified-context-menu__label", style: { display: "block", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", maxWidth: 200 }, children: D }),
             x.subtitle && /* @__PURE__ */ e("span", { className: "gloss-unified-context-menu__subtitle", style: { display: "block" }, children: x.subtitle })
@@ -6493,10 +6503,10 @@ function rd({
   }, [l, o, T]), M = re(() => {
     const x = [];
     let D = 0;
-    for (const C of td) {
+    for (const C of rd) {
       const P = N.get(C);
       if (!(!P || P.length === 0)) {
-        D > 0 && x.push(/* @__PURE__ */ e(ja, { className: "gloss-unified-context-menu__divider" }, `divider-${C}`));
+        D > 0 && x.push(/* @__PURE__ */ e(Va, { className: "gloss-unified-context-menu__divider" }, `divider-${C}`));
         for (const z of P) {
           const L = f(z);
           L && x.push(L);
@@ -6535,8 +6545,8 @@ function rd({
     }
   );
 }
-const ad = Z.memo(rd);
-ad.displayName = "UnifiedContextMenu";
+const nd = Z.memo(ad);
+nd.displayName = "UnifiedContextMenu";
 const Ar = ({
   groupId: r,
   options: t,
@@ -6657,7 +6667,7 @@ const Ar = ({
                           )
                         ] }),
                         /* @__PURE__ */ e(
-                          Ve,
+                          Ge,
                           {
                             size: "small",
                             onClick: (x) => N(x, T.id),
@@ -6700,7 +6710,7 @@ const Ar = ({
   ) : w;
 };
 Ar.displayName = "ExpandableChip";
-const nd = ["S", "M", "T", "W", "T", "F", "S"], Pa = {
+const sd = ["S", "M", "T", "W", "T", "F", "S"], Pa = {
   small: {
     cellSize: 32,
     fontSize: 11,
@@ -6725,7 +6735,7 @@ const nd = ["S", "M", "T", "W", "T", "F", "S"], Pa = {
     dotSize: 5,
     dotOffset: 12
   }
-}, sd = [
+}, od = [
   "January",
   "February",
   "March",
@@ -6738,7 +6748,7 @@ const nd = ["S", "M", "T", "W", "T", "F", "S"], Pa = {
   "October",
   "November",
   "December"
-], od = (r) => {
+], ld = (r) => {
   const t = [];
   for (let a = r - 10; a <= r + 2; a++)
     t.push(a);
@@ -6795,14 +6805,14 @@ const nd = ["S", "M", "T", "W", "T", "F", "S"], Pa = {
     if (!A || !r) return !1;
     const U = v || t;
     return U ? Zt(r, U) && E(A) : E(A);
-  }, [r, t, v, E]), G = k((A) => A ? !!(p && A > p) : !1, [p]), $ = k((A) => {
+  }, [r, t, v, E]), j = k((A) => A ? !!(p && A > p) : !1, [p]), $ = k((A) => {
     const U = new Date(I, N, A);
     b ? (S.current = !0, r && U < r ? a(U, r) : a(r, U), _(!1), h(null)) : (S.current = !0, a(U, null), _(!0));
   }, [I, N, r, b, a]), W = k((A) => {
     b && h(new Date(I, N, A));
   }, [b, I, N]), Y = k(() => {
     h(null);
-  }, []), V = re(() => {
+  }, []), G = re(() => {
     const A = [];
     for (let Q = 0; Q < T; Q++)
       A.push(
@@ -6816,8 +6826,8 @@ const nd = ["S", "M", "T", "W", "T", "F", "S"], Pa = {
       );
     const U = /* @__PURE__ */ new Date();
     for (let Q = 1; Q <= w; Q++) {
-      const K = new Date(I, N, Q), j = L(K), q = E(K), be = H(K), te = X(K), ge = G(K), ne = P(K), de = Zt(K, U), fe = ["mini-calendar__day"];
-      ge ? (fe.push("mini-calendar__day--disabled"), be ? fe.push("mini-calendar__day--disabled-end") : j && fe.push("mini-calendar__day--disabled-in-range"), ne && fe.push("mini-calendar__day--market")) : (te ? fe.push("mini-calendar__day--single") : q ? fe.push("mini-calendar__day--start") : be ? fe.push("mini-calendar__day--end") : j && fe.push("mini-calendar__day--in-range"), (te || q || be || j) && (u === "secondary" ? fe.push("mini-calendar__day--secondary") : u === "tertiary" && fe.push("mini-calendar__day--tertiary")), de && !q && !be && !te && fe.push("mini-calendar__day--today"), ne && fe.push("mini-calendar__day--market"));
+      const K = new Date(I, N, Q), V = L(K), q = E(K), be = H(K), te = X(K), ge = j(K), ne = P(K), de = Zt(K, U), fe = ["mini-calendar__day"];
+      ge ? (fe.push("mini-calendar__day--disabled"), be ? fe.push("mini-calendar__day--disabled-end") : V && fe.push("mini-calendar__day--disabled-in-range"), ne && fe.push("mini-calendar__day--market")) : (te ? fe.push("mini-calendar__day--single") : q ? fe.push("mini-calendar__day--start") : be ? fe.push("mini-calendar__day--end") : V && fe.push("mini-calendar__day--in-range"), (te || q || be || V) && (u === "secondary" ? fe.push("mini-calendar__day--secondary") : u === "tertiary" && fe.push("mini-calendar__day--tertiary")), de && !q && !be && !te && fe.push("mini-calendar__day--today"), ne && fe.push("mini-calendar__day--market"));
       const Se = /* @__PURE__ */ e(
         se,
         {
@@ -6857,7 +6867,7 @@ const nd = ["S", "M", "T", "W", "T", "F", "S"], Pa = {
         );
     }
     return A;
-  }, [I, N, w, T, L, E, H, X, G, P, z, $, W, u]);
+  }, [I, N, w, T, L, E, H, X, j, P, z, $, W, u]);
   return /* @__PURE__ */ d(
     se,
     {
@@ -6873,7 +6883,7 @@ const nd = ["S", "M", "T", "W", "T", "F", "S"], Pa = {
       },
       children: [
         /* @__PURE__ */ d(se, { className: "mini-calendar__header", children: [
-          /* @__PURE__ */ e(Ve, { onClick: M, size: "small", sx: { p: 0.5 }, children: /* @__PURE__ */ e(Eo, { fontSize: "small" }) }),
+          /* @__PURE__ */ e(Ge, { onClick: M, size: "small", sx: { p: 0.5 }, children: /* @__PURE__ */ e(Eo, { fontSize: "small" }) }),
           c ? /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
             /* @__PURE__ */ e(
               fa,
@@ -6898,7 +6908,7 @@ const nd = ["S", "M", "T", "W", "T", "F", "S"], Pa = {
                     sx: { maxHeight: 200 }
                   }
                 },
-                children: sd.map((A, U) => /* @__PURE__ */ e(Lt, { value: U, sx: { fontSize: 13 }, children: A }, U))
+                children: od.map((A, U) => /* @__PURE__ */ e(Lt, { value: U, sx: { fontSize: 13 }, children: A }, U))
               }
             ),
             /* @__PURE__ */ e(
@@ -6924,13 +6934,13 @@ const nd = ["S", "M", "T", "W", "T", "F", "S"], Pa = {
                     sx: { maxHeight: 200 }
                   }
                 },
-                children: od((/* @__PURE__ */ new Date()).getFullYear()).map((A) => /* @__PURE__ */ e(Lt, { value: A, sx: { fontSize: 13 }, children: A }, A))
+                children: ld((/* @__PURE__ */ new Date()).getFullYear()).map((A) => /* @__PURE__ */ e(Lt, { value: A, sx: { fontSize: 13 }, children: A }, A))
               }
             )
           ] }) : /* @__PURE__ */ e(we, { variant: "body2", fontWeight: 500, children: f }),
-          /* @__PURE__ */ e(Ve, { onClick: x, size: "small", sx: { p: 0.5 }, children: /* @__PURE__ */ e(Po, { fontSize: "small" }) })
+          /* @__PURE__ */ e(Ge, { onClick: x, size: "small", sx: { p: 0.5 }, children: /* @__PURE__ */ e(Po, { fontSize: "small" }) })
         ] }),
-        /* @__PURE__ */ e(se, { className: "mini-calendar__grid", children: nd.map((A, U) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(se, { className: "mini-calendar__grid", children: sd.map((A, U) => /* @__PURE__ */ e(
           se,
           {
             className: "mini-calendar__day-header",
@@ -6938,7 +6948,7 @@ const nd = ["S", "M", "T", "W", "T", "F", "S"], Pa = {
           },
           `header-${U}`
         )) }),
-        /* @__PURE__ */ e(se, { className: "mini-calendar__grid", children: V }),
+        /* @__PURE__ */ e(se, { className: "mini-calendar__grid", children: G }),
         (o || b) && /* @__PURE__ */ d(se, { className: "mini-calendar__legend", children: [
           o && /* @__PURE__ */ d(se, { className: "mini-calendar__legend-item", children: [
             /* @__PURE__ */ e(se, { className: "mini-calendar__legend-dot mini-calendar__legend-dot--market" }),
@@ -7046,7 +7056,7 @@ const At = ({
         ] }),
         t && /* @__PURE__ */ e(ft, { fontSize: "small", sx: { color: "success.main", flexShrink: 0 } }),
         s && /* @__PURE__ */ e(
-          Ve,
+          Ge,
           {
             className: "market-edit-button",
             size: "small",
@@ -7065,7 +7075,7 @@ const At = ({
   );
 };
 At.displayName = "MarketPresetRow";
-const ld = {
+const id = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -7073,7 +7083,7 @@ const ld = {
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, id = ({
+}, cd = ({
   value: r,
   onChange: t,
   enableCompare: a = !1,
@@ -7094,11 +7104,11 @@ const ld = {
   onCompareToggle: v
 }) => {
   const h = re(() => ({
-    ...ld,
+    ...id,
     ...u
-  }), [u]), S = le(null), [I, N] = F(null), [w, T] = F("calendar"), [f, M] = F(null), [x, D] = F(null), C = le(null), [P, z] = F(() => h.lastPreset || "mtd"), [L, E] = F(null), [H, X] = F(null), [G, $] = F(null), [W, Y] = F(null), [V, A] = F(null), [U, Q] = F(() => a ? _ ?? h.compareEnabled ?? !1 : !1), K = _ ?? U, j = k((R) => {
+  }), [u]), S = le(null), [I, N] = F(null), [w, T] = F("calendar"), [f, M] = F(null), [x, D] = F(null), C = le(null), [P, z] = F(() => h.lastPreset || "mtd"), [L, E] = F(null), [H, X] = F(null), [j, $] = F(null), [W, Y] = F(null), [G, A] = F(null), [U, Q] = F(() => a ? _ ?? h.compareEnabled ?? !1 : !1), K = _ ?? U, V = k((R) => {
     Q(R), v?.(R);
-  }, [v]), [q, be] = F("A"), [te, ge] = F(() => h.lastPresetB ?? null), [ne, de] = F(null), [fe, Se] = F(null), [Ne, _e] = F(null), [We, Ee] = F(null), [ue, ve] = F(null), [ke, Ke] = F(null), [ze, Fe] = F(null), [st, gr] = F(null), [Oe, Le] = F(null), [Kt, qe] = F(null), [Yt, Ye] = F(null), [Ie, vt] = F(1), [qr, ot] = F(!1), [En, Pn] = F(void 0), Te = G !== null ? G : P, kt = G !== null ? W : L, lt = G !== null ? V : H, rt = Ne !== null ? Ne : te, wt = Ne !== null ? We : ne, Dt = Ne !== null ? ue : fe, at = Oe !== null ? Oe : ke, It = Oe !== null ? Kt : ze, Tt = Oe !== null ? Yt : st, Zr = G !== null && (G !== P || W !== L || V !== H), [me, fr] = F(() => {
+  }, [v]), [q, be] = F("A"), [te, ge] = F(() => h.lastPresetB ?? null), [ne, de] = F(null), [fe, Se] = F(null), [Ne, _e] = F(null), [We, Ee] = F(null), [ue, ve] = F(null), [ke, Ke] = F(null), [ze, Fe] = F(null), [st, gr] = F(null), [Oe, Le] = F(null), [Kt, qe] = F(null), [Yt, Ye] = F(null), [Ie, vt] = F(1), [qr, ot] = F(!1), [En, Pn] = F(void 0), Te = j !== null ? j : P, kt = j !== null ? W : L, lt = j !== null ? G : H, rt = Ne !== null ? Ne : te, wt = Ne !== null ? We : ne, Dt = Ne !== null ? ue : fe, at = Oe !== null ? Oe : ke, It = Oe !== null ? Kt : ze, Tt = Oe !== null ? Yt : st, Zr = j !== null && (j !== P || W !== L || G !== H), [me, fr] = F(() => {
     const R = p || Jt, O = m || [], ee = new Set(O.map((ce) => ce.id)), ae = R.filter((ce) => !ee.has(ce.id)).map((ce) => ({ ...ce, active: xt(ce) })), oe = O.map((ce) => ({
       ...ce,
       active: xt(ce)
@@ -7134,8 +7144,8 @@ const ld = {
     };
   }, [hr, br, p]), it = o || !!I;
   ie(() => {
-    o && G === null && ($(P), Y(L), A(H));
-  }, [o, G, P, L, H]);
+    o && j === null && ($(P), Y(L), A(H));
+  }, [o, j, P, L, H]);
   const Ae = re(
     () => me.find((R) => R.active),
     [me]
@@ -7149,8 +7159,8 @@ const ld = {
     rangeB: null
   } : { start: null, end: null, rangeB: null } : { start: null, end: null, rangeB: null }, [r]);
   ie(() => {
-    r && !Array.isArray(r) && "rangeA" in r && r.rangeB && j(!0);
-  }, [r, j]), ie(() => {
+    r && !Array.isArray(r) && "rangeA" in r && r.rangeB && V(!0);
+  }, [r, V]), ie(() => {
     if (!Ze.start || !Ze.end) return;
     const R = /* @__PURE__ */ new Date(), O = new Date(Ze.start);
     O.setHours(0, 0, 0, 0);
@@ -7272,22 +7282,22 @@ const ld = {
   }, [me]), Je = k((R) => {
     g && g({ ...h, ...R });
   }, [g, h]), qt = k(() => {
-    if (G === null) return;
-    z(G), E(W), X(V);
-    const R = Xt(G, W, V);
+    if (j === null) return;
+    z(j), E(W), X(G);
+    const R = Xt(j, W, G);
     if (K && Ie >= 2 && Ne !== null) {
       ge(Ne), de(We), Se(ue);
       const O = Xt(Ne, We, ue), ee = {
         rangeA: R,
         rangeB: O,
-        shortcutId: er(G),
+        shortcutId: er(j),
         shortcutIdB: er(Ne)
       };
       if (Ie >= 3 && Oe !== null) {
         Ke(Oe), Fe(Kt), gr(Yt);
         const ae = Xt(Oe, Kt, Yt);
         ee.rangeC = ae, ee.shortcutIdC = er(Oe), Je({
-          lastPreset: G,
+          lastPreset: j,
           compareEnabled: !0,
           rangeCount: Ie,
           lastPresetB: Ne,
@@ -7295,7 +7305,7 @@ const ld = {
         });
       } else
         Je({
-          lastPreset: G,
+          lastPreset: j,
           compareEnabled: !0,
           rangeCount: Ie,
           lastPresetB: Ne,
@@ -7304,41 +7314,41 @@ const ld = {
       t(ee);
     } else
       Je({
-        lastPreset: G,
+        lastPreset: j,
         compareEnabled: !1,
         rangeCount: 1,
         lastPresetB: null,
         lastPresetC: null
-      }), aa(R[0], R[1], G);
-  }, [G, W, V, K, Ie, Ne, We, ue, Oe, Kt, Yt, Xt, t, aa, Je]), Fn = k(() => {
+      }), aa(R[0], R[1], j);
+  }, [j, W, G, K, Ie, Ne, We, ue, Oe, Kt, Yt, Xt, t, aa, Je]), Fn = k(() => {
     o || (Zr && qt(), $(null), Y(null), A(null), _e(null), Ee(null), ve(null), Le(null), qe(null), Ye(null), D(null), N(null));
   }, [o, Zr, qt]), na = k(() => {
     o || ($(null), Y(null), A(null), _e(null), Ee(null), ve(null), Le(null), qe(null), Ye(null), D(null), N(null));
   }, [o]), sa = k(() => {
     if (Ie >= 3) return;
-    const R = G !== null ? G : P;
-    Ie === 1 ? (j(!0), vt(2), _e(R), be("B"), ot(!0)) : Ie === 2 && (vt(3), Le(R), be("C"));
-  }, [Ie, G, P, j]), oa = k((R) => {
-    R === "C" ? (vt(2), Le(null), qe(null), Ye(null), Ke(null), Fe(null), gr(null), q === "C" && be("B")) : R === "B" && Ie === 2 && (j(!1), vt(1), _e(null), Ee(null), ve(null), ge(null), de(null), Se(null), be("A"), ot(!1), Je({
+    const R = j !== null ? j : P;
+    Ie === 1 ? (V(!0), vt(2), _e(R), be("B"), ot(!0)) : Ie === 2 && (vt(3), Le(R), be("C"));
+  }, [Ie, j, P, V]), oa = k((R) => {
+    R === "C" ? (vt(2), Le(null), qe(null), Ye(null), Ke(null), Fe(null), gr(null), q === "C" && be("B")) : R === "B" && Ie === 2 && (V(!1), vt(1), _e(null), Ee(null), ve(null), ge(null), de(null), Se(null), be("A"), ot(!1), Je({
       compareEnabled: !1,
       rangeCount: 1,
       lastPresetB: null,
       lastPresetC: null
     }));
-  }, [Ie, q, j, Je]), On = k(() => {
-    j(!1), vt(1), be("A"), ot(!1), _e(null), Ee(null), ve(null), ge(null), de(null), Se(null), Le(null), qe(null), Ye(null), Ke(null), Fe(null), gr(null), Je({
+  }, [Ie, q, V, Je]), On = k(() => {
+    V(!1), vt(1), be("A"), ot(!1), _e(null), Ee(null), ve(null), ge(null), de(null), Se(null), Le(null), qe(null), Ye(null), Ke(null), Fe(null), gr(null), Je({
       compareEnabled: !1,
       rangeCount: 1,
       lastPresetB: null,
       lastPresetC: null
     });
-  }, [j, Je]), yr = k((R) => {
+  }, [V, Je]), yr = k((R) => {
     C.current && (clearTimeout(C.current), C.current = null), D(null), K && q === "C" ? (Le(R), qe(null), Ye(null)) : K && q === "B" ? (_e(R), Ee(null), ve(null)) : ($(R), Y(null), A(null));
   }, [K, q]), Et = k((R) => {
     if (!me.find((ae) => ae.id === R)) return;
     const ee = h.pinnedPreset || "mtd";
-    K && q === "C" ? (Le((Oe !== null ? Oe : ke) === R ? ee : R), qe(null), Ye(null)) : K && q === "B" ? (_e((Ne !== null ? Ne : te) === R ? ee : R), Ee(null), ve(null)) : ($((G !== null ? G : P) === R ? ee : R), Y(null), A(null));
-  }, [me, K, q, h.pinnedPreset, G, P, Ne, te, Oe, ke]), Ln = k((R, O) => {
+    K && q === "C" ? (Le((Oe !== null ? Oe : ke) === R ? ee : R), qe(null), Ye(null)) : K && q === "B" ? (_e((Ne !== null ? Ne : te) === R ? ee : R), Ee(null), ve(null)) : ($((j !== null ? j : P) === R ? ee : R), Y(null), A(null));
+  }, [me, K, q, h.pinnedPreset, j, P, Ne, te, Oe, ke]), Ln = k((R, O) => {
     if (K && q === "C")
       if (qe(R), O) {
         Ye(O);
@@ -7398,7 +7408,7 @@ const ld = {
       endDate: O,
       location: ""
     });
-  }, []), Vn = k(() => {
+  }, []), Gn = k(() => {
     if (!Re.label || !Re.startDate || !Re.endDate) return;
     const R = {
       id: f?.isNew ? qs() : f.id,
@@ -7409,7 +7419,7 @@ const ld = {
       isCustom: !0
     };
     y?.(R), fr((O) => [...O.filter((oe) => oe.id !== R.id), { ...R, active: xt(R) }].sort((oe, ce) => oe.startDate.getTime() - ce.startDate.getTime())), M(null);
-  }, [f, Re, y]), jn = k(() => {
+  }, [f, Re, y]), Vn = k(() => {
     if (!f || f.isNew) {
       M(null);
       return;
@@ -7449,12 +7459,12 @@ const ld = {
       }
     }
     return dt(ae, oe, /* @__PURE__ */ new Date());
-  }, [me]), Gn = k(() => {
+  }, [me]), jn = k(() => {
     ot((R) => !R);
   }, []), Kn = k(() => {
-    const R = G !== null ? G : P;
-    j(!0), vt(2), _e(R), be("B"), ot(!0);
-  }, [G, P, j]), _r = k(({ label: R, isActive: O, presetName: ee, dateRange: ae, color: oe, onSelect: ce, onRemove: Pe }) => {
+    const R = j !== null ? j : P;
+    V(!0), vt(2), _e(R), be("B"), ot(!0);
+  }, [j, P, V]), _r = k(({ label: R, isActive: O, presetName: ee, dateRange: ae, color: oe, onSelect: ce, onRemove: Pe }) => {
     const ma = !ee || ee === "Select...";
     return /* @__PURE__ */ d(
       se,
@@ -7474,7 +7484,7 @@ const ld = {
             ] })
           ] }),
           Pe && /* @__PURE__ */ e(
-            Ve,
+            Ge,
             {
               className: "range-card__remove",
               size: "small",
@@ -7564,7 +7574,7 @@ const ld = {
             children: [
               /* @__PURE__ */ e(we, { variant: "subtitle2", fontWeight: 600, color: "text.primary", children: l }),
               /* @__PURE__ */ e(
-                Ve,
+                Ge,
                 {
                   size: "small",
                   onClick: na,
@@ -7617,7 +7627,7 @@ const ld = {
               /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
                 pt(Ae.id) && /* @__PURE__ */ e(ft, { fontSize: "small", sx: { color: "success.main" } }),
                 /* @__PURE__ */ e(
-                  Ve,
+                  Ge,
                   {
                     className: "active-market-edit-button",
                     size: "small",
@@ -7682,7 +7692,7 @@ const ld = {
           ),
           /* @__PURE__ */ e(no, { orientation: "vertical", flexItem: !0, sx: { mx: 0.5 } }),
           /* @__PURE__ */ e(mt, { title: "Calendar view", arrow: !0, children: /* @__PURE__ */ e(
-            Ve,
+            Ge,
             {
               size: "small",
               onClick: () => T("calendar"),
@@ -7692,7 +7702,7 @@ const ld = {
             }
           ) }),
           /* @__PURE__ */ e(mt, { title: "Events", arrow: !0, children: /* @__PURE__ */ d(
-            Ve,
+            Ge,
             {
               size: "small",
               onClick: () => T("markets"),
@@ -7851,7 +7861,7 @@ const ld = {
               se,
               {
                 className: "hybrid-date-picker__footer-drawer-trigger",
-                onClick: Gn,
+                onClick: jn,
                 children: [
                   /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                     /* @__PURE__ */ e(
@@ -7914,7 +7924,7 @@ const ld = {
                   ] }),
                   /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
                     Ie < 3 && /* @__PURE__ */ e(
-                      Ve,
+                      Ge,
                       {
                         size: "small",
                         onClick: (O) => {
@@ -7926,7 +7936,7 @@ const ld = {
                       }
                     ),
                     /* @__PURE__ */ e(
-                      Ve,
+                      Ge,
                       {
                         size: "small",
                         onClick: (O) => {
@@ -8146,7 +8156,7 @@ const ld = {
         children: f && /* @__PURE__ */ d(Be, { children: [
           /* @__PURE__ */ d(io, { sx: { py: 1.5, px: 2, display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
             /* @__PURE__ */ e(we, { variant: "subtitle1", fontWeight: 600, children: f.isNew ? "Add Market Event" : "Edit Market Event" }),
-            /* @__PURE__ */ e(Ve, { size: "small", onClick: () => M(null), children: /* @__PURE__ */ e(ht, { fontSize: "small" }) })
+            /* @__PURE__ */ e(Ge, { size: "small", onClick: () => M(null), children: /* @__PURE__ */ e(ht, { fontSize: "small" }) })
           ] }),
           /* @__PURE__ */ d(co, { sx: { px: 2, py: 1.5 }, children: [
             /* @__PURE__ */ d(se, { className: "market-edit-modal__field", children: [
@@ -8214,7 +8224,7 @@ const ld = {
               {
                 size: "small",
                 color: "error",
-                onClick: jn,
+                onClick: Vn,
                 sx: { textTransform: "none" },
                 children: "Delete"
               }
@@ -8234,7 +8244,7 @@ const ld = {
                 {
                   variant: "contained",
                   size: "small",
-                  onClick: Vn,
+                  onClick: Gn,
                   disabled: !Re.label || !Re.startDate || !Re.endDate,
                   sx: { textTransform: "none" },
                   children: "Save"
@@ -8247,7 +8257,7 @@ const ld = {
     )
   ] });
 };
-id.displayName = "HybridDatePicker";
+cd.displayName = "HybridDatePicker";
 const za = {
   rolling: [
     { id: "7D", label: "7D" },
@@ -8378,7 +8388,7 @@ const Ir = [
                 },
                 style: { opacity: S ? 1 : 0.6 },
                 title: S ? "Unpin as default" : "Set as default",
-                children: /* @__PURE__ */ e(Ge, { icon: S ? /* @__PURE__ */ e(Ua, { fontSize: "small", color: "warning" }) : /* @__PURE__ */ e(Xa, { fontSize: "small" }) })
+                children: /* @__PURE__ */ e(je, { icon: S ? /* @__PURE__ */ e(Ua, { fontSize: "small", color: "warning" }) : /* @__PURE__ */ e(Xa, { fontSize: "small" }) })
               }
             )
           ]
@@ -8419,7 +8429,7 @@ const Ir = [
       n
     ] })
   ] }) });
-}, nr = (r) => r && typeof r == "object" && "rangeA" in r, cd = ({
+}, nr = (r) => r && typeof r == "object" && "rangeA" in r, dd = ({
   value: r,
   onChange: t,
   preferences: a,
@@ -8436,8 +8446,8 @@ const Ir = [
   activePresetId: y,
   onPresetChange: b
 }) => {
-  const _ = o !== void 0, [v, h] = F(!1), [S, I] = F(!1), [N, w] = F(l ?? !1), T = a?.pinnedPreset || "MTD", [f, M] = F(() => a?.lastPreset?.toUpperCase() || "MTD"), [x, D] = F(null), C = re(() => nr(r) ? r.rangeA : r, [r]), P = re(() => nr(r) ? r.rangeB : null, [r]), z = k((V) => {
-    const A = V || "MTD";
+  const _ = o !== void 0, [v, h] = F(!1), [S, I] = F(!1), [N, w] = F(l ?? !1), T = a?.pinnedPreset || "MTD", [f, M] = F(() => a?.lastPreset?.toUpperCase() || "MTD"), [x, D] = F(null), C = re(() => nr(r) ? r.rangeA : r, [r]), P = re(() => nr(r) ? r.rangeB : null, [r]), z = k((G) => {
+    const A = G || "MTD";
     n && a && n({ ...a, pinnedPreset: A.toLowerCase() });
     const U = Ir.find((Q) => Q.id === A && !Q.disabled);
     if (U) {
@@ -8455,8 +8465,8 @@ const Ir = [
   }, [_, r]), ie(() => {
     l !== void 0 && w(l);
   }, [l]);
-  const L = k((V) => {
-    Promise.resolve().then(() => t(V));
+  const L = k((G) => {
+    Promise.resolve().then(() => t(G));
   }, [t]), E = le(!1);
   ie(() => {
     if (_) {
@@ -8465,39 +8475,39 @@ const Ir = [
         return;
       }
       if (N) {
-        const V = Array.isArray(C) ? C : [null, null];
-        L({ rangeA: V, rangeB: P || [null, null] });
+        const G = Array.isArray(C) ? C : [null, null];
+        L({ rangeA: G, rangeB: P || [null, null] });
       } else
         Array.isArray(C) && L(C);
     }
   }, [N, _, C, P, L]);
-  const H = k((V, A) => {
+  const H = k((G, A) => {
     if (A || M(null), N) {
-      const U = { rangeA: V, rangeB: P || [null, null] };
+      const U = { rangeA: G, rangeB: P || [null, null] };
       A && (U.shortcutId = A), t(U);
     } else if (A) {
-      const U = [...V];
+      const U = [...G];
       U.shortcutId = A, t(U);
     } else
-      t(V);
-  }, [N, P, t]), X = k((V, A) => {
+      t(G);
+  }, [N, P, t]), X = k((G, A) => {
     A || D(null);
-    const U = { rangeA: C || [null, null], rangeB: V };
+    const U = { rangeA: C || [null, null], rangeB: G };
     A && (U.shortcutId = A), t(U);
-  }, [t, C]), G = k((V, A) => {
-    M(A), H(V, A), h(!1);
-  }, [H]), $ = k((V, A) => {
-    D(A), X(V, A), I(!1);
+  }, [t, C]), j = k((G, A) => {
+    M(A), H(G, A), h(!1);
+  }, [H]), $ = k((G, A) => {
+    D(A), X(G, A), I(!1);
   }, [X]), W = re(() => ({
     shortcuts: {
-      items: Ir.map((V) => ({
-        label: V.label,
-        id: V.id,
-        getValue: V.value,
-        disabled: V.disabled || !1
+      items: Ir.map((G) => ({
+        label: G.label,
+        id: G.id,
+        getValue: G.value,
+        disabled: G.disabled || !1
       })),
-      onChange: (V) => H(V),
-      onShortcutClick: G,
+      onChange: (G) => H(G),
+      onShortcutClick: j,
       value: C,
       activeShortcutId: f,
       enableCompare: _,
@@ -8528,15 +8538,15 @@ const Ir = [
         I(!1), h(!0);
       }
     }
-  }), [C, H, G, _, N, T, z, f, o]), Y = re(() => ({
+  }), [C, H, j, _, N, T, z, f, o]), Y = re(() => ({
     shortcuts: {
-      items: Ir.map((V) => ({
-        label: V.label,
-        id: V.id,
-        getValue: V.value,
-        disabled: V.disabled || !1
+      items: Ir.map((G) => ({
+        label: G.label,
+        id: G.id,
+        getValue: G.value,
+        disabled: G.disabled || !1
       })),
-      onChange: (V) => X(V),
+      onChange: (G) => X(G),
       onShortcutClick: $,
       value: P,
       activeShortcutId: x
@@ -8564,11 +8574,11 @@ const Ir = [
     }
   }), [P, X, $, x]);
   if (m === "simple-selector") {
-    const V = nr(r) ? r.rangeA : r;
+    const G = nr(r) ? r.rangeA : r;
     return /* @__PURE__ */ e(
       xn,
       {
-        value: V,
+        value: G,
         onChange: (A) => t(A),
         onPresetChange: b,
         activePresetId: y ?? null
@@ -8580,7 +8590,7 @@ const Ir = [
       ba,
       {
         value: C || [null, null],
-        onChange: (V) => H(V),
+        onChange: (G) => H(G),
         calendars: 1,
         disableFuture: !0,
         minDate: new Date(2024, 0, 1),
@@ -8599,7 +8609,7 @@ const Ir = [
         ba,
         {
           value: P || [null, null],
-          onChange: (V) => X(V),
+          onChange: (G) => X(G),
           calendars: 1,
           disableFuture: !0,
           minDate: new Date(2024, 0, 1),
@@ -8621,19 +8631,19 @@ const Ir = [
           onClick: () => {
             w(!1), o?.(!1), I(!1), h(!0), Array.isArray(C) && Promise.resolve().then(() => t(C));
           },
-          children: /* @__PURE__ */ e(Ge, { icon: /* @__PURE__ */ e(ht, { fontSize: "small" }) })
+          children: /* @__PURE__ */ e(je, { icon: /* @__PURE__ */ e(ht, { fontSize: "small" }) })
         }
       )
     ] })
   ] }) });
 };
-cd.displayName = "TimeFrame";
-function dd({
+dd.displayName = "TimeFrame";
+function ud({
   sections: r,
   onCommit: t,
   onCancel: a,
+  // WR-03: anchorRect is a deprecated pass-through; placement is consumer-managed.
   anchorRect: n,
-  // accepted for position math by consumer — not used internally
   title: s = "Configure"
 }) {
   return /* @__PURE__ */ d(
@@ -8678,7 +8688,7 @@ function dd({
     }
   );
 }
-function ud(r, t, a) {
+function md(r, t, a) {
   if (r < 0 || r >= t) return null;
   const n = r % a, s = Math.floor(r / a), l = Math.ceil(t / a), o = [];
   if (n + 1 < a && o.push(r + 1), s + 1 < l && o.push(r + a), n - 1 >= 0 && o.push(r - 1), s - 1 >= 0 && o.push(r - a), o.length === 0) return null;
@@ -8686,7 +8696,7 @@ function ud(r, t, a) {
     if (c >= t) return c;
   return o[0];
 }
-function md({ id: r, colSpan: t, staggerDelay: a, children: n, dimCover: s }) {
+function pd({ id: r, colSpan: t, staggerDelay: a, children: n, dimCover: s }) {
   const {
     attributes: l,
     listeners: o,
@@ -8715,7 +8725,7 @@ function md({ id: r, colSpan: t, staggerDelay: a, children: n, dimCover: s }) {
     }
   );
 }
-function pd({ currentPage: r, totalPages: t, onPageChange: a }) {
+function gd({ currentPage: r, totalPages: t, onPageChange: a }) {
   if (t <= 1) return null;
   const n = r > 0, s = r < t - 1;
   return /* @__PURE__ */ d("div", { className: "gloss-grid__pagination", children: [
@@ -8751,14 +8761,15 @@ function pd({ currentPage: r, totalPages: t, onPageChange: a }) {
     )
   ] });
 }
-const gd = 30, fd = {
+const fd = 30, hd = {
   initial: { opacity: 0, scale: 0.95 },
   animate: { opacity: 1, scale: 1 },
   exit: { opacity: 0, scale: 0.95 }
-}, hd = {
-  duration: 0.15,
+}, bd = {
+  duration: Pc.extrude / 1e3,
+  // seconds, per framer-motion contract
   ease: [0.22, 1, 0.36, 1]
-}, bd = Z.memo(function({
+}, yd = Z.memo(function({
   cards: t,
   cardOrder: a,
   layout: n,
@@ -8769,8 +8780,8 @@ const gd = 30, fd = {
   configSections: i = []
 }) {
   const [u, g] = F(null), p = Ec(), m = p?.activeCardId ?? null, y = Wo(
-    va(Vo, { activationConstraint: { distance: 5 } }),
-    va(jo, { coordinateGetter: Uo })
+    va(Go, { activationConstraint: { distance: 5 } }),
+    va(Vo, { coordinateGetter: Uo })
   ), b = k((x) => {
     g(String(x.active.id));
   }, []), _ = k((x) => {
@@ -8787,7 +8798,7 @@ const gd = 30, fd = {
     if (!m) return null;
     const x = S.findIndex((L) => L.id === m);
     if (x === -1) return null;
-    const D = ud(x, S.length, n.columns);
+    const D = md(x, S.length, n.columns);
     if (D === null) return null;
     const C = D >= S.length, P = !C, z = P ? S[D]?.id ?? null : null;
     return { activeIndex: x, extrudeIndex: D, isEmptySlot: C, isDimCover: P, dimCoverId: z };
@@ -8798,7 +8809,7 @@ const gd = 30, fd = {
   }), [n.columns, n.rowHeight, n.gap]), M = !!(m && T && i.length > 0);
   return /* @__PURE__ */ d(pe, { className: "gloss-grid", children: [
     /* @__PURE__ */ d(
-      Go,
+      jo,
       {
         sensors: y,
         collisionDetection: Ko,
@@ -8816,11 +8827,11 @@ const gd = 30, fd = {
                 S.map((x, D) => {
                   const C = T?.isDimCover === !0 && T.dimCoverId === x.id;
                   return /* @__PURE__ */ e(
-                    md,
+                    pd,
                     {
                       id: x.id,
                       colSpan: x.colSpan,
-                      staggerDelay: `${D * gd}ms`,
+                      staggerDelay: `${D * fd}ms`,
                       dimCover: C,
                       children: o(x)
                     },
@@ -8831,17 +8842,17 @@ const gd = 30, fd = {
                 /* @__PURE__ */ e(Lo, { children: M && /* @__PURE__ */ e(
                   Ho.div,
                   {
-                    variants: fd,
+                    variants: hd,
                     initial: "initial",
                     animate: "animate",
                     exit: "exit",
-                    transition: hd,
+                    transition: bd,
                     style: {
                       // Grid placement: span 1 column. No width/height animation (AN-01).
                       gridColumn: "span 1"
                     },
                     children: /* @__PURE__ */ e(
-                      dd,
+                      ud,
                       {
                         sections: i,
                         onCommit: () => p?.commitConfig(),
@@ -8868,7 +8879,7 @@ const gd = 30, fd = {
       }
     ),
     /* @__PURE__ */ e(
-      pd,
+      gd,
       {
         currentPage: n.currentPage,
         totalPages: n.totalPages,
@@ -8877,8 +8888,8 @@ const gd = 30, fd = {
     )
   ] });
 });
-bd.displayName = "MetricCardGrid";
-const yd = Z.memo(function({
+yd.displayName = "MetricCardGrid";
+const vd = Z.memo(function({
   tabs: t,
   activeTabId: a,
   onTabChange: n,
@@ -9010,8 +9021,8 @@ const yd = Z.memo(function({
     )
   ] });
 });
-yd.displayName = "TabbedDataView";
-const vd = function(t) {
+vd.displayName = "TabbedDataView";
+const _d = function(t) {
   const a = {
     variant: "sparkline",
     label: t.label,
@@ -9037,8 +9048,8 @@ const vd = function(t) {
     }
   );
 };
-vd.displayName = "TrendCard";
-const _d = function(t) {
+_d.displayName = "TrendCard";
+const xd = function(t) {
   const a = {
     variant: "bars",
     label: t.label,
@@ -9064,8 +9075,8 @@ const _d = function(t) {
     }
   );
 };
-_d.displayName = "BarChartCard";
-const xd = function(t) {
+xd.displayName = "BarChartCard";
+const Nd = function(t) {
   const a = {
     variant: "donut",
     label: t.label,
@@ -9092,8 +9103,8 @@ const xd = function(t) {
     }
   );
 };
-xd.displayName = "DistributionCard";
-const Nd = function(t) {
+Nd.displayName = "DistributionCard";
+const Sd = function(t) {
   const a = {
     variant: "highlight",
     label: t.label,
@@ -9118,8 +9129,8 @@ const Nd = function(t) {
     }
   );
 };
-Nd.displayName = "HighlightCard";
-const Sd = function(t) {
+Sd.displayName = "HighlightCard";
+const Cd = function(t) {
   const a = {
     variant: "arrow",
     label: t.label,
@@ -9145,8 +9156,8 @@ const Sd = function(t) {
     }
   );
 };
-Sd.displayName = "DirectionCard";
-const Cd = function(t) {
+Cd.displayName = "DirectionCard";
+const kd = function(t) {
   const a = {
     variant: "object-arrow",
     label: t.label,
@@ -9172,8 +9183,8 @@ const Cd = function(t) {
     }
   );
 };
-Cd.displayName = "ProgressCard";
-const kd = function(t) {
+kd.displayName = "ProgressCard";
+const wd = function(t) {
   const a = {
     variant: "versus",
     label: t.label,
@@ -9198,8 +9209,8 @@ const kd = function(t) {
     }
   );
 };
-kd.displayName = "ComparisonCard";
-const wd = function(t) {
+wd.displayName = "ComparisonCard";
+const Dd = function(t) {
   const a = {
     variant: "segmented",
     label: t.label,
@@ -9224,8 +9235,8 @@ const wd = function(t) {
     }
   );
 };
-wd.displayName = "SegmentCard";
-const Dd = function(t) {
+Dd.displayName = "SegmentCard";
+const Id = function(t) {
   const a = {
     variant: "standard",
     label: t.label,
@@ -9249,7 +9260,7 @@ const Dd = function(t) {
     }
   );
 };
-Dd.displayName = "SimpleMetricCard";
+Id.displayName = "SimpleMetricCard";
 const Tr = ({
   type: r,
   className: t = ""
@@ -9326,7 +9337,7 @@ const Tr = ({
   );
 };
 Nn.displayName = "PaymentMethodSelect";
-const Id = (r) => `${r.label || r.street}, ${r.city}`, Td = ({
+const Td = (r) => `${r.label || r.street}, ${r.city}`, Md = ({
   addresses: r,
   value: t,
   onChange: a,
@@ -9356,7 +9367,7 @@ const Id = (r) => `${r.label || r.street}, ${r.city}`, Td = ({
         m.zip
       ] })
     ] }),
-    triggerLabel: s === "short" ? /* @__PURE__ */ e("span", { children: Id(m) }) : /* @__PURE__ */ d("div", { className: "address-trigger-full", children: [
+    triggerLabel: s === "short" ? /* @__PURE__ */ e("span", { children: Td(m) }) : /* @__PURE__ */ d("div", { className: "address-trigger-full", children: [
       m.label && /* @__PURE__ */ e("strong", { children: m.label }),
       /* @__PURE__ */ e("div", { className: "address-trigger-full__name", children: m.name }),
       /* @__PURE__ */ e("div", { className: "address-trigger-full__street", children: m.street }),
@@ -9396,7 +9407,7 @@ const Id = (r) => `${r.label || r.street}, ${r.city}`, Td = ({
     }
   );
 };
-Td.displayName = "AddressSelect";
+Md.displayName = "AddressSelect";
 const Sn = Z.forwardRef(
   ({
     onSearch: r,
@@ -9425,61 +9436,61 @@ const Sn = Z.forwardRef(
     className: f,
     autoComplete: M
   }, x) => {
-    const D = le(null), [C, P] = F(g ?? ""), [z, L] = F(!1), [E, H] = F(-1), X = le(null), G = u !== void 0 ? u : C, $ = String(G).length > 0, W = z && l && n.length > 0, Y = k(
-      (j) => {
-        const q = j.target.value;
+    const D = le(null), [C, P] = F(g ?? ""), [z, L] = F(!1), [E, H] = F(-1), X = le(null), j = u !== void 0 ? u : C, $ = String(j).length > 0, W = z && l && n.length > 0, Y = k(
+      (V) => {
+        const q = V.target.value;
         u === void 0 && P(q), t > 0 ? (X.current && clearTimeout(X.current), X.current = setTimeout(() => {
-          p?.(j);
-        }, t)) : p?.(j);
+          p?.(V);
+        }, t)) : p?.(V);
       },
       [u, t, p]
-    ), V = k(() => {
+    ), G = k(() => {
       u === void 0 && P(""), p?.({
         target: { value: "" },
         currentTarget: { value: "" }
       }), D.current?.focus();
     }, [u, p]), A = k(
-      (j) => {
+      (V) => {
         if (W)
-          switch (j.key) {
+          switch (V.key) {
             case "ArrowDown":
-              j.preventDefault(), H(
+              V.preventDefault(), H(
                 (q) => q < n.length - 1 ? q + 1 : 0
               );
               break;
             case "ArrowUp":
-              j.preventDefault(), H(
+              V.preventDefault(), H(
                 (q) => q > 0 ? q - 1 : n.length - 1
               );
               break;
             case "Enter":
-              E >= 0 && n[E] ? (j.preventDefault(), s?.(n[E]), H(-1)) : r?.(String(G));
+              E >= 0 && n[E] ? (V.preventDefault(), s?.(n[E]), H(-1)) : r?.(String(j));
               break;
             case "Escape":
               L(!1), D.current?.blur();
               break;
           }
-        else j.key === "Enter" && r?.(String(G));
-        m?.(j);
+        else V.key === "Enter" && r?.(String(j));
+        m?.(V);
       },
-      [W, n, E, G, r, s, m]
+      [W, n, E, j, r, s, m]
     ), U = k(
-      (j) => {
-        L(!0), y?.(j);
+      (V) => {
+        L(!0), y?.(V);
       },
       [y]
     ), Q = k(
-      (j) => {
-        setTimeout(() => L(!1), 150), b?.(j);
+      (V) => {
+        setTimeout(() => L(!1), 150), b?.(V);
       },
       [b]
     );
     ie(() => {
       if (!o) return;
-      const j = (q) => {
+      const V = (q) => {
         (q.metaKey || q.ctrlKey) && q.key === c && (q.preventDefault(), D.current?.focus());
       };
-      return document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
+      return document.addEventListener("keydown", V), () => document.removeEventListener("keydown", V);
     }, [o, c]), ie(() => () => {
       X.current && clearTimeout(X.current);
     }, []);
@@ -9489,7 +9500,7 @@ const Sn = Z.forwardRef(
         {
           type: "button",
           className: "gloss-search-input__clear",
-          onClick: V,
+          onClick: G,
           "aria-label": "Clear search",
           tabIndex: -1,
           children: /* @__PURE__ */ e(ye, { name: "x", size: "sm" })
@@ -9504,11 +9515,11 @@ const Sn = Z.forwardRef(
       /* @__PURE__ */ e(
         De,
         {
-          ref: (j) => {
-            D.current = j, typeof x == "function" ? x(j) : x && (x.current = j);
+          ref: (V) => {
+            D.current = V, typeof x == "function" ? x(V) : x && (x.current = V);
           },
           type: "search",
-          value: G,
+          value: j,
           onChange: Y,
           onKeyDown: A,
           onFocus: U,
@@ -9526,42 +9537,42 @@ const Sn = Z.forwardRef(
           rightIcon: K
         }
       ),
-      W && /* @__PURE__ */ e("ul", { className: "gloss-search-input__suggestions", role: "listbox", children: n.map((j, q) => /* @__PURE__ */ d(
+      W && /* @__PURE__ */ e("ul", { className: "gloss-search-input__suggestions", role: "listbox", children: n.map((V, q) => /* @__PURE__ */ d(
         "li",
         {
           role: "option",
           "aria-selected": q === E,
           className: `gloss-search-input__suggestion ${q === E ? "gloss-search-input__suggestion--selected" : ""}`,
           onClick: () => {
-            s?.(j), H(-1);
+            s?.(V), H(-1);
           },
           children: [
-            j.icon && /* @__PURE__ */ e(ye, { name: j.icon, size: "sm" }),
+            V.icon && /* @__PURE__ */ e(ye, { name: V.icon, size: "sm" }),
             /* @__PURE__ */ d("div", { className: "gloss-search-input__suggestion-content", children: [
-              /* @__PURE__ */ e("span", { className: "gloss-search-input__suggestion-label", children: j.label }),
-              j.description && /* @__PURE__ */ e("span", { className: "gloss-search-input__suggestion-desc", children: j.description })
+              /* @__PURE__ */ e("span", { className: "gloss-search-input__suggestion-label", children: V.label }),
+              V.description && /* @__PURE__ */ e("span", { className: "gloss-search-input__suggestion-desc", children: V.description })
             ] })
           ]
         },
-        j.id
+        V.id
       )) })
     ] });
   }
 );
 Sn.displayName = "SearchInput";
-const Md = [
+const Bd = [
   { id: "length", label: "At least 8 characters", validate: (r) => r.length >= 8 },
   { id: "lowercase", label: "Contains lowercase letter", validate: (r) => /[a-z]/.test(r) },
   { id: "uppercase", label: "Contains uppercase letter", validate: (r) => /[A-Z]/.test(r) },
   { id: "number", label: "Contains number", validate: (r) => /\d/.test(r) },
   { id: "special", label: "Contains special character", validate: (r) => /[!@#$%^&*(),.?":{}|<>]/.test(r) }
-], Bd = (r) => {
+], Ed = (r) => {
   const t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*";
   let a = "";
   for (let n = 0; n < r; n++)
     a += t.charAt(Math.floor(Math.random() * t.length));
   return a;
-}, Ed = (r, t) => {
+}, Pd = (r, t) => {
   if (!r) return "weak";
   const n = t.filter((s) => s.validate(r)).length / t.length;
   return n < 0.4 ? "weak" : n < 0.6 ? "fair" : n < 0.8 ? "good" : "strong";
@@ -9570,7 +9581,7 @@ const Md = [
     showToggle: r = !0,
     showStrength: t = !1,
     strength: a,
-    strengthRules: n = Md,
+    strengthRules: n = Bd,
     showGenerate: s = !1,
     onGenerate: l,
     generateLength: o = 16,
@@ -9591,7 +9602,7 @@ const Md = [
     autoComplete: w = "new-password"
   }, T) => {
     const [f, M] = F(!1), [x, D] = F(String(u ?? "")), C = i !== void 0 ? String(i) : x, P = re(
-      () => Ed(C, n),
+      () => Pd(C, n),
       [C, n]
     ), z = a ?? P, L = re(
       () => n.map((Y) => ({
@@ -9607,12 +9618,12 @@ const Md = [
     ), H = k(() => {
       M((Y) => !Y);
     }, []), X = k(() => {
-      const Y = Bd(o);
+      const Y = Ed(o);
       l ? l(Y) : (i === void 0 && D(Y), g?.({
         target: { value: Y },
         currentTarget: { value: Y }
       })), M(!0);
-    }, [o, l, i, g]), G = {
+    }, [o, l, i, g]), j = {
       weak: "#ef4444",
       fair: "#f59e0b",
       good: "#3b82f6",
@@ -9675,7 +9686,7 @@ const Md = [
             className: "gloss-password-input__strength-fill",
             style: {
               width: z === "weak" ? "25%" : z === "fair" ? "50%" : z === "good" ? "75%" : "100%",
-              backgroundColor: G[z]
+              backgroundColor: j[z]
             }
           }
         ) }),
@@ -9683,7 +9694,7 @@ const Md = [
           "span",
           {
             className: "gloss-password-input__strength-label",
-            style: { color: G[z] },
+            style: { color: j[z] },
             children: $[z]
           }
         )
@@ -9703,7 +9714,7 @@ const Md = [
   }
 );
 cr.displayName = "PasswordInput";
-const Pd = Z.forwardRef(
+const zd = Z.forwardRef(
   ({
     value: r,
     defaultValue: t = [],
@@ -9724,14 +9735,14 @@ const Pd = Z.forwardRef(
     id: v,
     name: h
   }, S) => {
-    const I = $e(), N = v || I, w = le(null), [T, f] = F(t), [M, x] = F(""), [D, C] = F(null), [P, z] = F(!1), [L, E] = F(-1), H = r !== void 0, X = H ? r : T, G = M ? i.filter(
+    const I = $e(), N = v || I, w = le(null), [T, f] = F(t), [M, x] = F(""), [D, C] = F(null), [P, z] = F(!1), [L, E] = F(-1), H = r !== void 0, X = H ? r : T, j = M ? i.filter(
       (ne) => ne.toLowerCase().includes(M.toLowerCase()) && (o || !X.includes(ne))
-    ) : [], $ = P && G.length > 0, W = s === void 0 || X.length < s, Y = k(
+    ) : [], $ = P && j.length > 0, W = s === void 0 || X.length < s, Y = k(
       (ne) => {
         H || f(ne), a?.(ne);
       },
       [H, a]
-    ), V = k(
+    ), G = k(
       (ne) => {
         const de = ne.trim();
         if (de) {
@@ -9770,42 +9781,42 @@ const Pd = Z.forwardRef(
         for (const Se of fe)
           if (de.includes(Se)) {
             de.split(Se).forEach((_e) => {
-              _e.trim() && V(_e);
+              _e.trim() && G(_e);
             });
             return;
           }
         x(de), E(-1), C(null);
       },
-      [n, V]
+      [n, G]
     ), Q = k(
       (ne) => {
-        ne.key === "Enter" ? (ne.preventDefault(), $ && L >= 0 ? V(G[L]) : n.includes("Enter") && M.trim() && V(M)) : ne.key === "Backspace" && !M && X.length > 0 ? A(X.length - 1) : ne.key === "ArrowDown" && $ ? (ne.preventDefault(), E(
-          (de) => de < G.length - 1 ? de + 1 : 0
+        ne.key === "Enter" ? (ne.preventDefault(), $ && L >= 0 ? G(j[L]) : n.includes("Enter") && M.trim() && G(M)) : ne.key === "Backspace" && !M && X.length > 0 ? A(X.length - 1) : ne.key === "ArrowDown" && $ ? (ne.preventDefault(), E(
+          (de) => de < j.length - 1 ? de + 1 : 0
         )) : ne.key === "ArrowUp" && $ ? (ne.preventDefault(), E(
-          (de) => de > 0 ? de - 1 : G.length - 1
+          (de) => de > 0 ? de - 1 : j.length - 1
         )) : ne.key === "Escape" && (x(""), E(-1));
       },
       [
         $,
         L,
-        G,
+        j,
         n,
         M,
         X,
-        V,
+        G,
         A
       ]
     ), K = k(() => {
       z(!0);
-    }, []), j = k(() => {
-      setTimeout(() => z(!1), 150), M.trim() && n.includes(",") && V(M);
-    }, [M, n, V]), q = k(() => {
+    }, []), V = k(() => {
+      setTimeout(() => z(!1), 150), M.trim() && n.includes(",") && G(M);
+    }, [M, n, G]), q = k(() => {
       w.current?.focus();
     }, []), be = k(
       (ne) => {
-        V(ne), w.current?.focus();
+        G(ne), w.current?.focus();
       },
-      [V]
+      [G]
     ), te = [
       "gloss-tag-input-wrapper",
       g && "gloss-tag-input-wrapper--disabled"
@@ -9852,14 +9863,14 @@ const Pd = Z.forwardRef(
               onChange: U,
               onKeyDown: Q,
               onFocus: K,
-              onBlur: j,
+              onBlur: V,
               placeholder: X.length === 0 ? u : "",
               disabled: g,
               "aria-describedby": m ? `${N}-helper` : void 0
             }
           )
         ] }),
-        $ && /* @__PURE__ */ e("ul", { className: "gloss-tag-input__suggestions", role: "listbox", children: G.map((ne, de) => /* @__PURE__ */ e(
+        $ && /* @__PURE__ */ e("ul", { className: "gloss-tag-input__suggestions", role: "listbox", children: j.map((ne, de) => /* @__PURE__ */ e(
           "li",
           {
             role: "option",
@@ -9885,8 +9896,8 @@ const Pd = Z.forwardRef(
     ] });
   }
 );
-Pd.displayName = "TagInput";
-const zd = [
+zd.displayName = "TagInput";
+const Rd = [
   { code: "US", name: "United States", dialCode: "+1", format: "(###) ###-####" },
   { code: "CA", name: "Canada", dialCode: "+1", format: "(###) ###-####" },
   { code: "GB", name: "United Kingdom", dialCode: "+44", format: "#### ### ####" },
@@ -9914,7 +9925,7 @@ const zd = [
         nationalNumber: r.slice(n.dialCode.length)
       };
   return { country: null, nationalNumber: r.slice(1) };
-}, Rd = (r, t) => {
+}, Ad = (r, t) => {
   if (!t) return r;
   const a = r.replace(/\D/g, "");
   let n = "", s = 0;
@@ -9923,13 +9934,13 @@ const zd = [
     l === "#" ? (n += a[s], s++) : n += l;
   }
   return s < a.length && (n += a.slice(s)), n;
-}, Fa = (r) => r.replace(/\D/g, ""), Ad = Z.forwardRef(
+}, Fa = (r) => r.replace(/\D/g, ""), $d = Z.forwardRef(
   ({
     value: r,
     defaultValue: t,
     onChange: a,
     defaultCountry: n = "US",
-    countries: s = zd,
+    countries: s = Rd,
     showCountrySelect: l = !0,
     format: o = "national",
     label: c,
@@ -9942,7 +9953,7 @@ const zd = [
     className: b = "",
     id: _
   }, v) => {
-    const h = $e(), S = _ || h, I = s.find((V) => V.code === n) || s[0], N = re(
+    const h = $e(), S = _ || h, I = s.find((G) => G.code === n) || s[0], N = re(
       () => $a(r || t || "", s),
       []
     ), [w, T] = F(
@@ -9952,29 +9963,29 @@ const zd = [
     ), [x, D] = F(!1), C = r !== void 0, P = re(
       () => C ? $a(r || "", s) : null,
       [C, r, s]
-    ), z = P?.country || w, L = P?.nationalNumber || f, E = Rd(L, z.format), H = k(
-      (V, A) => {
+    ), z = P?.country || w, L = P?.nationalNumber || f, E = Ad(L, z.format), H = k(
+      (G, A) => {
         const U = Fa(A);
-        return U ? `${V.dialCode}${U}` : "";
+        return U ? `${G.dialCode}${U}` : "";
       },
       []
     ), X = k(
-      (V) => {
-        const A = V.target.value, U = Fa(A);
+      (G) => {
+        const A = G.target.value, U = Fa(A);
         C || M(U);
         const Q = H(z, U);
         a?.(Q);
       },
       [C, z, H, a]
-    ), G = k(
-      (V) => {
-        C || T(V);
-        const A = H(V, L);
+    ), j = k(
+      (G) => {
+        C || T(G);
+        const A = H(G, L);
         a?.(A), D(!1);
       },
       [C, L, H, a]
     ), $ = k(() => {
-      m || D((V) => !V);
+      m || D((G) => !G);
     }, [m]), W = k(() => {
       setTimeout(() => D(!1), 150);
     }, []), Y = l ? /* @__PURE__ */ d(
@@ -9999,20 +10010,20 @@ const zd = [
       /* @__PURE__ */ d("div", { className: "gloss-phone-input", children: [
         /* @__PURE__ */ d("div", { className: "gloss-phone-input__country", children: [
           Y,
-          x && /* @__PURE__ */ e("ul", { className: "gloss-phone-input__dropdown", role: "listbox", children: s.map((V) => /* @__PURE__ */ d(
+          x && /* @__PURE__ */ e("ul", { className: "gloss-phone-input__dropdown", role: "listbox", children: s.map((G) => /* @__PURE__ */ d(
             "li",
             {
               role: "option",
-              "aria-selected": V.code === z.code,
-              className: `gloss-phone-input__option ${V.code === z.code ? "gloss-phone-input__option--selected" : ""}`,
-              onClick: () => G(V),
+              "aria-selected": G.code === z.code,
+              className: `gloss-phone-input__option ${G.code === z.code ? "gloss-phone-input__option--selected" : ""}`,
+              onClick: () => j(G),
               children: [
-                /* @__PURE__ */ e("span", { className: "gloss-phone-input__option-flag", children: V.code }),
-                /* @__PURE__ */ e("span", { className: "gloss-phone-input__option-name", children: V.name }),
-                /* @__PURE__ */ e("span", { className: "gloss-phone-input__option-dial", children: V.dialCode })
+                /* @__PURE__ */ e("span", { className: "gloss-phone-input__option-flag", children: G.code }),
+                /* @__PURE__ */ e("span", { className: "gloss-phone-input__option-name", children: G.name }),
+                /* @__PURE__ */ e("span", { className: "gloss-phone-input__option-dial", children: G.dialCode })
               ]
             },
-            V.code
+            G.code
           )) })
         ] }),
         /* @__PURE__ */ e(
@@ -10046,7 +10057,7 @@ const zd = [
     ] });
   }
 );
-Ad.displayName = "PhoneInput";
+$d.displayName = "PhoneInput";
 const Cn = Z.forwardRef(
   (r, t) => {
     const {
@@ -10090,10 +10101,10 @@ function Wr({
 }) {
   const o = {
     bg: B.BgSurface,
-    shadow: je.Hover,
+    shadow: Ve.Hover,
     radius: xe.Md,
     padding: J.Md,
-    zIndex: Ga.Popover,
+    zIndex: ja.Popover,
     offset: 8,
     portal: !0,
     dismissOnClickOutside: !0,
@@ -10102,7 +10113,7 @@ function Wr({
     showArrow: s
   };
   return /* @__PURE__ */ e(
-    Vs,
+    Gs,
     {
       definition: o,
       open: r,
@@ -10114,10 +10125,10 @@ function Wr({
   );
 }
 Wr.displayName = "PresetPopover";
-const $d = (r) => String(r), Fd = /* @__PURE__ */ e("div", { className: "gloss-autocomplete__empty", children: "No matches found. Try a different search." });
-function Od() {
+const Fd = (r) => String(r), Od = /* @__PURE__ */ e("div", { className: "gloss-autocomplete__empty", children: "No matches found. Try a different search." });
+function Ld() {
   return /* @__PURE__ */ d("div", { className: "gloss-autocomplete__loading", children: [
-    /* @__PURE__ */ e(Ge, { name: "loader" }),
+    /* @__PURE__ */ e(je, { name: "loader" }),
     "Loading..."
   ] });
 }
@@ -10126,10 +10137,10 @@ function kn(r) {
     options: t,
     value: a,
     onChange: n,
-    getOptionLabel: s = $d,
+    getOptionLabel: s = Fd,
     onSearch: l,
     resultSlot: o,
-    emptySlot: c = Fd,
+    emptySlot: c = Od,
     loadingSlot: i,
     placeholder: u,
     label: g,
@@ -10199,8 +10210,8 @@ function kn(r) {
     w(!0);
   }, []), H = k(() => {
     w(!1), f(-1);
-  }, []), X = N && (C.length > 0 || b || C.length === 0), G = ["gloss-autocomplete", h].filter(Boolean).join(" ");
-  return /* @__PURE__ */ d("div", { className: G, ref: M, children: [
+  }, []), X = N && (C.length > 0 || b || C.length === 0), j = ["gloss-autocomplete", h].filter(Boolean).join(" ");
+  return /* @__PURE__ */ d("div", { className: j, ref: M, children: [
     /* @__PURE__ */ e(
       De,
       {
@@ -10228,7 +10239,7 @@ function kn(r) {
         onDismiss: H,
         anchorRef: M,
         placement: "bottom-start",
-        children: b ? i ?? /* @__PURE__ */ e(Od, {}) : C.length === 0 ? c : /* @__PURE__ */ e(
+        children: b ? i ?? /* @__PURE__ */ e(Ld, {}) : C.length === 0 ? c : /* @__PURE__ */ e(
           "ul",
           {
             ref: D,
@@ -10245,8 +10256,8 @@ function kn(r) {
                     "gloss-autocomplete__result-item",
                     Y && "gloss-autocomplete__result-item--highlighted"
                   ].filter(Boolean).join(" "),
-                  onMouseDown: (V) => {
-                    V.preventDefault(), z($);
+                  onMouseDown: (G) => {
+                    G.preventDefault(), z($);
                   },
                   onMouseEnter: () => f(W),
                   children: o ? o($, Y) : /* @__PURE__ */ e("span", { children: s($) })
@@ -10288,7 +10299,7 @@ function wn(r) {
     return t.filter((Y) => Y.label.toLowerCase().includes(W));
   }, [t, I]), P = b != null && a.length >= b, z = k(
     (W) => {
-      a.includes(W) ? n(a.filter((V) => V !== W)) : P || n([...a, W]);
+      a.includes(W) ? n(a.filter((G) => G !== W)) : P || n([...a, W]);
     },
     [a, n, P]
   ), L = k(
@@ -10337,7 +10348,7 @@ function wn(r) {
     m || S((W) => !W);
   }, [m]), X = k(() => {
     S(!1);
-  }, []), G = [
+  }, []), j = [
     "gloss-multi-select",
     m && "gloss-multi-select--disabled",
     g && "gloss-multi-select--error",
@@ -10348,7 +10359,7 @@ function wn(r) {
     h && "gloss-multi-select__trigger--focused",
     g && "gloss-multi-select__trigger--error"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ d("div", { className: G, children: [
+  return /* @__PURE__ */ d("div", { className: j, children: [
     i && /* @__PURE__ */ e("label", { className: "gloss-multi-select__label", children: i }),
     /* @__PURE__ */ d(
       "div",
@@ -10388,7 +10399,7 @@ function wn(r) {
             }
           ) : D.length === 0 && /* @__PURE__ */ e("span", { className: "gloss-multi-select__placeholder", children: c }),
           /* @__PURE__ */ e("span", { className: "gloss-multi-select__arrow", children: /* @__PURE__ */ e(
-            Ge,
+            je,
             {
               name: "chevron-down",
               definition: { size: "sm" }
@@ -10422,16 +10433,16 @@ function wn(r) {
             role: "listbox",
             "aria-multiselectable": "true",
             children: C.map((W, Y) => {
-              const V = a.includes(W.value), A = Y === w, U = W.disabled || P && !V;
+              const G = a.includes(W.value), A = Y === w, U = W.disabled || P && !G;
               return /* @__PURE__ */ e(
                 "li",
                 {
                   role: "option",
-                  "aria-selected": V,
+                  "aria-selected": G,
                   "aria-disabled": U || void 0,
                   className: [
                     "gloss-multi-select__option",
-                    V && "gloss-multi-select__option--selected",
+                    G && "gloss-multi-select__option--selected",
                     A && "gloss-multi-select__option--highlighted",
                     U && "gloss-multi-select__option--disabled"
                   ].filter(Boolean).join(" "),
@@ -10439,15 +10450,15 @@ function wn(r) {
                     Q.preventDefault(), U || z(W.value);
                   },
                   onMouseEnter: () => T(Y),
-                  children: l ? l(W, V) : /* @__PURE__ */ d(Be, { children: [
+                  children: l ? l(W, G) : /* @__PURE__ */ d(Be, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
                         className: [
                           "gloss-multi-select__check",
-                          V && "gloss-multi-select__check--active"
+                          G && "gloss-multi-select__check--active"
                         ].filter(Boolean).join(" "),
-                        children: V && /* @__PURE__ */ e(
+                        children: G && /* @__PURE__ */ e(
                           "svg",
                           {
                             width: "12",
@@ -10476,16 +10487,16 @@ function wn(r) {
   ] });
 }
 wn.displayName = "MultiSelect";
-const Ld = {
+const Hd = {
   xs: { size: "24px", fontSize: "0.625rem" },
   sm: { size: "32px", fontSize: "0.75rem" },
   md: { size: "40px", fontSize: "0.875rem" },
   lg: { size: "48px", fontSize: "1rem" },
   xl: { size: "64px", fontSize: "1.25rem" }
-}, Hd = {
+}, Wd = {
   bg: B.BgMuted,
   color: B.TextSecondary
-}, Wd = {
+}, Gd = {
   circle: "50%",
   square: xe.Md
 };
@@ -10502,7 +10513,7 @@ function Vd() {
     }
   );
 }
-function Vr(r) {
+function Gr(r) {
   const {
     size: t = "md",
     shape: a = "circle",
@@ -10514,16 +10525,16 @@ function Vr(r) {
   } = r, i = { ...c };
   delete i.className, delete i.style, delete i.definition;
   const u = {
-    ...Hd,
-    ...Ld[t],
-    radius: Wd[a]
+    ...Wd,
+    ...Hd[t],
+    radius: Gd[a]
   }, g = [
     "gloss-preset-avatar",
     `gloss-preset-avatar--${t}`
   ].join(" ");
   let p = /* @__PURE__ */ e(Vd, {});
   return o ? p = o : l && (p = l), /* @__PURE__ */ e(
-    js,
+    Vs,
     {
       definition: u,
       className: g,
@@ -10534,18 +10545,18 @@ function Vr(r) {
     }
   );
 }
-Vr.displayName = "PresetAvatar";
+Gr.displayName = "PresetAvatar";
 function jd(r, t) {
   return /* @__PURE__ */ d("div", { className: `gloss-entity-picker__result ${t ? "gloss-entity-picker__result--highlighted" : ""}`, children: [
-    r.avatarUrl ? /* @__PURE__ */ e("div", { className: "gloss-entity-picker__result-avatar", children: /* @__PURE__ */ e(Vr, { src: r.avatarUrl, alt: r.label, size: "sm" }) }) : r.icon ? /* @__PURE__ */ e("div", { className: "gloss-entity-picker__result-icon", children: /* @__PURE__ */ e(Ge, { name: r.icon, definition: { size: "sm" } }) }) : null,
+    r.avatarUrl ? /* @__PURE__ */ e("div", { className: "gloss-entity-picker__result-avatar", children: /* @__PURE__ */ e(Gr, { src: r.avatarUrl, alt: r.label, size: "sm" }) }) : r.icon ? /* @__PURE__ */ e("div", { className: "gloss-entity-picker__result-icon", children: /* @__PURE__ */ e(je, { name: r.icon, definition: { size: "sm" } }) }) : null,
     /* @__PURE__ */ d("div", { className: "gloss-entity-picker__result-info", children: [
       /* @__PURE__ */ e("span", { className: "gloss-entity-picker__result-label", children: r.label }),
       r.description && /* @__PURE__ */ e("span", { className: "gloss-entity-picker__result-description", children: r.description })
     ] })
   ] });
 }
-const Gd = /* @__PURE__ */ e("div", { className: "gloss-entity-picker__empty", children: "No entities found. No matching entities found." });
-function Kd({
+const Kd = /* @__PURE__ */ e("div", { className: "gloss-entity-picker__empty", children: "No entities found. No matching entities found." });
+function Yd({
   entities: r,
   value: t,
   onChange: a,
@@ -10569,7 +10580,7 @@ function Kd({
       getOptionLabel: (y) => y.label,
       onSearch: n,
       resultSlot: s,
-      emptySlot: Gd,
+      emptySlot: Kd,
       placeholder: o,
       label: c,
       isLoading: i,
@@ -10578,8 +10589,8 @@ function Kd({
     }
   ) });
 }
-Kd.displayName = "EntityPicker";
-function jr(r) {
+Yd.displayName = "EntityPicker";
+function Vr(r) {
   const {
     columns: t,
     data: a,
@@ -10661,7 +10672,7 @@ function jr(r) {
                   {
                     className: `gloss-data-table__sort-icon${H ? " gloss-data-table__sort-icon--active" : ""}`,
                     children: /* @__PURE__ */ e(
-                      Ge,
+                      je,
                       {
                         name: H && y === "desc" ? "arrow-down" : "arrow-up",
                         definition: { size: "sm" }
@@ -10699,16 +10710,16 @@ function jr(r) {
           }
         ) }),
         !I && a.map((E, H) => {
-          const X = String(E[n]), G = g?.has(X) ?? !1, $ = [
+          const X = String(E[n]), j = g?.has(X) ?? !1, $ = [
             "gloss-data-table__row",
-            G && "gloss-data-table__row--selected",
+            j && "gloss-data-table__row--selected",
             N && "gloss-data-table__row--striped"
           ].filter(Boolean).join(" ");
           return /* @__PURE__ */ d("tr", { className: $, children: [
             u && /* @__PURE__ */ e("td", { className: "gloss-data-table__body-cell gloss-data-table__body-cell--checkbox", children: /* @__PURE__ */ e(
               nt,
               {
-                checked: G,
+                checked: j,
                 onChange: () => D(X),
                 size: "sm"
               }
@@ -10719,13 +10730,13 @@ function jr(r) {
                 W.align === "center" && "gloss-data-table__body-cell--align-center",
                 W.align === "right" && "gloss-data-table__body-cell--align-right"
               ].filter(Boolean).join(" ");
-              let V;
-              return l ? V = l(W, E) : W.render ? V = W.render(E[W.key], E) : V = String(E[W.key] ?? ""), /* @__PURE__ */ e(
+              let G;
+              return l ? G = l(W, E) : W.render ? G = W.render(E[W.key], E) : G = String(E[W.key] ?? ""), /* @__PURE__ */ e(
                 "td",
                 {
                   className: Y,
                   style: W.width ? { width: W.width } : void 0,
-                  children: V
+                  children: G
                 },
                 W.key
               );
@@ -10767,13 +10778,13 @@ function jr(r) {
     ] })
   ] });
 }
-jr.displayName = "DataTable";
-const Yd = [
+Vr.displayName = "DataTable";
+const Ud = [
   { value: "count", label: "Count" },
   { value: "total", label: "Total" },
   { value: "average", label: "Average" }
 ];
-function Ud({
+function Xd({
   filterDescription: r,
   filterPayload: t,
   onConfirm: a,
@@ -10814,7 +10825,7 @@ function Ud({
           /* @__PURE__ */ e("div", { className: "pin-to-metric__popover-header", children: r }),
           /* @__PURE__ */ d("div", { className: "pin-to-metric__popover-body", children: [
             /* @__PURE__ */ e("p", { className: "pin-to-metric__popover-prompt", children: "Pin as metric card using:" }),
-            /* @__PURE__ */ e("div", { className: "pin-to-metric__agg-buttons", children: Yd.map(({ value: _, label: v }) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "pin-to-metric__agg-buttons", children: Ud.map(({ value: _, label: v }) => /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -10830,31 +10841,31 @@ function Ud({
     ) }) })
   ] });
 }
-Ud.displayName = "PinToMetric";
-const Xd = {
+Xd.displayName = "PinToMetric";
+const qd = {
   sm: "400px",
   md: "560px",
   lg: "720px",
   fullscreen: "100vw"
-}, qd = {
+}, Zd = {
   portal: !0,
   dismissOnClickOutside: !0,
   dismissOnEscape: !0,
   role: "dialog",
   bg: B.BgSurface,
-  shadow: je.Hover,
+  shadow: Ve.Hover,
   radius: xe.Lg,
   padding: "0",
-  zIndex: Ga.Modal
+  zIndex: ja.Modal
 };
-function Gr({ open: r, onDismiss: t, size: a = "md", children: n }) {
-  const s = Xd[a];
+function jr({ open: r, onDismiss: t, size: a = "md", children: n }) {
+  const s = qd[a];
   return /* @__PURE__ */ d(Be, { children: [
     r && /* @__PURE__ */ e("div", { className: "gloss-container-dialog__backdrop", "data-density": "default" }),
     /* @__PURE__ */ e(
       Ka,
       {
-        definition: qd,
+        definition: Zd,
         open: r,
         onDismiss: t,
         className: `gloss-container-dialog gloss-container-dialog--${a}`,
@@ -10864,7 +10875,7 @@ function Gr({ open: r, onDismiss: t, size: a = "md", children: n }) {
     )
   ] });
 }
-Gr.displayName = "ContainerDialog";
+jr.displayName = "ContainerDialog";
 const Kr = Z.forwardRef(({ children: r, ...t }, a) => {
   const n = { ...t };
   return delete n.className, delete n.style, /* @__PURE__ */ e("div", { ref: a, className: "gloss-container-dialog__header", ...n, children: /* @__PURE__ */ e(yt, { region: "dialog-header", children: r }) });
@@ -10880,7 +10891,7 @@ const Ur = Z.forwardRef(({ children: r, ...t }, a) => {
   return delete n.className, delete n.style, /* @__PURE__ */ e("div", { ref: a, className: "gloss-container-dialog__actions", ...n, children: /* @__PURE__ */ e(yt, { region: "dialog-actions", children: r }) });
 });
 Ur.displayName = "ContainerDialogActions";
-function Zd(r) {
+function Jd(r) {
   const {
     open: t,
     onClose: a,
@@ -10896,7 +10907,7 @@ function Zd(r) {
     footerSlot: m,
     className: y
   } = r, b = s ?? a, _ = ["gloss-form-dialog", y].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e(Gr, { open: t, onDismiss: a, size: u, children: /* @__PURE__ */ d("div", { className: _, children: [
+  return /* @__PURE__ */ e(jr, { open: t, onDismiss: a, size: u, children: /* @__PURE__ */ d("div", { className: _, children: [
     /* @__PURE__ */ e(Kr, { children: /* @__PURE__ */ e("h2", { style: { margin: 0 }, children: l }) }),
     /* @__PURE__ */ e(Yr, { children: p }),
     /* @__PURE__ */ e(Ur, { children: m || /* @__PURE__ */ d("div", { className: "gloss-form-dialog__actions", children: [
@@ -10922,8 +10933,8 @@ function Zd(r) {
     ] }) })
   ] }) });
 }
-Zd.displayName = "FormDialog";
-const Jd = {
+Jd.displayName = "FormDialog";
+const Qd = {
   body: {
     fontFamily: Me.FontBody,
     fontSize: Me.TextBase,
@@ -10946,7 +10957,7 @@ const Jd = {
     letterSpacing: "0.08em",
     color: B.TextSecondary
   }
-}, Qd = {
+}, eu = {
   xs: { fontSize: Me.TextXs },
   sm: { fontSize: Me.TextSm },
   md: { fontSize: Me.TextBase },
@@ -10961,8 +10972,8 @@ const Jd = {
   } = t, o = { ...l };
   delete o.className, delete o.style, delete o.definition;
   const c = {
-    ...Jd[a],
-    ...Qd[n]
+    ...Qd[a],
+    ...eu[n]
   }, i = [
     "gloss-preset-text",
     `gloss-preset-text--${a}`
@@ -10979,7 +10990,7 @@ const Jd = {
   );
 };
 $t.displayName = "PresetText";
-function eu({
+function tu({
   open: r,
   cardA: t,
   cardB: a,
@@ -11029,7 +11040,7 @@ function eu({
             gap: "var(--space-2, 8px)"
           },
           children: [
-            /* @__PURE__ */ d(Gs, { level: 4, className: "gloss-merge-prompt__heading", children: [
+            /* @__PURE__ */ d(js, { level: 4, className: "gloss-merge-prompt__heading", children: [
               "Combine into a ",
               n,
               "?"
@@ -11104,7 +11115,7 @@ function eu({
     }
   );
 }
-eu.displayName = "MergePrompt";
+tu.displayName = "MergePrompt";
 function Dn(r) {
   const {
     steps: t,
@@ -11140,7 +11151,7 @@ function Dn(r) {
             "div",
             {
               className: `gloss-stepper__step-circle gloss-stepper__step-circle--${S}`,
-              children: S === "completed" ? /* @__PURE__ */ e(Ge, { name: "check", definition: { size: "sm" } }) : S === "error" ? /* @__PURE__ */ e(Ge, { name: "alert-circle", definition: { size: "sm" } }) : h + 1
+              children: S === "completed" ? /* @__PURE__ */ e(je, { name: "check", definition: { size: "sm" } }) : S === "error" ? /* @__PURE__ */ e(je, { name: "alert-circle", definition: { size: "sm" } }) : h + 1
             }
           ),
           /* @__PURE__ */ d("div", { className: "gloss-stepper__step-info", children: [
@@ -11170,7 +11181,7 @@ const Oa = he.object({
   email: he.string().email("Please enter a valid email address"),
   password: he.string().min(8, "Password must be at least 8 characters"),
   rememberMe: he.boolean().optional()
-}), wm = {
+}), Dm = {
   slug: "login-form",
   displayName: "Login Form",
   description: "A standard authentication form with email, password, remember me checkbox, and forgot password link. Includes Zod validation.",
@@ -11228,7 +11239,7 @@ const Oa = he.object({
   ],
   version: "1.0.0"
 };
-function Dm({
+function Im({
   title: r = "Welcome Back",
   subtitle: t = "Sign in to your account",
   submitLabel: a = "Sign In",
@@ -11367,7 +11378,7 @@ function Dm({
     ] })
   ] });
 }
-const tu = [
+const ru = [
   { value: "AL", label: "Alabama" },
   { value: "AK", label: "Alaska" },
   { value: "AZ", label: "Arizona" },
@@ -11425,7 +11436,7 @@ const tu = [
   state: he.string().min(2, "Please select a state"),
   zip: he.string().regex(/^\d{5}(-\d{4})?$/, "Please enter a valid ZIP code"),
   country: he.string().default("US")
-}), Im = {
+}), Tm = {
   slug: "address-group",
   displayName: "Address Group",
   description: "A complete address collection form with street, city, state, and ZIP fields. Includes US state select and ZIP code validation.",
@@ -11471,7 +11482,7 @@ const tu = [
   ],
   version: "1.0.0"
 };
-function ru({
+function au({
   legend: r = "Address",
   compact: t = !1,
   showStreet2: a = !0,
@@ -11619,7 +11630,7 @@ function ru({
                       N("state")(f), _((M) => ({ ...M, state: !0 }));
                     },
                     disabled: l,
-                    options: tu
+                    options: ru
                   }
                 ),
                 S.state && b.state && /* @__PURE__ */ e("span", { className: "gloss-pattern-address-group__error", children: S.state })
@@ -11660,9 +11671,9 @@ function ru({
     )
   ] });
 }
-const In = Xn(ru);
+const In = Xn(au);
 In.displayName = "AddressGroup";
-const au = (r) => {
+const nu = (r) => {
   const t = r.replace(/\s/g, "");
   if (!/^\d{13,19}$/.test(t)) return !1;
   let a = 0, n = !1;
@@ -11672,14 +11683,14 @@ const au = (r) => {
   }
   return a % 10 === 0;
 }, dr = he.object({
-  cardNumber: he.string().min(13, "Card number is too short").refine((r) => au(r), "Invalid card number"),
+  cardNumber: he.string().min(13, "Card number is too short").refine((r) => nu(r), "Invalid card number"),
   expiryDate: he.string().regex(/^(0[1-9]|1[0-2])\s?\/\s?\d{2}$/, "Invalid expiry date (MM/YY)").refine((r) => {
     const [t, a] = r.split("/").map((l) => parseInt(l.trim(), 10)), n = /* @__PURE__ */ new Date();
     return new Date(2e3 + a, t - 1) > n;
   }, "Card has expired"),
   cvv: he.string().regex(/^\d{3,4}$/, "CVV must be 3 or 4 digits"),
   cardholderName: he.string().min(2, "Cardholder name is required")
-}), Tm = {
+}), Mm = {
   slug: "credit-card-form",
   displayName: "Credit Card Form",
   description: "A secure payment form with card number masking, expiry date formatting, CVV input, and Luhn validation. Supports async BIN validation.",
@@ -11743,7 +11754,7 @@ const au = (r) => {
   ],
   version: "1.0.0"
 };
-function Mm({
+function Bm({
   title: r = "Payment Details",
   subtitle: t = "Enter your card information",
   submitLabel: a = "Pay",
@@ -11906,7 +11917,7 @@ function Mm({
           variant: "primary",
           isLoading: o,
           disabled: i || c,
-          leftIcon: u ? /* @__PURE__ */ e(Ge, { name: "lock", definition: { size: "sm" } }) : void 0,
+          leftIcon: u ? /* @__PURE__ */ e(je, { name: "lock", definition: { size: "sm" } }) : void 0,
           fullWidth: !0,
           children: w
         }
@@ -11924,7 +11935,7 @@ const La = he.object({
 }).refine((r) => r.password === r.confirmPassword, {
   message: "Passwords must match",
   path: ["confirmPassword"]
-}), Bm = {
+}), Em = {
   slug: "registration-form",
   displayName: "Registration Form",
   description: "A user registration form with name, email, password fields, terms acceptance, and Zod validation. Supports password strength indicator and confirmation matching.",
@@ -11976,7 +11987,7 @@ const La = he.object({
   ],
   version: "1.0.0"
 };
-function Em({
+function Pm({
   onSubmit: r,
   onSubmitRaw: t,
   isLoading: a = !1,
@@ -12186,7 +12197,7 @@ const Ha = he.object({
   email: he.string().email("Please enter a valid email address"),
   subject: he.string().min(1, "Subject is required"),
   message: he.string().min(10, "Message must be at least 10 characters")
-}), Pm = {
+}), zm = {
   slug: "contact-form",
   displayName: "Contact Form",
   description: "A contact/support form with name, email, subject, and message fields. Supports optional subject dropdown and Zod validation.",
@@ -12226,7 +12237,7 @@ const Ha = he.object({
   ],
   version: "1.0.0"
 };
-function zm({
+function Rm({
   onSubmit: r,
   onSubmitRaw: t,
   isLoading: a = !1,
@@ -12382,7 +12393,7 @@ function zm({
     ) })
   ] });
 }
-const nu = he.object({
+const su = he.object({
   paymentMethod: he.enum(["credit_card", "debit_card", "bank_transfer"]),
   card: dr.optional(),
   billingAddress: $r,
@@ -12393,7 +12404,7 @@ const nu = he.object({
     message: "Card details are required for card payments",
     path: ["card"]
   }
-), Rm = {
+), Am = {
   slug: "payment-form",
   displayName: "Payment Form",
   description: "A comprehensive payment form orchestrating payment method selection, card fields, and billing address. Composes creditCardSchema and addressSchema with Zod.",
@@ -12433,7 +12444,7 @@ const nu = he.object({
   ],
   version: "1.0.0"
 };
-function Am({
+function $m({
   onSubmit: r,
   onSubmitRaw: t,
   isLoading: a = !1,
@@ -12492,21 +12503,21 @@ function Am({
         savePaymentMethod: S
       };
       f && (H.card = m);
-      const X = nu.safeParse(H);
+      const X = su.safeParse(H);
       if (!X.success) {
-        const G = {};
+        const j = {};
         X.error.issues.forEach(($) => {
           const W = $.path;
           if (W[0] === "card" && W.length === 2) {
             const Y = W[1];
-            G[Y] || (G[Y] = $.message);
+            j[Y] || (j[Y] = $.message);
           } else W[0] === "card" && W.length === 1 && w($.message);
-        }), Object.keys(G).length > 0 && (_(G), h({
+        }), Object.keys(j).length > 0 && (_(j), h({
           cardNumber: !0,
           expiryDate: !0,
           cvv: !0,
           cardholderName: !0
-        })), !N && Object.keys(G).length === 0 && w("Please fix the errors above before submitting.");
+        })), !N && Object.keys(j).length === 0 && w("Please fix the errors above before submitting.");
         return;
       }
       await r?.(X.data);
@@ -12653,7 +12664,7 @@ function Am({
     ] })
   ] });
 }
-const $m = {
+const Fm = {
   slug: "destructive-modal",
   displayName: "Destructive Modal",
   description: "A confirmation dialog for dangerous actions like delete operations. Supports optional text confirmation for extra safety.",
@@ -12711,7 +12722,7 @@ const $m = {
   ],
   version: "1.0.0"
 };
-function Fm({
+function Om({
   isOpen: r,
   onClose: t,
   onConfirm: a,
@@ -12733,10 +12744,10 @@ function Fm({
   const _ = k(async () => {
     c && y !== i || await a();
   }, [c, y, i, a]), v = !c || y === i, h = p ? `${s} This will permanently delete "${p}".` : s;
-  return /* @__PURE__ */ d(Gr, { open: r, onDismiss: g ? void 0 : t, size: "sm", children: [
+  return /* @__PURE__ */ d(jr, { open: r, onDismiss: g ? void 0 : t, size: "sm", children: [
     /* @__PURE__ */ e(Kr, { children: /* @__PURE__ */ d("div", { className: "gloss-pattern-destructive-modal__header-content", children: [
       /* @__PURE__ */ e(
-        Ge,
+        je,
         {
           name: m,
           className: "gloss-pattern-destructive-modal__icon",
@@ -12780,7 +12791,7 @@ function Fm({
     ] })
   ] });
 }
-function su(r) {
+function ou(r) {
   const {
     onSearch: t,
     filters: a = [],
@@ -12821,7 +12832,7 @@ function su(r) {
       v.key
     )) }),
     /* @__PURE__ */ e(
-      jr,
+      Vr,
       {
         columns: o,
         data: l,
@@ -12838,8 +12849,8 @@ function su(r) {
     )
   ] });
 }
-su.displayName = "EntitySearchPanel";
-function ou(r) {
+ou.displayName = "EntitySearchPanel";
+function lu(r) {
   const {
     name: t,
     subtitle: a,
@@ -12851,7 +12862,7 @@ function ou(r) {
   } = r, i = ["gloss-profile-card", c].filter(Boolean).join(" ");
   return /* @__PURE__ */ e(sn, { variant: "outlined", className: i, children: /* @__PURE__ */ d("div", { className: "gloss-profile-card__content", children: [
     /* @__PURE__ */ e(
-      Vr,
+      Gr,
       {
         size: "xl",
         src: n,
@@ -12869,8 +12880,8 @@ function ou(r) {
     ] }, g)) })
   ] }) });
 }
-ou.displayName = "ProfileCard";
-function lu(r) {
+lu.displayName = "ProfileCard";
+function iu(r) {
   const {
     value: t,
     onChange: a,
@@ -12929,8 +12940,8 @@ function lu(r) {
     o && /* @__PURE__ */ e("div", { className: "gloss-order-filter-bar__reset", children: /* @__PURE__ */ e(Ce, { variant: "ghost", size: "sm", onClick: o, children: "Reset" }) })
   ] });
 }
-lu.displayName = "OrderFilterBar";
-const iu = {
+iu.displayName = "OrderFilterBar";
+const cu = {
   default: {
     fillBg: B.BrandPrimary,
     trackBg: B.Gray200,
@@ -12967,7 +12978,7 @@ function Tn(r) {
     ...c
   } = r, i = { ...c };
   delete i.className, delete i.style, delete i.definition;
-  const u = iu[t], g = Math.round(a / (n || 100) * 100), p = [
+  const u = cu[t], g = Math.round(a / (n || 100) * 100), p = [
     "gloss-preset-progress-bar",
     `gloss-preset-progress-bar--${t}`,
     o !== "none" && `gloss-preset-progress-bar--label-${o}`
@@ -12999,12 +13010,12 @@ function Tn(r) {
   ] });
 }
 Tn.displayName = "PresetProgressBar";
-const cu = [
+const du = [
   { key: "upload", label: "Upload" },
   { key: "preview", label: "Preview" },
   { key: "confirm", label: "Confirm" }
 ];
-function du(r) {
+function uu(r) {
   const {
     acceptedTypes: t,
     onFileParsed: a,
@@ -13033,7 +13044,7 @@ function du(r) {
     /* @__PURE__ */ e(
       Dn,
       {
-        steps: cu,
+        steps: du,
         activeStep: u,
         onStepChange: g,
         onStepValidate: S,
@@ -13051,7 +13062,7 @@ function du(r) {
               ) });
             case 1:
               return /* @__PURE__ */ e("div", { className: "gloss-import-wizard__preview", children: n.length > 0 && s ? /* @__PURE__ */ e(
-                jr,
+                Vr,
                 {
                   columns: n,
                   data: y,
@@ -13080,8 +13091,8 @@ function du(r) {
     _ && /* @__PURE__ */ e("p", { className: "gloss-import-wizard__error", children: _ })
   ] });
 }
-du.displayName = "ImportWizard";
-const uu = Z.forwardRef(({ title: r, collapsed: t = !1, onToggle: a, density: n = "default", children: s, ...l }, o) => {
+uu.displayName = "ImportWizard";
+const mu = Z.forwardRef(({ title: r, collapsed: t = !1, onToggle: a, density: n = "default", children: s, ...l }, o) => {
   const c = { ...l };
   return delete c.className, delete c.style, /* @__PURE__ */ d(
     "div",
@@ -13112,8 +13123,8 @@ const uu = Z.forwardRef(({ title: r, collapsed: t = !1, onToggle: a, density: n
     }
   );
 });
-uu.displayName = "ContainerPanel";
-function Gt(...r) {
+mu.displayName = "ContainerPanel";
+function jt(...r) {
   return (t) => {
     for (const a of r)
       typeof a == "function" ? a(t) : a && typeof a == "object" && (a.current = t);
@@ -13125,7 +13136,7 @@ function ur(r, t) {
       r(a), t(a);
     } : r : t ?? void 0;
 }
-const mu = Z.forwardRef(
+const pu = Z.forwardRef(
   ({ onAction: r, disabled: t = !1, role: a = "button", children: n }, s) => {
     const l = Z.Children.only(n), o = (u) => {
       t || (u.key === "Enter" || u.key === " ") && (u.preventDefault(), r?.(u));
@@ -13138,12 +13149,12 @@ const mu = Z.forwardRef(
       tabIndex: i.tabIndex ?? (t ? -1 : 0),
       role: i.role ?? a,
       "aria-disabled": t || void 0,
-      ref: Gt(s, l.ref)
+      ref: jt(s, l.ref)
     });
   }
 );
-mu.displayName = "Actionable";
-const pu = Z.forwardRef(
+pu.displayName = "Actionable";
+const gu = Z.forwardRef(
   ({ selected: r = !1, onSelect: t, disabled: a = !1, showCheckbox: n = !1, children: s }, l) => {
     const o = Z.Children.only(s), c = k((p) => {
       a || t?.(!r, p);
@@ -13163,7 +13174,7 @@ const pu = Z.forwardRef(
         r && "gloss-selectable--selected",
         a && "gloss-selectable--disabled"
       ].filter(Boolean).join(" ") || void 0,
-      ref: Gt(l, o.ref)
+      ref: jt(l, o.ref)
     });
     return n ? /* @__PURE__ */ d("div", { className: "gloss-selectable__wrapper", children: [
       /* @__PURE__ */ e(
@@ -13183,8 +13194,8 @@ const pu = Z.forwardRef(
     ] }) : g;
   }
 );
-pu.displayName = "Selectable";
-const gu = Z.forwardRef(
+gu.displayName = "Selectable";
+const fu = Z.forwardRef(
   ({ onDismiss: r, dismissOnEscape: t = !0, dismissOnClickOutside: a = !0, showCloseButton: n = !1, disabled: s = !1, children: l }, o) => {
     const c = Z.Children.only(l), i = le(null);
     ie(() => {
@@ -13204,7 +13215,7 @@ const gu = Z.forwardRef(
         clearTimeout(m), document.removeEventListener("mousedown", p);
       };
     }, [s, a, r]);
-    const u = Gt(
+    const u = jt(
       o,
       i,
       c.ref
@@ -13239,22 +13250,22 @@ const gu = Z.forwardRef(
     ] }) : g;
   }
 );
-gu.displayName = "Dismissible";
+fu.displayName = "Dismissible";
 let Xr = null, Mn = null;
 try {
   const r = require("@dnd-kit/sortable");
   Xr = r.useSortable || r.default && r.default.useSortable, Mn = (r.CSS || r.default && r.default.CSS)?.Transform?.toString ?? null;
 } catch {
 }
-const fu = Z.forwardRef(
+const hu = Z.forwardRef(
   ({ id: r, disabled: t = !1, children: a }, n) => {
     const s = Z.Children.only(a);
     return Xr ? /* @__PURE__ */ e(Bn, { id: r, disabled: t, outerRef: n, children: s }) : Z.cloneElement(s, {
-      ref: Gt(n, s.ref)
+      ref: jt(n, s.ref)
     });
   }
 );
-fu.displayName = "Sortable";
+hu.displayName = "Sortable";
 function Bn({ id: r, disabled: t, outerRef: a, children: n }) {
   const {
     attributes: s,
@@ -13268,7 +13279,7 @@ function Bn({ id: r, disabled: t, outerRef: a, children: n }) {
     transition: i ?? void 0,
     opacity: u ? 0.5 : void 0,
     cursor: t ? void 0 : "grab"
-  }, p = Gt(
+  }, p = jt(
     a,
     o,
     n.ref
@@ -13287,7 +13298,7 @@ try {
   Fr = r.motion?.div ?? null, Or = r.AnimatePresence ?? null;
 } catch {
 }
-const hu = Z.forwardRef(
+const bu = Z.forwardRef(
   ({ expanded: r, trigger: t, onToggle: a, duration: n = 0.2, children: s }, l) => {
     const o = () => {
       a?.();
@@ -13311,19 +13322,19 @@ const hu = Z.forwardRef(
     ] });
   }
 );
-hu.displayName = "Expandable";
+bu.displayName = "Expandable";
 export {
   pc as $,
   Hi as A,
   qa as B,
   _l as C,
-  Gi as D,
+  ji as D,
   Ki as E,
   Wi as F,
   xl as G,
   Yi as H,
   Ti as I,
-  Vi as J,
+  Gi as J,
   on as K,
   Hr as L,
   Bi as M,
@@ -13342,98 +13353,99 @@ export {
   ln as Z,
   mc as _,
   fl as a,
-  uu as a$,
+  mu as a$,
   fc as a0,
   gc as a1,
   hc as a2,
-  vd as a3,
-  _d as a4,
-  xd as a5,
-  Nd as a6,
-  Sd as a7,
-  Cd as a8,
-  kd as a9,
+  _d as a3,
+  xd as a4,
+  Nd as a5,
+  Sd as a6,
+  Cd as a7,
+  kd as a8,
+  wd as a9,
   dr as aA,
-  Fm as aB,
-  $m as aC,
-  Em as aD,
-  Bm as aE,
+  Om as aB,
+  Fm as aC,
+  Pm as aD,
+  Em as aE,
   La as aF,
-  Am as aG,
-  Rm as aH,
-  nu as aI,
-  zm as aJ,
-  Pm as aK,
+  $m as aG,
+  Am as aH,
+  su as aI,
+  Rm as aJ,
+  zm as aK,
   Ha as aL,
-  su as aM,
-  ou as aN,
-  lu as aO,
-  du as aP,
+  ou as aM,
+  lu as aN,
+  iu as aO,
+  uu as aP,
   en as aQ,
   Ue as aR,
   Xe as aS,
   wr as aT,
-  bm as aU,
-  ym as aV,
-  vm as aW,
-  Gr as aX,
+  ym as aU,
+  vm as aV,
+  _m as aW,
+  jr as aX,
   Kr as aY,
   Yr as aZ,
   Ur as a_,
-  wd as aa,
-  Dd as ab,
+  Dd as aa,
+  Id as ab,
   Nn as ac,
-  Td as ad,
+  Md as ad,
   Sn as ae,
   cr as af,
-  Pd as ag,
-  Ad as ah,
+  zd as ag,
+  $d as ah,
   Cn as ai,
   kn as aj,
   wn as ak,
-  Kd as al,
-  jr as am,
-  Zd as an,
-  eu as ao,
-  dd as ap,
-  Ud as aq,
+  Yd as al,
+  Vr as am,
+  Jd as an,
+  tu as ao,
+  ud as ap,
+  Xd as aq,
   Dn as ar,
-  Dm as as,
-  wm as at,
+  Im as as,
+  Dm as at,
   Oa as au,
   In as av,
-  Im as aw,
+  Tm as aw,
   $r as ax,
-  Mm as ay,
-  Tm as az,
+  Bm as ay,
+  Mm as az,
   nt as b,
-  Gt as b0,
+  jt as b0,
   ur as b1,
-  mu as b2,
-  pu as b3,
-  gu as b4,
-  fu as b5,
-  hu as b6,
+  pu as b2,
+  gu as b3,
+  fu as b4,
+  hu as b5,
+  bu as b6,
   lr as b7,
   bc as b8,
   yc as b9,
-  Qc as bA,
-  km as bB,
-  Nm as bC,
+  nd as bA,
+  ed as bB,
+  wm as bC,
   Sm as bD,
   Cm as bE,
-  id as bF,
+  km as bF,
   cd as bG,
-  _n as bH,
-  Ar as bI,
-  At as bJ,
-  xn as bK,
-  bd as bL,
+  dd as bH,
+  _n as bI,
+  Ar as bJ,
+  At as bK,
+  xn as bL,
   yd as bM,
-  $t as bN,
-  Vr as bO,
-  Tn as bP,
-  Wr as bQ,
+  vd as bN,
+  $t as bO,
+  Gr as bP,
+  Tn as bQ,
+  Wr as bR,
   vc as ba,
   _c as bb,
   et as bc,
@@ -13449,17 +13461,17 @@ export {
   mn as bm,
   pn as bn,
   Bc as bo,
-  _m as bp,
-  xm as bq,
+  xm as bp,
+  Nm as bq,
   Ec as br,
-  Wc as bs,
-  Zc as bt,
-  yn as bu,
-  vn as bv,
-  Rr as bw,
-  zr as bx,
-  qc as by,
-  ad as bz,
+  Pc as bs,
+  Gc as bt,
+  Jc as bu,
+  yn as bv,
+  vn as bw,
+  Rr as bx,
+  zr as by,
+  Zc as bz,
   ir as c,
   Dl as d,
   kl as e,
@@ -13483,5 +13495,5 @@ export {
   Wt as w,
   Ct as x,
   sn as y,
-  ji as z
+  Vi as z
 };