@mx-cartographer/experiences 7.11.11 → 7.11.12

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.11.12] - 03-05-2026
+
+- **UPDATED** - Tweaks to `CategorySpendingV2MUI` and `BudgetDetailsDrawerV2`
+
 ## [7.11.11] - 03-04-2026
 
 - **FIXED** - Issue with including bi-weekly recurrences in past months

package/dist/{AccountStore-CSLinWGm.mjs → AccountStore-rFyEPMss.mjs}

@@ -1,5 +1,5 @@
 import { makeAutoObservable as h, runInAction as a } from "mobx";
-import { i as g } from "./User-CCSM9p05.mjs";
+import { i as g } from "./User-CoANIQIA.mjs";
 import { A as d } from "./AccountApi-JlrX0MwM.mjs";
 import { d as m } from "./Accounts-M-LTzStv.mjs";
 import { A as s, d as u } from "./Account-BiB1F8lL.mjs";

package/dist/{ManageIncome-Bx6Uw4fv.mjs → ManageIncome-CerJpiYw.mjs}

@@ -18,7 +18,7 @@ import { parseISO as me } from "date-fns/parseISO";
 import Z from "@mui/material/Button";
 import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
 import { T as J, u as fe, S as ge, a as Ce } from "./TransactionList-BibbhhS9.mjs";
-import { T as be } from "./TransactionDetails-Cedp4OOg.mjs";
+import { T as be } from "./TransactionDetails-CCLMsk_N.mjs";
 import { addYears as K } from "date-fns/addYears";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";

package/dist/{RecurringSettings-DYx5S95u.mjs → RecurringSettings-lS98AnK7.mjs}

@@ -7,7 +7,7 @@ import R from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import b from "@mui/material/List";
 import T from "@mui/material/Stack";
-import { R as C, A as S, a as E, M as v } from "./ManageIncome-Bx6Uw4fv.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-CerJpiYw.mjs";
 import { u as _, j as A, g as f } from "./hooks-zu7yblbi.mjs";
 import { R as y, F as N } from "./RecurringTransactions-C8Cy-9DA.mjs";
 import { A as m } from "./Analytics-i5h6BxR1.mjs";

package/dist/{TransactionDetails-Cedp4OOg.mjs → TransactionDetails-CCLMsk_N.mjs}

@@ -8,7 +8,7 @@ import te from "@mui/material/Paper";
 import v from "@mui/material/Stack";
 import { useTheme as V } from "@mui/material/styles";
 import { CategoryIcon as he, CategoryIconVariants as Ce, Text as C, P as X, MerchantLogo as Se, TextField as ye, Icon as ae, IconWeight as ue, Toast as ke } from "@mxenabled/mxui";
-import { C as Pe, a as Me, b as Ge, i as Be } from "./User-CCSM9p05.mjs";
+import { C as Pe, a as Me, b as Ge, i as Be } from "./User-CoANIQIA.mjs";
 import se from "@mui/material/Button";
 import $e from "@mui/material/FormGroup";
 import J from "@mui/material/IconButton";

package/dist/{User-CCSM9p05.mjs → User-CoANIQIA.mjs}

@@ -1,20 +1,20 @@
 import { jsxs as p, jsx as n } from "react/jsx-runtime";
 import b from "react";
-import { css as M } from "@mxenabled/cssinjs";
-import { addDays as H } from "date-fns/addDays";
-import { addMonths as O } from "date-fns/addMonths";
-import { eachDayOfInterval as W } from "date-fns/eachDayOfInterval";
+import { css as E } from "@mxenabled/cssinjs";
+import { addDays as W } from "date-fns/addDays";
+import { addMonths as H } from "date-fns/addMonths";
+import { eachDayOfInterval as O } from "date-fns/eachDayOfInterval";
 import { eachWeekOfInterval as F } from "date-fns/eachWeekOfInterval";
 import { endOfMonth as L } from "date-fns/endOfMonth";
-import { format as j } from "date-fns/format";
+import { format as _ } from "date-fns/format";
 import { isBefore as z } from "date-fns/isBefore";
-import { isSameMonth as G } from "date-fns/isSameMonth";
-import { startOfMonth as Y } from "date-fns/startOfMonth";
+import { isSameMonth as D } from "date-fns/isSameMonth";
+import { startOfMonth as G } from "date-fns/startOfMonth";
 import { startOfToday as $ } from "date-fns/startOfToday";
-import { subMonths as Z } from "date-fns/subMonths";
+import { subMonths as Y } from "date-fns/subMonths";
 import C from "@mui/material/Button";
