@mt-gloss/ui 0.0.27 → 0.0.29

package/{Expandable-Ct-LM6zt.js → Expandable-D4oDgWla.js}

@@ -1,9 +1,9 @@
 import { jsxs as d, jsx as e, Fragment as je } from "react/jsx-runtime";
-import q, { useId as Le, useState as O, useCallback as S, createContext as Ut, useContext as Xt, useRef as se, useEffect as oe, useMemo as ee, useSyncExternalStore as as, useReducer as ss, forwardRef as os, useImperativeHandle as is } from "react";
+import q, { useId as Le, useState as O, useCallback as S, createContext as Yt, useContext as Ut, useRef as se, useEffect as oe, useMemo as ee, useSyncExternalStore as as, useReducer as ss, forwardRef as os, useImperativeHandle as is } from "react";
 import { S as J, E as Xe, C as B, h as ls, R as Se, k as cs, l as ds, m as us, aj as ms, P as ps, s as fs, ac as gs, ak as ve, Q as hs, V as qn, W as Zn, X as bs, Y as ys, _ as vs, $ as _s, a0 as xs, a1 as Ns, a4 as Ss, a5 as Cs, a6 as ws, ab as ks, a7 as Ds, a8 as Is, O as Ts, N as Es, i as Ms, j as Ps, a2 as Bs, a3 as Rs, n as zs, t as As, y as $s, v as Fs, U as bt, z as Os, A as Ls, w as Hs, D as Ws, x as Gs, ah as Vs, ai as js, F as Ks, G as Ys, H as Us, I as Xs, J as qs, K as Zs, L as Js, M as Qs, c as he, ad as Ht, e as Jn, d as kt, g as qe, Z as Qn, B as eo, af as to, b as ea, T as Ae, ae as ro, ag as _n } from "./UIContext-C3E-k7HI.js";
-import { formatTrend as no, isStatusModeEnabled as ao, formatValue as lr, getValueFontSize as xn, getDateRangeForPreset as Ve, formatDateRangeSmart as mt, isInRange as so, isSameDay as er, formatMarketDates as oo, DEFAULT_MARKET_PRESETS as tr, isMarketActive as xt, detectPreset as rr, getDateRangeDisplayInfo as $t, toUppercasePresetId as nr, generateMarketId as io, ROLLING_OPTIONS as Nr, PERIOD_OPTIONS as Sr } from "@mt-gloss/utils";
+import { formatTrend as no, isStatusModeEnabled as ao, formatValue as ir, getValueFontSize as xn, getDateRangeForPreset as Ve, formatDateRangeSmart as mt, isInRange as so, isSameDay as Qt, formatMarketDates as oo, DEFAULT_MARKET_PRESETS as er, isMarketActive as xt, detectPreset as tr, getDateRangeDisplayInfo as $t, toUppercasePresetId as rr, generateMarketId as io, ROLLING_OPTIONS as Nr, PERIOD_OPTIONS as Sr } from "@mt-gloss/utils";
 import { useGridApiRef as lo, DataGridPro as co } from "@mui/x-data-grid-pro";
-import { Chip as Wt, Tooltip as ft, MenuItem as Gt, Menu as uo, Box as ae, Popper as mo, Paper as po, MenuList as fo, ListItemText as go, IconButton as Ue, Select as Nn, Typography as Ie, Divider as ho, Button as rt, Collapse as bo, Popover as yo, Dialog as vo, DialogTitle as _o, DialogContent as xo, TextField as ar, DialogActions as No, Tabs as So, Tab as Co } from "@mui/material";
+import { Chip as Wt, Tooltip as ft, MenuItem as Gt, Menu as uo, Box as ae, Popper as mo, Paper as po, MenuList as fo, ListItemText as go, IconButton as Ue, Select as Nn, Typography as Ie, Divider as ho, Button as rt, Collapse as bo, Popover as yo, Dialog as vo, DialogTitle as _o, DialogContent as xo, TextField as nr, DialogActions as No, Tabs as So, Tab as Co } from "@mui/material";
 import wo from "@mui/icons-material/Person";
 import ko from "@mui/icons-material/Business";
 import Do from "@mui/icons-material/BarChart";
@@ -24,7 +24,7 @@ import Lo from "@mui/icons-material/LocalOffer";
 import Ho from "@mui/icons-material/AttachMoney";
 import ta from "@mui/icons-material/OpenInNew";
 import Sn from "@mui/icons-material/CalendarToday";
-import cr from "@mui/icons-material/ExpandMore";
+import lr from "@mui/icons-material/ExpandMore";
 import Br from "@mui/icons-material/Place";
 import Ft from "@mui/icons-material/Add";
 import Dt from "@mui/icons-material/Check";
@@ -238,9 +238,9 @@ const Di = {
   }
 );
 it.displayName = "PresetCheckbox";
