@mx-cartographer/experiences 8.0.19 → 8.0.21

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [8.0.21] - 04-17-2026
+
+- **ADDED** - `ClientConfigurableCta` for Insights Card
+
+## [8.0.20] - 04-15-2026
+
+- **UPDATED** - Widget container header styles
+
 ## [8.0.19] - 04-15-2026
 
 - **ADDED** - Added `DrillDown Static Calculation Drawer` for SaveAnExtra and SaveEnoughToLiveOn beats
@@ -82,19 +90,19 @@
 
 - **UPDATED** - types by moving from common/types to core/types (BREAKING CHANGE)
 
-## [7.13.21] - 04-03-2026
+## [7.13.22] - 04-03-2026
 
 - **FIXED** - `Spending` widget treating negative transactions as expenses
 
-## [7.13.20] - 04-02-2026
+## [7.13.21] - 04-02-2026
 
 - **ADDED** - DonutChartV2 component for Insights MUI Refresh.
 
-## [7.13.19] - 04-01-2026
+## [7.13.20] - 04-01-2026
 
 - **ADDED** - Introduced `TransactionCard` component for `Insights`.
 
-## [7.13.18] - 04-01-2026
+## [7.13.19] - 04-01-2026
 
 - **FIXED** - Budget date now aligns with selected month
 

package/dist/{AccountStore-DpYvNnql.mjs → AccountStore-B7zfcad7.mjs}

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

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

@@ -27,7 +27,7 @@ import ut from "@mui/material/IconButton";
 import gt from "@mui/material/InputAdornment";
 import E from "@mui/material/Stack";
 import ft from "@mui/material/TextField";
-import { u as pt } from "./useScreenSize-B6JyS_Lj.mjs";
+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 { b as j } from "./Localization-CPkpIwIx.mjs";

package/dist/{EmbeddedCard-xngm4vLT.mjs → EmbeddedCard-D0Pgpiuq.mjs}

@@ -1,34 +1,34 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import w, { useMemo as X, useState as K, useEffect as q } from "react";
+import _, { useMemo as q, useState as K, useEffect as J } from "react";
 import A from "@mui/material/Box";
 import Y from "@mui/material/Button";
 import c from "@mui/material/Stack";
-import { Icon as E, P as N, H3 as J, Text as f, MerchantLogo as P, H2 as tt } from "@mxenabled/mxui";
-import { Receipt as et, Icon as rt } from "@mxenabled/mx-icons";
-import { L as nt, O as it, e as ot } from "./exportTransactionsToCSV-DgdB3TBt.mjs";
+import { Icon as E, P as N, H3 as P, Text as f, MerchantLogo as tt, H2 as et } from "@mxenabled/mxui";
+import { Receipt as rt, Icon as nt } from "@mxenabled/mx-icons";
+import { L as it, O as ot, e as at } from "./exportTransactionsToCSV-DgdB3TBt.mjs";
 import { observer as O } from "mobx-react-lite";
-import { useVirtualizer as at } from "@tanstack/react-virtual";
-import st from "@mui/material/Divider";
-import lt from "@mui/material/List";
-import { G as ct, h as W, u as H, g as dt, b as ht } from "./hooks-BxkfR-Ff.mjs";
-import mt from "@mui/material/ListItemAvatar";
-import pt from "@mui/material/ListItemText";
+import { useVirtualizer as st } from "@tanstack/react-virtual";
+import lt from "@mui/material/Divider";
+import ct from "@mui/material/List";
+import { G as dt, h as W, u as H, g as ht, b as mt } from "./hooks-BxkfR-Ff.mjs";
+import pt from "@mui/material/ListItemAvatar";
+import ut from "@mui/material/ListItemText";
 import { useTheme as z } from "@mui/material/styles";
-import { a as ut } from "./Transaction-C3Pg9TKf.mjs";
+import { a as ft } from "./Transaction-C3Pg9TKf.mjs";
 import { f as B } from "./NumberFormatting-QCaNwbjv.mjs";
 import { fromUnixTime as R } from "date-fns/fromUnixTime";
 import { isSameDay as Z } from "date-fns/isSameDay";