-import q from "@mui/material/Paper";
-import { H2 as D, Text as _, H3 as J, P as K } from "@mxenabled/mxui";
+import Z from "@mui/material/Paper";
+import { H2 as q, Text as T, H3 as J, P as K } from "@mxenabled/mxui";
 import { ChevronLeft as P, ChevronRight as Q, Icon as U } from "@mxenabled/mx-icons";
 import { f as V, D as X } from "./DateFormats-Cs-NbEZ7.mjs";
 import { isSameDay as d } from "date-fns/isSameDay";
@@ -25,18 +25,19 @@ import ot from "@mui/material/DialogActions";
 import rt from "@mui/material/DialogContent";
 import at from "@mui/material/IconButton";
 import it from "@mui/material/InputAdornment";
-import B from "@mui/material/Stack";
+import j from "@mui/material/Stack";
 import lt from "@mui/material/TextField";
+import { u as mt } from "./useScreenSize-B6JyS_Lj.mjs";
 const ct = ({ copy: t, date: o, onNextClick: e, onPreviousClick: l }) => {
-  const m = mt();
-  return /* @__PURE__ */ p("div", { className: `mx-cmn-calendar-header ${m}`, children: [
-    /* @__PURE__ */ n(D, { className: "mx-cmn-calendar-header-title", variant: "H3", children: V(o, X.MONTH_YEAR) }),
+  const c = st();
+  return /* @__PURE__ */ p("div", { className: `mx-cmn-calendar-header ${c}`, children: [
+    /* @__PURE__ */ n(q, { className: "mx-cmn-calendar-header-title", variant: "H3", children: V(o, X.MONTH_YEAR) }),
     /* @__PURE__ */ p("div", { className: "mx-cmn-calendar-header-button-container", children: [
       /* @__PURE__ */ n(C, { "aria-label": t.prevAria, onClick: l, children: /* @__PURE__ */ n(P, { size: 24 }) }),
       /* @__PURE__ */ n(C, { "aria-label": t.nextAria, onClick: e, children: /* @__PURE__ */ n(Q, { size: 24 }) })
     ] })
   ] });
-}, mt = () => M({
+}, st = () => E({
   alignItems: "center",
   display: "flex",
   marginBottom: 16,
@@ -49,8 +50,8 @@ const ct = ({ copy: t, date: o, onNextClick: e, onPreviousClick: l }) => {
     display: "flex",
     gap: 4
   }
-}), st = ({ beginDate: t, date: o, endDate: e, isInMonth: l, onClick: m }) => {
-  const h = nt(), x = dt(h), a = t && e && tt(o, { start: t, end: e }) && !d(o, t) && !d(o, e), f = t && e && d(t, o) && !d(t, e), c = e && t && d(e, o) && !d(t, e), i = t && d(t, o) || e && d(e, o), u = d(o, $());
+}), dt = ({ beginDate: t, date: o, endDate: e, isInMonth: l, onClick: c }) => {
+  const h = nt(), x = ht(h), a = t && e && tt(o, { start: t, end: e }) && !d(o, t) && !d(o, e), f = t && e && d(t, o) && !d(t, e), m = e && t && d(e, o) && !d(t, e), i = t && d(t, o) || e && d(e, o), u = d(o, $());
   return /* @__PURE__ */ n(
     "div",
     {
@@ -66,29 +67,29 @@ const ct = ({ copy: t, date: o, onNextClick: e, onPreviousClick: l }) => {
           className: `
           mx-cmn-calendar-day-button
           ${f ? "mx-cmn-range-start" : ""}
-          ${c ? "mx-cmn-range-end" : ""}
+          ${m ? "mx-cmn-range-end" : ""}
         `,
           color: i ? "primary" : "secondary",
-          onClick: () => m(o),
+          onClick: () => c(o),
           variant: i ? "contained" : "text",
           children: /* @__PURE__ */ n(
-            _,
+            T,
             {
               className: `
             mx-cmn-calendar-day-text
             ${i ? "mx-cmn-day-selected" : ""}
             ${u ? "mx-cmn-today" : ""}`,
               variant: "Small",
-              children: j(o, "d")
+              children: _(o, "d")
             }
           )
         }
       )
     }
   );
-}, dt = (t) => M({
-  height: w,
-  width: w,
+}, ht = (t) => E({
+  height: S,
+  width: S,
   display: "flex",
   justifyContent: "center",
   "&.mx-cmn-out-of-month": {
@@ -131,72 +132,72 @@ const ct = ({ copy: t, date: o, onNextClick: e, onPreviousClick: l }) => {
       paddingBottom: 5
     }
   }
-}), ht = 340, w = 44;
-var ft = /* @__PURE__ */ ((t) => (t.None = "None", t.Single = "Single", t.Range = "Range", t))(ft || {});
-const pt = ({
+}), ft = 340, S = 44;
+var pt = /* @__PURE__ */ ((t) => (t.None = "None", t.Single = "Single", t.Range = "Range", t))(pt || {});
+const xt = ({
   copy: t,
   beginDate: o = void 0,
   endDate: e = void 0,
   onDateSelected: l,
-  onRangeSelected: m,
+  onRangeSelected: c,
   selectionType: h = "Single"
   /* Single */
 }) => {
-  const x = xt(), [a, f] = b.useState($), [c, i] = b.useState(o), [u, s] = b.useState(e);
+  const x = ut(), [a, f] = b.useState($), [m, i] = b.useState(o), [u, s] = b.useState(e);
   b.useEffect(() => {
     i(o), s(e), o && f(o);
   }, [o, e]);
   const k = b.useMemo(() => {
-    const r = F({ start: Y(a), end: L(a) }), y = [];
+    const r = F({ start: G(a), end: L(a) }), y = [];
     for (let v = 0; v < r.length; v++) {
-      const N = r[v], E = W({ start: N, end: H(N, 6) }), A = [];
-      for (let R = 0; R < E.length; R++)
-        A.push(E[R]);
-      y.push(A);
+      const w = r[v], A = O({ start: w, end: W(w, 6) }), B = [];
+      for (let R = 0; R < A.length; R++)
+        B.push(A[R]);
+      y.push(B);
     }
     return y;
-  }, [a]), S = (r) => {
+  }, [a]), N = (r) => {
     if (h !== "None") {
       if (h === "Single") {
         i(r), l?.(r);
         return;
       }
-      !c || u ? (i(r), s(void 0)) : z(r, c) ? (s(c), i(r), m?.(r, c)) : (s(r), m?.(c, r));
+      !m || u ? (i(r), s(void 0)) : z(r, m) ? (s(m), i(r), c?.(r, m)) : (s(r), c?.(m, r));
     }
   }, I = () => {
     const r = $();
-    f(r), h !== "None" && (i(r), h === "Single" ? l?.(r) : (s(r), m?.(r, r)));
+    f(r), h !== "None" && (i(r), h === "Single" ? l?.(r) : (s(r), c?.(r, r)));
+  }, M = () => {
+    f(H(a, 1));
   }, g = () => {
-    f(O(a, 1));
-  }, T = () => {
-    f(Z(a, 1));
+    f(Y(a, 1));
   };
-  return /* @__PURE__ */ n("div", { className: `mx-cmn-calendar ${x}`, children: /* @__PURE__ */ p(q, { sx: { boxShadow: "none" }, children: [
+  return /* @__PURE__ */ n("div", { className: `mx-cmn-calendar ${x}`, children: /* @__PURE__ */ p(Z, { sx: { boxShadow: "none" }, children: [
     /* @__PURE__ */ n(
       ct,
       {
         copy: t,
         date: a,
-        onNextClick: g,
-        onPreviousClick: T
+        onNextClick: M,
+        onPreviousClick: g
       }
     ),
-    /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-header-row", children: k[0].map((r, y) => /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ n(_, { bold: !0, variant: "Small", children: j(r, "EEEEE") }) }, y)) }),
-    k.map((r, y) => /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-week", children: r.map((v, N) => /* @__PURE__ */ n(
-      st,
+    /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-header-row", children: k[0].map((r, y) => /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ n(T, { bold: !0, variant: "Small", children: _(r, "EEEEE") }) }, y)) }),
+    k.map((r, y) => /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-week", children: r.map((v, w) => /* @__PURE__ */ n(
+      dt,
       {
-        beginDate: c,
+        beginDate: m,
         date: v,
         endDate: u,
-        isInMonth: G(v, a),
-        onClick: S
+        isInMonth: D(v, a),
+        onClick: N
       },
-      N
+      w
     )) }, `w-${y}`)),
     /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ n(C, { onClick: I, size: "small", variant: "text", children: t.today }) })
   ] }) });
-}, xt = () => M({
-  width: ht,
+}, ut = () => E({
+  width: ft,
   "& .MuiPaper-root": {
     paddingLeft: 24,
     paddingRight: 24,
@@ -208,9 +209,9 @@ const pt = ({
     justifyContent: "center",
     textAlign: "center",
     "& .mx-cmn-calendar-header-cell": {
-      height: w,
-      width: w,
-      minWidth: w,
+      height: S,
+      width: S,
+      minWidth: S,
       "& .kmui-text": {
         alignItems: "center",
         display: "flex",
@@ -236,23 +237,23 @@ const pt = ({
       marginRight: "auto"
     }
   }
-}), Dt = pt, ut = ({
+}), Kt = xt, gt = ({
   closeAriaLabel: t,
   content: o,
   inputLabel: e,
   inputValue: l,
-  isOpen: m,
+  isOpen: c,
   handleInputChange: h,
   handleModalClose: x,
   handlePrimaryAction: a,
   handleSecondaryAction: f,
-  primaryColor: c = "primary",
+  primaryColor: m = "primary",
   primaryText: i,
   secondaryColor: u = "primary",
   secondaryText: s,
   title: k
 }) => {
-  const S = parseFloat(l ?? "0"), I = l !== "" && l !== "0" && !isNaN(S);
+  const N = parseFloat(l ?? "0"), I = l !== "" && l !== "0" && !isNaN(N), { isSmallMobile: M } = mt();
   return /* @__PURE__ */ n(
     et,
     {
@@ -260,9 +261,12 @@ const pt = ({
       "aria-labelledby": "modal-title",
       maxWidth: "xs",
       onClose: x,
-      open: m,
+      open: c,
       role: "dialog",
-      sx: { "& .MuiDialogContent-root": { p: 0 } },
+      sx: {
+        "& .MuiDialogContent-root": { p: 0 },
+        ...M && { "& .MuiDialog-paper": { minWidth: "100%" } }
+      },
       children: /* @__PURE__ */ n(rt, { children: /* @__PURE__ */ p(
         "form",
         {
@@ -271,7 +275,7 @@ const pt = ({
           },
           children: [
             /* @__PURE__ */ p(
-              B,
+              j,
               {
                 sx: {
                   alignItems: "center",
@@ -297,7 +301,7 @@ const pt = ({
                 ]
               }
             ),
-            /* @__PURE__ */ p(B, { sx: { gap: 24, px: 24 }, children: [
+            /* @__PURE__ */ p(j, { sx: { gap: 24, px: 24 }, children: [
               /* @__PURE__ */ n(K, { variant: "subtitle1", children: o }),
               e && /* @__PURE__ */ n(
                 lt,
@@ -344,7 +348,7 @@ const pt = ({
                     C,
                     {
                       "aria-label": i,
-                      color: c,
+                      color: m,
                       disabled: e ? !I : !1,
                       onClick: a,
                       variant: "contained",
@@ -359,10 +363,10 @@ const pt = ({
       ) })
     }
   );
-}, Jt = ut, Kt = (t, o) => !!t.find((e) => e.feature_name === o)?.is_enabled;
+}, Pt = gt, Qt = (t, o) => !!t.find((e) => e.feature_name === o)?.is_enabled;
 export {
-  Dt as C,
-  ft as a,
-  Jt as b,
-  Kt as i
+  Kt as C,
+  pt as a,
+  Pt as b,
+  Qt as i
 };

package/dist/accounts/index.es.js

@@ -56,7 +56,7 @@ import t3 from "@mui/material/Link";
 import n3 from "@mui/material/Paper";
 import { subDays as o3, startOfToday as i3, endOfToday as c3 } from "date-fns";
 import { T as a3 } from "../TransactionList-BibbhhS9.mjs";
-import { T as s3 } from "../TransactionDetails-Cedp4OOg.mjs";
+import { T as s3 } from "../TransactionDetails-CCLMsk_N.mjs";
 import { T as r1 } from "../TabContentContainer-j01JYR_7.mjs";
 import { f as d1 } from "../NumberFormatting-DjTD0t3W.mjs";
 import { C as l3 } from "../ConnectionsDrawer-c7HaKeRj.mjs";
@@ -66,7 +66,7 @@ import { L as o1 } from "../Loader-D3rjKx72.mjs";
 import { W as r3 } from "../WidgetContainer-sC5KLXHI.mjs";
 import { M as A1 } from "../MiniWidgetContainer-DhEx4qKi.mjs";
 import { A as l2 } from "../AccountApi-JlrX0MwM.mjs";
-import { A as d2 } from "../AccountStore-CSLinWGm.mjs";
+import { A as d2 } from "../AccountStore-rFyEPMss.mjs";
 const d3 = (t, o) => {
   const n = _1.includes(o) ? b1(t) : [], i = L1.includes(o) ? S1(t) : [], c = f1.includes(o) ? R1(t) : [];
   return [n, i, c].filter((l) => l.length > 0);