@mx-cartographer/experiences 8.1.0 → 8.1.2

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [8.1.2] - 04-22-2026
+
+- **FIXED** - Widget header title flash on initial render
+- **FIXED** - Menu button showing incorrectly on large viewports in compact containers
+
+## [8.1.1] - 04-22-2026
+
+- **FIXED** - payment dates
+
 ## [8.1.0] - 04-21-2026
 
 **UPDATED** - All apis have been moved into `src/core/api`

package/dist/{Account-DuOz1a27.mjs → Account-BIKn4XEZ.mjs}

@@ -1,4 +1,4 @@
-import { A as C } from "./Account-BiB1F8lL.mjs";
+import { A as C } from "./Account-CMjOp7S2.mjs";
 const I = [
   C.ANY,
   C.CASH,

package/dist/{Account-BiB1F8lL.mjs → Account-CMjOp7S2.mjs}

@@ -111,8 +111,8 @@ export {
   G as b,
   C as c,
   N as d,
-  H as e,
-  A as f,
+  A as e,
+  H as f,
   R as g,
   T as h
 };

package/dist/{AccountDetailsHeader-IPRH6Wja.mjs → AccountDetailsHeader-D_a0XUkL.mjs}

@@ -3,15 +3,15 @@ import { observer as f } from "mobx-react-lite";
 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-BbPSfzru.mjs";
-import { A as r } from "./Account-BiB1F8lL.mjs";
+import { G as N, d as _, l as P, f as G, u as O } from "./hooks-HwStH7q_.mjs";
+import { g as R } from "./AccountFields-nrrEXd46.mjs";
+import { A as r } from "./Account-CMjOp7S2.mjs";
 import w from "@mui/material/Card";
 import v from "@mui/material/CardContent";
 import L from "@mui/material/CardHeader";
-import { L as H } from "./Loader-D3rjKx72.mjs";
-import { I as M, P as U, S as Y } from "./Account-DuOz1a27.mjs";
-import { u as j } from "./useAccountDisplayName-DKwT1mWv.mjs";
+import { L as H } from "./Loader-CxeBwuPG.mjs";
+import { I as M, P as U, S as Y } from "./Account-BIKn4XEZ.mjs";
+import { u as j } from "./useAccountDisplayName-SrQA7K_6.mjs";
 import { f as z } from "./NumberFormatting-CyrvFgfd.mjs";
 const C = () => {
   if (!p.useContext(N))

package/dist/{AccountFields-BbPSfzru.mjs → AccountFields-nrrEXd46.mjs}

@@ -1,12 +1,13 @@
 import { jsx as u } from "react/jsx-runtime";
-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 { Text as y, Icon as p } from "@mxenabled/mxui";
+import { A as b, a as v, P as h, b as F } from "./Account-CMjOp7S2.mjs";
+import { i as T, u as A, a as D, b as g, c as O } from "./Accounts-DX3xJE97.mjs";
 import { F as m } from "./Accounts-CseLC3lL.mjs";
-import { f as _, i as b, a as N, b as C } from "./NumberFormatting-CyrvFgfd.mjs";
+import { f as C } from "./DateUtil-D0TO0DaZ.mjs";
 import { b as i } from "./Localization-CkQ49EKr.mjs";
 import { f as o, D as f } from "./DateFormats-CaOj_4eI.mjs";
-const x = (l, e) => {
+import { f as s, i as d, a as N, b as S } from "./NumberFormatting-CyrvFgfd.mjs";
+const U = (l, e) => {
   const r = [
     {
       event: "account_details_click_account_name",
@@ -24,9 +25,9 @@ const x = (l, e) => {
       name: "balance",
       placeholder: i(e.enter_value, e.account_balance),
       type: m.Currency,
-      valueFormatter: (t) => _(t, "0,0.00")
+      valueFormatter: (t) => s(t, "0,0.00")
     });
-    const a = Object.keys(d).filter((t) => Number(t)).map((t) => ({
+    const a = Object.keys(b).filter((t) => Number(t)).map((t) => ({
       label: e.account_types[t],
       value: Number(t),
       icon: /* @__PURE__ */ u(p, { name: v[t] })
@@ -40,7 +41,7 @@ const x = (l, e) => {
       valueFormatter: (t) => a.find((n) => n.value === t)?.label
     });
   }
-  if (l.account_type === d.PROPERTY) {
+  if (l.account_type === b.PROPERTY) {
     const a = Object.keys(h).filter((t) => Number(t)).map((t) => ({
       label: e.property_types[t],
       value: Number(t),
@@ -55,7 +56,7 @@ const x = (l, e) => {
       valueFormatter: (t) => a.find((n) => n.value === t)?.label
     });
   }
-  if (D(l)) {
+  if (A(l)) {
     let a = e.interest_rate, t = "interest_rate";
     l.is_manual || (typeof l.apr == "number" && (a = e.apr, t = "apr"), typeof l.apy == "number" && (a = e.apy, t = "apy")), r.push({
       event: "account_details_click_interest_rate",
@@ -63,16 +64,16 @@ const x = (l, e) => {
       name: t,
       placeholder: i(e.enter_value, a),
       type: m.Input,
-      validation: (n) => b(n) ? "" : e.error_amount_is_invalid,
-      valueFormatter: (n) => b(n) ? N(n / 100) : n
+      validation: (n) => d(n) ? "" : e.error_amount_is_invalid,
+      valueFormatter: (n) => d(n) ? N(n / 100) : n
     });
   }
-  return A(l) && (r.push({
+  return D(l) && (r.push({
     label: e.minimum_payment,
     name: "minimum_payment",
     placeholder: i(e.enter_value, e.minimum_payment),
     type: m.Currency,
-    valueFormatter: (a) => _(a, "0,0.00")
+    valueFormatter: (a) => s(a, "0,0.00")
   }), l.payment_due_at ? r.push({
     label: e.next_payment,
     name: "payment_due_at",
@@ -88,53 +89,53 @@ const x = (l, e) => {
     type: m.Date,
     valueFormatter: (a) => i(
       e.day_of_every_month,
-      C(a <= 31 ? a : new Date(a).getDate())
+      S(a <= 31 ? a : new Date(a).getDate())
     )
   })), g(l) && r.push({
     label: e.credit_limit,
     name: "credit_limit",
     placeholder: i(e.enter_value, e.credit_limit),
     type: m.Currency,
-    valueFormatter: (a) => _(a, "0,0.00")
+    valueFormatter: (a) => s(a, "0,0.00")
   }), O(l) && r.push({
     label: e.original_balance,
     minAmount: 1,
     name: "original_balance",
     placeholder: i(e.enter_value, e.original_balance),
     type: m.Currency,
-    valueFormatter: (a) => _(a, "0,0.00")
+    valueFormatter: (a) => s(a, "0,0.00")
   }), r;
-}, S = (l, e) => {
-  let r = "", a = null, t = null, n = null, s = !1;
+}, I = (l, e) => {
+  let r = "", a = null, t = null, n = null, _ = !1;
   switch (l.account_type) {
     case 1:
     case 2: {
-      l.available_balance ? (r = e.available_balance, a = l.available_balance, t = l.available_balance ? e.current_balance : null, n = _(l.balance, "0,0.00"), s = !0) : (r = e.current_balance, a = l.balance);
+      l.available_balance ? (r = e.available_balance, a = l.available_balance, t = l.available_balance ? e.current_balance : null, n = s(l.balance, "0,0.00"), _ = !0) : (r = e.current_balance, a = l.balance);
       break;
     }
     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;
+        const c = C(l.payment_due_at);
         t = /* @__PURE__ */ u(y, { component: "strong", variant: "caption", children: i(
           e.payment_due_on,
-          _(l.minimum_payment, "0,0.00"),
+          s(l.minimum_payment, "0,0.00"),
           o(c, f.FULL_MONTH_DAY)
         ) });
-      } else l.credit_limit && (t = e.available_credit, n = _(l.credit_limit - (l?.balance ?? 0), "0,0.00"));
+      } else l.credit_limit && (t = e.available_credit, n = s(l.credit_limit - (l?.balance ?? 0), "0,0.00"));
   }
   return {
     firstSubtitle: r,
     firstValue: a,
     secondSubtitle: t,
     secondValue: n,
-    hasAvailableBalance: s
+    hasAvailableBalance: _
   };
-}, B = (l, e) => l.reduce((a, t) => {
-  const s = S(t, e).firstValue || 0;
-  return a + s;
+}, Y = (l, e) => l.reduce((a, t) => {
+  const _ = I(t, e).firstValue || 0;
+  return a + _;
 }, 0);
 export {
-  x as a,
-  B as b,
-  S as g
+  U as a,
+  Y as b,
+  I as g
 };

package/dist/{AccountListItem-qpACFl6i.mjs → AccountListItem-D80egD01.mjs}

@@ -9,11 +9,11 @@ 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-BbPSfzru.mjs";
-import { u as $ } from "./useAccountDisplayName-DKwT1mWv.mjs";
-import { u as k } from "./hooks-BxkfR-Ff.mjs";
-import { C as c } from "./Account-BiB1F8lL.mjs";
+import { I as j } from "./IconBacking-DgT8DCeh.mjs";
+import { g as T } from "./AccountFields-nrrEXd46.mjs";
+import { u as $ } from "./useAccountDisplayName-SrQA7K_6.mjs";
+import { u as k } from "./hooks-HwStH7q_.mjs";
+import { C as c } from "./Account-CMjOp7S2.mjs";
 import { f as w } from "./NumberFormatting-CyrvFgfd.mjs";
 const E = {
   gridRow: 1,

package/dist/{AccountStore-BeEiLNhW.mjs → AccountStore-B3S_p5Qa.mjs}

@@ -1,8 +1,8 @@
 import { makeAutoObservable as h, runInAction as a } from "mobx";
-import { i as g } from "./BudgetUtil-CLh4xtj4.mjs";
+import { i as g } from "./BudgetUtil-DalEN9--.mjs";
 import { A as d } from "./AccountApi-WEM2M9tg.mjs";
-import { d as p } from "./Accounts-o7ohkngR.mjs";
-import { A as s, d as u } from "./Account-BiB1F8lL.mjs";
+import { d as p } from "./Accounts-DX3xJE97.mjs";
+import { A as s, d as u } from "./Account-CMjOp7S2.mjs";
 class m {
   isLoading = !1;
   selectedAccount = {};

package/dist/{Accounts-o7ohkngR.mjs → Accounts-DX3xJE97.mjs}

@@ -1,4 +1,4 @@
-import { A as e, C as u, E as p, c as y, M as d } from "./Account-BiB1F8lL.mjs";
+import { A as e, C as u, E as p, c as y, M as d } from "./Account-CMjOp7S2.mjs";
 const m = (t) => t && (t.account_type === e.CREDIT_CARD || t.account_type === e.LOAN || t.account_type === e.MORTGAGE || t.account_type === e.LINE_OF_CREDIT || t.account_type === e.CHECKING_LINE_OF_CREDIT), I = (t) => t.is_manual || !t.guid, f = (t) => t.account_type === e.LINE_OF_CREDIT || t.account_type === e.CREDIT_CARD || t.account_type === e.CHECKING_LINE_OF_CREDIT, R = (t) => t.account_type === e.SAVINGS || t.account_type === e.CHECKING || t.account_type === e.LINE_OF_CREDIT || t.account_type === e.CREDIT_CARD || t.account_type === e.LOAN || t.account_type === e.MORTGAGE, A = (t) => t.account_type === e.LOAN || t.account_type === e.MORTGAGE, N = (t, n, s, _, a) => t.filter((i) => !(i.member_is_managed_by_user && _)).filter((i) => !(!i.member_is_managed_by_user && a)).sort(C).map((i) => {
   const r = n.find((c) => c.guid === i.institution_guid), o = s.find((c) => c.guid === i.member_guid);
   return E(i, r, o);

package/dist/{Analytics-CjZ0emfs.mjs → Analytics-CxK7O19c.mjs}

@@ -47,7 +47,7 @@ const A = (s, i) => {
   };
 };
 export {
-  d as a,
-  w as b,
+  w as a,
+  d as b,
   A as u
 };

package/dist/{BudgetUtil-CLh4xtj4.mjs → BudgetUtil-DalEN9--.mjs}

@@ -6,7 +6,7 @@ import { addMonths as P } from "date-fns/addMonths";
 import { eachDayOfInterval as Y } from "date-fns/eachDayOfInterval";
 import { eachWeekOfInterval as Z } from "date-fns/eachWeekOfInterval";
 import { endOfMonth as q } from "date-fns/endOfMonth";
-import { format as L } from "date-fns/format";
+import { format as z } from "date-fns/format";
 import { isBefore as J } from "date-fns/isBefore";
 import { isSameMonth as K } from "date-fns/isSameMonth";
 import { startOfMonth as Q } from "date-fns/startOfMonth";
@@ -14,7 +14,7 @@ import { startOfToday as I } from "date-fns/startOfToday";
 import { subMonths as U } from "date-fns/subMonths";
 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 { H2 as X, Text as D, H3 as tt, P as et } from "@mxenabled/mxui";
 import { ChevronLeft as nt, ChevronRight as ot, Icon as rt } from "@mxenabled/mx-icons";
 import { f as at, D as it } from "./DateFormats-CaOj_4eI.mjs";
 import { isSameDay as f } from "date-fns/isSameDay";
@@ -25,11 +25,11 @@ import dt from "@mui/material/DialogActions";
 import mt from "@mui/material/DialogContent";
 import ut from "@mui/material/IconButton";
 import gt from "@mui/material/InputAdornment";
-import E from "@mui/material/Stack";
+import T from "@mui/material/Stack";
 import ft from "@mui/material/TextField";
-import { u as pt } from "./useScreenSize-CUcpY7aJ.mjs";
-import { m as ht } from "./hooks-BxkfR-Ff.mjs";
-import { b as T } from "./Category-CevNQ03n.mjs";
+import { u as pt } from "./useScreenSize-CeFhWTt_.mjs";
+import { m as ht } from "./hooks-HwStH7q_.mjs";
+import { b as $ } from "./Category-Ccoew_sA.mjs";
 import { b as j } from "./Localization-CkQ49EKr.mjs";
 import { f as O } from "./NumberFormatting-CyrvFgfd.mjs";
 const xt = ({ copy: t, date: n, onNextClick: e, onPreviousClick: o }) => {
@@ -77,14 +77,14 @@ const xt = ({ copy: t, date: n, onNextClick: e, onPreviousClick: o }) => {
           onClick: () => a(n),
           variant: u ? "contained" : "text",
           children: /* @__PURE__ */ r(
-            z,
+            D,
             {
               className: `
             mx-cmn-calendar-day-text
             ${u ? "mx-cmn-day-selected" : ""}
             ${p ? "mx-cmn-today" : ""}`,
               variant: "body2",
-              children: L(n, "d")
+              children: z(n, "d")
             }
           )
         }
@@ -138,7 +138,7 @@ const xt = ({ copy: t, date: n, onNextClick: e, onPreviousClick: o }) => {
   }
 }), vt = 340, B = 44;
 var kt = /* @__PURE__ */ ((t) => (t.None = "None", t.Single = "Single", t.Range = "Range", t))(kt || {});
-const Bt = ({
+const ie = ({
   copy: t,
   beginDate: n = void 0,
   endDate: e = void 0,
@@ -147,17 +147,17 @@ const Bt = ({
   selectionType: s = "Single"
   /* Single */
 }) => {
-  const d = wt(), [i, l] = k.useState(I), [m, u] = k.useState(n), [p, g] = k.useState(e);
+  const d = Bt(), [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 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);
+      const w = c[b], A = Y({ start: w, end: G(w, 6) }), E = [];
+      for (let M = 0; M < A.length; M++)
+        E.push(A[M]);
+      y.push(E);
     }
     return y;
   }, [i]), _ = (c) => {
@@ -186,7 +186,7 @@ const Bt = ({
         onPreviousClick: x
       }
     ),
-    /* @__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)) }),
+    /* @__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(D, { bold: !0, variant: "body2", children: z(c, "EEEEE") }) }, y)) }),
     v.map((c, y) => /* @__PURE__ */ r("div", { className: "mx-cmn-calendar-week", children: c.map((b, w) => /* @__PURE__ */ r(
       bt,
       {
@@ -200,7 +200,7 @@ const Bt = ({
     )) }, `w-${y}`)),
     /* @__PURE__ */ r("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ r(C, { onClick: S, size: "small", variant: "text", children: t.today }) })
   ] }) });
-}, wt = () => R({
+}, Bt = () => R({
   width: vt,
   "& .MuiPaper-root": {
     paddingLeft: 24,
@@ -241,7 +241,7 @@ const Bt = ({
       marginRight: "auto"
     }
   }
-}), ce = Bt, _t = ({
+}), se = ({
   closeAriaLabel: t,
   content: n,
   inputLabel: e,
@@ -279,7 +279,7 @@ const Bt = ({
           },
           children: [
             /* @__PURE__ */ h(
-              E,
+              T,
               {
                 sx: {
                   alignItems: "center",
@@ -305,7 +305,7 @@ const Bt = ({
                 ]
               }
             ),
-            /* @__PURE__ */ h(E, { sx: { gap: 24, px: 24 }, children: [
+            /* @__PURE__ */ h(T, { sx: { gap: 24, px: 24 }, children: [
               /* @__PURE__ */ r(et, { variant: "subtitle1", children: n }),
               e && /* @__PURE__ */ r(
                 ft,
@@ -367,11 +367,11 @@ const Bt = ({
       ) })
     }
   );
-}, le = _t, W = (t, n) => t.find((e) => e.guid === n), St = (t, n) => t.find((e) => e.guid === n), Nt = (t, n) => {
+}, W = (t, n) => t.find((e) => e.guid === n), wt = (t, n) => t.find((e) => e.guid === n), _t = (t, n) => {
   const e = t.find((o) => o.subCategories.find((a) => a.guid === n));
   if (e)
     return e.subCategories.find((o) => o.guid === n);
-}, de = (t, n) => {
+}, ce = (t, n) => {
   const e = [];
   for (const o of n) {
     const a = W(t, o.category_guid);
@@ -392,10 +392,10 @@ const Bt = ({
     });
   }
   return e;
-}, me = (t, n) => {
+}, le = (t, n) => {
   const e = t.find((o) => o.guid === n);
-  return e ? e.guid === T.INCOME || e.parent_guid === T.INCOME : !1;
-}, ue = (t, n) => !!t.find((e) => e.feature_name === n)?.is_enabled, H = (t, n) => !t && !n ? 0 : !t && n ? 101 : n / t * 100, D = (t, n) => {
+  return e ? e.guid === $.INCOME || e.parent_guid === $.INCOME : !1;
+}, de = (t, n) => !!t.find((e) => e.feature_name === n)?.is_enabled, H = (t, n) => !t && !n ? 0 : !t && n ? 101 : n / t * 100, F = (t, n) => {
   const e = {
     background: n.palette.success.main,
     description: t <= 100 ? n.palette.text.secondary : n.palette.error.main,
@@ -403,21 +403,21 @@ const Bt = ({
     mercury: n.palette.success.lighter
   };
   return t > 100 ? (e.background = n.palette.error.main, e.mercury = n.palette.error.lighter) : t > 80 && (e.background = n.palette.warning.main, e.text = n.palette.grey[900], e.mercury = n.palette.warning.lighter), e;
-}, ge = () => {
+}, me = () => {
   const { detailedBudgets: t } = ht();
   return t.map((e) => {
     const o = e.transaction_total;
     return e.amount - o;
   }).reduce((e, o) => e + o, 0);
-}, fe = (t, n, e, o) => {
+}, ue = (t, n, e, o) => {
   const a = [];
   for (const s of t) {
-    const d = St(n, s.category_guid);
+    const d = wt(n, s.category_guid);
     if (!d) continue;
     const i = d.totalAmount, l = H(s.amount, i), m = s.amount - i;
     a.push({
       ...s,
-      budgetColors: D(l, o),
+      budgetColors: F(l, o),
       category: d,
       description: j(
         m < 0 ? e.budget_remaining_over : e.budget_remaining_left,
@@ -429,14 +429,14 @@ const Bt = ({
     });
   }
   for (const s of t) {
-    const d = Nt(n, s.category_guid);
+    const d = _t(n, s.category_guid);
     if (!d) continue;
     const i = d.currentAmount, l = a.find((p) => p.category_guid === d.parent_guid);
     if (!l) continue;
     const m = s.amount - i, u = H(s.amount, i);
     l && l.subBudgets.push({
       ...s,
-      budgetColors: D(u, o),
+      budgetColors: F(u, o),
       category: d,
       description: j(
         m < 0 ? e.budget_remaining_over : e.budget_remaining_left,
@@ -448,11 +448,11 @@ const Bt = ({
     });
   }
   return a;
-}, F = (t, n) => t.find((e) => e.guid === n), pe = (t, n, e) => {
-  const o = F(t, e);
+}, L = (t, n) => t.find((e) => e.guid === n), ge = (t, n, e) => {
+  const o = L(t, e);
   if (o)
-    return F(o.subBudgets, n);
-}, he = (t, n) => {
+    return L(o.subBudgets, n);
+}, fe = (t, n) => {
   const e = Math.max(0, n - t), o = n > 0 ? Math.min(100, t / n * 100) : 0;
   let a = "success";
   return o >= 100 ? a = "error" : o >= 50 && (a = "warning"), {
@@ -462,18 +462,18 @@ const Bt = ({
   };
 };
 export {
-  le as C,
-  pe as a,
-  fe as b,
-  ce as c,
-  kt as d,
-  St as e,
-  F as f,
+  ie as C,
+  ge as a,
+  ue as b,
+  kt as c,
+  se as d,
+  ce as e,
+  L as f,
   W as g,
-  Nt as h,
-  ue as i,
-  de as j,
-  me as k,
-  he as l,
-  ge as u
+  wt as h,
+  de as i,
+  _t as j,
+  le as k,
+  fe as l,
+  me as u
 };

package/dist/{CashflowStore-CeAzChyD.mjs → CashflowStore-BEi92kJg.mjs}

@@ -1,26 +1,26 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import { useState as l } from "react";
 import p from "@mui/material/IconButton";
-import f from "@mui/material/Stack";
-import d from "@mui/material/Tooltip";
-import { Text as a, Icon as h } from "@mxenabled/mxui";
+import d from "@mui/material/Stack";
+import f from "@mui/material/Tooltip";
+import { Icon as h, Text as a } from "@mxenabled/mxui";
 import { makeAutoObservable as c } from "mobx";
 import { addDays as u } from "date-fns/addDays";
 import { differenceInDays as x } from "date-fns/differenceInDays";
 import { endOfMonth as g } from "date-fns/endOfMonth";
 import { isBefore as S } from "date-fns/isBefore";
 import { startOfToday as s } from "date-fns/startOfToday";
-const I = ({
+const _ = ({
   body: o,
   iconName: e = "info",
   title: n
 }) => {
   const [i, r] = l(!1);
   return /* @__PURE__ */ t(
-    d,
+    f,
     {
       open: i,
-      title: /* @__PURE__ */ m(f, { gap: 2, p: 12, sx: { textOverflow: "none" }, children: [
+      title: /* @__PURE__ */ m(d, { gap: 2, p: 12, sx: { textOverflow: "none" }, children: [
         /* @__PURE__ */ t(a, { bold: !0, variant: "body1", children: n }),
         /* @__PURE__ */ t(a, { sx: { whiteSpace: "unset" }, variant: "body2", children: o })
       ] }),
@@ -41,7 +41,7 @@ const I = ({
       )
     }
   );
-}, k = I;
+};
 class b {
   // Cashflow is hard-coded to display 30 days starting from today
   dateRange = { start: s(), end: u(s(), 30) };
@@ -71,7 +71,7 @@ class b {
   };
   setSelectedCashAccounts = (e) => this.selectedCashAccounts = e;
 }
-class N {
+class k {
   globalStore;
   uiStore;
   constructor(e) {
@@ -86,6 +86,6 @@ class N {
   };
 }
 export {
-  N as C,
-  k as I
+  k as C,
+  _ as I
 };

package/dist/{Category-CevNQ03n.mjs → Category-Ccoew_sA.mjs}

@@ -293,9 +293,9 @@ const A = {
   UNKNOWN: "help"
 };
 export {
-  T as C,
+  E as C,
   e as P,
-  E as a,
+  T as a,
   A as b,
   a as c
 };

package/dist/{CategorySelectorDrawer-BG04ByUx.mjs → CategorySelectorDrawer-DjeHNx71.mjs}

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as _ } from "react/jsx-runtime";
 import { observer as E } from "mobx-react-lite";
 import p from "react";
 import $ from "@mui/material/Stack";
-import { G as K, l as f, u as S, g as A, b as B } from "./hooks-BxkfR-Ff.mjs";
+import { G as K, l as f, u as S, g as A, b as B } from "./hooks-HwStH7q_.mjs";
 import U from "@mui/material/List";
 import V from "@mui/material/Paper";
 import Y from "@mui/material/Divider";
@@ -16,14 +16,14 @@ import { Text as q, TextField as H, CategoryIcon as J } from "@mxenabled/mxui";
 import Q from "@mui/material/Collapse";
 import Z from "@mui/material/DialogContent";
 import { b as g } from "./Localization-CkQ49EKr.mjs";
-import { D as ee } from "./Dialog-Ck34yr-d.mjs";
+import { D as ee } from "./Dialog-iLlBR8TG.mjs";
 import te from "@mui/material/Box";
 import oe from "@mui/material/Chip";
 import v from "@mui/material/IconButton";
 import { u as ae } from "./useAriaLive-MkYebyUR.mjs";
+import { L as k } from "./Loader-CxeBwuPG.mjs";
 import { S as re } from "./SearchBox-CwDgvWVJ.mjs";
-import { L as k } from "./Loader-D3rjKx72.mjs";
-import { D as ne } from "./Drawer-Bbe4AMB1.mjs";
+import { D as ne } from "./Drawer-XPaLYjiO.mjs";
 const b = () => {
   if (!p.useContext(K))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
@@ -420,8 +420,8 @@ const se = ({
   ) : /* @__PURE__ */ t(k, {});
 }, Je = E(fe);
 export {
-  De as C,
-  Je as a,
-  he as b,
+  he as C,
+  De as a,
+  Je as b,
   b as u
 };

package/dist/{CategoryStore-Bp1kO9Z-.mjs → CategoryStore-CA4NTaKH.mjs}

@@ -4,8 +4,8 @@ import { subMonths as n } from "date-fns/subMonths";
 import { startOfMonth as y } from "date-fns/startOfMonth";
 import { endOfMonth as g } from "date-fns/endOfMonth";
 import { C as d } from "./CategoryApi-CogDFScz.mjs";
-import { a as u, g as C } from "./CategoryUtil-DKRCegQv.mjs";
-import { b as l, c as T } from "./Category-CevNQ03n.mjs";
+import { a as u, g as C } from "./CategoryUtil-BJOHgYKS.mjs";
+import { b as l, c as T } from "./Category-Ccoew_sA.mjs";
 class m {
   expandedGuid = null;
   selectedGuid = null;

package/dist/{CategoryUtil-DKRCegQv.mjs → CategoryUtil-BJOHgYKS.mjs}

@@ -3,7 +3,7 @@ import { startOfMonth as T } from "date-fns/startOfMonth";
 import { startOfToday as C } from "date-fns/startOfToday";
 import { subMonths as N } from "date-fns/subMonths";
 import { CategoryIconList as O } from "@mxenabled/mxui";
-import { C as b, a as D, b as E } from "./Category-CevNQ03n.mjs";
+import { C as b, a as D, b as E } from "./Category-Ccoew_sA.mjs";
 import { f as R, D as v } from "./DateFormats-CaOj_4eI.mjs";
 const H = 3, f = 12, k = (t, o, e, r) => t.filter((n) => !n.parent_guid).map(
   (n) => p(
@@ -33,8 +33,8 @@ const H = 3, f = 12, k = (t, o, e, r) => t.filter((n) => !n.parent_guid).map(
     ...t,
     currentAmount: c,
     averageAmount: _(m),
-    color: b[i],
-    icon: D[i],
+    color: D[i],
+    icon: b[i],
     isTransfer: i === E.TRANSFER,
     monthlyAmounts: m,
     name: h,

package/dist/{Connect-eYIWqCEr.mjs → Connect-BRLh-69J.mjs}

@@ -5,7 +5,7 @@ import s from "@mui/material/CircularProgress";
 import m from "@mui/material/Stack";
 import { Text as a } from "@mxenabled/mxui";
 import { M as t } from "./Accounts-CseLC3lL.mjs";
-import { u as p } from "./hooks-BxkfR-Ff.mjs";
+import { u as p } from "./hooks-HwStH7q_.mjs";
 const l = ({ status: r = t.Loading }) => {
   const { connect: n } = p();
   return /* @__PURE__ */ o(

package/dist/{ConnectDrawer-C0wjwcJt.mjs → ConnectDrawer-5BpU4IQU.mjs}

@@ -3,10 +3,10 @@ import s from "react";
 import { observer as _ } from "mobx-react-lite";
 import g from "@mui/material/styles/useTheme";
 import { ConnectWidget as x } from "@mxenabled/web-widget-sdk";
-import { b as a, a as c } from "./Connect-eYIWqCEr.mjs";
+import { b as a, a as c } from "./Connect-BRLh-69J.mjs";
 import { M as i } from "./Accounts-CseLC3lL.mjs";
-import { d as D, e as L, u as w } from "./hooks-BxkfR-Ff.mjs";
-import { D as y } from "./Drawer-Bbe4AMB1.mjs";
+import { d as D, e as L, u as w } from "./hooks-HwStH7q_.mjs";
+import { D as y } from "./Drawer-XPaLYjiO.mjs";
 const I = ({
   loadWidgetProps: l,
   onClose: m,