@mt-gloss/ui 0.1.143 → 0.1.144

package/{Expandable-BcXSzdgU.js → Expandable-D-GbTjIp.js}

@@ -3,7 +3,7 @@ import * as ca from "react";
 import _e, { useId as Ve, useState as O, useCallback as x, createContext as Yt, useContext as Ut, useRef as ue, useEffect as se, useMemo as Q, useSyncExternalStore as Kn, useReducer as Yn, forwardRef as Un, useImperativeHandle as Xn } from "react";
 import { S as X, E as qe, C as P, e as qn, R as Ce, h as Zn, i as Jn, j as Qn, af as es, M as ts, p as as, a9 as rs, ag as ye, N as ns, O as Lr, P as Hr, Q as ss, V as ls, W as is, X as os, Y as cs, _ as ds, a1 as us, a2 as ms, a3 as ps, a8 as gs, a4 as fs, a5 as hs, L as bs, K as ys, f as vs, g as _s, $ as Ns, a0 as xs, k as Ss, q as Cs, v as ks, r as ws, U as xt, w as Ds, x as Is, s as Ts, y as Es, t as Ps, ad as Bs, ae as Ms, z as As, A as Rs, D as zs, F as Fs, G as $s, H as Os, I as Ls, J as Hs, c as Tt, d as Ze, Z as Gr, B as Gs, ab as Vs, b as Vr, T as Me, aa as Ws, ac as mr } from "./UIContext-CGQI_KJk.js";
 import { B as be, b as js, a as Ks } from "./BaseText-Dxbk1JJa.js";
-import { u as Ys, a as Us, b as Xs, M as dt } from "./TimeframeQuickBar-BhKzqcZC.js";
+import { u as Ys, a as Us, b as Xs, M as dt } from "./TimeframeQuickBar-BexFJUgk.js";
 import { formatValue as qs, isInRange as Zs, isSameDay as ea, formatMarketDates as Js, DEFAULT_MARKET_PRESETS as ta, isMarketActive as kt, getDateRangeForPreset as Xe, detectPreset as aa, getDateRangeDisplayInfo as Ot, formatDateRangeSmart as yt, toUppercasePresetId as ra, generateMarketId as Qs, ROLLING_OPTIONS as pr, PERIOD_OPTIONS as gr } from "@mt-gloss/utils";
 import { useGridApiRef as el, DataGridPro as tl } from "@mui/x-data-grid-pro";
 import { Chip as Ha, Tooltip as Nt, MenuItem as da, Menu as al, Box as de, IconButton as et, Select as fr, Typography as De, Button as st, Collapse as rl, Popover as nl, Dialog as sl, DialogTitle as ll, DialogContent as il, TextField as na, DialogActions as ol, Tabs as cl, Tab as dl } from "@mui/material";

package/{TimeframeQuickBar-BhKzqcZC.js → TimeframeQuickBar-BexFJUgk.js}

@@ -1,8 +1,8 @@
 import { jsxs as u, jsx as e, Fragment as K } from "react/jsx-runtime";
-import { useId as me, useMemo as B, useState as ge, useRef as $, useCallback as C, useEffect as pe } from "react";
+import { useId as me, useMemo as W, useState as ge, useRef as B, useCallback as C, useEffect as pe } from "react";
 import { formatTrend as xe, isStatusModeEnabled as ye, pickMetricTier as be, getValueFontSize as Y, formatValue as q, getDateRangeForPreset as ve, formatDateRangeSmart as ke, ROLLING_OPTIONS as we, PERIOD_OPTIONS as Se } from "@mt-gloss/utils";
