@mx-cartographer/experiences 8.0.18 → 8.0.20

package/dist/budgets/index.es.js

@@ -1,96 +1,96 @@
 import { jsxs as m, jsx as e, Fragment as Ke } from "react/jsx-runtime";
 import l from "react";
 import { observer as I } from "mobx-react-lite";
-import { endOfMonth as Ce } from "date-fns/endOfMonth";
+import { endOfMonth as Be } from "date-fns/endOfMonth";
 import { isAfter as Ye } from "date-fns/isAfter";
-import { startOfMonth as ae } from "date-fns/startOfMonth";
-import { startOfToday as oe } from "date-fns/startOfToday";
-import Se from "@mui/material/Alert";
-import xe from "@mui/material/Snackbar";
+import { startOfMonth as se } from "date-fns/startOfMonth";
+import { startOfToday as ae } from "date-fns/startOfToday";
+import xe from "@mui/material/Alert";
+import Ae from "@mui/material/Snackbar";
 import A from "@mui/material/Stack";
-import se from "@mui/material/styles/useTheme";
-import V from "@mui/material/Box";
-import K from "@mui/material/List";
-import { Text as B, CategoryIcon as H, Icon as j, H3 as Le } from "@mxenabled/mxui";
-import { u as E, m as w, i as ie, l as Y, p as ce, a as Ne, g as X, b as Z, h as q, d as ke } from "../hooks-BxkfR-Ff.mjs";
+import ce from "@mui/material/styles/useTheme";
+import Y from "@mui/material/Box";
+import X from "@mui/material/List";
+import { Text as C, CategoryIcon as H, Icon as z, H3 as Le } from "@mxenabled/mxui";
+import { u as E, m as w, i as le, l as Z, p as de, a as Ne, g as q, b as J, h as Q, d as ke } from "../hooks-BxkfR-Ff.mjs";
 import { f as D } from "../NumberFormatting-QCaNwbjv.mjs";
 import $e from "@mui/material/Button";
-import le from "@mui/material/Divider";
-import J from "@mui/material/ListItem";
-import de from "@mui/material/ListItemAvatar";
-import Q from "@mui/material/ListItemButton";
-import ee from "@mui/material/ListItemText";
-import { b as L } from "../Localization-CPkpIwIx.mjs";
+import ue from "@mui/material/Divider";
+import ee from "@mui/material/ListItem";
+import me from "@mui/material/ListItemAvatar";
+import te from "@mui/material/ListItemButton";
+import oe from "@mui/material/ListItemText";
+import { b as R } from "../Localization-CPkpIwIx.mjs";
 import { D as $ } from "../Drawer-Bbe4AMB1.mjs";
 import Xe from "@mui/material/ListItemSecondaryAction";
 import { C as Ze } from "../CurrencyInput-DuMktPu3.mjs";
 import { D as W } from "../Dialog-Ck34yr-d.mjs";
 import { C as qe } from "../ConnectionsDrawer-IA7vnv1J.mjs";
-import * as M from "d3";
+import * as O from "d3";
 import Je from "@mui/material/Tooltip";
 import { useTheme as Ge, alpha as Qe } from "@mui/material/styles";
-import { u as ue } from "../useScreenSize-B6JyS_Lj.mjs";
-import { L as me } from "../Loader-D3rjKx72.mjs";
-import { E as ye } from "../EmptyState-DHAkGsjk.mjs";
-import { A as G } from "../Analytics-0Xm_BjHU.mjs";
+import { u as ge } from "../useScreenSize-CUcpY7aJ.mjs";
+import { L as pe } from "../Loader-D3rjKx72.mjs";
+import { E as _e } from "../EmptyState-DHAkGsjk.mjs";
+import { A as P } from "../Analytics-0Xm_BjHU.mjs";
 import Ee from "@mui/material/Tab";
 import et from "@mui/material/Tabs";
 import { e as tt } from "../exportTransactionsToCSV-DgdB3TBt.mjs";
-import { T as Ae } from "../EmbeddedCard-xngm4vLT.mjs";
-import { T as ot, c as nt } from "../TransactionDetails-KklNHa-s.mjs";
-import ve from "@mui/material/Card";
-import Te from "@mui/material/CardContent";
-import { S as Be } from "../StatusBar-BK_uYHAB.mjs";
+import { T as ve } from "../EmbeddedCard-xngm4vLT.mjs";
+import { T as ot, c as nt } from "../TransactionDetails-D6XZakc-.mjs";
+import Te from "@mui/material/Card";
+import De from "@mui/material/CardContent";
+import { S as Se } from "../StatusBar-BK_uYHAB.mjs";
 import { S as Pe } from "../SingleSegmentDonut-BgbLgwHi.mjs";
 import { u as at, b as rt } from "../CategorySelectorDrawer-Dc9Widy9.mjs";
 import je from "@mui/material/CardHeader";
 import { subDays as st } from "date-fns/subDays";
 import it from "@mui/material/IconButton";
-import { M as ct } from "../ManageIncome-CvfRTf-j.mjs";
+import { M as ct } from "../ManageIncome-BJ7c7plg.mjs";
 import { u as ze } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { W as lt } from "../WidgetContainer-D-pbSa7L.mjs";
-import { u as dt, g as ut, C as mt } from "../BudgetUtil-CLhRnCoX.mjs";
+import { W as lt } from "../WidgetContainer-DYKMArWw.mjs";
+import { u as dt, g as ut, C as mt } from "../BudgetUtil-DZpOoZQa.mjs";
 import { M as gt } from "../MiniWidgetContainer-Bhkv-hpz.mjs";
 import { b as we } from "../CategoryUtil-BVixr0d5.mjs";
 const pt = I(() => {
-  const { budgets: t } = E(), { totalBudgeted: n } = w(), { incomeTotal: c } = ie(), i = c - n;
+  const { budgets: t } = E(), { totalBudgeted: n } = w(), { incomeTotal: c } = le(), i = c - n;
   return /* @__PURE__ */ m(A, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
     /* @__PURE__ */ m(A, { alignItems: "center", children: [
-      /* @__PURE__ */ e(B, { bold: !0, variant: "body1", children: D(c, "0,0") }),
-      /* @__PURE__ */ e(B, { color: "secondary", variant: "body2", children: t.projected_income })
+      /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: D(c, "0,0") }),
+      /* @__PURE__ */ e(C, { color: "secondary", variant: "body2", children: t.projected_income })
     ] }),
-    /* @__PURE__ */ e(B, { bold: !0, justifyContent: "center", variant: "body1", children: "-" }),
+    /* @__PURE__ */ e(C, { bold: !0, justifyContent: "center", variant: "body1", children: "-" }),
     /* @__PURE__ */ m(A, { alignItems: "center", children: [
-      /* @__PURE__ */ e(B, { bold: !0, variant: "body1", children: D(n, "0,0") }),
-      /* @__PURE__ */ e(B, { color: "secondary", variant: "body2", children: t.budgeted })
+      /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: D(n, "0,0") }),
+      /* @__PURE__ */ e(C, { color: "secondary", variant: "body2", children: t.budgeted })
     ] }),
-    /* @__PURE__ */ e(B, { bold: !0, justifyContent: "center", variant: "body1", children: "=" }),
+    /* @__PURE__ */ e(C, { bold: !0, justifyContent: "center", variant: "body1", children: "=" }),
     /* @__PURE__ */ m(A, { alignItems: "center", children: [
-      /* @__PURE__ */ e(B, { bold: !0, variant: "body1", children: D(i, "0,0") }),
-      /* @__PURE__ */ e(B, { color: "secondary", variant: "body2", children: t.remaining })
+      /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: D(i, "0,0") }),
+      /* @__PURE__ */ e(C, { color: "secondary", variant: "body2", children: t.remaining })
     ] })
   ] });
 }), ht = I(
   ({ category: t }) => {
     const { budgets: n } = E(), { budgets: c } = w(), i = l.useMemo(() => {
-      const a = c.find((r) => r.category_guid === t.guid), s = D(t.totalAverageAmount, "0,0"), o = a ? L(n.recalculate_previous_budget, D(a.amount, "0,0")) : n.recalculate_new_budget;
+      const a = c.find((r) => r.category_guid === t.guid), s = D(t.totalAverageAmount, "0,0"), o = a ? R(n.recalculate_previous_budget, D(a.amount, "0,0")) : n.recalculate_new_budget;
       return `${s} - ${o}`;
     }, [n, c]);
     return /* @__PURE__ */ m(l.Fragment, { children: [
-      /* @__PURE__ */ e(J, { children: /* @__PURE__ */ m(Q, { children: [
-        /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid, variant: "filled" }) }),
-        /* @__PURE__ */ e(ee, { primary: t.name, secondary: i })
+      /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ m(te, { children: [
+        /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid, variant: "filled" }) }),
+        /* @__PURE__ */ e(oe, { primary: t.name, secondary: i })
       ] }) }),