-import { f as ft, D as gt } from "./DateFormats-BMpMrZpW.mjs";
-import { h as xt } from "./DateUtil-wcYTmDRD.mjs";
+import { f as gt, D as xt } from "./DateFormats-BMpMrZpW.mjs";
+import { h as bt } from "./DateUtil-wcYTmDRD.mjs";
 import { L as Q } from "./Loader-D3rjKx72.mjs";
-import { A as bt } from "./Analytics-0Xm_BjHU.mjs";
-import yt from "@mui/material/Tab";
+import { A as yt } from "./Analytics-0Xm_BjHU.mjs";
+import _t from "@mui/material/Tab";
 import wt from "@mui/material/Tabs";
-import _t from "@mui/material/IconButton";
-import { ChartContainer as Ct, ChartsReferenceLine as j, ChartsXAxis as vt, BarPlot as Tt } from "@mui/x-charts";
-import { D as Dt } from "./Drawer-Bbe4AMB1.mjs";
-import St from "@mui/material/Card";
-const It = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) => {
+import Ct from "@mui/material/IconButton";
+import { ChartContainer as vt, ChartsReferenceLine as j, ChartsXAxis as Tt, BarPlot as Dt } from "@mui/x-charts";
+import { D as St } from "./Drawer-Bbe4AMB1.mjs";
+import It from "@mui/material/Card";
+const Lt = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) => {
   const l = i || r, h = i ? "chevron_right" : "close";
   return /* @__PURE__ */ a(
     c,
@@ -52,7 +52,7 @@ const It = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) =
           /* @__PURE__ */ e(N, { color: "primary.dark", fontWeight: 400, noWrap: !1, variant: "subtitle2", children: t })
         ] }),
         l && /* @__PURE__ */ e(
-          _t,
+          Ct,
           {
             "aria-label": n,
             onClick: l,
@@ -64,7 +64,7 @@ const It = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) =
       ]
     }
   );
-}, Lt = ({
+}, kt = ({
   ariaLabel: t,
   beat: n,
   chart: r,
@@ -75,7 +75,7 @@ const It = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) =
   onTabChange: g,
   tipSection: m
 }) => {
-  const { heading: d, subHeading: u } = n, x = X(
+  const { heading: d, subHeading: u } = n, x = q(
     () => l ?? (o.length ? o.length - 1 : 0),
     [l, o.length]
   ), [y, p] = K(x), S = (v, T) => {
@@ -85,7 +85,7 @@ const It = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) =
   };
   return /* @__PURE__ */ a(A, { sx: { bgcolor: "background.paper", width: "100%" }, children: [
     /* @__PURE__ */ e(wt, { "aria-label": t, onChange: S, value: y, variant: "fullWidth", children: o.map((v, T) => /* @__PURE__ */ e(
-      yt,
+      _t,
       {
         id: `transaction-details-tab-${T}`,
         label: v.label,
@@ -94,54 +94,61 @@ const It = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) =
       `${v.label}-${T}`
     )) }),
     /* @__PURE__ */ e(c, { sx: { pt: 16, px: 24 }, children: (d || u) && /* @__PURE__ */ a(c, { sx: { gap: 4 }, children: [
-      d && /* @__PURE__ */ e(J, { children: d }),
+      d && /* @__PURE__ */ e(P, { children: d }),
       u && /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
         h,
         /* @__PURE__ */ e(f, { textTransform: "uppercase", variant: "body2", children: u.description })
       ] })
     ] }) }),
     r?.(y, I),
-    m && /* @__PURE__ */ e(It, { ...m }),
+    m && /* @__PURE__ */ e(Lt, { ...m }),
     i?.(y)
   ] });
 }, V = () => {
-  if (!w.useContext(ct))
+  if (!_.useContext(dt))
     throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
   return W().uiStore;
 };
