@mx-cartographer/experiences 7.12.17 → 7.13.0

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.13.0] - 03-24-2026
+
+- **UPDATED** - All text variants to replace deprecated variants
+
 ## [7.12.17] - 03-24-2026
 
 - **UPDATED** - Respect exclude held accounts in client widget profile

package/dist/{AccountDetailsHeader-BkEF1gO-.mjs → AccountDetailsHeader-D9gbTbUt.mjs}

@@ -1,10 +1,10 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import { observer as f } from "mobx-react-lite";
-import a from "@mui/material/Stack";
+import s from "@mui/material/Stack";
 import { H3 as T, InstitutionLogo as x, Text as l, H2 as D } from "@mxenabled/mxui";
 import p from "react";
 import { G as N, d as _, l as P, f as G, u as O } from "./hooks-BxkfR-Ff.mjs";
-import { g as R } from "./AccountFields-C_dcdCM7.mjs";
+import { g as R } from "./AccountFields-CxqONzjY.mjs";
 import { A as r } from "./Account-BiB1F8lL.mjs";
 import w from "@mui/material/Card";
 import v from "@mui/material/CardContent";
@@ -17,34 +17,34 @@ const C = () => {
   if (!p.useContext(N))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
   return _().uiStore;
-}, B = (i, e) => {
+}, k = (o, e) => {
   const c = [r.LOAN, r.MORTGAGE, r.PROPERTY].includes(
-    i
+    o
   ), n = [
     r.CREDIT_CARD,
     r.LINE_OF_CREDIT,
     r.PREPAID,
     r.CHECKING_LINE_OF_CREDIT
-  ].includes(i);
+  ].includes(o);
   return c ? { title: e.label_payments, description: e.chart_title_payments } : n ? { title: e.label_payments_spend, description: e.chart_title_payments_spend } : { title: e.label_income_spend, description: e.chart_title_income_spend };