-const la = Ut(null);
+const la = Yt(null);
 function Ei() {
-  return Xt(la);
+  return Ut(la);
 }
 function Mi({
   value: r,
@@ -335,7 +335,7 @@ const Bi = {
 }, zi = {
   trackBg: B.BgSurface,
   dotColor: B.BrandPrimary
-}, ur = q.forwardRef(
+}, dr = q.forwardRef(
   (r, t) => {
     const {
       variant: n = "default",
@@ -387,10 +387,10 @@ const Bi = {
     ] });
   }
 );
-ur.displayName = "PresetRadio";
-const ca = Ut(null);
+dr.displayName = "PresetRadio";
+const ca = Yt(null);
 function Ai() {
-  return Xt(ca);
+  return Ut(ca);
 }
 function $i({
   value: r,
@@ -434,7 +434,7 @@ function $i({
       m && /* @__PURE__ */ e("span", { className: "gloss-radio-group__required", children: " *" })
     ] }),
     /* @__PURE__ */ e("div", { className: "gloss-radio-group__items", role: "radiogroup", "aria-required": m, children: a ? a.map((k) => /* @__PURE__ */ e(
-      ur,
+      dr,
       {
         name: f,
         value: String(k.value),
@@ -456,7 +456,7 @@ const Fi = q.forwardRef(
   ({ value: r, ...t }, n) => {
     const a = Ai();
     return a ? /* @__PURE__ */ e(
-      ur,
+      dr,
       {
         ref: n,
         name: a.groupProps.name,
@@ -468,7 +468,7 @@ const Fi = q.forwardRef(
         disabled: a.groupProps.disabled || t.disabled,
         ...t
       }
-    ) : /* @__PURE__ */ e(ur, { ref: n, value: r, name: "", ...t });
+    ) : /* @__PURE__ */ e(dr, { ref: n, value: r, name: "", ...t });
   }
 );
 Fi.displayName = "GroupRadio";
@@ -1355,7 +1355,7 @@ const yl = [
   "#000000",
   "#6b7280",
   "#ffffff"
-], sr = (r) => {
+], 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;
 }, fa = (r, t, n) => `#${[r, t, n].map((a) => a.toString(16).padStart(2, "0")).join("")}`, vl = (r, t, n) => {
@@ -1396,19 +1396,19 @@ const yl = [
       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 = sr(I) || { r: 59, g: 130, b: 246 }, E = S((L, P, H) => {
+    } = 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) => {
       const Y = Pn(L, P, H, o);
       k || w(Y), i?.(Y);
     }, [o, k, i]), x = S((L) => {
-      const P = sr(L);
+      const P = ar(L);
       P && E(P.r, P.g, P.b);
     }, [E]), D = S((L) => {
-      const P = sr(L.target.value);
+      const P = ar(L.target.value);
       P && E(P.r, P.g, P.b);
     }, [E]), N = S((L) => {
       const P = L.target.value;
       k || w(P);
-      const H = sr(P);
+      const H = ar(P);
       H && i?.(Pn(H.r, H.g, H.b, o));
     }, [o, k, i]);
     oe(() => {
@@ -1986,7 +1986,7 @@ function It(r) {
   return /* @__PURE__ */ e(zs, { definition: m, className: p, children: l });
 }
 It.displayName = "PresetSelect";
-const Ul = Ut("md"), Xl = {
+const Ul = Yt("md"), Xl = {
   elevated: {
     bg: B.BgSurface,
     border: "none",
@@ -2583,9 +2583,9 @@ function Cc({ children: r }) {
   return /* @__PURE__ */ e("div", { className: "gloss-preset-transition-group", children: r });
 }
 Cc.displayName = "TransitionGroup";
-const va = Ut(null);
+const va = Yt(null);
 function wc() {
-  const r = Xt(va);
+  const r = Ut(va);
   if (!r)
     throw new Error("useFormContext must be used within a Form component");
   return r;
@@ -2754,7 +2754,7 @@ const _a = q.memo(({
   );
 });
 _a.displayName = "FilterChip";
-const dr = q.memo(({
+const cr = q.memo(({
   group: r,
   activeId: t,
   onSelect: n,
@@ -2865,7 +2865,7 @@ const dr = q.memo(({
     }
   );
 });
-dr.displayName = "TabGroup";
+cr.displayName = "TabGroup";
 const Ic = (r) => {
   switch (r.variant) {
     case "block": {
@@ -3164,7 +3164,7 @@ const Rn = {
   );
 };
 Ar.displayName = "TrendIndicator";
-const Kt = ({ data: r, color: t, isStale: n }) => {
+const fr = ({ data: r, color: t, isStale: n }) => {
   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, m = Math.min(...r), f = Math.max(...r) - m || 1, b = r.map((v, h) => ({
@@ -3176,15 +3176,26 @@ const Kt = ({ data: r, color: t, isStale: n }) => {
   return o ? /* @__PURE__ */ d(
     "svg",
     {
-      width: "100%",
       height: 55,
       viewBox: `0 0 ${o.w} ${o.h}`,
       preserveAspectRatio: "none",
       style: {
         position: "absolute",
-        bottom: 0,
-        left: 0,
-        right: 0,
+        // quick-260418-k7k-fix-2 (second post-mortem — chrome MCP DOM inspection):
+        // Previous k7k-fix-1 set left:-12 / right:-12 INSIDE the SVG and left
+        // the `width="100%"` presentation attribute in place. The attribute
+        // maps to CSS `width: 100%`, which wins over the combined left/right
+        // constraints: browser honors left, ignores right, so the SVG was
+        // clipped at the containing-block's right padding edge — leaving
+        // the 12–24px gap on the right that the user reported on 1×1 cards.
+        // Fix: remove the width attribute so the SVG width is computed from
+        // left + right + containingBlock = containingBlock + 24, reaching
+        // both card edges. StackedGroupCard also moves SparklineBg out of
+        // its overflow:hidden inner BaseBox so the bleed isn't clipped.
+        bottom: -8,
+        left: -12,
+        right: -12,
+        width: "auto",
         zIndex: 1,
         display: "block",
         pointerEvents: "none",
@@ -3214,7 +3225,7 @@ const Kt = ({ data: r, color: t, isStale: n }) => {
     }
   ) : null;
 };
-Kt.displayName = "SparklineBg";
+fr.displayName = "SparklineBg";
 const xa = ({ data: r, color: t, isStale: n }) => {
   const a = t || "#4f46e5", s = ee(() => {
     if (!r || r.length < 1) return null;
@@ -3450,7 +3461,7 @@ function wa(r) {
               children: [
                 /* @__PURE__ */ e("span", { className: "gloss-metric-card__label", children: l.label }),
                 /* @__PURE__ */ e("span", { children: String(l.value) }),
-                m != null && m.length > 0 ? /* @__PURE__ */ e(Kt, { data: [...m], color: l.accentColor }) : null
+                m != null && m.length > 0 ? /* @__PURE__ */ e(fr, { data: [...m], color: l.accentColor }) : null
               ]
             },
             l.id
@@ -3533,7 +3544,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(() => lr(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 ? Bc[f] : void 0) || f, g = ee(() => ir(s, {
     prefix: i?.prefix || "",
     suffix: i?.suffix || "",
     abbreviated: i?.abbreviated
@@ -3583,11 +3594,11 @@ const Ir = {
     );
   }, H = () => {
     if (!w) return null;
-    const M = lr(w.current, {
+    const M = ir(w.current, {
       prefix: i?.prefix || "",
       suffix: i?.suffix || "",
       abbreviated: i?.abbreviated
-    }), W = lr(w.prior, {
+    }), W = ir(w.prior, {
       prefix: i?.prefix || "",
       suffix: i?.suffix || "",
       abbreviated: i?.abbreviated
@@ -3720,22 +3731,7 @@ const Ir = {
         }
       }
     ),
-    n === "sparkline" && /* @__PURE__ */ e(
-      "div",
-      {
-        "aria-hidden": "true",
-        style: {
-          position: "absolute",
-          top: -10,
-          left: -12,
-          bottom: -8,
-          right: -12,
-          zIndex: 1,
-          pointerEvents: "none"
-        },
-        children: /* @__PURE__ */ e(Kt, { data: y, color: p, isStale: u })
-      }
-    ),
+    n === "sparkline" && /* @__PURE__ */ e(fr, { data: y, color: p, isStale: u }),
     n === "bars" && /* @__PURE__ */ e(xa, { data: b, color: p, isStale: u }),
     /* @__PURE__ */ e(
       he,
@@ -3953,12 +3949,12 @@ const Ke = {
   // UI-SPEC §Motion Prescription: prefers-reduced-motion target duration
   REDUCED_MOTION_MS: 10
 };
-function Yt(r, t) {
+function Kt(r, t) {
   return (t ? Ke.REDUCED_MOTION_MS : r) / 1e3;
 }
 function Oc(r) {
   const t = {
-    duration: Yt(Ke.BORDER_RADIUS_MS, r),
+    duration: Kt(Ke.BORDER_RADIUS_MS, r),
     ease: "easeOut"
   };
   return {
@@ -3979,7 +3975,7 @@ function Lc(r) {
       scaleY: 1,
       y: 0,
       transition: {
-        duration: Yt(Ke.MENU_OPEN_MS, r),
+        duration: Kt(Ke.MENU_OPEN_MS, r),
         ease: "easeOut"
       }
     },
@@ -3987,7 +3983,7 @@ function Lc(r) {
       opacity: 0,
       scaleY: 0.9,
       transition: {
-        duration: Yt(Ke.MENU_CLOSE_MS, r),
+        duration: Kt(Ke.MENU_CLOSE_MS, r),
         ease: "easeIn"
       }
     }
@@ -4000,7 +3996,7 @@ function Hc(r) {
       opacity: 1,
       scale: 1,
       transition: {
-        duration: Yt(Ke.ICON_INGRESS_MS, r),
+        duration: Kt(Ke.ICON_INGRESS_MS, r),
         ease: "easeOut"
       }
     },
@@ -4008,7 +4004,7 @@ function Hc(r) {
       opacity: 0,
       scale: 0.9,
       transition: {
-        duration: Yt(Ke.ICON_EGRESS_MS, r),
+        duration: Kt(Ke.ICON_EGRESS_MS, r),
         ease: "easeIn"
       }
     }
@@ -4117,6 +4113,14 @@ const ka = (r) => {
       ie || (V(!1), i(!1));
     },
     placement: M,
+    // quick-260418-k7k-fix-2: strategy='fixed' positions the floating menu
+    // against the viewport instead of the nearest positioned ancestor.
+    // Each metric-card cell wrapper has position:relative (creating its
+    // own stacking context), so the default 'absolute' strategy left the
+    // menu trapped inside — sibling cells below always won z-index.
+    // Fixed positioning escapes all ancestor stacking contexts WITHOUT
+    // requiring a React Portal (AP-08 compliant).
+    strategy: "fixed",
     middleware: [hi(6), bi(), yi({ padding: 8 })],
     whileElementsMounted: gi
   }), K = sa($, {
@@ -4877,7 +4881,7 @@ const sd = function(t) {
     },
     [x, g]
   ), N = !!y || !!v, R = !!b || !!v, z = se(null), { capacity: L } = Ca(z), P = f != null ? ad(f) : L, H = ee(() => o.map((M, W) => {
-    const j = i.find((K) => K.timeframe === M) || i[W], G = j?.value ?? null, $ = lr(G, { prefix: a, suffix: s, abbreviated: !0 });
+    const j = i.find((K) => K.timeframe === M) || i[W], G = j?.value ?? null, $ = ir(G, { prefix: a, suffix: s, abbreviated: !0 });
     return {
       timeframe: M,
       formatted: $,
@@ -4887,135 +4891,118 @@ const sd = function(t) {
     () => H.slice(0, Math.min(H.length, P)),
     [H, P]
   ), V = c?.[C];
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ d(
     "div",
     {
       ref: z,
       "data-stacked-capacity": P,
       style: { position: "relative", width: "100%", height: "100%" },
-      children: /* @__PURE__ */ d(
-        he,
-        {
-          definition: { display: "flex", direction: "column" },
-          style: { position: "relative", width: "100%", height: "100%", overflow: "hidden" },
-          children: [
-            /* @__PURE__ */ e("div", { style: {
-              fontSize: 10.5,
-              fontWeight: 600,
-              textTransform: "uppercase",
-              letterSpacing: "0.04em",
-              color: "#6B7280",
-              lineHeight: "14px",
-              marginBottom: 4,
-              whiteSpace: "nowrap",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              position: "relative",
-              zIndex: 2
-            }, children: n }),
-            /* @__PURE__ */ e(
-              kt,
-              {
-                definition: { direction: "horizontal", gap: "0px", align: "stretch" },
-                className: T,
-                style: { flex: 1, minHeight: 0, position: "relative", zIndex: 2 },
-                children: Y.map((M, W) => {
-                  const j = M.timeframe === C;
-                  return /* @__PURE__ */ d(
-                    he,
-                    {
-                      definition: { display: "flex", direction: "column", align: "center", justify: "center" },
-                      "data-slot-idx": W,
-                      onPointerEnter: N ? () => D(W, M.timeframe) : void 0,
-                      onPointerLeave: R ? E : void 0,
-                      style: {
-                        flex: 1,
-                        minWidth: 0,
-                        borderRight: W < Y.length - 1 ? "1px solid rgba(0,0,0,0.06)" : "none",
-                        padding: "0 4px"
+      children: [
+        V && V.length >= 2 && /* @__PURE__ */ e(fr, { data: V, color: l, isStale: p }),
+        /* @__PURE__ */ d(
+          he,
+          {
+            definition: { display: "flex", direction: "column" },
+            style: { position: "relative", width: "100%", height: "100%", overflow: "hidden" },
+            children: [
+              /* @__PURE__ */ e("div", { style: {
+                fontSize: 10.5,
+                fontWeight: 600,
+                textTransform: "uppercase",
+                letterSpacing: "0.04em",
+                color: "#6B7280",
+                lineHeight: "14px",
+                marginBottom: 4,
+                whiteSpace: "nowrap",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                position: "relative",
+                zIndex: 2
+              }, children: n }),
+              /* @__PURE__ */ e(
+                kt,
+                {
+                  definition: { direction: "horizontal", gap: "0px", align: "stretch" },
+                  className: T,
+                  style: { flex: 1, minHeight: 0, position: "relative", zIndex: 2 },
+                  children: Y.map((M, W) => {
+                    const j = M.timeframe === C;
+                    return /* @__PURE__ */ d(
+                      he,
+                      {
+                        definition: { display: "flex", direction: "column", align: "center", justify: "center" },
+                        "data-slot-idx": W,
+                        onPointerEnter: N ? () => D(W, M.timeframe) : void 0,
+                        onPointerLeave: R ? E : void 0,
+                        style: {
+                          flex: 1,
+                          minWidth: 0,
+                          borderRight: W < Y.length - 1 ? "1px solid rgba(0,0,0,0.06)" : "none",
+                          padding: "0 4px"
+                        },
+                        children: [
+                          /* @__PURE__ */ e(
+                            "span",
+                            {
+                              onClick: m ? (G) => {
+                                G.stopPropagation(), m(M.timeframe);
+                              } : void 0,
+                              style: {
+                                fontSize: 9,
+                                fontWeight: 600,
+                                textTransform: "uppercase",
+                                letterSpacing: "0.04em",
+                                color: j ? l : "#9CA3AF",
+                                lineHeight: 1,
+                                marginBottom: 6,
+                                cursor: m ? "pointer" : "default",
+                                transition: "color 150ms ease"
+                              },
+                              children: M.timeframe
+                            }
+                          ),
+                          /* @__PURE__ */ e(
+                            "span",
+                            {
+                              title: M.formatted.full,
+                              style: {
+                                fontSize: od(M.formatted.length),
+                                fontWeight: 700,
+                                color: "var(--color-text-primary, #111827)",
+                                lineHeight: 1.1,
+                                whiteSpace: "nowrap",
+                                overflow: "hidden",
+                                textOverflow: "ellipsis",
+                                maxWidth: "100%",
+                                textAlign: "center"
+                              },
+                              children: M.formatted.display
+                            }
+                          ),
+                          M.trend && /* @__PURE__ */ d("span", { style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: 2,
+                            marginTop: 4,
+                            fontSize: 9,
+                            fontWeight: 600,
+                            lineHeight: 1,
+                            color: M.trend.direction === "up" ? "var(--color-positive, #10b981)" : M.trend.direction === "down" ? "var(--color-negative, #ef4444)" : "var(--color-text-secondary, #6B7280)"
+                          }, children: [
+                            /* @__PURE__ */ e("span", { style: { fontSize: 8 }, children: M.trend.direction === "up" ? "▲" : M.trend.direction === "down" ? "▼" : "▶" }),
+                            typeof M.trend.value == "number" ? `${Math.abs(M.trend.value)}%` : ""
+                          ] })
+                        ]
                       },
-                      children: [
-                        /* @__PURE__ */ e(
-                          "span",
-                          {
-                            onClick: m ? (G) => {
-                              G.stopPropagation(), m(M.timeframe);
-                            } : void 0,
-                            style: {
-                              fontSize: 9,
-                              fontWeight: 600,
-                              textTransform: "uppercase",
-                              letterSpacing: "0.04em",
-                              color: j ? l : "#9CA3AF",
-                              lineHeight: 1,
-                              marginBottom: 6,
-                              cursor: m ? "pointer" : "default",
-                              transition: "color 150ms ease"
-                            },
-                            children: M.timeframe
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          "span",
-                          {
-                            title: M.formatted.full,
-                            style: {
-                              fontSize: od(M.formatted.length),
-                              fontWeight: 700,
-                              color: "var(--color-text-primary, #111827)",
-                              lineHeight: 1.1,
-                              whiteSpace: "nowrap",
-                              overflow: "hidden",
-                              textOverflow: "ellipsis",
-                              maxWidth: "100%",
-                              textAlign: "center"
-                            },
-                            children: M.formatted.display
-                          }
-                        ),
-                        M.trend && /* @__PURE__ */ d("span", { style: {
-                          display: "flex",
-                          alignItems: "center",
-                          gap: 2,
-                          marginTop: 4,
-                          fontSize: 9,
-                          fontWeight: 600,
-                          lineHeight: 1,
-                          color: M.trend.direction === "up" ? "var(--color-positive, #10b981)" : M.trend.direction === "down" ? "var(--color-negative, #ef4444)" : "var(--color-text-secondary, #6B7280)"
-                        }, children: [
-                          /* @__PURE__ */ e("span", { style: { fontSize: 8 }, children: M.trend.direction === "up" ? "▲" : M.trend.direction === "down" ? "▼" : "▶" }),
-                          typeof M.trend.value == "number" ? `${Math.abs(M.trend.value)}%` : ""
-                        ] })
-                      ]
-                    },
-                    M.timeframe
-                  );
-                })
-              }
-            ),
-            V && V.length >= 2 && (_ === "bleed" ? /* @__PURE__ */ e(
-              "div",
-              {
-                "aria-hidden": "true",
-                style: {
-                  position: "absolute",
-                  // These negative offsets match CardShell's default inner
-                  // padding (10px 12px 8px per Phase 10.5 polish). If a consumer
-                  // overrides CardShell padding, the visual may slightly offset —
-                  // acceptable because the sparkline is a background affordance.
-                  top: -10,
-                  left: -12,
-                  bottom: -8,
-                  right: -12,
-                  zIndex: 1,
-                  pointerEvents: "none"
-                },
-                children: /* @__PURE__ */ e(Kt, { data: V, color: l, isStale: p })
-              }
-            ) : /* @__PURE__ */ e(Kt, { data: V, color: l, isStale: p }))
-          ]
-        }
-      )
+                      M.timeframe
+                    );
+                  })
+                }
+              )
+            ]
+          }
+        )
+      ]
     }
   );
 };
@@ -5104,7 +5091,7 @@ function ld(r) {
     setOpenSection: l
   };
 }
-const gr = Ut(null);
+const gr = Yt(null);
 gr.displayName = "FlipAndStageContext";
 function Qm({ children: r }) {
   const t = ld(), n = ee(
@@ -5127,13 +5114,13 @@ function Qm({ children: r }) {
   return /* @__PURE__ */ e(gr.Provider, { value: n, children: r });
 }
 function ep() {
-  const r = Xt(gr);
+  const r = Ut(gr);
   if (r === null)
     throw new Error("useFlipAndStageContext must be inside FlipAndStageProvider");
   return r;
 }
 function cd() {
-  return Xt(gr);
+  return Ut(gr);
 }
 const dd = {
   /** Delay before flip animation begins (ms). */
@@ -5530,7 +5517,7 @@ const Ia = q.memo(({
   datePickerSlot: _
 }) => /* @__PURE__ */ d(kt, { definition: { direction: "horizontal", align: "center" }, className: "gloss-chart-control-bar__row-1", children: [
   /* @__PURE__ */ e(he, { style: { marginRight: 10 }, children: /* @__PURE__ */ e(
-    dr,
+    cr,
     {
       group: t,
       activeId: r.metric,
@@ -5539,7 +5526,7 @@ const Ia = q.memo(({
     }
   ) }),
   /* @__PURE__ */ e(he, { style: { marginRight: 6 }, children: /* @__PURE__ */ e(
-    dr,
+    cr,
     {
       group: n,
       activeId: r.entity,
@@ -5551,7 +5538,7 @@ const Ia = q.memo(({
     }
   ) }),
   b && /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(
-    dr,
+    cr,
     {
       group: a,
       activeId: r.dimension,
@@ -5865,7 +5852,7 @@ const Cd = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
   ) })
 ] }) }));
 Ta.displayName = "Row2FilterTray";
-const or = "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)", wd = "0.35s cubic-bezier(0.16, 1, 0.3, 1)", kd = "0.25s cubic-bezier(0.4, 0, 1, 1)", Hr = q.memo(({
   pillLeft: r,
   pillWidth: t,
   pillTop: n,
@@ -5893,7 +5880,7 @@ const or = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
       height: l ? o - n + 1 : a,
       background: "#fff",
       borderRadius: l ? "8px 8px 0 0" : "8px",
-      transition: `${or}, height ${l ? wd : kd}, border-radius 0.15s ease`
+      transition: `${sr}, height ${l ? wd : kd}, border-radius 0.15s ease`
     } }),
     l && /* @__PURE__ */ e("div", { style: {
       position: "absolute",
@@ -5903,7 +5890,7 @@ const or = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
       height: c,
       background: "#fff",
       borderRadius: `${y ? 8 : 0}px ${b ? 8 : 0}px 8px 8px`,
-      transition: or
+      transition: sr
     } }),
     l && /* @__PURE__ */ e("div", { style: {
       position: "absolute",
@@ -5913,7 +5900,7 @@ const or = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
       height: 8,
       background: "#fff",
       opacity: y ? 1 : 0,
-      transition: `${or}, opacity 0.15s ease`,
+      transition: `${sr}, opacity 0.15s ease`,
       WebkitMaskImage: `radial-gradient(circle 8px at 0% 0%, transparent ${8 - 0.5}px, black ${8 + 0.5}px)`,
       maskImage: `radial-gradient(circle 8px at 0% 0%, transparent ${8 - 0.5}px, black ${8 + 0.5}px)`
     } }),
@@ -5925,7 +5912,7 @@ const or = "left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.
       height: 8,
       background: "#fff",
       opacity: b ? 1 : 0,
-      transition: `${or}, opacity 0.15s ease`,
+      transition: `${sr}, opacity 0.15s ease`,
       WebkitMaskImage: `radial-gradient(circle 8px at 100% 0%, transparent ${8 - 0.5}px, black ${8 + 0.5}px)`,
       maskImage: `radial-gradient(circle 8px at 100% 0%, transparent ${8 - 0.5}px, black ${8 + 0.5}px)`
     } })
@@ -6807,7 +6794,7 @@ const Wr = ({
             label: y?.label,
             onClick: C,
             deleteIcon: /* @__PURE__ */ e(
-              cr,
+              lr,
               {
                 sx: {
                   transform: m ? "rotate(180deg)" : "none",
@@ -7015,14 +7002,14 @@ const Ad = ["S", "M", "T", "W", "T", "F", "S"], Hn = {
     if (!r) return !1;
     const K = v || t;
     return K ? so($, r, K) : !1;
-  }, [r, t, v]), P = S(($) => !$ || !r ? !1 : er($, r), [r]), H = S(($) => {
+  }, [r, t, v]), P = S(($) => !$ || !r ? !1 : Qt($, r), [r]), H = S(($) => {
     if (!$) return !1;
     const K = v || t;
-    return K ? er($, K) : !1;
+    return K ? Qt($, K) : !1;
   }, [t, v]), Y = S(($) => {
     if (!$ || !r) return !1;
     const K = v || t;
-    return K ? er(r, K) && P($) : P($);
+    return K ? Qt(r, K) && P($) : P($);
   }, [r, t, v, P]), V = S(($) => $ ? !!(p && $ > p) : !1, [p]), M = S(($) => {
     const K = new Date(T, w, $);
     b ? (C.current = !0, r && K < r ? n(K, r) : n(r, K), _(!1), h(null)) : (C.current = !0, n(K, null), _(!0));
@@ -7044,7 +7031,7 @@ 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 = er(U, K), ge = ["mini-calendar__day"];
+      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 Me = /* @__PURE__ */ e(
         ae,
@@ -7327,14 +7314,14 @@ const Od = {
   }), [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) => {
     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), [Ge, Ne] = O(null), [ie, 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), [Wa, Ga] = 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, ot = ke !== null ? ke : Ge, Pt = ke !== null ? yt : ie, Bt = ke !== null ? lt : Fe, nn = V !== null && (V !== R || W !== L || G !== H), [fe, hr] = O(() => {
-    const A = p || tr, 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) => ({
+    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());
   });
   oe(() => {
-    const A = p || tr, 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) => ({
+    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)
     }));
@@ -7352,8 +7339,8 @@ const Od = {
     return fe.forEach((re) => {
       re.startDate > A ? Q.push(re) : F.push(re);
     }), { pastAndCurrentEvents: F, futureEvents: Q };
-  }, [fe]), { defaultMarketEvents: an, customRanges: sn, futureDefaultEvents: Zt, futureCustomRanges: on } = ee(() => {
-    const A = p || tr, F = new Set(A.map((Q) => Q.id));
+  }, [fe]), { defaultMarketEvents: an, customRanges: sn, futureDefaultEvents: qt, futureCustomRanges: on } = ee(() => {
+    const A = p || er, F = new Set(A.map((Q) => Q.id));
     return {
       defaultMarketEvents: br.filter((Q) => !Q.isCustom && F.has(Q.id)),
       customRanges: br.filter((Q) => Q.isCustom || !F.has(Q.id)),
@@ -7392,7 +7379,7 @@ const Od = {
       $e.setHours(0, 0, 0, 0), F.getTime() === ue.getTime() && Q.getTime() === $e.getTime() && (re = h.lastPreset);
     }
     if (!re) {
-      const le = rr(et.start, et.end, A, fe);
+      const le = tr(et.start, et.end, A, fe);
       re = le ? le.id : null;
     }
     re ? (z(re), P(null), Y(null)) : (z("custom"), P(et.start), Y(et.end)), M(null), j(null), $(null);
@@ -7488,8 +7475,8 @@ const Od = {
     M(R), j(L), $(H), U && (we(ce), Te(de), _e(ge), Pe >= 3 && (Be(Ge), Re(ie), Ze(Fe))), w(A.currentTarget);
   }, [R, L, H, U, Pe, ce, de, ge, Ge, ie, Fe]), dn = S((A, F, Q) => {
     const re = [A, F];
-    Q && (re.shortcutId = nr(Q)), t(re);
-  }, [t]), Jt = S((A, F, Q) => {
+    Q && (re.shortcutId = rr(Q)), t(re);
+  }, [t]), Zt = S((A, F, Q) => {
     if (A === "custom" && F && Q)
       return [F, Q];
     const re = fe.find(($e) => $e.id === A);
@@ -7499,22 +7486,22 @@ const Od = {
     return [le, ue];
   }, [fe]), tt = S((A) => {
     m && m({ ...h, ...A });
-  }, [m, h]), Qt = S(() => {
+  }, [m, h]), Jt = S(() => {
     if (V === null) return;
     z(V), P(W), Y(G);
-    const A = Jt(V, W, G);
+    const A = Zt(V, W, G);
     if (U && Pe >= 2 && Ce !== null) {
       be(Ce), ne(Ye), Me(me);
-      const F = Jt(Ce, Ye, me), Q = {
+      const F = Zt(Ce, Ye, me), Q = {
         rangeA: A,
         rangeB: F,
-        shortcutId: nr(V),
-        shortcutIdB: nr(Ce)
+        shortcutId: rr(V),
+        shortcutIdB: rr(Ce)
       };
       if (Pe >= 3 && ke !== null) {
         Ne(ke), xe(yt), He(lt);
-        const re = Jt(ke, yt, lt);
-        Q.rangeC = re, Q.shortcutIdC = nr(ke), tt({
+        const re = Zt(ke, yt, lt);
+        Q.rangeC = re, Q.shortcutIdC = rr(ke), tt({
           lastPreset: V,
           compareEnabled: !0,
           rangeCount: Pe,
@@ -7538,9 +7525,9 @@ const Od = {
         lastPresetB: null,
         lastPresetC: null
       }), dn(A[0], A[1], V);
-  }, [V, W, G, U, Pe, Ce, Ye, me, ke, yt, lt, Jt, t, dn, tt]), Ua = S(() => {
-    o || (nn && Qt(), M(null), j(null), $(null), we(null), Te(null), _e(null), Be(null), Re(null), Ze(null), D(null), w(null));
-  }, [o, nn, Qt]), un = S(() => {
+  }, [V, W, G, U, Pe, Ce, Ye, me, ke, yt, lt, Zt, t, dn, tt]), Ua = S(() => {
+    o || (nn && Jt(), M(null), j(null), $(null), we(null), Te(null), _e(null), Be(null), Re(null), Ze(null), D(null), w(null));
+  }, [o, nn, Jt]), un = S(() => {
     o || (M(null), j(null), $(null), we(null), Te(null), _e(null), Be(null), Re(null), Ze(null), D(null), w(null));
   }, [o]), mn = S(() => {
     if (Pe >= 3) return;
@@ -7570,20 +7557,20 @@ const Od = {
     if (U && te === "C")
       if (Re(A), F) {
         Ze(F);
-        const Q = rr(A, F, /* @__PURE__ */ new Date(), fe);
+        const Q = tr(A, F, /* @__PURE__ */ new Date(), fe);
         Q ? (Be(Q.id), Re(null), Ze(null)) : Be("custom");
       } else
         Be("custom"), Ze(null);
     else if (U && te === "B")
       if (Te(A), F) {
         _e(F);
-        const Q = rr(A, F, /* @__PURE__ */ new Date(), fe);
+        const Q = tr(A, F, /* @__PURE__ */ new Date(), fe);
         Q ? (we(Q.id), Te(null), _e(null)) : we("custom");
       } else
         we("custom"), _e(null);
     else if (j(A), F) {
       $(F);
-      const Q = rr(A, F, /* @__PURE__ */ new Date(), fe);
+      const Q = tr(A, F, /* @__PURE__ */ new Date(), fe);
       Q ? (M(Q.id), j(null), $(null)) : M("custom");
     } else
       M("custom"), $(null);
@@ -7594,8 +7581,8 @@ const Od = {
       D(null);
     }, 150);
   }, []), hn = S(() => {
-    Qt(), M(null), j(null), $(null), w(null);
-  }, [Qt]), Za = S(() => {
+    Jt(), M(null), j(null), $(null), w(null);
+  }, [Jt]), Za = S(() => {
     let A;
     if (ze === "custom" && dt)
       A = dt;
@@ -7643,7 +7630,7 @@ const Od = {
       return;
     }
     g.isCustom && b?.(g.id);
-    const A = p || tr;
+    const A = p || er;
     hr((F) => {
       const Q = F.filter((le) => le.id !== g.id), re = A.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;
@@ -7725,7 +7712,7 @@ const Od = {
       size: "small",
       startIcon: /* @__PURE__ */ e(Sn, { sx: { fontSize: 14, color: ut ? "white" : "rgba(79, 70, 229, 1)" } }),
       endIcon: /* @__PURE__ */ e(
-        cr,
+        lr,
         {
           sx: {
             fontSize: 16,
@@ -7978,7 +7965,7 @@ const Od = {
               },
               F.id
             )),
-            Zt.length > 0 && /* @__PURE__ */ d(je, { children: [
+            qt.length > 0 && /* @__PURE__ */ d(je, { children: [
               /* @__PURE__ */ e(
                 rt,
                 {
@@ -7986,7 +7973,7 @@ const Od = {
                   size: "small",
                   onClick: () => Va(!Rt),
                   endIcon: /* @__PURE__ */ e(
-                    cr,
+                    lr,
                     {
                       sx: {
                         transform: Rt ? "rotate(180deg)" : "none",
@@ -8005,10 +7992,10 @@ const Od = {
                       bgcolor: "action.hover"
                     }
                   },
-                  children: Rt ? "Hide Upcoming Events" : `Show ${Zt.length} Upcoming Event${Zt.length > 1 ? "s" : ""}`
+                  children: Rt ? "Hide Upcoming Events" : `Show ${qt.length} Upcoming Event${qt.length > 1 ? "s" : ""}`
                 }
               ),
-              Rt && Zt.map((F) => /* @__PURE__ */ e(
+              Rt && qt.map((F) => /* @__PURE__ */ e(
                 Ot,
                 {
                   preset: F,
@@ -8083,7 +8070,7 @@ const Od = {
                 children: [
                   /* @__PURE__ */ d(ae, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                     /* @__PURE__ */ e(
-                      cr,
+                      lr,
                       {
                         className: `hybrid-date-picker__footer-drawer-trigger-icon ${rn ? "hybrid-date-picker__footer-drawer-trigger-icon--expanded" : ""}`,
                         sx: { fontSize: 18, color: "text.secondary" }
@@ -8380,7 +8367,7 @@ const Od = {
             /* @__PURE__ */ d(ae, { className: "market-edit-modal__field", children: [
               /* @__PURE__ */ e(Ie, { variant: "caption", fontWeight: 500, color: "text.secondary", component: "label", children: "Name" }),
               /* @__PURE__ */ e(
-                ar,
+                nr,
                 {
                   fullWidth: !0,
                   size: "small",
@@ -8395,7 +8382,7 @@ const Od = {
               /* @__PURE__ */ d(ae, { children: [
                 /* @__PURE__ */ e(Ie, { variant: "caption", fontWeight: 500, color: "text.secondary", component: "label", children: "Start Date" }),
                 /* @__PURE__ */ e(
-                  ar,
+                  nr,
                   {
                     fullWidth: !0,
                     size: "small",
@@ -8409,7 +8396,7 @@ const Od = {
               /* @__PURE__ */ d(ae, { children: [
                 /* @__PURE__ */ e(Ie, { variant: "caption", fontWeight: 500, color: "text.secondary", component: "label", children: "End Date" }),
                 /* @__PURE__ */ e(
-                  ar,
+                  nr,
                   {
                     fullWidth: !0,
                     size: "small",
@@ -8424,7 +8411,7 @@ const Od = {
             /* @__PURE__ */ d(ae, { 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(
-                ar,
+                nr,
                 {
                   fullWidth: !0,
                   size: "small",
@@ -8647,7 +8634,7 @@ const Mr = [
       a
     ] })
   ] }) });
-}, ir = (r) => r && typeof r == "object" && "rangeA" in r, Hd = ({
+}, or = (r) => r && typeof r == "object" && "rangeA" in r, Hd = ({
   value: r,
   onChange: t,
   preferences: n,
@@ -8664,7 +8651,7 @@ const Mr = [
   activePresetId: y,
   onPresetChange: b
 }) => {
-  const _ = o !== void 0, [v, h] = O(!1), [C, T] = O(!1), [w, k] = O(i ?? !1), I = n?.pinnedPreset || "MTD", [g, E] = O(() => n?.lastPreset?.toUpperCase() || "MTD"), [x, D] = O(null), N = ee(() => ir(r) ? r.rangeA : r, [r]), R = ee(() => ir(r) ? r.rangeB : null, [r]), z = S((G) => {
+  const _ = o !== void 0, [v, h] = O(!1), [C, T] = O(!1), [w, k] = O(i ?? !1), I = n?.pinnedPreset || "MTD", [g, E] = O(() => n?.lastPreset?.toUpperCase() || "MTD"), [x, D] = O(null), N = ee(() => or(r) ? r.rangeA : r, [r]), R = ee(() => or(r) ? r.rangeB : null, [r]), z = S((G) => {
     const $ = G || "MTD";
     a && n && a({ ...n, pinnedPreset: $.toLowerCase() });
     const K = Mr.find((Z) => Z.id === $ && !Z.disabled);
@@ -8679,7 +8666,7 @@ const Mr = [
     }
   }, [w, R, t, a, n]);
   oe(() => {
-    _ && k(ir(r));
+    _ && k(or(r));
   }, [_, r]), oe(() => {
     i !== void 0 && k(i);
   }, [i]);
@@ -8792,7 +8779,7 @@ const Mr = [
     }
   }), [R, Y, M, x]);
   if (f === "simple-selector") {
-    const G = ir(r) ? r.rangeA : r;
+    const G = or(r) ? r.rangeA : r;
     return /* @__PURE__ */ e(
       Ma,
       {
@@ -9808,7 +9795,7 @@ const lu = [
   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";
-}, mr = q.forwardRef(
+}, ur = q.forwardRef(
   ({
     showToggle: r = !0,
     showStrength: t = !1,
@@ -9945,7 +9932,7 @@ const lu = [
     ] });
   }
 );
-mr.displayName = "PasswordInput";
+ur.displayName = "PasswordInput";
 const uu = q.forwardRef(
   ({
     value: r,
@@ -11567,7 +11554,7 @@ function op({
           )
         ] }),
         /* @__PURE__ */ e(
-          mr,
+          ur,
           {
             showToggle: !0,
             placeholder: "Enter your password",
@@ -11914,7 +11901,7 @@ const zu = (r) => {
     a && (i *= 2, i > 9 && (i -= 9)), n += i, a = !a;
   }
   return n % 10 === 0;
-}, pr = ye.object({
+}, mr = ye.object({
   cardNumber: ye.string().min(13, "Card number is too short").refine((r) => zu(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((i) => parseInt(i.trim(), 10)), a = /* @__PURE__ */ new Date();
@@ -12010,7 +11997,7 @@ function cp({
     cardholderName: m.cardholderName ?? ""
   }), [h, C] = O({}), [T, w] = O({}), k = ee(() => a ? `${n} ${a}` : n, [n, a]), I = S((N, R) => {
     try {
-      pr.shape[N].parse(R), C((L) => ({ ...L, [N]: void 0 }));
+      mr.shape[N].parse(R), C((L) => ({ ...L, [N]: void 0 }));
     } catch (z) {
       z instanceof ye.ZodError && C((L) => ({ ...L, [N]: z.issues[0]?.message }));
     }
@@ -12030,7 +12017,7 @@ function cp({
         f(new FormData(N.currentTarget));
         return;
       }
-      const R = pr.safeParse(_);
+      const R = mr.safeParse(_);
       if (!R.success) {
         const z = {};
         R.error.issues.forEach((L) => {
@@ -12355,7 +12342,7 @@ function up({
       /* @__PURE__ */ d("div", { className: "gloss-registration-form__field", children: [
         /* @__PURE__ */ e("label", { className: "gloss-registration-form__label", children: "Password" }),
         /* @__PURE__ */ e(
-          mr,
+          ur,
           {
             showToggle: !0,
             showStrength: !0,
@@ -12375,7 +12362,7 @@ function up({
       /* @__PURE__ */ d("div", { className: "gloss-registration-form__field", children: [
         /* @__PURE__ */ e("label", { className: "gloss-registration-form__label", children: "Confirm Password" }),
         /* @__PURE__ */ e(
-          mr,
+          ur,
           {
             showToggle: !0,
             placeholder: "Confirm your password",
@@ -12627,7 +12614,7 @@ function pp({
 }
 const Au = ye.object({
   paymentMethod: ye.enum(["credit_card", "debit_card", "bank_transfer"]),
-  card: pr.optional(),
+  card: mr.optional(),
   billingAddress: Gr,
   savePaymentMethod: ye.boolean().optional()
 }).refine(
@@ -12699,7 +12686,7 @@ function gp({
     s.savePaymentMethod ?? !1
   ), [w, k] = O(), I = se(null), g = m === "credit_card" || m === "debit_card", E = S((z, L) => {
     try {
-      pr.shape[z].parse(L), _((H) => ({ ...H, [z]: void 0 }));
+      mr.shape[z].parse(L), _((H) => ({ ...H, [z]: void 0 }));
     } catch (P) {
       P instanceof ye.ZodError && _((H) => ({ ...H, [z]: P.issues[0]?.message }));
     }
@@ -13356,13 +13343,13 @@ const Gu = q.forwardRef(({ title: r, collapsed: t = !1, onToggle: n, density: a
   );
 });
 Gu.displayName = "ContainerPanel";
-function qt(...r) {
+function Xt(...r) {
   return (t) => {
     for (const n of r)
       typeof n == "function" ? n(t) : n && typeof n == "object" && (n.current = t);
   };
 }
-function fr(r, t) {
+function pr(r, t) {
   if (!(!r && !t))
     return r ? t ? (n) => {
       r(n), t(n);
@@ -13376,12 +13363,12 @@ const Vu = q.forwardRef(
       t || r?.(u);
     }, l = i.props;
     return q.cloneElement(i, {
-      onClick: fr(l.onClick, c),
-      onKeyDown: fr(l.onKeyDown, o),
+      onClick: pr(l.onClick, c),
+      onKeyDown: pr(l.onKeyDown, o),
       tabIndex: l.tabIndex ?? (t ? -1 : 0),
       role: l.role ?? n,
       "aria-disabled": t || void 0,
-      ref: qt(s, i.ref)
+      ref: Xt(s, i.ref)
     });
   }
 );
@@ -13393,8 +13380,8 @@ const ju = q.forwardRef(
     }, [n, t, r]), l = S((p) => {
       n || (p.key === "Enter" || p.key === " ") && (p.preventDefault(), t?.(!r, p));
     }, [n, t, r]), u = o.props, m = q.cloneElement(o, {
-      onClick: fr(u.onClick, c),
-      onKeyDown: fr(u.onKeyDown, l),
+      onClick: pr(u.onClick, c),
+      onKeyDown: pr(u.onKeyDown, l),
       tabIndex: u.tabIndex ?? (n ? -1 : 0),
       role: u.role ?? "option",
       "aria-selected": r,
@@ -13406,7 +13393,7 @@ const ju = q.forwardRef(
         r && "gloss-selectable--selected",
         n && "gloss-selectable--disabled"
       ].filter(Boolean).join(" ") || void 0,
-      ref: qt(i, o.ref)
+      ref: Xt(i, o.ref)
     });
     return a ? /* @__PURE__ */ d("div", { className: "gloss-selectable__wrapper", children: [
       /* @__PURE__ */ e(
@@ -13447,7 +13434,7 @@ const Ku = q.forwardRef(
         clearTimeout(f), document.removeEventListener("mousedown", p);
       };
     }, [s, n, r]);
-    const u = qt(
+    const u = Xt(
       o,
       l,
       c.ref
@@ -13493,7 +13480,7 @@ const Yu = q.forwardRef(
   ({ id: r, disabled: t = !1, children: n }, a) => {
     const s = q.Children.only(n);
     return tn ? /* @__PURE__ */ e(Ha, { id: r, disabled: t, outerRef: a, children: s }) : q.cloneElement(s, {
-      ref: qt(a, s.ref)
+      ref: Xt(a, s.ref)
     });
   }
 );
@@ -13511,7 +13498,7 @@ function Ha({ id: r, disabled: t, outerRef: n, children: a }) {
     transition: l ?? void 0,
     opacity: u ? 0.5 : void 0,
     cursor: t ? void 0 : "grab"
-  }, p = qt(
+  }, p = Xt(
     n,
     o,
     a.ref
@@ -13600,7 +13587,7 @@ export {
   Gr as aB,
   cp as aC,
   lp as aD,
-  pr as aE,
+  mr as aE,
   bp as aF,
   hp as aG,
   up as aH,
@@ -13632,7 +13619,7 @@ export {
   Pa as ag,
   iu as ah,
   Ba as ai,
-  mr as aj,
+  ur as aj,
   uu as ak,
   fu as al,
   Ra as am,
@@ -13654,8 +13641,8 @@ export {
   Qr as b1,
   en as b2,
   Gu as b3,
-  qt as b4,
-  fr as b5,
+  Xt as b4,
+  pr as b5,
   Vu as b6,
   ju as b7,
   Ku as b8,
@@ -13682,7 +13669,7 @@ export {
   Oa as bT,
   Ur as bU,
   Uu as ba,
-  dr as bb,
+  cr as bb,
   Ic as bc,
   Tc as bd,
   Ec as be,
@@ -13694,7 +13681,7 @@ export {
   sd as bk,
   wa as bl,
   Ac as bm,
-  Kt as bn,
+  fr as bn,
   xa as bo,
   Na as bp,
   Sa as bq,
@@ -13707,7 +13694,7 @@ export {
   Td as bx,
   Ia as by,
   Ta as bz,
-  ur as c,
+  dr as c,
   Fi as d,
   Ai as e,
   Hi as f,