@mx-cartographer/experiences 7.12.4 → 7.12.5

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.12.5] - 03-18-2026
+
+- **FIXED** - ADA color contrast in BudgetDetails zero states
+
 ## [7.12.4] - 03-18-2026
 
 - **UPDATED** - Budget Details drawer ally | replace semantic `<H2>` with `<Text>`

package/dist/{ManageIncome-CyvCAzdp.mjs → ManageIncome-DE6JV3Mp.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 "./StatusIndicator-BWdlLG0b.mjs";
-import { T as be } from "./TransactionDetails-CzaNtpaw.mjs";
+import { T as V, u as fe, S as ge, a as Ce } from "./StatusIndicator-Bo80rdKq.mjs";
+import { T as be } from "./TransactionDetails-DWZuZgBw.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/{RecurringSettings-Dsc3KBX3.mjs → RecurringSettings-CkVI8rR3.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-CyvCAzdp.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-DE6JV3Mp.mjs";
 import { u as _, i as A, g as f } from "./hooks-BxkfR-Ff.mjs";
 import { R as y, F as N } from "./RecurringTransactions-CYNpe_RS.mjs";
 import { A as m } from "./Analytics-BYItVAe-.mjs";

package/dist/{StatusIndicator-BWdlLG0b.mjs → StatusIndicator-Bo80rdKq.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import m from "react";
+import p from "react";
 import { observer as v } from "mobx-react-lite";
 import { useVirtualizer as B } from "@tanstack/react-virtual";
 import T from "@mui/material/Box";
@@ -19,7 +19,7 @@ import { h as ne } from "./DateUtil-wcYTmDRD.mjs";
 import { L as oe } from "./Loader-D3rjKx72.mjs";
 import { A as ie } from "./Analytics-BYItVAe-.mjs";
 const I = () => {
-  if (!m.useContext(X))
+  if (!p.useContext(X))
     throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
   return C().uiStore;
 };
@@ -38,7 +38,7 @@ function ce(e) {
   });
 }
 const le = ({ transaction: e, onClick: r }) => {
-  const { associatedBeats: n } = C(), { expandedSplits: c } = I(), { transactions: h } = R(), { showInsights: g } = I(), d = e.transaction_type === J.CREDIT, u = m.useMemo(() => n.find((p) => p.associated_transaction_guid === e.guid), [n, e]);
+  const { associatedBeats: n } = C(), { expandedSplits: c } = I(), { transactions: h } = R(), { showInsights: g } = I(), d = e.transaction_type === J.CREDIT, u = p.useMemo(() => n.find((m) => m.associated_transaction_guid === e.guid), [n, e]);
   return (
     //TODO: implement common/components/ListItemRow.tsx
     /* @__PURE__ */ o(
@@ -47,7 +47,7 @@ const le = ({ transaction: e, onClick: r }) => {
         clickEventName: ee.ON_TRANSACTION_LIST_ITEM_CLICK,
         onClick: r ? () => r(e.guid) : void 0,
         children: [
-          /* @__PURE__ */ t(F, { children: e.parent_guid && c.includes(e.parent_guid) ? /* @__PURE__ */ t(m.Fragment, {}) : /* @__PURE__ */ t(
+          /* @__PURE__ */ t(F, { children: e.parent_guid && c.includes(e.parent_guid) ? /* @__PURE__ */ t(p.Fragment, {}) : /* @__PURE__ */ t(
             P,
             {
               categoryGuid: e.top_level_category_guid || "",
@@ -70,8 +70,8 @@ const le = ({ transaction: e, onClick: r }) => {
                   {
                     bold: !0,
                     color: "action.active",
-                    onClick: (p) => {
-                      p.stopPropagation(), p.preventDefault(), ce(u.guid);
+                    onClick: (m) => {
+                      m.stopPropagation(), m.preventDefault(), ce(u.guid);
                     },
                     variant: "XSmall",
                     children: u.short_title
@@ -106,14 +106,14 @@ const le = ({ transaction: e, onClick: r }) => {
 }, de = v(le), ue = ({
   bgcolor: e = "background.default",
   children: r
-}) => /* @__PURE__ */ t(T, { display: "inline-block", sx: { bgcolor: e, py: 6, width: "100%" }, children: /* @__PURE__ */ t(l, { bold: !0, sx: { pl: 24 }, variant: "XSmall", children: r }) }), pe = ({ showIcon: e = !0, showSubtitle: r = !0 }) => {
+}) => /* @__PURE__ */ t(T, { display: "inline-block", sx: { bgcolor: e, py: 6, width: "100%" }, children: /* @__PURE__ */ t(l, { bold: !0, sx: { pl: 24 }, variant: "XSmall", children: r }) }), me = ({ showIcon: e = !0, showSubtitle: r = !0 }) => {
   const { transactions: n } = R();
-  return /* @__PURE__ */ o(s, { alignItems: "center", gap: 12, height: "auto", mt: 24, children: [
-    e && /* @__PURE__ */ t(re, { color: "secondary", sx: { fontSize: 32 } }),
-    /* @__PURE__ */ t(l, { bold: !0, color: "secondary", variant: "Small", children: n.zero_state_no_transactions }),
-    r && /* @__PURE__ */ t(l, { color: "secondary", variant: "XSmall", children: n.zero_state_there_are_no_transactions })
+  return /* @__PURE__ */ o(s, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
+    e && /* @__PURE__ */ t(re, { color: "action", sx: { fontSize: 32 } }),
+    /* @__PURE__ */ t(l, { bold: !0, color: "text.secondary", variant: "Small", children: n.zero_state_no_transactions }),
+    r && /* @__PURE__ */ t(l, { color: "text.secondary", variant: "XSmall", children: n.zero_state_there_are_no_transactions })
   ] });
-}, me = v(pe), L = (e, r) => {
+}, pe = v(me), L = (e, r) => {
   const n = S(r[e].date), c = S(r[e - 1]?.date);
   return !z(n, c);
 }, he = (e, r) => {
@@ -128,12 +128,12 @@ const le = ({ transaction: e, onClick: r }) => {
   showInsights: g = !1,
   showLoader: d = !1,
   showHiddenTransactions: u = !1,
-  transaction: p,
+  transaction: m,
   width: D = "100%",
-  zeroState: O = /* @__PURE__ */ t(me, {})
+  zeroState: O = /* @__PURE__ */ t(pe, {})
 }) => {
-  const { isLoading: b, sortedTransactions: y } = C(), f = m.useMemo(() => {
-    const i = r ? y.filter(r) : y, a = p ?? i;
+  const { isLoading: b, sortedTransactions: y } = C(), f = p.useMemo(() => {
+    const i = r ? y.filter(r) : y, a = m ?? i;
     return u ? a : a.filter((x) => !x.is_hidden);
   }, [y, u]), { clearExpandedSplits: k, setShowInsights: G, toggleSplit: V } = I(), { onEvent: M } = K(), $ = (i) => {
     const a = f.find((x) => x.guid === i);
@@ -145,13 +145,13 @@ const le = ({ transaction: e, onClick: r }) => {
       account_guid: a?.account_guid,
       transaction_guid: i
     }), h?.(i);
-  }, E = m.useRef(null), _ = B({
+  }, E = p.useRef(null), _ = B({
     count: f.length,
     getScrollElement: () => E.current,
     estimateSize: (i) => A + (L(i, f) ? N : 0),
     overscan: 5
   });
-  return m.useEffect(() => _.measure(), [f]), m.useEffect(() => G(g), [g]), m.useEffect(() => () => k(), []), /* @__PURE__ */ t(W, { sx: { width: D }, children: /* @__PURE__ */ t(T, { height: n, overflow: "auto", ref: E, width: D, children: /* @__PURE__ */ o(
+  return p.useEffect(() => _.measure(), [f]), p.useEffect(() => G(g), [g]), p.useEffect(() => () => k(), []), /* @__PURE__ */ t(W, { sx: { width: D }, children: /* @__PURE__ */ t(T, { height: n, overflow: "auto", ref: E, width: D, children: /* @__PURE__ */ o(
     T,
     {
       height: (
@@ -202,8 +202,8 @@ const le = ({ transaction: e, onClick: r }) => {
   leftLabel: g,
   percentComplete: d = 0,
   rightLabel: u,
-  sx: p
-}) => /* @__PURE__ */ t(s, { sx: { p: 24, width: "100%", ...p }, children: /* @__PURE__ */ o(s, { className: "details-container", sx: { gap: 16 }, children: [
+  sx: m
+}) => /* @__PURE__ */ t(s, { sx: { p: 24, width: "100%", ...m }, children: /* @__PURE__ */ o(s, { className: "details-container", sx: { gap: 16 }, children: [
   /* @__PURE__ */ o(s, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
     /* @__PURE__ */ t(T, { children: c }),
     /* @__PURE__ */ o(s, { children: [

package/dist/{TransactionDetails-CzaNtpaw.mjs → TransactionDetails-DWZuZgBw.mjs}

@@ -29,7 +29,7 @@ import { f as Me, D as ke } from "./DateFormats-BMpMrZpW.mjs";
 import z from "@mui/material/ListItemButton";
 import W from "@mui/material/ListItemIcon";
 import { a as Pe } from "./CategorySelectorDrawer-wfUTIbLR.mjs";
-import { b as et, T as tt, u as J } from "./StatusIndicator-BWdlLG0b.mjs";
+import { b as et, T as tt, u as J } from "./StatusIndicator-Bo80rdKq.mjs";
 import { D as q } from "./Dialog-Ck34yr-d.mjs";
 import { b as N } from "./Localization-CPkpIwIx.mjs";
 import { getUnixTime as rt } from "date-fns/getUnixTime";

package/dist/accounts/index.es.js

@@ -55,8 +55,8 @@ import e3 from "@mui/material/AlertTitle";
 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 "../StatusIndicator-BWdlLG0b.mjs";
-import { T as s3 } from "../TransactionDetails-CzaNtpaw.mjs";
+import { T as a3 } from "../StatusIndicator-Bo80rdKq.mjs";
+import { T as s3 } from "../TransactionDetails-DWZuZgBw.mjs";
 import { T as r1 } from "../TabContentContainer-j01JYR_7.mjs";
 import { f as d1 } from "../NumberFormatting-QCaNwbjv.mjs";
 import { C as l3 } from "../ConnectionsDrawer-DqhSaMrJ.mjs";

package/dist/budgets/index.es.js

@@ -6,7 +6,7 @@ import { isAfter as Ke } from "date-fns/isAfter";
 import { startOfMonth as re } from "date-fns/startOfMonth";
 import { startOfToday as oe } from "date-fns/startOfToday";
 import Se from "@mui/material/Alert";
-import Ae from "@mui/material/Snackbar";
+import xe from "@mui/material/Snackbar";
 import v from "@mui/material/Stack";
 import ie from "@mui/material/styles/useTheme";
 import K from "@mui/material/Box";
@@ -31,13 +31,13 @@ import qe from "@mui/material/Tooltip";
 import { useTheme as $e, alpha as Je } from "@mui/material/styles";
 import { u as me } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as ge } from "../Loader-D3rjKx72.mjs";
-import { E as _e } from "../EmptyState-DHAkGsjk.mjs";
+import { E as ye } from "../EmptyState-DHAkGsjk.mjs";
 import { A as P } from "../Analytics-BYItVAe-.mjs";
 import De from "@mui/material/Tab";
 import Qe from "@mui/material/Tabs";
 import { e as et } from "../exportTransactionsToCSV-EwhjfqsJ.mjs";
-import { T as xe } from "../StatusIndicator-BWdlLG0b.mjs";
-import { T as tt, c as nt } from "../TransactionDetails-CzaNtpaw.mjs";
+import { T as Ae } from "../StatusIndicator-Bo80rdKq.mjs";
+import { T as tt, c as nt } from "../TransactionDetails-DWZuZgBw.mjs";
 import ve from "@mui/material/Card";
 import Te from "@mui/material/CardContent";
 import { S as Be } from "../StatusBar-BK_uYHAB.mjs";
@@ -46,7 +46,7 @@ import { u as ot, b as at } from "../CategorySelectorDrawer-wfUTIbLR.mjs";
 import Ge from "@mui/material/CardHeader";
 import { subDays as rt } from "date-fns/subDays";
 import st from "@mui/material/IconButton";
-import { M as it } from "../ManageIncome-CyvCAzdp.mjs";
+import { M as it } from "../ManageIncome-DE6JV3Mp.mjs";
 import { u as je } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { W as ct } from "../WidgetContainer-B0ncgABX.mjs";
 import { u as lt, g as dt, C as ut } from "../BudgetUtil--_QXyszn.mjs";
@@ -180,7 +180,7 @@ const gt = w(() => {
     )) }) }),
     /* @__PURE__ */ e(ht, { onRecalculateBudgets: o })
   ] });
-}), we = 5, Fe = 100, se = 25, yt = (t) => {
+}), we = 5, Fe = 100, se = 25, _t = (t) => {
   const o = (a) => {
     a.active || t.alphaTarget(0.3).restart(), a.subject.fx = a.subject.x, a.subject.fy = a.subject.y;
   }, i = (a) => {
@@ -189,13 +189,13 @@ const gt = w(() => {
     a.active || t.alphaTarget(0), a.subject.fx = null, a.subject.fy = null;
   };
   return M.drag().on("start", o).on("drag", i).on("end", s);
-}, _t = (t) => {
+}, yt = (t) => {
   let o = t.transaction_total / t.amount;
   o < 0 ? o = 0 : o > 1 && (o = 1);
   const i = o * 2 * Math.PI, s = M.interpolate(0, i), a = M.arc().cornerRadius(5).innerRadius(t.radius - we * 2).outerRadius(t.radius - we).startAngle(0).endAngle(0);
   return (r) => (a.endAngle(s(r)), a(t) || "");
 }, bt = (t) => {
-  M.selectAll(".bubble").call(yt(t));
+  M.selectAll(".bubble").call(_t(t));
 }, Ie = (t, o, i) => Math.min(Math.max(t, o), i), Ct = (t, o, i) => {
   t.alpha(1).restart().force(
     "x",
@@ -233,11 +233,11 @@ const gt = w(() => {
     u = Math.min(Fe, h, b);
   }
   return r && t <= 3 && (u = Math.min(u, 45)), { minRadius: Math.max(20, u * 0.6), maxRadius: u };
-}, At = (t, o, i, s, a) => {
+}, xt = (t, o, i, s, a) => {
   const { maxRadius: r, minRadius: n } = St(t, o, a);
   return M.scaleLinear().domain([s, i]).range([n, r]);
-}, xt = (t, o, i = !1, s, a) => {
-  const r = o.map((d) => Math.max(d.transaction_total, d.amount)), n = Math.min(...r), c = Math.max(...r), g = i ? At(t.length, s, c, n, a) : Ue(n, c);
+}, At = (t, o, i = !1, s, a) => {
+  const r = o.map((d) => Math.max(d.transaction_total, d.amount)), n = Math.min(...r), c = Math.max(...r), g = i ? xt(t.length, s, c, n, a) : Ue(n, c);
   return t.map((d) => ({
     ...d,
     radius: g(Math.max(d.transaction_total, d.amount))
@@ -251,7 +251,7 @@ const gt = w(() => {
     transaction_total: n
   } = t, c = `mercury-${s}`;
   l.useEffect(() => {
-    M.select(`.${c}`).selectAll(".status").remove(), M.select(`.${c}`).append("path").transition().duration(vt).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => _t(t));
+    M.select(`.${c}`).selectAll(".status").remove(), M.select(`.${c}`).append("path").transition().duration(vt).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => yt(t));
   }, [i, r, n]);
   const g = M.arc().innerRadius((d) => d - 2 * Oe).outerRadius((d) => d - Oe).startAngle(0).endAngle(2 * Math.PI);
   return /* @__PURE__ */ e("g", { className: c, children: /* @__PURE__ */ e(
@@ -280,14 +280,14 @@ function Et({ bubble: t, isDraggable: o, onClick: i = () => {
     category: { icon: u, name: p },
     guid: h,
     description: b,
-    radius: y,
-    x: _,
-    y: x
-  } = t, A = n < 400 ? -8 : -12;
-  let C = A, f = A;
-  y > F ? (C = -14, f = -45) : y > be && (f = -32);
+    radius: _,
+    x: y,
+    y: A
+  } = t, x = n < 400 ? -8 : -12;
+  let C = x, f = x;
+  _ > F ? (C = -14, f = -45) : _ > be && (f = -32);
   let S = 32;
-  y <= F && (S = n < 400 ? 16 : 24);
+  _ <= F && (S = n < 400 ? 16 : 24);
   const I = `${t.category.name}: ${b}`, L = {
     modifiers: [
       {
@@ -318,8 +318,8 @@ function Et({ bubble: t, isDraggable: o, onClick: i = () => {
       style: { cursor: o ? "pointer" : "default" },
       tabIndex: 0,
       textAnchor: "middle",
-      x: _,
-      y: x,
+      x: y,
+      y: A,
       children: [
         /* @__PURE__ */ e("style", { children: `
           .bubble:focus,
@@ -333,9 +333,9 @@ function Et({ bubble: t, isDraggable: o, onClick: i = () => {
             stroke-opacity: 0.8;
           }
         ` }),
-        /* @__PURE__ */ e(qe, { open: s, slotProps: { popper: L }, title: I, children: /* @__PURE__ */ e("circle", { fill: g, id: `circle-${h}`, r: y }) }),
+        /* @__PURE__ */ e(qe, { open: s, slotProps: { popper: L }, title: I, children: /* @__PURE__ */ e("circle", { fill: g, id: `circle-${h}`, r: _ }) }),
         /* @__PURE__ */ e("svg", { x: C, y: f, children: /* @__PURE__ */ e(j, { name: u, size: S, sx: { fill: d } }) }),
-        y > F && /* @__PURE__ */ e(
+        _ > F && /* @__PURE__ */ e(
           B,
           {
             bold: !0,
@@ -347,7 +347,7 @@ function Et({ bubble: t, isDraggable: o, onClick: i = () => {
             children: p
           }
         ),
-        y > be && /* @__PURE__ */ e(
+        _ > be && /* @__PURE__ */ e(
           B,
           {
             bold: !0,
@@ -355,11 +355,11 @@ function Et({ bubble: t, isDraggable: o, onClick: i = () => {
             id: `budget-description-${h}-1`,
             sx: { fill: d },
             variant: "Body",
-            y: y <= F ? 12 : 24,
-            children: y <= F ? b.split(" ")[0] : b
+            y: _ <= F ? 12 : 24,
+            children: _ <= F ? b.split(" ")[0] : b
           }
         ),
-        y <= F && y > be && /* @__PURE__ */ e(
+        _ <= F && _ > be && /* @__PURE__ */ e(
           B,
           {
             component: "text",
@@ -386,14 +386,14 @@ const wt = ({
   const [a, r] = l.useState([]), n = l.useRef(null), c = l.useRef(!1), { detailedBudgets: g } = E(), d = l.useCallback(() => {
     const u = n.current, p = Bt(g), h = p.nodes();
     if (u) {
-      const b = u.nodes(), y = new Map(b.map((_) => [_.guid, _]));
-      h.forEach((_) => {
-        const x = y.get(_.guid);
-        x && Object.assign(_, {
-          vx: x.vx,
-          vy: x.vy,
-          x: x.x,
-          y: x.y
+      const b = u.nodes(), _ = new Map(b.map((y) => [y.guid, y]));
+      h.forEach((y) => {
+        const A = _.get(y.guid);
+        A && Object.assign(y, {
+          vx: A.vx,
+          vy: A.vy,
+          x: A.x,
+          y: A.y
         });
       });
     }
@@ -406,7 +406,7 @@ const wt = ({
   }, []), l.useEffect(() => {
     const u = n.current;
     if (!u) return;
-    const p = u.nodes(), h = o > 0 && o < 450 || t > 0 && t < 300, b = xt(p, g, h, t, o);
+    const p = u.nodes(), h = o > 0 && o < 450 || t > 0 && t < 300, b = At(p, g, h, t, o);
     u.nodes(b), Ct(u, t, o), i && setTimeout(() => {
       bt(u);
     }, 0), r([...b]);
@@ -416,19 +416,19 @@ const wt = ({
   onConnectAccountsClick: o,
   createBudgetOnClick: i
 }) => {
-  const { config: s } = Le(), { recalculateBudgets: a } = E(), { spendCategories: r } = Y(), { budgets: n } = D(), { availableWidth: c } = le(), { isMobile: g } = me(c), d = t && g, [u, p] = l.useState(!1), [h, b] = l.useState(!1), [y, _] = l.useState(!1), x = l.useMemo(() => [...r.filter((C) => C.totalAverageAmount > 0)], [r]), A = async () => {
-    _(!0);
-    const { data: C, isSuccess: f } = await a(x);
-    _(!1), f ? (C.length === 0 && b(!0), p(!1)) : p(!0);
+  const { config: s } = Le(), { recalculateBudgets: a } = E(), { spendCategories: r } = Y(), { budgets: n } = D(), { availableWidth: c } = le(), { isMobile: g } = me(c), d = t && g, [u, p] = l.useState(!1), [h, b] = l.useState(!1), [_, y] = l.useState(!1), A = l.useMemo(() => [...r.filter((C) => C.totalAverageAmount > 0)], [r]), x = async () => {
+    y(!0);
+    const { data: C, isSuccess: f } = await a(A);
+    y(!1), f ? (C.length === 0 && b(!0), p(!1)) : p(!0);
   };
-  return y ? /* @__PURE__ */ e(ge, {}) : u ? /* @__PURE__ */ e(
-    _e,
+  return _ ? /* @__PURE__ */ e(ge, {}) : u ? /* @__PURE__ */ e(
+    ye,
     {
       header: n.autogenerate_budgets_error_header,
       icon: "error",
       iconColor: "#4D4D4D",
       onClick: (C) => {
-        C === "primary" ? A() : i();
+        C === "primary" ? x() : i();
       },
       primaryButton: n.autogenerate_budgets_error_primary_button,
       secondaryButton: n.zero_state_generate_budgets_secondary_button,
@@ -443,7 +443,7 @@ const wt = ({
       }
     }
   ) : /* @__PURE__ */ e(Ve, { children: h ? /* @__PURE__ */ e(
-    _e,
+    ye,
     {
       header: n.zero_state_generate_budgets_header,
       icon: "error",
@@ -468,13 +468,13 @@ const wt = ({
       }
     }
   ) : /* @__PURE__ */ e(
-    _e,
+    ye,
     {
       header: n.create_budgets_title,
       icon: "bubble_chart",
       iconColor: "#1A1A1A",
       onClick: (C) => {
-        C === "primary" ? A() : i();
+        C === "primary" ? x() : i();
       },
       primaryButton: n.empty_state_primary_button,
       secondaryButton: t ? void 0 : n.empty_state_secondary_button,
@@ -503,12 +503,12 @@ const wt = ({
     shouldShowZeroState: a,
     unavailableWidth: r = 24
   }) => {
-    const { onEvent: n } = Z(), { setSelectedBudget: c } = E(), { isInitialized: g } = q(), { accounts: d } = D(), { availableWidth: u } = le(), { isMobile: p } = me(), [h, b] = l.useState(!1), y = l.useMemo(() => u - r, [u]), _ = (A) => {
-      c(A), n(P.BUDGETS_CLICK_BUDGET_CATEGORY, {
-        budget_category: A.category.name,
+    const { onEvent: n } = Z(), { setSelectedBudget: c } = E(), { isInitialized: g } = q(), { accounts: d } = D(), { availableWidth: u } = le(), { isMobile: p } = me(), [h, b] = l.useState(!1), _ = l.useMemo(() => u - r, [u]), y = (x) => {
+      c(x), n(P.BUDGETS_CLICK_BUDGET_CATEGORY, {
+        budget_category: x.category.name,
         click_type: "bubble"
       });
-    }, x = () => {
+    }, A = () => {
       b(!0), n(P.ACCOUNTS_CLICK_CONNECT);
     };
     return /* @__PURE__ */ m(
@@ -522,15 +522,15 @@ const wt = ({
             {
               createBudgetOnClick: t,
               isMiniWidget: s,
-              onConnectAccountsClick: x
+              onConnectAccountsClick: A
             }
           ) : /* @__PURE__ */ e(
             It,
             {
               height: o,
               isDraggable: i,
-              onClick: _,
-              width: y
+              onClick: y,
+              width: _
             }
           ),
           /* @__PURE__ */ e(
@@ -568,8 +568,8 @@ const wt = ({
 }, Rt = w(() => {
   const { budgets: t } = D();
   return /* @__PURE__ */ m(v, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
-    /* @__PURE__ */ e(j, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
-    /* @__PURE__ */ e(B, { bold: !0, color: "secondary", variant: "Small", children: t.zero_state_no_sub_budgets }),
+    /* @__PURE__ */ e(j, { color: "action", name: "bubble_chart", sx: { fontSize: 32 } }),
+    /* @__PURE__ */ e(B, { bold: !0, color: "text.secondary", variant: "Small", children: t.zero_state_no_sub_budgets }),
     /* @__PURE__ */ e(B, { color: "text.secondary", variant: "XSmall", children: t.zero_state_no_sub_budgets_description })
   ] });
 }), Mt = w(({ budget: t }) => {
@@ -594,20 +594,20 @@ const wt = ({
     )
   ] }) });
 }), Lt = w(({ category: t, parentBudget: o }) => {
-  const { budgets: i, common: s } = D(), { setExpandedGuid: a, setOnSelect: r } = ot(), { addBudget: n } = E(), [c, g] = l.useState(!1), [d, u] = l.useState(!1), [p, h] = l.useState(""), [b, y] = l.useState(void 0);
+  const { budgets: i, common: s } = D(), { setExpandedGuid: a, setOnSelect: r } = ot(), { addBudget: n } = E(), [c, g] = l.useState(!1), [d, u] = l.useState(!1), [p, h] = l.useState(""), [b, _] = l.useState(void 0);
   l.useEffect(() => {
-    r((A) => {
-      const C = t.subCategories.find((f) => f.guid === A);
-      C && (y(C), h(`${C.currentAmount === 0 ? "" : C.currentAmount}`), u(!0));
+    r((x) => {
+      const C = t.subCategories.find((f) => f.guid === x);
+      C && (_(C), h(`${C.currentAmount === 0 ? "" : C.currentAmount}`), u(!0));
     });
   }, []);
-  const _ = () => {
+  const y = () => {
     a(t.guid), g(!0);
-  }, x = async () => {
-    b && Number(p) > 0 && (await n(b, Number(p), o.guid), u(!1), g(!1), y(void 0));
+  }, A = async () => {
+    b && Number(p) > 0 && (await n(b, Number(p), o.guid), u(!1), g(!1), _(void 0));
   };
   return /* @__PURE__ */ m(K, { children: [
-    /* @__PURE__ */ e(Q, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(ee, { onClick: _, children: /* @__PURE__ */ e(te, { children: /* @__PURE__ */ m(v, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+    /* @__PURE__ */ e(Q, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(ee, { onClick: y, children: /* @__PURE__ */ e(te, { children: /* @__PURE__ */ m(v, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ m(v, { alignItems: "center", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(j, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
         /* @__PURE__ */ e(B, { bold: !0, sx: { color: "primary.light" }, variant: "Body", children: i.add_sub_budget_button })
@@ -632,7 +632,7 @@ const wt = ({
         disablePrimaryButton: Number(p) <= 0,
         isOpen: d,
         onClose: () => u(!1),
-        onPrimaryAction: x,
+        onPrimaryAction: A,
         primaryText: i.add_save_button,
         children: /* @__PURE__ */ e(
           pe,
@@ -646,20 +646,20 @@ const wt = ({
     )
   ] });
 }), Nt = w(({ budget: t }) => {
-  const { category: o, subBudgets: i } = t, { budgets: s, common: a } = D(), { deleteBudget: r, selectedSubBudget: n, setSelectedSubBudget: c, updateBudget: g } = E(), { filter: d, setFilter: u } = J(), [p, h] = l.useState(!1), [b, y] = l.useState(!1), [_, x] = l.useState("");
+  const { category: o, subBudgets: i } = t, { budgets: s, common: a } = D(), { deleteBudget: r, selectedSubBudget: n, setSelectedSubBudget: c, updateBudget: g } = E(), { filter: d, setFilter: u } = J(), [p, h] = l.useState(!1), [b, _] = l.useState(!1), [y, A] = l.useState("");
   l.useEffect(() => {
-    n && (x(`${n.amount}`), u({
+    n && (A(`${n.amount}`), u({
       ...d,
       custom: (S) => S.category_guid === n.category_guid
     }));
   }, [n]);
-  const A = async () => {
+  const x = async () => {
     n && await g({
       ...n,
-      amount: Number(_)
+      amount: Number(y)
     });
   }, C = async () => {
-    n && await r(n.guid), y(!1), f();
+    n && await r(n.guid), _(!1), f();
   }, f = () => {
     u({
       ...d,
@@ -681,13 +681,13 @@ const wt = ({
         isOpen: !!n,
         onClose: f,
         onPrimaryAction: () => h(!0),
-        onSecondaryAction: () => y(!0),
+        onSecondaryAction: () => _(!0),
         primaryText: s.details_edit_button,
         secondaryText: s.details_delete_button,
         title: s.details_title,
         children: n && /* @__PURE__ */ m(v, { gap: 24, children: [
           /* @__PURE__ */ e(He, { budget: n }),
-          /* @__PURE__ */ e(xe, { height: "100%" })
+          /* @__PURE__ */ e(Ae, { height: "100%" })
         ] })
       }
     ),
@@ -696,17 +696,17 @@ const wt = ({
         U,
         {
           copy: { close_aria: a.close_aria, title: s.details_edit_title },
-          disablePrimaryButton: Number(_) <= 0,
+          disablePrimaryButton: Number(y) <= 0,
           isOpen: p,
           onClose: () => h(!1),
-          onPrimaryAction: A,
+          onPrimaryAction: x,
           primaryText: s.edit_save_button,
           children: /* @__PURE__ */ e(
             pe,
             {
-              amount: _,
+              amount: y,
               categoryName: n.category.name,
-              onAmountChanged: x
+              onAmountChanged: A
             }
           )
         }
@@ -716,7 +716,7 @@ const wt = ({
         {
           copy: { close_aria: a.close_aria, title: s.delete_title },
           isOpen: b,
-          onClose: () => y(!1),
+          onClose: () => _(!1),
           onPrimaryAction: C,
           primaryColor: "error",
           primaryText: "Delete",
@@ -731,10 +731,10 @@ const wt = ({
     sortedTransactions: d,
     sortedTransactionsWithSplits: u,
     tags: p
-  } = J(), [h, b] = l.useState(0), [y, _] = l.useState(""), x = l.useMemo(
-    () => d.find((S) => S.guid === y),
-    [y, d]
-  ), A = (S, I) => {
+  } = J(), [h, b] = l.useState(0), [_, y] = l.useState(""), A = l.useMemo(
+    () => d.find((S) => S.guid === _),
+    [_, d]
+  ), x = (S, I) => {
     b(I);
   }, C = () => {
     et(u, p), i(s.alert_csv_downloaded);
@@ -745,7 +745,7 @@ const wt = ({
       /* @__PURE__ */ m(
         Qe,
         {
-          onChange: A,
+          onChange: x,
           sx: { width: "100%" },
           textColor: "primary",
           value: h,
@@ -766,17 +766,17 @@ const wt = ({
             children: r.export_csv_btn
           }
         ) }),
-        /* @__PURE__ */ e(xe, { height: "100%", onClick: _ })
+        /* @__PURE__ */ e(Ae, { height: "100%", onClick: y })
       ] }),
       h === 1 && /* @__PURE__ */ e(Nt, { budget: t }),
       /* @__PURE__ */ e(
         $,
         {
           ariaLabelClose: a.close_aria,
-          isOpen: !!x,
-          onClose: () => _(""),
+          isOpen: !!A,
+          onClose: () => y(""),
           title: s.details_transaction_drawer,
-          children: x && /* @__PURE__ */ e(tt, { transaction: x })
+          children: A && /* @__PURE__ */ e(tt, { transaction: A })
         }
       )
     ] })
@@ -791,7 +791,7 @@ const wt = ({
     setAlert: g,
     setSelectedBudget: d,
     updateBudget: u
-  } = E(), { setFilter: p } = J(), [h, b] = l.useState(!1), [y, _] = l.useState(!1), [x, A] = l.useState(!1), [C, f] = l.useState("");
+  } = E(), { setFilter: p } = J(), [h, b] = l.useState(!1), [_, y] = l.useState(!1), [A, x] = l.useState(!1), [C, f] = l.useState("");
   l.useEffect(() => {
     n && !c && (f(`${n.amount}`), b(!0), p({
       accounts: t,
@@ -805,7 +805,7 @@ const wt = ({
       ...n,
       amount: Number(C),
       percentage: n.category.totalAmount / Number(C) * 100
-    }), _(!1), g(N(o.alert_budget_updated, n.category.name)));
+    }), y(!1), g(N(o.alert_budget_updated, n.category.name)));
   }, I = async () => {
     n && (await r(n.guid), g(N(o.alert_budget_deleted, n.category.name))), L();
   }, L = () => {
@@ -813,7 +813,7 @@ const wt = ({
       d(void 0);
     }, 250);
   }, R = () => {
-    _(!1), f(`${n?.amount}`);
+    y(!1), f(`${n?.amount}`);
   };
   if (n)
     return /* @__PURE__ */ m(l.Fragment, { children: [
@@ -823,8 +823,8 @@ const wt = ({
           ariaLabelClose: i.close_aria,
           isOpen: h,
           onClose: L,
-          onPrimaryAction: () => _(!0),
-          onSecondaryAction: () => A(!0),
+          onPrimaryAction: () => y(!0),
+          onSecondaryAction: () => x(!0),
           primaryText: o.details_edit_button,
           secondaryColor: "error",
           secondaryText: o.details_delete_button,
@@ -832,7 +832,7 @@ const wt = ({
           children: [
             /* @__PURE__ */ e(kt, { budget: n }),
             /* @__PURE__ */ e(
-              Ae,
+              xe,
               {
                 anchorOrigin: { vertical: "bottom", horizontal: "right" },
                 autoHideDuration: 3500,
@@ -849,7 +849,7 @@ const wt = ({
         {
           copy: { close_aria: i.close_aria, title: o.details_edit_title },
           disablePrimaryButton: Number(C) <= 0,
-          isOpen: y,
+          isOpen: _,
           onClose: R,
           onPrimaryAction: S,
           onSecondaryAction: R,
@@ -868,8 +868,8 @@ const wt = ({
         U,
         {
           copy: { close_aria: i.close_aria, title: o.delete_title },
-          isOpen: x,
-          onClose: () => A(!1),
+          isOpen: A,
+          onClose: () => x(!1),
           onPrimaryAction: I,
           primaryColor: "error",
           primaryText: o.details_delete_button,
@@ -922,7 +922,7 @@ const wt = ({
     ] }, r.guid)) }) })
   ] });
 }), jt = w(() => {
-  const t = ie(), { onEvent: o } = Z(), { visibleAccounts: i } = Ne(), { budgets: s, common: a, recurring: r } = D(), { incomeCategories: n, spendCategories: c } = Y(), { detailedBudgets: g, totalBudgeted: d } = E(), { incomeTotal: u } = ce(), { setFilter: p } = J(), [h, b] = l.useState(!1), [y, _] = l.useMemo(() => {
+  const t = ie(), { onEvent: o } = Z(), { visibleAccounts: i } = Ne(), { budgets: s, common: a, recurring: r } = D(), { incomeCategories: n, spendCategories: c } = Y(), { detailedBudgets: g, totalBudgeted: d } = E(), { incomeTotal: u } = ce(), { setFilter: p } = J(), [h, b] = l.useState(!1), [_, y] = l.useMemo(() => {
     const f = c.reduce((R, O) => R + O.totalAmount, 0);
     let S = f / d;
     S > 1 && (S = 1);
@@ -935,7 +935,7 @@ const wt = ({
       }
     ];
     return [f, L];
-  }, [g, c]), [x, A] = l.useMemo(() => {
+  }, [g, c]), [A, x] = l.useMemo(() => {
     const f = Math.abs(
       n.reduce((L, R) => L + R.totalAmount, 0)
     );
@@ -962,10 +962,10 @@ const wt = ({
     /* @__PURE__ */ e(Te, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ m(v, { gap: 24, children: [
       /* @__PURE__ */ m(v, { gap: 8, children: [
         /* @__PURE__ */ e(B, { bold: !0, sx: { mb: 8 }, variant: "Body", children: s.spending_title }),
-        /* @__PURE__ */ e(Be, { data: _, height: 16 }),
+        /* @__PURE__ */ e(Be, { data: y, height: 16 }),
         /* @__PURE__ */ e(B, { variant: "Small", children: N(
           s.spending_description,
-          T(y, "0,0"),
+          T(_, "0,0"),
           T(d, "0,0")
         ) })
       ] }),
@@ -982,10 +982,10 @@ const wt = ({
             }
           )
         ] }),
-        /* @__PURE__ */ e(Be, { data: A, height: 16 }),
+        /* @__PURE__ */ e(Be, { data: x, height: 16 }),
         /* @__PURE__ */ e(B, { variant: "Small", children: N(
           s.income_description,
-          T(x, "0,0"),
+          T(A, "0,0"),
           T(u, "0,0")
         ) })
       ] })
@@ -1007,30 +1007,30 @@ const wt = ({
     dateRange: p,
     isDataLoaded: h,
     loadBudgetData: b,
-    setDateRange: y,
-    setAlert: _,
-    setTheme: x,
-    detailedBudgets: A
+    setDateRange: _,
+    setAlert: y,
+    setTheme: A,
+    detailedBudgets: x
   } = E(), { setDateRange: C } = ce(), { loadDateRangeCategoryTotals: f, loadMonthlyCategoryTotals: S } = Y(), { isSmallTablet: I, isMobile: L, isSmallMobile: R } = me(), O = I || L || R, [z, k] = l.useState(!1);
   je({
     widgetName: "BubbleBudgetsWidget",
     isLoaded: h
   }), l.useEffect(() => {
-    x(i), h || b().finally(() => {
+    A(i), h || b().finally(() => {
       s(P.BUDGETS_VIEW);
     });
-  }, []), l.useEffect(() => (y({ start: re(oe()), end: Ce(oe()) }), () => {
-    y({ start: re(oe()), end: Ce(oe()) });
+  }, []), l.useEffect(() => (_({ start: re(oe()), end: Ce(oe()) }), () => {
+    _({ start: re(oe()), end: Ce(oe()) });
   }), [a]), l.useEffect(() => {
     c && (d(p.start, p.end), f(g, p.start, p.end).finally(), S(g).finally(), C(p));
   }, [c, g, p]);
   const he = (V) => {
-    y({ start: V[0] || /* @__PURE__ */ new Date(), end: V[1] || /* @__PURE__ */ new Date() });
+    _({ start: V[0] || /* @__PURE__ */ new Date(), end: V[1] || /* @__PURE__ */ new Date() });
   }, fe = () => {
     s(P.BUDGETS_CLICK_FILTER);
   }, ne = () => {
     k(!0), s(P.BUDGETS_CLICK_ADD);
-  }, ye = () => {
+  }, _e = () => {
     k(!1);
   }, G = () => {
     k(!1);
@@ -1069,11 +1069,11 @@ const wt = ({
                   createBudgetOnClick: ne,
                   height: O ? 450 : 800,
                   isDraggable: !0,
-                  shouldShowZeroState: A.length === 0,
+                  shouldShowZeroState: x.length === 0,
                   unavailableWidth: O ? 0 : Re
                 }
               ) }),
-              A.length !== 0 && /* @__PURE__ */ m(
+              x.length !== 0 && /* @__PURE__ */ m(
                 v,
                 {
                   gap: 24,
@@ -1100,19 +1100,19 @@ const wt = ({
             children: /* @__PURE__ */ e(
               ze,
               {
-                onAddBudget: ye,
+                onAddBudget: _e,
                 onRecalculateBudgets: G
               }
             )
           }
         ),
         /* @__PURE__ */ e(
-          Ae,
+          xe,
           {
             anchorOrigin: { vertical: "bottom", horizontal: "right" },
             autoHideDuration: 3500,
             onClose: () => {
-              _("");
+              y("");
             },
             open: !!u,
             children: /* @__PURE__ */ e(
@@ -1120,7 +1120,7 @@ const wt = ({
               {
                 closeText: "",
                 onClose: () => {
-                  _("");
+                  y("");
                 },
                 severity: "success",
                 variant: "filled",
@@ -1162,7 +1162,7 @@ const wt = ({
     ] })
   ] });
 }, Ft = (t) => {
-  const o = ie(), { onEvent: i } = Z(), { detailedBudgets: s, isDataLoaded: a, loadBudgetData: r, setTheme: n } = E(), { budgets: c, common: g } = D(), { isInitialized: d, selectedAccounts: u } = q(), { loadDateRangeCategoryTotals: p, loadMonthlyCategoryTotals: h } = Y(), b = lt(), [y, _] = l.useState(!1);
+  const o = ie(), { onEvent: i } = Z(), { detailedBudgets: s, isDataLoaded: a, loadBudgetData: r, setTheme: n } = E(), { budgets: c, common: g } = D(), { isInitialized: d, selectedAccounts: u } = q(), { loadDateRangeCategoryTotals: p, loadMonthlyCategoryTotals: h } = Y(), b = lt(), [_, y] = l.useState(!1);
   l.useEffect(() => {
     a || r().finally();
   }, []), l.useEffect(() => {
@@ -1174,11 +1174,11 @@ const wt = ({
       Ce(/* @__PURE__ */ new Date())
     ).finally(), h(u).finally());
   }, [d, u, a]);
-  const x = () => {
-    _(!0), i(P.BUDGETS_CLICK_ADD);
-  }, A = () => {
-    _(!1);
-  }, C = () => _(!1);
+  const A = () => {
+    y(!0), i(P.BUDGETS_CLICK_ADD);
+  }, x = () => {
+    y(!1);
+  }, C = () => y(!1);
   if (je({
     widgetName: "BubbleBudgetsMiniWidget",
     isLoaded: a
@@ -1198,7 +1198,7 @@ const wt = ({
           {
             budgetsCopy: c,
             difference: b,
-            handleAddClick: x,
+            handleAddClick: A,
             shouldShowZeroState: f
           }
         ),
@@ -1206,13 +1206,13 @@ const wt = ({
           $,
           {
             ariaLabelClose: g.close_aria,
-            isOpen: y,
-            onClose: () => _(!1),
+            isOpen: _,
+            onClose: () => y(!1),
             title: c.add_new_title,
             children: /* @__PURE__ */ e(
               ze,
               {
-                onAddBudget: A,
+                onAddBudget: x,
                 onRecalculateBudgets: C
               }
             )
@@ -1236,10 +1236,10 @@ const wt = ({
     setAlert: g,
     setSelectedBudget: d,
     updateBudget: u
-  } = E(), { budgets: p, common: h } = D(), { isCopyLoaded: b, selectedAccountGuids: y } = q(), _ = $e(), { setFilter: x } = J(), [A, C] = l.useState(""), [f, S] = l.useState(null), [I, L] = l.useState(!1), R = l.useRef(!1);
+  } = E(), { budgets: p, common: h } = D(), { isCopyLoaded: b, selectedAccountGuids: _ } = q(), y = $e(), { setFilter: A } = J(), [x, C] = l.useState(""), [f, S] = l.useState(null), [I, L] = l.useState(!1), R = l.useRef(!1);
   if (l.useEffect(() => {
-    !n || c || (C(`${n.amount}`), x({
-      accounts: y,
+    !n || c || (C(`${n.amount}`), A({
+      accounts: _,
       dateRange: a,
       custom: ({ category_guid: G, top_level_category_guid: H }) => {
         const { category_guid: V } = n;
@@ -1254,22 +1254,22 @@ const wt = ({
       d(void 0), t?.();
     }, 250);
   }, z = () => {
-    f === "delete" && o?.(ae.CANCEL_DELETE, A), C(n.amount ? `${n.amount}` : ""), S(null);
+    f === "delete" && o?.(ae.CANCEL_DELETE, x), C(n.amount ? `${n.amount}` : ""), S(null);
   }, k = async () => {
     if (f === "edit") {
       if (R.current) return;
       R.current = !0, await u({
         ...n,
-        amount: Number(A)
-      }), o?.(ae.END_SAVE, A), g(
+        amount: Number(x)
+      }), o?.(ae.END_SAVE, x), g(
         N(p.alert_budget_updated, n.category.name)
       ), S(null), R.current = !1;
     }
-    f === "delete" && (await r(n.guid), o?.(ae.END_DELETE, A), O());
+    f === "delete" && (await r(n.guid), o?.(ae.END_DELETE, x), O());
   }, { remainingAmount: he, spentPercentage: fe, iconColor: ne } = dt(
     n.transaction_total ?? 0,
     n.amount ?? 0
-  ), ye = (G, H) => N(G, /* @__PURE__ */ e("b", { children: H }));
+  ), _e = (G, H) => N(G, /* @__PURE__ */ e("b", { children: H }));
   return /* @__PURE__ */ m(l.Fragment, { children: [
     /* @__PURE__ */ m(
       $,
@@ -1286,7 +1286,7 @@ const wt = ({
           /* EDIT */
         ),
         onSecondaryAction: () => {
-          o?.(ae.START_DELETE, A), S(
+          o?.(ae.START_DELETE, x), S(
             "delete"
             /* DELETE */
           );
@@ -1311,8 +1311,8 @@ const wt = ({
                   categoryGuid: n.category.guid,
                   size: 44,
                   sx: {
-                    bgcolor: Je(Ee(n.category.guid, _), 0.15),
-                    border: `1px solid ${Ee(n.category.guid, _)}`,
+                    bgcolor: Je(Ee(n.category.guid, y), 0.15),
+                    border: `1px solid ${Ee(n.category.guid, y)}`,
                     color: "text.primary"
                   }
                 }
@@ -1325,9 +1325,9 @@ const wt = ({
               totalTransaction: n.transaction_total
             }
           ),
-          /* @__PURE__ */ e(xe, {}),
+          /* @__PURE__ */ e(Ae, {}),
           s && /* @__PURE__ */ e(
-            Ae,
+            xe,
             {
               anchorOrigin: { horizontal: "right", vertical: "bottom" },
               autoHideDuration: 3500,
@@ -1343,7 +1343,7 @@ const wt = ({
       ut,
       {
         closeAriaLabel: h.close_aria,
-        content: ye(
+        content: _e(
           p[f === "edit" ? "edit_budget_content" : "delete_description"],
           n.category.name
         ),
@@ -1352,7 +1352,7 @@ const wt = ({
         handlePrimaryAction: k,
         handleSecondaryAction: z,
         inputLabel: f === "edit" ? p.details_edit_title : "",
-        inputValue: A,
+        inputValue: x,
         isOpen: !0,
         primaryColor: f === "edit" ? "primary" : "error",
         primaryText: p[f === "edit" ? "add_save_button" : "details_delete_button"],

package/dist/cashflow/index.es.js

@@ -18,7 +18,7 @@ import { b as $ } from "../Localization-CPkpIwIx.mjs";
 import { M as Je } from "../MiniWidgetContainer-Cu72GNsE.mjs";
 import { E as Ze } from "../EmptyState-DHAkGsjk.mjs";
 import { u as Oe } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { R as et } from "../RecurringSettings-Dsc3KBX3.mjs";
+import { R as et } from "../RecurringSettings-CkVI8rR3.mjs";
 import tt from "@mui/material/Tabs";
 import ye from "@mui/material/Tab";
 import { getUnixTime as z } from "date-fns/getUnixTime";
@@ -36,7 +36,7 @@ import { alpha as at, keyframes as it } from "@mui/material/styles";
 import { DataGridPro as rt } from "@mui/x-data-grid-pro";
 import { T as we } from "../TabContentContainer-j01JYR_7.mjs";
 import G from "@mui/material/Button";
-import { M as st, S as ct, i as lt, d as _e, c as dt } from "../ManageIncome-CyvCAzdp.mjs";
+import { M as st, S as ct, i as lt, d as _e, c as dt } from "../ManageIncome-DE6JV3Mp.mjs";
 import { D as Ge } from "../Drawer-DV4NTsFg.mjs";
 import { subDays as Me } from "date-fns/subDays";
 import { endOfToday as mt } from "date-fns/endOfToday";
@@ -46,7 +46,7 @@ import { A as Q } from "../Account-BiB1F8lL.mjs";
 import { formatISO as ht } from "date-fns/formatISO";
 import { fromUnixTime as De } from "date-fns/fromUnixTime";
 import { startOfMonth as pt } from "date-fns/startOfMonth";
-import { S as ft, a as gt } from "../StatusIndicator-BWdlLG0b.mjs";
+import { S as ft, a as gt } from "../StatusIndicator-Bo80rdKq.mjs";
 import { F as bt, R as ve, e as Ae } from "../RecurringTransactions-CYNpe_RS.mjs";
 import { h as xt } from "../DateUtil-wcYTmDRD.mjs";
 import { F as Ct, A as j } from "../Fetch-B6tMJC1r.mjs";

package/dist/finstrong/index.es.js

@@ -41,7 +41,7 @@ import { S as it, F as Mt, e as zn, R as Dt } from "../RecurringTransactions-CYN
 import { A as He } from "../Account-BiB1F8lL.mjs";
 import { S as Gn } from "../StatusBar-BK_uYHAB.mjs";
 import { h as It } from "../DateUtil-wcYTmDRD.mjs";
-import { T as Hn, s as Nn, h as jn, S as Kn, a as Vn } from "../StatusIndicator-BWdlLG0b.mjs";
+import { T as Hn, s as Nn, h as jn, S as Kn, a as Vn } from "../StatusIndicator-Bo80rdKq.mjs";
 import { f as Xn, D as Yn } from "../DateFormats-BMpMrZpW.mjs";
 import { T as de } from "../TabContentContainer-j01JYR_7.mjs";
 import qn from "@mui/material/useMediaQuery";
@@ -56,10 +56,10 @@ import { formatISO as oo } from "date-fns/formatISO";
 import { fromUnixTime as ro } from "date-fns/fromUnixTime";
 import { startOfToday as st } from "date-fns/startOfToday";
 import { subDays as ao } from "date-fns/subDays";
-import { c as io, d as ct, S as so, i as co } from "../ManageIncome-CyvCAzdp.mjs";
+import { c as io, d as ct, S as so, i as co } from "../ManageIncome-DE6JV3Mp.mjs";
 import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as _o } from "@mui/x-date-pickers";
 import { AdapterDateFns as Ot } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as uo } from "../RecurringSettings-Dsc3KBX3.mjs";
+import { R as uo } from "../RecurringSettings-CkVI8rR3.mjs";
 import { LocalizationProvider as ho } from "@mui/x-date-pickers/LocalizationProvider";
 import { format as mo } from "date-fns/format";
 import go from "@mui/lab/Timeline";

package/dist/insights/index.es.js

@@ -8,7 +8,7 @@ import E from "@mui/material/Stack";
 import { BottomSheetTransition as Be, Icon as pe, P as L, H3 as ae, Text as f, MerchantLogo as ee, InstitutionLogo as B, CategoryIcon as Ce, createMXTheme as qe, CheckmarkFilledIcon as _e, H2 as ce } from "@mxenabled/mxui";
 import { Icon as J } from "@mxenabled/mx-icons";
 import { e as $e } from "../exportTransactionsToCSV-EwhjfqsJ.mjs";
-import { T as e1, b as t1 } from "../StatusIndicator-BWdlLG0b.mjs";
+import { T as e1, b as t1 } from "../StatusIndicator-Bo80rdKq.mjs";
 import r1 from "@mui/material/Tab";
 import i1 from "@mui/material/Tabs";
 import Q from "@mui/material/IconButton";

package/dist/recurringtransactions/index.es.js

@@ -6,8 +6,8 @@ import { endOfToday as J } from "date-fns/endOfToday";
 import { startOfMonth as G } from "date-fns/startOfMonth";
 import { startOfToday as Q } from "date-fns/startOfToday";
 import { subDays as ee } from "date-fns/subDays";
-import { R as _e } from "../RecurringSettings-Dsc3KBX3.mjs";
-import { M as Un } from "../RecurringSettings-Dsc3KBX3.mjs";
+import { R as _e } from "../RecurringSettings-CkVI8rR3.mjs";
+import { M as Un } from "../RecurringSettings-CkVI8rR3.mjs";
 import { addMonths as Be } from "date-fns/addMonths";
 import { subMonths as Pe } from "date-fns/subMonths";
 import { isBefore as $e } from "date-fns/isBefore";
@@ -47,8 +47,8 @@ import dt from "@mui/material/ListSubheader";
 import mt from "@mui/material/ListItemAvatar";
 import ut from "@mui/material/ListItemButton";
 import pt from "@mui/material/ListItemText";
-import { b as gt } from "../ManageIncome-CyvCAzdp.mjs";
-import { c as Vn, M as Xn, S as qn } from "../ManageIncome-CyvCAzdp.mjs";
+import { b as gt } from "../ManageIncome-DE6JV3Mp.mjs";
+import { c as Vn, M as Xn, S as qn } from "../ManageIncome-DE6JV3Mp.mjs";
 import { f as E } from "../NumberFormatting-QCaNwbjv.mjs";
 import { D as ie } from "../Drawer-DV4NTsFg.mjs";
 import O from "@mui/material/Box";

package/dist/spending/index.es.js

@@ -19,8 +19,8 @@ import { startOfToday as q } from "date-fns/startOfToday";
 import Tt from "@mui/material/Button";
 import { useTheme as Mt } from "@mui/material";
 import { e as Dt } from "../exportTransactionsToCSV-EwhjfqsJ.mjs";
-import { T as xt } from "../StatusIndicator-BWdlLG0b.mjs";
-import { T as wt } from "../TransactionDetails-CzaNtpaw.mjs";
+import { T as xt } from "../StatusIndicator-Bo80rdKq.mjs";
+import { T as wt } from "../TransactionDetails-DWZuZgBw.mjs";
 import Lt from "@mui/material/Collapse";
 import F from "@mui/material/Divider";
 import J from "@mui/material/List";

package/dist/transactions/index.es.js

@@ -1,12 +1,12 @@
 import { T as Sa } from "../TransactionApi-Ck5Ua-7F.mjs";
-import { C as Le, D as Me, M as Re, a as He, T as Pe } from "../TransactionDetails-CzaNtpaw.mjs";
-import { B as Da, b as Ia } from "../TransactionDetails-CzaNtpaw.mjs";
+import { C as Le, D as Me, M as Re, a as He, T as Pe } from "../TransactionDetails-DWZuZgBw.mjs";
+import { B as Da, b as Ia } from "../TransactionDetails-DWZuZgBw.mjs";
 import { T as E } from "../Transaction-B_2AG36b.mjs";
 import { O as Na } from "../Transaction-B_2AG36b.mjs";
 import { S as Z, D as Be } from "../TransactionStore-DIbZkSVI.mjs";
 import { T as Oa } from "../TransactionStore-DIbZkSVI.mjs";
-import { u as R, T as $e } from "../StatusIndicator-BWdlLG0b.mjs";
-import { a as La } from "../StatusIndicator-BWdlLG0b.mjs";
+import { u as R, T as $e } from "../StatusIndicator-Bo80rdKq.mjs";
+import { a as La } from "../StatusIndicator-Bo80rdKq.mjs";
 import { e as Ve } from "../exportTransactionsToCSV-EwhjfqsJ.mjs";
 import { E as Ra } from "../ExportCsvAction-Bg6gO_Cz.mjs";
 import { jsxs as _, jsx as e } from "react/jsx-runtime";

package/dist/trends/index.es.js

@@ -35,8 +35,8 @@ import { useGridApiContext as zt, useGridRootProps as Kt, DataGridPro as Yt } fr
 import jt from "@mui/material/Badge";
 import Ut from "@mui/material/IconButton";
 import { A as v } from "../Analytics-BYItVAe-.mjs";
-import { T as lt } from "../StatusIndicator-BWdlLG0b.mjs";
-import { T as ct } from "../TransactionDetails-CzaNtpaw.mjs";
+import { T as lt } from "../StatusIndicator-Bo80rdKq.mjs";
+import { T as ct } from "../TransactionDetails-DWZuZgBw.mjs";
 import { D as We } from "../Drawer-DV4NTsFg.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as Le } from "../Loader-D3rjKx72.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.12.4",
+  "version": "7.12.5",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",