@mt-gloss/ui 0.1.152 → 0.1.154

package/{Expandable-KDhjReJP.js → Expandable-DDbKbPoO.js}

@@ -5,7 +5,7 @@ import { S as X, E as Ze, C as E, e as Zn, R as Ce, h as qn, i as Jn, j as Qn, a
 import { easings as nt, durations as st } from "@mt-gloss/tokens";
 import { formatValue as js, isInRange as Ks, isSameDay as er, formatMarketDates as Ys, DEFAULT_MARKET_PRESETS as tr, isMarketActive as kt, getDateRangeForPreset as Xe, detectPreset as rr, getDateRangeDisplayInfo as Ot, formatDateRangeSmart as yt, toUppercasePresetId as ar, generateMarketId as Us, ROLLING_OPTIONS as pa, PERIOD_OPTIONS as ga } from "@mt-gloss/utils";
 import { B as be, b as Xs, a as Zs } from "./BaseText-Dxbk1JJa.js";
-import { u as qs, a as Js, b as Qs, M as dt } from "./TimeframeQuickBar-I9Io0v7_.js";
+import { u as qs, a as Js, b as Qs, M as dt } from "./TimeframeQuickBar-CHl409rH.js";
 import { useGridApiRef as eo, DataGridPro as to } from "@mui/x-data-grid-pro";
 import { Chip as Hr, Tooltip as xt, MenuItem as dr, Menu as ro, Box as de, IconButton as et, Select as fa, Typography as De, Button as at, Collapse as ao, Popover as no, Dialog as so, DialogTitle as oo, DialogContent as lo, TextField as nr, DialogActions as io, Tabs as co, Tab as uo } from "@mui/material";
 import mo from "@mui/icons-material/Person";
@@ -6176,8 +6176,11 @@ function Nd({
       sx: {
         "& .MuiPaper-root": {
           borderRadius: "var(--radius-lg)",
-          border: "var(--card-border)",
-          boxShadow: "var(--shadow-md)",
+          // Overlay elevation: a step above card-level (--card-border / --shadow-md) so the
+          // open menu reads as floating and visibly associates with its launching row. A
+          // little extra shadow + a slightly darker hairline outline.
+          border: "1px solid rgba(0, 0, 0, 0.12)",
+          boxShadow: "0 6px 16px -4px rgb(0 0 0 / 0.12), 0 2px 6px -2px rgb(0 0 0 / 0.08)",
           minWidth: 200
         },
         "& .MuiMenuItem-root": {

package/{TimeframeQuickBar-I9Io0v7_.js → TimeframeQuickBar-CHl409rH.js}

@@ -1,24 +1,24 @@
-import { jsxs as h, jsx as e, Fragment as K } from "react/jsx-runtime";
-import { useId as me, useMemo as O, useState as ge, useRef as W, useCallback as C, useEffect as pe } from "react";
-import { formatTrend as xe, isStatusModeEnabled as ye, pickMetricTier as be, getValueFontSize as Y, hexToRgba as q, formatValue as Q, getDateRangeForPreset as ve, formatDateRangeSmart as ke, ROLLING_OPTIONS as we, PERIOD_OPTIONS as Se } from "@mt-gloss/utils";
-import { B as N, a as D, b as Ce } from "./BaseText-Dxbk1JJa.js";
-import { Box as B, Chip as X, Popper as Ie, Paper as ze, MenuList as Me, MenuItem as Re, ListItemText as Te, IconButton as Le, Tooltip as Ne, Divider as De } from "@mui/material";
-import Be from "@mui/icons-material/ExpandMore";
-import We from "@mui/icons-material/Star";
-import Oe from "@mui/icons-material/StarBorder";
-import _e from "@mui/icons-material/Check";
+import { jsxs as u, jsx as e, Fragment as J } from "react/jsx-runtime";
+import { useId as me, useMemo as O, useState as ge, useRef as B, useCallback as C, useEffect as pe } from "react";
+import { formatTrend as ye, pickMetricTier as xe, getValueFontSize as Y, hexToRgba as q, formatValue as Q, getDateRangeForPreset as be, formatDateRangeSmart as ve, ROLLING_OPTIONS as ke, PERIOD_OPTIONS as Se } from "@mt-gloss/utils";
+import { B as N, a as R, b as we } from "./BaseText-Dxbk1JJa.js";
+import { Box as D, Chip as K, Popper as Ce, Paper as Ie, MenuList as ze, MenuItem as Me, ListItemText as _e, IconButton as Te, Tooltip as Le, Divider as Ne } from "@mui/material";
+import Re from "@mui/icons-material/ExpandMore";
+import De from "@mui/icons-material/Star";
+import Be from "@mui/icons-material/StarBorder";
+import Oe from "@mui/icons-material/Check";
 const Z = {
   up: { color: "#10b981", bg: "rgba(16,185,129,0.07)" },
   down: { color: "#ef4444", bg: "rgba(239,68,68,0.07)" },
   flat: { color: "#6b7280", bg: "rgba(107,114,128,0.07)" }
-}, J = {
+}, X = {
   up: "▲",
   down: "▼",
   flat: "▶"
 }, j = function({ value: o, direction: t }) {
   if (o == null) return null;
-  const { text: d, direction: f } = xe(o), l = t || f, { color: r, bg: s } = Z[l] || Z.flat, n = J[l] || J.flat;
-  return /* @__PURE__ */ h(
+  const { text: d, direction: f } = ye(o), l = t || f, { color: r, bg: s } = Z[l] || Z.flat, n = X[l] || X.flat;
+  return /* @__PURE__ */ u(
     "span",
     {
       style: {
@@ -42,16 +42,16 @@ const Z = {
   );
 };
 j.displayName = "TrendIndicator";
-const A = ({ data: i, color: o, isStale: t }) => {
+const F = ({ data: i, color: o, isStale: t }) => {
   const f = "sparkbg-" + me().replace(/:/g, ""), l = o || "#4f46e5", r = O(() => {
     if (!i || i.length < 2) return null;
-    const s = 300, n = 55, a = 2, c = Math.min(...i), m = Math.max(...i) - c || 1, p = i.map((y, S) => ({
-      x: S / (i.length - 1) * s,
-      y: a + (1 - (y - c) / m) * (n - a * 2)
-    })).map((y, S) => `${S === 0 ? "M" : "L"}${y.x},${y.y}`).join(" "), w = `${p} L${s},${n} L0,${n}Z`;
-    return { line: p, area: w, w: s, h: n };
+    const s = 300, n = 55, a = 2, c = Math.min(...i), m = Math.max(...i) - c || 1, p = i.map((x, w) => ({
+      x: w / (i.length - 1) * s,
+      y: a + (1 - (x - c) / m) * (n - a * 2)
+    })).map((x, w) => `${w === 0 ? "M" : "L"}${x.x},${x.y}`).join(" "), S = `${p} L${s},${n} L0,${n}Z`;
+    return { line: p, area: S, w: s, h: n };
   }, [i]);
-  return r ? /* @__PURE__ */ h(
+  return r ? /* @__PURE__ */ u(
     "svg",
     {
       height: 55,
@@ -81,7 +81,7 @@ const A = ({ data: i, color: o, isStale: t }) => {
         transition: t ? "transform 400ms ease-out" : "transform 500ms ease-in-out"
       },
       children: [
-        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ h("linearGradient", { id: f, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ u("linearGradient", { id: f, x1: "0", y1: "0", x2: "0", y2: "1", children: [
           /* @__PURE__ */ e("stop", { offset: "0%", stopColor: l, stopOpacity: "0.09" }),
           /* @__PURE__ */ e("stop", { offset: "100%", stopColor: l, stopOpacity: "0.01" })
         ] }) }),
@@ -102,18 +102,18 @@ const A = ({ data: i, color: o, isStale: t }) => {
     }
   ) : null;
 };
-A.displayName = "SparklineBg";
+F.displayName = "SparklineBg";
 const ee = ({ data: i, color: o, isStale: t }) => {
   const d = o || "#4f46e5", f = O(() => {
     if (!i || i.length < 1) return null;
     const l = 300, r = 50, s = r * 0.82, n = i.length, a = l / (n * 4), c = a * 3, m = Math.max(...i) || 1;
-    return i.map((x, p) => {
-      const w = x / m, y = Math.max(w * s, 2);
+    return i.map((y, p) => {
+      const S = y / m, x = Math.max(S * s, 2);
       return {
         x: p * (c + a),
-        y: r - y,
+        y: r - x,
         width: c,
-        height: y,
+        height: x,
         isLast: p === n - 1
       };
     });
@@ -156,7 +156,7 @@ const ee = ({ data: i, color: o, isStale: t }) => {
 ee.displayName = "BarsBg";
 const te = ({ value: i = 0, max: o = 100, color: t = "#4f46e5", colSpan: d = 1, isStale: f }) => {
   const l = d >= 2 ? 40 : 34, r = 3.5, s = (l - r) / 2, n = 2 * Math.PI * s, a = f ? 0 : Math.min(Math.max(i / (o || 1), 0), 1), c = n * (1 - a);
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ u(
     "svg",
     {
       width: l,
@@ -198,8 +198,8 @@ const te = ({ value: i = 0, max: o = 100, color: t = "#4f46e5", colSpan: d = 1,
 };
 te.displayName = "DonutChart";
 const re = ({ value: i = 0, max: o = 100, trendValue: t = 0, color: d = "#6b7280", colSpan: f = 1, isStale: l }) => {
-  const r = f >= 2 ? 44 : 36, s = 3.5, n = (r - s) / 2, a = 2 * Math.PI * n, c = l ? 0 : Math.min(Math.max(i / (o || 1), 0), 1), u = a * (1 - c), m = f >= 2 ? 11 : 9, x = `${Math.round(Math.abs(t))}%`;
-  return /* @__PURE__ */ h(
+  const r = f >= 2 ? 44 : 36, s = 3.5, n = (r - s) / 2, a = 2 * Math.PI * n, c = l ? 0 : Math.min(Math.max(i / (o || 1), 0), 1), h = a * (1 - c), m = f >= 2 ? 11 : 9, y = `${Math.round(Math.abs(t))}%`;
+  return /* @__PURE__ */ u(
     "div",
     {
       style: {
@@ -213,7 +213,7 @@ const re = ({ value: i = 0, max: o = 100, trendValue: t = 0, color: d = "#6b7280
         marginRight: 8
       },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ u(
           "svg",
           {
             width: r,
@@ -243,7 +243,7 @@ const re = ({ value: i = 0, max: o = 100, trendValue: t = 0, color: d = "#6b7280
                   stroke: d,
                   strokeWidth: s,
                   strokeDasharray: a,
-                  strokeDashoffset: u,
+                  strokeDashoffset: h,
                   strokeLinecap: "round",
                   transform: `rotate(-90 ${r / 2} ${r / 2})`,
                   style: { transition: "stroke-dashoffset 0.4s ease" }
@@ -267,7 +267,7 @@ const re = ({ value: i = 0, max: o = 100, trendValue: t = 0, color: d = "#6b7280
               lineHeight: 1,
               pointerEvents: "none"
             },
-            children: x
+            children: y
           }
         )
       ]
@@ -275,23 +275,23 @@ const re = ({ value: i = 0, max: o = 100, trendValue: t = 0, color: d = "#6b7280
   );
 };
 re.displayName = "ObjectArrow";
-const $e = { slot3: 200, slot5: 380 };
-function Ee(i, o) {
-  const t = $e, d = 150, [f, l] = ge(1), r = W(null), s = W(null), n = C(() => {
+const We = { slot3: 200, slot5: 380 };
+function $e(i, o) {
+  const t = We, d = 150, [f, l] = ge(1), r = B(null), s = B(null), n = C(() => {
     const c = r.current;
     if (c == null) return;
-    const u = c < t.slot3 ? 1 : c < t.slot5 ? 3 : 5;
-    l((m) => m === u ? m : u), r.current = null, s.current && (clearTimeout(s.current), s.current = null);
+    const h = c < t.slot3 ? 1 : c < t.slot5 ? 3 : 5;
+    l((m) => m === h ? m : h), r.current = null, s.current && (clearTimeout(s.current), s.current = null);
   }, [t.slot3, t.slot5]);
   pe(() => {
     const c = i.current;
     if (!c || typeof ResizeObserver > "u") return;
-    const u = new ResizeObserver((m) => {
-      const x = m[0]?.contentRect.width ?? 0;
-      r.current = x, s.current && clearTimeout(s.current), s.current = setTimeout(n, d);
+    const h = new ResizeObserver((m) => {
+      const y = m[0]?.contentRect.width ?? 0;
+      r.current = y, s.current && clearTimeout(s.current), s.current = setTimeout(n, d);
     });
-    return u.observe(c), () => {
-      u.disconnect(), s.current && clearTimeout(s.current);
+    return h.observe(c), () => {
+      h.disconnect(), s.current && clearTimeout(s.current);
     };
   }, [i, n, d]);
   const a = C(() => {
@@ -299,23 +299,26 @@ function Ee(i, o) {
   }, [n]);
   return { capacity: f, onPointerUp: a };
 }
+function Ee() {
+  return typeof globalThis < "u" && globalThis.__GLOSS_FLAGS__?.v1_1_status_mode === !0 ? !0 : typeof process < "u" && process.env ? process.env.NEXT_PUBLIC_V1_1_STATUS_MODE === "true" : !1;
+}
 function ie(i) {
-  const { onStatusSlotClick: o } = i, t = W(null), d = ye(), { capacity: f, onPointerUp: l } = Ee(t), r = i.maxSlots ?? f, s = i.statuses.slice(0, r);
+  const { onStatusSlotClick: o } = i, t = B(null), d = Ee(), { capacity: f, onPointerUp: l } = $e(t), r = i.maxSlots ?? f, s = i.statuses.slice(0, r);
   if (!d) {
     const n = i.statuses[0];
-    return /* @__PURE__ */ h(
+    return /* @__PURE__ */ u(
       N,
       {
         definition: { display: "flex", direction: "column" },
         className: "gloss-status-card gloss-status-card--flag-off",
         children: [
-          /* @__PURE__ */ e(D, { className: "gloss-metric-card__label", children: i.label }),
-          n != null ? /* @__PURE__ */ e(D, { children: String(n.value) }) : null
+          /* @__PURE__ */ e(R, { className: "gloss-metric-card__label", children: i.label }),
+          n != null ? /* @__PURE__ */ e(R, { children: String(n.value) }) : null
         ]
       }
     );
   }
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ u(
     "div",
     {
       ref: t,
@@ -324,13 +327,13 @@ function ie(i) {
       "data-status-capacity": r,
       onPointerUp: l,
       children: [
-        /* @__PURE__ */ e(D, { className: "gloss-metric-card__label", children: i.label }),
+        /* @__PURE__ */ e(R, { className: "gloss-metric-card__label", children: i.label }),
         /* @__PURE__ */ e("div", { className: "gloss-status-slots", "data-status-slot-count": s.length, children: s.map((n, a) => {
-          const c = i.sparklinePerStatus?.[n.id], u = n.id === i.activeStatusId;
-          return /* @__PURE__ */ h(
+          const c = i.sparklinePerStatus?.[n.id], h = n.id === i.activeStatusId;
+          return /* @__PURE__ */ u(
             "div",
             {
-              className: `gloss-status-slots__slot${u ? " gloss-status-slots__slot--active" : ""}`,
+              className: `gloss-status-slots__slot${h ? " gloss-status-slots__slot--active" : ""}`,
               "data-status-slot-id": n.id,
               "data-status-slot-index": a,
               onClick: o ? (m) => o(n.id, m.currentTarget) : void 0,
@@ -338,7 +341,7 @@ function ie(i) {
               children: [
                 /* @__PURE__ */ e("span", { className: "gloss-metric-card__label", children: n.label }),
                 /* @__PURE__ */ e("span", { children: String(n.value) }),
-                c != null && c.length > 0 ? /* @__PURE__ */ e(A, { data: [...c], color: n.accentColor }) : null
+                c != null && c.length > 0 ? /* @__PURE__ */ e(F, { data: [...c], color: n.accentColor }) : null
               ]
             },
             n.id
@@ -359,7 +362,7 @@ const E = {
   up: "var(--color-positive)",
   down: "var(--color-negative)",
   flat: "var(--color-text-secondary)"
-}, He = {
+}, Ae = {
   positive: "#10b981",
   // Used with hexToRgba() for tinted overlays -- must stay hex
   negative: "#ef4444",
@@ -368,7 +371,7 @@ const E = {
   // Used with hexToRgba() for tinted overlays -- must stay hex
   neutral: "#6b7280"
   // Used with hexToRgba() for tinted overlays -- must stay hex
-}, Ae = () => /* @__PURE__ */ h(
+}, Fe = () => /* @__PURE__ */ u(
   "svg",
   {
     "aria-label": "Warning threshold breached",
@@ -394,7 +397,7 @@ const E = {
       /* @__PURE__ */ e("circle", { cx: "7", cy: "10.5", r: "0.7", fill: "currentColor" })
     ]
   }
-), Fe = () => /* @__PURE__ */ h(
+), He = () => /* @__PURE__ */ u(
   "svg",
   {
     "aria-label": "Critical threshold breached",
@@ -421,12 +424,12 @@ const E = {
     subtitle: n,
     colSpan: a = 1,
     isStale: c,
-    thresholdBreach: u = "none"
-  } = o, m = t === "sparkline" || t === "bars" || t === "donut" ? o.accentColor ?? "#4f46e5" : "#4f46e5", x = t === "highlight" ? o.highlightColor : void 0, p = t === "sparkline" ? o.sparklineData : void 0, w = t === "bars" ? o.barData : void 0, y = t === "donut" ? o.donutValue : 0, S = t === "donut" ? o.donutMax ?? 100 : 100, T = t === "object-arrow" ? o.objectArrowValue : 0, _ = t === "object-arrow" ? o.objectArrowMax : 100, $ = t === "arrow" ? o.arrowDirection : void 0, I = t === "versus" ? o.versusData : void 0, z = t === "segmented" ? o.segments : void 0, b = (t === "highlight" && o.tintCondition ? je(
+    thresholdBreach: h = "none"
+  } = o, m = t === "sparkline" || t === "bars" || t === "donut" ? o.accentColor ?? "#4f46e5" : "#4f46e5", y = t === "highlight" ? o.highlightColor : void 0, p = t === "sparkline" ? o.sparklineData : void 0, S = t === "bars" ? o.barData : void 0, x = t === "donut" ? o.donutValue : 0, w = t === "donut" ? o.donutMax ?? 100 : 100, T = t === "object-arrow" ? o.objectArrowValue : 0, W = t === "object-arrow" ? o.objectArrowMax : 100, $ = t === "arrow" ? o.arrowDirection : void 0, I = t === "versus" ? o.versusData : void 0, z = t === "segmented" ? o.segments : void 0, b = (t === "highlight" && o.tintCondition ? je(
     typeof o.value == "number" ? o.value : null,
     o.tintCondition
-  ) : void 0) ?? x, k = (b ? He[b] : void 0) || b, { formatted: L, tier: ne, length: oe } = O(
-    () => t === "status-mode" ? { formatted: "", tier: 0, length: 0 } : be(l, {
+  ) : void 0) ?? y, k = (b ? Ae[b] : void 0) || b, { formatted: L, tier: ne, length: oe } = O(
+    () => t === "status-mode" ? { formatted: "", tier: 0, length: 0 } : xe(l, {
       prefix: r?.prefix || "",
       suffix: r?.suffix || "",
       abbreviated: r?.abbreviated
@@ -435,7 +438,7 @@ const E = {
   );
   if (o.variant === "status-mode")
     return /* @__PURE__ */ e(ie, { ...o });
-  const R = { display: L, full: L, length: oe }, le = Y(R.length, a), se = s?.direction && E[s.direction] || E.flat, F = c ? "gloss-metric-data-stale" : "gloss-metric-data-fresh", P = {
+  const _ = { display: L, full: L, length: oe }, le = Y(_.length, a), se = s?.direction && E[s.direction] || E.flat, H = c ? "gloss-metric-data-stale" : "gloss-metric-data-fresh", P = {
     fontWeight: 700,
     letterSpacing: "-0.03em",
     color: t === "highlight" ? k : "rgba(0,0,0,0.87)",
@@ -491,9 +494,9 @@ const E = {
       prefix: r?.prefix || "",
       suffix: r?.suffix || "",
       abbreviated: r?.abbreviated
-    }), U = Y(v.length, a), ue = Math.max(U - 4, 14);
-    return /* @__PURE__ */ h("div", { style: { display: "flex", alignItems: "center", gap: 12, flex: 1 }, children: [
-      /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column" }, children: [
+    }), U = Y(v.length, a), he = Math.max(U - 4, 14);
+    return /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", gap: 12, flex: 1 }, children: [
+      /* @__PURE__ */ u("div", { style: { display: "flex", flexDirection: "column" }, children: [
         /* @__PURE__ */ e(
           "span",
           {
@@ -511,19 +514,19 @@ const E = {
         /* @__PURE__ */ e("span", { style: { fontSize: 10, color: "rgba(0,0,0,0.35)", marginTop: 2 }, children: I.currentLabel })
       ] }),
       /* @__PURE__ */ e(
-        Ce,
+        we,
         {
           definition: { orientation: "vertical", color: "rgba(0,0,0,0.08)" },
           style: { flexShrink: 0 }
         }
       ),
-      /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column" }, children: [
+      /* @__PURE__ */ u("div", { style: { display: "flex", flexDirection: "column" }, children: [
         /* @__PURE__ */ e(
           "span",
           {
             style: {
               fontWeight: 700,
-              fontSize: ue,
+              fontSize: he,
               letterSpacing: "-0.03em",
               color: "rgba(0,0,0,0.5)",
               lineHeight: 1.1
@@ -535,7 +538,7 @@ const E = {
         /* @__PURE__ */ e("span", { style: { fontSize: 10, color: "rgba(0,0,0,0.35)", marginTop: 2 }, children: I.priorLabel })
       ] })
     ] });
-  }, fe = () => !z || z.length === 0 ? null : /* @__PURE__ */ h("div", { style: { zIndex: 2, position: "relative" }, children: [
+  }, fe = () => !z || z.length === 0 ? null : /* @__PURE__ */ u("div", { style: { zIndex: 2, position: "relative" }, children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -568,7 +571,7 @@ const E = {
           flexWrap: "wrap",
           marginTop: 4
         },
-        children: z.map((v, M) => /* @__PURE__ */ h(
+        children: z.map((v, M) => /* @__PURE__ */ u(
           "div",
           {
             style: {
@@ -596,16 +599,16 @@ const E = {
         ))
       }
     )
-  ] }), he = [
+  ] }), ue = [
     "gloss-threshold-overlay",
-    u === "warn" ? "gloss-threshold-warn" : "",
-    u === "critical" ? "gloss-threshold-critical" : "",
-    u === "critical" ? "gloss-threshold-pulse" : ""
+    h === "warn" ? "gloss-threshold-warn" : "",
+    h === "critical" ? "gloss-threshold-critical" : "",
+    h === "critical" ? "gloss-threshold-pulse" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ h(K, { children: [
-    u !== "none" && /* @__PURE__ */ e("div", { className: he }),
-    u === "warn" && /* @__PURE__ */ e("span", { className: "gloss-threshold-icon gloss-threshold-icon--warn", children: /* @__PURE__ */ e(Ae, {}) }),
-    u === "critical" && /* @__PURE__ */ e("span", { className: "gloss-threshold-icon gloss-threshold-icon--critical", children: /* @__PURE__ */ e(Fe, {}) }),
+  return /* @__PURE__ */ u(J, { children: [
+    h !== "none" && /* @__PURE__ */ e("div", { className: ue }),
+    h === "warn" && /* @__PURE__ */ e("span", { className: "gloss-threshold-icon gloss-threshold-icon--warn", children: /* @__PURE__ */ e(Fe, {}) }),
+    h === "critical" && /* @__PURE__ */ e("span", { className: "gloss-threshold-icon gloss-threshold-icon--critical", children: /* @__PURE__ */ e(He, {}) }),
     t === "highlight" && k && /* @__PURE__ */ e(
       "div",
       {
@@ -620,33 +623,33 @@ const E = {
         }
       }
     ),
-    t === "sparkline" && /* @__PURE__ */ e(A, { data: p, color: m, isStale: c }),
-    t === "bars" && /* @__PURE__ */ e(ee, { data: w, color: m, isStale: c }),
-    /* @__PURE__ */ h(
+    t === "sparkline" && /* @__PURE__ */ e(F, { data: p, color: m, isStale: c }),
+    t === "bars" && /* @__PURE__ */ e(ee, { data: S, color: m, isStale: c }),
+    /* @__PURE__ */ u(
       N,
       {
         className: "gloss-metric-card__zone-a",
         "data-tier": ne,
         style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative", display: "flex", alignItems: "center" },
         children: [
-          /* @__PURE__ */ e(D, { className: "gloss-metric-card__label", children: d }),
+          /* @__PURE__ */ e(R, { className: "gloss-metric-card__label", children: d }),
           f
         ]
       }
     ),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ u(
       N,
       {
         definition: { display: "flex", align: "center" },
-        className: `gloss-metric-card__zone-b ${F}`,
+        className: `gloss-metric-card__zone-b ${H}`,
         style: { flex: 1, zIndex: 2, position: "relative", minHeight: 0 },
         children: [
-          t === "donut" && /* @__PURE__ */ e(te, { value: y, max: S, color: m, colSpan: a, isStale: c }),
+          t === "donut" && /* @__PURE__ */ e(te, { value: x, max: w, color: m, colSpan: a, isStale: c }),
           t === "object-arrow" && /* @__PURE__ */ e(
             re,
             {
               value: T,
-              max: _,
+              max: W,
               trendValue: s?.value,
               color: se,
               colSpan: a,
@@ -654,17 +657,17 @@ const E = {
             }
           ),
           t === "arrow" && ce(),
-          t !== "versus" && t !== "segmented" && /* @__PURE__ */ e("span", { style: P, title: R.full, children: R.display }),
+          t !== "versus" && t !== "segmented" && /* @__PURE__ */ e("span", { style: P, title: _.full, children: _.display }),
           t === "versus" && de(),
-          t === "segmented" && /* @__PURE__ */ e("span", { style: P, title: R.full, children: R.display })
+          t === "segmented" && /* @__PURE__ */ e("span", { style: P, title: _.full, children: _.display })
         ]
       }
     ),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ u(
       N,
       {
         definition: { display: "flex", justify: "between", align: "center" },
-        className: `gloss-metric-card__zone-c ${F}`,
+        className: `gloss-metric-card__zone-c ${H}`,
         style: { minHeight: 18, flexShrink: 0, zIndex: 2, position: "relative" },
         children: [
           /* @__PURE__ */ e("span", { style: ae, children: n }),
@@ -683,7 +686,7 @@ const E = {
   ] });
 };
 Pe.displayName = "MetricCard";
-const H = ({
+const A = ({
   groupId: i,
   options: o,
   selectedId: t,
@@ -695,55 +698,55 @@ const H = ({
   onOpenChange: n,
   disableHover: a = !1
 }) => {
-  const c = W(null), u = s, m = o.find((g) => g.id === t), x = !!m, p = m || o.find((g) => g.id === l) || o.find((g) => g.id === d) || o[0], w = O(() => {
+  const c = B(null), h = s, m = o.find((g) => g.id === t), y = !!m, p = m || o.find((g) => g.id === l) || o.find((g) => g.id === d) || o[0], S = O(() => {
     if (!p || !["7d", "30d", "60d", "90d", "mtd", "qtd", "ytd", "lytd"].includes(p.id))
       return "";
-    const { start: b, end: k } = ve(p.id);
-    return ke(b, k, /* @__PURE__ */ new Date());
-  }, [p]), y = C(() => {
+    const { start: b, end: k } = be(p.id);
+    return ve(b, k, /* @__PURE__ */ new Date());
+  }, [p]), x = C(() => {
     a || n && n(i, !0);
-  }, [i, n, a]), S = C(() => {
+  }, [i, n, a]), w = C(() => {
     a || n && n(i, !1);
   }, [i, n, a]), T = C(() => {
     n && n(i, !1);
-  }, [i, n]), _ = C(() => {
-    n && n(i, !u);
-  }, [i, u, n]), $ = C((g) => {
+  }, [i, n]), W = C(() => {
+    n && n(i, !h);
+  }, [i, h, n]), $ = C((g) => {
     f(g), T();
   }, [f, T]), I = C((g, b) => {
     g.stopPropagation(), r && r(b);
-  }, [r]), z = /* @__PURE__ */ h(
-    B,
+  }, [r]), z = /* @__PURE__ */ u(
+    D,
     {
       ref: c,
-      onMouseEnter: y,
-      onMouseLeave: S,
+      onMouseEnter: x,
+      onMouseLeave: w,
       sx: { position: "relative", display: "inline-flex" },
       children: [
         /* @__PURE__ */ e(
-          X,
+          K,
           {
-            label: /* @__PURE__ */ h(B, { sx: { display: "inline-flex", alignItems: "center", gap: "2px" }, children: [
+            label: /* @__PURE__ */ u(D, { sx: { display: "inline-flex", alignItems: "center", gap: "2px" }, children: [
               p?.label,
               /* @__PURE__ */ e(
-                Be,
+                Re,
                 {
                   sx: {
                     fontSize: 16,
-                    color: x ? "primary.main" : "action.active",
-                    transform: u ? "rotate(180deg)" : "none",
+                    color: y ? "primary.main" : "action.active",
+                    transform: h ? "rotate(180deg)" : "none",
                     transition: "transform 200ms"
                   }
                 }
               )
             ] }),
-            onClick: _,
+            onClick: W,
             variant: "outlined",
-            color: x ? "primary" : "default",
+            color: y ? "primary" : "default",
             size: "small",
             sx: {
               cursor: "pointer",
-              fontWeight: x ? 600 : 400,
+              fontWeight: y ? 600 : 400,
               "&:hover": {
                 borderColor: "primary.main"
               }
@@ -751,27 +754,27 @@ const H = ({
           }
         ),
         /* @__PURE__ */ e(
-          Ie,
+          Ce,
           {
-            open: u,
+            open: h,
             anchorEl: c.current,
             placement: "bottom-start",
             sx: { zIndex: 1300 },
             children: /* @__PURE__ */ e(
-              ze,
+              Ie,
               {
                 elevation: 8,
-                onMouseEnter: y,
-                onMouseLeave: S,
+                onMouseEnter: x,
+                onMouseLeave: w,
                 sx: {
                   minWidth: 120,
                   mt: 0.5,
                   py: 0.5
                 },
-                children: /* @__PURE__ */ e(Me, { dense: !0, children: o.map((g) => {
+                children: /* @__PURE__ */ e(ze, { dense: !0, children: o.map((g) => {
                   const b = t === g.id, k = l === g.id;
-                  return /* @__PURE__ */ h(
-                    Re,
+                  return /* @__PURE__ */ u(
+                    Me,
                     {
                       onClick: () => $(g.id),
                       selected: b,
@@ -784,10 +787,10 @@ const H = ({
                         minHeight: 36
                       },
                       children: [
-                        /* @__PURE__ */ h(B, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                          b && /* @__PURE__ */ e(_e, { fontSize: "small", color: "primary", sx: { fontSize: 14 } }),
+                        /* @__PURE__ */ u(D, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                          b && /* @__PURE__ */ e(Oe, { fontSize: "small", color: "primary", sx: { fontSize: 14 } }),
                           /* @__PURE__ */ e(
-                            Te,
+                            _e,
                             {
                               primary: g.label,
                               primaryTypographyProps: {
@@ -799,7 +802,7 @@ const H = ({
                           )
                         ] }),
                         /* @__PURE__ */ e(
-                          Le,
+                          Te,
                           {
                             size: "small",
                             onClick: (L) => I(L, g.id),
@@ -812,7 +815,7 @@ const H = ({
                               }
                             },
                             title: k ? "Unpin as default" : "Set as default",
-                            children: k ? /* @__PURE__ */ e(We, { fontSize: "small", color: "warning", sx: { fontSize: 14 } }) : /* @__PURE__ */ e(Oe, { fontSize: "small", sx: { fontSize: 14 } })
+                            children: k ? /* @__PURE__ */ e(De, { fontSize: "small", color: "warning", sx: { fontSize: 14 } }) : /* @__PURE__ */ e(Be, { fontSize: "small", sx: { fontSize: 14 } })
                           }
                         )
                       ]
@@ -827,10 +830,10 @@ const H = ({
       ]
     }
   );
-  return w ? /* @__PURE__ */ e(
-    Ne,
+  return S ? /* @__PURE__ */ e(
+    Le,
     {
-      title: w,
+      title: S,
       placement: "top-start",
       slotProps: {
         popper: {
@@ -841,7 +844,7 @@ const H = ({
     }
   ) : z;
 };
-H.displayName = "ExpandableChip";
+A.displayName = "ExpandableChip";
 function Ve({
   selectedPreset: i,
   onSelect: o,
@@ -854,9 +857,9 @@ function Ve({
   calendarEntry: n
 }) {
   const a = i === "today";
-  return /* @__PURE__ */ h(B, { className: "hybrid-date-picker__quick-bar", children: [
+  return /* @__PURE__ */ u(D, { className: "hybrid-date-picker__quick-bar", children: [
     /* @__PURE__ */ e(
-      X,
+      K,
       {
         label: "Today",
         size: "small",
@@ -870,10 +873,10 @@ function Ve({
       }
     ),
     /* @__PURE__ */ e(
-      H,
+      A,
       {
         groupId: "rolling",
-        options: we,
+        options: ke,
         selectedId: i,
         defaultId: t,
         onSelect: o,
@@ -885,7 +888,7 @@ function Ve({
       }
     ),
     /* @__PURE__ */ e(
-      H,
+      A,
       {
         groupId: "period",
         options: Se,
@@ -899,8 +902,8 @@ function Ve({
         disableHover: r
       }
     ),
-    s && /* @__PURE__ */ h(K, { children: [
-      /* @__PURE__ */ e(De, { orientation: "vertical", flexItem: !0, sx: { mx: 0.5 } }),
+    s && /* @__PURE__ */ u(J, { children: [
+      /* @__PURE__ */ e(Ne, { orientation: "vertical", flexItem: !0, sx: { mx: 0.5 } }),
       n
     ] })
   ] });
@@ -909,13 +912,13 @@ Ve.displayName = "TimeframeQuickBar";
 export {
   ee as B,
   te as D,
-  H as E,
+  A as E,
   Pe as M,
   re as O,
   ie as S,
   j as T,
-  A as a,
+  F as a,
   Ve as b,
   je as e,
-  Ee as u
+  $e as u
 };

package/catalog.js

@@ -1,10 +1,10 @@
-import { A as I, Q as N, E as B, J as x, L as D, D as F, F as A, H as M, K as v, T as R, U as _, V as H, aX as W, W as k, aY as z, aZ as L, a_ as E, X as G, Y as $, Z as O } from "./Expandable-KDhjReJP.js";
-import { a5 as Be, b2 as xe, aA as De, aj as Fe, $ as Ae, ap as Me, bG as ve, N as Re, aa as _e, P as He, B as We, bc as ke, C as ze, bk as Le, b as Ee, c as Ge, O as $e, q as Oe, af as we, aO as Ve, aD as Xe, as as je, m as Ze, o as Ue, aG as qe, ad as Ke, b4 as Qe, ab as Ye, _ as Je, ar as ea, aR as aa, b6 as sa, p as ta, ao as ra, a2 as oa, at as ia, a4 as na, ac as la, bw as da, aU as ca, t as ma, I as ga, i as pa, ax as ua, M as ba, y as fa, au as ha, bB as Ta, aq as ya, w as Sa, aT as Pa, a$ as Ca, al as Ia, aL as Na, ai as Ba, an as xa, av as Da, bI as Fa, aS as Aa, bH as Ma, ae as va, e as Ra, R as _a, l as Ha, r as Wa, aI as ka, ak as za, ag as La, j as Ea, z as Ga, b3 as $a, ah as Oa, b8 as wa, bb as Va, b9 as Xa, ba as ja, k as Za, b5 as Ua, S as qa, bd as Ka, aw as Qa, b7 as Ya, bC as Ja, am as es, bF as as, v as ss, bx as ts, n as rs, h as os, s as is, a0 as ns, a9 as ls, bj as ds, bq as cs, aC as ms, a8 as gs, aQ as ps, aF as us, az as bs, aN as fs, aK as hs, a3 as Ts } from "./Expandable-KDhjReJP.js";
+import { A as I, Q as N, E as B, J as x, L as D, D as F, F as A, H as M, K as v, T as R, U as _, V as H, aX as W, W as k, aY as z, aZ as L, a_ as E, X as G, Y as $, Z as O } from "./Expandable-DDbKbPoO.js";
+import { a5 as Be, b2 as xe, aA as De, aj as Fe, $ as Ae, ap as Me, bG as ve, N as Re, aa as _e, P as He, B as We, bc as ke, C as ze, bk as Le, b as Ee, c as Ge, O as $e, q as Oe, af as we, aO as Ve, aD as Xe, as as je, m as Ze, o as Ue, aG as qe, ad as Ke, b4 as Qe, ab as Ye, _ as Je, ar as ea, aR as aa, b6 as sa, p as ta, ao as ra, a2 as oa, at as ia, a4 as na, ac as la, bw as da, aU as ca, t as ma, I as ga, i as pa, ax as ua, M as ba, y as fa, au as ha, bB as Ta, aq as ya, w as Sa, aT as Pa, a$ as Ca, al as Ia, aL as Na, ai as Ba, an as xa, av as Da, bI as Fa, aS as Aa, bH as Ma, ae as va, e as Ra, R as _a, l as Ha, r as Wa, aI as ka, ak as za, ag as La, j as Ea, z as Ga, b3 as $a, ah as Oa, b8 as wa, bb as Va, b9 as Xa, ba as ja, k as Za, b5 as Ua, S as qa, bd as Ka, aw as Qa, b7 as Ya, bC as Ja, am as es, bF as as, v as ss, bx as ts, n as rs, h as os, s as is, a0 as ns, a9 as ls, bj as ds, bq as cs, aC as ms, a8 as gs, aQ as ps, aF as us, az as bs, aN as fs, aK as hs, a3 as Ts } from "./Expandable-DDbKbPoO.js";
 import { jsx as c, jsxs as S } from "react/jsx-runtime";
 import { C as e, T as a, aa as w, S as s, E as u, R as g, Z as V } from "./UIContext-CGQI_KJk.js";
 import { B as X, a as j, e as Z, c as U, d as q, b as K } from "./BaseAsyncButton-CJlY7Uik.js";
 import { b as Q } from "./BaseText-Dxbk1JJa.js";
-import { B as Ss, D as Ps, M as Cs, O as Is, a as Ns, T as Bs } from "./TimeframeQuickBar-I9Io0v7_.js";
+import { B as Ss, D as Ps, M as Cs, O as Is, a as Ns, T as Bs } from "./TimeframeQuickBar-CHl409rH.js";
 import { formatDateRange as Ds, resolveEvent as Fs, resolvePreset as As, smartDateFormat as Ms } from "@mt-gloss/utils/dateInterpretation";
 const Y = {
   page: {

package/composites-panels.js

@@ -5,7 +5,7 @@ import * as B from "react";
 import k, { useState as x, useRef as q, createContext as be, useContext as ve, useMemo as ce, useEffect as z, useCallback as R, useLayoutEffect as Re } from "react";
 import { SPIN_COMMIT_REDUCED as $e, SPIN_COMMIT_FULL as Fe } from "@mt-gloss/motion";
 import { useMotionValue as de, animate as V, motion as ze } from "framer-motion";
-import { b as He, M as ue } from "./TimeframeQuickBar-I9Io0v7_.js";
+import { b as He, M as ue } from "./TimeframeQuickBar-CHl409rH.js";
 import { useSensors as Ue, useSensor as pe, PointerSensor as Be, KeyboardSensor as Ve, DndContext as Ye, closestCenter as Ke } from "@dnd-kit/core";
 import { sortableKeyboardCoordinates as qe, SortableContext as Ge, horizontalListSortingStrategy as Qe, arrayMove as We, useSortable as je } from "@dnd-kit/sortable";
 import { CSS as Ze } from "@dnd-kit/utilities";

package/index.js

@@ -1,7 +1,7 @@
 import { s as U, g as ke, u as ze } from "./COMMITS-BI1gFcrd.js";
 import { H as cr, N as dr, C as ur, e as mr, P as pr, k as gr, S as hr, c as fr, j as br, i as vr, h as yr, p as _r, a as wr, r as Cr, d as Nr, f as kr, b as Sr } from "./COMMITS-BI1gFcrd.js";
-import { u as Ge, C as He } from "./Expandable-KDhjReJP.js";
-import { Q as xr, V as Tr, T as Rr, U as Mr, a5 as Pr, b2 as Ar, aA as Er, aj as Fr, $ as Ir, ap as Lr, N as Or, aa as $r, P as Br, B as zr, a as Gr, A as Hr, K as Wr, bc as Vr, J as Kr, L as jr, E as Ur, D as qr, H as Yr, F as Qr, bk as Xr, b as Jr, c as Zr, O as es, q as ts, af as as, aO as ns, A as rs, K as ss, J as is, L as ls, E as os, D as cs, H as ds, F as us, aX as ms, a_ as ps, aZ as gs, aY as hs, a$ as fs, aD as bs, a7 as vs, a6 as ys, as as _s, m as ws, o as Cs, aG as Ns, ad as ks, b4 as Ss, ab as Ds, _ as xs, bu as Ts, bt as Rs, bv as Ms, ar as Ps, aR as As, b6 as Es, bi as Fs, p as Is, ao as Ls, bo as Os, bf as $s, a2 as Bs, at as zs, a4 as Gs, bn as Hs, bD as Ws, G as Vs, f as Ks, ac as js, bw as Us, aU as qs, t as Ys, x as Qs, I as Xs, i as Js, ax as Zs, bz as ei, M as ti, y as ai, W as ni, Z as ri, X as si, Y as ii, au as li, bB as oi, by as ci, aq as di, w as ui, aT as mi, al as pi, aL as gi, ai as hi, an as fi, av as bi, aS as vi, ae as yi, e as _i, R as wi, l as Ci, r as Ni, aI as ki, bl as Si, bm as Di, ak as xi, ag as Ti, j as Ri, z as Mi, b3 as Pi, ah as Ai, bA as Ei, b8 as Fi, bb as Ii, b9 as Li, ba as Oi, k as $i, b5 as Bi, S as zi, bd as Gi, aw as Hi, b7 as Wi, bC as Vi, am as Ki, v as ji, bx as Ui, n as qi, h as Yi, s as Qi, a0 as Xi, a1 as Ji, a9 as Zi, bj as el, bq as tl, aB as al, aC as nl, a8 as rl, aP as sl, aQ as il, aE as ll, aF as ol, aH as cl, bs as dl, br as ul, ay as ml, az as pl, b1 as gl, b0 as hl, aM as fl, aN as bl, aW as vl, aJ as yl, aK as _l, d as wl, bp as Cl, be as Nl, bg as kl, bh as Sl, aV as Dl, a3 as xl, bE as Tl, g as Rl } from "./Expandable-KDhjReJP.js";
+import { u as Ge, C as He } from "./Expandable-DDbKbPoO.js";
+import { Q as xr, V as Tr, T as Rr, U as Mr, a5 as Pr, b2 as Ar, aA as Er, aj as Fr, $ as Ir, ap as Lr, N as Or, aa as $r, P as Br, B as zr, a as Gr, A as Hr, K as Wr, bc as Vr, J as Kr, L as jr, E as Ur, D as qr, H as Yr, F as Qr, bk as Xr, b as Jr, c as Zr, O as es, q as ts, af as as, aO as ns, A as rs, K as ss, J as is, L as ls, E as os, D as cs, H as ds, F as us, aX as ms, a_ as ps, aZ as gs, aY as hs, a$ as fs, aD as bs, a7 as vs, a6 as ys, as as _s, m as ws, o as Cs, aG as Ns, ad as ks, b4 as Ss, ab as Ds, _ as xs, bu as Ts, bt as Rs, bv as Ms, ar as Ps, aR as As, b6 as Es, bi as Fs, p as Is, ao as Ls, bo as Os, bf as $s, a2 as Bs, at as zs, a4 as Gs, bn as Hs, bD as Ws, G as Vs, f as Ks, ac as js, bw as Us, aU as qs, t as Ys, x as Qs, I as Xs, i as Js, ax as Zs, bz as ei, M as ti, y as ai, W as ni, Z as ri, X as si, Y as ii, au as li, bB as oi, by as ci, aq as di, w as ui, aT as mi, al as pi, aL as gi, ai as hi, an as fi, av as bi, aS as vi, ae as yi, e as _i, R as wi, l as Ci, r as Ni, aI as ki, bl as Si, bm as Di, ak as xi, ag as Ti, j as Ri, z as Mi, b3 as Pi, ah as Ai, bA as Ei, b8 as Fi, bb as Ii, b9 as Li, ba as Oi, k as $i, b5 as Bi, S as zi, bd as Gi, aw as Hi, b7 as Wi, bC as Vi, am as Ki, v as ji, bx as Ui, n as qi, h as Yi, s as Qi, a0 as Xi, a1 as Ji, a9 as Zi, bj as el, bq as tl, aB as al, aC as nl, a8 as rl, aP as sl, aQ as il, aE as ll, aF as ol, aH as cl, bs as dl, br as ul, ay as ml, az as pl, b1 as gl, b0 as hl, aM as fl, aN as bl, aW as vl, aJ as yl, aK as _l, d as wl, bp as Cl, be as Nl, bg as kl, bh as Sl, aV as Dl, a3 as xl, bE as Tl, g as Rl } from "./Expandable-DDbKbPoO.js";
 import { jsxs as f, jsx as a, Fragment as I } from "react/jsx-runtime";
 import * as O from "react";
 import V, { useRef as M, useEffect as E, useState as A, useCallback as C, useId as Se, useMemo as de, useLayoutEffect as De, createContext as We, useContext as Ve } from "react";
@@ -14,7 +14,7 @@ import { lerpHex as qe } from "@mt-gloss/utils";
 import { DEFAULT_MARKET_PRESETS as Ll, DEFAULT_PINNED as Ol, PERIOD_OPTIONS as $l, ROLLING_OPTIONS as Bl, TODAY_PRESET as zl, findPreset as Gl, formatDateRange as Hl, formatMarketDates as Wl, formatTrend as Vl, formatValue as Kl, generateMarketId as jl, getAllPresets as Ul, getDateRangeForPreset as ql, getPresetLabel as Yl, getTransitionStyle as Ql, interpolate as Xl, isInRange as Jl, isMarketActive as Zl, isSameDay as eo, normalizePresetId as to, parseNumericValue as ao, toUppercasePresetId as no } from "@mt-gloss/utils";
 import { B as Ye, U as ue } from "./UIContext-CGQI_KJk.js";
 import { a as so, u as io } from "./UIContext-CGQI_KJk.js";
-import { B as oo, D as co, E as uo, M as mo, O as po, a as go, S as ho, b as fo, T as bo, e as vo } from "./TimeframeQuickBar-I9Io0v7_.js";
+import { B as oo, D as co, E as uo, M as mo, O as po, a as go, S as ho, b as fo, T as bo, e as vo } from "./TimeframeQuickBar-CHl409rH.js";
 import Qe from "@mui/icons-material/AccessTime";
 import Xe from "@mui/icons-material/Tune";
 import Je from "@mui/icons-material/ViewColumn";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mt-gloss/ui",
-  "version": "0.1.152",
+  "version": "0.1.154",
   "type": "module",
   "publishConfig": {
     "access": "public"