@mt-gloss/ui 0.0.39 → 0.0.41

package/{Expandable-BFALv7TV.js → Expandable-DRKNRSlL.js}

@@ -1,9 +1,9 @@
 import { jsxs as d, jsx as e, Fragment as Ge } from "react/jsx-runtime";
-import q, { useId as Le, useState as O, useCallback as S, createContext as Yt, useContext as Ut, useRef as se, useEffect as ie, useMemo as ee, useSyncExternalStore as ss, useReducer as is, forwardRef as os, useImperativeHandle as ls } from "react";
+import q, { useId as Le, useState as O, useCallback as S, createContext as Yt, useContext as Ut, useRef as ie, useEffect as oe, useMemo as ee, useSyncExternalStore as ss, useReducer as is, forwardRef as os, useImperativeHandle as ls } from "react";
 import { S as J, E as Xe, C as B, h as cs, R as Se, k as ds, l as us, m as ms, aj as ps, P as fs, s as gs, ac as hs, ak as ve, Q as bs, V as qn, W as Zn, X as ys, Y as vs, _ as _s, $ as xs, a0 as Ns, a1 as Ss, a4 as Cs, a5 as ws, a6 as ks, ab as Ds, a7 as Is, a8 as Ts, O as Es, N as Ms, i as Ps, j as Bs, a2 as Rs, a3 as zs, n as As, t as $s, y as Fs, v as Os, U as bt, z as Ls, A as Hs, w as Ws, D as Gs, x as Vs, ah as js, ai as Ks, F as Ys, G as Us, H as Xs, I as qs, J as Zs, K as Js, L as Qs, M as ei, c as he, ad as Ht, e as Jn, d as kt, g as qe, Z as Qn, B as ti, af as ri, b as ea, T as Ae, ae as ni, ag as _n } from "./UIContext-C3E-k7HI.js";
 import { formatTrend as ai, isStatusModeEnabled as si, formatValue as or, getValueFontSize as xn, getDateRangeForPreset as je, formatDateRangeSmart as mt, isInRange as ii, isSameDay as Qt, formatMarketDates as oi, DEFAULT_MARKET_PRESETS as er, isMarketActive as xt, detectPreset as tr, getDateRangeDisplayInfo as $t, toUppercasePresetId as rr, generateMarketId as li, ROLLING_OPTIONS as Nr, PERIOD_OPTIONS as Sr } from "@mt-gloss/utils";
 import { useGridApiRef as ci, DataGridPro as di } from "@mui/x-data-grid-pro";
-import { Chip as Wt, Tooltip as ft, MenuItem as Gt, Menu as ui, Box as ae, Popper as mi, Paper as pi, MenuList as fi, ListItemText as gi, IconButton as Ue, Select as Nn, Typography as Ie, Divider as hi, Button as rt, Collapse as bi, Popover as yi, Dialog as vi, DialogTitle as _i, DialogContent as xi, TextField as nr, DialogActions as Ni, Tabs as Si, Tab as Ci } from "@mui/material";
+import { Chip as Wt, Tooltip as ft, MenuItem as Gt, Menu as ui, Box as se, Popper as mi, Paper as pi, MenuList as fi, ListItemText as gi, IconButton as Ue, Select as Nn, Typography as Ie, Divider as hi, Button as rt, Collapse as bi, Popover as yi, Dialog as vi, DialogTitle as _i, DialogContent as xi, TextField as nr, DialogActions as Ni, Tabs as Si, Tab as Ci } from "@mui/material";
 import wi from "@mui/icons-material/Person";
 import ki from "@mui/icons-material/Business";
 import Di from "@mui/icons-material/BarChart";
@@ -48,10 +48,10 @@ import { restrictToParentElement as mo } from "@dnd-kit/modifiers";
 import po from "@mui/icons-material/ShowChart";
 import fo from "@mui/icons-material/TableChart";
 import go from "@mui/icons-material/Refresh";
-import { useFloating as aa, autoUpdate as ho, offset as bo, flip as yo, shift as vo, useDismiss as sa, useInteractions as ia, FloatingPortal as oa, useClick as _o, FloatingFocusManager as xo } from "@floating-ui/react";
-import No from "@mui/icons-material/Undo";
+import { useFloating as aa, autoUpdate as ho, offset as bo, flip as yo, shift as vo, size as _o, useDismiss as sa, useInteractions as ia, FloatingPortal as oa, useClick as xo, FloatingFocusManager as No } from "@floating-ui/react";
+import So from "@mui/icons-material/Undo";
 import { z as ye } from "zod";