-      /* @__PURE__ */ e(le, {})
+      /* @__PURE__ */ e(ue, {})
     ] }, t.guid);
   }
 ), bt = ({ onRecalculateBudgets: t }) => {
-  const { budgets: n, common: c } = E(), { spendCategories: i } = Y(), { recalculateBudgets: a, setAlert: s } = w(), [o, r] = l.useState(!1), g = i.filter((u) => u.totalAverageAmount > 0), d = async () => {
-    await a(g), r(!1), s(n.alert_recalculated_budgets), t?.();
+  const { budgets: n, common: c } = E(), { spendCategories: i } = Z(), { recalculateBudgets: a, setAlert: s } = w(), [o, r] = l.useState(!1), p = i.filter((u) => u.totalAverageAmount > 0), d = async () => {
+    await a(p), r(!1), s(n.alert_recalculated_budgets), t?.();
   };
   return /* @__PURE__ */ m(l.Fragment, { children: [
     /* @__PURE__ */ e($e, { onClick: () => r(!0), sx: { mt: 24, mx: 24 }, variant: "text", children: n.recalculate_button }),
-    /* @__PURE__ */ e(B, { sx: { mx: 24, my: 16, textAlign: "center", whiteSpace: "wrap" }, variant: "subtitle1", children: n.recalculate_help }),
+    /* @__PURE__ */ e(C, { sx: { mx: 24, my: 16, textAlign: "center", whiteSpace: "wrap" }, variant: "subtitle1", children: n.recalculate_help }),
     /* @__PURE__ */ e(
       $,
       {
@@ -101,27 +101,27 @@ const pt = I(() => {
         title: n.recalculate_title,
         children: /* @__PURE__ */ m(A, { children: [
           /* @__PURE__ */ m(A, { mx: 24, my: 16, children: [
-            /* @__PURE__ */ e(B, { bold: !0, variant: "body1", children: n.recalculate_description_top }),
-            /* @__PURE__ */ e(B, { variant: "subtitle2", children: n.recalculate_description_bottom })
+            /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: n.recalculate_description_top }),
+            /* @__PURE__ */ e(C, { variant: "subtitle2", children: n.recalculate_description_bottom })
           ] }),
-          /* @__PURE__ */ e(V, { bgcolor: "background.paper", children: /* @__PURE__ */ e(K, { children: g.map((u) => /* @__PURE__ */ e(ht, { category: u }, u.guid)) }) })
+          /* @__PURE__ */ e(Y, { bgcolor: "background.paper", children: /* @__PURE__ */ e(X, { children: p.map((u) => /* @__PURE__ */ e(ht, { category: u }, u.guid)) }) })
         ] })
       }
     )
   ] });
-}, ge = ({
+}, he = ({
   amount: t,
   categoryName: n,
   onAmountChanged: c
 }) => {
-  const { budgets: i } = E(), { totalBudgeted: a } = w(), { incomeTotal: s } = ie(), o = s - a;
+  const { budgets: i } = E(), { totalBudgeted: a } = w(), { incomeTotal: s } = le(), o = s - a;
   return /* @__PURE__ */ m(A, { gap: 16, children: [
     /* @__PURE__ */ m(A, { children: [
-      /* @__PURE__ */ e(B, { children: L(
+      /* @__PURE__ */ e(C, { children: R(
         i.add_description_top,
         D(o, "0,0")
       ) }),
-      /* @__PURE__ */ e(B, { children: L(i.add_description_bottom, n) })
+      /* @__PURE__ */ e(C, { children: R(i.add_description_bottom, n) })
     ] }),
     /* @__PURE__ */ e(
       Ze,
@@ -140,16 +140,16 @@ const pt = I(() => {
     `${t.totalAmount === 0 ? "" : t.totalAmount}`
   );
   return /* @__PURE__ */ m(l.Fragment, { children: [
-    /* @__PURE__ */ e(J, { children: /* @__PURE__ */ m(Q, { onClick: () => s(!0), children: [
-      /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid }) }),
+    /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ m(te, { onClick: () => s(!0), children: [
+      /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid }) }),
       /* @__PURE__ */ e(
-        ee,
+        oe,
         {
           primary: t.name,
           secondary: D(t.totalAmount, "0,0")
         }
       ),
-      /* @__PURE__ */ e(Xe, { children: /* @__PURE__ */ e(j, { name: "add", size: 20 }) })
+      /* @__PURE__ */ e(Xe, { children: /* @__PURE__ */ e(z, { name: "add", size: 20 }) })
     ] }) }, t.guid),
     /* @__PURE__ */ e(
       W,
@@ -160,17 +160,17 @@ const pt = I(() => {
         onClose: () => s(!1),
         onPrimaryAction: () => n(t, Number(o)),
         primaryText: c.add_save_button,
-        children: /* @__PURE__ */ e(ge, { amount: o, categoryName: t.name, onAmountChanged: r })
+        children: /* @__PURE__ */ e(he, { amount: o, categoryName: t.name, onAmountChanged: r })
       }
     )
   ] });
 }), Fe = I(({ onAddBudget: t, onRecalculateBudgets: n }) => {
-  const { budgets: c } = E(), { addBudget: i, setAlert: a, unbudgetedCategories: s } = w(), o = async (r, g) => {
-    await i(r, g), t?.(), a(L(c.alert_budget_created, r.name));
+  const { budgets: c } = E(), { addBudget: i, setAlert: a, unbudgetedCategories: s } = w(), o = async (r, p) => {
+    await i(r, p), t?.(), a(R(c.alert_budget_created, r.name));
   };
   return /* @__PURE__ */ m(A, { children: [
     /* @__PURE__ */ e(pt, {}),
-    /* @__PURE__ */ e(V, { bgcolor: "background.paper", children: /* @__PURE__ */ e(K, { children: s.map((r) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e(Y, { bgcolor: "background.paper", children: /* @__PURE__ */ e(X, { children: s.map((r) => /* @__PURE__ */ e(
       ft,
       {
         category: r,
@@ -180,7 +180,7 @@ const pt = I(() => {
     )) }) }),
     /* @__PURE__ */ e(bt, { onRecalculateBudgets: n })
   ] });
-}), Ie = 5, Ue = 100, re = 25, yt = (t) => {
+}), Ie = 5, Ue = 100, ie = 25, yt = (t) => {
   const n = (a) => {
     a.active || t.alphaTarget(0.3).restart(), a.subject.fx = a.subject.x, a.subject.fy = a.subject.y;
   }, c = (a) => {
@@ -188,29 +188,29 @@ const pt = I(() => {
   }, i = (a) => {
     a.active || t.alphaTarget(0), a.subject.fx = null, a.subject.fy = null;
   };
-  return M.drag().on("start", n).on("drag", c).on("end", i);
+  return O.drag().on("start", n).on("drag", c).on("end", i);
 }, _t = (t) => {
   let n = t.transaction_total / t.amount;
   n < 0 ? n = 0 : n > 1 && (n = 1);
-  const c = n * 2 * Math.PI, i = M.interpolate(0, c), a = M.arc().cornerRadius(5).innerRadius(t.radius - Ie * 2).outerRadius(t.radius - Ie).startAngle(0).endAngle(0);
+  const c = n * 2 * Math.PI, i = O.interpolate(0, c), a = O.arc().cornerRadius(5).innerRadius(t.radius - Ie * 2).outerRadius(t.radius - Ie).startAngle(0).endAngle(0);
   return (s) => (a.endAngle(i(s)), a(t) || "");
 }, Ct = (t) => {
-  M.selectAll(".bubble").call(yt(t));
+  O.selectAll(".bubble").call(yt(t));
 }, Oe = (t, n, c) => Math.min(Math.max(t, n), c), Bt = (t, n, c) => {
   t.alpha(1).restart().force(
     "x",
-    M.forceX().x(c / 2).strength(0.01)
+    O.forceX().x(c / 2).strength(0.01)
   ).force(
     "y",
-    M.forceY().y(n / 2).strength(0.02)
+    O.forceY().y(n / 2).strength(0.02)
   ).on("tick", () => {
     const i = t.nodes();
     i.forEach((a) => {
-      const s = a.radius ?? re;
+      const s = a.radius ?? ie;
       a.x = Oe(a.x ?? 0, s, c - s), a.y = Oe(a.y ?? 0, s, n - s);
-    }), M.selectAll(".bubble").data(i).attr("transform", (a) => `translate(${a.x},${a.y})`);
+    }), O.selectAll(".bubble").data(i).attr("transform", (a) => `translate(${a.x},${a.y})`);
   });
-}, We = (t, n) => M.scaleLinear().domain([t, n]).range([re, Ue]), St = (t) => {
+}, We = (t, n) => O.scaleLinear().domain([t, n]).range([ie, Ue]), St = (t) => {
   const n = t.reduce((s, o) => {
     const r = Math.max(o.transaction_total, o.amount);
     return r > s ? r : s;
@@ -224,26 +224,26 @@ const pt = I(() => {
       radius: o
     };
   });
-  return M.forceSimulation(a).velocityDecay(0.05).force("collide", M.forceCollide((s) => s.radius + 2).strength(0.7));
+  return O.forceSimulation(a).velocityDecay(0.05).force("collide", O.forceCollide((s) => s.radius + 2).strength(0.7));
 }, xt = (t, n, c) => {
-  const a = Math.PI * re ** 2 * t, s = c < 400 || n < 300, o = s ? 40 : 20, r = Math.max(100, c - o), g = Math.max(100, n - o), d = r * g;
-  let u = re;
+  const a = Math.PI * ie ** 2 * t, s = c < 400 || n < 300, o = s ? 40 : 20, r = Math.max(100, c - o), p = Math.max(100, n - o), d = r * p;
+  let u = ie;
   if (a < d) {
-    const p = Math.sqrt(d / (t * Math.PI)), h = Math.min(r, g) / 4;
-    u = Math.min(Ue, p, h);
+    const g = Math.sqrt(d / (t * Math.PI)), h = Math.min(r, p) / 4;
+    u = Math.min(Ue, g, h);
   }
   return s && t <= 3 && (u = Math.min(u, 45)), { minRadius: Math.max(20, u * 0.6), maxRadius: u };
 }, At = (t, n, c, i, a) => {
   const { maxRadius: s, minRadius: o } = xt(t, n, a);
-  return M.scaleLinear().domain([i, c]).range([o, s]);
+  return O.scaleLinear().domain([i, c]).range([o, s]);
 }, vt = (t, n, c = !1, i, a) => {
-  const s = n.map((d) => Math.max(d.transaction_total, d.amount)), o = Math.min(...s), r = Math.max(...s), g = c ? At(t.length, i, r, o, a) : We(o, r);
+  const s = n.map((d) => Math.max(d.transaction_total, d.amount)), o = Math.min(...s), r = Math.max(...s), p = c ? At(t.length, i, r, o, a) : We(o, r);
   return t.map((d) => ({
     ...d,
-    radius: g(Math.max(d.transaction_total, d.amount))
+    radius: p(Math.max(d.transaction_total, d.amount))
   }));
 }, Me = 5, Tt = 2e3, Dt = ({ bubble: t }) => {
-  const n = se(), {
+  const n = ce(), {
     amount: c,
     guid: i,
     budgetColors: { mercury: a },
@@ -251,20 +251,20 @@ const pt = I(() => {
     transaction_total: o
   } = t, r = `mercury-${i}`;
   l.useEffect(() => {
-    M.select(`.${r}`).selectAll(".status").remove(), M.select(`.${r}`).append("path").transition().duration(Tt).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => _t(t));
+    O.select(`.${r}`).selectAll(".status").remove(), O.select(`.${r}`).append("path").transition().duration(Tt).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => _t(t));
   }, [c, s, o]);
-  const g = M.arc().innerRadius((d) => d - 2 * Me).outerRadius((d) => d - Me).startAngle(0).endAngle(2 * Math.PI);
+  const p = O.arc().innerRadius((d) => d - 2 * Me).outerRadius((d) => d - Me).startAngle(0).endAngle(2 * Math.PI);
   return /* @__PURE__ */ e("g", { className: r, children: /* @__PURE__ */ e(
     "path",
     {
-      d: g(s) || "",
+      d: p(s) || "",
       style: { fill: n.palette.common.white, fillOpacity: 0.35 }
     }
   ) });
-}, Et = l.memo(Dt), U = 75, _e = 50;
+}, Et = l.memo(Dt), U = 75, Ce = 50;
 function wt({ bubble: t, isDraggable: n, onClick: c = () => {
 } }) {
-  const [i, a] = l.useState(!1), s = Ge(), { availableWidth: o } = ce(), r = l.useMemo(() => {
+  const [i, a] = l.useState(!1), s = Ge(), { availableWidth: o } = de(), r = l.useMemo(() => {
     if (t)
       return {
         amount: t.amount,
@@ -276,49 +276,49 @@ function wt({ bubble: t, isDraggable: n, onClick: c = () => {
   }, [t.amount, t.budgetColors, t.guid, t.radius, t.transaction_total]);
   if (!t) return;
   const {
-    budgetColors: { background: g, text: d },
-    category: { icon: u, name: y },
-    guid: p,
+    budgetColors: { background: p, text: d },
+    category: { icon: u, name: S },
+    guid: g,
     description: h,
     radius: _,
-    x: C,
+    x: y,
     y: x
   } = t, v = o < 400 ? -8 : -12;
-  let b = v, S = v;
-  _ > U ? (b = -14, S = -45) : _ > _e && (S = -32);
+  let b = v, B = v;
+  _ > U ? (b = -14, B = -45) : _ > Ce && (B = -32);
   let f = 32;
   _ <= U && (f = o < 400 ? 16 : 24);
-  const T = `${t.category.name}: ${h}`, N = {
+  const T = `${t.category.name}: ${h}`, L = {
     modifiers: [
       {
         name: "offset",
         options: { offset: [0, 15] }
       }
     ]
-  }, R = (k) => {
-    (k.key === "Enter" || k.key === " ") && (k.preventDefault(), c(t));
-  }, O = () => {
+  }, M = (G) => {
+    (G.key === "Enter" || G.key === " ") && (G.preventDefault(), c(t));
+  }, N = () => {
     a(!0);
-  }, z = () => {
+  }, k = () => {
     a(!1);
   };
   return /* @__PURE__ */ m(
     "g",
     {
-      "aria-label": `${y} - ${h}`,
+      "aria-label": `${S} - ${h}`,
       className: "bubble",
-      id: `bubble-${p}`,
-      onBlur: z,
+      id: `bubble-${g}`,
+      onBlur: k,
       onClick: () => c(t),
-      onFocus: O,
-      onKeyDown: R,
+      onFocus: N,
+      onKeyDown: M,
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
       role: "button",
       style: { cursor: n ? "pointer" : "default" },
       tabIndex: 0,
       textAnchor: "middle",
-      x: C,
+      x: y,
       y: x,
       children: [
         /* @__PURE__ */ e("style", { children: `
@@ -333,37 +333,37 @@ function wt({ bubble: t, isDraggable: n, onClick: c = () => {
             stroke-opacity: 0.8;
           }
         ` }),
-        /* @__PURE__ */ e(Je, { open: i, slotProps: { popper: N }, title: T, children: /* @__PURE__ */ e("circle", { fill: g, id: `circle-${p}`, r: _ }) }),
-        /* @__PURE__ */ e("svg", { x: b, y: S, children: /* @__PURE__ */ e(j, { name: u, size: f, sx: { fill: d } }) }),
+        /* @__PURE__ */ e(Je, { open: i, slotProps: { popper: L }, title: T, children: /* @__PURE__ */ e("circle", { fill: p, id: `circle-${g}`, r: _ }) }),
+        /* @__PURE__ */ e("svg", { x: b, y: B, children: /* @__PURE__ */ e(z, { name: u, size: f, sx: { fill: d } }) }),
         _ > U && /* @__PURE__ */ e(
-          B,
+          C,
           {
             bold: !0,
             component: "text",
-            id: `budget-category-${p}`,
+            id: `budget-category-${g}`,
             sx: { fill: d },
             variant: "body2",
             y: 4,
-            children: y
+            children: S
           }
         ),
-        _ > _e && /* @__PURE__ */ e(
-          B,
+        _ > Ce && /* @__PURE__ */ e(
+          C,
           {
             bold: !0,
             component: "text",
-            id: `budget-description-${p}-1`,
+            id: `budget-description-${g}-1`,
             sx: { fill: d },
             variant: "body1",
             y: _ <= U ? 12 : 24,
             children: _ <= U ? h.split(" ")[0] : h
           }
         ),
-        _ <= U && _ > _e && /* @__PURE__ */ e(
-          B,
+        _ <= U && _ > Ce && /* @__PURE__ */ e(
+          C,
           {
             component: "text",
-            id: `budget-description-${p}-2`,
+            id: `budget-description-${g}-2`,
             sx: { fill: d },
             variant: "caption",
             y: 28,
@@ -373,7 +373,7 @@ function wt({ bubble: t, isDraggable: n, onClick: c = () => {
         /* @__PURE__ */ e(Et, { bubble: r })
       ]
     },
-    p
+    g
   );
 }
 const It = ({
@@ -383,13 +383,13 @@ const It = ({
   onClick: i = () => {
   }
 }) => {
-  const [a, s] = l.useState([]), o = l.useRef(null), r = l.useRef(!1), { detailedBudgets: g } = w(), d = l.useCallback(() => {
-    const u = o.current, y = St(g), p = y.nodes();
+  const [a, s] = l.useState([]), o = l.useRef(null), r = l.useRef(!1), { detailedBudgets: p } = w(), d = l.useCallback(() => {
+    const u = o.current, S = St(p), g = S.nodes();
     if (u) {
-      const h = u.nodes(), _ = new Map(h.map((C) => [C.guid, C]));
-      p.forEach((C) => {
-        const x = _.get(C.guid);
-        x && Object.assign(C, {
+      const h = u.nodes(), _ = new Map(h.map((y) => [y.guid, y]));
+      g.forEach((y) => {
+        const x = _.get(y.guid);
+        x && Object.assign(y, {
           vx: x.vx,
           vy: x.vy,
           x: x.x,
@@ -397,8 +397,8 @@ const It = ({
         });
       });
     }
-    o.current = y, r.current = !1, s(p);
-  }, [g]);
+    o.current = S, r.current = !1, s(g);
+  }, [p]);
   return l.useEffect(() => {
     d();
   }, [d]), l.useEffect(() => () => {
@@ -406,23 +406,23 @@ const It = ({
   }, []), l.useEffect(() => {
     const u = o.current;
     if (!u) return;
-    const y = u.nodes(), p = n > 0 && n < 450 || t > 0 && t < 300, h = vt(y, g, p, t, n);
+    const S = u.nodes(), g = n > 0 && n < 450 || t > 0 && t < 300, h = vt(S, p, g, t, n);
     u.nodes(h), Bt(u, t, n), c && setTimeout(() => {
       Ct(u);
     }, 0), s([...h]);
-  }, [t, n, c, g]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(n), children: a.map((u) => /* @__PURE__ */ e(wt, { bubble: u, isDraggable: c, onClick: i }, u.guid)) });
+  }, [t, n, c, p]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(n), children: a.map((u) => /* @__PURE__ */ e(wt, { bubble: u, isDraggable: c, onClick: i }, u.guid)) });
 }, Ot = I(It), Mt = ({
   isMiniWidget: t = !1,
   onConnectAccountsClick: n,
   createBudgetOnClick: c
 }) => {
-  const { config: i } = Ne(), { recalculateBudgets: a } = w(), { spendCategories: s } = Y(), { budgets: o } = E(), { availableWidth: r } = ce(), { isMobile: g } = ue(r), d = t && g, [u, y] = l.useState(!1), [p, h] = l.useState(!1), [_, C] = l.useState(!1), x = l.useMemo(() => [...s.filter((b) => b.totalAverageAmount > 0)], [s]), v = async () => {
-    C(!0);
-    const { data: b, isSuccess: S } = await a(x);
-    C(!1), S ? (b.length === 0 && h(!0), y(!1)) : y(!0);
+  const { config: i } = Ne(), { recalculateBudgets: a } = w(), { spendCategories: s } = Z(), { budgets: o } = E(), { availableWidth: r } = de(), { isMobile: p } = ge(r), d = t && p, [u, S] = l.useState(!1), [g, h] = l.useState(!1), [_, y] = l.useState(!1), x = l.useMemo(() => [...s.filter((b) => b.totalAverageAmount > 0)], [s]), v = async () => {
+    y(!0);
+    const { data: b, isSuccess: B } = await a(x);
+    y(!1), B ? (b.length === 0 && h(!0), S(!1)) : S(!0);
   };
-  return _ ? /* @__PURE__ */ e(me, {}) : u ? /* @__PURE__ */ e(
-    ye,
+  return _ ? /* @__PURE__ */ e(pe, {}) : u ? /* @__PURE__ */ e(
+    _e,
     {
       header: o.autogenerate_budgets_error_header,
       icon: "error",
@@ -442,8 +442,8 @@ const It = ({
         ...d && { justifyContent: "center", mt: 0, svg: { height: 32, width: 32 } }
       }
     }
-  ) : /* @__PURE__ */ e(Ke, { children: p ? /* @__PURE__ */ e(
-    ye,
+  ) : /* @__PURE__ */ e(Ke, { children: g ? /* @__PURE__ */ e(
+    _e,
     {
       header: o.zero_state_generate_budgets_header,
       icon: "error",
@@ -468,7 +468,7 @@ const It = ({
       }
     }
   ) : /* @__PURE__ */ e(
-    ye,
+    _e,
     {
       header: o.create_budgets_title,
       icon: "bubble_chart",
@@ -503,21 +503,21 @@ const It = ({
     shouldShowZeroState: a,
     unavailableWidth: s = 24
   }) => {
-    const { onEvent: o } = X(), { setSelectedBudget: r } = w(), { isInitialized: g } = Z(), { accounts: d } = E(), { availableWidth: u } = ce(), { isMobile: y } = ue(), [p, h] = l.useState(!1), _ = l.useMemo(() => u - s, [u]), C = (v) => {
-      r(v), o(G.BUDGETS_CLICK_BUDGET_CATEGORY, {
+    const { onEvent: o } = q(), { setSelectedBudget: r } = w(), { isInitialized: p } = J(), { accounts: d } = E(), { availableWidth: u } = de(), { isMobile: S } = ge(), [g, h] = l.useState(!1), _ = l.useMemo(() => u - s, [u]), y = (v) => {
+      r(v), o(P.BUDGETS_CLICK_BUDGET_CATEGORY, {
         budget_category: v.category.name,
         click_type: "bubble"
       });
     }, x = () => {
-      h(!0), o(G.ACCOUNTS_CLICK_CONNECT);
+      h(!0), o(P.ACCOUNTS_CLICK_CONNECT);
     };
     return /* @__PURE__ */ m(
-      V,
+      Y,
       {
-        ml: a || y ? 0 : 24,
+        ml: a || S ? 0 : 24,
         sx: { alignSelf: "center", ...i && { height: "100%" } },
         children: [
-          a || !g ? /* @__PURE__ */ e(
+          a || !p ? /* @__PURE__ */ e(
             Mt,
             {
               createBudgetOnClick: t,
@@ -529,7 +529,7 @@ const It = ({
             {
               height: n,
               isDraggable: c,
-              onClick: C,
+              onClick: y,
               width: _
             }
           ),
@@ -537,7 +537,7 @@ const It = ({
             qe,
             {
               onClose: () => h(!1),
-              showConnectionsWidget: p,
+              showConnectionsWidget: g,
               title: d.manage_connections
             }
           )
@@ -559,18 +559,18 @@ const It = ({
       percentage: `${s}%`
     }
   ];
-  return /* @__PURE__ */ e(ve, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ m(A, { alignItems: "center", gap: 16, children: [
+  return /* @__PURE__ */ e(Te, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(De, { children: /* @__PURE__ */ m(A, { alignItems: "center", gap: 16, children: [
     /* @__PURE__ */ e(H, { categoryGuid: a, size: 56 }),
-    /* @__PURE__ */ e(B, { variant: "h1", children: `${D(o, "0,0")} / ${D(n, "0,0")}` }),
-    /* @__PURE__ */ e(B, { bold: !0, variant: "caption", children: i }),
-    /* @__PURE__ */ e(Be, { data: r, height: 10 })
+    /* @__PURE__ */ e(C, { variant: "h1", children: `${D(o, "0,0")} / ${D(n, "0,0")}` }),
+    /* @__PURE__ */ e(C, { bold: !0, variant: "caption", children: i }),
+    /* @__PURE__ */ e(Se, { data: r, height: 10 })
   ] }) }) });
 }, Rt = I(() => {
   const { budgets: t } = E();
   return /* @__PURE__ */ m(A, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
-    /* @__PURE__ */ e(j, { color: "action", name: "bubble_chart", sx: { fontSize: 32 } }),
-    /* @__PURE__ */ e(B, { bold: !0, color: "text.secondary", variant: "body2", children: t.zero_state_no_sub_budgets }),
-    /* @__PURE__ */ e(B, { color: "text.secondary", variant: "caption", children: t.zero_state_no_sub_budgets_description })
+    /* @__PURE__ */ e(z, { color: "action", name: "bubble_chart", sx: { fontSize: 32 } }),
+    /* @__PURE__ */ e(C, { bold: !0, color: "text.secondary", variant: "body2", children: t.zero_state_no_sub_budgets }),
+    /* @__PURE__ */ e(C, { color: "text.secondary", variant: "caption", children: t.zero_state_no_sub_budgets_description })
   ] });
 }), Lt = I(({ budget: t }) => {
   const {
@@ -580,13 +580,13 @@ const It = ({
     percentage: a,
     transaction_total: s
   } = t, { setSelectedSubBudget: o } = w();
-  return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ m(Q, { onClick: () => o(t), children: [
-    /* @__PURE__ */ e(de, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Pe, { color: c, percent: a, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: i.parent_guid, variant: "basic" }) }) }),
+  return /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ m(te, { onClick: () => o(t), children: [
+    /* @__PURE__ */ e(me, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Pe, { color: c, percent: a, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: i.parent_guid, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
-      ee,
+      oe,
       {
-        primary: /* @__PURE__ */ e(A, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(B, { bold: !0, variant: "body1", children: t.category.name }) }),
-        secondary: /* @__PURE__ */ e(A, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(B, { fontWeight: 400, variant: "body1", children: `
+        primary: /* @__PURE__ */ e(A, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t.category.name }) }),
+        secondary: /* @__PURE__ */ e(A, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(C, { fontWeight: 400, variant: "body1", children: `
                   ${D(s, "0,0")} / 
                   ${D(n, "0,0")}
                 ` }) })
@@ -594,59 +594,59 @@ const It = ({
     )
   ] }) });
 }), Nt = I(({ category: t, parentBudget: n }) => {
-  const { budgets: c, common: i } = E(), { setExpandedGuid: a, setOnSelect: s } = at(), { addBudget: o } = w(), [r, g] = l.useState(!1), [d, u] = l.useState(!1), [y, p] = l.useState(""), [h, _] = l.useState(void 0);
+  const { budgets: c, common: i } = E(), { setExpandedGuid: a, setOnSelect: s } = at(), { addBudget: o } = w(), [r, p] = l.useState(!1), [d, u] = l.useState(!1), [S, g] = l.useState(""), [h, _] = l.useState(void 0);
   l.useEffect(() => {
     s((v) => {
-      const b = t.subCategories.find((S) => S.guid === v);
-      b && (_(b), p(`${b.currentAmount === 0 ? "" : b.currentAmount}`), u(!0));
+      const b = t.subCategories.find((B) => B.guid === v);
+      b && (_(b), g(`${b.currentAmount === 0 ? "" : b.currentAmount}`), u(!0));
     });
   }, []);
-  const C = () => {
-    a(t.guid), g(!0);
+  const y = () => {
+    a(t.guid), p(!0);
   }, x = async () => {
-    h && Number(y) > 0 && (await o(h, Number(y), n.guid), u(!1), g(!1), _(void 0));
+    h && Number(S) > 0 && (await o(h, Number(S), n.guid), u(!1), p(!1), _(void 0));
   };
-  return /* @__PURE__ */ m(V, { children: [
-    /* @__PURE__ */ e(J, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(Q, { onClick: C, children: /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ m(A, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+  return /* @__PURE__ */ m(Y, { children: [
+    /* @__PURE__ */ e(ee, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(te, { onClick: y, children: /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ m(A, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ m(A, { alignItems: "center", direction: "row", gap: 8, children: [
-        /* @__PURE__ */ e(j, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
-        /* @__PURE__ */ e(B, { bold: !0, sx: { color: "primary.light" }, variant: "body1", children: c.add_sub_budget_button })
+        /* @__PURE__ */ e(z, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
+        /* @__PURE__ */ e(C, { bold: !0, sx: { color: "primary.light" }, variant: "body1", children: c.add_sub_budget_button })
       ] }),
-      /* @__PURE__ */ e(j, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
+      /* @__PURE__ */ e(z, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
     ] }) }) }) }),
-    /* @__PURE__ */ e(le, {}),
+    /* @__PURE__ */ e(ue, {}),
     /* @__PURE__ */ e(
       $,
       {
         ariaLabelClose: i.close_aria,
         isOpen: r,
-        onClose: () => g(!1),
+        onClose: () => p(!1),
         title: c.add_sub_budget_title,
-        children: /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(rt, { category: t, subCategories: t.subCategories }) })
+        children: /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(rt, { category: t, subCategories: t.subCategories }) })
       }
     ),
     /* @__PURE__ */ e(
       W,
       {
         copy: { close_aria: i.close_aria, title: c.add_title },
-        disablePrimaryButton: Number(y) <= 0,
+        disablePrimaryButton: Number(S) <= 0,
         isOpen: d,
         onClose: () => u(!1),
         onPrimaryAction: x,
         primaryText: c.add_save_button,
         children: /* @__PURE__ */ e(
-          ge,
+          he,
           {
-            amount: y,
+            amount: S,
             categoryName: h?.name || "",
-            onAmountChanged: p
+            onAmountChanged: g
           }
         )
       }
     )
   ] });
 }), kt = I(({ budget: t }) => {
-  const { category: n, subBudgets: c } = t, { budgets: i, common: a } = E(), { deleteBudget: s, selectedSubBudget: o, setSelectedSubBudget: r, updateBudget: g } = w(), { filter: d, setFilter: u } = q(), [y, p] = l.useState(!1), [h, _] = l.useState(!1), [C, x] = l.useState("");
+  const { category: n, subBudgets: c } = t, { budgets: i, common: a } = E(), { deleteBudget: s, selectedSubBudget: o, setSelectedSubBudget: r, updateBudget: p } = w(), { filter: d, setFilter: u } = Q(), [S, g] = l.useState(!1), [h, _] = l.useState(!1), [y, x] = l.useState("");
   l.useEffect(() => {
     o && (x(`${o.amount}`), u({
       ...d,
@@ -654,23 +654,23 @@ const It = ({
     }));
   }, [o]);
   const v = async () => {
-    o && await g({
+    o && await p({
       ...o,
-      amount: Number(C)
+      amount: Number(y)
     });
   }, b = async () => {
-    o && await s(o.guid), _(!1), S();
-  }, S = () => {
+    o && await s(o.guid), _(!1), B();
+  }, B = () => {
     u({
       ...d,
       custom: (f) => f.category_guid === t.category_guid || f.top_level_category_guid === t.category_guid
     }), r(void 0);
   };
   return /* @__PURE__ */ m(l.Fragment, { children: [
-    /* @__PURE__ */ m(K, { sx: { bgcolor: "background.paper" }, children: [
+    /* @__PURE__ */ m(X, { sx: { bgcolor: "background.paper" }, children: [
       c.length === 0 ? /* @__PURE__ */ e(Rt, {}) : c.map((f) => /* @__PURE__ */ m(l.Fragment, { children: [
         /* @__PURE__ */ e(Lt, { budget: f }),
-        /* @__PURE__ */ e(le, {})
+        /* @__PURE__ */ e(ue, {})
       ] }, f.guid)),
       /* @__PURE__ */ e(Nt, { category: n, parentBudget: t })
     ] }),
@@ -679,15 +679,15 @@ const It = ({
       {
         ariaLabelClose: a.close_aria,
         isOpen: !!o,
-        onClose: S,
-        onPrimaryAction: () => p(!0),
+        onClose: B,
+        onPrimaryAction: () => g(!0),
         onSecondaryAction: () => _(!0),
         primaryText: i.details_edit_button,
         secondaryText: i.details_delete_button,
         title: i.details_title,
         children: o && /* @__PURE__ */ m(A, { gap: 24, children: [
           /* @__PURE__ */ e(Ve, { budget: o }),
-          /* @__PURE__ */ e(Ae, { height: "100%" })
+          /* @__PURE__ */ e(ve, { height: "100%" })
         ] })
       }
     ),
@@ -696,15 +696,15 @@ const It = ({
         W,
         {
           copy: { close_aria: a.close_aria, title: i.details_edit_title },
-          disablePrimaryButton: Number(C) <= 0,
-          isOpen: y,
-          onClose: () => p(!1),
+          disablePrimaryButton: Number(y) <= 0,
+          isOpen: S,
+          onClose: () => g(!1),
           onPrimaryAction: v,
           primaryText: i.edit_save_button,
           children: /* @__PURE__ */ e(
-            ge,
+            he,
             {
-              amount: C,
+              amount: y,
               categoryName: o.category.name,
               onAmountChanged: x
             }
@@ -721,24 +721,24 @@ const It = ({
           primaryColor: "error",
           primaryText: "Delete",
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(B, { variant: "subtitle1", children: L(i.delete_description, o.category.name) })
+          children: /* @__PURE__ */ e(C, { variant: "subtitle1", children: R(i.delete_description, o.category.name) })
         }
       )
     ] })
   ] });
 }), $t = I(({ budget: t }) => {
-  const { is_mobile_webview: n } = Ne(), { setAlert: c } = w(), { budgets: i, common: a, transactions: s } = E(), { isDesktop: o, isSmallTablet: r, isTablet: g } = ue(), {
+  const { is_mobile_webview: n } = Ne(), { setAlert: c } = w(), { budgets: i, common: a, transactions: s } = E(), { isDesktop: o, isSmallTablet: r, isTablet: p } = ge(), {
     sortedTransactions: d,
     sortedTransactionsWithSplits: u,
-    tags: y
-  } = q(), [p, h] = l.useState(0), [_, C] = l.useState(""), x = l.useMemo(
+    tags: S
+  } = Q(), [g, h] = l.useState(0), [_, y] = l.useState(""), x = l.useMemo(
     () => d.find((f) => f.guid === _),
     [_, d]
   ), v = (f, T) => {
     h(T);
   }, b = () => {
-    tt(u, y), c(i.alert_csv_downloaded);
-  }, S = d.length > 0 && !n && (o || g && !r);
+    tt(u, S), c(i.alert_csv_downloaded);
+  }, B = d.length > 0 && !n && (o || p && !r);
   return /* @__PURE__ */ m(A, { gap: 24, children: [
     /* @__PURE__ */ e(Ve, { budget: t }),
     /* @__PURE__ */ m(A, { children: [
@@ -748,7 +748,7 @@ const It = ({
           onChange: v,
           sx: { width: "100%" },
           textColor: "primary",
-          value: p,
+          value: g,
           variant: "fullWidth",
           children: [
             /* @__PURE__ */ e(Ee, { label: i.details_transactions_tab }),
@@ -756,25 +756,25 @@ const It = ({
           ]
         }
       ),
-      p === 0 && /* @__PURE__ */ m(A, { children: [
-        S && /* @__PURE__ */ e(A, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
+      g === 0 && /* @__PURE__ */ m(A, { children: [
+        B && /* @__PURE__ */ e(A, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
           $e,
           {
             onClick: b,
-            startIcon: /* @__PURE__ */ e(j, { name: "ios_share" }),
+            startIcon: /* @__PURE__ */ e(z, { name: "ios_share" }),
             variant: "text",
             children: s.export_csv_btn
           }
         ) }),
-        /* @__PURE__ */ e(Ae, { height: "100%", onClick: C })
+        /* @__PURE__ */ e(ve, { height: "100%", onClick: y })
       ] }),
-      p === 1 && /* @__PURE__ */ e(kt, { budget: t }),
+      g === 1 && /* @__PURE__ */ e(kt, { budget: t }),
       /* @__PURE__ */ e(
         $,
         {
           ariaLabelClose: a.close_aria,
           isOpen: !!x,
-          onClose: () => C(""),
+          onClose: () => y(""),
           title: i.details_transaction_drawer,
           children: x && /* @__PURE__ */ e(ot, { transaction: x })
         }
@@ -782,21 +782,21 @@ const It = ({
     ] })
   ] });
 }), Gt = I(() => {
-  const { selectedAccountGuids: t } = Z(), { budgets: n, common: c } = E(), {
+  const { selectedAccountGuids: t } = J(), { budgets: n, common: c } = E(), {
     alert: i,
     dateRange: a,
     deleteBudget: s,
     selectedBudget: o,
     selectedSubBudget: r,
-    setAlert: g,
+    setAlert: p,
     setSelectedBudget: d,
     updateBudget: u
-  } = w(), { setFilter: y } = q(), [p, h] = l.useState(!1), [_, C] = l.useState(!1), [x, v] = l.useState(!1), [b, S] = l.useState("");
+  } = w(), { setFilter: S } = Q(), [g, h] = l.useState(!1), [_, y] = l.useState(!1), [x, v] = l.useState(!1), [b, B] = l.useState("");
   l.useEffect(() => {
-    o && !r && (S(`${o.amount}`), h(!0), y({
+    o && !r && (B(`${o.amount}`), h(!0), S({
       accounts: t,
       dateRange: a,
-      custom: (O) => O.category_guid === o.category_guid || O.top_level_category_guid === o.category_guid,
+      custom: (N) => N.category_guid === o.category_guid || N.top_level_category_guid === o.category_guid,
       showSplits: !0
     }));
   }, [o]);
@@ -805,15 +805,15 @@ const It = ({
       ...o,
       amount: Number(b),
       percentage: o.category.totalAmount / Number(b) * 100
-    }), C(!1), g(L(n.alert_budget_updated, o.category.name)));
+    }), y(!1), p(R(n.alert_budget_updated, o.category.name)));
   }, T = async () => {
-    o && (await s(o.guid), g(L(n.alert_budget_deleted, o.category.name))), N();
-  }, N = () => {
+    o && (await s(o.guid), p(R(n.alert_budget_deleted, o.category.name))), L();
+  }, L = () => {
     h(!1), setTimeout(() => {
       d(void 0);
     }, 250);
-  }, R = () => {
-    C(!1), S(`${o?.amount}`);
+  }, M = () => {
+    y(!1), B(`${o?.amount}`);
   };
   if (o)
     return /* @__PURE__ */ m(l.Fragment, { children: [
@@ -821,9 +821,9 @@ const It = ({
         $,
         {
           ariaLabelClose: c.close_aria,
-          isOpen: p,
-          onClose: N,
-          onPrimaryAction: () => C(!0),
+          isOpen: g,
+          onClose: L,
+          onPrimaryAction: () => y(!0),
           onSecondaryAction: () => v(!0),
           primaryText: n.details_edit_button,
           secondaryColor: "error",
@@ -832,13 +832,13 @@ const It = ({
           children: [
             /* @__PURE__ */ e($t, { budget: o }),
             /* @__PURE__ */ e(
-              xe,
+              Ae,
               {
                 anchorOrigin: { vertical: "bottom", horizontal: "right" },
                 autoHideDuration: 3500,
-                onClose: () => g(""),
+                onClose: () => p(""),
                 open: !!i,
-                children: /* @__PURE__ */ e(Se, { closeText: "", onClose: () => g(""), severity: "success", variant: "filled", children: i })
+                children: /* @__PURE__ */ e(xe, { closeText: "", onClose: () => p(""), severity: "success", variant: "filled", children: i })
               }
             )
           ]
@@ -850,16 +850,16 @@ const It = ({
           copy: { close_aria: c.close_aria, title: n.details_edit_title },
           disablePrimaryButton: Number(b) <= 0,
           isOpen: _,
-          onClose: R,
+          onClose: M,
           onPrimaryAction: f,
-          onSecondaryAction: R,
+          onSecondaryAction: M,
           primaryText: n.edit_save_button,
           children: /* @__PURE__ */ e(
-            ge,
+            he,
             {
               amount: b,
               categoryName: o.category.name,
-              onAmountChanged: S
+              onAmountChanged: B
             }
           )
         }
@@ -874,7 +874,7 @@ const It = ({
           primaryColor: "error",
           primaryText: n.details_delete_button,
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(B, { variant: "subtitle1", children: L(n.delete_description, o.category.name) })
+          children: /* @__PURE__ */ e(C, { variant: "subtitle1", children: R(n.delete_description, o.category.name) })
         }
       )
     ] });
@@ -885,25 +885,25 @@ const It = ({
     category_guid: s,
     description: o,
     percentage: r,
-    subBudgets: g,
+    subBudgets: p,
     transaction_total: d
   } = t, u = r > 100;
-  return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ m(Q, { onClick: () => n?.(t), children: [
-    /* @__PURE__ */ e(de, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Pe, { color: i, percent: r, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: s, variant: "basic" }) }) }),
+  return /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ m(te, { onClick: () => n?.(t), children: [
+    /* @__PURE__ */ e(me, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Pe, { color: i, percent: r, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: s, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
-      ee,
+      oe,
       {
         primary: /* @__PURE__ */ m(A, { component: "span", direction: "row", justifyContent: "space-between", children: [
-          /* @__PURE__ */ e(B, { bold: !0, variant: "body1", children: t.category.name }),
-          /* @__PURE__ */ e(B, { fontWeight: 400, variant: "body1", children: `
+          /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: t.category.name }),
+          /* @__PURE__ */ e(C, { fontWeight: 400, variant: "body1", children: `
                   ${D(d, "0,0")} /
                   ${D(c, "0,0")}
                 ` })
         ] }),
         secondary: /* @__PURE__ */ m(A, { component: "span", direction: "row", justifyContent: "space-between", children: [
-          /* @__PURE__ */ e(B, { variant: "caption", children: `${g.length} Sub-budgets` }),
+          /* @__PURE__ */ e(C, { variant: "caption", children: `${p.length} Sub-budgets` }),
           /* @__PURE__ */ e(
-            B,
+            C,
             {
               bold: u,
               sx: {
@@ -923,38 +923,38 @@ const It = ({
     )
   ] }) });
 }, jt = I(() => {
-  const { onEvent: t } = X(), { budgets: n } = E(), { detailedBudgets: c, setSelectedBudget: i } = w(), a = (s) => {
-    i(s), t(G.BUDGETS_CLICK_BUDGET_CATEGORY, {
+  const { onEvent: t } = q(), { budgets: n } = E(), { detailedBudgets: c, setSelectedBudget: i } = w(), a = (s) => {
+    i(s), t(P.BUDGETS_CLICK_BUDGET_CATEGORY, {
       budget_category: s.category.name,
       click_type: "list"
     });
   };
-  return /* @__PURE__ */ m(ve, { elevation: 2, children: [
+  return /* @__PURE__ */ m(Te, { elevation: 2, children: [
     /* @__PURE__ */ e(je, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Le, { children: n.budget_categories_title }) }),
-    /* @__PURE__ */ e(Te, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(K, { children: c.map((s) => /* @__PURE__ */ m(l.Fragment, { children: [
+    /* @__PURE__ */ e(De, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(X, { children: c.map((s) => /* @__PURE__ */ m(l.Fragment, { children: [
       /* @__PURE__ */ e(Pt, { budget: s, onClick: a }),
-      /* @__PURE__ */ e(le, {})
+      /* @__PURE__ */ e(ue, {})
     ] }, s.guid)) }) })
   ] });
 }), zt = I(() => {
-  const t = se(), { onEvent: n } = X(), { visibleAccounts: c } = ke(), { budgets: i, common: a, recurring: s } = E(), { incomeCategories: o, spendCategories: r } = Y(), { detailedBudgets: g, totalBudgeted: d } = w(), { incomeTotal: u } = ie(), { setFilter: y } = q(), [p, h] = l.useState(!1), [_, C] = l.useMemo(() => {
-    const S = r.reduce((R, O) => R + O.totalAmount, 0);
-    let f = S / d;
+  const t = ce(), { onEvent: n } = q(), { visibleAccounts: c } = ke(), { budgets: i, common: a, recurring: s } = E(), { incomeCategories: o, spendCategories: r } = Z(), { detailedBudgets: p, totalBudgeted: d } = w(), { incomeTotal: u } = le(), { setFilter: S } = Q(), [g, h] = l.useState(!1), [_, y] = l.useMemo(() => {
+    const B = r.reduce((M, N) => M + N.totalAmount, 0);
+    let f = B / d;
     f > 1 && (f = 1);
     let T = t.palette.success.main;
     f > 0.8 && f < 1 ? T = t.palette.warning.main : f >= 1 && (T = t.palette.error.main);
-    const N = [
+    const L = [
       {
         color: T,
         percentage: `${f}`
       }
     ];
-    return [S, N];
-  }, [g, r]), [x, v] = l.useMemo(() => {
-    const S = Math.abs(
-      o.reduce((N, R) => N + R.totalAmount, 0)
+    return [B, L];
+  }, [p, r]), [x, v] = l.useMemo(() => {
+    const B = Math.abs(
+      o.reduce((L, M) => L + M.totalAmount, 0)
     );
-    let f = S / u;
+    let f = B / u;
     f > 1 && (f = 1);
     const T = [
       {
@@ -962,23 +962,23 @@ const It = ({
         percentage: `${f}`
       }
     ];
-    return [S, T];
+    return [B, T];
   }, [o, u]), b = () => {
-    y({
-      accounts: c.map((S) => S.guid),
+    S({
+      accounts: c.map((B) => B.guid),
       dateRange: {
         start: st(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
       }
-    }), h(!0), n(G.BUDGETS_CLICK_EDIT_INCOME);
+    }), h(!0), n(P.BUDGETS_CLICK_EDIT_INCOME);
   };
-  return /* @__PURE__ */ m(ve, { elevation: 2, sx: { overflow: "visible" }, children: [
+  return /* @__PURE__ */ m(Te, { elevation: 2, sx: { overflow: "visible" }, children: [
     /* @__PURE__ */ e(je, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Le, { children: i.overview_title }) }),
-    /* @__PURE__ */ e(Te, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ m(A, { gap: 24, children: [
+    /* @__PURE__ */ e(De, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ m(A, { gap: 24, children: [
       /* @__PURE__ */ m(A, { gap: 8, children: [
-        /* @__PURE__ */ e(B, { bold: !0, sx: { mb: 8 }, variant: "body1", children: i.spending_title }),
-        /* @__PURE__ */ e(Be, { data: C, height: 16 }),
-        /* @__PURE__ */ e(B, { variant: "body2", children: L(
+        /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 8 }, variant: "body1", children: i.spending_title }),
+        /* @__PURE__ */ e(Se, { data: y, height: 16 }),
+        /* @__PURE__ */ e(C, { variant: "body2", children: R(
           i.spending_description,
           D(_, "0,0"),
           D(d, "0,0")
@@ -986,19 +986,19 @@ const It = ({
       ] }),
       /* @__PURE__ */ m(A, { gap: 8, children: [
         /* @__PURE__ */ m(A, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
-          /* @__PURE__ */ e(B, { bold: !0, variant: "body1", children: i.income_title }),
+          /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: i.income_title }),
           /* @__PURE__ */ e(
             it,
             {
               "aria-label": s.manage_income,
               onClick: b,
               sx: { p: 0 },
-              children: /* @__PURE__ */ e(j, { color: "primary", name: "edit" })
+              children: /* @__PURE__ */ e(z, { color: "primary", name: "edit" })
             }
           )
         ] }),
-        /* @__PURE__ */ e(Be, { data: v, height: 16 }),
-        /* @__PURE__ */ e(B, { variant: "body2", children: L(
+        /* @__PURE__ */ e(Se, { data: v, height: 16 }),
+        /* @__PURE__ */ e(C, { variant: "body2", children: R(
           i.income_description,
           D(x, "0,0"),
           D(u, "0,0")
@@ -1009,151 +1009,155 @@ const It = ({
       $,
       {
         ariaLabelClose: a.close_aria,
-        isOpen: p,
+        isOpen: g,
         onClose: () => h(!1),
         title: s.manage_income,
         children: /* @__PURE__ */ e(ct, { forOverview: !0 })
       }
     )
   ] });
-}), Re = 480, Ho = I(({ onBackClick: t, sx: n }) => {
-  const c = se(), { onEvent: i } = X(), { visibleAccounts: a } = ke(), { budgets: s, common: o } = E(), { isInitialized: r, selectedAccounts: g, setDisplayedDate: d } = Z(), {
-    alert: u,
-    dateRange: y,
-    isDataLoaded: p,
-    loadBudgetData: h,
-    setDateRange: _,
-    setAlert: C,
-    setTheme: x,
-    detailedBudgets: v
-  } = w(), { setDateRange: b } = ie(), { loadDateRangeCategoryTotals: S, loadMonthlyCategoryTotals: f } = Y(), { isSmallTablet: T, isMobile: N, isSmallMobile: R } = ue(), O = T || N || R, [z, k] = l.useState(!1);
-  ze({
-    widgetName: "BubbleBudgetsWidget",
-    isLoaded: p
-  }), l.useEffect(() => {
-    x(c), p || h().finally(() => {
-      i(G.BUDGETS_VIEW);
-    });
-  }, []), l.useEffect(() => (_({ start: ae(oe()), end: Ce(oe()) }), () => {
-    _({ start: ae(oe()), end: Ce(oe()) });
-  }), [a]), l.useEffect(() => {
-    r && (d(y.start, y.end), S(g, y.start, y.end).finally(), f(g).finally(), b(y));
-  }, [r, g, y]);
-  const pe = (F) => {
-    _({ start: F[0] || /* @__PURE__ */ new Date(), end: F[1] || /* @__PURE__ */ new Date() });
-  }, he = () => {
-    i(G.BUDGETS_CLICK_FILTER);
-  }, te = () => {
-    k(!0), i(G.BUDGETS_CLICK_ADD);
-  }, be = () => {
-    k(!1);
-  }, fe = () => {
-    k(!1);
-  }, P = Ye(y.end, ae(/* @__PURE__ */ new Date()));
-  return !r || !p ? /* @__PURE__ */ e(me, {}) : /* @__PURE__ */ m(
-    lt,
-    {
-      actions: [
-        {
-          iconName: "add",
-          label: s.add_title,
-          onClick: te
-        }
-      ],
-      calendarActions: {
-        onRangeChanged: pe,
-        shouldDisableNext: P,
-        shouldDisablePicker: !0
-      },
-      onAccountsFilterClick: he,
-      onBackClick: t,
-      sx: n,
-      title: s.budgets_title,
-      children: [
-        /* @__PURE__ */ m(
-          A,
+}), Re = 480, Ho = I(
+  ({ onBackClick: t, onMenuClick: n, sx: c }) => {
+    const i = ce(), { onEvent: a } = q(), { visibleAccounts: s } = ke(), { budgets: o, common: r } = E(), { isInitialized: p, selectedAccounts: d, setDisplayedDate: u } = J(), {
+      alert: S,
+      dateRange: g,
+      isDataLoaded: h,
+      loadBudgetData: _,
+      setDateRange: y,
+      setAlert: x,
+      setTheme: v,
+      detailedBudgets: b
+    } = w(), { setDateRange: B } = le(), { loadDateRangeCategoryTotals: f, loadMonthlyCategoryTotals: T } = Z(), { isSmallTablet: L, isMobile: M, isSmallMobile: N } = ge(), k = L || M || N, [G, F] = l.useState(!1);
+    ze({
+      widgetName: "BubbleBudgetsWidget",
+      isLoaded: h
+    }), l.useEffect(() => {
+      v(i), h || _().finally(() => {
+        a(P.BUDGETS_VIEW);
+      });
+    }, []), l.useEffect(() => (y({ start: se(ae()), end: Be(ae()) }), () => {
+      y({ start: se(ae()), end: Be(ae()) });
+    }), [s]), l.useEffect(() => {
+      p && (u(g.start, g.end), f(d, g.start, g.end).finally(), T(d).finally(), B(g));
+    }, [p, d, g]);
+    const be = (K) => {
+      y({ start: K[0] || /* @__PURE__ */ new Date(), end: K[1] || /* @__PURE__ */ new Date() });
+    }, fe = () => {
+      a(P.BUDGETS_CLICK_FILTER);
+    }, ne = () => {
+      F(!0), a(P.BUDGETS_CLICK_ADD);
+    }, ye = () => {
+      F(!1);
+    }, j = () => {
+      F(!1);
+    }, V = Ye(g.end, se(/* @__PURE__ */ new Date()));
+    return !p || !h ? /* @__PURE__ */ e(pe, {}) : /* @__PURE__ */ m(
+      lt,
+      {
+        actions: [
           {
-            direction: O ? "column" : "row",
-            height: "100%",
-            sx: { justifyContent: "center" },
-            width: "100%",
-            children: [
-              /* @__PURE__ */ e(A, { height: O ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
-                He,
+            iconName: "add",
+            label: o.add_title,
+            onClick: ne
+          }
+        ],
+        calendarActions: {
+          onRangeChanged: be,
+          shouldDisableNext: V,
+          shouldDisablePicker: !0
+        },
+        hasDivider: !0,
+        onAccountsFilterClick: fe,
+        onBackClick: t,
+        onMenuClick: n,
+        sx: c,
+        title: o.budgets_title,
+        children: [
+          /* @__PURE__ */ m(
+            A,
+            {
+              direction: k ? "column" : "row",
+              height: "100%",
+              sx: { justifyContent: "center" },
+              width: "100%",
+              children: [
+                /* @__PURE__ */ e(A, { height: k ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
+                  He,
+                  {
+                    createBudgetOnClick: ne,
+                    height: k ? 450 : 800,
+                    isDraggable: !0,
+                    shouldShowZeroState: b.length === 0,
+                    unavailableWidth: k ? 0 : Re
+                  }
+                ) }),
+                b.length !== 0 && /* @__PURE__ */ m(
+                  A,
+                  {
+                    gap: 24,
+                    height: "100%",
+                    sx: { mr: 24, mt: 48 },
+                    width: k ? "100%" : Re,
+                    children: [
+                      /* @__PURE__ */ e(zt, {}),
+                      /* @__PURE__ */ e(jt, {})
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(Gt, {}),
+          /* @__PURE__ */ e(
+            $,
+            {
+              ariaLabelClose: r.close_aria,
+              isOpen: G,
+              onClose: () => F(!1),
+              title: o.add_new_title,
+              children: /* @__PURE__ */ e(
+                Fe,
                 {
-                  createBudgetOnClick: te,
-                  height: O ? 450 : 800,
-                  isDraggable: !0,
-                  shouldShowZeroState: v.length === 0,
-                  unavailableWidth: O ? 0 : Re
+                  onAddBudget: ye,
+                  onRecalculateBudgets: j
                 }
-              ) }),
-              v.length !== 0 && /* @__PURE__ */ m(
-                A,
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            Ae,
+            {
+              anchorOrigin: { vertical: "bottom", horizontal: "right" },
+              autoHideDuration: 3500,
+              onClose: () => {
+                x("");
+              },
+              open: !!S,
+              children: /* @__PURE__ */ e(
+                xe,
                 {
-                  gap: 24,
-                  height: "100%",
-                  sx: { mr: 24, mt: 48 },
-                  width: O ? "100%" : Re,
-                  children: [
-                    /* @__PURE__ */ e(zt, {}),
-                    /* @__PURE__ */ e(jt, {})
-                  ]
+                  closeText: "",
+                  onClose: () => {
+                    x("");
+                  },
+                  severity: "success",
+                  variant: "filled",
+                  children: S
                 }
               )
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(Gt, {}),
-        /* @__PURE__ */ e(
-          $,
-          {
-            ariaLabelClose: o.close_aria,
-            isOpen: z,
-            onClose: () => k(!1),
-            title: s.add_new_title,
-            children: /* @__PURE__ */ e(
-              Fe,
-              {
-                onAddBudget: be,
-                onRecalculateBudgets: fe
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e(
-          xe,
-          {
-            anchorOrigin: { vertical: "bottom", horizontal: "right" },
-            autoHideDuration: 3500,
-            onClose: () => {
-              C("");
-            },
-            open: !!u,
-            children: /* @__PURE__ */ e(
-              Se,
-              {
-                closeText: "",
-                onClose: () => {
-                  C("");
-                },
-                severity: "success",
-                variant: "filled",
-                children: u
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}), Ft = ({
+            }
+          )
+        ]
+      }
+    );
+  }
+), Ft = ({
   budgetsCopy: t,
   difference: n,
   handleAddClick: c,
   shouldShowZeroState: i
 }) => {
-  const { availableHeight: a = 0 } = ce(), s = l.useRef(null);
+  const { availableHeight: a = 0 } = de(), s = l.useRef(null);
   l.useEffect(() => {
     a > 0 && s.current === null && (s.current = a);
   }, [a]);
@@ -1171,39 +1175,39 @@ const It = ({
         shouldShowZeroState: i
       }
     ),
-    !i && /* @__PURE__ */ m(V, { ml: 16, children: [
-      /* @__PURE__ */ e(B, { bold: !0, color: n < 0 ? "error.main" : "success.main", children: D(Math.abs(n), "0,0") }),
-      /* @__PURE__ */ e(B, { children: n < 0 ? t.overspent_in_budgets : t.left_in_budgets })
+    !i && /* @__PURE__ */ m(Y, { ml: 16, children: [
+      /* @__PURE__ */ e(C, { bold: !0, color: n < 0 ? "error.main" : "success.main", children: D(Math.abs(n), "0,0") }),
+      /* @__PURE__ */ e(C, { children: n < 0 ? t.overspent_in_budgets : t.left_in_budgets })
     ] })
   ] });
 }, Ut = (t) => {
-  const n = se(), { onEvent: c } = X(), { detailedBudgets: i, isDataLoaded: a, loadBudgetData: s, setTheme: o } = w(), { budgets: r, common: g } = E(), { isInitialized: d, selectedAccounts: u } = Z(), { loadDateRangeCategoryTotals: y, loadMonthlyCategoryTotals: p } = Y(), h = dt(), [_, C] = l.useState(!1);
+  const n = ce(), { onEvent: c } = q(), { detailedBudgets: i, isDataLoaded: a, loadBudgetData: s, setTheme: o } = w(), { budgets: r, common: p } = E(), { isInitialized: d, selectedAccounts: u } = J(), { loadDateRangeCategoryTotals: S, loadMonthlyCategoryTotals: g } = Z(), h = dt(), [_, y] = l.useState(!1);
   l.useEffect(() => {
     a || s().finally();
   }, []), l.useEffect(() => {
     o(n);
   }, [n]), l.useEffect(() => {
-    d && !a && (y(
+    d && !a && (S(
       u,
-      ae(/* @__PURE__ */ new Date()),
-      Ce(/* @__PURE__ */ new Date())
-    ).finally(), p(u).finally());
+      se(/* @__PURE__ */ new Date()),
+      Be(/* @__PURE__ */ new Date())
+    ).finally(), g(u).finally());
   }, [d, u, a]);
   const x = () => {
-    C(!0), c(G.BUDGETS_CLICK_ADD);
+    y(!0), c(P.BUDGETS_CLICK_ADD);
   }, v = () => {
-    C(!1);
-  }, b = () => C(!1);
+    y(!1);
+  }, b = () => y(!1);
   if (ze({
     widgetName: "BubbleBudgetsMiniWidget",
     isLoaded: a
-  }), !d || !a) return /* @__PURE__ */ e(me, {});
-  const S = i.length === 0;
+  }), !d || !a) return /* @__PURE__ */ e(pe, {});
+  const B = i.length === 0;
   return /* @__PURE__ */ m(
     gt,
     {
       contentStyles: { height: "calc(100% - 66px)", ":last-child": { pb: 0 } },
-      primaryCtaLabel: S ? r.get_started_cta : r.details_cta,
+      primaryCtaLabel: B ? r.get_started_cta : r.details_cta,
       primaryCtaLabelAria: r.details_cta_aria,
       sx: { height: "100%" },
       title: r.budgets_title,
@@ -1215,15 +1219,15 @@ const It = ({
             budgetsCopy: r,
             difference: h,
             handleAddClick: x,
-            shouldShowZeroState: S
+            shouldShowZeroState: B
           }
         ),
         /* @__PURE__ */ e(
           $,
           {
-            ariaLabelClose: g.close_aria,
+            ariaLabelClose: p.close_aria,
             isOpen: _,
-            onClose: () => C(!1),
+            onClose: () => y(!1),
             title: r.add_new_title,
             children: /* @__PURE__ */ e(
               Fe,
@@ -1237,7 +1241,7 @@ const It = ({
       ]
     }
   );
-}, Vo = I(Ut), ne = {
+}, Vo = I(Ut), re = {
   CANCEL_DELETE: "Cancel - Delete",
   END_SAVE: "End - Save",
   END_DELETE: "End - Delete",
@@ -1253,43 +1257,43 @@ const It = ({
     dateRange: s,
     deleteBudget: o,
     selectedBudget: r,
-    selectedSubBudget: g,
+    selectedSubBudget: p,
     setAlert: d,
     setSelectedBudget: u,
-    updateBudget: y
-  } = w(), { budgets: p, common: h } = E(), { isCopyLoaded: _, selectedAccountGuids: C } = Z(), x = Ge(), { setFilter: v } = q(), [b, S] = l.useState(""), [f, T] = l.useState(null), [N, R] = l.useState(!1), O = l.useRef(!1);
+    updateBudget: S
+  } = w(), { budgets: g, common: h } = E(), { isCopyLoaded: _, selectedAccountGuids: y } = J(), x = Ge(), { setFilter: v } = Q(), [b, B] = l.useState(""), [f, T] = l.useState(null), [L, M] = l.useState(!1), N = l.useRef(!1);
   if (l.useEffect(() => {
-    !r || g || (S(`${r.amount}`), v({
-      accounts: C,
+    !r || p || (B(`${r.amount}`), v({
+      accounts: y,
       dateRange: s,
-      custom: ({ category_guid: P, top_level_category_guid: F }) => {
-        const { category_guid: De } = r;
-        return P === De || F === De;
+      custom: ({ category_guid: j, top_level_category_guid: V }) => {
+        const { category_guid: K } = r;
+        return j === K || V === K;
       }
-    }), R(!0));
-  }, [r]), !_) return /* @__PURE__ */ e(me, {});
+    }), M(!0));
+  }, [r]), !_) return /* @__PURE__ */ e(pe, {});
   if (!r) return null;
-  const z = () => {
-    S(""), T(null), R(!1), setTimeout(() => {
+  const k = () => {
+    B(""), T(null), M(!1), setTimeout(() => {
       u(void 0), t?.();
     }, 250);
-  }, k = () => {
-    f === "delete" && n?.(ne.CANCEL_DELETE, b), S(r.amount ? `${r.amount}` : ""), T(null);
-  }, pe = async () => {
+  }, G = () => {
+    f === "delete" && n?.(re.CANCEL_DELETE, b), B(r.amount ? `${r.amount}` : ""), T(null);
+  }, F = async () => {
     if (f === "edit") {
-      if (O.current) return;
-      O.current = !0, await y({
+      if (N.current) return;
+      N.current = !0, await S({
         ...r,
         amount: Number(b)
-      }), n?.(ne.END_SAVE, b), d(
-        L(p.alert_budget_updated, r.category.name)
-      ), T(null), O.current = !1;
+      }), n?.(re.END_SAVE, b), d(
+        R(g.alert_budget_updated, r.category.name)
+      ), T(null), N.current = !1;
     }
-    f === "delete" && (await o(r.guid), n?.(ne.END_DELETE, b), z());
-  }, { remainingAmount: he, spentPercentage: te, iconColor: be } = ut(
+    f === "delete" && (await o(r.guid), n?.(re.END_DELETE, b), k());
+  }, { remainingAmount: be, spentPercentage: fe, iconColor: ne } = ut(
     r.transaction_total ?? 0,
     r.amount ?? 0
-  ), fe = (P, F) => L(P, /* @__PURE__ */ e("b", { children: F }));
+  ), ye = (j, V) => R(j, /* @__PURE__ */ e("b", { children: V }));
   return /* @__PURE__ */ m(l.Fragment, { children: [
     /* @__PURE__ */ m(
       $,
@@ -1299,27 +1303,27 @@ const It = ({
           px: 24,
           py: 16
         },
-        isOpen: N,
-        onClose: z,
+        isOpen: L,
+        onClose: k,
         onPrimaryAction: () => T(
           "edit"
           /* EDIT */
         ),
         onSecondaryAction: () => {
-          n?.(ne.START_DELETE, b), T(
+          n?.(re.START_DELETE, b), T(
             "delete"
             /* DELETE */
           );
         },
-        primaryText: p.details_edit_button,
+        primaryText: g.details_edit_button,
         secondaryColor: "error",
-        secondaryText: p.details_delete_button,
+        secondaryText: g.details_delete_button,
         sx: {
           "& .list-wrapper": {
             pr: 24
           }
         },
-        title: L(p.details_type_title, r.category.name),
+        title: R(g.details_type_title, r.category.name),
         children: [
           /* @__PURE__ */ e(
             nt,
@@ -1337,23 +1341,23 @@ const It = ({
                   }
                 }
               ),
-              iconColor: be,
+              iconColor: ne,
               onViewHistory: c,
-              remainingAmount: he,
-              spentPercentage: te,
+              remainingAmount: be,
+              spentPercentage: fe,
               startDate: (s.start.getTime() ?? 0) / 1e3,
               totalTransaction: r.transaction_total
             }
           ),
-          /* @__PURE__ */ e(Ae, { ...i }),
+          /* @__PURE__ */ e(ve, { ...i }),
           a && /* @__PURE__ */ e(
-            xe,
+            Ae,
             {
               anchorOrigin: { horizontal: "right", vertical: "bottom" },
               autoHideDuration: 3500,
               onClose: () => d(""),
               open: !!a,
-              children: /* @__PURE__ */ e(Se, { closeText: "", onClose: () => d(""), severity: "success", variant: "filled", children: a })
+              children: /* @__PURE__ */ e(xe, { closeText: "", onClose: () => d(""), severity: "success", variant: "filled", children: a })
             }
           )
         ]
@@ -1363,22 +1367,22 @@ const It = ({
       mt,
       {
         closeAriaLabel: h.close_aria,
-        content: fe(
-          p[f === "edit" ? "edit_budget_content" : "delete_description"],
+        content: ye(
+          g[f === "edit" ? "edit_budget_content" : "delete_description"],
           r.category.name
         ),
-        handleInputChange: (P) => S(P.toString()),
-        handleModalClose: k,
-        handlePrimaryAction: pe,
-        handleSecondaryAction: k,
-        inputLabel: f === "edit" ? p.details_edit_title : "",
+        handleInputChange: (j) => B(j.toString()),
+        handleModalClose: G,
+        handlePrimaryAction: F,
+        handleSecondaryAction: G,
+        inputLabel: f === "edit" ? g.details_edit_title : "",
         inputValue: b,
         isOpen: !0,
         primaryColor: f === "edit" ? "primary" : "error",
-        primaryText: p[f === "edit" ? "add_save_button" : "details_delete_button"],
+        primaryText: g[f === "edit" ? "add_save_button" : "details_delete_button"],
         secondaryColor: f === "edit" ? "primary" : "inherit",
         secondaryText: h.cancel_button,
-        title: p[f === "edit" ? "details_edit_title" : "delete_title"]
+        title: g[f === "edit" ? "details_edit_title" : "delete_title"]
       }
     )
   ] });