@mt-gloss/ui 0.1.64 → 0.1.65

package/{Expandable-DyUAv0HO.js → Expandable-Cw5hNNjT.js}

@@ -1,8 +1,8 @@
 import { jsxs as d, jsx as e, Fragment as We } from "react/jsx-runtime";
 import * as mr from "react";
 import q, { useId as Le, useState as H, useCallback as N, createContext as Ut, useContext as Xt, useRef as ce, useEffect as se, useMemo as ee, useSyncExternalStore as is, useReducer as ls, forwardRef as cs, useImperativeHandle as ds } from "react";
-import { S as J, E as Ze, C as R, i as us, R as Ce, l as ms, m as ps, n as fs, aj as gs, Q as hs, t as bs, ad as ys, ak as ve, V as vs, W as Za, X as Ja, Y as _s, _ as xs, $ as Ns, a0 as Ss, a1 as Cs, a2 as ws, a5 as ks, a6 as Ds, a7 as Is, ac as Ts, a8 as Es, a9 as Ms, P as Ps, O as Rs, j as Bs, k as As, a3 as zs, a4 as $s, o as Fs, v as Os, z as Ls, w as Hs, U as vt, A as Ws, D as Gs, x as Vs, F as js, y as Ks, ah as Ys, ai as Us, G as Xs, H as qs, I as Zs, J as Js, K as Qs, L as eo, M as to, N as ro, a as he, b as Wt, f as Qa, e as kt, h as Je, Z as en, B as ao, af as no, d as tn, T as Be, ae as so, ag as xa } from "./UIContext-DP6JGCto.js";
-import { formatTrend as oo, isStatusModeEnabled as io, formatValue as cr, getValueFontSize as Na, getDateRangeForPreset as Ke, formatDateRangeSmart as pt, isInRange as lo, isSameDay as tr, formatMarketDates as co, DEFAULT_MARKET_PRESETS as rr, isMarketActive as xt, detectPreset as ar, getDateRangeDisplayInfo as Ft, toUppercasePresetId as nr, generateMarketId as uo, ROLLING_OPTIONS as wr, PERIOD_OPTIONS as kr } from "@mt-gloss/utils";
+import { S as J, E as Ze, C as R, i as us, R as Ce, l as ms, m as ps, n as fs, aj as gs, Q as hs, t as bs, ad as ys, ak as ve, V as vs, W as Za, X as Ja, Y as _s, _ as xs, $ as Ns, a0 as Ss, a1 as Cs, a2 as ws, a5 as ks, a6 as Ds, a7 as Is, ac as Ts, a8 as Es, a9 as Ms, P as Ps, O as Rs, j as Bs, k as As, a3 as zs, a4 as $s, o as Fs, v as Os, z as Ls, w as Hs, U as _t, A as Ws, D as Gs, x as Vs, F as js, y as Ks, ah as Ys, ai as Us, G as Xs, H as qs, I as Zs, J as Js, K as Qs, L as eo, M as to, N as ro, a as he, b as Wt, f as Qa, e as kt, h as Je, Z as en, B as ao, af as no, d as tn, T as Be, ae as so, ag as xa } from "./UIContext-DP6JGCto.js";
+import { formatTrend as oo, isStatusModeEnabled as io, formatValue as cr, getValueFontSize as Na, getDateRangeForPreset as Ke, formatDateRangeSmart as pt, isInRange as lo, isSameDay as tr, formatMarketDates as co, DEFAULT_MARKET_PRESETS as rr, isMarketActive as Nt, detectPreset as ar, getDateRangeDisplayInfo as Ft, toUppercasePresetId as nr, generateMarketId as uo, ROLLING_OPTIONS as kr, PERIOD_OPTIONS as Dr } from "@mt-gloss/utils";
 import { useGridApiRef as mo, DataGridPro as po } from "@mui/x-data-grid-pro";
 import { Chip as Gt, Tooltip as gt, MenuItem as Vt, Menu as fo, Box as ne, Popper as go, Paper as ho, MenuList as bo, ListItemText as yo, IconButton as qe, Select as Sa, Typography as Ee, Divider as vo, Button as at, Collapse as _o, Popover as xo, Dialog as No, DialogTitle as So, DialogContent as Co, TextField as sr, DialogActions as wo, Tabs as ko, Tab as Do } from "@mui/material";
 import Io from "@mui/icons-material/Person";
@@ -26,7 +26,7 @@ import Vo from "@mui/icons-material/AttachMoney";
 import rn from "@mui/icons-material/OpenInNew";
 import Ca from "@mui/icons-material/CalendarToday";
 import dr from "@mui/icons-material/ExpandMore";
-import zr from "@mui/icons-material/Place";
+import $r from "@mui/icons-material/Place";
 import Ot from "@mui/icons-material/Add";
 import Dt from "@mui/icons-material/Check";
 import wt from "@mui/icons-material/Close";
@@ -45,7 +45,7 @@ import { useSensors as ei, useSensor as Da, PointerSensor as ti, KeyboardSensor
 import { sortableKeyboardCoordinates as oi, arrayMove as ii, SortableContext as li, rectSortingStrategy as ci, useSortable as di } from "@dnd-kit/sortable";
 import { CSS as ui } from "@dnd-kit/utilities";
 import { restrictToParentElement as mi } from "@dnd-kit/modifiers";
-import { useReducedMotion as pi, LayoutGroup as fi, motion as Ct, AnimatePresence as $r } from "framer-motion";
+import { useReducedMotion as pi, LayoutGroup as fi, motion as vt, AnimatePresence as pr } from "framer-motion";
 import gi from "@mui/icons-material/ShowChart";
 import hi from "@mui/icons-material/TableChart";
 import bi from "@mui/icons-material/Refresh";
@@ -336,7 +336,7 @@ const zi = {
 }, Fi = {
   trackBg: R.BgSurface,
   dotColor: R.BrandPrimary
-}, pr = q.forwardRef(
+}, fr = q.forwardRef(
   (r, t) => {
     const {
       variant: a = "default",
@@ -388,7 +388,7 @@ const zi = {
     ] });
   }
 );