-const So = {
+const Co = {
   primary: {
     bg: B.BrandPrimary,
     color: B.TextInverse,
@@ -80,13 +80,13 @@ const So = {
     borderColor: "transparent",
     elevation: Xe.ButtonDefault
   }
-}, Co = {
+}, wo = {
   xs: { padding: J.Xs, paddingX: J.Sm, fontSize: "0.75rem", fontWeight: "500", minHeight: "24px", gap: J.Xs },
   sm: { padding: J.Xs, paddingX: J.Sm, fontSize: "0.8125rem", fontWeight: "500", minHeight: "30px", gap: J.Xs },
   md: { padding: J.Sm, paddingX: J.Md, fontSize: "0.875rem", fontWeight: "500", minHeight: "36px", gap: J.Sm },
   lg: { padding: J.Sm, paddingX: J.Lg, fontSize: "0.9375rem", fontWeight: "500", minHeight: "42px", gap: J.Sm },
   xl: { padding: J.Md, paddingX: J.Xl, fontSize: "1rem", fontWeight: "500", minHeight: "48px", gap: J.Md }
-}, wo = {
+}, ko = {
   radius: Se.Md
 };
 function De(r) {
@@ -108,9 +108,9 @@ function De(r) {
   } = r, _ = { ...b };
   delete _.className, delete _.style, delete _.definition;
   const v = {
-    ...wo,
-    ...So[t],
-    ...Co[n]
+    ...ko,
+    ...Co[t],
+    ...wo[n]
   };
   c && (v.display = "flex");
   const h = [
@@ -140,7 +140,7 @@ function De(r) {
   );
 }
 De.displayName = "PresetButton";
-const ko = q.createContext({
+const Do = q.createContext({
   isInGroup: !1
 }), la = q.forwardRef(
   ({
@@ -163,20 +163,20 @@ const ko = q.createContext({
       variant: s,
       isInGroup: !0
     };
-    return /* @__PURE__ */ e(ko.Provider, { value: u, children: /* @__PURE__ */ e("div", { ref: c, className: l, role: "group", children: r }) });
+    return /* @__PURE__ */ e(Do.Provider, { value: u, children: /* @__PURE__ */ e("div", { ref: c, className: l, role: "group", children: r }) });
   }
 );
 la.displayName = "ButtonGroup";
-const Do = {
+const Io = {
   default: { trackBorder: B.BorderDefault },
   error: { trackBorder: B.BorderError }
-}, Io = {
+}, To = {
   xs: { trackSize: "14px", trackRadius: "2px" },
   sm: { trackSize: "16px", trackRadius: "3px" },
   md: { trackSize: "18px", trackRadius: "3px" },
   lg: { trackSize: "20px", trackRadius: "4px" },
   xl: { trackSize: "24px", trackRadius: "4px" }
-}, To = {
+}, Eo = {
   trackBg: B.BgSurface,
   checkColor: B.TextInverse
 }, ot = q.forwardRef(
@@ -202,9 +202,9 @@ const Do = {
       },
       [w, u, m]
     ), g = {
-      ...To,
-      ...Do[n],
-      ...Io[a]
+      ...Eo,
+      ...Io[n],
+      ...To[a]
     };
     (k || i) && (g.trackBg = B.BrandPrimary, g.trackBorder = B.BrandPrimary);
     const E = [
@@ -239,10 +239,10 @@ const Do = {
 );
 ot.displayName = "PresetCheckbox";
 const ca = Yt(null);
-function Eo() {
+function Mo() {
   return Ut(ca);
 }
-function Mo({
+function Po({
   value: r,
   defaultValue: t = [],
   onChange: n,
@@ -302,10 +302,10 @@ function Mo({
     l && /* @__PURE__ */ e("div", { className: `gloss-checkbox-group__helper ${u === "error" ? "gloss-checkbox-group__helper--error" : ""}`, children: l })
   ] }) });
 }
-Mo.displayName = "CheckboxGroup";
-const Po = q.forwardRef(
+Po.displayName = "CheckboxGroup";
+const Bo = q.forwardRef(
   ({ value: r, ...t }, n) => {
-    const a = Eo();
+    const a = Mo();
     return a ? /* @__PURE__ */ e(
       ot,
       {
@@ -322,17 +322,17 @@ const Po = q.forwardRef(
     ) : /* @__PURE__ */ e(ot, { ref: n, value: r, ...t });
   }
 );
-Po.displayName = "GroupCheckbox";
-const Bo = {
+Bo.displayName = "GroupCheckbox";
+const Ro = {
   default: { trackBorder: B.BorderDefault },
   error: { trackBorder: B.BorderError }
-}, Ro = {
+}, zo = {
   xs: { trackSize: "14px" },
   sm: { trackSize: "16px" },
   md: { trackSize: "18px" },
   lg: { trackSize: "20px" },
   xl: { trackSize: "24px" }
-}, zo = {
+}, Ao = {
   trackBg: B.BgSurface,
   dotColor: B.BrandPrimary
 }, dr = q.forwardRef(
@@ -351,9 +351,9 @@ const Bo = {
       value: f,
       id: y
     } = r, b = {
-      ...zo,
-      ...Bo[n],
-      ...Ro[a]
+      ...Ao,
+      ...Ro[n],
+      ...zo[a]
     };
     c && (b.trackBorder = B.BrandPrimary);
     const _ = [
@@ -389,10 +389,10 @@ const Bo = {
 );
 dr.displayName = "PresetRadio";
 const da = Yt(null);
-function Ao() {
+function $o() {
   return Ut(da);
 }
-function $o({
+function Fo({
   value: r,
   defaultValue: t,
   onChange: n,
@@ -451,10 +451,10 @@ function $o({
     l && /* @__PURE__ */ e("div", { className: `gloss-radio-group__helper ${u === "error" ? "gloss-radio-group__helper--error" : ""}`, children: l })
   ] }) });
 }
-$o.displayName = "RadioGroup";
-const Fo = q.forwardRef(
+Fo.displayName = "RadioGroup";
+const Oo = q.forwardRef(
   ({ value: r, ...t }, n) => {
-    const a = Ao();
+    const a = $o();
     return a ? /* @__PURE__ */ e(
       dr,
       {
@@ -471,18 +471,18 @@ const Fo = q.forwardRef(
     ) : /* @__PURE__ */ e(dr, { ref: n, value: r, name: "", ...t });
   }
 );
-Fo.displayName = "GroupRadio";
-const Oo = {
+Oo.displayName = "GroupRadio";
+const Lo = {
   default: B.BrandPrimary,
   success: "var(--gloss-color-green-600)",
   error: "var(--gloss-color-red-600)"
-}, Lo = {
+}, Ho = {
   xs: { trackWidth: "28px", trackHeight: "16px", thumbSize: "12px" },
   sm: { trackWidth: "34px", trackHeight: "18px", thumbSize: "14px" },
   md: { trackWidth: "40px", trackHeight: "22px", thumbSize: "18px" },
   lg: { trackWidth: "48px", trackHeight: "26px", thumbSize: "22px" },
   xl: { trackWidth: "56px", trackHeight: "30px", thumbSize: "26px" }
-}, Ho = q.forwardRef(
+}, Wo = q.forwardRef(
   (r, t) => {
     const {
       variant: n = "default",
@@ -504,9 +504,9 @@ const Oo = {
       [C, m, p]
     ), k = {
       trackBg: B.Gray300,
-      trackBgActive: Oo[n],
+      trackBgActive: Lo[n],
       thumbBg: B.White,
-      ...Lo[a]
+      ...Ho[a]
     }, I = [
       "gloss-preset-toggle",
       `gloss-preset-toggle--${n}`,
@@ -530,12 +530,12 @@ const Oo = {
     ] });
   }
 );
-Ho.displayName = "PresetToggle";
-const Wo = {
+Wo.displayName = "PresetToggle";
+const Go = {
   default: { color: B.TextLink },
   muted: { color: B.TextSecondary },
   destructive: { color: B.TextError }
-}, Go = {
+}, Vo = {
   xs: { fontSize: "0.6875rem" },
   sm: { fontSize: "0.75rem" },
   md: { fontSize: "0.875rem" },
@@ -559,8 +559,8 @@ const Wo = {
     } = r, b = { ...y };
     delete b.className, delete b.style, delete b.definition;
     const _ = {
-      ...Wo[n],
-      ...Go[a],
+      ...Go[n],
+      ...Vo[a],
       underline: c
     }, v = [
       "gloss-preset-link",
@@ -595,7 +595,7 @@ const Wo = {
   }
 );
 Vt.displayName = "PresetLink";
-const Vo = {
+const jo = {
   default: {
     bg: B.BgMuted,
     activeBg: B.BgSurface,
@@ -606,13 +606,13 @@ const Vo = {
     activeBg: B.BgSurface,
     borderColor: B.BorderDefault
   }
-}, jo = {
+}, Ko = {
   xs: { padding: "1px", fontSize: "0.6875rem" },
   sm: { padding: "2px", fontSize: "0.75rem" },
   md: { padding: "2px", fontSize: "0.8125rem" },
   lg: { padding: "3px", fontSize: "0.875rem" },
   xl: { padding: "4px", fontSize: "0.9375rem" }
-}, Ko = {
+}, Yo = {
   radius: Se.Md
 };
 function ua(r) {
@@ -626,9 +626,9 @@ function ua(r) {
   } = r;
   ({ ...i });
   const c = {
-    ...Ko,
-    ...Vo[t],
-    ...jo[n]
+    ...Yo,
+    ...jo[t],
+    ...Ko[n]
   }, l = [
     "gloss-preset-segmented-control",
     `gloss-preset-segmented-control--${t}`,
@@ -638,20 +638,20 @@ function ua(r) {
   return /* @__PURE__ */ e(fs, { definition: c, className: l, disabled: a, children: o });
 }
 ua.displayName = "PresetSegmentedControl";
-const Yo = {
+const Uo = {
   xs: { trackHeight: "2px", thumbSize: "12px" },
   sm: { trackHeight: "3px", thumbSize: "14px" },
   md: { trackHeight: "4px", thumbSize: "16px" },
   lg: { trackHeight: "6px", thumbSize: "20px" },
   xl: { trackHeight: "8px", thumbSize: "24px" }
-}, Uo = {
+}, Xo = {
   trackBg: B.Gray200,
   trackActiveBg: B.BrandPrimary,
   thumbBg: B.BgSurface,
   thumbBorder: `2px solid ${B.BrandPrimary}`,
   thumbShadow: "0 1px 3px rgba(0, 0, 0, 0.12)"
 };
-function Xo(r) {
+function qo(r) {
   const {
     size: t = "md",
     disabled: n,
@@ -661,8 +661,8 @@ function Xo(r) {
   } = r;
   ({ ...o });
   const i = {
-    ...Uo,
-    ...Yo[t]
+    ...Xo,
+    ...Uo[t]
   }, c = [
     "gloss-preset-slider",
     `gloss-preset-slider--${t}`,
@@ -679,20 +679,20 @@ function Xo(r) {
     }
   );
 }
-Xo.displayName = "PresetSlider";
-const qo = {
+qo.displayName = "PresetSlider";
+const Zo = {
   xs: { trackHeight: "2px", thumbSize: "12px" },
   sm: { trackHeight: "3px", thumbSize: "14px" },
   md: { trackHeight: "4px", thumbSize: "16px" },
   lg: { trackHeight: "6px", thumbSize: "20px" },
   xl: { trackHeight: "8px", thumbSize: "24px" }
-}, Zo = {
+}, Jo = {
   trackBg: B.Gray200,
   trackActiveBg: B.BrandPrimary,
   thumbBg: B.BgSurface,
   thumbBorder: `2px solid ${B.BrandPrimary}`,
   thumbShadow: "0 1px 3px rgba(0, 0, 0, 0.12)"
-}, Jo = q.forwardRef(
+}, Qo = q.forwardRef(
   (r, t) => {
     const {
       size: n = "md",
@@ -713,7 +713,7 @@ const qo = {
       helperText: h,
       id: C,
       name: T
-    } = r, w = Le(), k = C || w, I = se(null), [g, E] = O(s), [x, D] = O(null), N = a !== void 0, R = N ? a : g, z = (R[0] - c) / (l - c) * 100, L = (R[1] - c) / (l - c) * 100, P = S(($) => {
+    } = r, w = Le(), k = C || w, I = ie(null), [g, E] = O(s), [x, D] = O(null), N = a !== void 0, R = N ? a : g, z = (R[0] - c) / (l - c) * 100, L = (R[1] - c) / (l - c) * 100, P = S(($) => {
       const K = Math.min(l, Math.max(c, $));
       return Math.round((Math.round((K - c) / u) * u + c) * 1e3) / 1e3;
     }, [c, l, u]), H = S(($, K = !1) => {
@@ -731,7 +731,7 @@ const qo = {
       const U = [...R];
       U[Z] = K, H(U);
     }, [_, Y, R, H]);
-    ie(() => {
+    oe(() => {
       if (x === null) return;
       const $ = (Z) => {
         const U = [...R];
@@ -753,7 +753,7 @@ const qo = {
       K.preventDefault();
       const U = [...R];
       U[$] += Z, H(U, !0);
-    }, [_, u, R, H]), W = Math.abs(L - z) < 5, j = { ...Zo, ...qo[n] }, G = ["gloss-preset-rangeslider", `gloss-preset-rangeslider--${n}`, _ && "gloss-preset-rangeslider--disabled"].filter(Boolean).join(" ");
+    }, [_, u, R, H]), W = Math.abs(L - z) < 5, j = { ...Jo, ...Zo[n] }, G = ["gloss-preset-rangeslider", `gloss-preset-rangeslider--${n}`, _ && "gloss-preset-rangeslider--disabled"].filter(Boolean).join(" ");
     return /* @__PURE__ */ d("div", { className: G, children: [
       v && /* @__PURE__ */ d("label", { className: "gloss-preset-rangeslider__label", htmlFor: k, children: [
         v,
@@ -778,8 +778,8 @@ const qo = {
     ] });
   }
 );
-Jo.displayName = "PresetRangeSlider";
-const Qo = [
+Qo.displayName = "PresetRangeSlider";
+const el = [
   "a[href]",
   "button:not([disabled])",
   "input:not([disabled])",
@@ -796,9 +796,9 @@ function ma(r = {}) {
     initialFocus: s,
     allowOutsideClick: o = !1,
     onEscape: i
-  } = r, c = se(null), l = se(null), u = S(() => {
+  } = r, c = ie(null), l = ie(null), u = S(() => {
     if (!c.current) return [];
-    const y = c.current.querySelectorAll(Qo);
+    const y = c.current.querySelectorAll(el);
     return Array.from(y).filter((b) => b.offsetParent !== null && !b.hidden);
   }, []), m = S(() => {
     const y = u();
@@ -837,7 +837,7 @@ function ma(r = {}) {
     },
     [t, o, m]
   );
-  return ie(() => {
+  return oe(() => {
     if (t && (l.current = document.activeElement, n)) {
       if (s) {
         const y = typeof s == "string" ? c.current?.querySelector(s) : s;
@@ -850,20 +850,20 @@ function ma(r = {}) {
         m();
       });
     }
-  }, [t, n, s, m]), ie(() => {
+  }, [t, n, s, m]), oe(() => {
     if (t)
       return document.addEventListener("keydown", p), c.current?.addEventListener("focusout", f), () => {
         document.removeEventListener("keydown", p), c.current?.removeEventListener("focusout", f);
       };
-  }, [t, p, f]), ie(() => () => {
+  }, [t, p, f]), oe(() => () => {
     a && l.current && l.current.focus?.();
   }, [a]), c;
 }
-const el = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], tl = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], ht = (r, t) => r.getFullYear() === t.getFullYear() && r.getMonth() === t.getMonth() && r.getDate() === t.getDate(), Dn = (r, t) => new Date(r, t + 1, 0).getDate(), rl = (r, t) => new Date(r, t, 1).getDay(), nl = (r, t) => {
+const tl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], rl = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], ht = (r, t) => r.getFullYear() === t.getFullYear() && r.getMonth() === t.getMonth() && r.getDate() === t.getDate(), Dn = (r, t) => new Date(r, t + 1, 0).getDate(), nl = (r, t) => new Date(r, t, 1).getDay(), al = (r, t) => {
   const n = r.getDate(), a = r.getMonth() + 1, s = r.getFullYear();
   return t.replace("DD", String(n).padStart(2, "0")).replace("D", String(n)).replace("MM", String(a).padStart(2, "0")).replace("M", String(a)).replace("YYYY", String(s)).replace("YY", String(s).slice(-2));
-}, Cr = (r, t, n, a, s) => t && r < t || n && r > n || a?.some((o) => ht(o, r)) ? !0 : s?.(r) ?? !1, al = (r, t, n, a, s, o, i, c) => {
-  const l = [], u = /* @__PURE__ */ new Date(), m = Dn(r, t), f = (rl(r, t) - a + 7) % 7, y = t === 0 ? 11 : t - 1, b = t === 0 ? r - 1 : r, _ = Dn(b, y);
+}, Cr = (r, t, n, a, s) => t && r < t || n && r > n || a?.some((o) => ht(o, r)) ? !0 : s?.(r) ?? !1, sl = (r, t, n, a, s, o, i, c) => {
+  const l = [], u = /* @__PURE__ */ new Date(), m = Dn(r, t), f = (nl(r, t) - a + 7) % 7, y = t === 0 ? 11 : t - 1, b = t === 0 ? r - 1 : r, _ = Dn(b, y);
   for (let T = f - 1; T >= 0; T--) {
     const w = new Date(b, y, _ - T);
     l.push({ date: w, isCurrentMonth: !1, isToday: ht(w, u), isSelected: n ? ht(w, n) : !1, isDisabled: Cr(w, s, o, i, c) });
@@ -878,17 +878,17 @@ const el = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], tl = ["January", "
     l.push({ date: w, isCurrentMonth: !1, isToday: ht(w, u), isSelected: n ? ht(w, n) : !1, isDisabled: Cr(w, s, o, i, c) });
   }
   return l;
-}, sl = {
+}, il = {
   xs: { padding: J.Xs },
   sm: { padding: J.Sm },
   md: { padding: J.Md },
   lg: { padding: J.Lg },
   xl: { padding: J.Xl }
-}, il = {
+}, ol = {
   default: B.BorderDefault,
   error: B.BorderError,
   success: B.BorderSuccess
-}, ol = q.forwardRef(
+}, ll = q.forwardRef(
   (r, t) => {
     const {
       variant: n = "default",
@@ -910,12 +910,12 @@ const el = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], tl = ["January", "
       required: C,
       id: T,
       name: w
-    } = r, k = Le(), I = T || k, g = se(null), [E, x] = O(!1), [D, N] = O(o), R = s !== void 0, z = R ? s : D, [L, P] = O(() => z || /* @__PURE__ */ new Date());
-    ie(() => {
+    } = r, k = Le(), I = T || k, g = ie(null), [E, x] = O(!1), [D, N] = O(o), R = s !== void 0, z = R ? s : D, [L, P] = O(() => z || /* @__PURE__ */ new Date());
+    oe(() => {
       z && P(z);
     }, [z]);
-    const H = ma({ enabled: E, onEscape: () => x(!1) }), Y = ee(() => al(L.getFullYear(), L.getMonth(), z, y, c, l, u, m), [L, z, y, c, l, u, m]), V = ee(() => {
-      const X = [...el];
+    const H = ma({ enabled: E, onEscape: () => x(!1) }), Y = ee(() => sl(L.getFullYear(), L.getMonth(), z, y, c, l, u, m), [L, z, y, c, l, u, m]), V = ee(() => {
+      const X = [...tl];
       if (y > 0) {
         const te = X.splice(0, y);
         X.push(...te);
@@ -929,19 +929,19 @@ const el = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], tl = ["January", "
       const pe = new Date(te);
       return pe.setMonth(pe.getMonth() + X), pe;
     }), []);
-    ie(() => {
+    oe(() => {
       if (!E) return;
       const X = (te) => {
         g.current && !g.current.contains(te.target) && x(!1);
       };
       return document.addEventListener("mousedown", X), () => document.removeEventListener("mousedown", X);
     }, [E]);
-    const G = z ? nl(z, p) : "", $ = {
+    const G = z ? al(z, p) : "", $ = {
       bg: B.BgSurface,
-      borderColor: il[n],
+      borderColor: ol[n],
       radius: Se.Md,
       elevation: Xe.Card,
-      ...sl[a]
+      ...il[a]
     }, K = { bg: B.BrandPrimary, color: B.TextInverse, radius: Se.Sm }, Z = { bg: B.BgMuted, radius: Se.Sm }, U = [
       "gloss-preset-datepicker",
       `gloss-preset-datepicker--${n}`,
@@ -964,7 +964,7 @@ const el = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], tl = ["January", "
         /* @__PURE__ */ d(qn, { children: [
           /* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-datepicker__nav-btn", onClick: () => j(-1), "aria-label": "Previous month", children: /* @__PURE__ */ e(ve, { name: "chevron-left", size: "sm" }) }),
           /* @__PURE__ */ d("span", { className: "gloss-preset-datepicker__title", children: [
-            tl[L.getMonth()],
+            rl[L.getMonth()],
             " ",
             L.getFullYear()
           ] }),
@@ -991,7 +991,7 @@ const el = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], tl = ["January", "
     ] });
   }
 );
-ol.displayName = "PresetDatePicker";
+ll.displayName = "PresetDatePicker";
 const zr = (r) => {
   const t = r.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/);
   return t ? { h: parseInt(t[1], 10), m: parseInt(t[2], 10), s: t[3] ? parseInt(t[3], 10) : 0 } : null;
@@ -1002,7 +1002,7 @@ const zr = (r) => {
   t === "12h" && (c = s >= 12 ? " PM" : " AM", s = s % 12 || 12);
   const l = String(s).padStart(2, "0"), u = String(o).padStart(2, "0"), m = String(i).padStart(2, "0");
   return n ? `${l}:${u}:${m}${c}` : `${l}:${u}${c}`;
-}, ll = (r, t, n) => {
+}, cl = (r, t, n) => {
   const a = [], s = t ? zr(t) : null, o = n ? zr(n) : null;
   for (let i = 0; i < 24; i++)
     for (let c = 0; c < 60; c += r) {
@@ -1010,17 +1010,17 @@ const zr = (r) => {
       s && l < s.h * 60 + s.m || o && l > o.h * 60 + o.m || a.push(`${String(i).padStart(2, "0")}:${String(c).padStart(2, "0")}`);
     }
   return a;
-}, cl = {
+}, dl = {
   xs: { padding: J.Xs, cellHeight: "28px" },
   sm: { padding: J.Sm, cellHeight: "32px" },
   md: { padding: J.Md, cellHeight: "36px" },
   lg: { padding: J.Lg, cellHeight: "40px" },
   xl: { padding: J.Xl, cellHeight: "44px" }
-}, dl = {
+}, ul = {
   default: B.BorderDefault,
   error: B.BorderError,
   success: B.BorderSuccess
-}, ul = q.forwardRef(
+}, ml = q.forwardRef(
   (r, t) => {
     const {
       variant: n = "default",
@@ -1040,12 +1040,12 @@ const zr = (r) => {
       clearable: v = !0,
       id: h,
       name: C
-    } = r, T = Le(), w = h || T, k = se(null), [I, g] = O(!1), [E, x] = O(o), D = s !== void 0, N = D ? s : E, R = ee(() => ll(u, m, p), [u, m, p]), z = S((V) => {
+    } = r, T = Le(), w = h || T, k = ie(null), [I, g] = O(!1), [E, x] = O(o), D = s !== void 0, N = D ? s : E, R = ee(() => cl(u, m, p), [u, m, p]), z = S((V) => {
       D || x(V), i?.(V), g(!1);
     }, [D, i]), L = S((V) => {
       V.stopPropagation(), D || x(""), i?.("");
     }, [D, i]);
-    ie(() => {
+    oe(() => {
       if (!I) return;
       const V = (M) => {
         k.current && !k.current.contains(M.target) && g(!1);
@@ -1054,10 +1054,10 @@ const zr = (r) => {
     }, [I]);
     const P = N ? In(N, c, l) : "", H = {
       bg: B.BgSurface,
-      borderColor: dl[n],
+      borderColor: ul[n],
       radius: Se.Md,
       elevation: Xe.Card,
-      ...cl[a]
+      ...dl[a]
     }, Y = [
       "gloss-preset-timepicker",
       `gloss-preset-timepicker--${n}`,
@@ -1078,12 +1078,12 @@ const zr = (r) => {
     ] });
   }
 );
-ul.displayName = "PresetTimePicker";
-const ml = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], pl = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], wr = (r, t) => r.getFullYear() === t.getFullYear() && r.getMonth() === t.getMonth() && r.getDate() === t.getDate(), Tn = (r, t) => new Date(r, t + 1, 0).getDate(), fl = (r, t) => new Date(r, t, 1).getDay(), kr = (r, t) => {
+ml.displayName = "PresetTimePicker";
+const pl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], fl = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], wr = (r, t) => r.getFullYear() === t.getFullYear() && r.getMonth() === t.getMonth() && r.getDate() === t.getDate(), Tn = (r, t) => new Date(r, t + 1, 0).getDate(), gl = (r, t) => new Date(r, t, 1).getDay(), kr = (r, t) => {
   const n = r.getDate(), a = r.getMonth() + 1, s = r.getFullYear();
   return t.replace("DD", String(n).padStart(2, "0")).replace("D", String(n)).replace("MM", String(a).padStart(2, "0")).replace("M", String(a)).replace("YYYY", String(s)).replace("YY", String(s).slice(-2));
 }, En = (r, t, n, a, s, o) => {
-  const i = [], c = /* @__PURE__ */ new Date(), l = Tn(r, t), m = (fl(r, t) - a + 7) % 7, p = t === 0 ? 11 : t - 1, f = t === 0 ? r - 1 : r, y = Tn(f, p), b = (h, C) => {
+  const i = [], c = /* @__PURE__ */ new Date(), l = Tn(r, t), m = (gl(r, t) - a + 7) % 7, p = t === 0 ? 11 : t - 1, f = t === 0 ? r - 1 : r, y = Tn(f, p), b = (h, C) => {
     const T = n.start ? wr(h, n.start) : !1, w = n.end ? wr(h, n.end) : !1;
     return {
       date: h,
@@ -1101,7 +1101,7 @@ const ml = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], pl = ["January", "
   const _ = t === 11 ? 0 : t + 1, v = t === 11 ? r + 1 : r;
   for (let h = 1; h <= 42 - i.length; h++) i.push(b(new Date(v, _, h), !1));
   return i;
-}, gl = {
+}, hl = {
   xs: { gap: J.Sm },
   sm: { gap: J.Sm },
   md: { gap: J.Md },
@@ -1129,11 +1129,11 @@ const ml = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], pl = ["January", "
       clearable: C = !0,
       id: T,
       name: w
-    } = r, k = Le(), I = T || k, g = se(null), [E, x] = O(!1), [D, N] = O(o), [R, z] = O(!1), L = s !== void 0, P = L ? s : D, [H, Y] = O(() => P.start || /* @__PURE__ */ new Date()), V = ee(() => {
+    } = r, k = Le(), I = T || k, g = ie(null), [E, x] = O(!1), [D, N] = O(o), [R, z] = O(!1), L = s !== void 0, P = L ? s : D, [H, Y] = O(() => P.start || /* @__PURE__ */ new Date()), V = ee(() => {
       const ce = new Date(H);
       return ce.setMonth(ce.getMonth() + 1), ce;
     }, [H]), M = ma({ enabled: E, onEscape: () => x(!1) }), W = ee(() => En(H.getFullYear(), H.getMonth(), P, b, c, l), [H, P, b, c, l]), j = ee(() => En(V.getFullYear(), V.getMonth(), P, b, c, l), [V, P, b, c, l]), G = ee(() => {
-      const ce = [...ml];
+      const ce = [...pl];
       if (b > 0) {
         const be = ce.splice(0, b);
         ce.push(...be);
@@ -1156,7 +1156,7 @@ const ml = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], pl = ["January", "
       const de = new Date(be);
       return de.setMonth(de.getMonth() + ce), de;
     }), []);
-    ie(() => {
+    oe(() => {
       if (!E) return;
       const ce = (be) => {
         g.current && !g.current.contains(be.target) && (x(!1), z(!1));
@@ -1168,7 +1168,7 @@ const ml = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], pl = ["January", "
       borderColor: n === "error" ? B.BorderError : n === "success" ? B.BorderSuccess : B.BorderDefault,
       radius: Se.Md,
       elevation: Xe.Card,
-      ...gl[a]
+      ...hl[a]
     }, te = [
       "gloss-preset-daterangepicker",
       `gloss-preset-daterangepicker--${n}`,
@@ -1178,14 +1178,14 @@ const ml = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], pl = ["January", "
       /* @__PURE__ */ d(qn, { children: [
         de === "left" && /* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-daterangepicker__nav-btn", onClick: () => Z(-1), "aria-label": "Previous month", children: /* @__PURE__ */ e(ve, { name: "chevron-left", size: "sm" }) }),
         /* @__PURE__ */ d("span", { className: "gloss-preset-daterangepicker__month-title", children: [
-          pl[ce.getMonth()],
+          fl[ce.getMonth()],
           " ",
           ce.getFullYear()
         ] }),
         de === "right" && /* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-daterangepicker__nav-btn", onClick: () => Z(1), "aria-label": "Next month", children: /* @__PURE__ */ e(ve, { name: "chevron-right", size: "sm" }) })
       ] }),
-      /* @__PURE__ */ e("div", { className: "gloss-preset-daterangepicker__day-headers", children: G.map((ne) => /* @__PURE__ */ e("span", { className: "gloss-preset-daterangepicker__day-header", children: ne }, ne)) }),
-      /* @__PURE__ */ e(Zn, { children: be.map((ne, ge) => /* @__PURE__ */ e(Ss, { selected: ne.isSelected, today: ne.isToday, outsideMonth: !ne.isCurrentMonth, disabled: ne.isDisabled, rangeStart: ne.isRangeStart, rangeEnd: ne.isRangeEnd, inRange: ne.inRange, onClick: () => !ne.isDisabled && $(ne.date), children: ne.date.getDate() }, ge)) })
+      /* @__PURE__ */ e("div", { className: "gloss-preset-daterangepicker__day-headers", children: G.map((ae) => /* @__PURE__ */ e("span", { className: "gloss-preset-daterangepicker__day-header", children: ae }, ae)) }),
+      /* @__PURE__ */ e(Zn, { children: be.map((ae, ge) => /* @__PURE__ */ e(Ss, { selected: ae.isSelected, today: ae.isToday, outsideMonth: !ae.isCurrentMonth, disabled: ae.isDisabled, rangeStart: ae.isRangeStart, rangeEnd: ae.isRangeEnd, inRange: ae.inRange, onClick: () => !ae.isDisabled && $(ae.date), children: ae.date.getDate() }, ge)) })
     ] });
     return /* @__PURE__ */ d("div", { className: te, ref: g, children: [
       _ && /* @__PURE__ */ e("label", { className: "gloss-preset-daterangepicker__label", htmlFor: I, children: _ }),
@@ -1211,11 +1211,11 @@ const ml = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], pl = ["January", "
   }
 );
 pa.displayName = "PresetDateRangePicker";
-const hl = () => Math.random().toString(36).slice(2, 11), Mn = (r) => {
+const bl = () => Math.random().toString(36).slice(2, 11), Mn = (r) => {
   if (r === 0) return "0 B";
   const t = 1024, n = ["B", "KB", "MB", "GB"], a = Math.floor(Math.log(r) / Math.log(t));
   return `${parseFloat((r / Math.pow(t, a)).toFixed(1))} ${n[a]}`;
-}, bl = {
+}, yl = {
   xs: { padding: J.Sm, minHeight: "80px" },
   sm: { padding: J.Sm, minHeight: "100px" },
   md: { padding: J.Md, minHeight: "120px" },
@@ -1241,7 +1241,7 @@ const hl = () => Math.random().toString(36).slice(2, 11), Mn = (r) => {
       onError: v,
       id: h,
       name: C
-    } = r, T = Le(), w = h || T, k = se(null), [I, g] = O([]), [E, x] = O(!1), D = s !== void 0, N = D ? s : I, R = S((M) => {
+    } = r, T = Le(), w = h || T, k = ie(null), [I, g] = O([]), [E, x] = O(!1), D = s !== void 0, N = D ? s : I, R = S((M) => {
       D || g(M), o?.(M);
     }, [D, o]), z = S((M) => {
       if (l && M.size > l) return `File size exceeds ${Mn(l)}`;
@@ -1254,7 +1254,7 @@ const hl = () => Math.random().toString(36).slice(2, 11), Mn = (r) => {
       const W = c ? c - N.length : 1 / 0, j = [];
       Array.from(M).slice(0, W).forEach((G) => {
         const $ = z(G), K = G.type.startsWith("image/") ? URL.createObjectURL(G) : void 0;
-        j.push({ file: G, id: hl(), error: $ || void 0, preview: K }), $ && v?.($);
+        j.push({ file: G, id: bl(), error: $ || void 0, preview: K }), $ && v?.($);
       }), M.length > W && W >= 0 && v?.(`Maximum ${c} files allowed`), R([...N, ...j]);
     }, [N, c, z, R, v]), P = S((M) => {
       const W = N.find((j) => j.id === M);
@@ -1266,7 +1266,7 @@ const hl = () => Math.random().toString(36).slice(2, 11), Mn = (r) => {
       borderColor: n === "error" ? B.BorderError : B.BorderDefault,
       borderStyle: "dashed",
       radius: Se.Md,
-      ...bl[a]
+      ...yl[a]
     }, V = [
       "gloss-preset-fileupload",
       `gloss-preset-fileupload--${n}`,
@@ -1334,7 +1334,7 @@ const hl = () => Math.random().toString(36).slice(2, 11), Mn = (r) => {
   }
 );
 fa.displayName = "PresetFileUpload";
-const yl = [
+const vl = [
   "#ef4444",
   "#f97316",
   "#f59e0b",
@@ -1358,7 +1358,7 @@ const yl = [
 ], ar = (r) => {
   const t = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);
   return t ? { r: parseInt(t[1], 16), g: parseInt(t[2], 16), b: parseInt(t[3], 16) } : null;
-}, ga = (r, t, n) => `#${[r, t, n].map((a) => a.toString(16).padStart(2, "0")).join("")}`, vl = (r, t, n) => {
+}, ga = (r, t, n) => `#${[r, t, n].map((a) => a.toString(16).padStart(2, "0")).join("")}`, _l = (r, t, n) => {
   r /= 255, t /= 255, n /= 255;
   const a = Math.max(r, t, n), s = Math.min(r, t, n);
   let o = 0, i = 0;
@@ -1371,17 +1371,17 @@ const yl = [
 }, Pn = (r, t, n, a) => {
   if (a === "rgb") return `rgb(${r}, ${t}, ${n})`;
   if (a === "hsl") {
-    const { h: s, s: o, l: i } = vl(r, t, n);
+    const { h: s, s: o, l: i } = _l(r, t, n);
     return `hsl(${s}, ${o}%, ${i}%)`;
   }
   return ga(r, t, n);
-}, _l = {
+}, xl = {
   xs: { padding: "8px", swatchSize: "18px" },
   sm: { padding: "10px", swatchSize: "20px" },
   md: { padding: "12px", swatchSize: "24px" },
   lg: { padding: "16px", swatchSize: "28px" },
   xl: { padding: "20px", swatchSize: "32px" }
-}, xl = q.forwardRef(
+}, Nl = q.forwardRef(
   (r, t) => {
     const {
       size: n = "md",
@@ -1390,13 +1390,13 @@ const yl = [
       onChange: o,
       format: i = "hex",
       showAlpha: c = !1,
-      swatches: l = yl,
+      swatches: l = vl,
       disabled: u = !1,
       label: m,
       helperText: p,
       id: f,
       name: y
-    } = r, b = Le(), _ = f || b, v = se(null), [h, C] = O(!1), [T, w] = O(s), k = a !== void 0, I = k ? a : T, g = ar(I) || { r: 59, g: 130, b: 246 }, E = S((L, P, H) => {
+    } = r, b = Le(), _ = f || b, v = ie(null), [h, C] = O(!1), [T, w] = O(s), k = a !== void 0, I = k ? a : T, g = ar(I) || { r: 59, g: 130, b: 246 }, E = S((L, P, H) => {
       const Y = Pn(L, P, H, i);
       k || w(Y), o?.(Y);
     }, [i, k, o]), x = S((L) => {
@@ -1411,7 +1411,7 @@ const yl = [
       const H = ar(P);
       H && o?.(Pn(H.r, H.g, H.b, i));
     }, [i, k, o]);
-    ie(() => {
+    oe(() => {
       if (!h) return;
       const L = (P) => {
         v.current && !v.current.contains(P.target) && C(!1);
@@ -1421,7 +1421,7 @@ const yl = [
     const R = {
       radius: Se.Md,
       elevation: Xe.Card,
-      ..._l[n]
+      ...xl[n]
     }, z = [
       "gloss-preset-colorpicker",
       `gloss-preset-colorpicker--${n}`,
@@ -1444,24 +1444,24 @@ const yl = [
     ] });
   }
 );
-xl.displayName = "PresetColorPicker";
-const Nl = {
+Nl.displayName = "PresetColorPicker";
+const Sl = {
   xs: { starSize: "14px", gap: J.None },
   sm: { starSize: "18px", gap: "1px" },
   md: { starSize: "22px", gap: "2px" },
   lg: { starSize: "28px", gap: "3px" },
   xl: { starSize: "34px", gap: J.Xs }
-}, Sl = {
+}, Cl = {
   activeColor: "#f59e0b",
   inactiveColor: B.Gray300,
   hoverColor: "#fbbf24"
-}, Cl = q.forwardRef(
+}, wl = q.forwardRef(
   ({ size: r = "md", readOnly: t, disabled: n, children: a, ...s }, o) => {
     const i = { ...s };
     delete i.className, delete i.style, delete i.definition;
     const c = {
-      ...Sl,
-      ...Nl[r]
+      ...Cl,
+      ...Sl[r]
     }, l = [
       "gloss-preset-rating",
       `gloss-preset-rating--${r}`
@@ -1480,11 +1480,11 @@ const Nl = {
     );
   }
 );
-Cl.displayName = "PresetRating";
-function wl(r, t = "md") {
+wl.displayName = "PresetRating";
+function kl(r, t = "md") {
   return r ? typeof r == "string" ? /* @__PURE__ */ e(ve, { name: r, size: t }) : r : null;
 }
-const kl = q.forwardRef(
+const Dl = q.forwardRef(
   ({
     children: r,
     onClick: t,
@@ -1495,8 +1495,8 @@ const kl = q.forwardRef(
     dropdownIcon: i,
     leftIcon: c
   }, l) => {
-    const [u, m] = O(!1), p = se(null), f = se(null);
-    ie(() => {
+    const [u, m] = O(!1), p = ie(null), f = ie(null);
+    oe(() => {
       const h = (C) => {
         p.current && !p.current.contains(C.target) && f.current && !f.current.contains(C.target) && m(!1);
       };
@@ -1537,7 +1537,7 @@ const kl = q.forwardRef(
             onClick: () => b(h),
             tabIndex: h.disabled ? -1 : 0,
             children: [
-              h.icon && /* @__PURE__ */ e("span", { className: "gloss-split-button__item-icon", children: wl(h.icon, _) }),
+              h.icon && /* @__PURE__ */ e("span", { className: "gloss-split-button__item-icon", children: kl(h.icon, _) }),
               /* @__PURE__ */ e("span", { className: "gloss-split-button__item-label", children: h.label })
             ]
           }
@@ -1546,8 +1546,8 @@ const kl = q.forwardRef(
     ] });
   }
 );
-kl.displayName = "SplitButton";
-const Dl = {
+Dl.displayName = "SplitButton";
+const Il = {
   default: {
     bg: B.Gray900,
     color: B.TextInverse
@@ -1556,14 +1556,14 @@ const Dl = {
     bg: B.BgSurface,
     color: B.TextPrimary
   }
-}, Il = {
+}, Tl = {
   sm: { padding: J.Xs, fontSize: "0.6875rem", maxWidth: "180px" },
   md: { padding: J.Sm, fontSize: "0.75rem", maxWidth: "240px" }
-}, Tl = {
+}, El = {
   radius: Se.Sm,
   arrowSize: "6px"
 };
-function El(r) {
+function Ml(r) {
   const {
     variant: t = "default",
     size: n = "md",
@@ -1575,9 +1575,9 @@ function El(r) {
   } = r;
   if ({ ...c }, o) return /* @__PURE__ */ e(Ge, { children: i });
   const l = {
-    ...Tl,
-    ...Dl[t],
-    ...Il[n]
+    ...El,
+    ...Il[t],
+    ...Tl[n]
   }, u = [
     "gloss-preset-tooltip",
     `gloss-preset-tooltip--${t}`,
@@ -1588,18 +1588,18 @@ function El(r) {
     /* @__PURE__ */ e(Ms, { definition: l, className: u, placement: s, children: a })
   ] });
 }
-El.displayName = "PresetTooltip";
-const Ml = {
+Ml.displayName = "PresetTooltip";
+const Pl = {
   default: { borderColor: B.BorderDefault },
   error: { borderColor: B.BorderError },
   success: { borderColor: B.BorderSuccess }
-}, Pl = {
+}, Bl = {
   xs: { padding: J.Xs, paddingX: J.Sm, fontSize: "0.75rem", minHeight: "28px" },
   sm: { padding: J.Xs, paddingX: J.Sm, fontSize: "0.8125rem", minHeight: "32px" },
   md: { padding: J.Sm, paddingX: J.Md, fontSize: "0.875rem", minHeight: "36px" },
   lg: { padding: J.Sm, paddingX: J.Md, fontSize: "0.9375rem", minHeight: "42px" },
   xl: { padding: J.Md, paddingX: J.Lg, fontSize: "1rem", minHeight: "48px" }
-}, Bl = {
+}, Rl = {
   bg: B.BgSurface,
   color: B.TextPrimary,
   radius: Se.Md,
@@ -1623,9 +1623,9 @@ const Ml = {
     } = r, _ = { ...b };
     delete _.className, delete _.style, delete _.definition;
     const v = n ?? (i !== "default" ? i : "default"), h = {
-      ...Bl,
-      ...Ml[v],
-      ...Pl[a]
+      ...Rl,
+      ...Pl[v],
+      ...Bl[a]
     }, C = [
       "gloss-preset-input",
       `gloss-preset-input--${v}`,
@@ -1671,17 +1671,17 @@ const Ml = {
   }
 );
 Ee.displayName = "PresetInput";
-const Rl = {
+const zl = {
   default: { borderColor: B.BorderDefault },
   error: { borderColor: B.BorderError },
   success: { borderColor: B.BorderSuccess }
-}, zl = {
+}, Al = {
   xs: { padding: J.Xs, paddingX: J.Sm, fontSize: "0.75rem", minHeight: "60px" },
   sm: { padding: J.Xs, paddingX: J.Sm, fontSize: "0.8125rem", minHeight: "72px" },
   md: { padding: J.Sm, paddingX: J.Md, fontSize: "0.875rem", minHeight: "84px" },
   lg: { padding: J.Sm, paddingX: J.Md, fontSize: "0.9375rem", minHeight: "96px" },
   xl: { padding: J.Md, paddingX: J.Lg, fontSize: "1rem", minHeight: "108px" }
-}, Al = {
+}, $l = {
   bg: B.BgSurface,
   color: B.TextPrimary,
   radius: Se.Md,
@@ -1706,9 +1706,9 @@ const Rl = {
     } = r, _ = { ...b };
     delete _.className, delete _.style, delete _.definition;
     const v = n ?? (i !== "default" ? i : "default"), h = {
-      ...Al,
-      ...Rl[v],
-      ...zl[a],
+      ...$l,
+      ...zl[v],
+      ...Al[a],
       resize: m ? "none" : y,
       ...p != null ? { minRows: String(p) } : {},
       ...f != null ? { maxRows: String(f) } : {}
@@ -1716,7 +1716,7 @@ const Rl = {
       "gloss-preset-textarea",
       `gloss-preset-textarea--${v}`,
       `gloss-preset-textarea--${a}`
-    ].filter(Boolean).join(" "), T = se(null), w = S((g) => {
+    ].filter(Boolean).join(" "), T = ie(null), w = S((g) => {
       if (!g || !m) return;
       g.style.height = "auto";
       const E = getComputedStyle(g), x = parseFloat(E.lineHeight) || parseFloat(E.fontSize) * 1.2, D = parseFloat(E.paddingTop) || 0, N = parseFloat(E.paddingBottom) || 0, R = parseFloat(E.borderTopWidth) || 0, z = parseFloat(E.borderBottomWidth) || 0, L = D + N + R + z, P = p ? x * p + L : 0, H = f ? x * f + L : 1 / 0, Y = Math.min(Math.max(g.scrollHeight, P), H);
@@ -1742,17 +1742,17 @@ const Rl = {
   }
 );
 ha.displayName = "PresetTextarea";
-const $l = {
+const Fl = {
   xs: { padding: J.Xs, fontSize: "0.75rem", minHeight: "28px" },
   sm: { padding: J.Sm, fontSize: "0.8125rem", minHeight: "32px" },
   md: { padding: J.Md, fontSize: "0.875rem", minHeight: "36px" },
   lg: { padding: J.Lg, fontSize: "1rem", minHeight: "40px" },
   xl: { padding: J.Xl, fontSize: "1.125rem", minHeight: "44px" }
-}, Fl = {
+}, Ol = {
   default: B.BorderDefault,
   error: B.BorderError,
   success: B.BorderSuccess
-}, Ol = q.forwardRef(
+}, Ll = q.forwardRef(
   (r, t) => {
     const {
       variant: n = "default",
@@ -1787,10 +1787,10 @@ const $l = {
     }, [k, u, g]), D = c !== void 0 && k <= c, N = l !== void 0 && k >= l, R = h ? h(k) : String(k), z = {
       bg: B.BgSurface,
       color: B.TextPrimary,
-      borderColor: Fl[n],
+      borderColor: Ol[n],
       radius: Se.Md,
       buttonBg: B.BgMuted,
-      ...$l[a]
+      ...Fl[a]
     }, L = [
       "gloss-preset-numberinput",
       `gloss-preset-numberinput--${n}`,
@@ -1824,8 +1824,8 @@ const $l = {
     ] });
   }
 );
-Ol.displayName = "PresetNumberInput";
-const Ll = q.forwardRef(
+Ll.displayName = "PresetNumberInput";
+const Hl = q.forwardRef(
   ({ children: r, attached: t = !1 }, n) => {
     const a = [
       "gloss-input-group",
@@ -1834,8 +1834,8 @@ const Ll = q.forwardRef(
     return /* @__PURE__ */ e("div", { ref: n, className: a, children: r });
   }
 );
-Ll.displayName = "InputGroup";
-const Hl = q.forwardRef(
+Hl.displayName = "InputGroup";
+const Wl = q.forwardRef(
   ({ children: r, position: t = "left" }, n) => {
     const a = [
       "gloss-input-addon",
@@ -1844,8 +1844,8 @@ const Hl = q.forwardRef(
     return /* @__PURE__ */ e("span", { ref: n, className: a, children: r });
   }
 );
-Hl.displayName = "InputAddon";
-const Wl = {
+Wl.displayName = "InputAddon";
+const Gl = {
   creditCard: { mask: "0000 0000 0000 0000", lazy: !0 },
   expiry: { mask: "00/00", lazy: !0 },
   cvv: { mask: "0000", lazy: !0 },
@@ -1854,13 +1854,13 @@ const Wl = {
   zipPlus4: { mask: "00000-0000", lazy: !0 },
   ssn: { mask: "000-00-0000", lazy: !0 },
   currency: { mask: Number, scale: 2, thousandsSeparator: ",", radix: ".", mapToRadix: ["."], normalizeZeros: !0, padFractionalZeros: !0 }
-}, Gl = {
+}, Vl = {
   xs: { padding: J.Xs, fontSize: "0.75rem", minHeight: "28px" },
   sm: { padding: J.Sm, fontSize: "0.8125rem", minHeight: "32px" },
   md: { padding: J.Md, fontSize: "0.875rem", minHeight: "36px" },
   lg: { padding: J.Lg, fontSize: "1rem", minHeight: "40px" },
   xl: { padding: J.Xl, fontSize: "1.125rem", minHeight: "44px" }
-}, Vl = {
+}, jl = {
   default: B.BorderDefault,
   error: B.BorderError,
   success: B.BorderSuccess
@@ -1882,10 +1882,10 @@ const Wl = {
       required: b,
       id: _,
       name: v
-    } = r, h = se(null), C = se(null), T = typeof s == "string" ? Wl[s] : s, w = S((g) => {
+    } = r, h = ie(null), C = ie(null), T = typeof s == "string" ? Gl[s] : s, w = S((g) => {
       h.current = g, typeof t == "function" ? t(g) : t && (t.current = g);
     }, [t]);
-    ie(() => {
+    oe(() => {
       if (h.current && T) {
         let g;
         try {
@@ -1905,16 +1905,16 @@ const Wl = {
           C.current?.destroy(), C.current = null;
         };
       }
-    }, [T, i, c]), ie(() => {
+    }, [T, i, c]), oe(() => {
       C.current && o !== void 0 && C.current.unmaskedValue !== o && (C.current.unmaskedValue = o);
     }, [o]);
     const k = {
       bg: B.BgSurface,
       color: B.TextPrimary,
-      borderColor: Vl[n],
+      borderColor: jl[n],
       radius: Se.Md,
       placeholderColor: B.TextTertiary,
-      ...Gl[a]
+      ...Vl[a]
     }, I = [
       "gloss-preset-maskedinput",
       `gloss-preset-maskedinput--${n}`,
@@ -1939,7 +1939,7 @@ const Wl = {
   }
 );
 jt.displayName = "PresetMaskedInput";
-const jl = {
+const Kl = {
   default: {
     borderColor: B.BorderDefault
   },
@@ -1949,13 +1949,13 @@ const jl = {
   success: {
     borderColor: B.BorderSuccess
   }
-}, Kl = {
+}, Yl = {
   xs: { padding: J.Xs, fontSize: "0.75rem", minHeight: "24px" },
   sm: { padding: J.Xs, fontSize: "0.8125rem", minHeight: "30px" },
   md: { padding: J.Sm, fontSize: "0.875rem", minHeight: "36px" },
   lg: { padding: J.Sm, fontSize: "0.9375rem", minHeight: "42px" },
   xl: { padding: J.Md, fontSize: "1rem", minHeight: "48px" }
-}, Yl = {
+}, Ul = {
   bg: B.BgSurface,
   radius: Se.Md
 };
@@ -1974,9 +1974,9 @@ function It(r) {
   } = r;
   ({ ...u });
   const m = {
-    ...Yl,
-    ...jl[t],
-    ...Kl[n]
+    ...Ul,
+    ...Kl[t],
+    ...Yl[n]
   }, p = [
     "gloss-preset-select",
     `gloss-preset-select--${t}`,
@@ -1986,7 +1986,7 @@ function It(r) {
   return /* @__PURE__ */ e(As, { definition: m, className: p, children: l });
 }
 It.displayName = "PresetSelect";
-const Ul = Yt("md"), Xl = {
+const Xl = Yt("md"), ql = {
   elevated: {
     bg: B.BgSurface,
     border: "none",
@@ -2002,22 +2002,22 @@ const Ul = Yt("md"), Xl = {
     border: "none",
     elevation: "none"
   }
-}, ql = {
+}, Zl = {
   xs: { padding: J.Xs },
   sm: { padding: J.Sm },
   md: { padding: J.Md },
   lg: { padding: J.Lg },
   xl: { padding: J.Xl }
-}, Zl = {
+}, Jl = {
   radius: Se.Lg
 }, ba = q.forwardRef(
   ({ variant: r = "elevated", size: t = "md", interactive: n, selected: a, children: s, ...o }, i) => {
     const c = { ...o };
     delete c.className, delete c.style, delete c.definition;
     const l = {
-      ...Zl,
-      ...Xl[r],
-      ...ql[t]
+      ...Jl,
+      ...ql[r],
+      ...Zl[t]
     }, u = [
       "gloss-preset-card",
       `gloss-preset-card--${r}`,
@@ -2025,74 +2025,74 @@ const Ul = Yt("md"), Xl = {
       n && "gloss-preset-card--interactive",
       a && "gloss-preset-card--selected"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e(Ul.Provider, { value: t, children: /* @__PURE__ */ e($s, { ref: i, definition: l, className: u, ...c, children: s }) });
+    return /* @__PURE__ */ e(Xl.Provider, { value: t, children: /* @__PURE__ */ e($s, { ref: i, definition: l, className: u, ...c, children: s }) });
   }
 );
 ba.displayName = "PresetCard";
-const Jl = q.forwardRef(
+const Ql = q.forwardRef(
   ({ children: r, ...t }, n) => {
     const a = { ...t };
     return delete a.className, delete a.style, /* @__PURE__ */ e(Os, { ref: n, className: "gloss-preset-card__header", ...a, children: /* @__PURE__ */ e(bt, { region: "card-header", children: r }) });
   }
 );
-Jl.displayName = "PresetCardHeader";
-const Ql = q.forwardRef(
+Ql.displayName = "PresetCardHeader";
+const ec = q.forwardRef(
   ({ children: r, ...t }, n) => {
     const a = { ...t };
     return delete a.className, delete a.style, /* @__PURE__ */ e(Ws, { ref: n, className: "gloss-preset-card__body", ...a, children: /* @__PURE__ */ e(bt, { region: "card-body", children: r }) });
   }
 );
-Ql.displayName = "PresetCardBody";
-const ec = q.forwardRef(
+ec.displayName = "PresetCardBody";
+const tc = q.forwardRef(
   ({ children: r, ...t }, n) => {
     const a = { ...t };
     return delete a.className, delete a.style, /* @__PURE__ */ e(Vs, { ref: n, className: "gloss-preset-card__footer", ...a, children: /* @__PURE__ */ e(bt, { region: "card-footer", children: r }) });
   }
 );
-ec.displayName = "PresetCardFooter";
-const tc = q.forwardRef(
+tc.displayName = "PresetCardFooter";
+const rc = q.forwardRef(
   ({ src: r, alt: t, height: n, children: a, ...s }, o) => {
     const i = { ...s };
     return delete i.className, delete i.style, /* @__PURE__ */ e(Fs, { ref: o, src: r, alt: t, height: n, className: "gloss-preset-card__media", ...i, children: a });
   }
 );
-tc.displayName = "PresetCardMedia";
-const rc = q.forwardRef(
+rc.displayName = "PresetCardMedia";
+const nc = q.forwardRef(
   ({ children: r, ...t }, n) => {
     const a = { ...t };
     return delete a.className, delete a.style, /* @__PURE__ */ e(Ls, { ref: n, className: "gloss-preset-card__title", ...a, children: r });
   }
 );
-rc.displayName = "PresetCardTitle";
-const nc = q.forwardRef(
+nc.displayName = "PresetCardTitle";
+const ac = q.forwardRef(
   ({ children: r, ...t }, n) => {
     const a = { ...t };
     return delete a.className, delete a.style, /* @__PURE__ */ e(Hs, { ref: n, className: "gloss-preset-card__subtitle", ...a, children: r });
   }
 );
-nc.displayName = "PresetCardSubtitle";
-const ac = q.forwardRef(
+ac.displayName = "PresetCardSubtitle";
+const sc = q.forwardRef(
   ({ children: r, ...t }, n) => {
     const a = { ...t };
     return delete a.className, delete a.style, /* @__PURE__ */ e(Gs, { ref: n, className: "gloss-preset-card__actions", ...a, children: r });
   }
 );
-ac.displayName = "PresetCardActions";
-const sc = {
+sc.displayName = "PresetCardActions";
+const ic = {
   default: { bg: B.Gray100, color: B.Gray700 },
   primary: { bg: B.Blue100, color: B.Blue700 },
   success: { bg: B.Green100, color: B.Green700 },
   warning: { bg: B.Amber100, color: B.Amber600 },
   error: { bg: B.Red100, color: B.Red700 },
   info: { bg: B.Blue50, color: B.Blue600 }
-}, ic = {
+}, oc = {
   default: { bg: B.Gray50 },
   primary: { bg: B.Blue50 },
   success: { bg: B.Green50 },
   warning: { bg: B.Amber200 },
   error: { bg: B.Red50 },
   info: { bg: B.Blue50 }
-}, oc = {
+}, lc = {
   xs: { fontSize: "0.625rem", padding: "1px", paddingX: "4px" },
   sm: { fontSize: "0.6875rem", padding: "2px", paddingX: "6px" },
   md: { fontSize: "0.75rem", padding: "2px", paddingX: "8px" },
@@ -2103,9 +2103,9 @@ const sc = {
     const c = { ...o };
     delete c.className, delete c.style, delete c.definition;
     const l = {
-      ...sc[r],
-      ...oc[t],
-      ...a ? ic[r] : {}
+      ...ic[r],
+      ...lc[t],
+      ...a ? oc[r] : {}
     }, u = [
       "gloss-preset-badge",
       `gloss-preset-badge--${r}`,
@@ -2127,7 +2127,7 @@ const sc = {
   }
 );
 ya.displayName = "PresetBadge";
-const lc = {
+const cc = {
   filled: {
     default: { bg: B.Gray100, color: B.Gray700 },
     primary: { bg: B.Blue100, color: B.Blue700 },
@@ -2149,7 +2149,7 @@ const lc = {
     warning: { bg: B.Amber200, color: B.Amber600 },
     error: { bg: B.Red50, color: B.Red700 }
   }
-}, cc = {
+}, dc = {
   xs: { fontSize: "0.6875rem", padding: "2px", paddingX: "6px" },
   sm: { fontSize: "0.75rem", padding: "3px", paddingX: "8px" },
   md: { fontSize: "0.8125rem", padding: "4px", paddingX: "10px" },
@@ -2173,8 +2173,8 @@ const lc = {
     } = r, b = { ...y };
     delete b.className, delete b.style, delete b.definition;
     const _ = !!p, v = !!o, h = {
-      ...lc[n][s],
-      ...cc[a]
+      ...cc[n][s],
+      ...dc[a]
     }, C = [
       "gloss-preset-chip",
       `gloss-preset-chip--${n}`,
@@ -2229,52 +2229,52 @@ const lc = {
   }
 );
 Yr.displayName = "PresetChip";
-const dc = {
+const uc = {
   borderColor: B.BorderDefault,
   radius: Se.None
-}, uc = q.forwardRef(
+}, mc = q.forwardRef(
   ({ children: r, ...t }, n) => {
     const a = { ...t };
-    return delete a.className, delete a.style, delete a.definition, /* @__PURE__ */ e(Ys, { ref: n, definition: dc, className: "gloss-preset-accordion", ...a, children: r });
+    return delete a.className, delete a.style, delete a.definition, /* @__PURE__ */ e(Ys, { ref: n, definition: uc, className: "gloss-preset-accordion", ...a, children: r });
   }
 );
-uc.displayName = "PresetAccordion";
-const mc = q.forwardRef(
+mc.displayName = "PresetAccordion";
+const pc = q.forwardRef(
   ({ open: r, children: t, ...n }, a) => {
     const s = { ...n };
     return delete s.className, delete s.style, /* @__PURE__ */ e(Us, { ref: a, open: r, className: "gloss-preset-accordion__item", ...s, children: t });
   }
 );
-mc.displayName = "PresetAccordionItem";
-const pc = q.forwardRef(
+pc.displayName = "PresetAccordionItem";
+const fc = q.forwardRef(
   ({ children: r, ...t }, n) => {
     const a = { ...t };
     return delete a.className, delete a.style, /* @__PURE__ */ e(Xs, { ref: n, className: "gloss-preset-accordion__trigger", ...a, children: r });
   }
 );
-pc.displayName = "PresetAccordionTrigger";
-const fc = q.forwardRef(
+fc.displayName = "PresetAccordionTrigger";
+const gc = q.forwardRef(
   ({ children: r, ...t }, n) => {
     const a = { ...t };
     return delete a.className, delete a.style, /* @__PURE__ */ e(qs, { ref: n, className: "gloss-preset-accordion__content", ...a, children: r });
   }
 );
-fc.displayName = "PresetAccordionContent";
-const gc = {
+gc.displayName = "PresetAccordionContent";
+const hc = {
   sm: { padding: J.Xs, minWidth: "140px" },
   md: { padding: J.Sm, minWidth: "180px" }
-}, hc = {
+}, bc = {
   bg: B.BgSurface,
   borderColor: B.BorderDefault,
   radius: Se.Md,
   elevation: Xe.Card
-}, bc = q.forwardRef(
+}, yc = q.forwardRef(
   ({ size: r = "md", children: t, ...n }, a) => {
     const s = { ...n };
     delete s.className, delete s.style, delete s.definition;
     const o = {
-      ...hc,
-      ...gc[r]
+      ...bc,
+      ...hc[r]
     }, i = [
       "gloss-preset-menu",
       `gloss-preset-menu--${r}`
@@ -2282,8 +2282,8 @@ const gc = {
     return /* @__PURE__ */ e(Zs, { ref: a, definition: o, className: i, ...s, children: t });
   }
 );
-bc.displayName = "PresetMenu";
-function yc({ label: r, open: t, onOpenChange: n, showCount: a = "never", children: s, ...o }) {
+yc.displayName = "PresetMenu";
+function vc({ label: r, open: t, onOpenChange: n, showCount: a = "never", children: s, ...o }) {
   const i = { ...o };
   delete i.className, delete i.style;
   const c = t ?? !0, l = n !== void 0, u = q.Children.toArray(s);
@@ -2311,18 +2311,18 @@ function yc({ label: r, open: t, onOpenChange: n, showCount: a = "never", childr
     c && s
   ] });
 }
-yc.displayName = "PresetMenuGroup";
-const vc = {
+vc.displayName = "PresetMenuGroup";
+const _c = {
   padding: J.Sm,
   hoverBg: B.BgHover
-}, _c = q.forwardRef(
+}, xc = q.forwardRef(
   ({ disabled: r, active: t, as: n, icon: a, children: s, ...o }, i) => {
     const c = { ...o };
     return delete c.className, delete c.style, delete c.definition, /* @__PURE__ */ d(
       Qs,
       {
         ref: i,
-        definition: vc,
+        definition: _c,
         disabled: r,
         active: t,
         as: n,
@@ -2336,16 +2336,16 @@ const vc = {
     );
   }
 );
-_c.displayName = "PresetMenuItem";
-function xc() {
+xc.displayName = "PresetMenuItem";
+function Nc() {
   return /* @__PURE__ */ e(ei, { className: "gloss-preset-menu__divider" });
 }
-xc.displayName = "PresetMenuDivider";
-function Nc(r) {
+Nc.displayName = "PresetMenuDivider";
+function Sc(r) {
   const { trigger: t, items: n, value: a, onChange: s, ...o } = r, i = { ...o };
   delete i.className, delete i.style;
-  const [c, l] = O(!1), u = se(null), p = n.find((y) => y.value === a)?.label || t || "Select...";
-  ie(() => {
+  const [c, l] = O(!1), u = ie(null), p = n.find((y) => y.value === a)?.label || t || "Select...";
+  oe(() => {
     const y = (b) => {
       u.current && !u.current.contains(b.target) && l(!1);
     };
@@ -2391,7 +2391,7 @@ function Nc(r) {
     )) })
   ] });
 }
-Nc.displayName = "Dropdown";
+Sc.displayName = "Dropdown";
 const va = q.forwardRef(
   ({ color: r = "blue", isLoading: t = !1, children: n, ...a }, s) => {
     const o = { ...a };
@@ -2522,17 +2522,17 @@ const Je = {
     easing: Qe.easeInOut
   }
 };
-function Um(r, t = Je.normal, n = Qe.easeOut) {
+function Xm(r, t = Je.normal, n = Qe.easeOut) {
   return r.map((a) => `${a} ${t}ms ${n}`).join(", ");
 }
-function Xm(r, t, n) {
+function qm(r, t, n) {
   return r + (t - r) * n;
 }
-function qm(r) {
+function Zm(r) {
   const t = r.match(/^([-\d.]+)(.*)$/);
   return t ? { value: parseFloat(t[1]), unit: t[2] || "" } : { value: 0, unit: "" };
 }
-function Sc({
+function Cc({
   show: r,
   animation: t = "fade",
   duration: n,
@@ -2547,10 +2547,10 @@ function Sc({
   ...p
 }) {
   delete p.className, delete p.style;
-  const [f, y] = O(r ? "entered" : "exited"), [b, _] = O(r), v = se(null), h = se(null), C = typeof t == "string" ? Dr[t] : t, T = n ?? (typeof t == "string" ? Dr[t]?.duration : Je.normal) ?? Je.normal, w = a ?? (typeof t == "string" ? Dr[t]?.easing : Qe.easeOut) ?? Qe.easeOut, k = S(() => {
+  const [f, y] = O(r ? "entered" : "exited"), [b, _] = O(r), v = ie(null), h = ie(null), C = typeof t == "string" ? Dr[t] : t, T = n ?? (typeof t == "string" ? Dr[t]?.duration : Je.normal) ?? Je.normal, w = a ?? (typeof t == "string" ? Dr[t]?.easing : Qe.easeOut) ?? Qe.easeOut, k = S(() => {
     v.current && (clearTimeout(v.current), v.current = null), h.current && (cancelAnimationFrame(h.current), h.current = null);
   }, []);
-  if (ie(() => (k(), r ? (_(!0), i?.(), h.current = requestAnimationFrame(() => {
+  if (oe(() => (k(), r ? (_(!0), i?.(), h.current = requestAnimationFrame(() => {
     y("entering"), v.current = setTimeout(() => {
       y("entered"), c?.();
     }, T + s);
@@ -2578,19 +2578,19 @@ function Sc({
     "data-state": f
   });
 }
-Sc.displayName = "Transition";
-function Cc({ children: r }) {
+Cc.displayName = "Transition";
+function wc({ children: r }) {
   return /* @__PURE__ */ e("div", { className: "gloss-preset-transition-group", children: r });
 }
-Cc.displayName = "TransitionGroup";
+wc.displayName = "TransitionGroup";
 const _a = Yt(null);
-function wc() {
+function kc() {
   const r = Ut(_a);
   if (!r)
     throw new Error("useFormContext must be used within a Form component");
   return r;
 }
-function kc(r) {
+function Dc(r) {
   const {
     initialValues: t,
     validate: n,
@@ -2660,8 +2660,8 @@ function kc(r) {
   );
   return /* @__PURE__ */ e(_a.Provider, { value: E, children: /* @__PURE__ */ e("form", { onSubmit: g, className: "gloss-preset-form", noValidate: !0, children: typeof c == "function" ? c(E) : c }) });
 }
-kc.displayName = "ContainerForm";
-function Dc({
+Dc.displayName = "ContainerForm";
+function Ic({
   name: r,
   label: t,
   helperText: n,
@@ -2672,7 +2672,7 @@ function Dc({
   ...c
 }) {
   ({ ...c });
-  const l = wc(), u = Le(), m = `field-${r}-${u}`, p = `helper-${r}-${u}`, f = `error-${r}-${u}`, { value: y, error: b, touched: _ } = ee(() => {
+  const l = kc(), u = Le(), m = `field-${r}-${u}`, p = `helper-${r}-${u}`, f = `error-${r}-${u}`, { value: y, error: b, touched: _ } = ee(() => {
     const g = l.getFieldProps(r);
     return { value: g.value, error: g.error, touched: g.touched };
   }, [l, r]), v = _ && b, h = v ? "error" : "default", C = i.props.onBlur, T = q.cloneElement(i, {
@@ -2712,7 +2712,7 @@ function Dc({
     ] })
   ] });
 }
-Dc.displayName = "ContainerFormField";
+Ic.displayName = "ContainerFormField";
 const xa = q.memo(({
   id: r,
   label: t,
@@ -2763,22 +2763,22 @@ const cr = q.memo(({
   exposeTabRefs: o,
   connectorActive: i
 }) => {
-  const c = se(null), l = se({}), [u, m] = O(null), [p, f] = O({ left: 0, width: 0 }), [y, b] = O({ left: 0, width: 0 }), _ = (h) => {
+  const c = ie(null), l = ie({}), [u, m] = O(null), [p, f] = O({ left: 0, width: 0 }), [y, b] = O({ left: 0, width: 0 }), _ = (h) => {
     const C = l.current[h], T = c.current;
     if (!C || !T) return { left: 0, width: 0 };
     const w = C.getBoundingClientRect(), k = T.getBoundingClientRect();
     return { left: w.left - k.left, width: w.width };
   };
-  ie(() => {
+  oe(() => {
     const h = requestAnimationFrame(() => f(_(t)));
     return () => cancelAnimationFrame(h);
-  }, [t]), ie(() => {
+  }, [t]), oe(() => {
     u && b(_(u));
-  }, [u]), ie(() => {
+  }, [u]), oe(() => {
     s && (s.current = c.current);
-  }), ie(() => {
+  }), oe(() => {
     o && (o.current = l.current);
-  }), ie(() => {
+  }), oe(() => {
     const h = c.current;
     if (!h) return;
     const C = new ResizeObserver(() => {
@@ -2866,7 +2866,7 @@ const cr = q.memo(({
   );
 });
 cr.displayName = "TabGroup";
-const Ic = (r) => {
+const Tc = (r) => {
   switch (r.variant) {
     case "block": {
       const {
@@ -2934,8 +2934,8 @@ const Ic = (r) => {
     }
   }
 };
-Ic.displayName = "Skeleton";
-const Bn = [60, 80, 45, 90, 65, 75, 55, 85, 70, 50], Tc = ({
+Tc.displayName = "Skeleton";
+const Bn = [60, 80, 45, 90, 65, 75, 55, 85, 70, 50], Ec = ({
   bars: r = 10,
   maxHeight: t = 120
 }) => {
@@ -2967,8 +2967,8 @@ const Bn = [60, 80, 45, 90, 65, 75, 55, 85, 70, 50], Tc = ({
     }
   );
 };
-Tc.displayName = "SkeletonChart";
-const Ec = ({
+Ec.displayName = "SkeletonChart";
+const Mc = ({
   rows: r = 5,
   columns: t = 3,
   hasCheckbox: n = !1,
@@ -3027,8 +3027,8 @@ const Ec = ({
     ))
   ] });
 };
-Ec.displayName = "SkeletonTable";
-const Mc = ({
+Mc.displayName = "SkeletonTable";
+const Pc = ({
   variant: r = "value",
   colSpan: t = 1
 }) => {
@@ -3128,7 +3128,7 @@ const Mc = ({
     }
   );
 };
-Mc.displayName = "SkeletonCard";
+Pc.displayName = "SkeletonCard";
 const Rn = {
   up: { color: "#10b981", bg: "rgba(16,185,129,0.07)" },
   down: { color: "#ef4444", bg: "rgba(239,68,68,0.07)" },
@@ -3397,15 +3397,15 @@ const Ca = ({ value: r = 0, max: t = 100, trendValue: n = 0, color: a = "#6b7280
   );
 };
 Ca.displayName = "ObjectArrow";
-const Pc = { slot3: 200, slot5: 380 };
+const Bc = { slot3: 200, slot5: 380 };
 function wa(r, t) {
-  const n = Pc, a = 150, [s, o] = O(1), i = se(null), c = se(null), l = S(() => {
+  const n = Bc, a = 150, [s, o] = O(1), i = ie(null), c = ie(null), l = S(() => {
     const m = i.current;
     if (m == null) return;
     const p = m < n.slot3 ? 1 : m < n.slot5 ? 3 : 5;
     o((f) => f === p ? f : p), i.current = null, c.current && (clearTimeout(c.current), c.current = null);
   }, [n.slot3, n.slot5]);
-  ie(() => {
+  oe(() => {
     const m = r.current;
     if (!m || typeof ResizeObserver > "u") return;
     const p = new ResizeObserver((f) => {
@@ -3422,7 +3422,7 @@ function wa(r, t) {
   return { capacity: s, onPointerUp: u };
 }
 function ka(r) {
-  const { onStatusSlotClick: t } = r, n = se(null), a = si(), { capacity: s, onPointerUp: o } = wa(n), i = r.maxSlots ?? s, c = r.statuses.slice(0, i);
+  const { onStatusSlotClick: t } = r, n = ie(null), a = si(), { capacity: s, onPointerUp: o } = wa(n), i = r.maxSlots ?? s, c = r.statuses.slice(0, i);
   if (!a) {
     const l = r.statuses[0];
     return /* @__PURE__ */ d(
@@ -3479,7 +3479,7 @@ const Ir = {
   up: "var(--color-positive)",
   down: "var(--color-negative)",
   flat: "var(--color-text-secondary)"
-}, Bc = {
+}, Rc = {
   positive: "#10b981",
   // Used with hexToRgba() for tinted overlays -- must stay hex
   negative: "#ef4444",
@@ -3488,7 +3488,7 @@ const Ir = {
   // Used with hexToRgba() for tinted overlays -- must stay hex
   neutral: "#6b7280"
   // Used with hexToRgba() for tinted overlays -- must stay hex
-}, Rc = () => /* @__PURE__ */ d(
+}, zc = () => /* @__PURE__ */ d(
   "svg",
   {
     "aria-label": "Warning threshold breached",
@@ -3514,7 +3514,7 @@ const Ir = {
       /* @__PURE__ */ e("circle", { cx: "7", cy: "10.5", r: "0.7", fill: "currentColor" })
     ]
   }
-), zc = () => /* @__PURE__ */ d(
+), Ac = () => /* @__PURE__ */ d(
   "svg",
   {
     "aria-label": "Critical threshold breached",
@@ -3543,7 +3543,7 @@ const Ir = {
     colSpan: l = 1,
     isStale: u,
     thresholdBreach: m = "none"
-  } = t, p = n === "sparkline" || n === "bars" || n === "donut" ? t.accentColor ?? "#4f46e5" : "#4f46e5", f = n === "highlight" ? t.highlightColor : void 0, y = n === "sparkline" ? t.sparklineData : void 0, b = n === "bars" ? t.barData : void 0, _ = n === "donut" ? t.donutValue : 0, v = n === "donut" ? t.donutMax ?? 100 : 100, h = n === "object-arrow" ? t.objectArrowValue : 0, C = n === "object-arrow" ? t.objectArrowMax : 100, T = n === "arrow" ? t.arrowDirection : void 0, w = n === "versus" ? t.versusData : void 0, k = n === "segmented" ? t.segments : void 0, I = (f ? Bc[f] : void 0) || f, g = ee(() => or(s, {
+  } = t, p = n === "sparkline" || n === "bars" || n === "donut" ? t.accentColor ?? "#4f46e5" : "#4f46e5", f = n === "highlight" ? t.highlightColor : void 0, y = n === "sparkline" ? t.sparklineData : void 0, b = n === "bars" ? t.barData : void 0, _ = n === "donut" ? t.donutValue : 0, v = n === "donut" ? t.donutMax ?? 100 : 100, h = n === "object-arrow" ? t.objectArrowValue : 0, C = n === "object-arrow" ? t.objectArrowMax : 100, T = n === "arrow" ? t.arrowDirection : void 0, w = n === "versus" ? t.versusData : void 0, k = n === "segmented" ? t.segments : void 0, I = (f ? Rc[f] : void 0) || f, g = ee(() => or(s, {
     prefix: o?.prefix || "",
     suffix: o?.suffix || "",
     abbreviated: o?.abbreviated
@@ -3714,8 +3714,8 @@ const Ir = {
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ d(Ge, { children: [
     m !== "none" && /* @__PURE__ */ e("div", { className: V }),
-    m === "warn" && /* @__PURE__ */ e("span", { className: "gloss-threshold-icon gloss-threshold-icon--warn", children: /* @__PURE__ */ e(Rc, {}) }),
-    m === "critical" && /* @__PURE__ */ e("span", { className: "gloss-threshold-icon gloss-threshold-icon--critical", children: /* @__PURE__ */ e(zc, {}) }),
+    m === "warn" && /* @__PURE__ */ e("span", { className: "gloss-threshold-icon gloss-threshold-icon--warn", children: /* @__PURE__ */ e(zc, {}) }),
+    m === "critical" && /* @__PURE__ */ e("span", { className: "gloss-threshold-icon gloss-threshold-icon--critical", children: /* @__PURE__ */ e(Ac, {}) }),
     n === "highlight" && I && /* @__PURE__ */ e(
       "div",
       {
@@ -3789,7 +3789,7 @@ const Ir = {
   ] });
 };
 nt.displayName = "MetricCard";
-function Ac(r, t = {}) {
+function $c(r, t = {}) {
   const {
     slideDirection: n = "down",
     behindDuration: a = 220,
@@ -3799,7 +3799,7 @@ function Ac(r, t = {}) {
     zBehind: c = 1,
     zFront: l = 16
   } = t, [u, m] = O(r ? "visible" : "hidden");
-  ie(() => {
+  oe(() => {
     r ? u === "hidden" || u === "exiting-behind" ? m("entering-behind") : u === "exiting-front" && m("entering-front") : u === "visible" || u === "entering-front" ? m("exiting-front") : u === "entering-behind" && m("hidden");
   }, [r]);
   const p = S(() => {
@@ -3894,7 +3894,7 @@ function Ac(r, t = {}) {
 }
 let $r = null;
 const Fr = /* @__PURE__ */ new Set();
-function $c(r) {
+function Fc(r) {
   return Fr.add(r), () => {
     Fr.delete(r);
   };
@@ -3905,20 +3905,20 @@ function Tr() {
 function Er(r) {
   $r !== r && ($r = r, Fr.forEach((t) => t()));
 }
-function Fc(r, t, n) {
+function Oc(r, t, n) {
   const a = Le(), s = t ?? a, o = ss(
-    $c,
+    Fc,
     Tr,
     // SSR fallback — no menu active on server render.
     () => null
-  ), i = se(n);
-  return ie(() => {
+  ), i = ie(n);
+  return oe(() => {
     i.current = n;
-  }, [n]), ie(() => {
+  }, [n]), oe(() => {
     r && o !== null && o !== s && i.current(!1);
-  }, [o, s, r]), ie(() => {
+  }, [o, s, r]), oe(() => {
     r ? Er(s) : Tr() === s && Er(null);
-  }, [r, s]), ie(() => () => {
+  }, [r, s]), oe(() => () => {
     Tr() === s && Er(null);
   }, [s]), { menuId: s, activeMenuId: o };
 }
@@ -3951,7 +3951,7 @@ const Ke = {
 function Kt(r, t) {
   return (t ? Ke.REDUCED_MOTION_MS : r) / 1e3;
 }
-function Oc(r) {
+function Lc(r) {
   const t = {
     duration: Kt(Ke.BORDER_RADIUS_MS, r),
     ease: "easeOut"
@@ -3962,7 +3962,7 @@ function Oc(r) {
     "expanded-up": { borderRadius: "0 0 8px 8px", transition: t }
   };
 }
-function Lc(r) {
+function Hc(r) {
   return {
     initial: (t) => ({
       opacity: 0,
@@ -3988,7 +3988,7 @@ function Lc(r) {
     }
   };
 }
-function Hc(r) {
+function Wc(r) {
   return {
     initial: { opacity: 0, scale: 0.8 },
     animate: {
@@ -4009,7 +4009,7 @@ function Hc(r) {
     }
   };
 }
-function Wc(r) {
+function Gc(r) {
   return {
     collapsed: {
       transition: { staggerChildren: 0, staggerDirection: -1 }
@@ -4021,22 +4021,22 @@ function Wc(r) {
     }
   };
 }
-function Gc(r) {
+function Vc(r) {
   return r === "down" ? "top center" : "bottom center";
 }
-function Vc(r, t) {
+function jc(r, t) {
   return r.length === 0 || r.filter((s) => !s.isPromotable).length > 0 ? !1 : r.filter((s) => s.isPromotable).length <= t;
 }
 function $n(r, t) {
   const n = t ?? {};
   return r.filter((a) => a.visibleWhen ? a.visibleWhen(n) : !0);
 }
-const jc = "#4f46e5", Kc = "#4338ca", Yc = "rgba(79,70,229,0.14)", Uc = "#3730a3", Xc = "rgba(79,70,229,0.2)", qc = "#10b981", Zc = "#ffffff", Jc = "#10b981", Qc = "rgba(16,185,129,0.1)";
-function ed(r) {
+const Kc = "#4f46e5", Yc = "#4338ca", Uc = "rgba(79,70,229,0.14)", Xc = "#3730a3", qc = "rgba(79,70,229,0.2)", Zc = "#10b981", Jc = "#ffffff", Qc = "#10b981", ed = "rgba(16,185,129,0.1)";
+function td(r) {
   return r.isActive ? r.id === "graph" ? "Deactivate graph" : r.id === "details" ? "Remove tab" : r.label : r.label;
 }
-function td(r, t, n) {
-  const a = !!r.isActive, s = r.activeColor ?? jc, o = n === "pressed" ? Uc : n === "check" ? qc : a ? r.id === "graph" ? Zc : r.id === "details" ? Jc : s : t ? Kc : s, i = n === "pressed" ? Xc : a ? r.id === "graph" ? s : r.id === "details" ? Qc : "transparent" : t ? Yc : "transparent";
+function rd(r, t, n) {
+  const a = !!r.isActive, s = r.activeColor ?? Kc, o = n === "pressed" ? Xc : n === "check" ? Zc : a ? r.id === "graph" ? Jc : r.id === "details" ? Qc : s : t ? Yc : s, i = n === "pressed" ? qc : a ? r.id === "graph" ? s : r.id === "details" ? ed : "transparent" : t ? Uc : "transparent";
   return {
     color: o,
     background: i,
@@ -4071,24 +4071,24 @@ const Da = (r) => {
   } = r, b = !i, [_, v] = O(
     i ? "collapsed" : "normal"
   );
-  ie(() => {
+  oe(() => {
     if (i) {
       v("collapsed");
       return;
     }
-    const oe = setTimeout(() => v("normal"), 200);
-    return () => clearTimeout(oe);
+    const ne = setTimeout(() => v("normal"), 200);
+    return () => clearTimeout(ne);
   }, [i]);
-  const { style: h, handleTransitionEnd: C } = Ac(a, {
+  const { style: h, handleTransitionEnd: C } = $c(a, {
     slideDirection: "down",
     zBehind: 1,
     zFront: 16
-  }), { menuId: T } = Fc(
+  }), { menuId: T } = Oc(
     s,
     m,
     o
-  ), k = Zi() === !0, I = ee(() => Oc(k), [k]), g = ee(() => Lc(k), [k]), E = ee(() => Hc(k), [k]), x = ee(
-    () => Wc(k),
+  ), k = Zi() === !0, I = ee(() => Lc(k), [k]), g = ee(() => Hc(k), [k]), E = ee(() => Wc(k), [k]), x = ee(
+    () => Gc(k),
     [k]
   ), D = ee(
     () => $n(t, p),
@@ -4096,20 +4096,20 @@ const Da = (r) => {
   ), N = ee(
     () => $n(n, p),
     [n, p]
-  ), R = Math.max(0, 5 - D.length - 1), z = ee(() => N.filter((oe) => oe.isPromotable).sort((oe, xe) => oe.order - xe.order).slice(0, R), [N, R]), L = ee(() => {
-    const oe = new Set(z.map((xe) => xe.id));
-    return N.filter((xe) => !oe.has(xe.id)).sort((xe, Fe) => xe.order - Fe.order);
+  ), R = Math.max(0, 5 - D.length - 1), z = ee(() => N.filter((ne) => ne.isPromotable).sort((ne, xe) => ne.order - xe.order).slice(0, R), [N, R]), L = ee(() => {
+    const ne = new Set(z.map((xe) => xe.id));
+    return N.filter((xe) => !ne.has(xe.id)).sort((xe, Fe) => xe.order - Fe.order);
   }, [N, z]), P = ee(
-    () => Vc(N, R),
+    () => jc(N, R),
     [N, R]
   ), H = b && s, [Y, V] = O(!1);
-  ie(() => {
+  oe(() => {
     s || V(!1);
   }, [s]);
   const M = u === "up" ? "top-start" : "bottom-start", { refs: W, floatingStyles: j, placement: G, context: $ } = aa({
     open: H,
-    onOpenChange: (oe) => {
-      oe || (V(!1), o(!1));
+    onOpenChange: (ne) => {
+      ne || (V(!1), o(!1));
     },
     placement: M,
     // quick-260418-k7k-fix-2: strategy='fixed' positions the floating menu
@@ -4120,11 +4120,20 @@ const Da = (r) => {
     // Fixed positioning escapes all ancestor stacking contexts WITHOUT
     // requiring a React Portal (AP-08 compliant).
     strategy: "fixed",
-    // offset(0): pill and menu must TOUCH to read as one L-shape. Any
-    // gap (previously 6px) breaks the "connected" visual. The shared
-    // drop-shadow (applied to menu in ActionStrip.scss) carries the
-    // continuity across the pill/menu seam.
-    middleware: [bo(0), yo(), vo({ padding: 8 })],
+    // offset(0): pill and menu touch as one L-shape.
+    // size(): menu width tracks pill width so the menu is never wider
+    // than the strip (user-requested: "width of the menu should match
+    // the strip"). Uses reference.width from floating-ui's rects.
+    middleware: [
+      bo(0),
+      yo(),
+      vo({ padding: 8 }),
+      _o({
+        apply({ rects: ne, elements: xe }) {
+          xe.floating.style.width = `${ne.reference.width}px`;
+        }
+      })
+    ],
     whileElementsMounted: ho
   }), K = sa($, {
     outsidePress: !0,
@@ -4144,39 +4153,39 @@ const Da = (r) => {
     ...h,
     transform: `translateX(-50%) ${h.transform}`,
     transition: be ? [h.transition, `left ${Ke.ANCHOR_X_MS}ms ease-out`].filter(Boolean).join(", ") : h.transition
-  }, ne = se(null);
-  ie(() => () => {
-    ne.current !== null && (clearTimeout(ne.current), ne.current = null);
+  }, ae = ie(null);
+  oe(() => () => {
+    ae.current !== null && (clearTimeout(ae.current), ae.current = null);
   }, []);
   const ge = S(
-    (oe) => {
+    (ne) => {
       if (!H || Y) return;
-      const xe = oe.nativeEvent?.relatedTarget, Fe = oe.relatedTarget, He = xe ?? Fe;
-      He && typeof He.closest == "function" && He.closest("[data-action-strip]") || (ne.current !== null && clearTimeout(ne.current), ne.current = setTimeout(() => {
-        ne.current = null, o(!1);
+      const xe = ne.nativeEvent?.relatedTarget, Fe = ne.relatedTarget, He = xe ?? Fe;
+      He && typeof He.closest == "function" && He.closest("[data-action-strip]") || (ae.current !== null && clearTimeout(ae.current), ae.current = setTimeout(() => {
+        ae.current = null, o(!1);
       }, Ke.GRACE_CLOSE_MS));
     },
     [H, Y, o]
   ), Me = S(() => {
-    ne.current !== null && (clearTimeout(ne.current), ne.current = null);
+    ae.current !== null && (clearTimeout(ae.current), ae.current = null);
   }, []), Ce = S(() => {
-    const oe = !s;
-    V(!!oe), o(oe);
+    const ne = !s;
+    V(!!ne), o(ne);
   }, [s, o]), [we, Ye] = O(
     {}
-  ), Te = se(
+  ), Te = ie(
     {}
   );
-  ie(() => () => {
-    for (const oe of Object.values(Te.current))
-      for (const xe of oe) clearTimeout(xe);
+  oe(() => () => {
+    for (const ne of Object.values(Te.current))
+      for (const xe of ne) clearTimeout(xe);
     Te.current = {};
   }, []);
-  const me = S((oe) => {
-    const xe = oe.id;
+  const me = S((ne) => {
+    const xe = ne.id;
     Te.current[xe] || (Te.current[xe] = []), Ye((He) => ({ ...He, [xe]: "pressed" }));
     const Fe = setTimeout(() => {
-      oe.onClick(), Ye((ke) => ({ ...ke, [xe]: "check" }));
+      ne.onClick(), Ye((ke) => ({ ...ke, [xe]: "check" }));
       const He = setTimeout(() => {
         Ye((ke) => {
           const Be = { ...ke };
@@ -4187,12 +4196,12 @@ const Da = (r) => {
     }, Ke.FEEDBACK_PRESS_MS);
     Te.current[xe]?.push(Fe);
   }, []), _e = S(
-    (oe) => {
-      if (!oe.showFeedback) {
-        oe.onClick();
+    (ne) => {
+      if (!ne.showFeedback) {
+        ne.onClick();
         return;
       }
-      me(oe);
+      me(ne);
     },
     [me]
   ), [Ve, Ne] = O(null);
@@ -4263,7 +4272,7 @@ const Da = (r) => {
                       },
                       title: "Done",
                       onClick: c,
-                      children: /* @__PURE__ */ e(No, { style: { fontSize: 16 } })
+                      children: /* @__PURE__ */ e(So, { style: { fontSize: 16 } })
                     }
                   ) : null,
                   /* @__PURE__ */ d(
@@ -4273,25 +4282,25 @@ const Da = (r) => {
                       "data-pill-mode": _,
                       style: ce,
                       children: [
-                        D.map((oe) => {
-                          const xe = we[oe.id] ?? "none", Fe = Ve === oe.id, He = oe.isActive && oe.activeIcon || xe === "check";
+                        D.map((ne) => {
+                          const xe = we[ne.id] ?? "none", Fe = Ve === ne.id, He = ne.isActive && ne.activeIcon || xe === "check";
                           return /* @__PURE__ */ e(
                             "button",
                             {
                               type: "button",
                               className: "gloss-action-strip__icon-slot",
-                              "data-action-id": oe.id,
+                              "data-action-id": ne.id,
                               "data-action-kind": "primary",
                               "data-feedback-state": xe,
-                              "data-active": oe.isActive ? "true" : "false",
-                              title: ed(oe),
-                              onClick: () => _e(oe),
-                              onMouseEnter: () => Ne(oe.id),
-                              onMouseLeave: () => Ne((ke) => ke === oe.id ? null : ke),
-                              style: td(oe, Fe, xe),
-                              children: He ? xe === "check" ? oe.activeIcon ?? /* @__PURE__ */ e(Dt, { style: { fontSize: 16 } }) : oe.activeIcon : oe.icon
+                              "data-active": ne.isActive ? "true" : "false",
+                              title: td(ne),
+                              onClick: () => _e(ne),
+                              onMouseEnter: () => Ne(ne.id),
+                              onMouseLeave: () => Ne((ke) => ke === ne.id ? null : ke),
+                              style: rd(ne, Fe, xe),
+                              children: He ? xe === "check" ? ne.activeIcon ?? /* @__PURE__ */ e(Dt, { style: { fontSize: 16 } }) : ne.activeIcon : ne.icon
                             },
-                            oe.id
+                            ne.id
                           );
                         }),
                         /* @__PURE__ */ e(
@@ -4303,20 +4312,20 @@ const Da = (r) => {
                             variants: x,
                             animate: H ? "expanded" : "collapsed",
                             initial: "collapsed",
-                            children: /* @__PURE__ */ e(Rr, { mode: "popLayout", initial: !1, children: H ? z.map((oe) => /* @__PURE__ */ e(
+                            children: /* @__PURE__ */ e(Rr, { mode: "popLayout", initial: !1, children: H ? z.map((ne) => /* @__PURE__ */ e(
                               Ct.span,
                               {
                                 className: "gloss-action-strip__icon-slot",
-                                "data-action-id": oe.id,
+                                "data-action-id": ne.id,
                                 "data-action-kind": "promoted",
-                                title: oe.label,
+                                title: ne.label,
                                 variants: E,
                                 initial: "initial",
                                 animate: "animate",
                                 exit: "exit",
-                                children: oe.icon ?? null
+                                children: ne.icon ?? null
                               },
-                              oe.id
+                              ne.id
                             )) : null })
                           }
                         ),
@@ -4370,25 +4379,25 @@ const Da = (r) => {
                       animate: "animate",
                       exit: "exit",
                       style: {
-                        transformOrigin: Gc(te)
+                        transformOrigin: Vc(te)
                       },
-                      children: L.map((oe) => /* @__PURE__ */ d(
+                      children: L.map((ne) => /* @__PURE__ */ d(
                         "button",
                         {
                           type: "button",
                           className: "gloss-action-strip__menu-item",
-                          "data-action-id": oe.id,
-                          "data-action-kind": oe.isPromotable ? "overflow" : "footer",
+                          "data-action-id": ne.id,
+                          "data-action-kind": ne.isPromotable ? "overflow" : "footer",
                           role: "menuitem",
                           onClick: () => {
-                            oe.onClick();
+                            ne.onClick();
                           },
                           children: [
-                            oe.icon ? /* @__PURE__ */ e("span", { className: "gloss-action-strip__menu-icon", children: oe.icon }) : null,
-                            /* @__PURE__ */ e("span", { children: oe.label })
+                            ne.icon ? /* @__PURE__ */ e("span", { className: "gloss-action-strip__menu-icon", children: ne.icon }) : null,
+                            /* @__PURE__ */ e("span", { children: ne.label })
                           ]
                         },
-                        oe.id
+                        ne.id
                       ))
                     },
                     "action-strip-menu"
@@ -4403,12 +4412,12 @@ const Da = (r) => {
   ) });
 };
 Da.displayName = "ActionStrip";
-const Zm = [
+const Jm = [
   "settings",
   "remove",
   "replace"
-], Jm = ["whats-this"];
-function rd(r) {
+], Qm = ["whats-this"];
+function nd(r) {
   const t = [];
   let n = 0;
   return r.onSettings && t.push({
@@ -4456,7 +4465,7 @@ function rd(r) {
     order: n++
   }), t;
 }
-const nd = [
+const ad = [
   { id: "7D", label: "7D" },
   { id: "30D", label: "30D" },
   { id: "MTD", label: "MTD" },
@@ -4575,7 +4584,7 @@ const nd = [
           {
             definition: { display: "grid", gap: "6px" },
             style: { gridTemplateColumns: "repeat(3, 1fr)", flex: 1, alignContent: "center" },
-            children: nd.map((v) => {
+            children: ad.map((v) => {
               const h = _ ? p.has(v.id) : u === v.id;
               return /* @__PURE__ */ e(
                 "button",
@@ -4645,8 +4654,8 @@ const at = function({
   extensionOverflow: j,
   cardRef: G
 }) {
-  const [$, K] = O(!1), [Z, U] = O(!1), [X, te] = O(!1), pe = se(null), ce = se(!1), be = se(null), de = G ?? be, ne = se(null), ge = se(null), Me = t ?? n, Ce = S(() => {
-    ne.current = null, ge.current = null, te(!0);
+  const [$, K] = O(!1), [Z, U] = O(!1), [X, te] = O(!1), pe = ie(null), ce = ie(!1), be = ie(null), de = G ?? be, ae = ie(null), ge = ie(null), Me = t ?? n, Ce = S(() => {
+    ae.current = null, ge.current = null, te(!0);
   }, []), we = S(() => {
     if (z) {
       const Ne = ge.current;
@@ -4654,13 +4663,13 @@ const at = function({
         return;
       te(!1), Ne && Ne.length >= 2 && L && L(Ne);
     } else
-      te(!1), ne.current && g && g(ne.current);
+      te(!1), ae.current && g && g(ae.current);
   }, [g, L, z]), Ye = S((Ne) => {
-    ne.current = Ne;
+    ae.current = Ne;
   }, []);
-  ie(() => () => {
+  oe(() => () => {
     pe.current && clearTimeout(pe.current);
-  }, []), ie(() => {
+  }, []), oe(() => {
     c && (K(!1), pe.current && (clearTimeout(pe.current), pe.current = null));
   }, [c]);
   const Te = S(() => {
@@ -4672,7 +4681,7 @@ const at = function({
     }
     ce.current = !1, pe.current = setTimeout(() => K(!1), 180);
   }, [Z]);
-  ie(() => {
+  oe(() => {
     !Z && ce.current && (ce.current = !1, pe.current = setTimeout(() => K(!1), 180));
   }, [Z]);
   const _e = $ || Z, Ve = [
@@ -4806,13 +4815,13 @@ const at = function({
             label: "Open details in new tab",
             onClick: T
           });
-          const oe = rd({
+          const ne = nd({
             onSettings: I ? Ce : void 0,
             onRemove: y,
             onReplace: C,
             onRefresh: k,
             onWhatsThis: b
-          }), xe = oe.filter((Re) => Re.id === "whats-this"), Fe = oe.filter((Re) => Re.id !== "whats-this"), ke = (j ?? []).map((Re, lt) => ({
+          }), xe = ne.filter((Re) => Re.id === "whats-this"), Fe = ne.filter((Re) => Re.id !== "whats-this"), ke = (j ?? []).map((Re, lt) => ({
             ...Re,
             order: Fe.length + lt
           })), Be = xe.map((Re, lt) => ({
@@ -4848,10 +4857,10 @@ const at = function({
   );
 };
 at.displayName = "CardShell";
-function ad(r) {
+function sd(r) {
   return r === 1 ? 1 : r === 2 ? 3 : 5;
 }
-const sd = function(t) {
+const id = function(t) {
   const {
     title: n,
     prefix: a = "",
@@ -4869,8 +4878,8 @@ const sd = function(t) {
     sparklineInset: _ = "padded",
     slotToActionStripConfig: v,
     onSlotActionStripConfigChange: h
-  } = t, C = u || i[i.length - 1] || "YTD", T = p ? "gloss-metric-data-stale" : "gloss-metric-data-fresh", w = se(!1);
-  ie(() => {
+  } = t, C = u || i[i.length - 1] || "YTD", T = p ? "gloss-metric-data-stale" : "gloss-metric-data-fresh", w = ie(!1);
+  oe(() => {
     if (w.current) return;
     const M = "onTableAction" in t;
     v && M && (console.warn(
@@ -4894,10 +4903,10 @@ const sd = function(t) {
       h?.(M, j);
     },
     [y, v, h]
-  ), I = se(null), g = S(() => {
+  ), I = ie(null), g = S(() => {
     I.current !== null && (clearTimeout(I.current), I.current = null);
   }, []);
-  ie(() => () => {
+  oe(() => () => {
     I.current !== null && (clearTimeout(I.current), I.current = null);
   }, []);
   const E = S(
@@ -4913,7 +4922,7 @@ const sd = function(t) {
       g(), x(M, W);
     },
     [x, g]
-  ), N = !!y || !!v, R = !!b || !!v, z = se(null), { capacity: L } = wa(z), P = f != null ? ad(f) : L, H = ee(() => i.map((M, W) => {
+  ), N = !!y || !!v, R = !!b || !!v, z = ie(null), { capacity: L } = wa(z), P = f != null ? sd(f) : L, H = ee(() => i.map((M, W) => {
     const j = o.find((K) => K.timeframe === M) || o[W], G = j?.value ?? null, $ = or(G, { prefix: a, suffix: s, abbreviated: !0 });
     return {
       timeframe: M,
@@ -4999,7 +5008,7 @@ const sd = function(t) {
                             {
                               title: M.formatted.full,
                               style: {
-                                fontSize: id(M.formatted.length),
+                                fontSize: od(M.formatted.length),
                                 fontWeight: 700,
                                 color: "var(--color-text-primary, #111827)",
                                 lineHeight: 1.1,
@@ -5039,8 +5048,8 @@ const sd = function(t) {
     )
   ] });
 };
-sd.displayName = "StackedGroupCard";
-function id(r) {
+id.displayName = "StackedGroupCard";
+function od(r) {
   return r <= 4 ? 22 : r <= 6 ? 18 : r <= 8 ? 15 : 13;
 }
 const Or = {
@@ -5051,7 +5060,7 @@ const Or = {
   // Phase 17: backside-picker overlay section (null = no section open).
   openSection: null
 };
-function od(r, t) {
+function ld(r, t) {
   switch (t.type) {
     case "BEGIN_CONFIG":
       return r.activeCardId === t.cardId ? {
@@ -5088,8 +5097,8 @@ function od(r, t) {
       return r;
   }
 }
-function ld(r) {
-  const [t, n] = is(od, Or), { onCommit: a } = r ?? {}, s = S((u, m) => {
+function cd(r) {
+  const [t, n] = is(ld, Or), { onCommit: a } = r ?? {}, s = S((u, m) => {
     if (!u) {
       (typeof process > "u" || process.env.NODE_ENV !== "production") && console.warn(
         "[useFlipAndStage] beginConfig called with null or empty cardId — ignoring."
@@ -5126,8 +5135,8 @@ function ld(r) {
 }
 const gr = Yt(null);
 gr.displayName = "FlipAndStageContext";
-function Qm({ children: r }) {
-  const t = ld(), n = ee(
+function ep({ children: r }) {
+  const t = cd(), n = ee(
     () => t,
     [
       t.state,
@@ -5146,16 +5155,16 @@ function Qm({ children: r }) {
   );
   return /* @__PURE__ */ e(gr.Provider, { value: n, children: r });
 }
-function ep() {
+function tp() {
   const r = Ut(gr);
   if (r === null)
     throw new Error("useFlipAndStageContext must be inside FlipAndStageProvider");
   return r;
 }
-function cd() {
+function dd() {
   return Ut(gr);
 }
-const dd = {
+const ud = {
   /** Delay before flip animation begins (ms). */
   flipStart: 50,
   /** Duration of panel extrude animation (ms). */
@@ -5164,7 +5173,7 @@ const dd = {
   settle: 100,
   /** Total choreography duration (ms). */
   total: 350
-}, ud = 130, md = 45, pd = 45, fd = {
+}, md = 130, pd = 45, fd = 45, gd = {
   width: "100%",
   height: "100%",
   "& .MuiDataGrid-main": {
@@ -5351,16 +5360,16 @@ const dd = {
     textAlign: "start"
   }
 };
-function gd(r) {
+function hd(r) {
   return r.map((t) => {
-    if ((t.width || t.minWidth || 150) <= ud && !String(t.headerClassName || "").includes("dropdown-header") && t.disableColumnMenu !== !0) {
+    if ((t.width || t.minWidth || 150) <= md && !String(t.headerClassName || "").includes("dropdown-header") && t.disableColumnMenu !== !0) {
       const a = [t.headerClassName, "narrow-header"].filter(Boolean).join(" ").trim();
       return { ...t, headerClassName: a };
     }
     return t;
   });
 }
-function hd(r) {
+function bd(r) {
   const t = r.map((n) => {
     const a = {
       field: n.field,
@@ -5387,15 +5396,15 @@ function hd(r) {
     }
     return a;
   });
-  return gd(t);
+  return hd(t);
 }
-function bd(r) {
+function yd(r) {
   return r.map((t) => ({ field: t.field, sort: t.sort }));
 }
-function yd(r) {
+function vd(r) {
   return r.filter((t) => t.sort != null).map((t) => ({ field: t.field, sort: t.sort }));
 }
-function vd(r) {
+function _d(r) {
   const {
     data: t,
     columns: n,
@@ -5407,17 +5416,17 @@ function vd(r) {
     pagination: l,
     activeFilters: u,
     onFilterRemove: m,
-    rowHeight: p = md,
-    headerHeight: f = pd,
+    rowHeight: p = pd,
+    headerHeight: f = fd,
     onCellClick: y,
     onContextMenu: b,
     getRowId: _
-  } = r, v = ci(), h = ee(() => hd(n), [n]), C = ee(
-    () => i ? bd(i) : [],
+  } = r, v = ci(), h = ee(() => bd(n), [n]), C = ee(
+    () => i ? yd(i) : [],
     [i]
   ), T = S(
     (D) => {
-      c?.(yd(D));
+      c?.(vd(D));
     },
     [c]
   ), w = ee(() => {
@@ -5462,7 +5471,7 @@ function vd(r) {
     },
     rowCount: l.total,
     paginationMode: "server"
-  } : { autoPageSize: !0 }, [l]), x = ee(() => fd, []);
+  } : { autoPageSize: !0 }, [l]), x = ee(() => gd, []);
   return s ? /* @__PURE__ */ e(
     he,
     {
@@ -5529,8 +5538,8 @@ function vd(r) {
     ) })
   ] });
 }
-const _d = q.memo(vd);
-_d.displayName = "UnifiedBreakdownTable";
+const xd = q.memo(_d);
+xd.displayName = "UnifiedBreakdownTable";
 const Ta = q.memo(({
   selections: r,
   metricGroup: t,
@@ -5601,7 +5610,7 @@ const Fn = () => /* @__PURE__ */ d(
       /* @__PURE__ */ e("line", { x1: "10.2", y1: "10.2", x2: "13.5", y2: "13.5" })
     ]
   }
-), xd = () => /* @__PURE__ */ d(
+), Nd = () => /* @__PURE__ */ d(
   "svg",
   {
     width: "8",
@@ -5616,7 +5625,7 @@ const Fn = () => /* @__PURE__ */ d(
       /* @__PURE__ */ e("line", { x1: "10", y1: "2", x2: "2", y2: "10" })
     ]
   }
-), On = 8, Nd = {
+), On = 8, Sd = {
   position: "absolute",
   left: 0,
   right: 0,
@@ -5629,7 +5638,7 @@ const Fn = () => /* @__PURE__ */ d(
   maxHeight: "240px",
   overflowY: "auto",
   zIndex: 10
-}, Sd = {
+}, Cd = {
   padding: "8px 14px",
   fontSize: "12px",
   fontFamily: "'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif",
@@ -5648,15 +5657,15 @@ const Fn = () => /* @__PURE__ */ d(
   fading: i,
   options: c
 }) => {
-  const [l, u] = O(!1), [m, p] = O(-1), f = se(null), y = se(null), b = se(null), _ = q.useCallback((g) => g.label || g.name || g.id, []), v = q.useMemo(() => {
+  const [l, u] = O(!1), [m, p] = O(-1), f = ie(null), y = ie(null), b = ie(null), _ = q.useCallback((g) => g.label || g.name || g.id, []), v = q.useMemo(() => {
     if (!c || c.length === 0) return [];
     if (!r.trim()) return c.slice(0, On);
     const g = r.toLowerCase();
     return c.filter((E) => _(E).toLowerCase().includes(g)).slice(0, On);
   }, [c, r, _]), h = l && v.length > 0 && !o;
-  ie(() => {
+  oe(() => {
     p(-1);
-  }, [r]), ie(() => {
+  }, [r]), oe(() => {
     if (m >= 0 && b.current) {
       const g = b.current.children;
       g[m] && g[m].scrollIntoView({ block: "nearest" });
@@ -5677,7 +5686,7 @@ const Fn = () => /* @__PURE__ */ d(
       u(!1), p(-1);
     }, 150);
   }, []);
-  ie(() => () => {
+  oe(() => () => {
     y.current && clearTimeout(y.current);
   }, []);
   const I = {
@@ -5732,7 +5741,7 @@ const Fn = () => /* @__PURE__ */ d(
         onMouseLeave: (g) => {
           g.currentTarget.style.background = "transparent", g.currentTarget.style.color = "rgba(0,0,0,0.22)";
         },
-        children: /* @__PURE__ */ e(xd, {})
+        children: /* @__PURE__ */ e(Nd, {})
       }
     )
   ] }) : /* @__PURE__ */ d(
@@ -5788,7 +5797,7 @@ const Fn = () => /* @__PURE__ */ d(
             animation: "blink 1s step-end infinite"
           } }) })
         ] }),
-        h && /* @__PURE__ */ e("div", { ref: b, style: Nd, children: v.map((g, E) => /* @__PURE__ */ e(
+        h && /* @__PURE__ */ e("div", { ref: b, style: Sd, children: v.map((g, E) => /* @__PURE__ */ e(
           "div",
           {
             onMouseDown: (x) => {
@@ -5796,7 +5805,7 @@ const Fn = () => /* @__PURE__ */ d(
             },
             onMouseEnter: () => p(E),
             style: {
-              ...Sd,
+              ...Cd,
               background: E === m ? "rgba(79,70,229,0.08)" : "transparent"
             },
             children: _(g)
@@ -5808,7 +5817,7 @@ const Fn = () => /* @__PURE__ */ d(
   );
 });
 Lr.displayName = "FilterInput";
-const Cd = "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)", Ea = q.memo(({
+const wd = "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)", Ea = q.memo(({
   showRow2: r,
   showItemFilter: t,
   showEntityFilter: n,
@@ -5868,7 +5877,7 @@ const Cd = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
     width: s.width,
     transform: n ? "translateY(0)" : "translateY(-100%)",
     opacity: n ? 1 : 0,
-    transition: `${Cd}, transform ${n ? Nt : St}, opacity ${n ? Nt : St}`,
+    transition: `${wd}, transform ${n ? Nt : St}, opacity ${n ? Nt : St}`,
     pointerEvents: n ? "auto" : "none"
   }, children: /* @__PURE__ */ e(
     Lr,
@@ -5885,7 +5894,7 @@ const Cd = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
   ) })
 ] }) }));
 Ea.displayName = "Row2FilterTray";
-const sr = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1)", wd = "0.35s cubic-bezier(0.16, 1, 0.3, 1)", kd = "0.25s cubic-bezier(0.4, 0, 1, 1)", Hr = q.memo(({
+const sr = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1)", kd = "0.35s cubic-bezier(0.16, 1, 0.3, 1)", Dd = "0.25s cubic-bezier(0.4, 0, 1, 1)", Hr = q.memo(({
   pillLeft: r,
   pillWidth: t,
   pillTop: n,
@@ -5913,7 +5922,7 @@ const sr = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
       height: l ? i - n + 1 : a,
       background: "#fff",
       borderRadius: l ? "8px 8px 0 0" : "8px",
-      transition: `${sr}, height ${l ? wd : kd}, border-radius 0.15s ease`
+      transition: `${sr}, height ${l ? kd : Dd}, border-radius 0.15s ease`
     } }),
     l && /* @__PURE__ */ e("div", { style: {
       position: "absolute",
@@ -5952,16 +5961,16 @@ const sr = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
   ] });
 });
 Hr.displayName = "FusedShape";
-const Dd = {
+const Id = {
   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 Id(r, t, n, a, s, o, i, c, l, u) {
-  const [m, p] = O(Dd);
-  return ie(() => {
+function Td(r, t, n, a, s, o, i, c, l, u) {
+  const [m, p] = O(Id);
+  return oe(() => {
     const f = () => {
       const b = r.current, _ = t.current, v = n.current, h = a.current;
       if (!b || !_ || !v || !h) return;
@@ -6006,7 +6015,7 @@ function Id(r, t, n, a, s, o, i, c, l, u) {
     o
   ]), m;
 }
-const Td = q.memo(({
+const Ed = q.memo(({
   vizState: r,
   onTypeChange: t,
   onQuantChange: n,
@@ -6045,7 +6054,7 @@ const Td = q.memo(({
       id: me.id,
       label: me.label || me.name || me.id
     }))
-  }), [y, l]), [T, w] = O(!1), [k, I] = O(!1), [g, E] = O(null), [x, D] = O(null), [N, R] = O(""), [z, L] = O(""), [P, H] = O(!1), Y = _.entity === "items" && T, V = k, M = Y || V, W = se(null), j = se(null), G = se(null), $ = se(null), K = se({}), Z = se({}), U = Id(
+  }), [y, l]), [T, w] = O(!1), [k, I] = O(!1), [g, E] = O(null), [x, D] = O(null), [N, R] = O(""), [z, L] = O(""), [P, H] = O(!1), Y = _.entity === "items" && T, V = k, M = Y || V, W = ie(null), j = ie(null), G = ie(null), $ = ie(null), K = ie({}), Z = ie({}), U = Td(
     W,
     j,
     G,
@@ -6056,12 +6065,12 @@ const Td = q.memo(({
     M,
     g,
     x
-  ), X = se(_.dimension), te = se(null);
-  ie(() => (X.current !== _.dimension && (te.current && clearTimeout(te.current), H(!0), te.current = setTimeout(() => H(!1), 150)), X.current = _.dimension, () => {
+  ), X = ie(_.dimension), te = ie(null);
+  oe(() => (X.current !== _.dimension && (te.current && clearTimeout(te.current), H(!0), te.current = setTimeout(() => H(!1), 150)), X.current = _.dimension, () => {
     te.current && clearTimeout(te.current);
   }), [_.dimension]);
-  const pe = se({ id: null, name: null }), ce = se({ id: null, name: null });
-  ie(() => {
+  const pe = ie({ id: null, name: null }), ce = ie({ id: null, name: null });
+  oe(() => {
     const me = r.entity?.id ?? null, _e = r.entity?.name ?? null, Ve = r.byItem?.id ?? null, Ne = r.byItem?.name ?? null;
     (me !== pe.current.id || _e !== pe.current.name) && (pe.current = { id: me, name: _e }, me && _e ? (D(_e), I(!0), L("")) : D(null)), (Ve !== ce.current.id || Ne !== ce.current.name) && (ce.current = { id: Ve, name: Ne }, Ve && Ne ? (E(Ne), w(!0), R("")) : E(null));
   }, [r.entity?.id, r.entity?.name, r.byItem?.id, r.byItem?.name]);
@@ -6069,7 +6078,7 @@ const Td = q.memo(({
     me === "metric" ? n(_e) : me === "entity" ? (t(_e), _e !== "items" && w(!1)) : me === "dimension" && a(_e);
   }, [n, t, a]), de = S(() => {
     _.entity === "items" && w((me) => !me);
-  }, [_.entity]), ne = S(() => {
+  }, [_.entity]), ae = S(() => {
     I((me) => !me);
   }, []), ge = S((me) => {
     E(me), R(""), o(me, me);
@@ -6134,7 +6143,7 @@ const Td = q.memo(({
         dimensionGroup: C,
         onSelect: be,
         onEntityToggle: de,
-        onDimensionToggle: ne,
+        onDimensionToggle: ae,
         metricGroupRef: j,
         entityGroupRef: G,
         dimensionGroupRef: $,
@@ -6173,20 +6182,20 @@ const Td = q.memo(({
     ) })
   ] });
 });
-Td.displayName = "ChartControlBar";
-const tp = {
+Ed.displayName = "ChartControlBar";
+const rp = {
   customer: { routeKey: "customer.profile", paramKey: "customerId", icon: "Person" },
   manufacturer: { routeKey: "manufacturer.profile", paramKey: "manufacturerId", icon: "Business" },
   salesperson: { routeKey: "salesperson.profile", paramKey: "salespersonId", icon: "Person" }
-}, rp = {
+}, np = {
   customer: "customerId",
   manufacturer: "manufacturerId",
   salesperson: "salespersonId"
-}, np = {
+}, ap = {
   customer: "customers",
   manufacturer: "manufacturers",
   salesperson: "salespeople"
-}, Ed = [
+}, Md = [
   // ════════════════════════════════════════════════════════════════════════════
   // TAB ACTIONS SECTION
   // ════════════════════════════════════════════════════════════════════════════
@@ -6592,10 +6601,10 @@ const tp = {
     labelFn: (r) => `View ${r.manufacturerName || "Manufacturer"}`
   }
 ];
-function Md(r, t = {}) {
-  return Ed.filter((n) => !(!n.cellKinds.includes(r) || n.entityTypes && t.entityType && !n.entityTypes.includes(t.entityType) || n.roleVisibility && t.userType && !n.roleVisibility.includes(t.userType) || n.statusFilter && t.orderStatus && !n.statusFilter.includes(t.orderStatus) || n.tableTypes && t.tableType && !n.tableTypes.includes(t.tableType) || n.fields && t.field && !n.fields.includes(t.field) || n.id === "who-purchased" && r === "numeric" && (t.tableType !== "items" || t.field !== "sold")));
+function Pd(r, t = {}) {
+  return Md.filter((n) => !(!n.cellKinds.includes(r) || n.entityTypes && t.entityType && !n.entityTypes.includes(t.entityType) || n.roleVisibility && t.userType && !n.roleVisibility.includes(t.userType) || n.statusFilter && t.orderStatus && !n.statusFilter.includes(t.orderStatus) || n.tableTypes && t.tableType && !n.tableTypes.includes(t.tableType) || n.fields && t.field && !n.fields.includes(t.field) || n.id === "who-purchased" && r === "numeric" && (t.tableType !== "items" || t.field !== "sold")));
 }
-function ap(r, t) {
+function sp(r, t) {
   switch (r) {
     case "recent-orders":
     case "show-orders":
@@ -6617,7 +6626,7 @@ function ap(r, t) {
       return `${r}-${t.entityId || t.itemNumber || t.orderId || ""}`;
   }
 }
-const Pd = {
+const Bd = {
   Person: wi,
   Business: ki,
   BarChart: Di,
@@ -6639,11 +6648,11 @@ const Pd = {
   OpenInNew: ta
 };
 function Ln(r) {
-  const t = Pd[r];
+  const t = Bd[r];
   return t ? /* @__PURE__ */ e(t, { fontSize: "small" }) : null;
 }
-const Bd = ["tab-actions", "graph-actions", "direct-nav", "related-nav"];
-function Rd({
+const Rd = ["tab-actions", "graph-actions", "direct-nav", "related-nav"];
+function zd({
   anchorEl: r,
   open: t,
   onClose: n,
@@ -6664,7 +6673,7 @@ function Rd({
   onUpdateViz: h,
   onActionClick: C
 }) {
-  const T = ee(() => a && a.length > 0 ? a : s ? Md(s, {
+  const T = ee(() => a && a.length > 0 ? a : s ? Pd(s, {
     entityType: i,
     userType: m,
     orderStatus: o?.status,
@@ -6741,7 +6750,7 @@ function Rd({
   }, [o, i, I]), E = ee(() => {
     const x = [];
     let D = 0;
-    for (const N of Bd) {
+    for (const N of Rd) {
       const R = w.get(N);
       if (!(!R || R.length === 0)) {
         D > 0 && x.push(/* @__PURE__ */ e(Jn, { className: "gloss-unified-context-menu__divider" }, `divider-${N}`));
@@ -6783,8 +6792,8 @@ function Rd({
     }
   );
 }
-const zd = q.memo(Rd);
-zd.displayName = "UnifiedContextMenu";
+const Ad = q.memo(zd);
+Ad.displayName = "UnifiedContextMenu";
 const Wr = ({
   groupId: r,
   options: t,
@@ -6796,7 +6805,7 @@ const Wr = ({
   isOpen: c = !1,
   onOpenChange: l
 }) => {
-  const u = se(null), m = c, p = t.find((I) => I.id === n), f = !!p, y = p || t.find((I) => I.id === o) || t.find((I) => I.id === a) || t[0], b = ee(() => {
+  const u = ie(null), m = c, p = t.find((I) => I.id === n), f = !!p, y = p || t.find((I) => I.id === o) || t.find((I) => I.id === a) || t[0], b = ee(() => {
     if (!y || !["7d", "30d", "60d", "90d", "mtd", "qtd", "ytd", "lytd"].includes(y.id))
       return "";
     const { start: g, end: E } = je(y.id);
@@ -6814,7 +6823,7 @@ const Wr = ({
   }, [s, h]), w = S((I, g) => {
     I.stopPropagation(), i && i(g);
   }, [i]), k = /* @__PURE__ */ d(
-    ae,
+    se,
     {
       ref: u,
       onMouseEnter: _,
@@ -6890,7 +6899,7 @@ const Wr = ({
                         minHeight: 36
                       },
                       children: [
-                        /* @__PURE__ */ d(ae, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                        /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                           g && /* @__PURE__ */ e(Dt, { fontSize: "small", color: "primary", sx: { fontSize: 14 } }),
                           /* @__PURE__ */ e(
                             gi,
@@ -6948,7 +6957,7 @@ const Wr = ({
   ) : k;
 };
 Wr.displayName = "ExpandableChip";
-const Ad = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
+const $d = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
   small: {
     cellSize: 32,
     fontSize: 11,
@@ -6973,7 +6982,7 @@ const Ad = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
     dotSize: 5,
     dotOffset: 12
   }
-}, $d = [
+}, Fd = [
   "January",
   "February",
   "March",
@@ -6986,7 +6995,7 @@ const Ad = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
   "October",
   "November",
   "December"
-], Fd = (r) => {
+], Od = (r) => {
   const t = [];
   for (let n = r - 10; n <= r + 2; n++)
     t.push(n);
@@ -7007,14 +7016,14 @@ const Ad = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
     if (s !== void 0) return s;
     const $ = /* @__PURE__ */ new Date();
     return $.setHours(23, 59, 59, 999), $;
-  }, [s]), [f, y] = O(() => r ? new Date(r.getFullYear(), r.getMonth(), 1) : /* @__PURE__ */ new Date()), [b, _] = O(!1), [v, h] = O(null), C = se(!1);
-  ie(() => {
+  }, [s]), [f, y] = O(() => r ? new Date(r.getFullYear(), r.getMonth(), 1) : /* @__PURE__ */ new Date()), [b, _] = O(!1), [v, h] = O(null), C = ie(!1);
+  oe(() => {
     if (C.current) {
       C.current = !1;
       return;
     }
     _(!1), h(null);
-  }, [r, t]), ie(() => {
+  }, [r, t]), oe(() => {
     l && y(new Date(l.getFullYear(), l.getMonth(), 1));
   }, [l]);
   const T = f.getFullYear(), w = f.getMonth(), k = new Date(T, w + 1, 0).getDate(), I = new Date(T, w, 1).getDay(), g = f.toLocaleDateString("en-US", { month: "long", year: "numeric" }), E = S(() => {
@@ -7055,7 +7064,7 @@ const Ad = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
     for (let Z = 0; Z < I; Z++)
       $.push(
         /* @__PURE__ */ e(
-          ae,
+          se,
           {
             className: "mini-calendar__day mini-calendar__day--empty"
           },
@@ -7064,10 +7073,10 @@ const Ad = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
       );
     const K = /* @__PURE__ */ new Date();
     for (let Z = 1; Z <= k; Z++) {
-      const U = new Date(T, w, Z), X = L(U), te = P(U), pe = H(U), ce = Y(U), be = V(U), de = R(U), ne = Qt(U, K), ge = ["mini-calendar__day"];
-      be ? (ge.push("mini-calendar__day--disabled"), pe ? ge.push("mini-calendar__day--disabled-end") : X && ge.push("mini-calendar__day--disabled-in-range"), de && ge.push("mini-calendar__day--market")) : (ce ? ge.push("mini-calendar__day--single") : te ? ge.push("mini-calendar__day--start") : pe ? ge.push("mini-calendar__day--end") : X && ge.push("mini-calendar__day--in-range"), (ce || te || pe || X) && (u === "secondary" ? ge.push("mini-calendar__day--secondary") : u === "tertiary" && ge.push("mini-calendar__day--tertiary")), ne && !te && !pe && !ce && ge.push("mini-calendar__day--today"), de && ge.push("mini-calendar__day--market"));
+      const U = new Date(T, w, Z), X = L(U), te = P(U), pe = H(U), ce = Y(U), be = V(U), de = R(U), ae = Qt(U, K), ge = ["mini-calendar__day"];
+      be ? (ge.push("mini-calendar__day--disabled"), pe ? ge.push("mini-calendar__day--disabled-end") : X && ge.push("mini-calendar__day--disabled-in-range"), de && ge.push("mini-calendar__day--market")) : (ce ? ge.push("mini-calendar__day--single") : te ? ge.push("mini-calendar__day--start") : pe ? ge.push("mini-calendar__day--end") : X && ge.push("mini-calendar__day--in-range"), (ce || te || pe || X) && (u === "secondary" ? ge.push("mini-calendar__day--secondary") : u === "tertiary" && ge.push("mini-calendar__day--tertiary")), ae && !te && !pe && !ce && ge.push("mini-calendar__day--today"), de && ge.push("mini-calendar__day--market"));
       const Me = /* @__PURE__ */ e(
-        ae,
+        se,
         {
           component: "button",
           onClick: be ? void 0 : () => M(Z),
@@ -7107,7 +7116,7 @@ const Ad = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
     return $;
   }, [T, w, k, I, L, P, H, Y, V, R, z, M, W, u]);
   return /* @__PURE__ */ d(
-    ae,
+    se,
     {
       className: "mini-calendar",
       onMouseLeave: j,
@@ -7120,9 +7129,9 @@ const Ad = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
         "--dot-offset": `${m.dotOffset}px`
       },
       children: [
-        /* @__PURE__ */ d(ae, { className: "mini-calendar__header", children: [
+        /* @__PURE__ */ d(se, { className: "mini-calendar__header", children: [
           /* @__PURE__ */ e(Ue, { onClick: E, size: "small", sx: { p: 0.5 }, children: /* @__PURE__ */ e(Gi, { fontSize: "small" }) }),
-          c ? /* @__PURE__ */ d(ae, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+          c ? /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
             /* @__PURE__ */ e(
               Nn,
               {
@@ -7146,7 +7155,7 @@ const Ad = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
                     sx: { maxHeight: 200 }
                   }
                 },
-                children: $d.map(($, K) => /* @__PURE__ */ e(Gt, { value: K, sx: { fontSize: 13 }, children: $ }, K))
+                children: Fd.map(($, K) => /* @__PURE__ */ e(Gt, { value: K, sx: { fontSize: 13 }, children: $ }, K))
               }
             ),
             /* @__PURE__ */ e(
@@ -7172,24 +7181,24 @@ const Ad = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
                     sx: { maxHeight: 200 }
                   }
                 },
-                children: Fd((/* @__PURE__ */ new Date()).getFullYear()).map(($) => /* @__PURE__ */ e(Gt, { value: $, sx: { fontSize: 13 }, children: $ }, $))
+                children: Od((/* @__PURE__ */ new Date()).getFullYear()).map(($) => /* @__PURE__ */ e(Gt, { value: $, sx: { fontSize: 13 }, children: $ }, $))
               }
             )
           ] }) : /* @__PURE__ */ e(Ie, { variant: "body2", fontWeight: 500, children: g }),
           /* @__PURE__ */ e(Ue, { onClick: x, size: "small", sx: { p: 0.5 }, children: /* @__PURE__ */ e(Vi, { fontSize: "small" }) })
         ] }),
-        /* @__PURE__ */ e(ae, { className: "mini-calendar__grid", children: Ad.map(($, K) => /* @__PURE__ */ e(
-          ae,
+        /* @__PURE__ */ e(se, { className: "mini-calendar__grid", children: $d.map(($, K) => /* @__PURE__ */ e(
+          se,
           {
             className: "mini-calendar__day-header",
             children: $
           },
           `header-${K}`
         )) }),
-        /* @__PURE__ */ e(ae, { className: "mini-calendar__grid", children: G }),
-        (i || b) && /* @__PURE__ */ d(ae, { className: "mini-calendar__legend", children: [
-          i && /* @__PURE__ */ d(ae, { className: "mini-calendar__legend-item", children: [
-            /* @__PURE__ */ e(ae, { className: "mini-calendar__legend-dot mini-calendar__legend-dot--market" }),
+        /* @__PURE__ */ e(se, { className: "mini-calendar__grid", children: G }),
+        (i || b) && /* @__PURE__ */ d(se, { className: "mini-calendar__legend", children: [
+          i && /* @__PURE__ */ d(se, { className: "mini-calendar__legend-item", children: [
+            /* @__PURE__ */ e(se, { className: "mini-calendar__legend-dot mini-calendar__legend-dot--market" }),
             /* @__PURE__ */ e(Ie, { variant: "caption", color: "text.secondary", children: "Market event" })
           ] }),
           b && /* @__PURE__ */ e(Ie, { variant: "caption", color: "primary", children: "Select end date" })
@@ -7212,7 +7221,7 @@ const Ot = ({
     l.stopPropagation(), s && s(r);
   };
   return /* @__PURE__ */ d(
-    ae,
+    se,
     {
       onClick: i,
       sx: {
@@ -7246,8 +7255,8 @@ const Ot = ({
             }
           }
         ),
-        /* @__PURE__ */ d(ae, { sx: { flex: 1, minWidth: 0 }, children: [
-          /* @__PURE__ */ d(ae, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+        /* @__PURE__ */ d(se, { sx: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
             /* @__PURE__ */ e(
               Ie,
               {
@@ -7313,7 +7322,7 @@ const Ot = ({
   );
 };
 Ot.displayName = "MarketPresetRow";
-const Od = {
+const Ld = {
   version: 4,
   lastPreset: "mtd",
   pinnedPreset: "mtd",
@@ -7321,7 +7330,7 @@ const Od = {
   rangeCount: 1,
   lastPresetB: null,
   lastPresetC: null
-}, Ld = ({
+}, Hd = ({
   value: r,
   onChange: t,
   enableCompare: n = !1,
@@ -7342,18 +7351,18 @@ const Od = {
   onCompareToggle: v
 }) => {
   const h = ee(() => ({
-    ...Od,
+    ...Ld,
     ...u
-  }), [u]), C = se(null), [T, w] = O(null), [k, I] = O("calendar"), [g, E] = O(null), [x, D] = O(null), N = se(null), [R, z] = O(() => h.lastPreset || "mtd"), [L, P] = O(null), [H, Y] = O(null), [V, M] = O(null), [W, j] = O(null), [G, $] = O(null), [K, Z] = O(() => n ? _ ?? h.compareEnabled ?? !1 : !1), U = _ ?? K, X = S((A) => {
+  }), [u]), C = ie(null), [T, w] = O(null), [k, I] = O("calendar"), [g, E] = O(null), [x, D] = O(null), N = ie(null), [R, z] = O(() => h.lastPreset || "mtd"), [L, P] = O(null), [H, Y] = O(null), [V, M] = O(null), [W, j] = O(null), [G, $] = O(null), [K, Z] = O(() => n ? _ ?? h.compareEnabled ?? !1 : !1), U = _ ?? K, X = S((A) => {
     Z(A), v?.(A);
-  }, [v]), [te, pe] = O("A"), [ce, be] = O(() => h.lastPresetB ?? null), [de, ne] = O(null), [ge, Me] = O(null), [Ce, we] = O(null), [Ye, Te] = O(null), [me, _e] = O(null), [Ve, Ne] = O(null), [oe, xe] = O(null), [Fe, He] = O(null), [ke, Be] = O(null), [yt, Re] = O(null), [lt, Ze] = O(null), [Pe, vt] = O(1), [rn, ct] = O(!1), [Ga, Va] = O(void 0), ze = V !== null ? V : R, Tt = V !== null ? W : L, dt = V !== null ? G : H, st = Ce !== null ? Ce : ce, Et = Ce !== null ? Ye : de, Mt = Ce !== null ? me : ge, it = ke !== null ? ke : Ve, Pt = ke !== null ? yt : oe, Bt = ke !== null ? lt : Fe, nn = V !== null && (V !== R || W !== L || G !== H), [fe, hr] = O(() => {
+  }, [v]), [te, pe] = O("A"), [ce, be] = O(() => h.lastPresetB ?? null), [de, ae] = O(null), [ge, Me] = O(null), [Ce, we] = O(null), [Ye, Te] = O(null), [me, _e] = O(null), [Ve, Ne] = O(null), [ne, xe] = O(null), [Fe, He] = O(null), [ke, Be] = O(null), [yt, Re] = O(null), [lt, Ze] = O(null), [Pe, vt] = O(1), [rn, ct] = O(!1), [Ga, Va] = O(void 0), ze = V !== null ? V : R, Tt = V !== null ? W : L, dt = V !== null ? G : H, st = Ce !== null ? Ce : ce, Et = Ce !== null ? Ye : de, Mt = Ce !== null ? me : ge, it = ke !== null ? ke : Ve, Pt = ke !== null ? yt : ne, Bt = ke !== null ? lt : Fe, nn = V !== null && (V !== R || W !== L || G !== H), [fe, hr] = O(() => {
     const A = p || er, F = f || [], Q = new Set(F.map((ue) => ue.id)), re = A.filter((ue) => !Q.has(ue.id)).map((ue) => ({ ...ue, active: xt(ue) })), le = F.map((ue) => ({
       ...ue,
       active: xt(ue)
     }));
     return [...re, ...le].sort((ue, $e) => ue.startDate.getTime() - $e.startDate.getTime());
   });
-  ie(() => {
+  oe(() => {
     const A = p || er, F = f || [], Q = new Set(F.map((ue) => ue.id)), re = A.filter((ue) => !Q.has(ue.id)).map((ue) => ({ ...ue, active: xt(ue) })), le = F.map((ue) => ({
       ...ue,
       active: xt(ue)
@@ -7381,7 +7390,7 @@ const Od = {
       futureCustomRanges: yr.filter((Q) => Q.isCustom || !F.has(Q.id))
     };
   }, [br, yr, p]), ut = i || !!T;
-  ie(() => {
+  oe(() => {
     i && V === null && (M(R), j(L), $(H));
   }, [i, V, R, L, H]);
   const We = ee(
@@ -7396,9 +7405,9 @@ const Od = {
     end: r[1],
     rangeB: null
   } : { start: null, end: null, rangeB: null } : { start: null, end: null, rangeB: null }, [r]);
-  ie(() => {
+  oe(() => {
     r && !Array.isArray(r) && "rangeA" in r && r.rangeB && X(!0);
-  }, [r, X]), ie(() => {
+  }, [r, X]), oe(() => {
     if (!et.start || !et.end) return;
     const A = /* @__PURE__ */ new Date(), F = new Date(et.start);
     F.setHours(0, 0, 0, 0);
@@ -7505,8 +7514,8 @@ const Od = {
     return Q.preset ? `${Q.preset.label} (${re})` : re;
   }, [U, Pe, it, Pt, Bt, fe]);
   const Ua = S((A) => {
-    M(R), j(L), $(H), U && (we(ce), Te(de), _e(ge), Pe >= 3 && (Be(Ve), Re(oe), Ze(Fe))), w(A.currentTarget);
-  }, [R, L, H, U, Pe, ce, de, ge, Ve, oe, Fe]), dn = S((A, F, Q) => {
+    M(R), j(L), $(H), U && (we(ce), Te(de), _e(ge), Pe >= 3 && (Be(Ve), Re(ne), Ze(Fe))), w(A.currentTarget);
+  }, [R, L, H, U, Pe, ce, de, ge, Ve, ne, Fe]), dn = S((A, F, Q) => {
     const re = [A, F];
     Q && (re.shortcutId = rr(Q)), t(re);
   }, [t]), Zt = S((A, F, Q) => {
@@ -7524,7 +7533,7 @@ const Od = {
     z(V), P(W), Y(G);
     const A = Zt(V, W, G);
     if (U && Pe >= 2 && Ce !== null) {
-      be(Ce), ne(Ye), Me(me);
+      be(Ce), ae(Ye), Me(me);
       const F = Zt(Ce, Ye, me), Q = {
         rangeA: A,
         rangeB: F,
@@ -7567,14 +7576,14 @@ const Od = {
     const A = V !== null ? V : R;
     Pe === 1 ? (X(!0), vt(2), we(A), pe("B"), ct(!0)) : Pe === 2 && (vt(3), Be(A), pe("C"));
   }, [Pe, V, R, X]), pn = S((A) => {
-    A === "C" ? (vt(2), Be(null), Re(null), Ze(null), Ne(null), xe(null), He(null), te === "C" && pe("B")) : A === "B" && Pe === 2 && (X(!1), vt(1), we(null), Te(null), _e(null), be(null), ne(null), Me(null), pe("A"), ct(!1), tt({
+    A === "C" ? (vt(2), Be(null), Re(null), Ze(null), Ne(null), xe(null), He(null), te === "C" && pe("B")) : A === "B" && Pe === 2 && (X(!1), vt(1), we(null), Te(null), _e(null), be(null), ae(null), Me(null), pe("A"), ct(!1), tt({
       compareEnabled: !1,
       rangeCount: 1,
       lastPresetB: null,
       lastPresetC: null
     }));
   }, [Pe, te, X, tt]), qa = S(() => {
-    X(!1), vt(1), pe("A"), ct(!1), we(null), Te(null), _e(null), be(null), ne(null), Me(null), Be(null), Re(null), Ze(null), Ne(null), xe(null), He(null), tt({
+    X(!1), vt(1), pe("A"), ct(!1), we(null), Te(null), _e(null), be(null), ae(null), Me(null), Be(null), Re(null), Ze(null), Ne(null), xe(null), He(null), tt({
       compareEnabled: !1,
       rangeCount: 1,
       lastPresetB: null,
@@ -7625,7 +7634,7 @@ const Od = {
     }
     I("calendar"), Va(new Date(A));
   }, [ze, dt, fe]);
-  ie(() => {
+  oe(() => {
     g && zt({
       label: g.label || "",
       startDate: g.startDate?.toISOString().split("T")[0] || "",
@@ -7705,16 +7714,16 @@ const Od = {
   }, [V, R, X]), xr = S(({ label: A, isActive: F, presetName: Q, dateRange: re, color: le, onSelect: ue, onRemove: $e }) => {
     const vn = !Q || Q === "Select...";
     return /* @__PURE__ */ d(
-      ae,
+      se,
       {
         className: `range-card range-card--${le} ${F ? "range-card--active" : ""} ${vn ? "range-card--empty" : ""}`,
         onClick: ue,
         children: [
-          /* @__PURE__ */ e(ae, { className: "range-card__color-bar" }),
-          /* @__PURE__ */ d(ae, { className: "range-card__content", children: [
-            /* @__PURE__ */ d(ae, { className: "range-card__header", children: [
+          /* @__PURE__ */ e(se, { className: "range-card__color-bar" }),
+          /* @__PURE__ */ d(se, { className: "range-card__content", children: [
+            /* @__PURE__ */ d(se, { className: "range-card__header", children: [
               /* @__PURE__ */ e(Ie, { className: "range-card__label", children: A }),
-              /* @__PURE__ */ e(ae, { className: `range-card__indicator ${F ? "range-card__indicator--active" : ""}` })
+              /* @__PURE__ */ e(se, { className: `range-card__indicator ${F ? "range-card__indicator--active" : ""}` })
             ] }),
             vn ? /* @__PURE__ */ e(Ie, { className: "range-card__preset", sx: { color: "#9ca3af", fontStyle: "italic" }, children: "Select a date range" }) : /* @__PURE__ */ d(Ge, { children: [
               /* @__PURE__ */ e(Ie, { className: "range-card__preset", children: Q }),
@@ -7736,7 +7745,7 @@ const Od = {
         ]
       }
     );
-  }, []), yn = /* @__PURE__ */ e(ae, { sx: { position: "relative", display: "inline-flex" }, children: /* @__PURE__ */ e(
+  }, []), yn = /* @__PURE__ */ e(se, { sx: { position: "relative", display: "inline-flex" }, children: /* @__PURE__ */ e(
     rt,
     {
       ref: C,
@@ -7775,13 +7784,13 @@ const Od = {
           color: "secondary.main"
         } : {}
       },
-      children: U && Ya ? /* @__PURE__ */ d(ae, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+      children: U && Ya ? /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
         /* @__PURE__ */ e(Wi, { sx: { fontSize: 14, color: "secondary.main" } }),
         /* @__PURE__ */ e("span", { children: "Compare" })
       ] }) : Ka
     }
   ) });
-  return /* @__PURE__ */ d(ae, { className: "hybrid-date-picker", sx: l, children: [
+  return /* @__PURE__ */ d(se, { className: "hybrid-date-picker", sx: l, children: [
     ln ? /* @__PURE__ */ e(
       ft,
       {
@@ -7798,7 +7807,7 @@ const Od = {
     (() => {
       const A = /* @__PURE__ */ d(Ge, { children: [
         s && /* @__PURE__ */ d(
-          ae,
+          se,
           {
             sx: {
               display: "flex",
@@ -7824,8 +7833,8 @@ const Od = {
             ]
           }
         ),
-        We && /* @__PURE__ */ e(ae, { className: "hybrid-date-picker__active-banner", children: /* @__PURE__ */ d(
-          ae,
+        We && /* @__PURE__ */ e(se, { className: "hybrid-date-picker__active-banner", children: /* @__PURE__ */ d(
+          se,
           {
             className: `hybrid-date-picker__active-banner-content ${gt(We.id) ? "hybrid-date-picker__active-banner-content--selected" : ""}`,
             onClick: () => At(We.id),
@@ -7835,10 +7844,10 @@ const Od = {
               }
             },
             children: [
-              /* @__PURE__ */ d(ae, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+              /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                 /* @__PURE__ */ e(Br, { fontSize: "small", sx: { color: "success.main" } }),
-                /* @__PURE__ */ d(ae, { children: [
-                  /* @__PURE__ */ d(ae, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                /* @__PURE__ */ d(se, { children: [
+                  /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                     /* @__PURE__ */ e(Ie, { variant: "body2", fontWeight: 500, children: We.label }),
                     /* @__PURE__ */ e(
                       Wt,
@@ -7862,7 +7871,7 @@ const Od = {
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ d(ae, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+              /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
                 gt(We.id) && /* @__PURE__ */ e(Dt, { fontSize: "small", sx: { color: "success.main" } }),
                 /* @__PURE__ */ e(
                   Ue,
@@ -7885,7 +7894,7 @@ const Od = {
             ]
           }
         ) }),
-        /* @__PURE__ */ d(ae, { className: "hybrid-date-picker__quick-bar", children: [
+        /* @__PURE__ */ d(se, { className: "hybrid-date-picker__quick-bar", children: [
           /* @__PURE__ */ e(
             Wt,
             {
@@ -7952,7 +7961,7 @@ const Od = {
               children: [
                 /* @__PURE__ */ e(Br, { sx: { fontSize: 16 } }),
                 We && /* @__PURE__ */ e(
-                  ae,
+                  se,
                   {
                     sx: {
                       position: "absolute",
@@ -7970,7 +7979,7 @@ const Od = {
             }
           ) })
         ] }),
-        /* @__PURE__ */ d(ae, { className: "hybrid-date-picker__content", children: [
+        /* @__PURE__ */ d(se, { className: "hybrid-date-picker__content", children: [
           k === "calendar" && (() => {
             const F = U && te === "C" ? it : U && te === "B" ? st : ze, Q = U && te === "C" ? Pt : U && te === "B" ? Et : Tt, re = U && te === "C" ? Bt : U && te === "B" ? Mt : dt;
             return /* @__PURE__ */ e(
@@ -7986,7 +7995,7 @@ const Od = {
               }
             );
           })(),
-          k === "markets" && /* @__PURE__ */ d(ae, { className: "hybrid-date-picker__markets-list", children: [
+          k === "markets" && /* @__PURE__ */ d(se, { className: "hybrid-date-picker__markets-list", children: [
             /* @__PURE__ */ e(Ie, { className: "hybrid-date-picker__events-section-header", children: "Market Events" }),
             an.filter((F) => !We || F.id !== We.id).map((F) => /* @__PURE__ */ e(
               Ot,
@@ -8070,7 +8079,7 @@ const Od = {
               },
               F.id
             )),
-            /* @__PURE__ */ e(ae, { className: "hybrid-date-picker__markets-list-add", children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(se, { className: "hybrid-date-picker__markets-list-add", children: /* @__PURE__ */ e(
               rt,
               {
                 fullWidth: !0,
@@ -8092,16 +8101,16 @@ const Od = {
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ e(ae, { className: "hybrid-date-picker__footer", children: U ? (
+        /* @__PURE__ */ e(se, { className: "hybrid-date-picker__footer", children: U ? (
           /* States 2, 3, 4: Comparing - show collapsible drawer */
-          /* @__PURE__ */ d(ae, { sx: { width: "100%" }, children: [
+          /* @__PURE__ */ d(se, { sx: { width: "100%" }, children: [
             /* @__PURE__ */ d(
-              ae,
+              se,
               {
                 className: "hybrid-date-picker__footer-drawer-trigger",
                 onClick: rs,
                 children: [
-                  /* @__PURE__ */ d(ae, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                  /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                     /* @__PURE__ */ e(
                       lr,
                       {
@@ -8112,7 +8121,7 @@ const Od = {
                     /* @__PURE__ */ d(Ie, { variant: "body2", fontWeight: 500, color: "text.primary", component: "span", sx: { display: "flex", alignItems: "center", gap: 0.25, flexWrap: "nowrap" }, children: [
                       "Comparing:",
                       /* @__PURE__ */ d(
-                        ae,
+                        se,
                         {
                           component: "span",
                           className: "hybrid-date-picker__footer-drawer-range-label",
@@ -8121,14 +8130,14 @@ const Od = {
                           },
                           sx: { ml: 0.5 },
                           children: [
-                            /* @__PURE__ */ e(ae, { component: "span", sx: { color: "#2563EB", fontSize: 10, mr: 0.25, lineHeight: 1 }, children: "●" }),
+                            /* @__PURE__ */ e(se, { component: "span", sx: { color: "#2563EB", fontSize: 10, mr: 0.25, lineHeight: 1 }, children: "●" }),
                             _t(ze)
                           ]
                         }
                       ),
                       " vs ",
                       /* @__PURE__ */ d(
-                        ae,
+                        se,
                         {
                           component: "span",
                           className: "hybrid-date-picker__footer-drawer-range-label",
@@ -8136,7 +8145,7 @@ const Od = {
                             F.stopPropagation(), ct(!0), pe("B");
                           },
                           children: [
-                            /* @__PURE__ */ e(ae, { component: "span", sx: { color: "#10B981", fontSize: 10, mr: 0.25, lineHeight: 1 }, children: "●" }),
+                            /* @__PURE__ */ e(se, { component: "span", sx: { color: "#10B981", fontSize: 10, mr: 0.25, lineHeight: 1 }, children: "●" }),
                             _t(st)
                           ]
                         }
@@ -8144,7 +8153,7 @@ const Od = {
                       Pe === 3 && /* @__PURE__ */ d(Ge, { children: [
                         " vs ",
                         /* @__PURE__ */ d(
-                          ae,
+                          se,
                           {
                             component: "span",
                             className: "hybrid-date-picker__footer-drawer-range-label",
@@ -8152,7 +8161,7 @@ const Od = {
                               F.stopPropagation(), ct(!0), pe("C");
                             },
                             children: [
-                              /* @__PURE__ */ e(ae, { component: "span", sx: { color: "#F59E0B", fontSize: 10, mr: 0.25, lineHeight: 1 }, children: "●" }),
+                              /* @__PURE__ */ e(se, { component: "span", sx: { color: "#F59E0B", fontSize: 10, mr: 0.25, lineHeight: 1 }, children: "●" }),
                               _t(it)
                             ]
                           }
@@ -8160,7 +8169,7 @@ const Od = {
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ d(ae, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                  /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
                     Pe < 3 && /* @__PURE__ */ e(
                       Ue,
                       {
@@ -8189,7 +8198,7 @@ const Od = {
                 ]
               }
             ),
-            /* @__PURE__ */ e(bi, { in: rn, children: /* @__PURE__ */ d(ae, { className: "hybrid-date-picker__footer-drawer-content", children: [
+            /* @__PURE__ */ e(bi, { in: rn, children: /* @__PURE__ */ d(se, { className: "hybrid-date-picker__footer-drawer-content", children: [
               /* @__PURE__ */ e(
                 xr,
                 {
@@ -8226,9 +8235,9 @@ const Od = {
                   onRemove: () => pn("C")
                 }
               ),
-              Pe < 3 && /* @__PURE__ */ e(ae, { className: "range-card-add", onClick: mn, children: /* @__PURE__ */ e(Ft, { sx: { fontSize: 20, color: "grey.500" } }) })
+              Pe < 3 && /* @__PURE__ */ e(se, { className: "range-card-add", onClick: mn, children: /* @__PURE__ */ e(Ft, { sx: { fontSize: 20, color: "grey.500" } }) })
             ] }) }),
-            /* @__PURE__ */ e(ae, { className: "hybrid-date-picker__footer-row", sx: { justifyContent: "flex-end" }, children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(se, { className: "hybrid-date-picker__footer-row", sx: { justifyContent: "flex-end" }, children: /* @__PURE__ */ e(
               rt,
               {
                 variant: "contained",
@@ -8247,8 +8256,8 @@ const Od = {
           ] })
         ) : (
           /* State 1: No comparison - show Close link or + TimeFrame button */
-          /* @__PURE__ */ d(ae, { className: "hybrid-date-picker__footer-row", children: [
-            /* @__PURE__ */ e(ae, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: n ? /* @__PURE__ */ e(ft, { title: "Add a second time frame to compare data across different periods", arrow: !0, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ d(se, { className: "hybrid-date-picker__footer-row", children: [
+            /* @__PURE__ */ e(se, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: n ? /* @__PURE__ */ e(ft, { title: "Add a second time frame to compare data across different periods", arrow: !0, children: /* @__PURE__ */ e(
               rt,
               {
                 size: "small",
@@ -8287,7 +8296,7 @@ const Od = {
                 children: "Close"
               }
             ) }),
-            /* @__PURE__ */ d(ae, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+            /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
               /* @__PURE__ */ e(
                 Ie,
                 {
@@ -8340,7 +8349,7 @@ const Od = {
         ) })
       ] });
       return i ? /* @__PURE__ */ e(
-        ae,
+        se,
         {
           sx: {
             width: bn,
@@ -8397,7 +8406,7 @@ const Od = {
             /* @__PURE__ */ e(Ue, { size: "small", onClick: () => E(null), children: /* @__PURE__ */ e(wt, { fontSize: "small" }) })
           ] }),
           /* @__PURE__ */ d(xi, { sx: { px: 2, py: 1.5 }, children: [
-            /* @__PURE__ */ d(ae, { className: "market-edit-modal__field", children: [
+            /* @__PURE__ */ d(se, { className: "market-edit-modal__field", children: [
               /* @__PURE__ */ e(Ie, { variant: "caption", fontWeight: 500, color: "text.secondary", component: "label", children: "Name" }),
               /* @__PURE__ */ e(
                 nr,
@@ -8411,8 +8420,8 @@ const Od = {
                 }
               )
             ] }),
-            /* @__PURE__ */ d(ae, { className: "market-edit-modal__row", sx: { mt: 2 }, children: [
-              /* @__PURE__ */ d(ae, { children: [
+            /* @__PURE__ */ d(se, { className: "market-edit-modal__row", sx: { mt: 2 }, children: [
+              /* @__PURE__ */ d(se, { children: [
                 /* @__PURE__ */ e(Ie, { variant: "caption", fontWeight: 500, color: "text.secondary", component: "label", children: "Start Date" }),
                 /* @__PURE__ */ e(
                   nr,
@@ -8426,7 +8435,7 @@ const Od = {
                   }
                 )
               ] }),
-              /* @__PURE__ */ d(ae, { children: [
+              /* @__PURE__ */ d(se, { children: [
                 /* @__PURE__ */ e(Ie, { variant: "caption", fontWeight: 500, color: "text.secondary", component: "label", children: "End Date" }),
                 /* @__PURE__ */ e(
                   nr,
@@ -8441,7 +8450,7 @@ const Od = {
                 )
               ] })
             ] }),
-            /* @__PURE__ */ d(ae, { className: "market-edit-modal__field", sx: { mt: 2 }, children: [
+            /* @__PURE__ */ d(se, { className: "market-edit-modal__field", sx: { mt: 2 }, children: [
               /* @__PURE__ */ e(Ie, { variant: "caption", fontWeight: 500, color: "text.secondary", component: "label", children: "Location" }),
               /* @__PURE__ */ e(
                 nr,
@@ -8457,7 +8466,7 @@ const Od = {
             ] })
           ] }),
           /* @__PURE__ */ d(Ni, { sx: { px: 2, py: 1.5, justifyContent: "space-between", bgcolor: "grey.50" }, children: [
-            g.isNew ? /* @__PURE__ */ e(ae, {}) : /* @__PURE__ */ e(
+            g.isNew ? /* @__PURE__ */ e(se, {}) : /* @__PURE__ */ e(
               rt,
               {
                 size: "small",
@@ -8467,7 +8476,7 @@ const Od = {
                 children: "Delete"
               }
             ),
-            /* @__PURE__ */ d(ae, { sx: { display: "flex", gap: 1 }, children: [
+            /* @__PURE__ */ d(se, { sx: { display: "flex", gap: 1 }, children: [
               /* @__PURE__ */ e(
                 rt,
                 {
@@ -8495,7 +8504,7 @@ const Od = {
     )
   ] });
 };
-Ld.displayName = "HybridDatePicker";
+Hd.displayName = "HybridDatePicker";
 const Wn = {
   rolling: [
     { id: "7D", label: "7D" },
@@ -8667,7 +8676,7 @@ const Mr = [
       a
     ] })
   ] }) });
-}, ir = (r) => r && typeof r == "object" && "rangeA" in r, Hd = ({
+}, ir = (r) => r && typeof r == "object" && "rangeA" in r, Wd = ({
   value: r,
   onChange: t,
   preferences: n,
@@ -8698,15 +8707,15 @@ const Mr = [
       }
     }
   }, [w, R, t, a, n]);
-  ie(() => {
+  oe(() => {
     _ && k(ir(r));
-  }, [_, r]), ie(() => {
+  }, [_, r]), oe(() => {
     o !== void 0 && k(o);
   }, [o]);
   const L = S((G) => {
     Promise.resolve().then(() => t(G));
-  }, [t]), P = se(!1);
-  ie(() => {
+  }, [t]), P = ie(!1);
+  oe(() => {
     if (_) {
       if (!P.current) {
         P.current = !0;
@@ -8875,8 +8884,8 @@ const Mr = [
     ] })
   ] }) });
 };
-Hd.displayName = "TimeFrame";
-function Wd({
+Wd.displayName = "TimeFrame";
+function Gd({
   sections: r,
   onCommit: t,
   onCancel: n,
@@ -8934,7 +8943,7 @@ function Wd({
     }
   );
 }
-function Gd(r, t, n) {
+function Vd(r, t, n) {
   if (r < 0 || r >= t) return null;
   const a = r % n, s = Math.floor(r / n), o = Math.ceil(t / n), i = [];
   if (a + 1 < n && i.push(r + 1), s + 1 < o && i.push(r + n), a - 1 >= 0 && i.push(r - 1), s - 1 >= 0 && i.push(r - n), i.length === 0) return null;
@@ -8942,7 +8951,7 @@ function Gd(r, t, n) {
     if (c >= t) return c;
   return i[0];
 }
-function Vd({ id: r, colSpan: t, staggerDelay: n, children: a, dimCover: s }) {
+function jd({ id: r, colSpan: t, staggerDelay: n, children: a, dimCover: s }) {
   const {
     attributes: o,
     listeners: i,
@@ -8971,7 +8980,7 @@ function Vd({ id: r, colSpan: t, staggerDelay: n, children: a, dimCover: s }) {
     }
   );
 }
-function jd({ currentPage: r, totalPages: t, onPageChange: n }) {
+function Kd({ currentPage: r, totalPages: t, onPageChange: n }) {
   if (t <= 1) return null;
   const a = r > 0, s = r < t - 1;
   return /* @__PURE__ */ d("div", { className: "gloss-grid__pagination", children: [
@@ -9007,15 +9016,15 @@ function jd({ currentPage: r, totalPages: t, onPageChange: n }) {
     )
   ] });
 }
-const Kd = 30, Yd = {
+const Yd = 30, Ud = {
   initial: { opacity: 0, scale: 0.95 },
   animate: { opacity: 1, scale: 1 },
   exit: { opacity: 0, scale: 0.95 }
-}, Ud = {
-  duration: dd.extrude / 1e3,
+}, Xd = {
+  duration: ud.extrude / 1e3,
   // seconds, per framer-motion contract
   ease: [0.22, 1, 0.36, 1]
-}, Xd = q.memo(function({
+}, qd = q.memo(function({
   cards: t,
   cardOrder: n,
   layout: a,
@@ -9025,7 +9034,7 @@ const Kd = 30, Yd = {
   renderEmptySlot: c,
   configSections: l = []
 }) {
-  const [u, m] = O(null), p = cd(), f = p?.activeCardId ?? null, y = Qi(
+  const [u, m] = O(null), p = dd(), f = p?.activeCardId ?? null, y = Qi(
     kn(eo, { activationConstraint: { distance: 5 } }),
     kn(to, { coordinateGetter: so })
   ), b = S((x) => {
@@ -9044,7 +9053,7 @@ const Kd = 30, Yd = {
     if (!f) return null;
     const x = C.findIndex((L) => L.id === f);
     if (x === -1) return null;
-    const D = Gd(x, C.length, a.columns);
+    const D = Vd(x, C.length, a.columns);
     if (D === null) return null;
     const N = D >= C.length, R = !N, z = R ? C[D]?.id ?? null : null;
     return { activeIndex: x, extrudeIndex: D, isEmptySlot: N, isDimCover: R, dimCoverId: z };
@@ -9073,11 +9082,11 @@ const Kd = 30, Yd = {
                 C.map((x, D) => {
                   const N = I?.isDimCover === !0 && I.dimCoverId === x.id;
                   return /* @__PURE__ */ e(
-                    Vd,
+                    jd,
                     {
                       id: x.id,
                       colSpan: x.colSpan,
-                      staggerDelay: `${D * Kd}ms`,
+                      staggerDelay: `${D * Yd}ms`,
                       dimCover: N,
                       children: i(x)
                     },
@@ -9090,11 +9099,11 @@ const Kd = 30, Yd = {
                   return /* @__PURE__ */ e(
                     Ct.div,
                     {
-                      variants: Yd,
+                      variants: Ud,
                       initial: "initial",
                       animate: "animate",
                       exit: "exit",
-                      transition: Ud,
+                      transition: Xd,
                       style: {
                         // Grid placement: pin to computed extrude slot. No
                         // width/height animation (AN-01 — transform+opacity only).
@@ -9103,7 +9112,7 @@ const Kd = 30, Yd = {
                         gridColumn: `${x} / span 1`
                       },
                       children: /* @__PURE__ */ e(
-                        Wd,
+                        Gd,
                         {
                           sections: l,
                           onCommit: () => p?.commitConfig(),
@@ -9131,7 +9140,7 @@ const Kd = 30, Yd = {
       }
     ),
     /* @__PURE__ */ e(
-      jd,
+      Kd,
       {
         currentPage: a.currentPage,
         totalPages: a.totalPages,
@@ -9140,8 +9149,8 @@ const Kd = 30, Yd = {
     )
   ] });
 });
-Xd.displayName = "MetricCardGrid";
-const qd = q.memo(function({
+qd.displayName = "MetricCardGrid";
+const Zd = q.memo(function({
   tabs: t,
   activeTabId: n,
   onTabChange: a,
@@ -9273,8 +9282,8 @@ const qd = q.memo(function({
     )
   ] });
 });
-qd.displayName = "TabbedDataView";
-const Zd = function(t) {
+Zd.displayName = "TabbedDataView";
+const Jd = function(t) {
   const n = {
     variant: "sparkline",
     label: t.label,
@@ -9300,8 +9309,8 @@ const Zd = function(t) {
     }
   );
 };
-Zd.displayName = "TrendCard";
-const Jd = function(t) {
+Jd.displayName = "TrendCard";
+const Qd = function(t) {
   const n = {
     variant: "bars",
     label: t.label,
@@ -9327,8 +9336,8 @@ const Jd = function(t) {
     }
   );
 };
-Jd.displayName = "BarChartCard";
-const Qd = function(t) {
+Qd.displayName = "BarChartCard";
+const eu = function(t) {
   const n = {
     variant: "donut",
     label: t.label,
@@ -9355,8 +9364,8 @@ const Qd = function(t) {
     }
   );
 };
-Qd.displayName = "DistributionCard";
-const eu = function(t) {
+eu.displayName = "DistributionCard";
+const tu = function(t) {
   const n = {
     variant: "highlight",
     label: t.label,
@@ -9381,8 +9390,8 @@ const eu = function(t) {
     }
   );
 };
-eu.displayName = "HighlightCard";
-const tu = function(t) {
+tu.displayName = "HighlightCard";
+const ru = function(t) {
   const n = {
     variant: "arrow",
     label: t.label,
@@ -9408,8 +9417,8 @@ const tu = function(t) {
     }
   );
 };
-tu.displayName = "DirectionCard";
-const ru = function(t) {
+ru.displayName = "DirectionCard";
+const nu = function(t) {
   const n = {
     variant: "object-arrow",
     label: t.label,
@@ -9435,8 +9444,8 @@ const ru = function(t) {
     }
   );
 };
-ru.displayName = "ProgressCard";
-const nu = function(t) {
+nu.displayName = "ProgressCard";
+const au = function(t) {
   const n = {
     variant: "versus",
     label: t.label,
@@ -9461,8 +9470,8 @@ const nu = function(t) {
     }
   );
 };
-nu.displayName = "ComparisonCard";
-const au = function(t) {
+au.displayName = "ComparisonCard";
+const su = function(t) {
   const n = {
     variant: "segmented",
     label: t.label,
@@ -9487,8 +9496,8 @@ const au = function(t) {
     }
   );
 };
-au.displayName = "SegmentCard";
-const su = function(t) {
+su.displayName = "SegmentCard";
+const iu = function(t) {
   const n = {
     variant: "standard",
     label: t.label,
@@ -9512,7 +9521,7 @@ const su = function(t) {
     }
   );
 };
-su.displayName = "SimpleMetricCard";
+iu.displayName = "SimpleMetricCard";
 const Pr = ({
   type: r,
   className: t = ""
@@ -9589,7 +9598,7 @@ const Pr = ({
   );
 };
 Ba.displayName = "PaymentMethodSelect";
-const iu = (r) => `${r.label || r.street}, ${r.city}`, ou = ({
+const ou = (r) => `${r.label || r.street}, ${r.city}`, lu = ({
   addresses: r,
   value: t,
   onChange: n,
@@ -9619,7 +9628,7 @@ const iu = (r) => `${r.label || r.street}, ${r.city}`, ou = ({
         f.zip
       ] })
     ] }),
-    triggerLabel: s === "short" ? /* @__PURE__ */ e("span", { children: iu(f) }) : /* @__PURE__ */ d("div", { className: "address-trigger-full", children: [
+    triggerLabel: s === "short" ? /* @__PURE__ */ e("span", { children: ou(f) }) : /* @__PURE__ */ d("div", { className: "address-trigger-full", children: [
       f.label && /* @__PURE__ */ e("strong", { children: f.label }),
       /* @__PURE__ */ e("div", { className: "address-trigger-full__name", children: f.name }),
       /* @__PURE__ */ e("div", { className: "address-trigger-full__street", children: f.street }),
@@ -9659,7 +9668,7 @@ const iu = (r) => `${r.label || r.street}, ${r.city}`, ou = ({
     }
   );
 };
-ou.displayName = "AddressSelect";
+lu.displayName = "AddressSelect";
 const Ra = q.forwardRef(
   ({
     onSearch: r,
@@ -9688,7 +9697,7 @@ const Ra = q.forwardRef(
     className: g,
     autoComplete: E
   }, x) => {
-    const D = se(null), [N, R] = O(m ?? ""), [z, L] = O(!1), [P, H] = O(-1), Y = se(null), V = u !== void 0 ? u : N, M = String(V).length > 0, W = z && o && a.length > 0, j = S(
+    const D = ie(null), [N, R] = O(m ?? ""), [z, L] = O(!1), [P, H] = O(-1), Y = ie(null), V = u !== void 0 ? u : N, M = String(V).length > 0, W = z && o && a.length > 0, j = S(
       (X) => {
         const te = X.target.value;
         u === void 0 && R(te), t > 0 ? (Y.current && clearTimeout(Y.current), Y.current = setTimeout(() => {
@@ -9737,13 +9746,13 @@ const Ra = q.forwardRef(
       },
       [b]
     );
-    ie(() => {
+    oe(() => {
       if (!i) return;
       const X = (te) => {
         (te.metaKey || te.ctrlKey) && te.key === c && (te.preventDefault(), D.current?.focus());
       };
       return document.addEventListener("keydown", X), () => document.removeEventListener("keydown", X);
-    }, [i, c]), ie(() => () => {
+    }, [i, c]), oe(() => () => {
       Y.current && clearTimeout(Y.current);
     }, []);
     const U = /* @__PURE__ */ d("div", { className: "gloss-search-input__actions", children: [
@@ -9812,19 +9821,19 @@ const Ra = q.forwardRef(
   }
 );
 Ra.displayName = "SearchInput";
-const lu = [
+const cu = [
   { 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) }
-], cu = (r) => {
+], du = (r) => {
   const t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*";
   let n = "";
   for (let a = 0; a < r; a++)
     n += t.charAt(Math.floor(Math.random() * t.length));
   return n;
-}, du = (r, t) => {
+}, uu = (r, t) => {
   if (!r) return "weak";
   const a = t.filter((s) => s.validate(r)).length / t.length;
   return a < 0.4 ? "weak" : a < 0.6 ? "fair" : a < 0.8 ? "good" : "strong";
@@ -9833,7 +9842,7 @@ const lu = [
     showToggle: r = !0,
     showStrength: t = !1,
     strength: n,
-    strengthRules: a = lu,
+    strengthRules: a = cu,
     showGenerate: s = !1,
     onGenerate: o,
     generateLength: i = 16,
@@ -9854,7 +9863,7 @@ const lu = [
     autoComplete: k = "new-password"
   }, I) => {
     const [g, E] = O(!1), [x, D] = O(String(u ?? "")), N = l !== void 0 ? String(l) : x, R = ee(
-      () => du(N, a),
+      () => uu(N, a),
       [N, a]
     ), z = n ?? R, L = ee(
       () => a.map((j) => ({
@@ -9870,7 +9879,7 @@ const lu = [
     ), H = S(() => {
       E((j) => !j);
     }, []), Y = S(() => {
-      const j = cu(i);
+      const j = du(i);
       o ? o(j) : (l === void 0 && D(j), m?.({
         target: { value: j },
         currentTarget: { value: j }
@@ -9966,7 +9975,7 @@ const lu = [
   }
 );
 ur.displayName = "PasswordInput";
-const uu = q.forwardRef(
+const mu = q.forwardRef(
   ({
     value: r,
     defaultValue: t = [],
@@ -9987,7 +9996,7 @@ const uu = q.forwardRef(
     id: v,
     name: h
   }, C) => {
-    const T = Le(), w = v || T, k = se(null), [I, g] = O(t), [E, x] = O(""), [D, N] = O(null), [R, z] = O(!1), [L, P] = O(-1), H = r !== void 0, Y = H ? r : I, V = E ? l.filter(
+    const T = Le(), w = v || T, k = ie(null), [I, g] = O(t), [E, x] = O(""), [D, N] = O(null), [R, z] = O(!1), [L, P] = O(-1), H = r !== void 0, Y = H ? r : I, V = E ? l.filter(
       (de) => de.toLowerCase().includes(E.toLowerCase()) && (i || !Y.includes(de))
     ) : [], M = R && V.length > 0, W = s === void 0 || Y.length < s, j = S(
       (de) => {
@@ -9996,56 +10005,56 @@ const uu = q.forwardRef(
       [H, n]
     ), G = S(
       (de) => {
-        const ne = de.trim();
-        if (ne) {
+        const ae = de.trim();
+        if (ae) {
           if (!W) {
             N(`Maximum of ${s} tags allowed`);
             return;
           }
-          if (!i && Y.includes(ne)) {
+          if (!i && Y.includes(ae)) {
             N("Duplicate tag");
             return;
           }
-          if (o && ne.length > o) {
+          if (o && ae.length > o) {
             N(`Tag must be ${o} characters or less`);
             return;
           }
           if (c) {
-            const ge = c(ne);
+            const ge = c(ae);
             if (ge !== !0) {
               N(typeof ge == "string" ? ge : "Invalid tag");
               return;
             }
           }
-          N(null), j([...Y, ne]), x(""), P(-1);
+          N(null), j([...Y, ae]), x(""), P(-1);
         }
       },
       [Y, W, s, i, o, c, j]
     ), $ = S(
       (de) => {
-        const ne = Y.filter((ge, Me) => Me !== de);
-        j(ne), N(null);
+        const ae = Y.filter((ge, Me) => Me !== de);
+        j(ae), N(null);
       },
       [Y, j]
     ), K = S(
       (de) => {
-        const ne = de.target.value, ge = a.filter((Me) => Me !== "Enter");
+        const ae = de.target.value, ge = a.filter((Me) => Me !== "Enter");
         for (const Me of ge)
-          if (ne.includes(Me)) {
-            ne.split(Me).forEach((we) => {
+          if (ae.includes(Me)) {
+            ae.split(Me).forEach((we) => {
               we.trim() && G(we);
             });
             return;
           }
-        x(ne), P(-1), N(null);
+        x(ae), P(-1), N(null);
       },
       [a, G]
     ), Z = S(
       (de) => {
         de.key === "Enter" ? (de.preventDefault(), M && L >= 0 ? G(V[L]) : a.includes("Enter") && E.trim() && G(E)) : de.key === "Backspace" && !E && Y.length > 0 ? $(Y.length - 1) : de.key === "ArrowDown" && M ? (de.preventDefault(), P(
-          (ne) => ne < V.length - 1 ? ne + 1 : 0
+          (ae) => ae < V.length - 1 ? ae + 1 : 0
         )) : de.key === "ArrowUp" && M ? (de.preventDefault(), P(
-          (ne) => ne > 0 ? ne - 1 : V.length - 1
+          (ae) => ae > 0 ? ae - 1 : V.length - 1
         )) : de.key === "Escape" && (x(""), P(-1));
       },
       [
@@ -10086,7 +10095,7 @@ const uu = q.forwardRef(
       /* @__PURE__ */ d("div", { className: be, onClick: te, children: [
         h && /* @__PURE__ */ e("input", { type: "hidden", name: h, value: Y.join(",") }),
         /* @__PURE__ */ d("div", { className: "gloss-tag-input__tags", children: [
-          Y.map((de, ne) => /* @__PURE__ */ d("span", { className: "gloss-tag-input__tag", children: [
+          Y.map((de, ae) => /* @__PURE__ */ d("span", { className: "gloss-tag-input__tag", children: [
             /* @__PURE__ */ e("span", { className: "gloss-tag-input__tag-text", children: de }),
             !m && /* @__PURE__ */ e(
               "button",
@@ -10094,14 +10103,14 @@ const uu = q.forwardRef(
                 type: "button",
                 className: "gloss-tag-input__tag-remove",
                 onClick: (ge) => {
-                  ge.stopPropagation(), $(ne);
+                  ge.stopPropagation(), $(ae);
                 },
                 "aria-label": `Remove ${de}`,
                 tabIndex: -1,
                 children: /* @__PURE__ */ e(ve, { name: "x", size: "sm" })
               }
             )
-          ] }, `${de}-${ne}`)),
+          ] }, `${de}-${ae}`)),
           W && /* @__PURE__ */ e(
             "input",
             {
@@ -10122,12 +10131,12 @@ const uu = q.forwardRef(
             }
           )
         ] }),
-        M && /* @__PURE__ */ e("ul", { className: "gloss-tag-input__suggestions", role: "listbox", children: V.map((de, ne) => /* @__PURE__ */ e(
+        M && /* @__PURE__ */ e("ul", { className: "gloss-tag-input__suggestions", role: "listbox", children: V.map((de, ae) => /* @__PURE__ */ e(
           "li",
           {
             role: "option",
-            "aria-selected": ne === L,
-            className: `gloss-tag-input__suggestion ${ne === L ? "gloss-tag-input__suggestion--selected" : ""}`,
+            "aria-selected": ae === L,
+            className: `gloss-tag-input__suggestion ${ae === L ? "gloss-tag-input__suggestion--selected" : ""}`,
             onClick: () => pe(de),
             children: de
           },
@@ -10148,8 +10157,8 @@ const uu = q.forwardRef(
     ] });
   }
 );
-uu.displayName = "TagInput";
-const mu = [
+mu.displayName = "TagInput";
+const pu = [
   { code: "US", name: "United States", dialCode: "+1", format: "(###) ###-####" },
   { code: "CA", name: "Canada", dialCode: "+1", format: "(###) ###-####" },
   { code: "GB", name: "United Kingdom", dialCode: "+44", format: "#### ### ####" },
@@ -10177,7 +10186,7 @@ const mu = [
         nationalNumber: r.slice(a.dialCode.length)
       };
   return { country: null, nationalNumber: r.slice(1) };
-}, pu = (r, t) => {
+}, fu = (r, t) => {
   if (!t) return r;
   const n = r.replace(/\D/g, "");
   let a = "", s = 0;
@@ -10186,13 +10195,13 @@ const mu = [
     o === "#" ? (a += n[s], s++) : a += o;
   }
   return s < n.length && (a += n.slice(s)), a;
-}, Kn = (r) => r.replace(/\D/g, ""), fu = q.forwardRef(
+}, Kn = (r) => r.replace(/\D/g, ""), gu = q.forwardRef(
   ({
     value: r,
     defaultValue: t,
     onChange: n,
     defaultCountry: a = "US",
-    countries: s = mu,
+    countries: s = pu,
     showCountrySelect: o = !0,
     format: i = "national",
     label: c,
@@ -10215,7 +10224,7 @@ const mu = [
     ), [x, D] = O(!1), N = r !== void 0, R = ee(
       () => N ? jn(r || "", s) : null,
       [N, r, s]
-    ), z = R?.country || k, L = R?.nationalNumber || g, P = pu(L, z.format), H = S(
+    ), z = R?.country || k, L = R?.nationalNumber || g, P = fu(L, z.format), H = S(
       (G, $) => {
         const K = Kn($);
         return K ? `${G.dialCode}${K}` : "";
@@ -10309,7 +10318,7 @@ const mu = [
     ] });
   }
 );
-fu.displayName = "PhoneInput";
+gu.displayName = "PhoneInput";
 const za = q.forwardRef(
   (r, t) => {
     const {
@@ -10377,8 +10386,8 @@ function Ur({
   );
 }
 Ur.displayName = "PresetPopover";
-const gu = (r) => String(r), hu = /* @__PURE__ */ e("div", { className: "gloss-autocomplete__empty", children: "No matches found. Try a different search." });
-function bu() {
+const hu = (r) => String(r), bu = /* @__PURE__ */ e("div", { className: "gloss-autocomplete__empty", children: "No matches found. Try a different search." });
+function yu() {
   return /* @__PURE__ */ d("div", { className: "gloss-autocomplete__loading", children: [
     /* @__PURE__ */ e(qe, { name: "loader" }),
     "Loading..."
@@ -10389,10 +10398,10 @@ function Aa(r) {
     options: t,
     value: n,
     onChange: a,
-    getOptionLabel: s = gu,
+    getOptionLabel: s = hu,
     onSearch: o,
     resultSlot: i,
-    emptySlot: c = hu,
+    emptySlot: c = bu,
     loadingSlot: l,
     placeholder: u,
     label: m,
@@ -10403,8 +10412,8 @@ function Aa(r) {
     disabled: _ = !1,
     size: v = "md",
     className: h
-  } = r, [C, T] = O(""), [w, k] = O(!1), [I, g] = O(-1), E = se(null), x = se(null), D = se(null);
-  ie(() => {
+  } = r, [C, T] = O(""), [w, k] = O(!1), [I, g] = O(-1), E = ie(null), x = ie(null), D = ie(null);
+  oe(() => {
     n != null && T(s(n));
   }, [n, s]);
   const N = ee(() => {
@@ -10453,9 +10462,9 @@ function Aa(r) {
     },
     [w, N, I, z]
   );
-  ie(() => {
+  oe(() => {
     I >= 0 && D.current && D.current.querySelectorAll('[role="option"]')[I]?.scrollIntoView({ block: "nearest" });
-  }, [I]), ie(() => () => {
+  }, [I]), oe(() => () => {
     x.current && clearTimeout(x.current);
   }, []);
   const P = S(() => {
@@ -10491,7 +10500,7 @@ function Aa(r) {
         onDismiss: H,
         anchorRef: E,
         placement: "bottom-start",
-        children: b ? l ?? /* @__PURE__ */ e(bu, {}) : N.length === 0 ? c : /* @__PURE__ */ e(
+        children: b ? l ?? /* @__PURE__ */ e(yu, {}) : N.length === 0 ? c : /* @__PURE__ */ e(
           "ul",
           {
             ref: D,
@@ -10542,7 +10551,7 @@ function $a(r) {
     maxSelected: b,
     searchable: _ = !1,
     className: v
-  } = r, [h, C] = O(!1), [T, w] = O(""), [k, I] = O(-1), g = se(null), E = se(null), x = se(null), D = ee(
+  } = r, [h, C] = O(!1), [T, w] = O(""), [k, I] = O(-1), g = ie(null), E = ie(null), x = ie(null), D = ee(
     () => t.filter((W) => n.includes(W.value)),
     [t, n]
   ), N = ee(() => {
@@ -10589,11 +10598,11 @@ function $a(r) {
     },
     [f, h, N, k, z, _, T, n, L]
   );
-  ie(() => {
+  oe(() => {
     k >= 0 && x.current && x.current.querySelectorAll('[role="option"]')[k]?.scrollIntoView({ block: "nearest" });
-  }, [k]), ie(() => {
+  }, [k]), oe(() => {
     h && _ && E.current && E.current.focus();
-  }, [h, _]), ie(() => {
+  }, [h, _]), oe(() => {
     h || (w(""), I(-1));
   }, [h]);
   const H = S(() => {
@@ -10739,20 +10748,20 @@ function $a(r) {
   ] });
 }
 $a.displayName = "MultiSelect";
-const yu = {
+const vu = {
   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" }
-}, vu = {
+}, _u = {
   bg: B.BgMuted,
   color: B.TextSecondary
-}, _u = {
+}, xu = {
   circle: "50%",
   square: Se.Md
 };
-function xu() {
+function Nu() {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -10777,14 +10786,14 @@ function Xr(r) {
   } = r, l = { ...c };
   delete l.className, delete l.style, delete l.definition;
   const u = {
-    ...vu,
-    ...yu[t],
-    radius: _u[n]
+    ..._u,
+    ...vu[t],
+    radius: xu[n]
   }, m = [
     "gloss-preset-avatar",
     `gloss-preset-avatar--${t}`
   ].join(" ");
-  let p = /* @__PURE__ */ e(xu, {});
+  let p = /* @__PURE__ */ e(Nu, {});
   return i ? p = i : o && (p = o), /* @__PURE__ */ e(
     ri,
     {
@@ -10798,7 +10807,7 @@ function Xr(r) {
   );
 }
 Xr.displayName = "PresetAvatar";
-function Nu(r, t) {
+function Su(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(Xr, { src: r.avatarUrl, alt: r.label, size: "sm" }) }) : r.icon ? /* @__PURE__ */ e("div", { className: "gloss-entity-picker__result-icon", children: /* @__PURE__ */ e(qe, { name: r.icon, definition: { size: "sm" } }) }) : null,
     /* @__PURE__ */ d("div", { className: "gloss-entity-picker__result-info", children: [
@@ -10807,13 +10816,13 @@ function Nu(r, t) {
     ] })
   ] });
 }
-const Su = /* @__PURE__ */ e("div", { className: "gloss-entity-picker__empty", children: "No entities found. No matching entities found." });
-function Cu({
+const Cu = /* @__PURE__ */ e("div", { className: "gloss-entity-picker__empty", children: "No entities found. No matching entities found." });
+function wu({
   entities: r,
   value: t,
   onChange: n,
   onSearch: a,
-  resultSlot: s = Nu,
+  resultSlot: s = Su,
   selectedSlot: o,
   placeholder: i = "Search entities...",
   label: c,
@@ -10832,7 +10841,7 @@ function Cu({
       getOptionLabel: (y) => y.label,
       onSearch: a,
       resultSlot: s,
-      emptySlot: Su,
+      emptySlot: Cu,
       placeholder: i,
       label: c,
       isLoading: l,
@@ -10841,7 +10850,7 @@ function Cu({
     }
   ) });
 }
-Cu.displayName = "EntityPicker";
+wu.displayName = "EntityPicker";
 function qr(r) {
   const {
     columns: t,
@@ -11031,12 +11040,12 @@ function qr(r) {
   ] });
 }
 qr.displayName = "DataTable";
-const wu = [
+const ku = [
   { value: "count", label: "Count" },
   { value: "total", label: "Total" },
   { value: "average", label: "Average" }
 ];
-function ku({
+function Du({
   filterDescription: r,
   filterPayload: t,
   onConfirm: n,
@@ -11045,7 +11054,7 @@ function ku({
   const [s, o] = O(!1), { refs: i, floatingStyles: c, context: l } = aa({
     open: s,
     onOpenChange: o
-  }), u = _o(l), m = sa(l), { getReferenceProps: p, getFloatingProps: f } = ia([u, m]);
+  }), u = xo(l), m = sa(l), { getReferenceProps: p, getFloatingProps: f } = ia([u, m]);
   if (a)
     return null;
   const y = (_) => {
@@ -11066,7 +11075,7 @@ function ku({
         children: /* @__PURE__ */ e("span", { className: "pin-to-metric__icon", "aria-hidden": "true", children: "📌" })
       }
     ),
-    s && /* @__PURE__ */ e(oa, { children: /* @__PURE__ */ e(xo, { context: l, children: /* @__PURE__ */ d(
+    s && /* @__PURE__ */ e(oa, { children: /* @__PURE__ */ e(No, { context: l, children: /* @__PURE__ */ d(
       "div",
       {
         ref: i.setFloating,
@@ -11077,7 +11086,7 @@ function ku({
           /* @__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: wu.map(({ value: _, label: v }) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "pin-to-metric__agg-buttons", children: ku.map(({ value: _, label: v }) => /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -11093,13 +11102,13 @@ function ku({
     ) }) })
   ] });
 }
-ku.displayName = "PinToMetric";
-const Du = {
+Du.displayName = "PinToMetric";
+const Iu = {
   sm: "400px",
   md: "560px",
   lg: "720px",
   fullscreen: "100vw"
-}, Iu = {
+}, Tu = {
   portal: !0,
   dismissOnClickOutside: !0,
   dismissOnEscape: !0,
@@ -11111,13 +11120,13 @@ const Du = {
   zIndex: Qn.Modal
 };
 function Zr({ open: r, onDismiss: t, size: n = "md", children: a }) {
-  const s = Du[n];
+  const s = Iu[n];
   return /* @__PURE__ */ d(Ge, { children: [
     r && /* @__PURE__ */ e("div", { className: "gloss-container-dialog__backdrop", "data-density": "default" }),
     /* @__PURE__ */ e(
       ea,
       {
-        definition: Iu,
+        definition: Tu,
         open: r,
         onDismiss: t,
         className: `gloss-container-dialog gloss-container-dialog--${n}`,
@@ -11143,7 +11152,7 @@ const en = q.forwardRef(({ children: r, ...t }, n) => {
   return delete a.className, delete a.style, /* @__PURE__ */ e("div", { ref: n, className: "gloss-container-dialog__actions", ...a, children: /* @__PURE__ */ e(bt, { region: "dialog-actions", children: r }) });
 });
 en.displayName = "ContainerDialogActions";
-function Tu(r) {
+function Eu(r) {
   const {
     open: t,
     onClose: n,
@@ -11185,8 +11194,8 @@ function Tu(r) {
     ] }) })
   ] }) });
 }
-Tu.displayName = "FormDialog";
-const Eu = {
+Eu.displayName = "FormDialog";
+const Mu = {
   body: {
     fontFamily: Ae.FontBody,
     fontSize: Ae.TextBase,
@@ -11209,7 +11218,7 @@ const Eu = {
     letterSpacing: "0.08em",
     color: B.TextSecondary
   }
-}, Mu = {
+}, Pu = {
   xs: { fontSize: Ae.TextXs },
   sm: { fontSize: Ae.TextSm },
   md: { fontSize: Ae.TextBase },
@@ -11224,8 +11233,8 @@ const Eu = {
   } = t, i = { ...o };
   delete i.className, delete i.style, delete i.definition;
   const c = {
-    ...Eu[n],
-    ...Mu[a]
+    ...Mu[n],
+    ...Pu[a]
   }, l = [
     "gloss-preset-text",
     `gloss-preset-text--${n}`
@@ -11242,7 +11251,7 @@ const Eu = {
   );
 };
 Lt.displayName = "PresetText";
-function Pu({
+function Bu({
   open: r,
   cardA: t,
   cardB: n,
@@ -11367,7 +11376,7 @@ function Pu({
     }
   );
 }
-Pu.displayName = "MergePrompt";
+Bu.displayName = "MergePrompt";
 function Fa(r) {
   const {
     steps: t,
@@ -11433,7 +11442,7 @@ const Yn = ye.object({
   email: ye.string().email("Please enter a valid email address"),
   password: ye.string().min(8, "Password must be at least 8 characters"),
   rememberMe: ye.boolean().optional()
-}), sp = {
+}), ip = {
   slug: "login-form",
   displayName: "Login Form",
   description: "A standard authentication form with email, password, remember me checkbox, and forgot password link. Includes Zod validation.",
@@ -11491,7 +11500,7 @@ const Yn = ye.object({
   ],
   version: "1.0.0"
 };
-function ip({
+function op({
   title: r = "Welcome Back",
   subtitle: t = "Sign in to your account",
   submitLabel: n = "Sign In",
@@ -11630,7 +11639,7 @@ function ip({
     ] })
   ] });
 }
-const Bu = [
+const Ru = [
   { value: "AL", label: "Alabama" },
   { value: "AK", label: "Alaska" },
   { value: "AZ", label: "Arizona" },
@@ -11688,7 +11697,7 @@ const Bu = [
   state: ye.string().min(2, "Please select a state"),
   zip: ye.string().regex(/^\d{5}(-\d{4})?$/, "Please enter a valid ZIP code"),
   country: ye.string().default("US")
-}), op = {
+}), lp = {
   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.",
@@ -11734,7 +11743,7 @@ const Bu = [
   ],
   version: "1.0.0"
 };
-function Ru({
+function zu({
   legend: r = "Address",
   compact: t = !1,
   showStreet2: n = !0,
@@ -11882,7 +11891,7 @@ function Ru({
                       w("state")(g), _((E) => ({ ...E, state: !0 }));
                     },
                     disabled: o,
-                    options: Bu
+                    options: Ru
                   }
                 ),
                 C.state && b.state && /* @__PURE__ */ e("span", { className: "gloss-pattern-address-group__error", children: C.state })
@@ -11923,9 +11932,9 @@ function Ru({
     )
   ] });
 }
-const Oa = os(Ru);
+const Oa = os(zu);
 Oa.displayName = "AddressGroup";
-const zu = (r) => {
+const Au = (r) => {
   const t = r.replace(/\s/g, "");
   if (!/^\d{13,19}$/.test(t)) return !1;
   let n = 0, a = !1;
@@ -11935,14 +11944,14 @@ const zu = (r) => {
   }
   return n % 10 === 0;
 }, mr = ye.object({
-  cardNumber: ye.string().min(13, "Card number is too short").refine((r) => zu(r), "Invalid card number"),
+  cardNumber: ye.string().min(13, "Card number is too short").refine((r) => Au(r), "Invalid card number"),
   expiryDate: ye.string().regex(/^(0[1-9]|1[0-2])\s?\/\s?\d{2}$/, "Invalid expiry date (MM/YY)").refine((r) => {
     const [t, n] = r.split("/").map((o) => parseInt(o.trim(), 10)), a = /* @__PURE__ */ new Date();
     return new Date(2e3 + n, t - 1) > a;
   }, "Card has expired"),
   cvv: ye.string().regex(/^\d{3,4}$/, "CVV must be 3 or 4 digits"),
   cardholderName: ye.string().min(2, "Cardholder name is required")
-}), lp = {
+}), cp = {
   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.",
@@ -12006,7 +12015,7 @@ const zu = (r) => {
   ],
   version: "1.0.0"
 };
-function cp({
+function dp({
   title: r = "Payment Details",
   subtitle: t = "Enter your card information",
   submitLabel: n = "Pay",
@@ -12187,7 +12196,7 @@ const Un = ye.object({
 }).refine((r) => r.password === r.confirmPassword, {
   message: "Passwords must match",
   path: ["confirmPassword"]
-}), dp = {
+}), up = {
   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.",
@@ -12239,7 +12248,7 @@ const Un = ye.object({
   ],
   version: "1.0.0"
 };
-function up({
+function mp({
   onSubmit: r,
   onSubmitRaw: t,
   isLoading: n = !1,
@@ -12449,7 +12458,7 @@ const Xn = ye.object({
   email: ye.string().email("Please enter a valid email address"),
   subject: ye.string().min(1, "Subject is required"),
   message: ye.string().min(10, "Message must be at least 10 characters")
-}), mp = {
+}), pp = {
   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.",
@@ -12489,7 +12498,7 @@ const Xn = ye.object({
   ],
   version: "1.0.0"
 };
-function pp({
+function fp({
   onSubmit: r,
   onSubmitRaw: t,
   isLoading: n = !1,
@@ -12645,7 +12654,7 @@ function pp({
     ) })
   ] });
 }
-const Au = ye.object({
+const $u = ye.object({
   paymentMethod: ye.enum(["credit_card", "debit_card", "bank_transfer"]),
   card: mr.optional(),
   billingAddress: Gr,
@@ -12656,7 +12665,7 @@ const Au = ye.object({
     message: "Card details are required for card payments",
     path: ["card"]
   }
-), fp = {
+), gp = {
   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.",
@@ -12696,7 +12705,7 @@ const Au = ye.object({
   ],
   version: "1.0.0"
 };
-function gp({
+function hp({
   onSubmit: r,
   onSubmitRaw: t,
   isLoading: n = !1,
@@ -12717,7 +12726,7 @@ function gp({
     cardholderName: s.card?.cardholderName ?? ""
   }), [b, _] = O({}), [v, h] = O({}), [C, T] = O(
     s.savePaymentMethod ?? !1
-  ), [w, k] = O(), I = se(null), g = m === "credit_card" || m === "debit_card", E = S((z, L) => {
+  ), [w, k] = O(), I = ie(null), g = m === "credit_card" || m === "debit_card", E = S((z, L) => {
     try {
       mr.shape[z].parse(L), _((H) => ({ ...H, [z]: void 0 }));
     } catch (P) {
@@ -12755,7 +12764,7 @@ function gp({
         savePaymentMethod: C
       };
       g && (H.card = f);
-      const Y = Au.safeParse(H);
+      const Y = $u.safeParse(H);
       if (!Y.success) {
         const V = {};
         Y.error.issues.forEach((M) => {
@@ -12916,7 +12925,7 @@ function gp({
     ] })
   ] });
 }
-const hp = {
+const bp = {
   slug: "destructive-modal",
   displayName: "Destructive Modal",
   description: "A confirmation dialog for dangerous actions like delete operations. Supports optional text confirmation for extra safety.",
@@ -12974,7 +12983,7 @@ const hp = {
   ],
   version: "1.0.0"
 };
-function bp({
+function yp({
   isOpen: r,
   onClose: t,
   onConfirm: n,
@@ -12990,7 +12999,7 @@ function bp({
   icon: f = "alert-triangle"
 }) {
   const [y, b] = O("");
-  ie(() => {
+  oe(() => {
     r || b("");
   }, [r]);
   const _ = S(async () => {
@@ -13043,7 +13052,7 @@ function bp({
     ] })
   ] });
 }
-function $u(r) {
+function Fu(r) {
   const {
     onSearch: t,
     filters: n = [],
@@ -13101,8 +13110,8 @@ function $u(r) {
     )
   ] });
 }
-$u.displayName = "EntitySearchPanel";
-function Fu(r) {
+Fu.displayName = "EntitySearchPanel";
+function Ou(r) {
   const {
     name: t,
     subtitle: n,
@@ -13132,8 +13141,8 @@ function Fu(r) {
     ] }, m)) })
   ] }) });
 }
-Fu.displayName = "ProfileCard";
-function Ou(r) {
+Ou.displayName = "ProfileCard";
+function Lu(r) {
   const {
     value: t,
     onChange: n,
@@ -13192,8 +13201,8 @@ function Ou(r) {
     i && /* @__PURE__ */ e("div", { className: "gloss-order-filter-bar__reset", children: /* @__PURE__ */ e(De, { variant: "ghost", size: "sm", onClick: i, children: "Reset" }) })
   ] });
 }
-Ou.displayName = "OrderFilterBar";
-const Lu = {
+Lu.displayName = "OrderFilterBar";
+const Hu = {
   default: {
     fillBg: B.BrandPrimary,
     trackBg: B.Gray200,
@@ -13230,7 +13239,7 @@ function La(r) {
     ...c
   } = r, l = { ...c };
   delete l.className, delete l.style, delete l.definition;
-  const u = Lu[t], m = Math.round(n / (a || 100) * 100), p = [
+  const u = Hu[t], m = Math.round(n / (a || 100) * 100), p = [
     "gloss-preset-progress-bar",
     `gloss-preset-progress-bar--${t}`,
     i !== "none" && `gloss-preset-progress-bar--label-${i}`
@@ -13262,12 +13271,12 @@ function La(r) {
   ] });
 }
 La.displayName = "PresetProgressBar";
-const Hu = [
+const Wu = [
   { key: "upload", label: "Upload" },
   { key: "preview", label: "Preview" },
   { key: "confirm", label: "Confirm" }
 ];
-function Wu(r) {
+function Gu(r) {
   const {
     acceptedTypes: t,
     onFileParsed: n,
@@ -13296,7 +13305,7 @@ function Wu(r) {
     /* @__PURE__ */ e(
       Fa,
       {
-        steps: Hu,
+        steps: Wu,
         activeStep: u,
         onStepChange: m,
         onStepValidate: C,
@@ -13343,8 +13352,8 @@ function Wu(r) {
     _ && /* @__PURE__ */ e("p", { className: "gloss-import-wizard__error", children: _ })
   ] });
 }
-Wu.displayName = "ImportWizard";
-const Gu = q.forwardRef(({ title: r, collapsed: t = !1, onToggle: n, density: a = "default", children: s, ...o }, i) => {
+Gu.displayName = "ImportWizard";
+const Vu = q.forwardRef(({ title: r, collapsed: t = !1, onToggle: n, density: a = "default", children: s, ...o }, i) => {
   const c = { ...o };
   return delete c.className, delete c.style, /* @__PURE__ */ d(
     "div",
@@ -13375,7 +13384,7 @@ const Gu = q.forwardRef(({ title: r, collapsed: t = !1, onToggle: n, density: a
     }
   );
 });
-Gu.displayName = "ContainerPanel";
+Vu.displayName = "ContainerPanel";
 function Xt(...r) {
   return (t) => {
     for (const n of r)
@@ -13388,7 +13397,7 @@ function pr(r, t) {
       r(n), t(n);
     } : r : t ?? void 0;
 }
-const Vu = q.forwardRef(
+const ju = q.forwardRef(
   ({ onAction: r, disabled: t = !1, role: n = "button", children: a }, s) => {
     const o = q.Children.only(a), i = (u) => {
       t || (u.key === "Enter" || u.key === " ") && (u.preventDefault(), r?.(u));
@@ -13405,8 +13414,8 @@ const Vu = q.forwardRef(
     });
   }
 );
-Vu.displayName = "Actionable";
-const ju = q.forwardRef(
+ju.displayName = "Actionable";
+const Ku = q.forwardRef(
   ({ selected: r = !1, onSelect: t, disabled: n = !1, showCheckbox: a = !1, children: s }, o) => {
     const i = q.Children.only(s), c = S((p) => {
       n || t?.(!r, p);
@@ -13446,17 +13455,17 @@ const ju = q.forwardRef(
     ] }) : m;
   }
 );
-ju.displayName = "Selectable";
-const Ku = q.forwardRef(
+Ku.displayName = "Selectable";
+const Yu = q.forwardRef(
   ({ onDismiss: r, dismissOnEscape: t = !0, dismissOnClickOutside: n = !0, showCloseButton: a = !1, disabled: s = !1, children: o }, i) => {
-    const c = q.Children.only(o), l = se(null);
-    ie(() => {
+    const c = q.Children.only(o), l = ie(null);
+    oe(() => {
       if (s || !t || !r) return;
       const p = (f) => {
         f.key === "Escape" && (f.stopPropagation(), r());
       };
       return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
-    }, [s, t, r]), ie(() => {
+    }, [s, t, r]), oe(() => {
       if (s || !n || !r) return;
       const p = (y) => {
         l.current && !l.current.contains(y.target) && r();
@@ -13502,14 +13511,14 @@ const Ku = q.forwardRef(
     ] }) : m;
   }
 );
-Ku.displayName = "Dismissible";
+Yu.displayName = "Dismissible";
 let tn = null, Ha = null;
 try {
   const r = require("@dnd-kit/sortable");
   tn = r.useSortable || r.default && r.default.useSortable, Ha = (r.CSS || r.default && r.default.CSS)?.Transform?.toString ?? null;
 } catch {
 }
-const Yu = q.forwardRef(
+const Uu = q.forwardRef(
   ({ id: r, disabled: t = !1, children: n }, a) => {
     const s = q.Children.only(n);
     return tn ? /* @__PURE__ */ e(Wa, { id: r, disabled: t, outerRef: a, children: s }) : q.cloneElement(s, {
@@ -13517,7 +13526,7 @@ const Yu = q.forwardRef(
     });
   }
 );
-Yu.displayName = "Sortable";
+Uu.displayName = "Sortable";
 function Wa({ id: r, disabled: t, outerRef: n, children: a }) {
   const {
     attributes: s,
@@ -13550,7 +13559,7 @@ try {
   Vr = r.motion?.div ?? null, jr = r.AnimatePresence ?? null;
 } catch {
 }
-const Uu = q.forwardRef(
+const Xu = q.forwardRef(
   ({ expanded: r, trigger: t, onToggle: n, duration: a = 0.2, children: s }, o) => {
     const i = () => {
       n?.();
@@ -13574,181 +13583,181 @@ const Uu = q.forwardRef(
     ] });
   }
 );
-Uu.displayName = "Expandable";
+Xu.displayName = "Expandable";
 export {
-  Cc as $,
-  Jl as A,
+  wc as $,
+  Ql as A,
   la as B,
-  Mo as C,
-  rc as D,
-  nc as E,
-  Ql as F,
-  Po as G,
-  ac as H,
-  Ll as I,
-  ec as J,
+  Po as C,
+  nc as D,
+  ac as E,
+  ec as F,
+  Bo as G,
+  sc as H,
+  Hl as I,
+  tc as J,
   ya as K,
   Yr as L,
-  Wl as M,
-  uc as N,
-  mc as O,
+  Gl as M,
+  mc as N,
+  pc as O,
   De as P,
-  pc as Q,
-  $o as R,
-  kl as S,
-  fc as T,
-  bc as U,
-  yc as V,
-  _c as W,
-  xc as X,
-  Nc as Y,
+  fc as Q,
+  Fo as R,
+  Dl as S,
+  gc as T,
+  yc as U,
+  vc as V,
+  xc as W,
+  Nc as X,
+  Sc as Y,
   va as Z,
-  Sc as _,
-  ko as a,
+  Cc as _,
+  Do as a,
   Zr as a$,
-  kc as a0,
-  wc as a1,
-  Dc as a2,
+  Dc as a0,
+  kc as a1,
+  Ic as a2,
   Da as a3,
-  Zm as a4,
-  Jm as a5,
-  rd as a6,
-  Zd as a7,
-  Jd as a8,
-  Qd as a9,
-  op as aA,
+  Jm as a4,
+  Qm as a5,
+  nd as a6,
+  Jd as a7,
+  Qd as a8,
+  eu as a9,
+  lp as aA,
   Gr as aB,
-  cp as aC,
-  lp as aD,
+  dp as aC,
+  cp as aD,
   mr as aE,
-  bp as aF,
-  hp as aG,
-  up as aH,
-  dp as aI,
+  yp as aF,
+  bp as aG,
+  mp as aH,
+  up as aI,
   Un as aJ,
-  gp as aK,
-  fp as aL,
-  Au as aM,
-  pp as aN,
-  mp as aO,
+  hp as aK,
+  gp as aL,
+  $u as aM,
+  fp as aN,
+  pp as aO,
   Xn as aP,
-  $u as aQ,
-  Fu as aR,
-  Ou as aS,
-  Wu as aT,
+  Fu as aQ,
+  Ou as aR,
+  Lu as aS,
+  Gu as aT,
   ma as aU,
   Je as aV,
   Qe as aW,
   Dr as aX,
-  Um as aY,
-  Xm as aZ,
-  qm as a_,
-  eu as aa,
-  tu as ab,
-  ru as ac,
-  nu as ad,
-  au as ae,
-  su as af,
+  Xm as aY,
+  qm as aZ,
+  Zm as a_,
+  tu as aa,
+  ru as ab,
+  nu as ac,
+  au as ad,
+  su as ae,
+  iu as af,
   Ba as ag,
-  ou as ah,
+  lu as ah,
   Ra as ai,
   ur as aj,
-  uu as ak,
-  fu as al,
+  mu as ak,
+  gu as al,
   za as am,
   Aa as an,
   $a as ao,
-  Cu as ap,
+  wu as ap,
   qr as aq,
-  Tu as ar,
-  Pu as as,
-  Wd as at,
-  ku as au,
+  Eu as ar,
+  Bu as as,
+  Gd as at,
+  Du as au,
   Fa as av,
-  ip as aw,
-  sp as ax,
+  op as aw,
+  ip as ax,
   Yn as ay,
   Oa as az,
   ot as b,
   Jr as b0,
   Qr as b1,
   en as b2,
-  Gu as b3,
+  Vu as b3,
   Xt as b4,
   pr as b5,
-  Vu as b6,
-  ju as b7,
-  Ku as b8,
-  Yu as b9,
+  ju as b6,
+  Ku as b7,
+  Yu as b8,
+  Uu as b9,
   Hr as bA,
   Lr as bB,
-  Id as bC,
-  zd as bD,
-  Md as bE,
-  ap as bF,
-  tp as bG,
-  rp as bH,
-  np as bI,
-  Ld as bJ,
-  Hd as bK,
+  Td as bC,
+  Ad as bD,
+  Pd as bE,
+  sp as bF,
+  rp as bG,
+  np as bH,
+  ap as bI,
+  Hd as bJ,
+  Wd as bK,
   Ma as bL,
   Wr as bM,
   Ot as bN,
   Pa as bO,
-  Xd as bP,
-  qd as bQ,
+  qd as bP,
+  Zd as bQ,
   Lt as bR,
   Xr as bS,
   La as bT,
   Ur as bU,
-  Uu as ba,
+  Xu as ba,
   cr as bb,
-  Ic as bc,
-  Tc as bd,
-  Ec as be,
-  Mc as bf,
+  Tc as bc,
+  Ec as bd,
+  Mc as be,
+  Pc as bf,
   nt as bg,
   at as bh,
   Ia as bi,
   Ar as bj,
-  sd as bk,
+  id as bk,
   ka as bl,
-  Ac as bm,
+  $c as bm,
   fr as bn,
   Na as bo,
   Sa as bp,
   Ca as bq,
-  ld as br,
-  Qm as bs,
-  ep as bt,
-  cd as bu,
-  dd as bv,
-  _d as bw,
-  Td as bx,
+  cd as br,
+  ep as bs,
+  tp as bt,
+  dd as bu,
+  ud as bv,
+  xd as bw,
+  Ed as bx,
   Ta as by,
   Ea as bz,
   dr as c,
-  Fo as d,
-  Ao as e,
-  Ho as f,
+  Oo as d,
+  $o as e,
+  Wo as f,
   Vt as g,
   ua as h,
-  Xo as i,
-  Jo as j,
-  ol as k,
-  ul as l,
+  qo as i,
+  Qo as j,
+  ll as k,
+  ml as l,
   pa as m,
   fa as n,
-  xl as o,
-  Cl as p,
-  El as q,
+  Nl as o,
+  wl as p,
+  Ml as q,
   Ee as r,
   ha as s,
-  Ol as t,
-  Eo as u,
-  Hl as v,
+  Ll as t,
+  Mo as u,
+  Wl as v,
   jt as w,
   It as x,
   ba as y,
-  tc as z
+  rc as z
 };