-}, k = ({
-  sx: i,
+}, B = ({
+  sx: o,
   ChartComponent: e,
   header: c
 }) => {
-  const { loadMonthlyCategoryTotals: n } = P(), { isInitialized: o } = G(), { selectedAccount: d } = C(), [u, m] = p.useState(!1);
+  const { loadMonthlyCategoryTotals: n } = P(), { isInitialized: i } = G(), { selectedAccount: d } = C(), [u, m] = p.useState(!1);
   return p.useEffect(() => {
-    o && n([d]).finally(() => {
+    i && n([d]).finally(() => {
       m(!0);
     });
-  }, [o, d]), !o || !u ? /* @__PURE__ */ t(H, {}) : /* @__PURE__ */ s(
+  }, [i, d]), !i || !u ? /* @__PURE__ */ t(H, {}) : /* @__PURE__ */ a(
     w,
     {
       sx: {
         "& .MuiCardContent-root:last-child": {
           pb: 0
         },
-        ...i
+        ...o
       },
       children: [
         /* @__PURE__ */ t(L, { sx: { pb: 0 }, title: /* @__PURE__ */ t(T, { sx: { pb: 4 }, children: c }) }),
@@ -52,44 +52,44 @@ const C = () => {
       ]
     }
   );
-}, F = f(k), V = ({
-  customDetailsChart: i,
+}, F = f(B), V = ({
+  customDetailsChart: o,
   ChartComponent: e
 }) => {
-  const { institutions: c } = _(), { selectedAccount: n } = C(), { accounts: o } = O(), { firstSubtitle: d, firstValue: u, hasAvailableBalance: m, secondSubtitle: h, secondValue: b } = R(n, o), A = c.find(
+  const { institutions: c } = _(), { selectedAccount: n } = C(), { accounts: i } = O(), { firstSubtitle: d, firstValue: u, hasAvailableBalance: m, secondSubtitle: h, secondValue: b } = R(n, i), A = c.find(
     (I) => I.guid === n?.institution_guid
-  ), S = [
+  ), y = [
     ...M,
     ...U,
     ...Y
-  ].includes(n.account_type), g = j(n), { title: y, description: E } = B(n.account_type, o);
-  return /* @__PURE__ */ s(a, { bgcolor: "background.default", p: 24, children: [
-    /* @__PURE__ */ s(a, { gap: 12, children: [
+  ].includes(n.account_type), g = j(n), { title: E, description: S } = k(n.account_type, i);
+  return /* @__PURE__ */ a(s, { bgcolor: "background.default", p: 24, children: [
+    /* @__PURE__ */ a(s, { gap: 12, children: [
       /* @__PURE__ */ t(
         x,
         {
-          alt: o.institution_logo_alt,
+          alt: i.institution_logo_alt,
           institutionGuid: n.institution_guid || "",
           size: 64
         }
       ),
-      /* @__PURE__ */ t(l, { variant: "Small", children: A?.name })
+      /* @__PURE__ */ t(l, { variant: "body2", children: A?.name })
     ] }),
-    /* @__PURE__ */ s(a, { gap: 8, mb: 24, mt: 4, children: [
+    /* @__PURE__ */ a(s, { gap: 8, mb: 24, mt: 4, children: [
       /* @__PURE__ */ t(D, { children: g }),
-      /* @__PURE__ */ s(a, { direction: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ t(l, { bold: m, variant: "Body", children: d }),
-        /* @__PURE__ */ t(l, { bold: !0, variant: "Body", children: z(u, "0,0.00") })
+      /* @__PURE__ */ a(s, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(l, { bold: m, variant: "body1", children: d }),
+        /* @__PURE__ */ t(l, { bold: !0, variant: "body1", children: z(u, "0,0.00") })
       ] }),
-      /* @__PURE__ */ s(a, { direction: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ t(l, { variant: "Small", children: h }),
-        /* @__PURE__ */ t(l, { variant: "Small", children: b })
+      /* @__PURE__ */ a(s, { direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(l, { variant: "body2", children: h }),
+        /* @__PURE__ */ t(l, { variant: "body2", children: b })
       ] })
     ] }),
-    S && /* @__PURE__ */ t(a, { "aria-label": E, role: "img", children: i || /* @__PURE__ */ t(F, { ChartComponent: e, header: y }) })
+    y && /* @__PURE__ */ t(s, { "aria-label": S, role: "img", children: o || /* @__PURE__ */ t(F, { ChartComponent: e, header: E }) })
   ] });
-}, st = f(V);
+}, at = f(V);
 export {
-  st as A,
+  at as A,
   C as u
 };

package/dist/{AccountFields-C_dcdCM7.mjs → AccountFields-CxqONzjY.mjs}

@@ -3,7 +3,7 @@ import { Icon as p, Text as y } from "@mxenabled/mxui";
 import { A as d, a as v, P as h, b as F } from "./Account-BiB1F8lL.mjs";
 import { i as T, u as D, a as A, b as g, c as O } from "./Accounts-o7ohkngR.mjs";
 import { F as m } from "./Accounts-CseLC3lL.mjs";
-import { f as _, i as b, a as N, b as S } from "./NumberFormatting-QCaNwbjv.mjs";
+import { f as _, i as b, a as N, b as C } from "./NumberFormatting-QCaNwbjv.mjs";
 import { b as i } from "./Localization-CPkpIwIx.mjs";
 import { f as o, D as f } from "./DateFormats-BMpMrZpW.mjs";
 const x = (l, e) => {
@@ -88,7 +88,7 @@ const x = (l, e) => {
     type: m.Date,
     valueFormatter: (a) => i(
       e.day_of_every_month,
-      S(a <= 31 ? a : new Date(a).getDate())
+      C(a <= 31 ? a : new Date(a).getDate())
     )
   })), g(l) && r.push({
     label: e.credit_limit,
@@ -104,7 +104,7 @@ const x = (l, e) => {
     type: m.Currency,
     valueFormatter: (a) => _(a, "0,0.00")
   }), r;
-}, C = (l, e) => {
+}, S = (l, e) => {
   let r = "", a = null, t = null, n = null, s = !1;
   switch (l.account_type) {
     case 1:
@@ -115,7 +115,7 @@ const x = (l, e) => {
     default:
       if (r = e.current_balance, a = l.balance, l.minimum_payment && l.payment_due_at) {
         const c = typeof l.payment_due_at == "number" ? new Date(l.payment_due_at * 1e3) : l.payment_due_at;
-        t = /* @__PURE__ */ u(y, { component: "strong", variant: "XSmall", children: i(
+        t = /* @__PURE__ */ u(y, { component: "strong", variant: "caption", children: i(
           e.payment_due_on,
           _(l.minimum_payment, "0,0.00"),
           o(c, f.FULL_MONTH_DAY)
@@ -130,11 +130,11 @@ const x = (l, e) => {
     hasAvailableBalance: s
   };
 }, B = (l, e) => l.reduce((a, t) => {
-  const s = C(t, e).firstValue || 0;
+  const s = S(t, e).firstValue || 0;
   return a + s;
 }, 0);
 export {
   x as a,
   B as b,
-  C as g
+  S as g
 };

package/dist/AccountListItem-LcJVJysf.mjs

@@ -0,0 +1,90 @@
+import { jsx as e, jsxs as r, Fragment as m } from "react/jsx-runtime";
+import { observer as b } from "mobx-react-lite";
+import I from "@mui/material/Badge";
+import l from "@mui/material/Box";
+import v from "@mui/material/ListItem";
+import C from "@mui/material/ListItemAvatar";
+import S from "@mui/material/ListItemButton";
+import _ from "@mui/material/ListItemText";
+import L from "@mui/material/styles/useTheme";
+import { InstitutionLogo as A, Text as o } from "@mxenabled/mxui";
+import { Error as B } from "@mxenabled/mx-icons";
+import { I as j } from "./IconBacking-B9oC6uL2.mjs";
+import { g as T } from "./AccountFields-CxqONzjY.mjs";
+import { u as $ } from "./useAccountDisplayName-DKwT1mWv.mjs";
+import { u as k } from "./hooks-BxkfR-Ff.mjs";
+import { C as d } from "./Account-BiB1F8lL.mjs";
+import { f as w } from "./NumberFormatting-QCaNwbjv.mjs";
+const E = {
+  gridRow: 1,
+  gridColumn: 1,
+  zIndex: 2
+}, M = ({ size: t = 20 }) => /* @__PURE__ */ e(j, { size: t, children: /* @__PURE__ */ e(B, { color: "error", filled: !0, sx: { fontSize: t, ...E } }) }), z = ({
+  account: t,
+  onRowClick: n,
+  listItemProps: c,
+  shouldShowConnectionStatus: p = !1
+}) => {
+  const u = L(), f = $(t), { accounts: i } = k(), { firstSubtitle: h, firstValue: g, secondSubtitle: x, secondValue: y } = T(
+    t,
+    i
+  );
+  let s;
+  (t.connectionStatus === d.Error || t.connectionStatus === d.RequiresMfa) && (s = /* @__PURE__ */ e(M, { size: 16 }));
+  const a = /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
+      I,
+      {
+        badgeContent: p ? s : void 0,
+        sx: {
+          "& .MuiBadge-badge": {
+            right: -1
+          }
+        },
+        children: /* @__PURE__ */ e(A, { alt: "MX", institutionGuid: t.institution_guid || "" })
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      _,
+      {
+        disableTypography: !0,
+        primary: /* @__PURE__ */ r(
+          o,
+          {
+            bold: !0,
+            color: t.is_hidden ? u.palette.text.secondary : void 0,
+            sx: { whiteSpace: "normal" },
+            variant: "body1",
+            children: [
+              `${f} ${t.account_number ? `*${t.account_number}` : ""}`,
+              " ",
+              t.is_hidden && !t.is_closed && i.is_hidden,
+              t.is_closed && i.is_closed
+            ]
+          }
+        ),
+        secondary: /* @__PURE__ */ r(m, { children: [
+          /* @__PURE__ */ r(l, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ e(o, { variant: "caption", children: h }),
+            /* @__PURE__ */ e(o, { bold: !0, variant: "body2", children: w(g, "0,0.00") })
+          ] }),
+          /* @__PURE__ */ r(l, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ e(o, { variant: "caption", children: x }),
+            /* @__PURE__ */ e(o, { ml: "auto", variant: "caption", children: y })
+          ] })
+        ] })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ e(
+    v,
+    {
+      sx: { backgroundColor: "background.paper", color: t.is_closed ? "grey.700" : "" },
+      ...c,
+      children: n ? /* @__PURE__ */ e(S, { alignItems: "flex-start", onClick: n, sx: { px: 24 }, children: a }) : a
+    }
+  );
+}, Z = b(z);
+export {
+  Z as A
+};

package/dist/{AccountStore-ypdfueW9.mjs → AccountStore-BNlTuxWN.mjs}

@@ -1,5 +1,5 @@
 import { makeAutoObservable as h, runInAction as a } from "mobx";
-import { i as g } from "./BudgetUtil--_QXyszn.mjs";
+import { i as g } from "./BudgetUtil-CLhRnCoX.mjs";
 import { A as d } from "./AccountApi-ChQr5PAZ.mjs";
 import { d as p } from "./Accounts-o7ohkngR.mjs";
 import { A as s, d as u } from "./Account-BiB1F8lL.mjs";

package/dist/{BudgetUtil--_QXyszn.mjs → BudgetUtil-CLhRnCoX.mjs}

@@ -1,4 +1,4 @@
-import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
 import k from "react";
 import { css as R } from "@mxenabled/cssinjs";
 import { addDays as G } from "date-fns/addDays";
@@ -12,10 +12,10 @@ import { isSameMonth as K } from "date-fns/isSameMonth";
 import { startOfMonth as Q } from "date-fns/startOfMonth";
 import { startOfToday as I } from "date-fns/startOfToday";
 import { subMonths as U } from "date-fns/subMonths";
-import b from "@mui/material/Button";
+import C from "@mui/material/Button";
 import V from "@mui/material/Paper";
 import { H2 as X, Text as z, H3 as tt, P as et } from "@mxenabled/mxui";
-import { ChevronLeft as nt, ChevronRight as rt, Icon as ot } from "@mxenabled/mx-icons";
+import { ChevronLeft as nt, ChevronRight as ot, Icon as rt } from "@mxenabled/mx-icons";
 import { f as at, D as it } from "./DateFormats-BMpMrZpW.mjs";
 import { isSameDay as f } from "date-fns/isSameDay";
 import { isWithinInterval as st } from "date-fns/isWithinInterval";
@@ -33,24 +33,24 @@ import { b as T } from "./Category-CevNQ03n.mjs";
 import { b as j } from "./Localization-CPkpIwIx.mjs";
 import { f as O } from "./NumberFormatting-QCaNwbjv.mjs";
 const W = (t, n) => t.find((e) => e.guid === n), xt = (t, n) => t.find((e) => e.guid === n), yt = (t, n) => {
-  const e = t.find((r) => r.subCategories.find((a) => a.guid === n));
+  const e = t.find((o) => o.subCategories.find((a) => a.guid === n));
   if (e)
-    return e.subCategories.find((r) => r.guid === n);
+    return e.subCategories.find((o) => o.guid === n);
 }, ce = (t, n) => {
   const e = [];
-  for (const r of n) {
-    const a = W(t, r.category_guid);
+  for (const o of n) {
+    const a = W(t, o.category_guid);
     if (!a) continue;
     const s = a.parent_guid ?? a.guid, d = W(t, s);
     if (!d) continue;
     const i = {
-      amount: r.total,
+      amount: o.total,
       category: a,
       guid: a.guid,
       subCategoryTotals: []
     }, l = e.find((m) => m.guid === s);
-    l ? (l.amount += r.total, l.subCategoryTotals.push(i)) : e.push({
-      amount: r.total,
+    l ? (l.amount += o.total, l.subCategoryTotals.push(i)) : e.push({
+      amount: o.total,
       category: d,
       guid: s,
       subCategoryTotals: [i]
@@ -58,18 +58,18 @@ const W = (t, n) => t.find((e) => e.guid === n), xt = (t, n) => t.find((e) => e.
   }
   return e;
 }, le = (t, n) => {
-  const e = t.find((r) => r.guid === n);
+  const e = t.find((o) => o.guid === n);
   return e ? e.guid === T.INCOME || e.parent_guid === T.INCOME : !1;
-}, Ct = ({ copy: t, date: n, onNextClick: e, onPreviousClick: r }) => {
-  const a = bt();
+}, bt = ({ copy: t, date: n, onNextClick: e, onPreviousClick: o }) => {
+  const a = Ct();
   return /* @__PURE__ */ h("div", { className: `mx-cmn-calendar-header ${a}`, children: [
-    /* @__PURE__ */ o(X, { className: "mx-cmn-calendar-header-title", variant: "H3", children: at(n, it.MONTH_YEAR) }),
+    /* @__PURE__ */ r(X, { className: "mx-cmn-calendar-header-title", variant: "h3", children: at(n, it.MONTH_YEAR) }),
     /* @__PURE__ */ h("div", { className: "mx-cmn-calendar-header-button-container", children: [
-      /* @__PURE__ */ o(b, { "aria-label": t.prevAria, onClick: r, children: /* @__PURE__ */ o(nt, { size: 24 }) }),
-      /* @__PURE__ */ o(b, { "aria-label": t.nextAria, onClick: e, children: /* @__PURE__ */ o(rt, { size: 24 }) })
+      /* @__PURE__ */ r(C, { "aria-label": t.prevAria, onClick: o, children: /* @__PURE__ */ r(nt, { size: 24 }) }),
+      /* @__PURE__ */ r(C, { "aria-label": t.nextAria, onClick: e, children: /* @__PURE__ */ r(ot, { size: 24 }) })
     ] })
   ] });
-}, bt = () => R({
+}, Ct = () => R({
   alignItems: "center",
   display: "flex",
   marginBottom: 16,
@@ -82,19 +82,19 @@ const W = (t, n) => t.find((e) => e.guid === n), xt = (t, n) => t.find((e) => e.
     display: "flex",
     gap: 4
   }
-}), vt = ({ beginDate: t, date: n, endDate: e, isInMonth: r, onClick: a }) => {
+}), vt = ({ beginDate: t, date: n, endDate: e, isInMonth: o, onClick: a }) => {
   const s = ct(), d = kt(s), i = t && e && st(n, { start: t, end: e }) && !f(n, t) && !f(n, e), l = t && e && f(t, n) && !f(t, e), m = e && t && f(e, n) && !f(t, e), u = t && f(t, n) || e && f(e, n), p = f(n, I());
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     "div",
     {
       className: `
         mx-cmn-calendar-day
         ${d}
-        ${r ? "" : "mx-cmn-out-of-month"}
+        ${o ? "" : "mx-cmn-out-of-month"}
         ${i ? "mx-cmn-date-interval" : ""}
       `,
-      children: /* @__PURE__ */ o(
-        b,
+      children: /* @__PURE__ */ r(
+        C,
         {
           className: `
           mx-cmn-calendar-day-button
@@ -104,14 +104,14 @@ const W = (t, n) => t.find((e) => e.guid === n), xt = (t, n) => t.find((e) => e.
           color: u ? "primary" : "secondary",
           onClick: () => a(n),
           variant: u ? "contained" : "text",
-          children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ r(
             z,
             {
               className: `
             mx-cmn-calendar-day-text
             ${u ? "mx-cmn-day-selected" : ""}
             ${p ? "mx-cmn-today" : ""}`,
-              variant: "Small",
+              variant: "body2",
               children: L(n, "d")
             }
           )
@@ -165,48 +165,48 @@ const W = (t, n) => t.find((e) => e.guid === n), xt = (t, n) => t.find((e) => e.
     }
   }
 }), Bt = 340, B = 44;
-var St = /* @__PURE__ */ ((t) => (t.None = "None", t.Single = "Single", t.Range = "Range", t))(St || {});
-const wt = ({
+var wt = /* @__PURE__ */ ((t) => (t.None = "None", t.Single = "Single", t.Range = "Range", t))(wt || {});
+const _t = ({
   copy: t,
   beginDate: n = void 0,
   endDate: e = void 0,
-  onDateSelected: r,
+  onDateSelected: o,
   onRangeSelected: a,
   selectionType: s = "Single"
   /* Single */
 }) => {
-  const d = _t(), [i, l] = k.useState(I), [m, u] = k.useState(n), [p, g] = k.useState(e);
+  const d = St(), [i, l] = k.useState(I), [m, u] = k.useState(n), [p, g] = k.useState(e);
   k.useEffect(() => {
     u(n), g(e), n && l(n);
   }, [n, e]);
   const v = k.useMemo(() => {
     const c = Z({ start: Q(i), end: q(i) }), y = [];
-    for (let C = 0; C < c.length; C++) {
-      const S = c[C], $ = Y({ start: S, end: G(S, 6) }), A = [];
+    for (let b = 0; b < c.length; b++) {
+      const w = c[b], $ = Y({ start: w, end: G(w, 6) }), A = [];
       for (let M = 0; M < $.length; M++)
         A.push($[M]);
       y.push(A);
     }
     return y;
-  }, [i]), w = (c) => {
+  }, [i]), _ = (c) => {
     if (s !== "None") {
       if (s === "Single") {
-        u(c), r?.(c);
+        u(c), o?.(c);
         return;
       }
       !m || p ? (u(c), g(void 0)) : J(c, m) ? (g(m), u(c), a?.(c, m)) : (g(c), a?.(m, c));
     }
-  }, _ = () => {
+  }, S = () => {
     const c = I();
-    l(c), s !== "None" && (u(c), s === "Single" ? r?.(c) : (g(c), a?.(c, c)));
+    l(c), s !== "None" && (u(c), s === "Single" ? o?.(c) : (g(c), a?.(c, c)));
   }, N = () => {
     l(P(i, 1));
   }, x = () => {
     l(U(i, 1));
   };
-  return /* @__PURE__ */ o("div", { className: `mx-cmn-calendar ${d}`, children: /* @__PURE__ */ h(V, { sx: { boxShadow: "none" }, children: [
-    /* @__PURE__ */ o(
-      Ct,
+  return /* @__PURE__ */ r("div", { className: `mx-cmn-calendar ${d}`, children: /* @__PURE__ */ h(V, { sx: { boxShadow: "none" }, children: [
+    /* @__PURE__ */ r(
+      bt,
       {
         copy: t,
         date: i,
@@ -214,21 +214,21 @@ const wt = ({
         onPreviousClick: x
       }
     ),
-    /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-header-row", children: v[0].map((c, y) => /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ o(z, { bold: !0, variant: "Small", children: L(c, "EEEEE") }) }, y)) }),
-    v.map((c, y) => /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-week", children: c.map((C, S) => /* @__PURE__ */ o(
+    /* @__PURE__ */ r("div", { className: "mx-cmn-calendar-header-row", children: v[0].map((c, y) => /* @__PURE__ */ r("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ r(z, { bold: !0, variant: "body2", children: L(c, "EEEEE") }) }, y)) }),
+    v.map((c, y) => /* @__PURE__ */ r("div", { className: "mx-cmn-calendar-week", children: c.map((b, w) => /* @__PURE__ */ r(
       vt,
       {
         beginDate: m,
-        date: C,
+        date: b,
         endDate: p,
-        isInMonth: K(C, i),
-        onClick: w
+        isInMonth: K(b, i),
+        onClick: _
       },
-      S
+      w
     )) }, `w-${y}`)),
-    /* @__PURE__ */ o("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ o(b, { onClick: _, size: "small", variant: "text", children: t.today }) })
+    /* @__PURE__ */ r("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ r(C, { onClick: S, size: "small", variant: "text", children: t.today }) })
   ] }) });
-}, _t = () => R({
+}, St = () => R({
   width: Bt,
   "& .MuiPaper-root": {
     paddingLeft: 24,
@@ -269,11 +269,11 @@ const wt = ({
       marginRight: "auto"
     }
   }
-}), de = wt, Nt = ({
+}), de = _t, Nt = ({
   closeAriaLabel: t,
   content: n,
   inputLabel: e,
-  inputValue: r,
+  inputValue: o,
   isOpen: a,
   handleInputChange: s,
   handleModalClose: d,
@@ -285,8 +285,8 @@ const wt = ({
   secondaryText: g,
   title: v
 }) => {
-  const w = parseFloat(r ?? "0"), _ = r !== "" && r !== "0" && !isNaN(w), { isSmallMobile: N } = pt();
-  return /* @__PURE__ */ o(
+  const _ = parseFloat(o ?? "0"), S = o !== "" && o !== "0" && !isNaN(_), { isSmallMobile: N } = pt();
+  return /* @__PURE__ */ r(
     lt,
     {
       "aria-label": v,
@@ -299,7 +299,7 @@ const wt = ({
         "& .MuiDialogContent-root": { p: 0 },
         ...N && { "& .MuiDialog-paper": { minWidth: "100%" } }
       },
-      children: /* @__PURE__ */ o(mt, { children: /* @__PURE__ */ h(
+      children: /* @__PURE__ */ r(mt, { children: /* @__PURE__ */ h(
         "form",
         {
           onSubmit: (x) => {
@@ -320,26 +320,26 @@ const wt = ({
                   pt: 24
                 },
                 children: [
-                  /* @__PURE__ */ o(tt, { id: "modal-title", children: v }),
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ r(tt, { id: "modal-title", children: v }),
+                  /* @__PURE__ */ r(
                     ut,
                     {
                       "aria-label": t,
                       onClick: d,
                       sx: { minHeight: 24, position: "absolute", right: 8, top: 18 },
-                      children: /* @__PURE__ */ o(ot, { name: "close", sx: { color: "action.active" } })
+                      children: /* @__PURE__ */ r(rt, { name: "close", sx: { color: "action.active" } })
                     }
                   )
                 ]
               }
             ),
             /* @__PURE__ */ h(E, { sx: { gap: 24, px: 24 }, children: [
-              /* @__PURE__ */ o(et, { variant: "subtitle1", children: n }),
-              e && /* @__PURE__ */ o(
+              /* @__PURE__ */ r(et, { variant: "subtitle1", children: n }),
+              e && /* @__PURE__ */ r(
                 ft,
                 {
                   InputProps: {
-                    startAdornment: /* @__PURE__ */ o(gt, { position: "start", children: "$" })
+                    startAdornment: /* @__PURE__ */ r(gt, { position: "start", children: "$" })
                   },
                   autoFocus: !0,
                   inputMode: "decimal",
@@ -353,7 +353,7 @@ const wt = ({
                     /^\d*\.?\d*$/.test(x) && s?.(x);
                   },
                   type: "text",
-                  value: r
+                  value: o
                 }
               )
             ] }),
@@ -367,8 +367,8 @@ const wt = ({
                   ">:not(style)~:not(style)": { ml: 0 }
                 },
                 children: [
-                  g && /* @__PURE__ */ o(
-                    b,
+                  g && /* @__PURE__ */ r(
+                    C,
                     {
                       "aria-label": g,
                       color: p,
@@ -376,12 +376,12 @@ const wt = ({
                       children: g
                     }
                   ),
-                  /* @__PURE__ */ o(
-                    b,
+                  /* @__PURE__ */ r(
+                    C,
                     {
                       "aria-label": u,
                       color: m,
-                      disabled: e ? !_ : !1,
+                      disabled: e ? !S : !1,
                       onClick: i,
                       variant: "contained",
                       children: u
@@ -406,10 +406,10 @@ const wt = ({
 }, ge = () => {
   const { detailedBudgets: t } = ht();
   return t.map((e) => {
-    const r = e.transaction_total;
-    return e.amount - r;
-  }).reduce((e, r) => e + r, 0);
-}, fe = (t, n, e, r) => {
+    const o = e.transaction_total;
+    return e.amount - o;
+  }).reduce((e, o) => e + o, 0);
+}, fe = (t, n, e, o) => {
   const a = [];
   for (const s of t) {
     const d = xt(n, s.category_guid);
@@ -417,7 +417,7 @@ const wt = ({
     const i = d.totalAmount, l = H(s.amount, i), m = s.amount - i;
     a.push({
       ...s,
-      budgetColors: D(l, r),
+      budgetColors: D(l, o),
       category: d,
       description: j(
         m < 0 ? e.budget_remaining_over : e.budget_remaining_left,
@@ -436,7 +436,7 @@ const wt = ({
     const m = s.amount - i, u = H(s.amount, i);
     l && l.subBudgets.push({
       ...s,
-      budgetColors: D(u, r),
+      budgetColors: D(u, o),
       category: d,
       description: j(
         m < 0 ? e.budget_remaining_over : e.budget_remaining_left,
@@ -449,22 +449,22 @@ const wt = ({
   }
   return a;
 }, F = (t, n) => t.find((e) => e.guid === n), pe = (t, n, e) => {
-  const r = F(t, e);
-  if (r)
-    return F(r.subBudgets, n);
+  const o = F(t, e);
+  if (o)
+    return F(o.subBudgets, n);
 }, he = (t, n) => {
-  const e = Math.max(0, n - t), r = n > 0 ? Math.min(100, t / n * 100) : 0;
+  const e = Math.max(0, n - t), o = n > 0 ? Math.min(100, t / n * 100) : 0;
   let a = "success";
-  return r >= 100 ? a = "error" : r >= 50 && (a = "warning"), {
+  return o >= 100 ? a = "error" : o >= 50 && (a = "warning"), {
     remainingAmount: e,
-    spentPercentage: r,
+    spentPercentage: o,
     iconColor: a
   };
 };
 export {
   me as C,
   de as a,
-  St as b,
+  wt as b,
   pe as c,
   fe as d,
   W as e,