@mx-cartographer/experiences 7.6.25 → 7.6.26

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.6.26] - 01-23-2026
+
+- **FIXED** - Dialog for updating budget to close with close or cancel
+
 ## [7.6.25] - 01-23-2026
 
 - **UPDATED** - Improved accessibility for the global accounts filter

package/dist/budgets/index.es.js

@@ -4,7 +4,7 @@ import { observer as I } from "mobx-react-lite";
 import { endOfMonth as ge } from "date-fns/endOfMonth";
 import { startOfMonth as Q } from "date-fns/startOfMonth";
 import W from "@mui/material/Box";
-import C from "@mui/material/Stack";
+import B from "@mui/material/Stack";
 import te from "@mui/material/styles/useTheme";
 import { Text as y, CategoryIcon as H, Icon as G, H1 as He, H3 as Ae } from "@mxenabled/mxui";
 import K from "@mui/material/List";
@@ -51,18 +51,18 @@ import ct from "@mui/material/IconButton";
 import { M as lt } from "../ManageIncome-D8TIpSqE.mjs";
 const dt = I(() => {
   const { budgets: t } = w(), { totalBudgeted: n } = D(), { incomeTotal: i } = ne(), s = i - n;
-  return /* @__PURE__ */ m(C, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
-    /* @__PURE__ */ m(C, { alignItems: "center", children: [
+  return /* @__PURE__ */ m(B, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
+    /* @__PURE__ */ m(B, { alignItems: "center", children: [
       /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: T(i, "0,0") }),
       /* @__PURE__ */ e(y, { color: "secondary", variant: "Small", children: t.projected_income })
     ] }),
     /* @__PURE__ */ e(y, { bold: !0, justifyContent: "center", variant: "Body", children: "-" }),
-    /* @__PURE__ */ m(C, { alignItems: "center", children: [
+    /* @__PURE__ */ m(B, { alignItems: "center", children: [
       /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: T(n, "0,0") }),
       /* @__PURE__ */ e(y, { color: "secondary", variant: "Small", children: t.budgeted })
     ] }),
     /* @__PURE__ */ e(y, { bold: !0, justifyContent: "center", variant: "Body", children: "=" }),
-    /* @__PURE__ */ m(C, { alignItems: "center", children: [
+    /* @__PURE__ */ m(B, { alignItems: "center", children: [
       /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: T(s, "0,0") }),
       /* @__PURE__ */ e(y, { color: "secondary", variant: "Small", children: t.remaining })
     ] })
@@ -70,8 +70,8 @@ const dt = I(() => {
 }), ut = I(
   ({ category: t }) => {
     const { budgets: n } = w(), { budgets: i } = D(), s = l.useMemo(() => {
-      const o = i.find((c) => c.category_guid === t.guid), r = T(t.totalAverageAmount, "0,0"), a = o ? L(n.recalculate_previous_budget, T(o.amount, "0,0")) : n.recalculate_new_budget;
-      return `${r} - ${a}`;
+      const a = i.find((c) => c.category_guid === t.guid), r = T(t.totalAverageAmount, "0,0"), o = a ? L(n.recalculate_previous_budget, T(a.amount, "0,0")) : n.recalculate_new_budget;
+      return `${r} - ${o}`;
     }, [n, i]);
     return /* @__PURE__ */ m(l.Fragment, { children: [
       /* @__PURE__ */ e(V, { children: /* @__PURE__ */ m(Y, { children: [
@@ -82,8 +82,8 @@ const dt = I(() => {
     ] }, t.guid);
   }
 ), mt = ({ onRecalculateBudgets: t }) => {
-  const { budgets: n, common: i } = w(), { spendCategories: s } = F(), { recalculateBudgets: o, setAlert: r } = D(), [a, c] = l.useState(!1), d = s.filter((u) => u.totalAverageAmount > 0), g = async () => {
-    await o(d), c(!1), r(n.alert_recalculated_budgets), t?.();
+  const { budgets: n, common: i } = w(), { spendCategories: s } = F(), { recalculateBudgets: a, setAlert: r } = D(), [o, c] = l.useState(!1), d = s.filter((u) => u.totalAverageAmount > 0), g = async () => {
+    await a(d), c(!1), r(n.alert_recalculated_budgets), t?.();
   };
   return /* @__PURE__ */ m(l.Fragment, { children: [
     /* @__PURE__ */ e(Te, { onClick: () => c(!0), sx: { mt: 24, mx: 24 }, variant: "text", children: n.recalculate_button }),
@@ -92,12 +92,12 @@ const dt = I(() => {
       P,
       {
         ariaLabelClose: i.close_aria,
-        isOpen: a,
+        isOpen: o,
         onClose: () => c(!1),
         onPrimaryAction: g,
         title: n.recalculate_title,
-        children: /* @__PURE__ */ m(C, { children: [
-          /* @__PURE__ */ m(C, { mx: 24, my: 16, children: [
+        children: /* @__PURE__ */ m(B, { children: [
+          /* @__PURE__ */ m(B, { mx: 24, my: 16, children: [
             /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: n.recalculate_description_top }),
             /* @__PURE__ */ e(y, { variant: "ParagraphSmall", children: n.recalculate_description_bottom })
           ] }),
@@ -111,12 +111,12 @@ const dt = I(() => {
   categoryName: n,
   onAmountChanged: i
 }) => {
-  const { budgets: s } = w(), { totalBudgeted: o } = D(), { incomeTotal: r } = ne(), a = r - o;
-  return /* @__PURE__ */ m(C, { gap: 16, children: [
-    /* @__PURE__ */ m(C, { children: [
+  const { budgets: s } = w(), { totalBudgeted: a } = D(), { incomeTotal: r } = ne(), o = r - a;
+  return /* @__PURE__ */ m(B, { gap: 16, children: [
+    /* @__PURE__ */ m(B, { children: [
       /* @__PURE__ */ e(y, { children: L(
         s.add_description_top,
-        T(a, "0,0")
+        T(o, "0,0")
       ) }),
       /* @__PURE__ */ e(y, { children: L(s.add_description_bottom, n) })
     ] }),
@@ -133,7 +133,7 @@ const dt = I(() => {
     )
   ] });
 }, gt = I(({ category: t, onAddBudget: n }) => {
-  const { budgets: i, common: s } = w(), [o, r] = l.useState(!1), [a, c] = l.useState(
+  const { budgets: i, common: s } = w(), [a, r] = l.useState(!1), [o, c] = l.useState(
     `${t.totalAmount === 0 ? "" : t.totalAmount}`
   );
   return /* @__PURE__ */ m(l.Fragment, { children: [
@@ -152,45 +152,45 @@ const dt = I(() => {
       z,
       {
         copy: { close_aria: s.close_aria, title: i.add_title },
-        disablePrimaryButton: Number(a) <= 0,
-        isOpen: o,
+        disablePrimaryButton: Number(o) <= 0,
+        isOpen: a,
         onClose: () => r(!1),
-        onPrimaryAction: () => n(t, Number(a)),
+        onPrimaryAction: () => n(t, Number(o)),
         primaryText: i.add_save_button,
-        children: /* @__PURE__ */ e(le, { amount: a, categoryName: t.name, onAmountChanged: c })
+        children: /* @__PURE__ */ e(le, { amount: o, categoryName: t.name, onAmountChanged: c })
       }
     )
   ] });
 }), Re = I(({ onAddBudget: t, onRecalculateBudgets: n }) => {
-  const { budgets: i } = w(), { addBudget: s, setAlert: o, unbudgetedCategories: r } = D(), a = async (c, d) => {
-    await s(c, d), t?.(), o(L(i.alert_budget_created, c.name));
+  const { budgets: i } = w(), { addBudget: s, setAlert: a, unbudgetedCategories: r } = D(), o = async (c, d) => {
+    await s(c, d), t?.(), a(L(i.alert_budget_created, c.name));
   };
-  return /* @__PURE__ */ m(C, { children: [
+  return /* @__PURE__ */ m(B, { children: [
     /* @__PURE__ */ e(dt, {}),
     /* @__PURE__ */ e(W, { bgcolor: "background.paper", children: /* @__PURE__ */ e(K, { children: r.map((c) => /* @__PURE__ */ e(
       gt,
       {
         category: c,
-        onAddBudget: a
+        onAddBudget: o
       },
       c.guid
     )) }) }),
     /* @__PURE__ */ e(mt, { onRecalculateBudgets: n })
   ] });
 }), Ce = 5, Le = 100, ee = 25, pt = (t) => {
-  const n = (o) => {
-    o.active || t.alphaTarget(0.3).restart(), o.subject.fx = o.subject.x, o.subject.fy = o.subject.y;
-  }, i = (o) => {
-    o.subject.fx = o.x, o.subject.fy = o.y;
-  }, s = (o) => {
-    o.active || t.alphaTarget(0), o.subject.fx = null, o.subject.fy = null;
+  const n = (a) => {
+    a.active || t.alphaTarget(0.3).restart(), a.subject.fx = a.subject.x, a.subject.fy = a.subject.y;
+  }, i = (a) => {
+    a.subject.fx = a.x, a.subject.fy = a.y;
+  }, s = (a) => {
+    a.active || t.alphaTarget(0), a.subject.fx = null, a.subject.fy = null;
   };
   return E.drag().on("start", n).on("drag", i).on("end", s);
 }, ht = (t) => {
   let n = t.transaction_total / t.amount;
   n < 0 ? n = 0 : n > 1 && (n = 1);
-  const i = n * 2 * Math.PI, s = E.interpolate(0, i), o = E.arc().cornerRadius(5).innerRadius(t.radius - Ce * 2).outerRadius(t.radius - Ce).startAngle(0).endAngle(0);
-  return (r) => (o.endAngle(s(r)), o(t) || "");
+  const i = n * 2 * Math.PI, s = E.interpolate(0, i), a = E.arc().cornerRadius(5).innerRadius(t.radius - Ce * 2).outerRadius(t.radius - Ce).startAngle(0).endAngle(0);
+  return (r) => (a.endAngle(s(r)), a(t) || "");
 }, ft = (t) => {
   E.selectAll(".bubble").call(pt(t));
 }, Be = (t, n, i) => Math.min(Math.max(t, n), i), bt = (t, n, i) => {
@@ -202,39 +202,39 @@ const dt = I(() => {
     E.forceY().y(n / 2).strength(0.02)
   ).on("tick", () => {
     const s = t.nodes();
-    s.forEach((o) => {
-      const r = o.radius ?? ee;
-      o.x = Be(o.x ?? 0, r, i - r), o.y = Be(o.y ?? 0, r, n - r);
-    }), E.selectAll(".bubble").data(s).attr("transform", (o) => `translate(${o.x},${o.y})`);
+    s.forEach((a) => {
+      const r = a.radius ?? ee;
+      a.x = Be(a.x ?? 0, r, i - r), a.y = Be(a.y ?? 0, r, n - r);
+    }), E.selectAll(".bubble").data(s).attr("transform", (a) => `translate(${a.x},${a.y})`);
   });
 }, ke = (t, n) => E.scaleLinear().domain([t, n]).range([ee, Le]), yt = (t) => {
-  const n = t.reduce((r, a) => {
-    const c = Math.max(a.transaction_total, a.amount);
+  const n = t.reduce((r, o) => {
+    const c = Math.max(o.transaction_total, o.amount);
     return c > r ? c : r;
-  }, 0), i = t.reduce((r, a) => {
-    const c = Math.max(a.transaction_total, a.amount);
+  }, 0), i = t.reduce((r, o) => {
+    const c = Math.max(o.transaction_total, o.amount);
     return c < r ? c : r;
-  }, n), s = ke(i, n), o = t.map((r) => {
-    const a = s(Math.max(r.transaction_total, r.amount)) || 25;
+  }, n), s = ke(i, n), a = t.map((r) => {
+    const o = s(Math.max(r.transaction_total, r.amount)) || 25;
     return {
       ...r,
-      radius: a
+      radius: o
     };
   });
-  return E.forceSimulation(o).velocityDecay(0.05).force("collide", E.forceCollide((r) => r.radius + 2).strength(0.7));
+  return E.forceSimulation(a).velocityDecay(0.05).force("collide", E.forceCollide((r) => r.radius + 2).strength(0.7));
 }, _t = (t, n, i) => {
-  const o = Math.PI * ee ** 2 * t, r = i < 400 || n < 300, a = r ? 40 : 20, c = Math.max(100, i - a), d = Math.max(100, n - a), g = c * d;
+  const a = Math.PI * ee ** 2 * t, r = i < 400 || n < 300, o = r ? 40 : 20, c = Math.max(100, i - o), d = Math.max(100, n - o), g = c * d;
   let u = ee;
-  if (o < g) {
+  if (a < g) {
     const f = Math.sqrt(g / (t * Math.PI)), h = Math.min(c, d) / 4;
     u = Math.min(Le, f, h);
   }
   return r && t <= 3 && (u = Math.min(u, 45)), { minRadius: Math.max(20, u * 0.6), maxRadius: u };
-}, Ct = (t, n, i, s, o) => {
-  const { maxRadius: r, minRadius: a } = _t(t, n, o);
-  return E.scaleLinear().domain([s, i]).range([a, r]);
-}, Bt = (t, n, i = !1, s, o) => {
-  const r = n.map((g) => Math.max(g.transaction_total, g.amount)), a = Math.min(...r), c = Math.max(...r), d = i ? Ct(t.length, s, c, a, o) : ke(a, c);
+}, Ct = (t, n, i, s, a) => {
+  const { maxRadius: r, minRadius: o } = _t(t, n, a);
+  return E.scaleLinear().domain([s, i]).range([o, r]);
+}, Bt = (t, n, i = !1, s, a) => {
+  const r = n.map((g) => Math.max(g.transaction_total, g.amount)), o = Math.min(...r), c = Math.max(...r), d = i ? Ct(t.length, s, c, o, a) : ke(o, c);
   return t.map((g) => ({
     ...g,
     radius: d(Math.max(g.transaction_total, g.amount))
@@ -243,13 +243,13 @@ const dt = I(() => {
   const n = te(), {
     amount: i,
     guid: s,
-    budgetColors: { mercury: o },
+    budgetColors: { mercury: a },
     radius: r,
-    transaction_total: a
+    transaction_total: o
   } = t, c = `mercury-${s}`;
   l.useEffect(() => {
-    E.select(`.${c}`).selectAll(".status").remove(), E.select(`.${c}`).append("path").transition().duration(St).delay(0).attr("class", "status").attr("style", `fill: ${o}; fill-opacity: 1;`).attrTween("d", () => ht(t));
-  }, [i, r, a]);
+    E.select(`.${c}`).selectAll(".status").remove(), E.select(`.${c}`).append("path").transition().duration(St).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => ht(t));
+  }, [i, r, o]);
   const d = E.arc().innerRadius((g) => g - 2 * Se).outerRadius((g) => g - Se).startAngle(0).endAngle(2 * Math.PI);
   return /* @__PURE__ */ e("g", { className: c, children: /* @__PURE__ */ e(
     "path",
@@ -261,7 +261,7 @@ const dt = I(() => {
 }, At = l.memo(xt), j = 75, me = 50;
 function vt({ bubble: t, isDraggable: n, onClick: i = () => {
 } }) {
-  const [s, o] = l.useState(!1), r = qe(), { availableWidth: a } = oe(), c = l.useMemo(() => {
+  const [s, a] = l.useState(!1), r = qe(), { availableWidth: o } = oe(), c = l.useMemo(() => {
     if (t)
       return {
         amount: t.amount,
@@ -278,13 +278,13 @@ function vt({ bubble: t, isDraggable: n, onClick: i = () => {
     guid: f,
     description: h,
     radius: p,
-    x: B,
+    x: C,
     y: b
-  } = t, S = a < 400 ? -8 : -12;
+  } = t, S = o < 400 ? -8 : -12;
   let A = S, v = S;
   p > j ? (A = -14, v = -45) : p > me && (v = -32);
   let x = 32;
-  p <= j && (x = a < 400 ? 16 : 24);
+  p <= j && (x = o < 400 ? 16 : 24);
   const O = `${t.category.name}: ${h}`, M = {
     modifiers: [
       {
@@ -295,9 +295,9 @@ function vt({ bubble: t, isDraggable: n, onClick: i = () => {
   }, R = (k) => {
     (k.key === "Enter" || k.key === " ") && (k.preventDefault(), i(t));
   }, N = () => {
-    o(!0);
+    a(!0);
   }, de = () => {
-    o(!1);
+    a(!1);
   };
   return /* @__PURE__ */ m(
     "g",
@@ -309,13 +309,13 @@ function vt({ bubble: t, isDraggable: n, onClick: i = () => {
       onClick: () => i(t),
       onFocus: N,
       onKeyDown: R,
-      onMouseEnter: () => o(!0),
-      onMouseLeave: () => o(!1),
+      onMouseEnter: () => a(!0),
+      onMouseLeave: () => a(!1),
       role: "button",
       style: { cursor: n ? "pointer" : "default" },
       tabIndex: 0,
       textAnchor: "middle",
-      x: B,
+      x: C,
       y: b,
       children: [
         /* @__PURE__ */ e("style", { children: `
@@ -380,13 +380,13 @@ const Tt = ({
   onClick: s = () => {
   }
 }) => {
-  const [o, r] = l.useState([]), a = l.useRef(null), c = l.useRef(!1), { detailedBudgets: d } = D(), g = l.useCallback(() => {
-    const u = a.current, _ = yt(d), f = _.nodes();
+  const [a, r] = l.useState([]), o = l.useRef(null), c = l.useRef(!1), { detailedBudgets: d } = D(), g = l.useCallback(() => {
+    const u = o.current, _ = yt(d), f = _.nodes();
     if (u) {
-      const h = u.nodes(), p = new Map(h.map((B) => [B.guid, B]));
-      f.forEach((B) => {
-        const b = p.get(B.guid);
-        b && Object.assign(B, {
+      const h = u.nodes(), p = new Map(h.map((C) => [C.guid, C]));
+      f.forEach((C) => {
+        const b = p.get(C.guid);
+        b && Object.assign(C, {
           vx: b.vx,
           vy: b.vy,
           x: b.x,
@@ -394,28 +394,28 @@ const Tt = ({
         });
       });
     }
-    a.current = _, c.current = !1, r(f);
+    o.current = _, c.current = !1, r(f);
   }, [d]);
   return l.useEffect(() => {
     g();
   }, [g]), l.useEffect(() => () => {
-    a.current && (a.current.stop(), a.current = null);
+    o.current && (o.current.stop(), o.current = null);
   }, []), l.useEffect(() => {
-    const u = a.current;
+    const u = o.current;
     if (!u) return;
     const _ = u.nodes(), f = n > 0 && n < 450 || t > 0 && t < 300, h = Bt(_, d, f, t, n);
     u.nodes(h), bt(u, t, n), i && setTimeout(() => {
       ft(u);
     }, 0), r([...h]);
-  }, [t, n, i, d]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(n), children: o.map((u) => /* @__PURE__ */ e(vt, { bubble: u, isDraggable: i, onClick: s }, u.guid)) });
+  }, [t, n, i, d]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(n), children: a.map((u) => /* @__PURE__ */ e(vt, { bubble: u, isDraggable: i, onClick: s }, u.guid)) });
 }, wt = I(Tt), Dt = ({
   isMiniWidget: t = !1,
   onConnectAccountsClick: n,
   createBudgetOnClick: i
 }) => {
-  const { recalculateBudgets: s } = D(), { spendCategories: o } = F(), { budgets: r } = w(), { availableWidth: a } = oe(), { isMobile: c } = ce(a), d = t && c, [g, u] = l.useState(!1), [_, f] = l.useState(!1), [h, p] = l.useState(!1), B = l.useMemo(() => [...o.filter((S) => S.totalAverageAmount > 0)], [o]), b = async () => {
+  const { recalculateBudgets: s } = D(), { spendCategories: a } = F(), { budgets: r } = w(), { availableWidth: o } = oe(), { isMobile: c } = ce(o), d = t && c, [g, u] = l.useState(!1), [_, f] = l.useState(!1), [h, p] = l.useState(!1), C = l.useMemo(() => [...a.filter((S) => S.totalAverageAmount > 0)], [a]), b = async () => {
     p(!0);
-    const { data: S, isSuccess: A } = await s(B);
+    const { data: S, isSuccess: A } = await s(C);
     p(!1), A ? (S.length === 0 && f(!0), u(!1)) : u(!0);
   };
   return h ? /* @__PURE__ */ e(U, {}) : g ? /* @__PURE__ */ e(
@@ -497,24 +497,24 @@ const Tt = ({
     height: n,
     isDraggable: i = !1,
     isMiniWidget: s = !1,
-    shouldShowZeroState: o,
+    shouldShowZeroState: a,
     unavailableWidth: r = 24
   }) => {
-    const { onEvent: a } = X(), { setSelectedBudget: c } = D(), { isLoadingCategoryTotals: d } = F(), { isInitialized: g } = ae(), { accounts: u } = w(), { availableWidth: _ } = oe(), { isMobile: f } = ce(), [h, p] = l.useState(!1), B = l.useMemo(() => _ - r, [_]), b = (A) => {
-      c(A), a($.BUDGETS_CLICK_BUDGET_CATEGORY, {
+    const { onEvent: o } = X(), { setSelectedBudget: c } = D(), { isLoadingCategoryTotals: d } = F(), { isInitialized: g } = ae(), { accounts: u } = w(), { availableWidth: _ } = oe(), { isMobile: f } = ce(), [h, p] = l.useState(!1), C = l.useMemo(() => _ - r, [_]), b = (A) => {
+      c(A), o($.BUDGETS_CLICK_BUDGET_CATEGORY, {
         budget_category: A.category.name,
         click_type: "bubble"
       });
     }, S = () => {
-      p(!0), a($.ACCOUNTS_CLICK_CONNECT);
+      p(!0), o($.ACCOUNTS_CLICK_CONNECT);
     };
-    return d ? /* @__PURE__ */ e(C, { alignItems: "center", height: n, justifyContent: "center", width: Math.abs(B), children: /* @__PURE__ */ e(U, {}) }) : /* @__PURE__ */ m(
+    return d ? /* @__PURE__ */ e(B, { alignItems: "center", height: n, justifyContent: "center", width: Math.abs(C), children: /* @__PURE__ */ e(U, {}) }) : /* @__PURE__ */ m(
       W,
       {
-        ml: o || f ? 0 : 24,
+        ml: a || f ? 0 : 24,
         sx: { alignSelf: "center", ...s && { height: "100%" } },
         children: [
-          o || !g ? /* @__PURE__ */ e(
+          a || !g ? /* @__PURE__ */ e(
             Dt,
             {
               createBudgetOnClick: t,
@@ -527,7 +527,7 @@ const Tt = ({
               height: n,
               isDraggable: i,
               onClick: b,
-              width: B
+              width: C
             }
           ),
           /* @__PURE__ */ e(
@@ -548,20 +548,20 @@ const Tt = ({
   handleAddClick: i,
   shouldShowZeroState: s
 }) => {
-  const { availableHeight: o = 0 } = oe(), r = l.useRef(null);
+  const { availableHeight: a = 0 } = oe(), r = l.useRef(null);
   l.useEffect(() => {
-    o > 0 && r.current === null && (r.current = o);
-  }, [o]);
-  const a = l.useMemo(() => {
-    const c = r.current ?? o;
+    a > 0 && r.current === null && (r.current = a);
+  }, [a]);
+  const o = l.useMemo(() => {
+    const c = r.current ?? a;
     return c > 0 ? Math.round(Math.max(120, Math.min(450, c * 0.8))) - 40 : 450;
-  }, [o]);
-  return /* @__PURE__ */ m(C, { sx: { height: "100%", justifyContent: "space-between" }, children: [
+  }, [a]);
+  return /* @__PURE__ */ m(B, { sx: { height: "100%", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(
       Ne,
       {
         createBudgetOnClick: i,
-        height: a,
+        height: o,
         isMiniWidget: !0,
         shouldShowZeroState: s
       }
@@ -572,18 +572,18 @@ const Tt = ({
     ] })
   ] });
 }, Et = (t) => {
-  const n = te(), { onEvent: i } = X(), { detailedBudgets: s, isDataLoaded: o, loadBudgetData: r, setTheme: a } = D(), { budgets: c, common: d } = w(), { isCopyLoaded: g, isInitialized: u, selectedAccounts: _ } = ae(), { reloadCategoryTotals: f } = F(), h = Qe(), p = s.length === 0, [B, b] = l.useState(!1), S = () => {
+  const n = te(), { onEvent: i } = X(), { detailedBudgets: s, isDataLoaded: a, loadBudgetData: r, setTheme: o } = D(), { budgets: c, common: d } = w(), { isCopyLoaded: g, isInitialized: u, selectedAccounts: _ } = ae(), { reloadCategoryTotals: f } = F(), h = Qe(), p = s.length === 0, [C, b] = l.useState(!1), S = () => {
     b(!0), i($.BUDGETS_CLICK_ADD);
   }, A = () => {
     b(!1);
   }, v = () => b(!1);
   return we({
     widgetName: "BubbleBudgetsMiniWidget",
-    isLoaded: o
+    isLoaded: a
   }), l.useEffect(() => {
-    a(n);
+    o(n);
   }, [n]), l.useEffect(() => {
-    u && !o && f(_, Q(/* @__PURE__ */ new Date()), ge(/* @__PURE__ */ new Date())).then(
+    u && !a && f(_, Q(/* @__PURE__ */ new Date()), ge(/* @__PURE__ */ new Date())).then(
       () => {
         r().finally();
       }
@@ -597,7 +597,7 @@ const Tt = ({
       title: c.budgets_title,
       ...t,
       children: [
-        o ? /* @__PURE__ */ e(
+        a ? /* @__PURE__ */ e(
           It,
           {
             budgetsCopy: c,
@@ -610,7 +610,7 @@ const Tt = ({
           P,
           {
             ariaLabelClose: d.close_aria,
-            isOpen: B,
+            isOpen: C,
             onClose: () => b(!1),
             title: c.add_new_title,
             children: /* @__PURE__ */ e(
@@ -630,24 +630,24 @@ const Tt = ({
     amount: n,
     budgetColors: { background: i },
     category: { name: s },
-    category_guid: o,
+    category_guid: a,
     percentage: r,
-    transaction_total: a
+    transaction_total: o
   } = t, c = [
     {
       color: i,
       percentage: `${r}%`
     }
   ];
-  return /* @__PURE__ */ e(he, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ m(C, { alignItems: "center", gap: 16, children: [
-    /* @__PURE__ */ e(H, { categoryGuid: o, size: 56 }),
-    /* @__PURE__ */ e(He, { children: `${T(a, "0,0")} / ${T(n, "0,0")}` }),
+  return /* @__PURE__ */ e(he, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ m(B, { alignItems: "center", gap: 16, children: [
+    /* @__PURE__ */ e(H, { categoryGuid: a, size: 56 }),
+    /* @__PURE__ */ e(He, { children: `${T(o, "0,0")} / ${T(n, "0,0")}` }),
     /* @__PURE__ */ e(y, { bold: !0, variant: "XSmall", children: s }),
     /* @__PURE__ */ e(pe, { data: c, height: 10 })
   ] }) }) });
 }, Ot = I(() => {
   const { budgets: t } = w();
-  return /* @__PURE__ */ m(C, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
+  return /* @__PURE__ */ m(B, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
     /* @__PURE__ */ e(G, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
     /* @__PURE__ */ e(y, { bold: !0, color: "secondary", variant: "Small", children: t.zero_state_no_sub_budgets }),
     /* @__PURE__ */ e(y, { color: "text.secondary", variant: "XSmall", children: t.zero_state_no_sub_budgets_description })
@@ -657,16 +657,16 @@ const Tt = ({
     amount: n,
     budgetColors: { background: i },
     category: s,
-    percentage: o,
+    percentage: a,
     transaction_total: r
-  } = t, { setSelectedSubBudget: a } = D();
-  return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ m(Y, { onClick: () => a(t), children: [
-    /* @__PURE__ */ e(ie, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Oe, { color: i, percent: o, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: s.parent_guid, variant: "basic" }) }) }),
+  } = t, { setSelectedSubBudget: o } = D();
+  return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ m(Y, { onClick: () => o(t), children: [
+    /* @__PURE__ */ e(ie, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Oe, { color: i, percent: a, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: s.parent_guid, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
       Z,
       {
-        primary: /* @__PURE__ */ e(C, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: t.category.name }) }),
-        secondary: /* @__PURE__ */ e(C, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(y, { fontWeight: 400, variant: "Body", children: `
+        primary: /* @__PURE__ */ e(B, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: t.category.name }) }),
+        secondary: /* @__PURE__ */ e(B, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(y, { fontWeight: 400, variant: "Body", children: `
                   ${T(r, "0,0")} / 
                   ${T(n, "0,0")}
                 ` }) })
@@ -674,21 +674,21 @@ const Tt = ({
     )
   ] }) });
 }), Rt = I(({ category: t, parentBudget: n }) => {
-  const { budgets: i, common: s } = w(), { setExpandedGuid: o, setOnSelect: r } = rt(), { addBudget: a } = D(), [c, d] = l.useState(!1), [g, u] = l.useState(!1), [_, f] = l.useState(""), [h, p] = l.useState(void 0);
+  const { budgets: i, common: s } = w(), { setExpandedGuid: a, setOnSelect: r } = rt(), { addBudget: o } = D(), [c, d] = l.useState(!1), [g, u] = l.useState(!1), [_, f] = l.useState(""), [h, p] = l.useState(void 0);
   l.useEffect(() => {
     r((S) => {
       const A = t.subCategories.find((v) => v.guid === S);
       A && (p(A), f(`${A.currentAmount === 0 ? "" : A.currentAmount}`), u(!0));
     });
   }, []);
-  const B = () => {
-    o(t.guid), d(!0);
+  const C = () => {
+    a(t.guid), d(!0);
   }, b = async () => {
-    h && Number(_) > 0 && (await a(h, Number(_), n.guid), u(!1), d(!1), p(void 0));
+    h && Number(_) > 0 && (await o(h, Number(_), n.guid), u(!1), d(!1), p(void 0));
   };
   return /* @__PURE__ */ m(W, { children: [
-    /* @__PURE__ */ e(V, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(Y, { onClick: B, children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ m(C, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ m(C, { alignItems: "center", direction: "row", gap: 8, children: [
+    /* @__PURE__ */ e(V, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(Y, { onClick: C, children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ m(B, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ m(B, { alignItems: "center", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(G, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
         /* @__PURE__ */ e(y, { bold: !0, sx: { color: "primary.light" }, variant: "Body", children: i.add_sub_budget_button })
       ] }),
@@ -726,20 +726,20 @@ const Tt = ({
     )
   ] });
 }), Lt = I(({ budget: t }) => {
-  const { category: n, subBudgets: i } = t, { budgets: s, common: o } = w(), { deleteBudget: r, selectedSubBudget: a, setSelectedSubBudget: c, updateBudget: d } = D(), { filter: g, setFilter: u } = re(), [_, f] = l.useState(!1), [h, p] = l.useState(!1), [B, b] = l.useState("");
+  const { category: n, subBudgets: i } = t, { budgets: s, common: a } = w(), { deleteBudget: r, selectedSubBudget: o, setSelectedSubBudget: c, updateBudget: d } = D(), { filter: g, setFilter: u } = re(), [_, f] = l.useState(!1), [h, p] = l.useState(!1), [C, b] = l.useState("");
   l.useEffect(() => {
-    a && (b(`${a.amount}`), u({
+    o && (b(`${o.amount}`), u({
       ...g,
-      custom: (x) => x.category_guid === a.category_guid
+      custom: (x) => x.category_guid === o.category_guid
     }));
-  }, [a]);
+  }, [o]);
   const S = async () => {
-    a && await d({
-      ...a,
-      amount: Number(B)
+    o && await d({
+      ...o,
+      amount: Number(C)
     });
   }, A = async () => {
-    a && await r(a.guid), p(!1), v();
+    o && await r(o.guid), p(!1), v();
   }, v = () => {
     u({
       ...g,
@@ -757,26 +757,26 @@ const Tt = ({
     /* @__PURE__ */ e(
       P,
       {
-        ariaLabelClose: o.close_aria,
-        isOpen: !!a,
+        ariaLabelClose: a.close_aria,
+        isOpen: !!o,
         onClose: v,
         onPrimaryAction: () => f(!0),
         onSecondaryAction: () => p(!0),
         primaryText: s.details_edit_button,
         secondaryText: s.details_delete_button,
         title: s.details_title,
-        children: a && /* @__PURE__ */ m(C, { gap: 24, children: [
-          /* @__PURE__ */ e($e, { budget: a }),
+        children: o && /* @__PURE__ */ m(B, { gap: 24, children: [
+          /* @__PURE__ */ e($e, { budget: o }),
           /* @__PURE__ */ e(Ee, { height: "100%" })
         ] })
       }
     ),
-    a && /* @__PURE__ */ m(l.Fragment, { children: [
+    o && /* @__PURE__ */ m(l.Fragment, { children: [
       /* @__PURE__ */ e(
         z,
         {
-          copy: { close_aria: o.close_aria, title: s.details_edit_title },
-          disablePrimaryButton: Number(B) <= 0,
+          copy: { close_aria: a.close_aria, title: s.details_edit_title },
+          disablePrimaryButton: Number(C) <= 0,
           isOpen: _,
           onClose: () => f(!1),
           onPrimaryAction: S,
@@ -784,8 +784,8 @@ const Tt = ({
           children: /* @__PURE__ */ e(
             le,
             {
-              amount: B,
-              categoryName: a.category.name,
+              amount: C,
+              categoryName: o.category.name,
               onAmountChanged: b
             }
           )
@@ -794,34 +794,34 @@ const Tt = ({
       /* @__PURE__ */ e(
         z,
         {
-          copy: { close_aria: o.close_aria, title: s.delete_title },
+          copy: { close_aria: a.close_aria, title: s.delete_title },
           isOpen: h,
           onClose: () => p(!1),
           onPrimaryAction: A,
           primaryColor: "error",
           primaryText: "Delete",
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(y, { variant: "Paragraph", children: L(s.delete_description, a.category.name) })
+          children: /* @__PURE__ */ e(y, { variant: "Paragraph", children: L(s.delete_description, o.category.name) })
         }
       )
     ] })
   ] });
 }), kt = I(({ budget: t }) => {
-  const { is_mobile_webview: n } = Ke(), { setAlert: i } = D(), { budgets: s, common: o, transactions: r } = w(), { isDesktop: a, isSmallTablet: c, isTablet: d } = ce(), {
+  const { is_mobile_webview: n } = Ke(), { setAlert: i } = D(), { budgets: s, common: a, transactions: r } = w(), { isDesktop: o, isSmallTablet: c, isTablet: d } = ce(), {
     sortedTransactions: g,
     sortedTransactionsWithSplits: u,
     tags: _
-  } = re(), [f, h] = l.useState(0), [p, B] = l.useState(""), b = l.useMemo(
+  } = re(), [f, h] = l.useState(0), [p, C] = l.useState(""), b = l.useMemo(
     () => g.find((x) => x.guid === p),
     [p, g]
   ), S = (x, O) => {
     h(O);
   }, A = () => {
     ot(u, _), i(s.alert_csv_downloaded);
-  }, v = g.length > 0 && !n && (a || d && !c);
-  return /* @__PURE__ */ m(C, { gap: 24, children: [
+  }, v = g.length > 0 && !n && (o || d && !c);
+  return /* @__PURE__ */ m(B, { gap: 24, children: [
     /* @__PURE__ */ e($e, { budget: t }),
-    /* @__PURE__ */ m(C, { children: [
+    /* @__PURE__ */ m(B, { children: [
       /* @__PURE__ */ m(
         nt,
         {
@@ -836,8 +836,8 @@ const Tt = ({
           ]
         }
       ),
-      f === 0 && /* @__PURE__ */ m(C, { children: [
-        v && /* @__PURE__ */ e(C, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
+      f === 0 && /* @__PURE__ */ m(B, { children: [
+        v && /* @__PURE__ */ e(B, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
           Te,
           {
             onClick: A,
@@ -846,15 +846,15 @@ const Tt = ({
             children: r.export_csv_btn
           }
         ) }),
-        /* @__PURE__ */ e(Ee, { height: "100%", onClick: B })
+        /* @__PURE__ */ e(Ee, { height: "100%", onClick: C })
       ] }),
       f === 1 && /* @__PURE__ */ e(Lt, { budget: t }),
       /* @__PURE__ */ e(
         P,
         {
-          ariaLabelClose: o.close_aria,
+          ariaLabelClose: a.close_aria,
           isOpen: !!b,
-          onClose: () => B(""),
+          onClose: () => C(""),
           title: s.details_transaction_drawer,
           children: b && /* @__PURE__ */ e(at, { transaction: b })
         }
@@ -864,86 +864,86 @@ const Tt = ({
 }), Nt = I(() => {
   const { selectedAccountGuids: t } = ae(), { budgets: n, common: i } = w(), {
     alert: s,
-    dateRange: o,
+    dateRange: a,
     deleteBudget: r,
-    selectedBudget: a,
+    selectedBudget: o,
     selectedSubBudget: c,
     setAlert: d,
     setSelectedBudget: g,
     updateBudget: u
-  } = D(), { setFilter: _ } = re(), [f, h] = l.useState(!1), [p, B] = l.useState(!1), [b, S] = l.useState(!1), [A, v] = l.useState("");
+  } = D(), { setFilter: _ } = re(), [f, h] = l.useState(!1), [p, C] = l.useState(!1), [b, S] = l.useState(!1), [A, v] = l.useState("");
   l.useEffect(() => {
-    a && !c && (v(`${a.amount}`), h(!0), _({
+    o && !c && (v(`${o.amount}`), h(!0), _({
       accounts: t,
-      dateRange: o,
-      custom: (N) => N.category_guid === a.category_guid || N.top_level_category_guid === a.category_guid,
+      dateRange: a,
+      custom: (N) => N.category_guid === o.category_guid || N.top_level_category_guid === o.category_guid,
       showSplits: !0
     }));
-  }, [a]);
+  }, [o]);
   const x = async () => {
-    a && (await u({
-      ...a,
+    o && (await u({
+      ...o,
       amount: Number(A),
-      percentage: a.category.totalAmount / Number(A) * 100
-    }), d(L(n.alert_budget_updated, a.category.name)));
+      percentage: o.category.totalAmount / Number(A) * 100
+    }), C(!1), d(L(n.alert_budget_updated, o.category.name)));
   }, O = async () => {
-    a && (await r(a.guid), d(L(n.alert_budget_deleted, a.category.name))), M();
+    o && (await r(o.guid), d(L(n.alert_budget_deleted, o.category.name))), M();
   }, M = () => {
     h(!1), setTimeout(() => {
       g(void 0);
     }, 250);
   }, R = () => {
-    d(""), B(!1);
+    C(!1), v(`${o?.amount}`);
   };
-  if (a)
+  if (o)
     return /* @__PURE__ */ m(l.Fragment, { children: [
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ m(
         P,
         {
           ariaLabelClose: i.close_aria,
           isOpen: f,
           onClose: M,
-          onPrimaryAction: () => B(!0),
+          onPrimaryAction: () => C(!0),
           onSecondaryAction: () => S(!0),
           primaryText: n.details_edit_button,
           secondaryColor: "error",
           secondaryText: n.details_delete_button,
           title: n.details_title,
-          children: /* @__PURE__ */ e(kt, { budget: a })
-        }
-      ),
-      /* @__PURE__ */ m(
-        z,
-        {
-          copy: { close_aria: i.close_aria, title: n.details_edit_title },
-          disablePrimaryButton: Number(A) <= 0,
-          isOpen: p,
-          onClose: () => {
-          },
-          onPrimaryAction: x,
-          primaryText: n.edit_save_button,
           children: [
-            /* @__PURE__ */ e(
-              le,
-              {
-                amount: A,
-                categoryName: a.category.name,
-                onAmountChanged: v
-              }
-            ),
+            /* @__PURE__ */ e(kt, { budget: o }),
             /* @__PURE__ */ e(
               Ie,
               {
                 anchorOrigin: { vertical: "bottom", horizontal: "right" },
                 autoHideDuration: 3500,
-                onClose: R,
+                onClose: () => d(""),
                 open: !!s,
-                children: /* @__PURE__ */ e(De, { closeText: "", onClose: R, severity: "success", variant: "filled", children: s })
+                children: /* @__PURE__ */ e(De, { closeText: "", onClose: () => d(""), severity: "success", variant: "filled", children: s })
               }
             )
           ]
         }
       ),
+      /* @__PURE__ */ e(
+        z,
+        {
+          copy: { close_aria: i.close_aria, title: n.details_edit_title },
+          disablePrimaryButton: Number(A) <= 0,
+          isOpen: p,
+          onClose: R,
+          onPrimaryAction: x,
+          onSecondaryAction: R,
+          primaryText: n.edit_save_button,
+          children: /* @__PURE__ */ e(
+            le,
+            {
+              amount: A,
+              categoryName: o.category.name,
+              onAmountChanged: v
+            }
+          )
+        }
+      ),
       /* @__PURE__ */ e(
         z,
         {
@@ -954,16 +954,16 @@ const Tt = ({
           primaryColor: "error",
           primaryText: n.details_delete_button,
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(y, { variant: "Paragraph", children: L(n.delete_description, a.category.name) })
+          children: /* @__PURE__ */ e(y, { variant: "Paragraph", children: L(n.delete_description, o.category.name) })
         }
       )
     ] });
 }), $t = ({ budget: t, onClick: n }) => {
   const {
     amount: i,
-    budgetColors: { background: s, description: o },
+    budgetColors: { background: s, description: a },
     category_guid: r,
-    description: a,
+    description: o,
     percentage: c,
     subBudgets: d,
     transaction_total: g
@@ -973,22 +973,22 @@ const Tt = ({
     /* @__PURE__ */ e(
       Z,
       {
-        primary: /* @__PURE__ */ m(C, { component: "span", direction: "row", justifyContent: "space-between", children: [
+        primary: /* @__PURE__ */ m(B, { component: "span", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: t.category.name }),
           /* @__PURE__ */ e(y, { fontWeight: 400, variant: "Body", children: `
                   ${T(g, "0,0")} / 
                   ${T(i, "0,0")}
                 ` })
         ] }),
-        secondary: /* @__PURE__ */ m(C, { component: "span", direction: "row", justifyContent: "space-between", children: [
+        secondary: /* @__PURE__ */ m(B, { component: "span", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ e(y, { variant: "XSmall", children: `${d.length} Sub-budgets` }),
-          /* @__PURE__ */ e(y, { bold: c > 100, color: o, variant: "XSmall", children: a })
+          /* @__PURE__ */ e(y, { bold: c > 100, color: a, variant: "XSmall", children: o })
         ] })
       }
     )
   ] }) });
 }, Pt = I(() => {
-  const { onEvent: t } = X(), { budgets: n } = w(), { detailedBudgets: i, setSelectedBudget: s } = D(), o = (r) => {
+  const { onEvent: t } = X(), { budgets: n } = w(), { detailedBudgets: i, setSelectedBudget: s } = D(), a = (r) => {
     s(r), t($.BUDGETS_CLICK_BUDGET_CATEGORY, {
       budget_category: r.category.name,
       click_type: "list"
@@ -997,12 +997,12 @@ const Tt = ({
   return /* @__PURE__ */ m(he, { elevation: 2, children: [
     /* @__PURE__ */ e(Me, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Ae, { children: n.budget_categories_title }) }),
     /* @__PURE__ */ e(fe, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(K, { children: i.map((r) => /* @__PURE__ */ m(l.Fragment, { children: [
-      /* @__PURE__ */ e($t, { budget: r, onClick: o }),
+      /* @__PURE__ */ e($t, { budget: r, onClick: a }),
       /* @__PURE__ */ e(se, {})
     ] }, r.guid)) }) })
   ] });
 }), Gt = I(() => {
-  const t = te(), { onEvent: n } = X(), { visibleAccounts: i } = ve(), { budgets: s, common: o, recurring: r } = w(), { incomeCategories: a, spendCategories: c } = F(), { detailedBudgets: d, totalBudgeted: g } = D(), { incomeTotal: u } = ne(), { setFilter: _ } = re(), [f, h] = l.useState(!1), [p, B] = l.useMemo(() => {
+  const t = te(), { onEvent: n } = X(), { visibleAccounts: i } = ve(), { budgets: s, common: a, recurring: r } = w(), { incomeCategories: o, spendCategories: c } = F(), { detailedBudgets: d, totalBudgeted: g } = D(), { incomeTotal: u } = ne(), { setFilter: _ } = re(), [f, h] = l.useState(!1), [p, C] = l.useMemo(() => {
     const v = c.reduce((R, N) => R + N.totalAmount, 0);
     let x = v / g;
     x > 1 && (x = 1);
@@ -1017,7 +1017,7 @@ const Tt = ({
     return [v, M];
   }, [d, c]), [b, S] = l.useMemo(() => {
     const v = Math.abs(
-      a.reduce((M, R) => M + R.totalAmount, 0)
+      o.reduce((M, R) => M + R.totalAmount, 0)
     );
     let x = v / u;
     x > 1 && (x = 1);
@@ -1028,7 +1028,7 @@ const Tt = ({
       }
     ];
     return [v, O];
-  }, [a, u]), A = () => {
+  }, [o, u]), A = () => {
     _({
       accounts: i.map((v) => v.guid),
       dateRange: {
@@ -1039,18 +1039,18 @@ const Tt = ({
   };
   return /* @__PURE__ */ m(he, { elevation: 2, sx: { overflow: "visible" }, children: [
     /* @__PURE__ */ e(Me, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Ae, { children: s.overview_title }) }),
-    /* @__PURE__ */ e(fe, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ m(C, { gap: 24, children: [
-      /* @__PURE__ */ m(C, { gap: 8, children: [
+    /* @__PURE__ */ e(fe, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ m(B, { gap: 24, children: [
+      /* @__PURE__ */ m(B, { gap: 8, children: [
         /* @__PURE__ */ e(y, { bold: !0, sx: { mb: 8 }, variant: "Body", children: s.spending_title }),
-        /* @__PURE__ */ e(pe, { data: B, height: 16 }),
+        /* @__PURE__ */ e(pe, { data: C, height: 16 }),
         /* @__PURE__ */ e(y, { variant: "Small", children: L(
           s.spending_description,
           T(p, "0,0"),
           T(g, "0,0")
         ) })
       ] }),
-      /* @__PURE__ */ m(C, { gap: 8, children: [
-        /* @__PURE__ */ m(C, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
+      /* @__PURE__ */ m(B, { gap: 8, children: [
+        /* @__PURE__ */ m(B, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
           /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: s.income_title }),
           /* @__PURE__ */ e(
             ct,
@@ -1073,7 +1073,7 @@ const Tt = ({
     /* @__PURE__ */ e(
       P,
       {
-        ariaLabelClose: o.close_aria,
+        ariaLabelClose: a.close_aria,
         isOpen: f,
         onClose: () => h(!1),
         title: r.manage_income,
@@ -1082,22 +1082,22 @@ const Tt = ({
     )
   ] });
 }), xe = 480, Pn = I(({ onBackClick: t, sx: n }) => {
-  const i = te(), { onEvent: s } = X(), { visibleAccounts: o } = ve(), { budgets: r, common: a } = w(), { isCopyLoaded: c, isInitialized: d, selectedAccounts: g, setDisplayedDate: u, setSelectedAccounts: _ } = ae(), {
+  const i = te(), { onEvent: s } = X(), { visibleAccounts: a } = ve(), { budgets: r, common: o } = w(), { isCopyLoaded: c, isInitialized: d, selectedAccounts: g, setDisplayedDate: u, setSelectedAccounts: _ } = ae(), {
     alert: f,
     dateRange: h,
     isDataLoaded: p,
-    loadBudgetData: B,
+    loadBudgetData: C,
     setDateRange: b,
     setAlert: S,
     setTheme: A,
     detailedBudgets: v
   } = D(), { loadRepeatingTransactions: x, setDateRange: O } = ne(), { reloadCategoryTotals: M } = F(), { isSmallTablet: R, isMobile: N, isSmallMobile: de } = ce(), k = R || N || de, [Pe, q] = l.useState(!1);
-  l.useEffect(() => (A(i), _(o), b({ start: Q(J()), end: ge(J()) }), s($.BUDGETS_VIEW), () => {
+  l.useEffect(() => (A(i), _(a), b({ start: Q(J()), end: ge(J()) }), s($.BUDGETS_VIEW), () => {
     b({ start: Q(J()), end: ge(J()) });
   }), []), l.useEffect(() => {
-    _(o);
-  }, [o]), l.useEffect(() => {
-    d && (u(h.start, h.end), M(g, h.start, h.end).finally(), O(h), p || (x().finally(), B().finally()));
+    _(a);
+  }, [a]), l.useEffect(() => {
+    d && (u(h.start, h.end), M(g, h.start, h.end).finally(), O(h), p || (x().finally(), C().finally()));
   }, [d, g, h]), we({
     widgetName: "BubbleBudgetsWidget",
     isLoaded: p
@@ -1116,7 +1116,7 @@ const Tt = ({
   return !c || !d || !p ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ m(
     Je,
     {
-      accountOptions: o,
+      accountOptions: a,
       actions: [
         {
           iconName: "add",
@@ -1136,14 +1136,14 @@ const Tt = ({
       children: [
         (!d || !p) && /* @__PURE__ */ e(U, {}),
         d && p && /* @__PURE__ */ m(
-          C,
+          B,
           {
             direction: k ? "column" : "row",
             height: "100%",
             sx: { justifyContent: "center" },
             width: "100%",
             children: [
-              /* @__PURE__ */ e(C, { height: k ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(B, { height: k ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
                 Ne,
                 {
                   createBudgetOnClick: be,
@@ -1154,7 +1154,7 @@ const Tt = ({
                 }
               ) }),
               v.length !== 0 && /* @__PURE__ */ m(
-                C,
+                B,
                 {
                   gap: 24,
                   height: "100%",
@@ -1173,7 +1173,7 @@ const Tt = ({
         /* @__PURE__ */ e(
           P,
           {
-            ariaLabelClose: a.close_aria,
+            ariaLabelClose: o.close_aria,
             isOpen: Pe,
             onClose: () => q(!1),
             title: r.add_new_title,

package/package.json

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