-function kt() {
+function At() {
   return window.opener && window.opener.location ? window.opener.location.toString() : document.referrer;
 }
-function At(t) {
-  const n = kt().replace(/([^:]+:\/\/[^\/]+).*/, "$1"), r = window.parent || window.opener || !1;
+function X(t) {
+  const n = At().replace(/([^:]+:\/\/[^\/]+).*/, "$1"), r = window.parent || window.opener || !1;
   return r && r.postMessage && n ? (r.postMessage(t, n), !0) : !1;
 }
 function $t(t) {
-  return At({
+  return X({
     metadata: { beat_guid: t },
     mx: !0,
     type: "mx/moneyDashboard/insightOnTransaction"
   });
 }
+function ve(t) {
+  return X({
+    metadata: { template: t },
+    mx: !0,
+    type: "mx/pulse/client_configured_cta"
+  });
+}
 const Et = ({ transaction: t, onClick: n }) => {
-  const i = z().palette.mode === "dark", { associatedBeats: o } = W(), { expandedSplits: l } = V(), { transactions: h } = H(), { showInsights: g } = V(), m = t.transaction_type === ut.CREDIT, d = w.useMemo(() => o.find((u) => u.associated_transaction_guid === t.guid), [o, t]);
+  const i = z().palette.mode === "dark", { associatedBeats: o } = W(), { expandedSplits: l } = V(), { transactions: h } = H(), { showInsights: g } = V(), m = t.transaction_type === ft.CREDIT, d = _.useMemo(() => o.find((u) => u.associated_transaction_guid === t.guid), [o, t]);
   return (
     //TODO: implement common/components/ListItemRow.tsx
     /* @__PURE__ */ a(
-      nt,
+      it,
       {
-        clickEventName: it.ON_TRANSACTION_LIST_ITEM_CLICK,
+        clickEventName: ot.ON_TRANSACTION_LIST_ITEM_CLICK,
         onClick: n ? () => n(t.guid) : void 0,
         children: [
-          /* @__PURE__ */ e(mt, { children: t.parent_guid && l.includes(t.parent_guid) ? /* @__PURE__ */ e(w.Fragment, {}) : /* @__PURE__ */ e(
-            P,
+          /* @__PURE__ */ e(pt, { children: t.parent_guid && l.includes(t.parent_guid) ? /* @__PURE__ */ e(_.Fragment, {}) : /* @__PURE__ */ e(
+            tt,
             {
               categoryGuid: t.top_level_category_guid || "",
               merchantGuid: t.merchant_guid || ""
             }
           ) }),
           /* @__PURE__ */ e(
-            pt,
+            ut,
             {
               disableTypography: !0,
               secondary: /* @__PURE__ */ a(c, { direction: "row", justifyContent: "space-between", children: [
@@ -203,7 +210,7 @@ const Et = ({ transaction: t, onClick: n }) => {
 }) => /* @__PURE__ */ e(A, { display: "inline-block", sx: { bgcolor: t, py: 6, width: "100%" }, children: /* @__PURE__ */ e(f, { bold: !0, sx: { pl: 24 }, variant: "caption", children: n }) }), Wt = ({ showIcon: t = !0, showSubtitle: n = !0 }) => {
   const { transactions: r } = H();
   return /* @__PURE__ */ a(c, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
-    t && /* @__PURE__ */ e(et, { color: "action", sx: { fontSize: 32 } }),
+    t && /* @__PURE__ */ e(rt, { color: "action", sx: { fontSize: 32 } }),
     /* @__PURE__ */ e(f, { bold: !0, color: "text.secondary", variant: "body2", children: r.zero_state_no_transactions }),
     n && /* @__PURE__ */ e(f, { color: "text.secondary", variant: "caption", children: r.zero_state_there_are_no_transactions })
   ] });
@@ -213,8 +220,8 @@ const Et = ({ transaction: t, onClick: n }) => {
 }, Bt = (t, n) => {
   const r = R(n[t].date), i = R(n[t + 1]?.date);
   return Z(r, i);
-}, ve = (t) => t?.data ? t.data.map((n) => Object.fromEntries((t.names || []).map((r, i) => [r, n[i]]))) : [], Te = (t, n = "") => t.map((i) => {
-  const o = ft(i.date, gt.MONTH_SHORT);
+}, Te = (t) => t?.data ? t.data.map((n) => Object.fromEntries((t.names || []).map((r, i) => [r, n[i]]))) : [], De = (t, n = "") => t.map((i) => {
+  const o = gt(i.date, xt.MONTH_SHORT);
   return {
     ariaLabel: `
         ${o},
@@ -237,26 +244,26 @@ const Et = ({ transaction: t, onClick: n }) => {
   width: d = "100%",
   zeroState: u = /* @__PURE__ */ e(zt, {})
 }) => {
-  const { isLoading: x, sortedTransactions: y } = W(), p = w.useMemo(() => {
-    const b = n ? y.filter(n) : y, _ = m ?? b;
-    return g ? _ : _.filter((s) => !s.is_hidden);
-  }, [y, g, m]), { clearExpandedSplits: S, setShowInsights: I, toggleSplit: v } = V(), { onEvent: T } = dt(), M = (b) => {
-    const _ = p.find((s) => s.guid === b);
-    if (_?.has_been_split) {
-      v(_.guid);
+  const { isLoading: x, sortedTransactions: y } = W(), p = _.useMemo(() => {
+    const b = n ? y.filter(n) : y, w = m ?? b;
+    return g ? w : w.filter((s) => !s.is_hidden);
+  }, [y, g, m]), { clearExpandedSplits: S, setShowInsights: I, toggleSplit: v } = V(), { onEvent: T } = ht(), M = (b) => {
+    const w = p.find((s) => s.guid === b);
+    if (w?.has_been_split) {
+      v(w.guid);
       return;
     }
-    T(bt.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
-      account_guid: _?.account_guid,
+    T(yt.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+      account_guid: w?.account_guid,
       transaction_guid: b
     }), o?.(b);
-  }, L = w.useRef(null), k = at({
+  }, L = _.useRef(null), k = st({
     count: p.length,
     getScrollElement: () => L.current,
     estimateSize: (b) => U + (G(b, p) ? F : 0),
     overscan: 5
   });
-  return w.useEffect(() => k.measure(), [p]), w.useEffect(() => I(l), [l]), w.useEffect(() => () => S(), []), /* @__PURE__ */ e(lt, { component: "div", role: "list", sx: { width: d }, children: /* @__PURE__ */ e(A, { height: r, overflow: "auto", ref: L, role: "presentation", width: d, children: /* @__PURE__ */ a(
+  return _.useEffect(() => k.measure(), [p]), _.useEffect(() => I(l), [l]), _.useEffect(() => () => S(), []), /* @__PURE__ */ e(ct, { component: "div", role: "list", sx: { width: d }, children: /* @__PURE__ */ e(A, { height: r, overflow: "auto", ref: L, role: "presentation", width: d, children: /* @__PURE__ */ a(
     A,
     {
       height: (
@@ -270,7 +277,7 @@ const Et = ({ transaction: t, onClick: n }) => {
         (x || h) && i,
         !x && !h && k.getVirtualItems().length === 0 && u,
         !x && !h && k.getVirtualItems().length > 0 && k.getVirtualItems().map((b) => {
-          const _ = p[b.index], s = G(b.index, p), C = Bt(b.index, p), D = U + (s ? F : 0);
+          const w = p[b.index], s = G(b.index, p), C = Bt(b.index, p), D = U + (s ? F : 0);
           return /* @__PURE__ */ a(
             A,
             {
@@ -283,18 +290,18 @@ const Et = ({ transaction: t, onClick: n }) => {
                 bgcolor: "background.paper"
               },
               children: [
-                s && /* @__PURE__ */ e(Rt, { bgcolor: t, children: xt(_.date) }),
+                s && /* @__PURE__ */ e(Rt, { bgcolor: t, children: bt(w.date) }),
                 /* @__PURE__ */ e(
                   Mt,
                   {
                     ...o && { onClick: M },
-                    transaction: _
+                    transaction: w
                   }
                 ),
-                /* @__PURE__ */ e(st, { sx: { ml: C ? 68 : 0 } })
+                /* @__PURE__ */ e(lt, { sx: { ml: C ? 68 : 0 } })
               ]
             },
-            _.guid
+            w.guid
           );
         })
       ]
@@ -302,7 +309,7 @@ const Et = ({ transaction: t, onClick: n }) => {
   ) }) });
 }, Nt = O(Vt), Ot = (t) => {
   const [n, r] = K({ width: 0, height: 0 });
-  return q(() => {
+  return J(() => {
     const i = () => {
       if (t.current) {
         const { offsetWidth: o, offsetHeight: l } = t.current;
@@ -431,7 +438,7 @@ const Et = ({ transaction: t, onClick: n }) => {
   selectedTabIndex: d,
   trendAmountLabel: u
 }) => {
-  const x = w.useRef(null), { height: y, width: p } = Ot(x), S = z(), I = w.useMemo(() => {
+  const x = _.useRef(null), { height: y, width: p } = Ot(x), S = z(), I = _.useMemo(() => {
     const s = r.map(({ value: $ }) => $), C = Math.min(...s), D = Math.max(...s);
     return {
       series: [
@@ -455,10 +462,10 @@ const Et = ({ transaction: t, onClick: n }) => {
         }
       ]
     };
-  }, [r]), v = w.useMemo(() => {
+  }, [r]), v = _.useMemo(() => {
     const s = `${n}80`;
     return m ? r.map(() => n) : d == null ? [...new Array(r.length - 1).fill(s), n] : r.map((C, D) => D === d ? n : s);
-  }, [n, r, d]), T = w.useMemo(
+  }, [n, r, d]), T = _.useMemo(
     () => r[d ?? r.length - 1],
     [r, d]
   ), L = r.reduce((s, C) => Math.min(s, C.value), 1 / 0) < 0, k = /* @__PURE__ */ e(
@@ -471,7 +478,7 @@ const Et = ({ transaction: t, onClick: n }) => {
       trendAmount: t?.formattedAverage,
       trendAmountLabel: u
     }
-  ), b = g || u, _ = (s, { dataIndex: C }) => l?.(C);
+  ), b = g || u, w = (s, { dataIndex: C }) => l?.(C);
   return /* @__PURE__ */ a(c, { sx: { alignItems: "center", width: "100%" }, children: [
     b && h === "top" && k,
     /* @__PURE__ */ e(
@@ -493,7 +500,7 @@ const Et = ({ transaction: t, onClick: n }) => {
           }
         },
         children: /* @__PURE__ */ a(
-          Ct,
+          vt,
           {
             height: y,
             margin: {
@@ -531,7 +538,7 @@ const Et = ({ transaction: t, onClick: n }) => {
                 }
               ),
               /* @__PURE__ */ e(
-                vt,
+                Tt,
                 {
                   position: "bottom",
                   slots: {
@@ -568,9 +575,9 @@ const Et = ({ transaction: t, onClick: n }) => {
                 }
               ),
               /* @__PURE__ */ e(
-                Tt,
+                Dt,
                 {
-                  onItemClick: _,
+                  onItemClick: w,
                   slots: {
                     bar: (s) => {
                       const { ownerState: C, ...D } = s;
@@ -616,9 +623,9 @@ const Et = ({ transaction: t, onClick: n }) => {
   title: u,
   transactionListProps: x = {}
 }) => {
-  const { common: y, transactions: p } = H(), { isCopyLoaded: S } = ht(), { sortedTransactionsWithSplits: I, tags: v } = W();
-  return S ? /* @__PURE__ */ e(Dt, { ariaLabelClose: y.close_aria, isOpen: h, onClose: g, title: u, children: /* @__PURE__ */ e(
-    Lt,
+  const { common: y, transactions: p } = H(), { isCopyLoaded: S } = mt(), { sortedTransactionsWithSplits: I, tags: v } = W();
+  return S ? /* @__PURE__ */ e(St, { ariaLabelClose: y.close_aria, isOpen: h, onClose: g, title: u, children: /* @__PURE__ */ e(
+    kt,
     {
       ariaLabel: t,
       beat: r,
@@ -637,7 +644,7 @@ const Et = ({ transaction: t, onClick: n }) => {
       icon: l,
       onTabChange: m,
       tipSection: d,
-      children: () => /* @__PURE__ */ a(w.Fragment, { children: [
+      children: () => /* @__PURE__ */ a(_.Fragment, { children: [
         /* @__PURE__ */ a(
           c,
           {
@@ -658,12 +665,12 @@ const Et = ({ transaction: t, onClick: n }) => {
                 Y,
                 {
                   onClick: () => {
-                    ot(
+                    at(
                       x?.transaction || I,
                       v
                     );
                   },
-                  startIcon: /* @__PURE__ */ e(rt, { name: "ios_share" }),
+                  startIcon: /* @__PURE__ */ e(nt, { name: "ios_share" }),
                   sx: { height: 28 },
                   children: /* @__PURE__ */ e(f, { bold: !0, variant: "body2", children: p.export_csv_btn })
                 }
@@ -675,7 +682,7 @@ const Et = ({ transaction: t, onClick: n }) => {
       ] })
     }
   ) }) : /* @__PURE__ */ e(Q, {});
-}, De = Ft, Kt = ({
+}, Se = Ft, Kt = ({
   amount: t,
   borderRadius: n = "2px",
   count: r,
@@ -691,7 +698,7 @@ const Et = ({ transaction: t, onClick: n }) => {
     /* @__PURE__ */ e(A, { children: o }),
     /* @__PURE__ */ a(c, { children: [
       typeof r == "string" ? /* @__PURE__ */ e(N, { variant: "body2", children: l }) : r,
-      typeof t == "string" ? /* @__PURE__ */ e(tt, { children: t }) : t
+      typeof t == "string" ? /* @__PURE__ */ e(et, { children: t }) : t
     ] })
   ] }),
   /* @__PURE__ */ a(c, { sx: { gap: 4 }, children: [
@@ -728,14 +735,14 @@ const Et = ({ transaction: t, onClick: n }) => {
       /* @__PURE__ */ e(f, { variant: "body2", children: m })
     ] })
   ] })
-] }), Se = Kt, Ie = ({
+] }), Ie = Kt, Le = ({
   title: t,
   description: n,
   callToAction: r,
   instanceSlot: i = void 0,
   onCtaClick: o = () => {
   }
-}) => /* @__PURE__ */ a(St, { sx: { pt: 8, pr: 16, pb: 12, pl: 8, borderRadius: "8px" }, children: [
+}) => /* @__PURE__ */ a(It, { sx: { pt: 8, pr: 16, pb: 12, pl: 8, borderRadius: "8px" }, children: [
   /* @__PURE__ */ e(
     c,
     {
@@ -786,17 +793,18 @@ const Et = ({ transaction: t, onClick: n }) => {
 ] });
 export {
   Ut as B,
-  De as C,
-  Ie as E,
+  Se as C,
+  Le as E,
   Rt as S,
   Nt as T,
   Mt as a,
-  Se as b,
-  ve as c,
-  Te as d,
+  Ie as b,
+  Te as c,
+  De as d,
   Ot as e,
-  Lt as f,
+  kt as f,
   Bt as h,
+  ve as p,
   G as s,
   V as u
 };

package/dist/{GlobalAccountFilter-B73Pw1hJ.mjs → GlobalAccountFilter-CmnaZDS6.mjs}

@@ -6,20 +6,19 @@ import C from "@mui/material/Button";
 import P from "@mui/material/Divider";
 import w from "@mui/material/IconButton";
 import O from "@mui/material/Popover";
-import S from "@mui/material/Stack";
-import D from "@mui/material/Tooltip";
-import { FilterAlt as A } from "@mxenabled/mx-icons";
-import F from "@mui/material/Checkbox";
+import A from "@mui/material/Stack";
+import E from "@mui/material/Tooltip";
+import { FilterAlt as F } from "@mxenabled/mx-icons";
+import S from "@mui/material/Checkbox";
 import G from "@mui/material/List";
 import y from "@mui/material/ListItem";
 import _ from "@mui/material/ListItemButton";
-import E from "@mui/material/ListItemIcon";
+import H from "@mui/material/ListItemIcon";
 import v from "@mui/material/ListItemText";
-import { b as z, u as M, d as L } from "./hooks-BxkfR-Ff.mjs";
-import { u as H } from "./useScreenSize-B6JyS_Lj.mjs";
+import { b as M, u as z, d as L } from "./hooks-BxkfR-Ff.mjs";
 const N = I(
   ({ allowedAccountTypes: a }) => {
-    const { accountFilterMap: s, updateAccountFilterMap: u } = z(), { accounts: g, common: x } = M(), { account_filter: c } = x, { accountsByTypeMap: n } = L(), k = B.useMemo(
+    const { accountFilterMap: s, updateAccountFilterMap: u } = M(), { accounts: g, common: x } = z(), { account_filter: c } = x, { accountsByTypeMap: n } = L(), k = B.useMemo(
       () => Array.from(n.keys()).reduce((t, i) => {
         if (!a || a && a.includes(i)) {
           const o = n.get(i);
@@ -57,7 +56,7 @@ const N = I(
               sx: { py: 16 },
               children: /* @__PURE__ */ d(_, { disableGutters: !0, onClick: f, sx: { p: 0, px: 8 }, children: [
                 /* @__PURE__ */ e(
-                  F,
+                  S,
                   {
                     "aria-checked": m,
                     checked: m,
@@ -89,7 +88,7 @@ const N = I(
                   "aria-label": r,
                   disableGutters: !0,
                   disablePadding: !0,
-                  children: /* @__PURE__ */ d(S, { sx: { pb: 8, width: "100%" }, children: [
+                  children: /* @__PURE__ */ d(A, { sx: { pb: 8, width: "100%" }, children: [
                     /* @__PURE__ */ e(P, {}),
                     /* @__PURE__ */ e(
                       G,
@@ -122,8 +121,8 @@ const N = I(
                               onClick: () => u(l.guid, !s.get(l.guid)),
                               sx: { p: 0, minHeight: 40 },
                               children: [
-                                /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
-                                  F,
+                                /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(
+                                  S,
                                   {
                                     "aria-checked": s.get(l.guid),
                                     checked: s.get(l.guid),
@@ -157,22 +156,23 @@ const N = I(
       }
     );
   }
-), ne = I(
+), le = I(
   ({
     allowedAccountTypes: a,
-    onAccountFilterClick: s,
-    sx: u = {},
-    variant: g = "text"
+    isDesktop: s,
+    onAccountFilterClick: u,
+    sx: g = {},
+    variant: x = "text"
   }) => {
-    const { isDesktop: x } = H(), { common: c } = M(), { accountFilterMap: n, resetAccountFilterMap: k } = z(), { detailedAccounts: p, updateAccountFilter: m } = L(), [h, f] = B.useState(null), b = (W) => {
-      k(), f(W.currentTarget), s?.();
+    const { common: c } = z(), { accountFilterMap: n, resetAccountFilterMap: k } = M(), { detailedAccounts: p, updateAccountFilter: m } = L(), [h, f] = B.useState(null), b = (W) => {
+      k(), f(W.currentTarget), u?.();
     }, t = () => {
       f(null);
     }, i = async () => {
       await m(n), f(null);
     }, o = c.account_filter, r = !!h, l = p.length === 0;
-    return /* @__PURE__ */ d(j, { m: 4, sx: { ...u }, children: [
-      x ? /* @__PURE__ */ e(
+    return /* @__PURE__ */ d(j, { sx: { ...g }, children: [
+      s ? /* @__PURE__ */ e(
         C,
         {
           "aria-controls": r ? "filter_accounts" : void 0,
@@ -181,12 +181,12 @@ const N = I(
           "aria-label": o.title,
           disabled: l,
           onClick: b,
-          startIcon: /* @__PURE__ */ e(A, { size: 24 }),
+          startIcon: /* @__PURE__ */ e(F, { size: 24 }),
           sx: { p: 8, whiteSpace: "nowrap", minWidth: "max-content" },
-          variant: g,
+          variant: x,
           children: c.filter_button
         }
-      ) : /* @__PURE__ */ e(D, { id: "filter-accounts", placement: "bottom", title: o.title, children: /* @__PURE__ */ e(
+      ) : /* @__PURE__ */ e(E, { id: "filter-accounts", placement: "bottom", title: o.title, children: /* @__PURE__ */ e(
         w,
         {
           "aria-controls": r ? "filter_accounts" : void 0,
@@ -198,7 +198,7 @@ const N = I(
           disabled: l,
           onClick: b,
           sx: { p: 8 },
-          children: /* @__PURE__ */ e(A, { size: 24 })
+          children: /* @__PURE__ */ e(F, { size: 24 })
         }
       ) }),
       /* @__PURE__ */ e(
@@ -209,10 +209,10 @@ const N = I(
           onClose: t,
           open: r,
           transformOrigin: { vertical: "top", horizontal: "left" },
-          children: /* @__PURE__ */ d(S, { children: [
+          children: /* @__PURE__ */ d(A, { children: [
             /* @__PURE__ */ e(N, { allowedAccountTypes: a }),
             /* @__PURE__ */ e(P, {}),
-            /* @__PURE__ */ d(S, { direction: "row", justifyContent: "space-between", spacing: 16, sx: { p: 16 }, children: [
+            /* @__PURE__ */ d(A, { direction: "row", justifyContent: "space-between", spacing: 16, sx: { p: 16 }, children: [
               /* @__PURE__ */ e(C, { fullWidth: !0, onClick: t, variant: "text", children: c.cancel_button }),
               /* @__PURE__ */ e(
                 C,
@@ -233,5 +233,5 @@ const N = I(
   }
 );
 export {
-  ne as G
+  le as G
 };

package/dist/{Help-DBAosGjO.mjs → Help-BkmSY96v.mjs}

@@ -28,7 +28,7 @@ import Dt from "@mui/material/ListItemAvatar";
 import Rt from "@mui/material/ListItem";
 import Pt from "@mui/material/ListItemIcon";
 import Gt from "@mui/material/ListItemText";
-import { u as Ft } from "./useScreenSize-B6JyS_Lj.mjs";
+import { u as Ft } from "./useScreenSize-CUcpY7aJ.mjs";
 const kt = (e, i, n) => {
   const l = i.reduce((c, { institution_guid: d }) => (c[d] = (c[d] || 0) + 1, c), {});
   return e.filter(({ guid: c }) => !!l[c]).map(({ guid: c, ...d }) => {

package/dist/{ManageIncome-CvfRTf-j.mjs → ManageIncome-DfKQ48km.mjs}

@@ -17,8 +17,8 @@ import { endOfMonth as ue } from "date-fns/endOfMonth";
 import { parseISO as me } from "date-fns/parseISO";
 import J from "@mui/material/Button";
 import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
-import { T as V, u as fe, S as ge, a as Ce } from "./EmbeddedCard-xngm4vLT.mjs";
-import { T as be } from "./TransactionDetails-KklNHa-s.mjs";
+import { T as V, u as fe, S as ge, a as Ce } from "./EmbeddedCard-D0Pgpiuq.mjs";
+import { T as be } from "./TransactionDetails-D57Cfnwh.mjs";
 import { addYears as j } from "date-fns/addYears";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";

package/dist/{NotificationSettings-D7VqsrZy.mjs → NotificationSettings-DBT37CVB.mjs}

@@ -21,7 +21,7 @@ import { b as me } from "./Localization-CPkpIwIx.mjs";
 import { b as he, f as ue } from "./NumberFormatting-QCaNwbjv.mjs";
 import { D as B } from "./Dialog-Ck34yr-d.mjs";
 import { C as _e } from "./CurrencyInput-DuMktPu3.mjs";
-import { u as pe } from "./useScreenSize-B6JyS_Lj.mjs";
+import { u as pe } from "./useScreenSize-CUcpY7aJ.mjs";
 import { D as K } from "./Drawer-Bbe4AMB1.mjs";
 import fe from "@mui/material/Collapse";
 import ge from "@mui/material/Card";

package/dist/{RecurringSettings-DJIUgK5A.mjs → RecurringSettings-CpFfjTIL.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-CvfRTf-j.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-DfKQ48km.mjs";
 import { u as _, i as A, g as f } from "./hooks-BxkfR-Ff.mjs";
 import { R as y, F as N } from "./RepeatingTransaction-DF4vJn_v.mjs";
 import { A as m } from "./Analytics-0Xm_BjHU.mjs";

package/dist/{SpendingLegend-BCnXkPCD.mjs → SpendingLegend-CypdabwS.mjs}

@@ -11,7 +11,7 @@ import { CategoryIcon as G, CategoryIconVariants as O, Text as y, P as $ } from
 import { D as j } from "./Donut-CpxJlVvJ.mjs";
 import { u as R } from "./useAriaLive-MkYebyUR.mjs";
 import { u as v } from "./hooks-BxkfR-Ff.mjs";
-import { u as V } from "./useScreenSize-B6JyS_Lj.mjs";
+import { u as V } from "./useScreenSize-CUcpY7aJ.mjs";
 import { f as b } from "./NumberFormatting-QCaNwbjv.mjs";
 const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
   const a = i.find((s) => s.guid === n.category_guid);