-pr.displayName = "PresetRadio";
+fr.displayName = "PresetRadio";
 const mn = Ut(null);
 function Oi() {
   return Xt(mn);
@@ -435,7 +435,7 @@ function Li({
       p && /* @__PURE__ */ e("span", { className: "gloss-radio-group__required", children: " *" })
     ] }),
     /* @__PURE__ */ e("div", { className: "gloss-radio-group__items", role: "radiogroup", "aria-required": p, children: n ? n.map((C) => /* @__PURE__ */ e(
-      pr,
+      fr,
       {
         name: f,
         value: String(C.value),
@@ -457,7 +457,7 @@ const Hi = q.forwardRef(
   ({ value: r, ...t }, a) => {
     const n = Oi();
     return n ? /* @__PURE__ */ e(
-      pr,
+      fr,
       {
         ref: a,
         name: n.groupProps.name,
@@ -469,7 +469,7 @@ const Hi = q.forwardRef(
         disabled: n.groupProps.disabled || t.disabled,
         ...t
       }
-    ) : /* @__PURE__ */ e(pr, { ref: a, value: r, name: "", ...t });
+    ) : /* @__PURE__ */ e(fr, { ref: a, value: r, name: "", ...t });
   }
 );
 Hi.displayName = "GroupRadio";
@@ -863,20 +863,20 @@ function fn(r = {}) {
 const al = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], nl = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], yt = (r, t) => r.getFullYear() === t.getFullYear() && r.getMonth() === t.getMonth() && r.getDate() === t.getDate(), Ia = (r, t) => new Date(r, t + 1, 0).getDate(), sl = (r, t) => new Date(r, t, 1).getDay(), ol = (r, t) => {
   const a = r.getDate(), n = r.getMonth() + 1, s = r.getFullYear();
   return t.replace("DD", String(a).padStart(2, "0")).replace("D", String(a)).replace("MM", String(n).padStart(2, "0")).replace("M", String(n)).replace("YYYY", String(s)).replace("YY", String(s).slice(-2));
-}, Dr = (r, t, a, n, s) => t && r < t || a && r > a || n?.some((i) => yt(i, r)) ? !0 : s?.(r) ?? !1, il = (r, t, a, n, s, i, o, c) => {
+}, Ir = (r, t, a, n, s) => t && r < t || a && r > a || n?.some((i) => yt(i, r)) ? !0 : s?.(r) ?? !1, il = (r, t, a, n, s, i, o, c) => {
   const l = [], u = /* @__PURE__ */ new Date(), p = Ia(r, t), f = (sl(r, t) - n + 7) % 7, y = t === 0 ? 11 : t - 1, b = t === 0 ? r - 1 : r, _ = Ia(b, y);
   for (let E = f - 1; E >= 0; E--) {
     const S = new Date(b, y, _ - E);
-    l.push({ date: S, isCurrentMonth: !1, isToday: yt(S, u), isSelected: a ? yt(S, a) : !1, isDisabled: Dr(S, s, i, o, c) });
+    l.push({ date: S, isCurrentMonth: !1, isToday: yt(S, u), isSelected: a ? yt(S, a) : !1, isDisabled: Ir(S, s, i, o, c) });
   }
   for (let E = 1; E <= p; E++) {
     const S = new Date(r, t, E);
-    l.push({ date: S, isCurrentMonth: !0, isToday: yt(S, u), isSelected: a ? yt(S, a) : !1, isDisabled: Dr(S, s, i, o, c) });
+    l.push({ date: S, isCurrentMonth: !0, isToday: yt(S, u), isSelected: a ? yt(S, a) : !1, isDisabled: Ir(S, s, i, o, c) });
   }
   const v = t === 11 ? 0 : t + 1, h = t === 11 ? r + 1 : r, k = 42 - l.length;
   for (let E = 1; E <= k; E++) {
     const S = new Date(h, v, E);
-    l.push({ date: S, isCurrentMonth: !1, isToday: yt(S, u), isSelected: a ? yt(S, a) : !1, isDisabled: Dr(S, s, i, o, c) });
+    l.push({ date: S, isCurrentMonth: !1, isToday: yt(S, u), isSelected: a ? yt(S, a) : !1, isDisabled: Ir(S, s, i, o, c) });
   }
   return l;
 }, ll = {
@@ -1080,16 +1080,16 @@ const Fr = (r) => {
   }
 );
 fl.displayName = "PresetTimePicker";
-const gl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], hl = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], Ir = (r, t) => r.getFullYear() === t.getFullYear() && r.getMonth() === t.getMonth() && r.getDate() === t.getDate(), Ea = (r, t) => new Date(r, t + 1, 0).getDate(), bl = (r, t) => new Date(r, t, 1).getDay(), Tr = (r, t) => {
+const gl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], hl = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], Tr = (r, t) => r.getFullYear() === t.getFullYear() && r.getMonth() === t.getMonth() && r.getDate() === t.getDate(), Ea = (r, t) => new Date(r, t + 1, 0).getDate(), bl = (r, t) => new Date(r, t, 1).getDay(), Er = (r, t) => {
   const a = r.getDate(), n = r.getMonth() + 1, s = r.getFullYear();
   return t.replace("DD", String(a).padStart(2, "0")).replace("D", String(a)).replace("MM", String(n).padStart(2, "0")).replace("M", String(n)).replace("YYYY", String(s)).replace("YY", String(s).slice(-2));
 }, Ma = (r, t, a, n, s, i) => {
   const o = [], c = /* @__PURE__ */ new Date(), l = Ea(r, t), p = (bl(r, t) - n + 7) % 7, m = t === 0 ? 11 : t - 1, f = t === 0 ? r - 1 : r, y = Ea(f, m), b = (h, k) => {
-    const E = a.start ? Ir(h, a.start) : !1, S = a.end ? Ir(h, a.end) : !1;
+    const E = a.start ? Tr(h, a.start) : !1, S = a.end ? Tr(h, a.end) : !1;
     return {
       date: h,
       isCurrentMonth: k,
-      isToday: Ir(h, c),
+      isToday: Tr(h, c),
       isSelected: E || S,
       isDisabled: !!(s && h < s || i && h > i),
       isRangeStart: E,
@@ -1164,7 +1164,7 @@ const gl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], hl = ["January", "
       };
       return document.addEventListener("mousedown", de), () => document.removeEventListener("mousedown", de);
     }, [P]);
-    const K = ee(() => !M.start && !M.end ? "" : M.start && !M.end ? `${Tr(M.start, f)} - ...` : M.start && M.end ? `${Tr(M.start, f)} - ${Tr(M.end, f)}` : "", [M, f]), X = {
+    const K = ee(() => !M.start && !M.end ? "" : M.start && !M.end ? `${Er(M.start, f)} - ...` : M.start && M.end ? `${Er(M.start, f)} - ${Er(M.end, f)}` : "", [M, f]), X = {
       bg: R.BgSurface,
       borderColor: a === "error" ? R.BorderError : a === "success" ? R.BorderSuccess : R.BorderDefault,
       radius: Ce.Md,
@@ -2033,21 +2033,21 @@ vn.displayName = "PresetCard";
 const tc = q.forwardRef(
   ({ children: r, ...t }, a) => {
     const n = { ...t };
-    return delete n.className, delete n.style, /* @__PURE__ */ e(Hs, { ref: a, className: "gloss-preset-card__header", ...n, children: /* @__PURE__ */ e(vt, { region: "card-header", children: r }) });
+    return delete n.className, delete n.style, /* @__PURE__ */ e(Hs, { ref: a, className: "gloss-preset-card__header", ...n, children: /* @__PURE__ */ e(_t, { region: "card-header", children: r }) });
   }
 );
 tc.displayName = "PresetCardHeader";
 const rc = q.forwardRef(
   ({ children: r, ...t }, a) => {
     const n = { ...t };
-    return delete n.className, delete n.style, /* @__PURE__ */ e(Vs, { ref: a, className: "gloss-preset-card__body", ...n, children: /* @__PURE__ */ e(vt, { region: "card-body", children: r }) });
+    return delete n.className, delete n.style, /* @__PURE__ */ e(Vs, { ref: a, className: "gloss-preset-card__body", ...n, children: /* @__PURE__ */ e(_t, { region: "card-body", children: r }) });
   }
 );
 rc.displayName = "PresetCardBody";
 const ac = q.forwardRef(
   ({ children: r, ...t }, a) => {
     const n = { ...t };
-    return delete n.className, delete n.style, /* @__PURE__ */ e(Ks, { ref: a, className: "gloss-preset-card__footer", ...n, children: /* @__PURE__ */ e(vt, { region: "card-footer", children: r }) });
+    return delete n.className, delete n.style, /* @__PURE__ */ e(Ks, { ref: a, className: "gloss-preset-card__footer", ...n, children: /* @__PURE__ */ e(_t, { region: "card-footer", children: r }) });
   }
 );
 ac.displayName = "PresetCardFooter";
@@ -2425,7 +2425,7 @@ const Qe = {
   easeOut: "cubic-bezier(0, 0, 0.2, 1)",
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   spring: "cubic-bezier(0.175, 0.885, 0.32, 1.275)"
-}, Er = {
+}, Mr = {
   fade: {
     enter: {
       from: { opacity: 0 },
@@ -2523,13 +2523,13 @@ const Qe = {
     easing: et.easeInOut
   }
 };
-function rp(r, t = Qe.normal, a = et.easeOut) {
+function op(r, t = Qe.normal, a = et.easeOut) {
   return r.map((n) => `${n} ${t}ms ${a}`).join(", ");
 }
-function ap(r, t, a) {
+function ip(r, t, a) {
   return r + (t - r) * a;
 }
-function np(r) {
+function lp(r) {
   const t = r.match(/^([-\d.]+)(.*)$/);
   return t ? { value: parseFloat(t[1]), unit: t[2] || "" } : { value: 0, unit: "" };
 }
@@ -2548,7 +2548,7 @@ function kc({
   ...m
 }) {
   delete m.className, delete m.style;
-  const [f, y] = H(r ? "entered" : "exited"), [b, _] = H(r), v = ce(null), h = ce(null), k = typeof t == "string" ? Er[t] : t, E = a ?? (typeof t == "string" ? Er[t]?.duration : Qe.normal) ?? Qe.normal, S = n ?? (typeof t == "string" ? Er[t]?.easing : et.easeOut) ?? et.easeOut, C = N(() => {
+  const [f, y] = H(r ? "entered" : "exited"), [b, _] = H(r), v = ce(null), h = ce(null), k = typeof t == "string" ? Mr[t] : t, E = a ?? (typeof t == "string" ? Mr[t]?.duration : Qe.normal) ?? Qe.normal, S = n ?? (typeof t == "string" ? Mr[t]?.easing : et.easeOut) ?? et.easeOut, C = N(() => {
     v.current && (clearTimeout(v.current), v.current = null), h.current && (cancelAnimationFrame(h.current), h.current = null);
   }, []);
   if (se(() => (C(), r ? (_(!0), o?.(), h.current = requestAnimationFrame(() => {
@@ -3165,7 +3165,7 @@ const Aa = {
   );
 };
 Or.displayName = "TrendIndicator";
-const br = ({ data: r, color: t, isStale: a }) => {
+const yr = ({ data: r, color: t, isStale: a }) => {
   const s = "sparkbg-" + Le().replace(/:/g, ""), i = t || "#4f46e5", o = ee(() => {
     if (!r || r.length < 2) return null;
     const c = 300, l = 55, u = 2, p = Math.min(...r), f = Math.max(...r) - p || 1, b = r.map((v, h) => ({
@@ -3225,7 +3225,7 @@ const br = ({ data: r, color: t, isStale: a }) => {
     }
   ) : null;
 };
-br.displayName = "SparklineBg";
+yr.displayName = "SparklineBg";
 const Cn = ({ data: r, color: t, isStale: a }) => {
   const n = t || "#4f46e5", s = ee(() => {
     if (!r || r.length < 1) return null;
@@ -3461,7 +3461,7 @@ function In(r) {
               children: [
                 /* @__PURE__ */ e("span", { className: "gloss-metric-card__label", children: l.label }),
                 /* @__PURE__ */ e("span", { children: String(l.value) }),
-                p != null && p.length > 0 ? /* @__PURE__ */ e(br, { data: [...p], color: l.accentColor }) : null
+                p != null && p.length > 0 ? /* @__PURE__ */ e(yr, { data: [...p], color: l.accentColor }) : null
               ]
             },
             l.id
@@ -3485,7 +3485,7 @@ function $a(r, t) {
   const n = parseInt(a.substring(0, 2), 16), s = parseInt(a.substring(2, 4), 16), i = parseInt(a.substring(4, 6), 16);
   return `rgba(${n},${s},${i},${t})`;
 }
-const Mr = {
+const Pr = {
   up: "var(--color-positive)",
   down: "var(--color-negative)",
   flat: "var(--color-text-secondary)"
@@ -3560,7 +3560,7 @@ const Mr = {
     prefix: i?.prefix || "",
     suffix: i?.suffix || "",
     abbreviated: i?.abbreviated
-  }), [s, i?.prefix, i?.suffix, i?.abbreviated]), D = Na(x.length, l), w = o?.direction && Mr[o.direction] || Mr.flat, $ = u ? "gloss-metric-data-stale" : "gloss-metric-data-fresh", T = {
+  }), [s, i?.prefix, i?.suffix, i?.abbreviated]), D = Na(x.length, l), w = o?.direction && Pr[o.direction] || Pr.flat, $ = u ? "gloss-metric-data-stale" : "gloss-metric-data-fresh", T = {
     fontWeight: 700,
     letterSpacing: "-0.03em",
     color: a === "highlight" ? P : "rgba(0,0,0,0.87)",
@@ -3743,7 +3743,7 @@ const Mr = {
         }
       }
     ),
-    a === "sparkline" && /* @__PURE__ */ e(br, { data: y, color: m, isStale: u }),
+    a === "sparkline" && /* @__PURE__ */ e(yr, { data: y, color: m, isStale: u }),
     a === "bars" && /* @__PURE__ */ e(Cn, { data: b, color: m, isStale: u }),
     /* @__PURE__ */ e(
       he,
@@ -3809,16 +3809,16 @@ function Lc(r) {
     Hr.delete(r);
   };
 }
-function Pr() {
+function Rr() {
   return Lr;
 }
-function Rr(r) {
+function Br(r) {
   Lr !== r && (Lr = r, Hr.forEach((t) => t()));
 }
 function Hc(r, t, a) {
   const n = Le(), s = t ?? n, i = is(
     Lc,
-    Pr,
+    Rr,
     // SSR fallback — no menu active on server render.
     () => null
   ), o = ce(a);
@@ -3827,9 +3827,9 @@ function Hc(r, t, a) {
   }, [a]), se(() => {
     r && i !== null && i !== s && o.current(!1);
   }, [i, s, r]), se(() => {
-    r ? Rr(s) : Pr() === s && Rr(null);
+    r ? Br(s) : Rr() === s && Br(null);
   }, [r, s]), se(() => () => {
-    Pr() === s && Rr(null);
+    Rr() === s && Br(null);
   }, [s]), { menuId: s, activeMenuId: i };
 }
 const Ye = {
@@ -4127,7 +4127,7 @@ const Tn = (r) => {
     [me]
   ), [Ge, Ve] = H(null);
   return /* @__PURE__ */ e(fi, { children: /* @__PURE__ */ e(
-    Ct.div,
+    vt.div,
     {
       className: "gloss-action-strip",
       "data-action-strip": !0,
@@ -4152,7 +4152,7 @@ const Tn = (r) => {
           ref: W.setReference,
           children: [
             /* @__PURE__ */ d(
-              Ct.div,
+              vt.div,
               {
                 layout: !0,
                 className: `gloss-action-strip__pill${O ? " gloss-action-strip__pill--expanded" : ""}${te === "up" ? " gloss-action-strip__pill--flip-up" : ""}`,
@@ -4226,7 +4226,7 @@ const Tn = (r) => {
                           );
                         }),
                         /* @__PURE__ */ e(
-                          Ct.div,
+                          vt.div,
                           {
                             "data-action-strip-promoted": !0,
                             "data-count": T.length,
@@ -4234,8 +4234,8 @@ const Tn = (r) => {
                             variants: x,
                             animate: O ? "expanded" : "collapsed",
                             initial: "collapsed",
-                            children: /* @__PURE__ */ e($r, { mode: "popLayout", initial: !1, children: O ? T.map((ae) => /* @__PURE__ */ e(
-                              Ct.span,
+                            children: /* @__PURE__ */ e(pr, { mode: "popLayout", initial: !1, children: O ? T.map((ae) => /* @__PURE__ */ e(
+                              vt.span,
                               {
                                 className: "gloss-action-strip__icon-slot",
                                 "data-action-id": ae.id,
@@ -4270,7 +4270,7 @@ const Tn = (r) => {
                 ]
               }
             ),
-            /* @__PURE__ */ e($r, { children: O && !M ? (
+            /* @__PURE__ */ e(pr, { children: O && !M ? (
               // quick-260418-k7k-fix-6: FloatingPortal is required because
               // dnd-kit's SortableContext wraps each card in a div with
               // inline `transform`. Per CSS spec, `transform !== none`
@@ -4288,7 +4288,7 @@ const Tn = (r) => {
                   style: { ...V, zIndex: 9999 },
                   ...Z(),
                   children: /* @__PURE__ */ e(
-                    Ct.div,
+                    vt.div,
                     {
                       className: `gloss-action-strip__menu gloss-action-strip__menu--flip-${te}`,
                       "data-action-strip-menu": !0,
@@ -4334,11 +4334,11 @@ const Tn = (r) => {
   ) });
 };
 Tn.displayName = "ActionStrip";
-const sp = [
+const cp = [
   "settings",
   "remove",
   "replace"
-], op = ["whats-this"];
+], dp = ["whats-this"];
 function sd(r) {
   const t = [];
   let a = 0;
@@ -4541,7 +4541,7 @@ const id = {
   type: null,
   lifecycle: "idle"
 }, Mn = mr.createContext(id);
-function ip({ value: r, children: t }) {
+function up({ value: r, children: t }) {
   return /* @__PURE__ */ e(Mn.Provider, { value: r, children: t });
 }
 function ld() {
@@ -4895,7 +4895,7 @@ const md = function(t) {
     [O, M]
   ), j = c?.[k];
   return /* @__PURE__ */ d(We, { children: [
-    j && j.length >= 2 && /* @__PURE__ */ e(br, { data: j, color: l, isStale: m }),
+    j && j.length >= 2 && /* @__PURE__ */ e(yr, { data: j, color: l, isStale: m }),
     /* @__PURE__ */ e(
       "div",
       {
@@ -5094,9 +5094,9 @@ function gd(r) {
     setOpenSection: l
   };
 }
-const yr = Ut(null);
-yr.displayName = "FlipAndStageContext";
-function lp({ children: r }) {
+const vr = Ut(null);
+vr.displayName = "FlipAndStageContext";
+function mp({ children: r }) {
   const t = gd(), a = ee(
     () => t,
     [
@@ -5114,16 +5114,16 @@ function lp({ children: r }) {
       t.setOpenSection
     ]
   );
-  return /* @__PURE__ */ e(yr.Provider, { value: a, children: r });
+  return /* @__PURE__ */ e(vr.Provider, { value: a, children: r });
 }
-function cp() {
-  const r = Xt(yr);
+function pp() {
+  const r = Xt(vr);
   if (r === null)
     throw new Error("useFlipAndStageContext must be inside FlipAndStageProvider");
   return r;
 }
 function hd() {
-  return Xt(yr);
+  return Xt(vr);
 }
 const bd = {
   /** Delay before flip animation begins (ms). */
@@ -5778,7 +5778,7 @@ const Oa = () => /* @__PURE__ */ d(
   );
 });
 Gr.displayName = "FilterInput";
-const Md = "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)", Rn = q.memo(({
+const Md = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1)", St = "0.35s cubic-bezier(0.16, 1, 0.3, 1)", Ct = "0.25s cubic-bezier(0.4, 0, 1, 1)", Rn = q.memo(({
   showRow2: r,
   showItemFilter: t,
   showEntityFilter: a,
@@ -5802,13 +5802,13 @@ const Md = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
 }) => /* @__PURE__ */ e("div", { style: {
   overflow: r ? "visible" : "hidden",
   height: r ? "40px" : "0px",
-  transition: `height ${r ? Nt : St}`
+  transition: `height ${r ? St : Ct}`
 }, children: /* @__PURE__ */ d("div", { style: {
   position: "relative",
   height: "40px",
   paddingTop: "2px",
   transform: r ? "translateY(0)" : "translateY(-100%)",
-  transition: `transform ${r ? Nt : St}`
+  transition: `transform ${r ? St : Ct}`
 }, children: [
   /* @__PURE__ */ e("div", { style: {
     position: "absolute",
@@ -5817,7 +5817,7 @@ const Md = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
     width: n.width,
     transform: t ? "translateY(0)" : "translateY(-100%)",
     opacity: t ? 1 : 0,
-    transition: `transform ${t ? Nt : St}, opacity ${t ? Nt : St}`,
+    transition: `transform ${t ? St : Ct}, opacity ${t ? St : Ct}`,
     pointerEvents: t ? "auto" : "none"
   }, children: /* @__PURE__ */ e(
     Gr,
@@ -5838,7 +5838,7 @@ const Md = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
     width: s.width,
     transform: a ? "translateY(0)" : "translateY(-100%)",
     opacity: a ? 1 : 0,
-    transition: `${Md}, transform ${a ? Nt : St}, opacity ${a ? Nt : St}`,
+    transition: `${Md}, transform ${a ? St : Ct}, opacity ${a ? St : Ct}`,
     pointerEvents: a ? "auto" : "none"
   }, children: /* @__PURE__ */ e(
     Gr,
@@ -6141,15 +6141,15 @@ const zd = q.memo(({
   ] });
 });
 zd.displayName = "ChartControlBar";
-const dp = {
+const fp = {
   customer: { routeKey: "customer.profile", paramKey: "customerId", icon: "Person" },
   manufacturer: { routeKey: "manufacturer.profile", paramKey: "manufacturerId", icon: "Business" },
   salesperson: { routeKey: "salesperson.profile", paramKey: "salespersonId", icon: "Person" }
-}, up = {
+}, gp = {
   customer: "customerId",
   manufacturer: "manufacturerId",
   salesperson: "salespersonId"
-}, mp = {
+}, hp = {
   customer: "customers",
   manufacturer: "manufacturers",
   salesperson: "salespeople"
@@ -6562,7 +6562,7 @@ const dp = {
 function Fd(r, t = {}) {
   return $d.filter((a) => !(!a.cellKinds.includes(r) || a.entityTypes && t.entityType && !a.entityTypes.includes(t.entityType) || a.roleVisibility && t.userType && !a.roleVisibility.includes(t.userType) || a.statusFilter && t.orderStatus && !a.statusFilter.includes(t.orderStatus) || a.tableTypes && t.tableType && !a.tableTypes.includes(t.tableType) || a.fields && t.field && !a.fields.includes(t.field) || a.id === "who-purchased" && r === "numeric" && (t.tableType !== "items" || t.field !== "sold")));
 }
-function pp(r, t) {
+function bp(r, t) {
   switch (r) {
     case "recent-orders":
     case "show-orders":
@@ -7204,7 +7204,7 @@ const Lt = ({
       },
       children: [
         /* @__PURE__ */ e(
-          zr,
+          $r,
           {
             fontSize: "small",
             sx: {
@@ -7313,26 +7313,26 @@ const Kd = {
     ...u
   }), [u]), k = ce(null), [E, S] = H(null), [C, I] = H("calendar"), [g, P] = H(null), [x, D] = H(null), w = ce(null), [$, T] = H(() => h.lastPreset || "mtd"), [A, M] = H(null), [O, Y] = H(null), [j, B] = H(null), [W, V] = H(null), [G, z] = H(null), [U, Z] = H(() => a ? _ ?? h.compareEnabled ?? !1 : !1), K = _ ?? U, X = N((F) => {
     Z(F), v?.(F);
-  }, [v]), [te, fe] = H("A"), [de, be] = H(() => h.lastPresetB ?? null), [oe, ie] = H(null), [pe, Pe] = H(null), [Se, we] = H(null), [Fe, ke] = H(null), [me, _e] = H(null), [Ge, Ve] = H(null), [ae, xe] = H(null), [je, Ae] = H(null), [Te, Ne] = H(null), [ht, Ue] = H(null), [ct, Xe] = H(null), [De, dt] = H(1), [Zt, ze] = H(!1), [Tt, Kn] = H(void 0), Re = j !== null ? j : $, Et = j !== null ? W : A, ut = j !== null ? G : O, ot = Se !== null ? Se : de, Mt = Se !== null ? Fe : oe, Pt = Se !== null ? me : pe, it = Te !== null ? Te : Ge, Rt = Te !== null ? ht : ae, Bt = Te !== null ? ct : je, sa = j !== null && (j !== $ || W !== A || G !== O), [ge, vr] = H(() => {
-    const F = m || rr, L = f || [], Q = new Set(L.map((ue) => ue.id)), re = F.filter((ue) => !Q.has(ue.id)).map((ue) => ({ ...ue, active: xt(ue) })), le = L.map((ue) => ({
+  }, [v]), [te, fe] = H("A"), [de, be] = H(() => h.lastPresetB ?? null), [oe, ie] = H(null), [pe, Pe] = H(null), [Se, we] = H(null), [Fe, ke] = H(null), [me, _e] = H(null), [Ge, Ve] = H(null), [ae, xe] = H(null), [je, Ae] = H(null), [Te, Ne] = H(null), [ht, Ue] = H(null), [ct, Xe] = H(null), [De, dt] = H(1), [Zt, ze] = H(!1), [Tt, Kn] = H(void 0), Re = j !== null ? j : $, Et = j !== null ? W : A, ut = j !== null ? G : O, ot = Se !== null ? Se : de, Mt = Se !== null ? Fe : oe, Pt = Se !== null ? me : pe, it = Te !== null ? Te : Ge, Rt = Te !== null ? ht : ae, Bt = Te !== null ? ct : je, sa = j !== null && (j !== $ || W !== A || G !== O), [ge, _r] = H(() => {
+    const F = m || rr, L = f || [], Q = new Set(L.map((ue) => ue.id)), re = F.filter((ue) => !Q.has(ue.id)).map((ue) => ({ ...ue, active: Nt(ue) })), le = L.map((ue) => ({
       ...ue,
-      active: xt(ue)
+      active: Nt(ue)
     }));
     return [...re, ...le].sort((ue, $e) => ue.startDate.getTime() - $e.startDate.getTime());
   });
   se(() => {
-    const F = m || rr, L = f || [], Q = new Set(L.map((ue) => ue.id)), re = F.filter((ue) => !Q.has(ue.id)).map((ue) => ({ ...ue, active: xt(ue) })), le = L.map((ue) => ({
+    const F = m || rr, L = f || [], Q = new Set(L.map((ue) => ue.id)), re = F.filter((ue) => !Q.has(ue.id)).map((ue) => ({ ...ue, active: Nt(ue) })), le = L.map((ue) => ({
       ...ue,
-      active: xt(ue)
+      active: Nt(ue)
     }));
-    vr([...re, ...le].sort((ue, $e) => ue.startDate.getTime() - $e.startDate.getTime()));
+    _r([...re, ...le].sort((ue, $e) => ue.startDate.getTime() - $e.startDate.getTime()));
   }, [m, f]);
   const [At, Yn] = H(!1), [Oe, zt] = H({
     label: "",
     startDate: "",
     endDate: "",
     location: ""
-  }), { pastAndCurrentEvents: _r, futureEvents: xr } = ee(() => {
+  }), { pastAndCurrentEvents: xr, futureEvents: Nr } = ee(() => {
     const F = /* @__PURE__ */ new Date();
     F.setHours(0, 0, 0, 0);
     const L = [], Q = [];
@@ -7342,12 +7342,12 @@ const Kd = {
   }, [ge]), { defaultMarketEvents: oa, customRanges: ia, futureDefaultEvents: Jt, futureCustomRanges: la } = ee(() => {
     const F = m || rr, L = new Set(F.map((Q) => Q.id));
     return {
-      defaultMarketEvents: _r.filter((Q) => !Q.isCustom && L.has(Q.id)),
-      customRanges: _r.filter((Q) => Q.isCustom || !L.has(Q.id)),
-      futureDefaultEvents: xr.filter((Q) => !Q.isCustom && L.has(Q.id)),
-      futureCustomRanges: xr.filter((Q) => Q.isCustom || !L.has(Q.id))
+      defaultMarketEvents: xr.filter((Q) => !Q.isCustom && L.has(Q.id)),
+      customRanges: xr.filter((Q) => Q.isCustom || !L.has(Q.id)),
+      futureDefaultEvents: Nr.filter((Q) => !Q.isCustom && L.has(Q.id)),
+      futureCustomRanges: Nr.filter((Q) => Q.isCustom || !L.has(Q.id))
     };
-  }, [_r, xr, m]), mt = o || !!E;
+  }, [xr, Nr, m]), mt = o || !!E;
   se(() => {
     o && j === null && (B($), V(A), z(O));
   }, [o, j, $, A, O]);
@@ -7547,7 +7547,7 @@ const Kd = {
       lastPresetB: null,
       lastPresetC: null
     });
-  }, [X, rt]), Nr = N((F) => {
+  }, [X, rt]), Sr = N((F) => {
     w.current && (clearTimeout(w.current), w.current = null), D(null), K && te === "C" ? (Ne(F), Ue(null), Xe(null)) : K && te === "B" ? (we(F), ke(null), _e(null)) : (B(F), V(null), z(null));
   }, [K, te]), $t = N((F) => {
     if (!ge.find((re) => re.id === F)) return;
@@ -7623,7 +7623,7 @@ const Kd = {
       location: Oe.location,
       isCustom: !0
     };
-    y?.(F), vr((L) => [...L.filter((le) => le.id !== F.id), { ...F, active: xt(F) }].sort((le, ue) => le.startDate.getTime() - ue.startDate.getTime())), P(null);
+    y?.(F), _r((L) => [...L.filter((le) => le.id !== F.id), { ...F, active: Nt(F) }].sort((le, ue) => le.startDate.getTime() - ue.startDate.getTime())), P(null);
   }, [g, Oe, y]), as = N(() => {
     if (!g || g.isNew) {
       P(null);
@@ -7631,26 +7631,26 @@ const Kd = {
     }
     g.isCustom && b?.(g.id);
     const F = m || rr;
-    vr((L) => {
+    _r((L) => {
       const Q = L.filter((le) => le.id !== g.id), re = F.find((le) => le.id === g.id);
-      return re && !g.isCustom ? [...Q, { ...re, active: xt(re) }].sort((le, ue) => le.startDate.getTime() - ue.startDate.getTime()) : Q;
+      return re && !g.isCustom ? [...Q, { ...re, active: Nt(re) }].sort((le, ue) => le.startDate.getTime() - ue.startDate.getTime()) : Q;
     }), P(null);
   }, [g, b, m]), bt = (F) => Re === F;
-  wr.some((F) => F.id === Re), kr.some((F) => F.id === Re), ge.some((F) => F.id === Re);
+  kr.some((F) => F.id === Re), Dr.some((F) => F.id === Re), ge.some((F) => F.id === Re);
   const ya = ee(() => {
     const F = { small: 280, medium: 340, large: 400 };
     return F[n] || F.medium;
-  }, [n]), _t = N((F) => {
+  }, [n]), xt = N((F) => {
     if (!F) return "Select...";
     if (F === "custom") return "Custom";
     if (F === "today") return "Today";
-    const L = wr.find((le) => le.id === F);
+    const L = kr.find((le) => le.id === F);
     if (L) return L.label;
-    const Q = kr.find((le) => le.id === F);
+    const Q = Dr.find((le) => le.id === F);
     if (Q) return Q.label;
     const re = ge.find((le) => le.id === F);
     return re ? re.label : F;
-  }, [ge]), Sr = N((F, L, Q) => {
+  }, [ge]), Cr = N((F, L, Q) => {
     let re, le;
     if (F === "custom" && L && Q)
       re = L, le = Q;
@@ -7669,7 +7669,7 @@ const Kd = {
   }, []), ss = N(() => {
     const F = j !== null ? j : $;
     X(!0), dt(2), we(F), fe("B"), ze(!0);
-  }, [j, $, X]), Cr = N(({ label: F, isActive: L, presetName: Q, dateRange: re, color: le, onSelect: ue, onRemove: $e }) => {
+  }, [j, $, X]), wr = N(({ label: F, isActive: L, presetName: Q, dateRange: re, color: le, onSelect: ue, onRemove: $e }) => {
     const _a = !Q || Q === "Select...";
     return /* @__PURE__ */ d(
       ne,
@@ -7803,7 +7803,7 @@ const Kd = {
             },
             children: [
               /* @__PURE__ */ d(ne, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                /* @__PURE__ */ e(zr, { fontSize: "small", sx: { color: "success.main" } }),
+                /* @__PURE__ */ e($r, { fontSize: "small", sx: { color: "success.main" } }),
                 /* @__PURE__ */ d(ne, { children: [
                   /* @__PURE__ */ d(ne, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                     /* @__PURE__ */ e(Ee, { variant: "body2", fontWeight: 500, children: He.label }),
@@ -7860,7 +7860,7 @@ const Kd = {
               size: "small",
               variant: bt("today") ? "filled" : "outlined",
               color: bt("today") ? "primary" : "default",
-              onClick: () => Nr("today"),
+              onClick: () => Sr("today"),
               sx: {
                 fontWeight: bt("today") ? 600 : 400,
                 cursor: "pointer"
@@ -7871,10 +7871,10 @@ const Kd = {
             jr,
             {
               groupId: "rolling",
-              options: wr,
+              options: kr,
               selectedId: Re,
               defaultId: h.pinnedPreset,
-              onSelect: Nr,
+              onSelect: Sr,
               pinnedId: h.pinnedPreset,
               onPin: ga,
               isOpen: x === "rolling",
@@ -7885,10 +7885,10 @@ const Kd = {
             jr,
             {
               groupId: "period",
-              options: kr,
+              options: Dr,
               selectedId: Re,
               defaultId: h.pinnedPreset,
-              onSelect: Nr,
+              onSelect: Sr,
               pinnedId: h.pinnedPreset,
               onPin: ga,
               isOpen: x === "period",
@@ -7917,7 +7917,7 @@ const Kd = {
                 position: "relative"
               },
               children: [
-                /* @__PURE__ */ e(zr, { sx: { fontSize: 16 } }),
+                /* @__PURE__ */ e($r, { sx: { fontSize: 16 } }),
                 He && /* @__PURE__ */ e(
                   ne,
                   {
@@ -8089,7 +8089,7 @@ const Kd = {
                           sx: { ml: 0.5 },
                           children: [
                             /* @__PURE__ */ e(ne, { component: "span", sx: { color: "#2563EB", fontSize: 10, mr: 0.25, lineHeight: 1 }, children: "●" }),
-                            _t(Re)
+                            xt(Re)
                           ]
                         }
                       ),
@@ -8104,7 +8104,7 @@ const Kd = {
                           },
                           children: [
                             /* @__PURE__ */ e(ne, { component: "span", sx: { color: "#10B981", fontSize: 10, mr: 0.25, lineHeight: 1 }, children: "●" }),
-                            _t(ot)
+                            xt(ot)
                           ]
                         }
                       ),
@@ -8120,7 +8120,7 @@ const Kd = {
                             },
                             children: [
                               /* @__PURE__ */ e(ne, { component: "span", sx: { color: "#F59E0B", fontSize: 10, mr: 0.25, lineHeight: 1 }, children: "●" }),
-                              _t(it)
+                              xt(it)
                             ]
                           }
                         )
@@ -8158,36 +8158,36 @@ const Kd = {
             ),
             /* @__PURE__ */ e(_o, { in: Zt, children: /* @__PURE__ */ d(ne, { className: "hybrid-date-picker__footer-drawer-content", children: [
               /* @__PURE__ */ e(
-                Cr,
+                wr,
                 {
                   label: "A",
                   isActive: te === "A",
-                  presetName: _t(Re),
-                  dateRange: Sr(Re, Et, ut),
+                  presetName: xt(Re),
+                  dateRange: Cr(Re, Et, ut),
                   color: "blue",
                   onSelect: () => fe("A"),
                   onRemove: null
                 }
               ),
               De >= 2 && /* @__PURE__ */ e(
-                Cr,
+                wr,
                 {
                   label: "B",
                   isActive: te === "B",
-                  presetName: _t(ot),
-                  dateRange: Sr(ot, Mt, Pt),
+                  presetName: xt(ot),
+                  dateRange: Cr(ot, Mt, Pt),
                   color: "green",
                   onSelect: () => fe("B"),
                   onRemove: () => fa("B")
                 }
               ),
               De === 3 && /* @__PURE__ */ e(
-                Cr,
+                wr,
                 {
                   label: "C",
                   isActive: te === "C",
-                  presetName: _t(it),
-                  dateRange: Sr(it, Rt, Bt),
+                  presetName: xt(it),
+                  dateRange: Cr(it, Rt, Bt),
                   color: "amber",
                   onSelect: () => fe("C"),
                   onRemove: () => fa("C")
@@ -8515,7 +8515,7 @@ const Ga = {
   ] });
 };
 An.displayName = "SimpleSelector";
-const Br = [
+const Ar = [
   // Today - at the top
   { label: "Today", id: "TODAY", value: () => {
     const r = ft("TODAY");
@@ -8654,7 +8654,7 @@ const Br = [
   const _ = o !== void 0, [v, h] = H(!1), [k, E] = H(!1), [S, C] = H(i ?? !1), I = a?.pinnedPreset || "MTD", [g, P] = H(() => a?.lastPreset?.toUpperCase() || "MTD"), [x, D] = H(null), w = ee(() => lr(r) ? r.rangeA : r, [r]), $ = ee(() => lr(r) ? r.rangeB : null, [r]), T = N((G) => {
     const z = G || "MTD";
     n && a && n({ ...a, pinnedPreset: z.toLowerCase() });
-    const U = Br.find((Z) => Z.id === z && !Z.disabled);
+    const U = Ar.find((Z) => Z.id === z && !Z.disabled);
     if (U) {
       const Z = U.value();
       if (P(z), S)
@@ -8705,7 +8705,7 @@ const Br = [
     D(z), Y(G, z), E(!1);
   }, [Y]), W = ee(() => ({
     shortcuts: {
-      items: Br.map((G) => ({
+      items: Ar.map((G) => ({
         label: G.label,
         id: G.id,
         getValue: G.value,
@@ -8745,7 +8745,7 @@ const Br = [
     }
   }), [w, O, j, _, S, I, T, g, o]), V = ee(() => ({
     shortcuts: {
-      items: Br.map((G) => ({
+      items: Ar.map((G) => ({
         label: G.label,
         id: G.id,
         getValue: G.value,
@@ -8982,7 +8982,10 @@ const Qd = 30, eu = { distance: 5 }, tu = {
   duration: bd.extrude / 1e3,
   // seconds, per framer-motion contract
   ease: [0.22, 1, 0.36, 1]
-}, au = q.memo(function({
+}, au = { opacity: 0, scale: 0.96 }, nu = { opacity: 1, scale: 1 }, su = { opacity: 0, scale: 0.96 }, ou = {
+  duration: 0.22,
+  ease: [0.34, 1.56, 0.64, 1]
+}, iu = q.memo(function({
   cards: t,
   cardOrder: a,
   layout: n,
@@ -9063,25 +9066,38 @@ const Qd = 30, eu = { distance: 5 }, tu = {
               items: I.map((T) => T.id),
               strategy: ci,
               children: /* @__PURE__ */ d("div", { className: "gloss-grid__container", style: w, children: [
-                I.map((T, A) => {
+                /* @__PURE__ */ e(pr, { mode: "popLayout", children: I.map((T, A) => {
                   const M = D?.isDimCover === !0 && D.dimCoverId === T.id;
                   return /* @__PURE__ */ e(
-                    Zd,
+                    vt.div,
                     {
-                      id: T.id,
-                      colSpan: T.colSpan,
-                      staggerDelay: `${A * Qd}ms`,
-                      dimCover: M,
-                      children: o(T)
+                      layout: "position",
+                      initial: au,
+                      animate: nu,
+                      exit: su,
+                      transition: {
+                        ...ou,
+                        delay: A * 0.03
+                      },
+                      children: /* @__PURE__ */ e(
+                        Zd,
+                        {
+                          id: T.id,
+                          colSpan: T.colSpan,
+                          staggerDelay: `${A * Qd}ms`,
+                          dimCover: M,
+                          children: o(T)
+                        }
+                      )
                     },
                     T.id
                   );
-                }),
+                }) }),
                 c && Array.from({ length: P }, (T, A) => /* @__PURE__ */ e("div", { className: "gloss-grid__empty-slot", children: c(g + A) }, `empty-${A}`)),
-                /* @__PURE__ */ e($r, { children: $ && D && (() => {
+                /* @__PURE__ */ e(pr, { children: $ && D && (() => {
                   const T = D.extrudeIndex % n.columns + 1, A = Math.floor(D.extrudeIndex / n.columns) + 1;
                   return /* @__PURE__ */ e(
-                    Ct.div,
+                    vt.div,
                     {
                       variants: tu,
                       initial: "initial",
@@ -9133,8 +9149,8 @@ const Qd = 30, eu = { distance: 5 }, tu = {
     )
   ] });
 });
-au.displayName = "MetricCardGrid";
-const nu = q.memo(function({
+iu.displayName = "MetricCardGrid";
+const lu = q.memo(function({
   tabs: t,
   activeTabId: a,
   onTabChange: n,
@@ -9266,8 +9282,8 @@ const nu = q.memo(function({
     )
   ] });
 });
-nu.displayName = "TabbedDataView";
-const su = function(t) {
+lu.displayName = "TabbedDataView";
+const cu = function(t) {
   const a = {
     variant: "sparkline",
     label: t.label,
@@ -9293,8 +9309,8 @@ const su = function(t) {
     }
   );
 };
-su.displayName = "TrendCard";
-const ou = function(t) {
+cu.displayName = "TrendCard";
+const du = function(t) {
   const a = {
     variant: "bars",
     label: t.label,
@@ -9320,8 +9336,8 @@ const ou = function(t) {
     }
   );
 };
-ou.displayName = "BarChartCard";
-const iu = function(t) {
+du.displayName = "BarChartCard";
+const uu = function(t) {
   const a = {
     variant: "donut",
     label: t.label,
@@ -9348,8 +9364,8 @@ const iu = function(t) {
     }
   );
 };
-iu.displayName = "DistributionCard";
-const lu = function(t) {
+uu.displayName = "DistributionCard";
+const mu = function(t) {
   const a = {
     variant: "highlight",
     label: t.label,
@@ -9374,8 +9390,8 @@ const lu = function(t) {
     }
   );
 };
-lu.displayName = "HighlightCard";
-const cu = function(t) {
+mu.displayName = "HighlightCard";
+const pu = function(t) {
   const a = {
     variant: "arrow",
     label: t.label,
@@ -9401,8 +9417,8 @@ const cu = function(t) {
     }
   );
 };
-cu.displayName = "DirectionCard";
-const du = function(t) {
+pu.displayName = "DirectionCard";
+const fu = function(t) {
   const a = {
     variant: "object-arrow",
     label: t.label,
@@ -9428,8 +9444,8 @@ const du = function(t) {
     }
   );
 };
-du.displayName = "ProgressCard";
-const uu = function(t) {
+fu.displayName = "ProgressCard";
+const gu = function(t) {
   const a = {
     variant: "versus",
     label: t.label,
@@ -9454,8 +9470,8 @@ const uu = function(t) {
     }
   );
 };
-uu.displayName = "ComparisonCard";
-const mu = function(t) {
+gu.displayName = "ComparisonCard";
+const hu = function(t) {
   const a = {
     variant: "segmented",
     label: t.label,
@@ -9480,8 +9496,8 @@ const mu = function(t) {
     }
   );
 };
-mu.displayName = "SegmentCard";
-const pu = function(t) {
+hu.displayName = "SegmentCard";
+const bu = function(t) {
   const a = {
     variant: "standard",
     label: t.label,
@@ -9505,8 +9521,8 @@ const pu = function(t) {
     }
   );
 };
-pu.displayName = "SimpleMetricCard";
-const Ar = ({
+bu.displayName = "SimpleMetricCard";
+const zr = ({
   type: r,
   className: t = ""
 }) => {
@@ -9531,7 +9547,7 @@ const Ar = ({
   const u = r.map((m) => ({
     value: m.id,
     label: /* @__PURE__ */ d("div", { className: "payment-method-option", children: [
-      /* @__PURE__ */ e(Ar, { type: m.type }),
+      /* @__PURE__ */ e(zr, { type: m.type }),
       /* @__PURE__ */ d("div", { className: "payment-method-option__details", children: [
         /* @__PURE__ */ d("span", { className: "payment-method-option__number", children: [
           "**** ",
@@ -9545,13 +9561,13 @@ const Ar = ({
       m.isDefault && /* @__PURE__ */ e("span", { className: "payment-method-option__badge", children: "Default" })
     ] }),
     triggerLabel: /* @__PURE__ */ d("div", { className: "payment-method-trigger", children: [
-      /* @__PURE__ */ e(Ar, { type: m.type }),
+      /* @__PURE__ */ e(zr, { type: m.type }),
       /* @__PURE__ */ d("span", { children: [
         "**** ",
         m.last4
       ] })
     ] }),
-    icon: /* @__PURE__ */ e(Ar, { type: m.type })
+    icon: /* @__PURE__ */ e(zr, { type: m.type })
   }));
   s && u.push({
     value: "__add_new__",
@@ -9582,7 +9598,7 @@ const Ar = ({
   );
 };
 zn.displayName = "PaymentMethodSelect";
-const fu = (r) => `${r.label || r.street}, ${r.city}`, gu = ({
+const yu = (r) => `${r.label || r.street}, ${r.city}`, vu = ({
   addresses: r,
   value: t,
   onChange: a,
@@ -9612,7 +9628,7 @@ const fu = (r) => `${r.label || r.street}, ${r.city}`, gu = ({
         f.zip
       ] })
     ] }),
-    triggerLabel: s === "short" ? /* @__PURE__ */ e("span", { children: fu(f) }) : /* @__PURE__ */ d("div", { className: "address-trigger-full", children: [
+    triggerLabel: s === "short" ? /* @__PURE__ */ e("span", { children: yu(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 }),
@@ -9652,7 +9668,7 @@ const fu = (r) => `${r.label || r.street}, ${r.city}`, gu = ({
     }
   );
 };
-gu.displayName = "AddressSelect";
+vu.displayName = "AddressSelect";
 const $n = q.forwardRef(
   ({
     onSearch: r,
@@ -9805,28 +9821,28 @@ const $n = q.forwardRef(
   }
 );
 $n.displayName = "SearchInput";
-const hu = [
+const _u = [
   { 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) }
-], bu = (r) => {
+], xu = (r) => {
   const t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*";
   let a = "";
   for (let n = 0; n < r; n++)
     a += t.charAt(Math.floor(Math.random() * t.length));
   return a;
-}, yu = (r, t) => {
+}, Nu = (r, t) => {
   if (!r) return "weak";
   const n = t.filter((s) => s.validate(r)).length / t.length;
   return n < 0.4 ? "weak" : n < 0.6 ? "fair" : n < 0.8 ? "good" : "strong";
-}, fr = q.forwardRef(
+}, gr = q.forwardRef(
   ({
     showToggle: r = !0,
     showStrength: t = !1,
     strength: a,
-    strengthRules: n = hu,
+    strengthRules: n = _u,
     showGenerate: s = !1,
     onGenerate: i,
     generateLength: o = 16,
@@ -9847,7 +9863,7 @@ const hu = [
     autoComplete: C = "new-password"
   }, I) => {
     const [g, P] = H(!1), [x, D] = H(String(u ?? "")), w = l !== void 0 ? String(l) : x, $ = ee(
-      () => yu(w, n),
+      () => Nu(w, n),
       [w, n]
     ), T = a ?? $, A = ee(
       () => n.map((V) => ({
@@ -9863,7 +9879,7 @@ const hu = [
     ), O = N(() => {
       P((V) => !V);
     }, []), Y = N(() => {
-      const V = bu(o);
+      const V = xu(o);
       i ? i(V) : (l === void 0 && D(V), p?.({
         target: { value: V },
         currentTarget: { value: V }
@@ -9958,8 +9974,8 @@ const hu = [
     ] });
   }
 );
-fr.displayName = "PasswordInput";
-const vu = q.forwardRef(
+gr.displayName = "PasswordInput";
+const Su = q.forwardRef(
   ({
     value: r,
     defaultValue: t = [],
@@ -10141,8 +10157,8 @@ const vu = q.forwardRef(
     ] });
   }
 );
-vu.displayName = "TagInput";
-const _u = [
+Su.displayName = "TagInput";
+const Cu = [
   { code: "US", name: "United States", dialCode: "+1", format: "(###) ###-####" },
   { code: "CA", name: "Canada", dialCode: "+1", format: "(###) ###-####" },
   { code: "GB", name: "United Kingdom", dialCode: "+44", format: "#### ### ####" },
@@ -10170,7 +10186,7 @@ const _u = [
         nationalNumber: r.slice(n.dialCode.length)
       };
   return { country: null, nationalNumber: r.slice(1) };
-}, xu = (r, t) => {
+}, wu = (r, t) => {
   if (!t) return r;
   const a = r.replace(/\D/g, "");
   let n = "", s = 0;
@@ -10179,13 +10195,13 @@ const _u = [
     i === "#" ? (n += a[s], s++) : n += i;
   }
   return s < a.length && (n += a.slice(s)), n;
-}, Ya = (r) => r.replace(/\D/g, ""), Nu = q.forwardRef(
+}, Ya = (r) => r.replace(/\D/g, ""), ku = q.forwardRef(
   ({
     value: r,
     defaultValue: t,
     onChange: a,
     defaultCountry: n = "US",
-    countries: s = _u,
+    countries: s = Cu,
     showCountrySelect: i = !0,
     format: o = "national",
     label: c,
@@ -10208,7 +10224,7 @@ const _u = [
     ), [x, D] = H(!1), w = r !== void 0, $ = ee(
       () => w ? Ka(r || "", s) : null,
       [w, r, s]
-    ), T = $?.country || C, A = $?.nationalNumber || g, M = xu(A, T.format), O = N(
+    ), T = $?.country || C, A = $?.nationalNumber || g, M = wu(A, T.format), O = N(
       (G, z) => {
         const U = Ya(z);
         return U ? `${G.dialCode}${U}` : "";
@@ -10302,7 +10318,7 @@ const _u = [
     ] });
   }
 );
-Nu.displayName = "PhoneInput";
+ku.displayName = "PhoneInput";
 const Fn = q.forwardRef(
   (r, t) => {
     const {
@@ -10370,8 +10386,8 @@ function Zr({
   );
 }
 Zr.displayName = "PresetPopover";
-const Su = (r) => String(r), Cu = /* @__PURE__ */ e("div", { className: "gloss-autocomplete__empty", children: "No matches found. Try a different search." });
-function wu() {
+const Du = (r) => String(r), Iu = /* @__PURE__ */ e("div", { className: "gloss-autocomplete__empty", children: "No matches found. Try a different search." });
+function Tu() {
   return /* @__PURE__ */ d("div", { className: "gloss-autocomplete__loading", children: [
     /* @__PURE__ */ e(Je, { name: "loader" }),
     "Loading..."
@@ -10382,10 +10398,10 @@ function On(r) {
     options: t,
     value: a,
     onChange: n,
-    getOptionLabel: s = Su,
+    getOptionLabel: s = Du,
     onSearch: i,
     resultSlot: o,
-    emptySlot: c = Cu,
+    emptySlot: c = Iu,
     loadingSlot: l,
     placeholder: u,
     label: p,
@@ -10484,7 +10500,7 @@ function On(r) {
         onDismiss: O,
         anchorRef: P,
         placement: "bottom-start",
-        children: b ? l ?? /* @__PURE__ */ e(wu, {}) : w.length === 0 ? c : /* @__PURE__ */ e(
+        children: b ? l ?? /* @__PURE__ */ e(Tu, {}) : w.length === 0 ? c : /* @__PURE__ */ e(
           "ul",
           {
             ref: D,
@@ -10732,20 +10748,20 @@ function Ln(r) {
   ] });
 }
 Ln.displayName = "MultiSelect";
-const ku = {
+const Eu = {
   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" }
-}, Du = {
+}, Mu = {
   bg: R.BgMuted,
   color: R.TextSecondary
-}, Iu = {
+}, Pu = {
   circle: "50%",
   square: Ce.Md
 };
-function Tu() {
+function Ru() {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -10770,14 +10786,14 @@ function Jr(r) {
   } = r, l = { ...c };
   delete l.className, delete l.style, delete l.definition;
   const u = {
-    ...Du,
-    ...ku[t],
-    radius: Iu[a]
+    ...Mu,
+    ...Eu[t],
+    radius: Pu[a]
   }, p = [
     "gloss-preset-avatar",
     `gloss-preset-avatar--${t}`
   ].join(" ");
-  let m = /* @__PURE__ */ e(Tu, {});
+  let m = /* @__PURE__ */ e(Ru, {});
   return o ? m = o : i && (m = i), /* @__PURE__ */ e(
     no,
     {
@@ -10791,7 +10807,7 @@ function Jr(r) {
   );
 }
 Jr.displayName = "PresetAvatar";
-function Eu(r, t) {
+function Bu(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(Jr, { src: r.avatarUrl, alt: r.label, size: "sm" }) }) : r.icon ? /* @__PURE__ */ e("div", { className: "gloss-entity-picker__result-icon", children: /* @__PURE__ */ e(Je, { name: r.icon, definition: { size: "sm" } }) }) : null,
     /* @__PURE__ */ d("div", { className: "gloss-entity-picker__result-info", children: [
@@ -10800,13 +10816,13 @@ function Eu(r, t) {
     ] })
   ] });
 }
-const Mu = /* @__PURE__ */ e("div", { className: "gloss-entity-picker__empty", children: "No entities found. No matching entities found." });
-function Pu({
+const Au = /* @__PURE__ */ e("div", { className: "gloss-entity-picker__empty", children: "No entities found. No matching entities found." });
+function zu({
   entities: r,
   value: t,
   onChange: a,
   onSearch: n,
-  resultSlot: s = Eu,
+  resultSlot: s = Bu,
   selectedSlot: i,
   placeholder: o = "Search entities...",
   label: c,
@@ -10825,7 +10841,7 @@ function Pu({
       getOptionLabel: (y) => y.label,
       onSearch: n,
       resultSlot: s,
-      emptySlot: Mu,
+      emptySlot: Au,
       placeholder: o,
       label: c,
       isLoading: l,
@@ -10834,7 +10850,7 @@ function Pu({
     }
   ) });
 }
-Pu.displayName = "EntityPicker";
+zu.displayName = "EntityPicker";
 function Qr(r) {
   const {
     columns: t,
@@ -11024,12 +11040,12 @@ function Qr(r) {
   ] });
 }
 Qr.displayName = "DataTable";
-const Ru = [
+const $u = [
   { value: "count", label: "Count" },
   { value: "total", label: "Total" },
   { value: "average", label: "Average" }
 ];
-function Bu({
+function Fu({
   filterDescription: r,
   filterPayload: t,
   onConfirm: a,
@@ -11070,7 +11086,7 @@ function Bu({
           /* @__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: Ru.map(({ value: _, label: v }) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "pin-to-metric__agg-buttons", children: $u.map(({ value: _, label: v }) => /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -11086,13 +11102,13 @@ function Bu({
     ) }) })
   ] });
 }
-Bu.displayName = "PinToMetric";
-const Au = {
+Fu.displayName = "PinToMetric";
+const Ou = {
   sm: "400px",
   md: "560px",
   lg: "720px",
   fullscreen: "100vw"
-}, zu = {
+}, Lu = {
   portal: !0,
   dismissOnClickOutside: !0,
   dismissOnEscape: !0,
@@ -11104,13 +11120,13 @@ const Au = {
   zIndex: en.Modal
 };
 function ea({ open: r, onDismiss: t, size: a = "md", children: n }) {
-  const s = Au[a];
+  const s = Ou[a];
   return /* @__PURE__ */ d(We, { children: [
     r && /* @__PURE__ */ e("div", { className: "gloss-container-dialog__backdrop", "data-density": "default" }),
     /* @__PURE__ */ e(
       tn,
       {
-        definition: zu,
+        definition: Lu,
         open: r,
         onDismiss: t,
         className: `gloss-container-dialog gloss-container-dialog--${a}`,
@@ -11123,20 +11139,20 @@ function ea({ open: r, onDismiss: t, size: a = "md", children: n }) {
 ea.displayName = "ContainerDialog";
 const ta = q.forwardRef(({ children: r, ...t }, a) => {
   const n = { ...t };
-  return delete n.className, delete n.style, /* @__PURE__ */ e("div", { ref: a, className: "gloss-container-dialog__header", ...n, children: /* @__PURE__ */ e(vt, { region: "dialog-header", children: r }) });
+  return delete n.className, delete n.style, /* @__PURE__ */ e("div", { ref: a, className: "gloss-container-dialog__header", ...n, children: /* @__PURE__ */ e(_t, { region: "dialog-header", children: r }) });
 });
 ta.displayName = "ContainerDialogHeader";
 const ra = q.forwardRef(({ children: r, ...t }, a) => {
   const n = { ...t };
-  return delete n.className, delete n.style, /* @__PURE__ */ e("div", { ref: a, className: "gloss-container-dialog__body", ...n, children: /* @__PURE__ */ e(vt, { region: "dialog-body", children: r }) });
+  return delete n.className, delete n.style, /* @__PURE__ */ e("div", { ref: a, className: "gloss-container-dialog__body", ...n, children: /* @__PURE__ */ e(_t, { region: "dialog-body", children: r }) });
 });
 ra.displayName = "ContainerDialogBody";
 const aa = q.forwardRef(({ children: r, ...t }, a) => {
   const n = { ...t };
-  return delete n.className, delete n.style, /* @__PURE__ */ e("div", { ref: a, className: "gloss-container-dialog__actions", ...n, children: /* @__PURE__ */ e(vt, { region: "dialog-actions", children: r }) });
+  return delete n.className, delete n.style, /* @__PURE__ */ e("div", { ref: a, className: "gloss-container-dialog__actions", ...n, children: /* @__PURE__ */ e(_t, { region: "dialog-actions", children: r }) });
 });
 aa.displayName = "ContainerDialogActions";
-function $u(r) {
+function Hu(r) {
   const {
     open: t,
     onClose: a,
@@ -11178,8 +11194,8 @@ function $u(r) {
     ] }) })
   ] }) });
 }
-$u.displayName = "FormDialog";
-const Fu = {
+Hu.displayName = "FormDialog";
+const Wu = {
   body: {
     fontFamily: Be.FontBody,
     fontSize: Be.TextBase,
@@ -11202,7 +11218,7 @@ const Fu = {
     letterSpacing: "0.08em",
     color: R.TextSecondary
   }
-}, Ou = {
+}, Gu = {
   xs: { fontSize: Be.TextXs },
   sm: { fontSize: Be.TextSm },
   md: { fontSize: Be.TextBase },
@@ -11217,8 +11233,8 @@ const Fu = {
   } = t, o = { ...i };
   delete o.className, delete o.style, delete o.definition;
   const c = {
-    ...Fu[a],
-    ...Ou[n]
+    ...Wu[a],
+    ...Gu[n]
   }, l = [
     "gloss-preset-text",
     `gloss-preset-text--${a}`
@@ -11235,7 +11251,7 @@ const Fu = {
   );
 };
 Ht.displayName = "PresetText";
-function Lu({
+function Vu({
   open: r,
   cardA: t,
   cardB: a,
@@ -11360,7 +11376,7 @@ function Lu({
     }
   );
 }
-Lu.displayName = "MergePrompt";
+Vu.displayName = "MergePrompt";
 function Hn(r) {
   const {
     steps: t,
@@ -11426,7 +11442,7 @@ const Ua = 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()
-}), fp = {
+}), yp = {
   slug: "login-form",
   displayName: "Login Form",
   description: "A standard authentication form with email, password, remember me checkbox, and forgot password link. Includes Zod validation.",
@@ -11484,7 +11500,7 @@ const Ua = ye.object({
   ],
   version: "1.0.0"
 };
-function gp({
+function vp({
   title: r = "Welcome Back",
   subtitle: t = "Sign in to your account",
   submitLabel: a = "Sign In",
@@ -11580,7 +11596,7 @@ function gp({
           )
         ] }),
         /* @__PURE__ */ e(
-          fr,
+          gr,
           {
             showToggle: !0,
             placeholder: "Enter your password",
@@ -11623,7 +11639,7 @@ function gp({
     ] })
   ] });
 }
-const Hu = [
+const ju = [
   { value: "AL", label: "Alabama" },
   { value: "AK", label: "Alaska" },
   { value: "AZ", label: "Arizona" },
@@ -11681,7 +11697,7 @@ const Hu = [
   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")
-}), hp = {
+}), _p = {
   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.",
@@ -11727,7 +11743,7 @@ const Hu = [
   ],
   version: "1.0.0"
 };
-function Wu({
+function Ku({
   legend: r = "Address",
   compact: t = !1,
   showStreet2: a = !0,
@@ -11875,7 +11891,7 @@ function Wu({
                       S("state")(g), _((P) => ({ ...P, state: !0 }));
                     },
                     disabled: i,
-                    options: Hu
+                    options: ju
                   }
                 ),
                 k.state && b.state && /* @__PURE__ */ e("span", { className: "gloss-pattern-address-group__error", children: k.state })
@@ -11916,9 +11932,9 @@ function Wu({
     )
   ] });
 }
-const Wn = cs(Wu);
+const Wn = cs(Ku);
 Wn.displayName = "AddressGroup";
-const Gu = (r) => {
+const Yu = (r) => {
   const t = r.replace(/\s/g, "");
   if (!/^\d{13,19}$/.test(t)) return !1;
   let a = 0, n = !1;
@@ -11927,15 +11943,15 @@ const Gu = (r) => {
     n && (i *= 2, i > 9 && (i -= 9)), a += i, n = !n;
   }
   return a % 10 === 0;
-}, gr = ye.object({
-  cardNumber: ye.string().min(13, "Card number is too short").refine((r) => Gu(r), "Invalid card number"),
+}, hr = ye.object({
+  cardNumber: ye.string().min(13, "Card number is too short").refine((r) => Yu(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, a] = r.split("/").map((i) => parseInt(i.trim(), 10)), n = /* @__PURE__ */ new Date();
     return new Date(2e3 + a, t - 1) > n;
   }, "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")
-}), bp = {
+}), xp = {
   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.",
@@ -11999,7 +12015,7 @@ const Gu = (r) => {
   ],
   version: "1.0.0"
 };
-function yp({
+function Np({
   title: r = "Payment Details",
   subtitle: t = "Enter your card information",
   submitLabel: a = "Pay",
@@ -12023,7 +12039,7 @@ function yp({
     cardholderName: p.cardholderName ?? ""
   }), [h, k] = H({}), [E, S] = H({}), C = ee(() => n ? `${a} ${n}` : a, [a, n]), I = N((w, $) => {
     try {
-      gr.shape[w].parse($), k((A) => ({ ...A, [w]: void 0 }));
+      hr.shape[w].parse($), k((A) => ({ ...A, [w]: void 0 }));
     } catch (T) {
       T instanceof ye.ZodError && k((A) => ({ ...A, [w]: T.issues[0]?.message }));
     }
@@ -12043,7 +12059,7 @@ function yp({
         f(new FormData(w.currentTarget));
         return;
       }
-      const $ = gr.safeParse(_);
+      const $ = hr.safeParse(_);
       if (!$.success) {
         const T = {};
         $.error.issues.forEach((A) => {
@@ -12180,7 +12196,7 @@ const Xa = ye.object({
 }).refine((r) => r.password === r.confirmPassword, {
   message: "Passwords must match",
   path: ["confirmPassword"]
-}), vp = {
+}), Sp = {
   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.",
@@ -12232,7 +12248,7 @@ const Xa = ye.object({
   ],
   version: "1.0.0"
 };
-function _p({
+function Cp({
   onSubmit: r,
   onSubmitRaw: t,
   isLoading: a = !1,
@@ -12368,7 +12384,7 @@ function _p({
       /* @__PURE__ */ d("div", { className: "gloss-registration-form__field", children: [
         /* @__PURE__ */ e("label", { className: "gloss-registration-form__label", children: "Password" }),
         /* @__PURE__ */ e(
-          fr,
+          gr,
           {
             showToggle: !0,
             showStrength: !0,
@@ -12388,7 +12404,7 @@ function _p({
       /* @__PURE__ */ d("div", { className: "gloss-registration-form__field", children: [
         /* @__PURE__ */ e("label", { className: "gloss-registration-form__label", children: "Confirm Password" }),
         /* @__PURE__ */ e(
-          fr,
+          gr,
           {
             showToggle: !0,
             placeholder: "Confirm your password",
@@ -12442,7 +12458,7 @@ const qa = 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")
-}), xp = {
+}), wp = {
   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.",
@@ -12482,7 +12498,7 @@ const qa = ye.object({
   ],
   version: "1.0.0"
 };
-function Np({
+function kp({
   onSubmit: r,
   onSubmitRaw: t,
   isLoading: a = !1,
@@ -12638,9 +12654,9 @@ function Np({
     ) })
   ] });
 }
-const Vu = ye.object({
+const Uu = ye.object({
   paymentMethod: ye.enum(["credit_card", "debit_card", "bank_transfer"]),
-  card: gr.optional(),
+  card: hr.optional(),
   billingAddress: Kr,
   savePaymentMethod: ye.boolean().optional()
 }).refine(
@@ -12649,7 +12665,7 @@ const Vu = ye.object({
     message: "Card details are required for card payments",
     path: ["card"]
   }
-), Sp = {
+), Dp = {
   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.",
@@ -12689,7 +12705,7 @@ const Vu = ye.object({
   ],
   version: "1.0.0"
 };
-function Cp({
+function Ip({
   onSubmit: r,
   onSubmitRaw: t,
   isLoading: a = !1,
@@ -12712,7 +12728,7 @@ function Cp({
     s.savePaymentMethod ?? !1
   ), [S, C] = H(), I = ce(null), g = p === "credit_card" || p === "debit_card", P = N((T, A) => {
     try {
-      gr.shape[T].parse(A), _((O) => ({ ...O, [T]: void 0 }));
+      hr.shape[T].parse(A), _((O) => ({ ...O, [T]: void 0 }));
     } catch (M) {
       M instanceof ye.ZodError && _((O) => ({ ...O, [T]: M.issues[0]?.message }));
     }
@@ -12748,7 +12764,7 @@ function Cp({
         savePaymentMethod: k
       };
       g && (O.card = f);
-      const Y = Vu.safeParse(O);
+      const Y = Uu.safeParse(O);
       if (!Y.success) {
         const j = {};
         Y.error.issues.forEach((B) => {
@@ -12909,7 +12925,7 @@ function Cp({
     ] })
   ] });
 }
-const wp = {
+const Tp = {
   slug: "destructive-modal",
   displayName: "Destructive Modal",
   description: "A confirmation dialog for dangerous actions like delete operations. Supports optional text confirmation for extra safety.",
@@ -12967,7 +12983,7 @@ const wp = {
   ],
   version: "1.0.0"
 };
-function kp({
+function Ep({
   isOpen: r,
   onClose: t,
   onConfirm: a,
@@ -13036,7 +13052,7 @@ function kp({
     ] })
   ] });
 }
-function ju(r) {
+function Xu(r) {
   const {
     onSearch: t,
     filters: a = [],
@@ -13094,8 +13110,8 @@ function ju(r) {
     )
   ] });
 }
-ju.displayName = "EntitySearchPanel";
-function Ku(r) {
+Xu.displayName = "EntitySearchPanel";
+function qu(r) {
   const {
     name: t,
     subtitle: a,
@@ -13125,8 +13141,8 @@ function Ku(r) {
     ] }, p)) })
   ] }) });
 }
-Ku.displayName = "ProfileCard";
-function Yu(r) {
+qu.displayName = "ProfileCard";
+function Zu(r) {
   const {
     value: t,
     onChange: a,
@@ -13185,8 +13201,8 @@ function Yu(r) {
     o && /* @__PURE__ */ e("div", { className: "gloss-order-filter-bar__reset", children: /* @__PURE__ */ e(Ie, { variant: "ghost", size: "sm", onClick: o, children: "Reset" }) })
   ] });
 }
-Yu.displayName = "OrderFilterBar";
-const Uu = {
+Zu.displayName = "OrderFilterBar";
+const Ju = {
   default: {
     fillBg: R.BrandPrimary,
     trackBg: R.Gray200,
@@ -13223,7 +13239,7 @@ function Gn(r) {
     ...c
   } = r, l = { ...c };
   delete l.className, delete l.style, delete l.definition;
-  const u = Uu[t], p = Math.round(a / (n || 100) * 100), m = [
+  const u = Ju[t], p = Math.round(a / (n || 100) * 100), m = [
     "gloss-preset-progress-bar",
     `gloss-preset-progress-bar--${t}`,
     o !== "none" && `gloss-preset-progress-bar--label-${o}`
@@ -13255,12 +13271,12 @@ function Gn(r) {
   ] });
 }
 Gn.displayName = "PresetProgressBar";
-const Xu = [
+const Qu = [
   { key: "upload", label: "Upload" },
   { key: "preview", label: "Preview" },
   { key: "confirm", label: "Confirm" }
 ];
-function qu(r) {
+function em(r) {
   const {
     acceptedTypes: t,
     onFileParsed: a,
@@ -13289,7 +13305,7 @@ function qu(r) {
     /* @__PURE__ */ e(
       Hn,
       {
-        steps: Xu,
+        steps: Qu,
         activeStep: u,
         onStepChange: p,
         onStepValidate: k,
@@ -13336,8 +13352,8 @@ function qu(r) {
     _ && /* @__PURE__ */ e("p", { className: "gloss-import-wizard__error", children: _ })
   ] });
 }
-qu.displayName = "ImportWizard";
-const Zu = q.forwardRef(({ title: r, collapsed: t = !1, onToggle: a, density: n = "default", children: s, ...i }, o) => {
+em.displayName = "ImportWizard";
+const tm = q.forwardRef(({ title: r, collapsed: t = !1, onToggle: a, density: n = "default", children: s, ...i }, o) => {
   const c = { ...i };
   return delete c.className, delete c.style, /* @__PURE__ */ d(
     "div",
@@ -13363,25 +13379,25 @@ const Zu = q.forwardRef(({ title: r, collapsed: t = !1, onToggle: a, density: n
             ]
           }
         ),
-        !t && /* @__PURE__ */ e(vt, { region: "panel", density: n, children: /* @__PURE__ */ e("div", { className: "gloss-container-panel__content", children: s }) })
+        !t && /* @__PURE__ */ e(_t, { region: "panel", density: n, children: /* @__PURE__ */ e("div", { className: "gloss-container-panel__content", children: s }) })
       ]
     }
   );
 });
-Zu.displayName = "ContainerPanel";
+tm.displayName = "ContainerPanel";
 function qt(...r) {
   return (t) => {
     for (const a of r)
       typeof a == "function" ? a(t) : a && typeof a == "object" && (a.current = t);
   };
 }
-function hr(r, t) {
+function br(r, t) {
   if (!(!r && !t))
     return r ? t ? (a) => {
       r(a), t(a);
     } : r : t ?? void 0;
 }
-const Ju = q.forwardRef(
+const rm = q.forwardRef(
   ({ onAction: r, disabled: t = !1, role: a = "button", children: n }, s) => {
     const i = q.Children.only(n), o = (u) => {
       t || (u.key === "Enter" || u.key === " ") && (u.preventDefault(), r?.(u));
@@ -13389,8 +13405,8 @@ const Ju = q.forwardRef(
       t || r?.(u);
     }, l = i.props;
     return q.cloneElement(i, {
-      onClick: hr(l.onClick, c),
-      onKeyDown: hr(l.onKeyDown, o),
+      onClick: br(l.onClick, c),
+      onKeyDown: br(l.onKeyDown, o),
       tabIndex: l.tabIndex ?? (t ? -1 : 0),
       role: l.role ?? a,
       "aria-disabled": t || void 0,
@@ -13398,16 +13414,16 @@ const Ju = q.forwardRef(
     });
   }
 );
-Ju.displayName = "Actionable";
-const Qu = q.forwardRef(
+rm.displayName = "Actionable";
+const am = q.forwardRef(
   ({ selected: r = !1, onSelect: t, disabled: a = !1, showCheckbox: n = !1, children: s }, i) => {
     const o = q.Children.only(s), c = N((m) => {
       a || t?.(!r, m);
     }, [a, t, r]), l = N((m) => {
       a || (m.key === "Enter" || m.key === " ") && (m.preventDefault(), t?.(!r, m));
     }, [a, t, r]), u = o.props, p = q.cloneElement(o, {
-      onClick: hr(u.onClick, c),
-      onKeyDown: hr(u.onKeyDown, l),
+      onClick: br(u.onClick, c),
+      onKeyDown: br(u.onKeyDown, l),
       tabIndex: u.tabIndex ?? (a ? -1 : 0),
       role: u.role ?? "option",
       "aria-selected": r,
@@ -13439,8 +13455,8 @@ const Qu = q.forwardRef(
     ] }) : p;
   }
 );
-Qu.displayName = "Selectable";
-const em = q.forwardRef(
+am.displayName = "Selectable";
+const nm = q.forwardRef(
   ({ onDismiss: r, dismissOnEscape: t = !0, dismissOnClickOutside: a = !0, showCloseButton: n = !1, disabled: s = !1, children: i }, o) => {
     const c = q.Children.only(i), l = ce(null);
     se(() => {
@@ -13495,14 +13511,14 @@ const em = q.forwardRef(
     ] }) : p;
   }
 );
-em.displayName = "Dismissible";
+nm.displayName = "Dismissible";
 let na = null, Vn = null;
 try {
   const r = require("@dnd-kit/sortable");
   na = r.useSortable || r.default && r.default.useSortable, Vn = (r.CSS || r.default && r.default.CSS)?.Transform?.toString ?? null;
 } catch {
 }
-const tm = q.forwardRef(
+const sm = q.forwardRef(
   ({ id: r, disabled: t = !1, children: a }, n) => {
     const s = q.Children.only(a);
     return na ? /* @__PURE__ */ e(jn, { id: r, disabled: t, outerRef: n, children: s }) : q.cloneElement(s, {
@@ -13510,7 +13526,7 @@ const tm = q.forwardRef(
     });
   }
 );
-tm.displayName = "Sortable";
+sm.displayName = "Sortable";
 function jn({ id: r, disabled: t, outerRef: a, children: n }) {
   const {
     attributes: s,
@@ -13543,7 +13559,7 @@ try {
   Yr = r.motion?.div ?? null, Ur = r.AnimatePresence ?? null;
 } catch {
 }
-const rm = q.forwardRef(
+const om = q.forwardRef(
   ({ expanded: r, trigger: t, onToggle: a, duration: n = 0.2, children: s }, i) => {
     const o = () => {
       a?.();
@@ -13567,7 +13583,7 @@ const rm = q.forwardRef(
     ] });
   }
 );
-rm.displayName = "Expandable";
+om.displayName = "Expandable";
 export {
   xn as $,
   vn as A,
@@ -13598,108 +13614,108 @@ export {
   Cc as Z,
   wc as _,
   Ti as a,
-  ap as a$,
+  ip as a$,
   kc as a0,
   Dc as a1,
   Tc as a2,
   Ic as a3,
   Ec as a4,
   Tn as a5,
-  sp as a6,
-  op as a7,
+  cp as a6,
+  dp as a7,
   sd as a8,
-  su as a9,
+  cu as a9,
   Ua as aA,
   Wn as aB,
-  hp as aC,
+  _p as aC,
   Kr as aD,
-  yp as aE,
-  bp as aF,
-  gr as aG,
-  kp as aH,
-  wp as aI,
-  _p as aJ,
-  vp as aK,
+  Np as aE,
+  xp as aF,
+  hr as aG,
+  Ep as aH,
+  Tp as aI,
+  Cp as aJ,
+  Sp as aK,
   Xa as aL,
-  Cp as aM,
-  Sp as aN,
-  Vu as aO,
-  Np as aP,
-  xp as aQ,
+  Ip as aM,
+  Dp as aN,
+  Uu as aO,
+  kp as aP,
+  wp as aQ,
   qa as aR,
-  ju as aS,
-  Ku as aT,
-  Yu as aU,
-  qu as aV,
+  Xu as aS,
+  qu as aT,
+  Zu as aU,
+  em as aV,
   fn as aW,
   Qe as aX,
   et as aY,
-  Er as aZ,
-  rp as a_,
-  ou as aa,
-  iu as ab,
-  lu as ac,
-  cu as ad,
-  du as ae,
-  uu as af,
-  mu as ag,
-  pu as ah,
+  Mr as aZ,
+  op as a_,
+  du as aa,
+  uu as ab,
+  mu as ac,
+  pu as ad,
+  fu as ae,
+  gu as af,
+  hu as ag,
+  bu as ah,
   zn as ai,
-  gu as aj,
+  vu as aj,
   $n as ak,
-  fr as al,
-  vu as am,
-  Nu as an,
+  gr as al,
+  Su as am,
+  ku as an,
   Fn as ao,
   On as ap,
   Ln as aq,
-  Pu as ar,
+  zu as ar,
   Qr as as,
-  $u as at,
-  Lu as au,
+  Hu as at,
+  Vu as au,
   Xd as av,
-  Bu as aw,
+  Fu as aw,
   Hn as ax,
-  gp as ay,
-  fp as az,
+  vp as ay,
+  yp as az,
   lt as b,
-  np as b0,
+  lp as b0,
   ea as b1,
   ta as b2,
   ra as b3,
   aa as b4,
-  Zu as b5,
+  tm as b5,
   qt as b6,
-  hr as b7,
-  Ju as b8,
-  Qu as b9,
+  br as b7,
+  rm as b8,
+  am as b9,
   Rn as bA,
   Vr as bB,
   Gr as bC,
   Ad as bD,
   Wd as bE,
   Fd as bF,
-  pp as bG,
-  dp as bH,
-  up as bI,
-  mp as bJ,
+  bp as bG,
+  fp as bH,
+  gp as bI,
+  hp as bJ,
   Yd as bK,
   Ud as bL,
   Bn as bM,
   jr as bN,
   Lt as bO,
   An as bP,
-  au as bQ,
-  nu as bR,
-  ip as bS,
+  iu as bQ,
+  lu as bR,
+  up as bS,
   ld as bT,
   Ht as bU,
   Jr as bV,
   Gn as bW,
   Zr as bX,
-  em as ba,
-  tm as bb,
-  rm as bc,
+  nm as ba,
+  sm as bb,
+  om as bc,
   ur as bd,
   Mc as be,
   Pc as bf,
@@ -13710,14 +13726,14 @@ export {
   Or as bk,
   md as bl,
   In as bm,
-  br as bn,
+  yr as bn,
   Cn as bo,
   wn as bp,
   kn as bq,
   zc as br,
   gd as bs,
-  lp as bt,
-  cp as bu,
+  mp as bt,
+  pp as bu,
   hd as bv,
   bd as bw,
   Dd as bx,
@@ -13725,7 +13741,7 @@ export {
   Pn as bz,
   Bi as c,
   Ri as d,
-  pr as e,
+  fr as e,
   Hi as f,
   Oi as g,
   Vi as h,