-import { B as D, a as N, b as Ce } from "./BaseText-Dxbk1JJa.js";
-import { Box as E, Chip as X, Popper as Ie, Paper as ze, MenuList as Me, MenuItem as Re, ListItemText as Le, IconButton as Te, Tooltip as De, Divider as Ne } from "@mui/material";
+import { B as N, a as D, b as Ce } from "./BaseText-Dxbk1JJa.js";
+import { Box as $, 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 $e from "@mui/icons-material/ExpandMore";
 import Be from "@mui/icons-material/Star";
 import We from "@mui/icons-material/StarBorder";
@@ -43,7 +43,7 @@ const Q = {
 };
 j.displayName = "TrendIndicator";
 const H = ({ data: i, color: n, isStale: t }) => {
-  const f = "sparkbg-" + me().replace(/:/g, ""), s = n || "#4f46e5", r = B(() => {
+  const f = "sparkbg-" + me().replace(/:/g, ""), s = n || "#4f46e5", r = W(() => {
     if (!i || i.length < 2) return null;
     const l = 300, o = 55, c = 2, d = Math.min(...i), m = Math.max(...i) - d || 1, p = i.map((y, S) => ({
       x: S / (i.length - 1) * l,
@@ -104,7 +104,7 @@ const H = ({ data: i, color: n, isStale: t }) => {
 };
 H.displayName = "SparklineBg";
 const ee = ({ data: i, color: n, isStale: t }) => {
-  const a = n || "#4f46e5", f = B(() => {
+  const a = n || "#4f46e5", f = W(() => {
     if (!i || i.length < 1) return null;
     const s = 300, r = 50, l = r * 0.82, o = i.length, c = s / (o * 4), d = c * 3, m = Math.max(...i) || 1;
     return i.map((x, p) => {
@@ -277,7 +277,7 @@ const re = ({ value: i = 0, max: n = 100, trendValue: t = 0, color: a = "#6b7280
 re.displayName = "ObjectArrow";
 const _e = { slot3: 200, slot5: 380 };
 function Ee(i, n) {
-  const t = _e, a = 150, [f, s] = ge(1), r = $(null), l = $(null), o = C(() => {
+  const t = _e, a = 150, [f, s] = ge(1), r = B(null), l = B(null), o = C(() => {
     const d = r.current;
     if (d == null) return;
     const h = d < t.slot3 ? 1 : d < t.slot5 ? 3 : 5;
@@ -300,17 +300,17 @@ function Ee(i, n) {
   return { capacity: f, onPointerUp: c };
 }
 function ie(i) {
-  const { onStatusSlotClick: n } = i, t = $(null), a = ye(), { capacity: f, onPointerUp: s } = Ee(t), r = i.maxSlots ?? f, l = i.statuses.slice(0, r);
+  const { onStatusSlotClick: n } = i, t = B(null), a = ye(), { capacity: f, onPointerUp: s } = Ee(t), r = i.maxSlots ?? f, l = i.statuses.slice(0, r);
   if (!a) {
     const o = i.statuses[0];
     return /* @__PURE__ */ u(
-      D,
+      N,
       {
         definition: { display: "flex", direction: "column" },
         className: "gloss-status-card gloss-status-card--flag-off",
         children: [
-          /* @__PURE__ */ e(N, { className: "gloss-metric-card__label", children: i.label }),
-          o != null ? /* @__PURE__ */ e(N, { children: String(o.value) }) : null
+          /* @__PURE__ */ e(D, { className: "gloss-metric-card__label", children: i.label }),
+          o != null ? /* @__PURE__ */ e(D, { children: String(o.value) }) : null
         ]
       }
     );
@@ -324,7 +324,7 @@ function ie(i) {
       "data-status-capacity": r,
       onPointerUp: s,
       children: [
-        /* @__PURE__ */ e(N, { className: "gloss-metric-card__label", children: i.label }),
+        /* @__PURE__ */ e(D, { className: "gloss-metric-card__label", children: i.label }),
         /* @__PURE__ */ e("div", { className: "gloss-status-slots", "data-status-slot-count": l.length, children: l.map((o, c) => {
           const d = i.sparklinePerStatus?.[o.id], h = o.id === i.activeStatusId;
           return /* @__PURE__ */ u(
@@ -362,7 +362,7 @@ function J(i, n) {
   const a = parseInt(t.substring(0, 2), 16), f = parseInt(t.substring(2, 4), 16), s = parseInt(t.substring(4, 6), 16);
   return `rgba(${a},${f},${s},${n})`;
 }
-const _ = {
+const E = {
   up: "var(--color-positive)",
   down: "var(--color-negative)",
   flat: "var(--color-text-secondary)"
@@ -429,10 +429,10 @@ const _ = {
     colSpan: c = 1,
     isStale: d,
     thresholdBreach: h = "none"
-  } = n, m = t === "sparkline" || t === "bars" || t === "donut" ? n.accentColor ?? "#4f46e5" : "#4f46e5", x = t === "highlight" ? n.highlightColor : void 0, p = t === "sparkline" ? n.sparklineData : void 0, w = t === "bars" ? n.barData : void 0, y = t === "donut" ? n.donutValue : 0, S = t === "donut" ? n.donutMax ?? 100 : 100, L = t === "object-arrow" ? n.objectArrowValue : 0, W = t === "object-arrow" ? n.objectArrowMax : 100, O = t === "arrow" ? n.arrowDirection : void 0, I = t === "versus" ? n.versusData : void 0, z = t === "segmented" ? n.segments : void 0, b = (t === "highlight" && n.tintCondition ? je(
+  } = n, m = t === "sparkline" || t === "bars" || t === "donut" ? n.accentColor ?? "#4f46e5" : "#4f46e5", x = t === "highlight" ? n.highlightColor : void 0, p = t === "sparkline" ? n.sparklineData : void 0, w = t === "bars" ? n.barData : void 0, y = t === "donut" ? n.donutValue : 0, S = t === "donut" ? n.donutMax ?? 100 : 100, T = t === "object-arrow" ? n.objectArrowValue : 0, O = t === "object-arrow" ? n.objectArrowMax : 100, _ = t === "arrow" ? n.arrowDirection : void 0, I = t === "versus" ? n.versusData : void 0, z = t === "segmented" ? n.segments : void 0, b = (t === "highlight" && n.tintCondition ? je(
     typeof n.value == "number" ? n.value : null,
     n.tintCondition
-  ) : void 0) ?? x, k = (b ? Ae[b] : void 0) || b, { formatted: T, tier: ne, length: oe } = B(
+  ) : void 0) ?? x, k = (b ? Ae[b] : void 0) || b, { formatted: L, tier: ne, length: oe } = W(
     () => t === "status-mode" ? { formatted: "", tier: 0, length: 0 } : be(s, {
       prefix: r?.prefix || "",
       suffix: r?.suffix || "",
@@ -442,7 +442,7 @@ const _ = {
   );
   if (n.variant === "status-mode")
     return /* @__PURE__ */ e(ie, { ...n });
-  const R = { display: T, full: T, length: oe }, se = Y(R.length, c), le = l?.direction && _[l.direction] || _.flat, F = d ? "gloss-metric-data-stale" : "gloss-metric-data-fresh", P = {
+  const R = { display: L, full: L, length: oe }, se = Y(R.length, c), le = l?.direction && E[l.direction] || E.flat, F = d ? "gloss-metric-data-stale" : "gloss-metric-data-fresh", P = {
     fontWeight: 700,
     letterSpacing: "-0.03em",
     color: t === "highlight" ? k : "rgba(0,0,0,0.87)",
@@ -469,7 +469,7 @@ const _ = {
     flex: "none",
     minWidth: void 0
   } : V, ce = () => {
-    const v = O === "down" ? "▼" : "▲";
+    const v = _ === "down" ? "▼" : "▲";
     return /* @__PURE__ */ e(
       "div",
       {
@@ -630,19 +630,19 @@ const _ = {
     t === "sparkline" && /* @__PURE__ */ e(H, { data: p, color: m, isStale: d }),
     t === "bars" && /* @__PURE__ */ e(ee, { data: w, color: m, isStale: d }),
     /* @__PURE__ */ u(
-      D,
+      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(N, { className: "gloss-metric-card__label", children: a }),
+          /* @__PURE__ */ e(D, { className: "gloss-metric-card__label", children: a }),
           f
         ]
       }
     ),
     /* @__PURE__ */ u(
-      D,
+      N,
       {
         definition: { display: "flex", align: "center" },
         className: `gloss-metric-card__zone-b ${F}`,
@@ -652,8 +652,8 @@ const _ = {
           t === "object-arrow" && /* @__PURE__ */ e(
             re,
             {
-              value: L,
-              max: W,
+              value: T,
+              max: O,
               trendValue: l?.value,
               color: le,
               colSpan: c,
@@ -668,7 +668,7 @@ const _ = {
       }
     ),
     /* @__PURE__ */ u(
-      D,
+      N,
       {
         definition: { display: "flex", justify: "between", align: "center" },
         className: `gloss-metric-card__zone-c ${F}`,
@@ -702,7 +702,7 @@ const A = ({
   onOpenChange: o,
   disableHover: c = !1
 }) => {
-  const d = $(null), h = l, m = n.find((g) => g.id === t), x = !!m, p = m || n.find((g) => g.id === s) || n.find((g) => g.id === a) || n[0], w = B(() => {
+  const d = B(null), h = l, m = n.find((g) => g.id === t), x = !!m, p = m || n.find((g) => g.id === s) || n.find((g) => g.id === a) || n[0], w = W(() => {
     if (!p || !["7d", "30d", "60d", "90d", "mtd", "qtd", "ytd", "lytd"].includes(p.id))
       return "";
     const { start: b, end: k } = ve(p.id);
@@ -711,16 +711,16 @@ const A = ({
     c || o && o(i, !0);
   }, [i, o, c]), S = C(() => {
     c || o && o(i, !1);
-  }, [i, o, c]), L = C(() => {
+  }, [i, o, c]), T = C(() => {
     o && o(i, !1);
-  }, [i, o]), W = C(() => {
+  }, [i, o]), O = C(() => {
     o && o(i, !h);
-  }, [i, h, o]), O = C((g) => {
-    f(g), L();
-  }, [f, L]), I = C((g, b) => {
+  }, [i, h, o]), _ = C((g) => {
+    f(g), T();
+  }, [f, T]), I = C((g, b) => {
     g.stopPropagation(), r && r(b);
   }, [r]), z = /* @__PURE__ */ u(
-    E,
+    $,
     {
       ref: d,
       onMouseEnter: y,
@@ -730,31 +730,27 @@ const A = ({
         /* @__PURE__ */ e(
           X,
           {
-            label: p?.label,
-            onClick: W,
-            deleteIcon: /* @__PURE__ */ e(
-              $e,
-              {
-                sx: {
-                  transform: h ? "rotate(180deg)" : "none",
-                  transition: "transform 200ms"
+            label: /* @__PURE__ */ u($, { sx: { display: "inline-flex", alignItems: "center", gap: "2px" }, children: [
+              p?.label,
+              /* @__PURE__ */ e(
+                $e,
+                {
+                  sx: {
+                    fontSize: 16,
+                    color: x ? "primary.main" : "action.active",
+                    transform: h ? "rotate(180deg)" : "none",
+                    transition: "transform 200ms"
+                  }
                 }
-              }
-            ),
-            onDelete: () => {
-            },
+              )
+            ] }),
+            onClick: O,
             variant: "outlined",
             color: x ? "primary" : "default",
             size: "small",
             sx: {
               cursor: "pointer",
               fontWeight: x ? 600 : 400,
-              "& .MuiChip-deleteIcon": {
-                fontSize: "16px",
-                marginLeft: "-4px",
-                marginRight: "4px",
-                color: x ? "primary.main" : "action.active"
-              },
               "&:hover": {
                 borderColor: "primary.main"
               }
@@ -767,7 +763,6 @@ const A = ({
             open: h,
             anchorEl: d.current,
             placement: "bottom-start",
-            disablePortal: !0,
             sx: { zIndex: 1300 },
             children: /* @__PURE__ */ e(
               ze,
@@ -785,7 +780,7 @@ const A = ({
                   return /* @__PURE__ */ u(
                     Re,
                     {
-                      onClick: () => O(g.id),
+                      onClick: () => _(g.id),
                       selected: b,
                       sx: {
                         display: "flex",
@@ -796,10 +791,10 @@ const A = ({
                         minHeight: 36
                       },
                       children: [
-                        /* @__PURE__ */ u(E, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                        /* @__PURE__ */ u($, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                           b && /* @__PURE__ */ e(Oe, { fontSize: "small", color: "primary", sx: { fontSize: 14 } }),
                           /* @__PURE__ */ e(
-                            Le,
+                            Te,
                             {
                               primary: g.label,
                               primaryTypographyProps: {
@@ -811,10 +806,10 @@ const A = ({
                           )
                         ] }),
                         /* @__PURE__ */ e(
-                          Te,
+                          Le,
                           {
                             size: "small",
-                            onClick: (T) => I(T, g.id),
+                            onClick: (L) => I(L, g.id),
                             sx: {
                               p: 0.25,
                               opacity: k ? 1 : 0,
@@ -840,7 +835,7 @@ const A = ({
     }
   );
   return w ? /* @__PURE__ */ e(
-    De,
+    Ne,
     {
       title: w,
       placement: "top-start",
@@ -866,7 +861,7 @@ function Ve({
   calendarEntry: o
 }) {
   const c = i === "today";
-  return /* @__PURE__ */ u(E, { className: "hybrid-date-picker__quick-bar", children: [
+  return /* @__PURE__ */ u($, { className: "hybrid-date-picker__quick-bar", children: [
     /* @__PURE__ */ e(
       X,
       {
@@ -912,7 +907,7 @@ function Ve({
       }
     ),
     l && /* @__PURE__ */ u(K, { children: [
-      /* @__PURE__ */ e(Ne, { orientation: "vertical", flexItem: !0, sx: { mx: 0.5 } }),
+      /* @__PURE__ */ e(De, { orientation: "vertical", flexItem: !0, sx: { mx: 0.5 } }),
       o
     ] })
   ] });

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 H, V as W, b1 as _, W as k, b2 as L, b3 as z, b4 as E, X as G, Y as O, Z as $ } from "./Expandable-BcXSzdgU.js";
-import { a5 as Be, b8 as xe, aB as De, aj as Fe, $ as Ae, ap as Me, bM as ve, N as Re, aa as He, P as We, B as _e, bi as ke, C as Le, bq as ze, b as Ee, c as Ge, O as Oe, q as $e, af as we, aP as Ve, aE as Xe, as as je, m as Ue, o as Ze, aH as qe, ad as Je, ba as Ke, ab as Qe, _ as Ye, ar as ea, aS as aa, bc as sa, p as ta, ao as ra, a2 as oa, at as ia, a4 as na, ac as la, bC as da, aV as ca, t as ga, I as ma, i as pa, ay as ua, M as ba, y as fa, au as ha, bH as ya, aq as Ta, w as Sa, aU as Pa, b5 as Ca, al as Ia, aM as Na, ai as Ba, an as xa, aw as Da, bO as Fa, aT as Aa, bN as Ma, ae as va, e as Ra, R as Ha, l as Wa, r as _a, aJ as ka, ak as La, ag as za, j as Ea, z as Ga, b9 as Oa, ah as $a, be as wa, bh as Va, bf as Xa, bg as ja, k as Ua, bb as Za, S as qa, bj as Ja, ax as Ka, bd as Qa, bI as Ya, am as es, bL as as, v as ss, bD as ts, n as rs, h as os, s as is, a0 as ns, a9 as ls, bp as ds, bw as cs, aD as gs, a8 as ms, aR as ps, aG as us, aA as bs, aO as fs, aL as hs, a3 as ys } from "./Expandable-BcXSzdgU.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 H, V as W, b1 as _, W as k, b2 as L, b3 as z, b4 as E, X as G, Y as O, Z as $ } from "./Expandable-D-GbTjIp.js";
+import { a5 as Be, b8 as xe, aB as De, aj as Fe, $ as Ae, ap as Me, bM as ve, N as Re, aa as He, P as We, B as _e, bi as ke, C as Le, bq as ze, b as Ee, c as Ge, O as Oe, q as $e, af as we, aP as Ve, aE as Xe, as as je, m as Ue, o as Ze, aH as qe, ad as Je, ba as Ke, ab as Qe, _ as Ye, ar as ea, aS as aa, bc as sa, p as ta, ao as ra, a2 as oa, at as ia, a4 as na, ac as la, bC as da, aV as ca, t as ga, I as ma, i as pa, ay as ua, M as ba, y as fa, au as ha, bH as ya, aq as Ta, w as Sa, aU as Pa, b5 as Ca, al as Ia, aM as Na, ai as Ba, an as xa, aw as Da, bO as Fa, aT as Aa, bN as Ma, ae as va, e as Ra, R as Ha, l as Wa, r as _a, aJ as ka, ak as La, ag as za, j as Ea, z as Ga, b9 as Oa, ah as $a, be as wa, bh as Va, bf as Xa, bg as ja, k as Ua, bb as Za, S as qa, bj as Ja, ax as Ka, bd as Qa, bI as Ya, am as es, bL as as, v as ss, bD as ts, n as rs, h as os, s as is, a0 as ns, a9 as ls, bp as ds, bw as cs, aD as gs, a8 as ms, aR as ps, aG as us, aA as bs, aO as fs, aL as hs, a3 as ys } from "./Expandable-D-GbTjIp.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 m, Z as V } from "./UIContext-CGQI_KJk.js";
 import { B as X, a as j, e as U, c as Z, d as q, b as J } from "./BaseAsyncButton-CJlY7Uik.js";
 import { b as K } 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-BhKzqcZC.js";
+import { B as Ss, D as Ps, M as Cs, O as Is, a as Ns, T as Bs } from "./TimeframeQuickBar-BexFJUgk.js";
 import { formatDateRange as Ds, resolveEvent as Fs, resolvePreset as As, smartDateFormat as Ms } from "@mt-gloss/utils/dateInterpretation";
 const Q = {
   page: {