@mx-cartographer/experiences 8.1.8 → 8.1.9-alpha.al0

package/dist/{Donut-D7ekbgf5.mjs → Donut-SzzfZDHF.mjs}

@@ -1,8 +1,8 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import A from "react";
-import { selectAll as b, interpolateString as x, arc as I } from "d3";
+import R from "react";
+import { selectAll as b, interpolateString as m, arc as x } from "d3";
 import u from "@mui/material/Box";
-import { useTheme as S, darken as m, lighten as E } from "@mui/material/styles";
+import { useTheme as I, darken as S, lighten as E } from "@mui/material/styles";
 const _ = 100, v = 140, B = 10, K = ({
   data: h,
   hoveredId: p,
@@ -13,7 +13,7 @@ const _ = 100, v = 140, B = 10, K = ({
   size: t = 300,
   children: f
 }) => {
-  const c = S();
+  const c = I();
   let r = 0;
   const g = (o, n) => {
     (o.key === "Enter" || o.key === " ") && (o.preventDefault(), a?.(n));
@@ -22,15 +22,15 @@ const _ = 100, v = 140, B = 10, K = ({
   }, k = (o) => {
     s?.(o);
   };
-  return A.useEffect(() => {
-    b(".arc-outer").transition("roll").duration(500).attrTween("transform", () => x("rotate(0)", "rotate(360)"));
+  return R.useEffect(() => {
+    b(".arc-outer").transition("roll").duration(500).attrTween("transform", () => m("rotate(0)", "rotate(360)"));
   }, []), /* @__PURE__ */ d(u, { height: t, position: "relative", width: t, children: [
     /* @__PURE__ */ e(u, { height: "100%", width: "100%", children: f }),
     /* @__PURE__ */ d(
       "svg",
       {
         height: t,
-        style: { position: "absolute", top: 0, left: 0 },
+        style: { position: "absolute", top: 0, left: 0, touchAction: "manipulation" },
         viewBox: "-150 -150 300 300",
         width: t,
         children: [
@@ -45,7 +45,7 @@ const _ = 100, v = 140, B = 10, K = ({
           /* @__PURE__ */ e("g", { children: h.map((o) => {
             const n = r;
             r = r + 2 * Math.PI * (o.value / 100);
-            const w = r, D = I().cornerRadius(4)({
+            const w = r, A = x().cornerRadius(4)({
               innerRadius: _,
               outerRadius: v + (o.id === i || o.id === p ? B : 0),
               startAngle: n,
@@ -58,16 +58,16 @@ const _ = 100, v = 140, B = 10, K = ({
                 "aria-label": o.label || `Segment ${o.id}`,
                 "aria-pressed": o.id === i,
                 className: "arc-outer",
-                d: D,
+                d: A,
                 fill: o.color,
                 onBlur: () => k(o.id),
                 onClick: () => a?.(o.id),
                 onFocus: () => y(o.id),
-                onKeyDown: (R) => g(R, o.id),
+                onKeyDown: (D) => g(D, o.id),
                 onMouseEnter: () => l?.(o.id),
                 onMouseLeave: () => s?.(o.id),
                 role: "button",
-                stroke: c.palette.mode === "light" ? m(o.color, 0.3) : E(o.color, 0.3),
+                stroke: c.palette.mode === "light" ? S(o.color, 0.3) : E(o.color, 0.3),
                 strokeWidth: 2,
                 style: {
                   cursor: "pointer",

package/dist/{MiniWidgetContainer-CmTGSUL5.mjs → MiniWidgetContainer-BS4iG6cw.mjs}

@@ -1,6 +1,6 @@
-import { jsxs as i, jsx as r, Fragment as g } from "react/jsx-runtime";
-import b from "@mui/material/Box";
-import u from "@mui/material/Button";
+import { jsxs as r, jsx as i, Fragment as g } from "react/jsx-runtime";
+import u from "@mui/material/Box";
+import b from "@mui/material/Button";
 import C from "@mui/material/Card";
 import v from "@mui/material/CardHeader";
 import z from "@mui/material/CardContent";
@@ -14,8 +14,8 @@ const J = ({
   className: m = "mx-cmn-mini-widget",
   closeLabel: l,
   contentStyles: d,
-  onClose: e,
-  onPrimaryCtaClick: o,
+  onClose: o,
+  onPrimaryCtaClick: e,
   primaryCtaLabel: s = "",
   primaryCtaLabelAria: c = "",
   subTitle: t = "",
@@ -23,14 +23,14 @@ const J = ({
   title: n = ""
 }) => {
   const [h, { height: f, width: x }] = w();
-  return /* @__PURE__ */ i(C, { className: m, sx: { ...p }, children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(C, { className: m, sx: { touchAction: "manipulation", ...p }, children: [
+    /* @__PURE__ */ i(
       v,
       {
         sx: { pb: 8 },
-        title: /* @__PURE__ */ i(g, { children: [
-          /* @__PURE__ */ i(
-            b,
+        title: /* @__PURE__ */ r(g, { children: [
+          /* @__PURE__ */ r(
+            u,
             {
               sx: {
                 alignItems: "center",
@@ -40,25 +40,25 @@ const J = ({
                 pb: 4
               },
               children: [
-                n && /* @__PURE__ */ r(y, { children: n }),
-                e ? /* @__PURE__ */ r(H, { "aria-label": l, onClick: e, size: "small", children: /* @__PURE__ */ r(I, { name: "close", size: 24 }) }) : o && /* @__PURE__ */ r(
-                  u,
+                n && /* @__PURE__ */ i(y, { children: n }),
+                o ? /* @__PURE__ */ i(H, { "aria-label": l, onClick: o, size: "small", children: /* @__PURE__ */ i(I, { name: "close", size: 24 }) }) : e && /* @__PURE__ */ i(
+                  b,
                   {
                     "aria-label": c,
-                    endIcon: /* @__PURE__ */ r(W, {}),
-                    onClick: o,
+                    endIcon: /* @__PURE__ */ i(W, {}),
+                    onClick: e,
                     size: "small",
-                    children: /* @__PURE__ */ r(B, { bold: !0, variant: "body2", children: s })
+                    children: /* @__PURE__ */ i(B, { bold: !0, variant: "body2", children: s })
                   }
                 )
               ]
             }
           ),
-          t && /* @__PURE__ */ r(j, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "body2", children: t })
+          t && /* @__PURE__ */ i(j, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "body2", children: t })
         ] })
       }
     ),
-    /* @__PURE__ */ r(z, { ref: h, sx: { p: 0, ...d }, children: /* @__PURE__ */ r(M, { availableHeight: f, availableWidth: x, children: a }) })
+    /* @__PURE__ */ i(z, { ref: h, sx: { p: 0, ...d }, children: /* @__PURE__ */ i(M, { availableHeight: f, availableWidth: x, children: a }) })
   ] });
 };
 export {

package/dist/{SpendingLegend-DIWHSsKw.mjs → SpendingLegend-x3K9eXrQ.mjs}

@@ -4,11 +4,11 @@ import { jsxs as f, Fragment as N, jsx as d } from "react/jsx-runtime";
 import T from "react";
 import { observer as k } from "mobx-react-lite";
 import S from "@mui/material/Box";
-import M from "@mui/material/Button";
+import A from "@mui/material/Button";
 import h from "@mui/material/Stack";
-import { useTheme as A } from "@mui/material/styles";
+import { useTheme as M } from "@mui/material/styles";
 import { CategoryIcon as G, CategoryIconVariants as O, Text as y, P as $ } from "@mxenabled/mxui";
-import { D as j } from "./Donut-D7ekbgf5.mjs";
+import { D as j } from "./Donut-SzzfZDHF.mjs";
 import { u as R } from "./useAriaLive-MkYebyUR.mjs";
 import { u as v } from "./hooks-HwStH7q_.mjs";
 import { u as V } from "./useScreenSize-CeFhWTt_.mjs";
@@ -99,7 +99,7 @@ const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
   totalLabel: a,
   variant: t = "mini"
 }) => {
-  const { spending: r } = v(), c = A(), { isTablet: e } = V(), { announce: s, ariaLive: C } = R(), u = T.useMemo(
+  const { spending: r } = v(), c = M(), { isTablet: e } = V(), { announce: s, ariaLive: C } = R(), u = T.useMemo(
     () => o ? i.categoryData.find((x) => x.guid === o) : void 0,
     [o]
   );
@@ -148,7 +148,7 @@ const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
       /* @__PURE__ */ d($, { variant: t === "mini" ? "h2" : "h1", children: u ? b(u.amount, t === "mini" ? "0,0" : "0,0.00") : b(i.totalAmount, t === "mini" ? "0,0" : "0,0.00") }),
       !u && t === "mini" && /* @__PURE__ */ d(y, { color: "text.secondary", noWrap: !0, variant: "tiny", children: a }),
       t === "full" && /* @__PURE__ */ d(
-        M,
+        A,
         {
           "aria-label": `View ${u?.name || ""} Transactions`,
           disabled: i.categoryData.length === 0,
@@ -175,7 +175,7 @@ const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
       onClick: () => l(o.guid),
       onKeyDown: (n) => m(n, o.guid),
       role: "button",
-      sx: { cursor: "pointer" },
+      sx: { cursor: "pointer", touchAction: "manipulation" },
       tabIndex: 0,
       children: [
         /* @__PURE__ */ d(S, { borderRadius: 4, height: 8, sx: { backgroundColor: o.color }, width: 8 }),

package/dist/accounts/index.es.js

@@ -64,7 +64,7 @@ import { u as b1 } from "../useScreenSize-CeFhWTt_.mjs";
 import { u as o1 } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { L as i1 } from "../Loader-CxeBwuPG.mjs";
 import { W as d3 } from "../WidgetContainer-_Fzy--dt.mjs";
-import { M as A1 } from "../MiniWidgetContainer-CmTGSUL5.mjs";
+import { M as A1 } from "../MiniWidgetContainer-BS4iG6cw.mjs";
 import { A as r2 } from "../AccountStore-B3S_p5Qa.mjs";
 const u3 = (t, o) => {
   const n = f1.includes(o) ? S1(t) : [], c = g1.includes(o) ? T1(t) : [], i = H1.includes(o) ? E1(t) : [];

package/dist/analytics/index.es.js

@@ -7,7 +7,7 @@ import j from "@mui/material/Button";
 import s from "@mui/material/Stack";
 import { Text as u, TextField as A } from "@mxenabled/mxui";
 import { L } from "../Loader-CxeBwuPG.mjs";
-import { M as W } from "../MiniWidgetContainer-CmTGSUL5.mjs";
+import { M as W } from "../MiniWidgetContainer-BS4iG6cw.mjs";
 import { j as f, u as g, g as $, b as q } from "../hooks-HwStH7q_.mjs";
 import E from "@mui/material/ToggleButton";
 import Q from "@mui/material/ToggleButtonGroup";

package/dist/budgets/index.es.js

@@ -5,9 +5,9 @@ import { endOfMonth as Be } from "date-fns/endOfMonth";
 import { isAfter as Ye } from "date-fns/isAfter";
 import { startOfMonth as se } from "date-fns/startOfMonth";
 import { startOfToday as ae } from "date-fns/startOfToday";
-import xe from "@mui/material/Alert";
-import Ae from "@mui/material/Snackbar";
-import A from "@mui/material/Stack";
+import Ae from "@mui/material/Alert";
+import xe from "@mui/material/Snackbar";
+import x from "@mui/material/Stack";
 import ce from "@mui/material/styles/useTheme";
 import Y from "@mui/material/Box";
 import X from "@mui/material/List";
@@ -50,22 +50,22 @@ import { M as ct } from "../ManageIncome-n1ueMTrW.mjs";
 import { u as ze } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { W as lt } from "../WidgetContainer-_Fzy--dt.mjs";
 import { u as dt, l as ut, d as mt } from "../BudgetUtil-DalEN9--.mjs";
-import { M as gt } from "../MiniWidgetContainer-CmTGSUL5.mjs";
+import { M as gt } from "../MiniWidgetContainer-BS4iG6cw.mjs";
 import { b as we } from "../CategoryUtil-BJOHgYKS.mjs";
 const pt = I(() => {
   const { budgets: t } = E(), { totalBudgeted: n } = w(), { incomeTotal: c } = le(), i = c - n;
-  return /* @__PURE__ */ m(A, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
-    /* @__PURE__ */ m(A, { alignItems: "center", children: [
+  return /* @__PURE__ */ m(x, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
+    /* @__PURE__ */ m(x, { alignItems: "center", children: [
       /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: D(c, "0,0") }),
       /* @__PURE__ */ e(C, { color: "secondary", variant: "body2", children: t.projected_income })
     ] }),
     /* @__PURE__ */ e(C, { bold: !0, justifyContent: "center", variant: "body1", children: "-" }),
-    /* @__PURE__ */ m(A, { alignItems: "center", children: [
+    /* @__PURE__ */ m(x, { alignItems: "center", children: [
       /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: D(n, "0,0") }),
       /* @__PURE__ */ e(C, { color: "secondary", variant: "body2", children: t.budgeted })
     ] }),
     /* @__PURE__ */ e(C, { bold: !0, justifyContent: "center", variant: "body1", children: "=" }),
-    /* @__PURE__ */ m(A, { alignItems: "center", children: [
+    /* @__PURE__ */ m(x, { alignItems: "center", children: [
       /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: D(i, "0,0") }),
       /* @__PURE__ */ e(C, { color: "secondary", variant: "body2", children: t.remaining })
     ] })
@@ -99,8 +99,8 @@ const pt = I(() => {
         onClose: () => r(!1),
         onPrimaryAction: d,
         title: n.recalculate_title,
-        children: /* @__PURE__ */ m(A, { children: [
-          /* @__PURE__ */ m(A, { mx: 24, my: 16, children: [
+        children: /* @__PURE__ */ m(x, { children: [
+          /* @__PURE__ */ m(x, { mx: 24, my: 16, children: [
             /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: n.recalculate_description_top }),
             /* @__PURE__ */ e(C, { variant: "subtitle2", children: n.recalculate_description_bottom })
           ] }),
@@ -115,8 +115,8 @@ const pt = I(() => {
   onAmountChanged: c
 }) => {
   const { budgets: i } = E(), { totalBudgeted: a } = w(), { incomeTotal: s } = le(), o = s - a;
-  return /* @__PURE__ */ m(A, { gap: 16, children: [
-    /* @__PURE__ */ m(A, { children: [
+  return /* @__PURE__ */ m(x, { gap: 16, children: [
+    /* @__PURE__ */ m(x, { children: [
       /* @__PURE__ */ e(C, { children: R(
         i.add_description_top,
         D(o, "0,0")
@@ -168,7 +168,7 @@ const pt = I(() => {
   const { budgets: c } = E(), { addBudget: i, setAlert: a, unbudgetedCategories: s } = w(), o = async (r, p) => {
     await i(r, p), t?.(), a(R(c.alert_budget_created, r.name));
   };
-  return /* @__PURE__ */ m(A, { children: [
+  return /* @__PURE__ */ m(x, { children: [
     /* @__PURE__ */ e(pt, {}),
     /* @__PURE__ */ e(Y, { bgcolor: "background.paper", children: /* @__PURE__ */ e(X, { children: s.map((r) => /* @__PURE__ */ e(
       ft,
@@ -225,7 +225,7 @@ const pt = I(() => {
     };
   });
   return O.forceSimulation(a).velocityDecay(0.05).force("collide", O.forceCollide((s) => s.radius + 2).strength(0.7));
-}, xt = (t, n, c) => {
+}, At = (t, n, c) => {
   const a = Math.PI * ie ** 2 * t, s = c < 400 || n < 300, o = s ? 40 : 20, r = Math.max(100, c - o), p = Math.max(100, n - o), d = r * p;
   let u = ie;
   if (a < d) {
@@ -233,11 +233,11 @@ const pt = I(() => {
     u = Math.min(Ue, g, h);
   }
   return s && t <= 3 && (u = Math.min(u, 45)), { minRadius: Math.max(20, u * 0.6), maxRadius: u };
-}, At = (t, n, c, i, a) => {
-  const { maxRadius: s, minRadius: o } = xt(t, n, a);
+}, xt = (t, n, c, i, a) => {
+  const { maxRadius: s, minRadius: o } = At(t, n, a);
   return O.scaleLinear().domain([i, c]).range([o, s]);
 }, vt = (t, n, c = !1, i, a) => {
-  const s = n.map((d) => Math.max(d.transaction_total, d.amount)), o = Math.min(...s), r = Math.max(...s), p = c ? At(t.length, i, r, o, a) : We(o, r);
+  const s = n.map((d) => Math.max(d.transaction_total, d.amount)), o = Math.min(...s), r = Math.max(...s), p = c ? xt(t.length, i, r, o, a) : We(o, r);
   return t.map((d) => ({
     ...d,
     radius: p(Math.max(d.transaction_total, d.amount))
@@ -282,7 +282,7 @@ function wt({ bubble: t, isDraggable: n, onClick: c = () => {
     description: h,
     radius: _,
     x: y,
-    y: x
+    y: A
   } = t, v = o < 400 ? -8 : -12;
   let b = v, B = v;
   _ > U ? (b = -14, B = -45) : _ > Ce && (B = -32);
@@ -315,11 +315,11 @@ function wt({ bubble: t, isDraggable: n, onClick: c = () => {
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
       role: "button",
-      style: { cursor: n ? "pointer" : "default" },
+      style: { cursor: n ? "pointer" : "default", touchAction: "manipulation" },
       tabIndex: 0,
       textAnchor: "middle",
       x: y,
-      y: x,
+      y: A,
       children: [
         /* @__PURE__ */ e("style", { children: `
           .bubble:focus,
@@ -388,12 +388,12 @@ const It = ({
     if (u) {
       const h = u.nodes(), _ = new Map(h.map((y) => [y.guid, y]));
       g.forEach((y) => {
-        const x = _.get(y.guid);
-        x && Object.assign(y, {
-          vx: x.vx,
-          vy: x.vy,
-          x: x.x,
-          y: x.y
+        const A = _.get(y.guid);
+        A && Object.assign(y, {
+          vx: A.vx,
+          vy: A.vy,
+          x: A.x,
+          y: A.y
         });
       });
     }
@@ -410,15 +410,23 @@ const It = ({
     u.nodes(h), Bt(u, t, n), c && setTimeout(() => {
       Ct(u);
     }, 0), s([...h]);
-  }, [t, n, c, p]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(n), children: a.map((u) => /* @__PURE__ */ e(wt, { bubble: u, isDraggable: c, onClick: i }, u.guid)) });
+  }, [t, n, c, p]), /* @__PURE__ */ e(
+    "svg",
+    {
+      height: t,
+      style: { overflow: "visible", touchAction: "manipulation" },
+      width: Math.abs(n),
+      children: a.map((u) => /* @__PURE__ */ e(wt, { bubble: u, isDraggable: c, onClick: i }, u.guid))
+    }
+  );
 }, Ot = I(It), Mt = ({
   isMiniWidget: t = !1,
   onConnectAccountsClick: n,
   createBudgetOnClick: c
 }) => {
-  const { config: i } = Ne(), { recalculateBudgets: a } = w(), { spendCategories: s } = Z(), { budgets: o } = E(), { availableWidth: r } = de(), { isMobile: p } = ge(r), d = t && p, [u, S] = l.useState(!1), [g, h] = l.useState(!1), [_, y] = l.useState(!1), x = l.useMemo(() => [...s.filter((b) => b.totalAverageAmount > 0)], [s]), v = async () => {
+  const { config: i } = Ne(), { recalculateBudgets: a } = w(), { spendCategories: s } = Z(), { budgets: o } = E(), { availableWidth: r } = de(), { isMobile: p } = ge(r), d = t && p, [u, S] = l.useState(!1), [g, h] = l.useState(!1), [_, y] = l.useState(!1), A = l.useMemo(() => [...s.filter((b) => b.totalAverageAmount > 0)], [s]), v = async () => {
     y(!0);
-    const { data: b, isSuccess: B } = await a(x);
+    const { data: b, isSuccess: B } = await a(A);
     y(!1), B ? (b.length === 0 && h(!0), S(!1)) : S(!0);
   };
   return _ ? /* @__PURE__ */ e(pe, {}) : u ? /* @__PURE__ */ e(
@@ -508,7 +516,7 @@ const It = ({
         budget_category: v.category.name,
         click_type: "bubble"
       });
-    }, x = () => {
+    }, A = () => {
       h(!0), o(P.ACCOUNTS_CLICK_CONNECT);
     };
     return /* @__PURE__ */ m(
@@ -522,7 +530,7 @@ const It = ({
             {
               createBudgetOnClick: t,
               isMiniWidget: i,
-              onConnectAccountsClick: x
+              onConnectAccountsClick: A
             }
           ) : /* @__PURE__ */ e(
             Ot,
@@ -559,7 +567,7 @@ const It = ({
       percentage: `${s}%`
     }
   ];
-  return /* @__PURE__ */ e(Te, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(De, { children: /* @__PURE__ */ m(A, { alignItems: "center", gap: 16, children: [
+  return /* @__PURE__ */ e(Te, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(De, { children: /* @__PURE__ */ m(x, { alignItems: "center", gap: 16, children: [
     /* @__PURE__ */ e(H, { categoryGuid: a, size: 56 }),
     /* @__PURE__ */ e(C, { variant: "h1", children: `${D(o, "0,0")} / ${D(n, "0,0")}` }),
     /* @__PURE__ */ e(C, { bold: !0, variant: "caption", children: i }),
@@ -567,7 +575,7 @@ const It = ({
   ] }) }) });
 }, Rt = I(() => {
   const { budgets: t } = E();
-  return /* @__PURE__ */ m(A, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
+  return /* @__PURE__ */ m(x, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
     /* @__PURE__ */ e(z, { color: "action", name: "bubble_chart", sx: { fontSize: 32 } }),
     /* @__PURE__ */ e(C, { bold: !0, color: "text.secondary", variant: "body2", children: t.zero_state_no_sub_budgets }),
     /* @__PURE__ */ e(C, { color: "text.secondary", variant: "caption", children: t.zero_state_no_sub_budgets_description })
@@ -585,8 +593,8 @@ const It = ({
     /* @__PURE__ */ e(
       oe,
       {
-        primary: /* @__PURE__ */ e(A, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t.category.name }) }),
-        secondary: /* @__PURE__ */ e(A, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(C, { fontWeight: 400, variant: "body1", children: `
+        primary: /* @__PURE__ */ e(x, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t.category.name }) }),
+        secondary: /* @__PURE__ */ e(x, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(C, { fontWeight: 400, variant: "body1", children: `
                   ${D(s, "0,0")} / 
                   ${D(n, "0,0")}
                 ` }) })
@@ -603,12 +611,12 @@ const It = ({
   }, []);
   const y = () => {
     a(t.guid), p(!0);
-  }, x = async () => {
+  }, A = async () => {
     h && Number(S) > 0 && (await o(h, Number(S), n.guid), u(!1), p(!1), _(void 0));
   };
   return /* @__PURE__ */ m(Y, { children: [
-    /* @__PURE__ */ e(ee, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(te, { onClick: y, children: /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ m(A, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ m(A, { alignItems: "center", direction: "row", gap: 8, children: [
+    /* @__PURE__ */ e(ee, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(te, { onClick: y, children: /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ m(x, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ m(x, { alignItems: "center", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(z, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
         /* @__PURE__ */ e(C, { bold: !0, sx: { color: "primary.light" }, variant: "body1", children: c.add_sub_budget_button })
       ] }),
@@ -632,7 +640,7 @@ const It = ({
         disablePrimaryButton: Number(S) <= 0,
         isOpen: d,
         onClose: () => u(!1),
-        onPrimaryAction: x,
+        onPrimaryAction: A,
         primaryText: c.add_save_button,
         children: /* @__PURE__ */ e(
           he,
@@ -646,9 +654,9 @@ const It = ({
     )
   ] });
 }), kt = I(({ budget: t }) => {
-  const { category: n, subBudgets: c } = t, { budgets: i, common: a } = E(), { deleteBudget: s, selectedSubBudget: o, setSelectedSubBudget: r, updateBudget: p } = w(), { filter: d, setFilter: u } = Q(), [S, g] = l.useState(!1), [h, _] = l.useState(!1), [y, x] = l.useState("");
+  const { category: n, subBudgets: c } = t, { budgets: i, common: a } = E(), { deleteBudget: s, selectedSubBudget: o, setSelectedSubBudget: r, updateBudget: p } = w(), { filter: d, setFilter: u } = Q(), [S, g] = l.useState(!1), [h, _] = l.useState(!1), [y, A] = l.useState("");
   l.useEffect(() => {
-    o && (x(`${o.amount}`), u({
+    o && (A(`${o.amount}`), u({
       ...d,
       custom: (f) => f.category_guid === o.category_guid
     }));
@@ -685,7 +693,7 @@ const It = ({
         primaryText: i.details_edit_button,
         secondaryText: i.details_delete_button,
         title: i.details_title,
-        children: o && /* @__PURE__ */ m(A, { gap: 24, children: [
+        children: o && /* @__PURE__ */ m(x, { gap: 24, children: [
           /* @__PURE__ */ e(Ve, { budget: o }),
           /* @__PURE__ */ e(ve, { height: "100%" })
         ] })
@@ -706,7 +714,7 @@ const It = ({
             {
               amount: y,
               categoryName: o.category.name,
-              onAmountChanged: x
+              onAmountChanged: A
             }
           )
         }
@@ -731,7 +739,7 @@ const It = ({
     sortedTransactions: d,
     sortedTransactionsWithSplits: u,
     tags: S
-  } = Q(), [g, h] = l.useState(0), [_, y] = l.useState(""), x = l.useMemo(
+  } = Q(), [g, h] = l.useState(0), [_, y] = l.useState(""), A = l.useMemo(
     () => d.find((f) => f.guid === _),
     [_, d]
   ), v = (f, T) => {
@@ -739,9 +747,9 @@ const It = ({
   }, b = () => {
     tt(u, S), c(i.alert_csv_downloaded);
   }, B = d.length > 0 && !n && (o || p && !r);
-  return /* @__PURE__ */ m(A, { gap: 24, children: [
+  return /* @__PURE__ */ m(x, { gap: 24, children: [
     /* @__PURE__ */ e(Ve, { budget: t }),
-    /* @__PURE__ */ m(A, { children: [
+    /* @__PURE__ */ m(x, { children: [
       /* @__PURE__ */ m(
         et,
         {
@@ -756,8 +764,8 @@ const It = ({
           ]
         }
       ),
-      g === 0 && /* @__PURE__ */ m(A, { children: [
-        B && /* @__PURE__ */ e(A, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
+      g === 0 && /* @__PURE__ */ m(x, { children: [
+        B && /* @__PURE__ */ e(x, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
           $e,
           {
             onClick: b,
@@ -773,10 +781,10 @@ const It = ({
         $,
         {
           ariaLabelClose: a.close_aria,
-          isOpen: !!x,
+          isOpen: !!A,
           onClose: () => y(""),
           title: i.details_transaction_drawer,
-          children: x && /* @__PURE__ */ e(ot, { transaction: x })
+          children: A && /* @__PURE__ */ e(ot, { transaction: A })
         }
       )
     ] })
@@ -791,7 +799,7 @@ const It = ({
     setAlert: p,
     setSelectedBudget: d,
     updateBudget: u
-  } = w(), { setFilter: S } = Q(), [g, h] = l.useState(!1), [_, y] = l.useState(!1), [x, v] = l.useState(!1), [b, B] = l.useState("");
+  } = w(), { setFilter: S } = Q(), [g, h] = l.useState(!1), [_, y] = l.useState(!1), [A, v] = l.useState(!1), [b, B] = l.useState("");
   l.useEffect(() => {
     o && !r && (B(`${o.amount}`), h(!0), S({
       accounts: t,
@@ -832,13 +840,13 @@ const It = ({
           children: [
             /* @__PURE__ */ e($t, { budget: o }),
             /* @__PURE__ */ e(
-              Ae,
+              xe,
               {
                 anchorOrigin: { vertical: "bottom", horizontal: "right" },
                 autoHideDuration: 3500,
                 onClose: () => p(""),
                 open: !!i,
-                children: /* @__PURE__ */ e(xe, { closeText: "", onClose: () => p(""), severity: "success", variant: "filled", children: i })
+                children: /* @__PURE__ */ e(Ae, { closeText: "", onClose: () => p(""), severity: "success", variant: "filled", children: i })
               }
             )
           ]
@@ -868,7 +876,7 @@ const It = ({
         W,
         {
           copy: { close_aria: c.close_aria, title: n.delete_title },
-          isOpen: x,
+          isOpen: A,
           onClose: () => v(!1),
           onPrimaryAction: T,
           primaryColor: "error",
@@ -893,14 +901,14 @@ const It = ({
     /* @__PURE__ */ e(
       oe,
       {
-        primary: /* @__PURE__ */ m(A, { component: "span", direction: "row", justifyContent: "space-between", children: [
+        primary: /* @__PURE__ */ m(x, { component: "span", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t.category.name }),
           /* @__PURE__ */ e(C, { fontWeight: 400, variant: "body1", children: `
                   ${D(d, "0,0")} /
                   ${D(c, "0,0")}
                 ` })
         ] }),
-        secondary: /* @__PURE__ */ m(A, { component: "span", direction: "row", justifyContent: "space-between", children: [
+        secondary: /* @__PURE__ */ m(x, { component: "span", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ e(C, { variant: "caption", children: `${p.length} Sub-budgets` }),
           /* @__PURE__ */ e(
             C,
@@ -950,7 +958,7 @@ const It = ({
       }
     ];
     return [B, L];
-  }, [p, r]), [x, v] = l.useMemo(() => {
+  }, [p, r]), [A, v] = l.useMemo(() => {
     const B = Math.abs(
       o.reduce((L, M) => L + M.totalAmount, 0)
     );
@@ -974,8 +982,8 @@ const It = ({
   };
   return /* @__PURE__ */ m(Te, { elevation: 2, sx: { overflow: "visible" }, children: [
     /* @__PURE__ */ e(je, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Le, { children: i.overview_title }) }),
-    /* @__PURE__ */ e(De, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ m(A, { gap: 24, children: [
-      /* @__PURE__ */ m(A, { gap: 8, children: [
+    /* @__PURE__ */ e(De, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ m(x, { gap: 24, children: [
+      /* @__PURE__ */ m(x, { gap: 8, children: [
         /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 8 }, variant: "body1", children: i.spending_title }),
         /* @__PURE__ */ e(Se, { data: y, height: 16 }),
         /* @__PURE__ */ e(C, { variant: "body2", children: R(
@@ -984,8 +992,8 @@ const It = ({
           D(d, "0,0")
         ) })
       ] }),
-      /* @__PURE__ */ m(A, { gap: 8, children: [
-        /* @__PURE__ */ m(A, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
+      /* @__PURE__ */ m(x, { gap: 8, children: [
+        /* @__PURE__ */ m(x, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
           /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: i.income_title }),
           /* @__PURE__ */ e(
             it,
@@ -1000,7 +1008,7 @@ const It = ({
         /* @__PURE__ */ e(Se, { data: v, height: 16 }),
         /* @__PURE__ */ e(C, { variant: "body2", children: R(
           i.income_description,
-          D(x, "0,0"),
+          D(A, "0,0"),
           D(u, "0,0")
         ) })
       ] })
@@ -1024,7 +1032,7 @@ const It = ({
       isDataLoaded: h,
       loadBudgetData: _,
       setDateRange: y,
-      setAlert: x,
+      setAlert: A,
       setTheme: v,
       detailedBudgets: b
     } = w(), { setDateRange: B } = le(), { loadDateRangeCategoryTotals: f, loadMonthlyCategoryTotals: T } = Z(), { isSmallTablet: L, isMobile: M, isSmallMobile: N } = ge(), k = L || M || N, [G, F] = l.useState(!1);
@@ -1074,14 +1082,14 @@ const It = ({
         title: o.budgets_title,
         children: [
           /* @__PURE__ */ m(
-            A,
+            x,
             {
               direction: k ? "column" : "row",
               height: "100%",
               sx: { justifyContent: "center" },
               width: "100%",
               children: [
-                /* @__PURE__ */ e(A, { height: k ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(x, { height: k ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
                   He,
                   {
                     createBudgetOnClick: ne,
@@ -1092,7 +1100,7 @@ const It = ({
                   }
                 ) }),
                 b.length !== 0 && /* @__PURE__ */ m(
-                  A,
+                  x,
                   {
                     gap: 24,
                     height: "100%",
@@ -1125,20 +1133,20 @@ const It = ({
             }
           ),
           /* @__PURE__ */ e(
-            Ae,
+            xe,
             {
               anchorOrigin: { vertical: "bottom", horizontal: "right" },
               autoHideDuration: 3500,
               onClose: () => {
-                x("");
+                A("");
               },
               open: !!S,
               children: /* @__PURE__ */ e(
-                xe,
+                Ae,
                 {
                   closeText: "",
                   onClose: () => {
-                    x("");
+                    A("");
                   },
                   severity: "success",
                   variant: "filled",
@@ -1165,7 +1173,7 @@ const It = ({
     const r = s.current ?? a;
     return r > 0 ? Math.round(Math.max(120, Math.min(450, r * 0.8))) - 40 : 450;
   }, [a]);
-  return /* @__PURE__ */ m(A, { sx: { height: "100%", justifyContent: "space-between" }, children: [
+  return /* @__PURE__ */ m(x, { sx: { height: "100%", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(
       He,
       {
@@ -1193,7 +1201,7 @@ const It = ({
       Be(/* @__PURE__ */ new Date())
     ).finally(), g(u).finally());
   }, [d, u, a]);
-  const x = () => {
+  const A = () => {
     y(!0), c(P.BUDGETS_CLICK_ADD);
   }, v = () => {
     y(!1);
@@ -1218,7 +1226,7 @@ const It = ({
           {
             budgetsCopy: r,
             difference: h,
-            handleAddClick: x,
+            handleAddClick: A,
             shouldShowZeroState: B
           }
         ),
@@ -1261,7 +1269,7 @@ const It = ({
     setAlert: d,
     setSelectedBudget: u,
     updateBudget: S
-  } = w(), { budgets: g, common: h } = E(), { isCopyLoaded: _, selectedAccountGuids: y } = J(), x = Ge(), { setFilter: v } = Q(), [b, B] = l.useState(""), [f, T] = l.useState(null), [L, M] = l.useState(!1), N = l.useRef(!1);
+  } = w(), { budgets: g, common: h } = E(), { isCopyLoaded: _, selectedAccountGuids: y } = J(), A = Ge(), { setFilter: v } = Q(), [b, B] = l.useState(""), [f, T] = l.useState(null), [L, M] = l.useState(!1), N = l.useRef(!1);
   if (l.useEffect(() => {
     !r || p || (B(`${r.amount}`), v({
       accounts: y,
@@ -1335,8 +1343,8 @@ const It = ({
                   categoryGuid: r.category.guid,
                   size: 44,
                   sx: {
-                    bgcolor: Qe(we(r.category.guid, x), 0.15),
-                    border: `1px solid ${we(r.category.guid, x)}`,
+                    bgcolor: Qe(we(r.category.guid, A), 0.15),
+                    border: `1px solid ${we(r.category.guid, A)}`,
                     color: "text.primary"
                   }
                 }
@@ -1351,13 +1359,13 @@ const It = ({
           ),
           /* @__PURE__ */ e(ve, { ...i }),
           a && /* @__PURE__ */ e(
-            Ae,
+            xe,
             {
               anchorOrigin: { horizontal: "right", vertical: "bottom" },
               autoHideDuration: 3500,
               onClose: () => d(""),
               open: !!a,
-              children: /* @__PURE__ */ e(xe, { closeText: "", onClose: () => d(""), severity: "success", variant: "filled", children: a })
+              children: /* @__PURE__ */ e(Ae, { closeText: "", onClose: () => d(""), severity: "success", variant: "filled", children: a })
             }
           )
         ]

package/dist/cashflow/index.es.js

@@ -16,7 +16,7 @@ import { b as H } from "../Localization-CkQ49EKr.mjs";
 import { I as pe } from "../CashflowStore-BEi92kJg.mjs";
 import { C as $n } from "../CashflowStore-BEi92kJg.mjs";
 import { u as Oe } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
-import { M as Je } from "../MiniWidgetContainer-CmTGSUL5.mjs";
+import { M as Je } from "../MiniWidgetContainer-BS4iG6cw.mjs";
 import { E as Qe } from "../EmptyState-DHAkGsjk.mjs";
 import { R as Ze } from "../RecurringSettings-DxsDZAp1.mjs";
 import et from "@mui/material/Tabs";

package/dist/common/index.es.js

@@ -4,7 +4,7 @@ import { C as Lt } from "../CurrencyInput-CSJ3zMgE.mjs";
 import { D as Pt, S as Ot } from "../RecurringTransactions-DCt94TN4.mjs";
 import { D as Ft, W as Gt, u as $t } from "../WidgetContainer-_Fzy--dt.mjs";
 import { D as Wt } from "../Dialog-iLlBR8TG.mjs";
-import { D as Qt } from "../Donut-D7ekbgf5.mjs";
+import { D as Qt } from "../Donut-SzzfZDHF.mjs";
 import { D as Vt } from "../Drawer-XPaLYjiO.mjs";
 import { H } from "../Help-CgpJK03Q.mjs";
 import { E as jt } from "../Help-CgpJK03Q.mjs";
@@ -13,7 +13,7 @@ import { C as W } from "../CashflowStore-BEi92kJg.mjs";
 import { I as Jt } from "../CashflowStore-BEi92kJg.mjs";
 import { L as ts } from "../Loader-CxeBwuPG.mjs";
 import { M as rs } from "../MicroWidgetContainer-CEcwdfti.mjs";
-import { M as as } from "../MiniWidgetContainer-CmTGSUL5.mjs";
+import { M as as } from "../MiniWidgetContainer-BS4iG6cw.mjs";
 import { jsxs as b, jsx as p } from "react/jsx-runtime";
 import { css as q } from "@mxenabled/cssinjs";
 import { D as Q, a as Y } from "../SingleSegmentDonut-PsRQPkmV.mjs";

package/dist/finstrong/index.es.js

@@ -51,7 +51,7 @@ import { ChartsXAxis as Zn } from "@mui/x-charts/ChartsXAxis";
 import { ChartsYAxis as Jn } from "@mui/x-charts/ChartsYAxis";
 import { startOfMonth as Dt } from "date-fns/startOfMonth";
 import { endOfMonth as It } from "date-fns/endOfMonth";
-import { g as eo, S as to, b as no } from "../SpendingLegend-DIWHSsKw.mjs";
+import { g as eo, S as to, b as no } from "../SpendingLegend-x3K9eXrQ.mjs";
 import { formatISO as oo } from "date-fns/formatISO";
 import { fromUnixTime as ro } from "date-fns/fromUnixTime";
 import { startOfToday as st } from "date-fns/startOfToday";

package/dist/investments/index.es.js

@@ -22,7 +22,7 @@ import { f as ie, a as je } from "../NumberFormatting-CyrvFgfd.mjs";
 import { u as j } from "../useScreenSize-CeFhWTt_.mjs";
 import ce from "@mui/material/styles/useTheme";
 import { Icon as B } from "@mxenabled/mx-icons";
-import { D as He } from "../Donut-D7ekbgf5.mjs";
+import { D as He } from "../Donut-SzzfZDHF.mjs";
 import { useTheme as ze } from "@mui/material/styles";
 import { f as Oe, A as V } from "../InvestmentUtil-BItV7uEs.mjs";
 import Ve from "@mui/material/ListItemText";

package/dist/recurringtransactions/index.es.js

@@ -60,7 +60,7 @@ import { S as ve } from "../SkeletonLoader-BaNboJjD.mjs";
 import { u as oe } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { L as ae } from "../Loader-CxeBwuPG.mjs";
 import { W as ht } from "../WidgetContainer-_Fzy--dt.mjs";
-import { M as ft } from "../MiniWidgetContainer-CmTGSUL5.mjs";
+import { M as ft } from "../MiniWidgetContainer-BS4iG6cw.mjs";
 import { u as xt } from "../useDimensions-CeDR9V8N.mjs";
 import { M as bt } from "../MicroWidgetContainer-CEcwdfti.mjs";
 const Y = {

package/dist/spending/index.es.js

@@ -8,13 +8,13 @@ import y from "@mui/material/Stack";
 import O from "@mui/material/Tab";
 import it from "@mui/material/Tabs";
 import _t from "@mui/material/styles/useTheme";
-import { g as rt, a as st, S as k, b as Y } from "../SpendingLegend-DIWHSsKw.mjs";
+import { g as rt, a as st, S as k, b as Y } from "../SpendingLegend-x3K9eXrQ.mjs";
 import { Text as T, Icon as bt } from "@mxenabled/mxui";
 import { f as N } from "../NumberFormatting-CyrvFgfd.mjs";
-import { u as A, l as W, d as lt, b as z, a as V, h as dt, g as yt } from "../hooks-HwStH7q_.mjs";
-import { u as ct } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
+import { u as A, l as W, d as lt, b as z, a as V, h as ct, g as yt } from "../hooks-HwStH7q_.mjs";
+import { u as dt } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { L as gt } from "../Loader-CxeBwuPG.mjs";
-import { M as Ct } from "../MiniWidgetContainer-CmTGSUL5.mjs";
+import { M as Ct } from "../MiniWidgetContainer-BS4iG6cw.mjs";
 import { startOfToday as q } from "date-fns/startOfToday";
 import St from "@mui/material/Button";
 import { useTheme as Tt } from "@mui/material";
@@ -32,11 +32,11 @@ import { b as w } from "../Category-Ccoew_sA.mjs";
 import { parseISO as tt } from "date-fns/parseISO";
 import { A as et } from "../Analytics-CzGzz_sE.mjs";
 import { W as It } from "../WidgetContainer-_Fzy--dt.mjs";
-const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y, { direction: "column", children: [
-  /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: c }),
+const $ = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y, { direction: "column", children: [
+  /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: d }),
   /* @__PURE__ */ t(T, { variant: "caption", children: N(n, o === "mini" ? "0,0" : "0,0.00") })
 ] }), At = () => {
-  const n = _t(), { goals: c, spending: o } = A(), { categories: a, dateRangeCategoryTotals: i } = W(), g = l.useMemo(
+  const n = _t(), { goals: d, spending: o } = A(), { categories: a, dateRangeCategoryTotals: i } = W(), g = l.useMemo(
     () => [
       n.palette.chartMono.chartMono5,
       n.palette.chartMono.chartMono4,
@@ -46,8 +46,8 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
       n.palette.chartMono.chartMono6
     ],
     [n]
-  ), [e, r] = l.useState(""), [d, b] = l.useState(0), u = l.useMemo(
-    () => rt(a, c, n, i),
+  ), [e, r] = l.useState(""), [c, b] = l.useState(0), u = l.useMemo(
+    () => rt(a, d, n, i),
     [a, i]
   ), h = l.useMemo(
     () => st(a, i, g),
@@ -63,7 +63,8 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
       {
         "aria-label": o.mini_title,
         onChange: M,
-        value: d,
+        sx: { touchAction: "manipulation" },
+        value: c,
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ t(
@@ -79,7 +80,7 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
                   variant: "mini"
                 }
               ),
-              tabIndex: d === 0 ? 0 : -1
+              tabIndex: c === 0 ? 0 : -1
             }
           ),
           /* @__PURE__ */ t(
@@ -95,7 +96,7 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
                   variant: "mini"
                 }
               ),
-              tabIndex: d === 1 ? 0 : -1
+              tabIndex: c === 1 ? 0 : -1
             }
           )
         ]
@@ -105,7 +106,7 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
       L,
       {
         "aria-labelledby": "spending-tab",
-        hidden: d !== 0,
+        hidden: c !== 0,
         id: "spending-tabpanel",
         role: "tabpanel",
         children: /* @__PURE__ */ p(y, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
@@ -126,7 +127,7 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
       L,
       {
         "aria-labelledby": "income-tab",
-        hidden: d !== 1,
+        hidden: c !== 1,
         id: "income-tabpanel",
         role: "tabpanel",
         children: /* @__PURE__ */ p(y, { direction: "row", gap: 16, justifyContent: "center", p: 24, children: [
@@ -145,9 +146,9 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
       }
     )
   ] });
-}, Et = I(At), Wt = ({ onPrimaryCtaClick: n, sx: c = {} }) => {
-  const { isAccountDataLoaded: o, loadAccountData: a } = lt(), { dateRangeTotalsLoaded: i, categoriesLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = W(), { spending: d } = A(), { isInitialized: b, selectedAccounts: u } = z();
-  return ct({
+}, Et = I(At), Wt = ({ onPrimaryCtaClick: n, sx: d = {} }) => {
+  const { isAccountDataLoaded: o, loadAccountData: a } = lt(), { dateRangeTotalsLoaded: i, categoriesLoaded: g, loadCategories: e, loadDateRangeCategoryTotals: r } = W(), { spending: c } = A(), { isInitialized: b, selectedAccounts: u } = z();
+  return dt({
     widgetName: "SpendingMiniWidget",
     isLoaded: i
   }), l.useEffect(() => {
@@ -163,16 +164,16 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
     {
       className: "mx-exp-spending-miniwidget",
       onPrimaryCtaClick: n,
-      primaryCtaLabel: d.primary_cta,
-      primaryCtaLabelAria: d.primary_cta_aria,
-      sx: { height: "100%", ...c },
-      title: d.mini_title,
+      primaryCtaLabel: c.primary_cta,
+      primaryCtaLabelAria: c.primary_cta_aria,
+      sx: { height: "100%", ...d },
+      title: c.mini_title,
       children: /* @__PURE__ */ t(Et, {})
     }
   ) : /* @__PURE__ */ t(gt, {});
 }, Ce = I(Wt), Rt = ({
   data: n,
-  onSelected: c,
+  onSelected: d,
   selectedId: o = "",
   title: a
 }) => {
@@ -196,7 +197,7 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
             {
               "aria-expanded": g?.guid === e.guid,
               id: `spending-list-category-${e.guid}`,
-              onClick: () => c(e.guid),
+              onClick: () => d(e.guid),
               sx: { minHeight: 44, px: 8, py: 0 },
               children: [
                 /* @__PURE__ */ t(
@@ -240,7 +241,7 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
             X,
             {
               id: `spending-list-subcategory-${r.guid}`,
-              onClick: () => c(r.guid, !0),
+              onClick: () => d(r.guid, !0),
               sx: { minHeight: 44, px: 8, py: 0 },
               children: /* @__PURE__ */ p(y, { direction: "row", justifyContent: "space-between", width: "100%", children: [
                 /* @__PURE__ */ p(T, { children: [
@@ -259,12 +260,12 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
   ] });
 }, Nt = I(Rt), Ot = ({
   data: n,
-  onSelected: c,
+  onSelected: d,
   onViewTransactions: o,
   selectedId: a,
   title: i
 }) => {
-  const { isDesktop: g, isMobile: e } = Lt(), { dateRangeTotalsLoading: r } = W(), { spending: d } = A();
+  const { isDesktop: g, isMobile: e } = Lt(), { dateRangeTotalsLoading: r } = W(), { spending: c } = A();
   return /* @__PURE__ */ p(
     y,
     {
@@ -296,16 +297,16 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
           {
             data: n,
             onSelected: (h) => {
-              c(h), setTimeout(() => document.getElementById(`spending-list-category-${h}`)?.focus(), 0);
+              d(h), setTimeout(() => document.getElementById(`spending-list-category-${h}`)?.focus(), 0);
             },
             onViewTransactions: o,
             selectedId: a,
             size: g ? 400 : 300,
-            totalLabel: d.total_amount,
+            totalLabel: c.total_amount,
             variant: "full"
           }
         ),
-        /* @__PURE__ */ t(Nt, { data: n, onSelected: c, selectedId: a, title: i })
+        /* @__PURE__ */ t(Nt, { data: n, onSelected: d, selectedId: a, title: i })
       ]
     }
   );
@@ -317,16 +318,16 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
   n.palette.chartMono.chartMono1,
   n.palette.chartMono.chartMono6
 ], $t = () => {
-  const n = Tt(), { is_mobile_webview: c } = V(), { clientConfig: o } = V(), { categories: a, dateRangeCategoryTotals: i } = W(), {
+  const n = Tt(), { is_mobile_webview: d } = V(), { clientConfig: o } = V(), { categories: a, dateRangeCategoryTotals: i } = W(), {
     goals: g,
     spending: e,
     transactions: r
-  } = A(), { displayedDateRange: d, selectedAccountGuids: b } = z(), {
+  } = A(), { displayedDateRange: c, selectedAccountGuids: b } = z(), {
     setFilter: u,
     sortedTransactions: h,
     sortedTransactionsWithSplits: M,
     tags: _
-  } = dt(), f = o?.master?.deep_link_params?.account_guids, x = o?.master?.deep_link_params?.view, [D, R] = l.useState(""), [v, C] = l.useState(x === "income" ? 1 : 0), [E, H] = l.useState(""), [pt, B] = l.useState(!1), G = l.useMemo(
+  } = ct(), f = o?.master?.deep_link_params?.account_guids, x = o?.master?.deep_link_params?.view, [D, R] = l.useState(""), [v, C] = l.useState(x === "income" ? 1 : 0), [E, H] = l.useState(""), [pt, B] = l.useState(!1), G = l.useMemo(
     () => rt(a, g, n, i),
     [a, i]
   ), P = l.useMemo(
@@ -343,7 +344,7 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
     u({
       ...{
         accounts: f || b,
-        dateRange: d
+        dateRange: c
       },
       custom: (m) => D === "other" ? m.top_level_category_guid === s : m.category_guid === s,
       showSplits: !0
@@ -351,7 +352,7 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
   }, U = (s) => {
     const S = {
       accounts: f || b,
-      dateRange: d
+      dateRange: c
     };
     if (v === 0)
       if (s === "other") {
@@ -430,7 +431,7 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
         onClose: () => B(!1),
         title: e.transactions_drawer_title,
         children: /* @__PURE__ */ p(y, { children: [
-          !c && h.length > 0 && /* @__PURE__ */ t(y, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ t(
+          !d && h.length > 0 && /* @__PURE__ */ t(y, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ t(
             St,
             {
               onClick: ht,
@@ -454,16 +455,16 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
       }
     )
   ] });
-}, Bt = I($t), Gt = ({ onBackClick: n, onMenuClick: c, sx: o = {} }) => {
-  const { isAccountDataLoaded: a, loadAccountData: i } = lt(), { categoriesLoaded: g, dateRangeTotalsLoaded: e, loadCategories: r, loadDateRangeCategoryTotals: d } = W(), { isTransactionDataLoaded: b, loadTransactionData: u } = dt(), { spending: h } = A(), { displayedDateRange: M, isInitialized: _, setDisplayedDate: f, selectedAccounts: x } = z(), { onEvent: D } = yt(), { clientConfig: R } = V();
-  ct({
+}, Bt = I($t), Gt = ({ onBackClick: n, onMenuClick: d, sx: o = {} }) => {
+  const { isAccountDataLoaded: a, loadAccountData: i } = lt(), { categoriesLoaded: g, dateRangeTotalsLoaded: e, loadCategories: r, loadDateRangeCategoryTotals: c } = W(), { isTransactionDataLoaded: b, loadTransactionData: u } = ct(), { spending: h } = A(), { displayedDateRange: M, isInitialized: _, setDisplayedDate: f, selectedAccounts: x } = z(), { onEvent: D } = yt(), { clientConfig: R } = V();
+  dt({
     widgetName: "SpendingWidget",
     isLoaded: e
   }), l.useEffect(() => {
     const C = R?.master?.deep_link_params, E = C?.date_range ? [tt(C.date_range.from), tt(C.date_range.to)] : [ot(q()), at(q())];
     f(E[0], E[1]), a || i().finally(), g || r().finally(), b || u().finally(), D(et.SPENDING_VIEW);
   }, []), l.useEffect(() => {
-    _ && d(
+    _ && c(
       x,
       M.start,
       M.end
@@ -478,7 +479,7 @@ const $ = ({ amount: n, label: c, variant: o = "full" }) => /* @__PURE__ */ p(y,
       calendarActions: { onRangeChanged: v },
       onAccountsFilterClick: () => D(et.SPENDING_CLICK_FILTER),
       onBackClick: n,
-      onMenuClick: c,
+      onMenuClick: d,
       sx: o,
       title: h.title,
       children: /* @__PURE__ */ t(L, { width: "100%", children: /* @__PURE__ */ t(Bt, {}) })

package/dist/trends/index.es.js

@@ -42,7 +42,7 @@ import { u as Ie } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { L as Le } from "../Loader-CxeBwuPG.mjs";
 import { W as ut } from "../WidgetContainer-_Fzy--dt.mjs";
 import { L as Ve } from "../LineChart-jJVBE8V8.mjs";
-import { M as Jt } from "../MiniWidgetContainer-CmTGSUL5.mjs";
+import { M as Jt } from "../MiniWidgetContainer-BS4iG6cw.mjs";
 import { subMonths as eo } from "date-fns";
 import { TrendingUp as to, TrendingDown as oo, MultilineChart as no, ExpandLess as so, ExpandMore as ro, ChevronRight as ao, ArrowBack as io } from "@mxenabled/mx-icons";
 import { M as lo } from "../MicroWidgetContainer-CEcwdfti.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "8.1.8",
+  "version": "8.1.9-alpha.al0",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",