@mx-cartographer/experiences 7.0.55-alpha.mega2 → 7.0.55

package/dist/budgets/index.es.js

@@ -1,10 +1,10 @@
-import { jsxs as m, jsx as e, Fragment as je } from "react/jsx-runtime";
+import { jsxs as u, jsx as e, Fragment as je } from "react/jsx-runtime";
 import l from "react";
 import { observer as I } from "mobx-react-lite";
-import { endOfMonth as me } from "date-fns/endOfMonth";
+import { endOfMonth as ue } from "date-fns/endOfMonth";
 import { startOfMonth as q } from "date-fns/startOfMonth";
 import F from "@mui/material/Box";
-import S from "@mui/material/Stack";
+import C from "@mui/material/Stack";
 import Q from "@mui/material/styles/useTheme";
 import { Text as y, CategoryIcon as H, Icon as N, H1 as ze, H3 as xe } from "@mxenabled/mxui";
 import W from "@mui/material/List";
@@ -24,9 +24,9 @@ import { a as $ } from "../Dialog-CWW597AF.mjs";
 import { C as We } from "../ConnectionsDrawer-CU3E2RLw.mjs";
 import * as O from "d3";
 import Xe from "@mui/material/Tooltip";
-import { u as se } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as G } from "../Loader-DUaFpDGv.mjs";
-import { E as de } from "../EmptyState-Cu00ZWJL.mjs";
+import { E as le } from "../EmptyState-Cu00ZWJL.mjs";
+import { u as ge } from "../useScreenSize-B6JyS_Lj.mjs";
 import { A as L, W as Ke } from "../WidgetContainer-B8MRJ5Y1.mjs";
 import { u as Ve } from "../BudgetUtil-2EncZLBQ.mjs";
 import { M as Ye } from "../MiniWidgetContainer-DTQdRK-3.mjs";
@@ -40,7 +40,7 @@ import { e as et } from "../exportTransactionsToCSV-D8TTNrrE.mjs";
 import { T as Te, a as tt } from "../TransactionDetails-DAp_CPCP.mjs";
 import pe from "@mui/material/Card";
 import he from "@mui/material/CardContent";
-import { S as ge } from "../StatusBar-BK_uYHAB.mjs";
+import { S as me } from "../StatusBar-BK_uYHAB.mjs";
 import { S as we } from "../SingleSegmentDonut-BgbLgwHi.mjs";
 import { u as nt, b as ot } from "../CategorySelectorDrawer-BmenK5bu.mjs";
 import De from "@mui/material/CardHeader";
@@ -48,31 +48,31 @@ import { subDays as at } from "date-fns/subDays";
 import rt from "@mui/material/IconButton";
 import { M as st } from "../ManageIncome-BX7dzGF8.mjs";
 const it = I(() => {
-  const { budgets: t } = w(), { totalBudgeted: o } = D(), { incomeTotal: i } = ee(), s = i - o;
-  return /* @__PURE__ */ m(S, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
-    /* @__PURE__ */ m(S, { alignItems: "center", children: [
+  const { budgets: t } = w(), { totalBudgeted: a } = D(), { incomeTotal: i } = ee(), s = i - a;
+  return /* @__PURE__ */ u(C, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
+    /* @__PURE__ */ u(C, { 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(S, { alignItems: "center", children: [
-      /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: T(o, "0,0") }),
+    /* @__PURE__ */ u(C, { alignItems: "center", children: [
+      /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: T(a, "0,0") }),
       /* @__PURE__ */ e(y, { color: "secondary", variant: "Small", children: t.budgeted })
     ] }),
     /* @__PURE__ */ e(y, { bold: !0, justifyContent: "center", variant: "Body", children: "=" }),
-    /* @__PURE__ */ m(S, { alignItems: "center", children: [
+    /* @__PURE__ */ u(C, { 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 })
     ] })
   ] });
 }), ct = I(
   ({ category: t }) => {
-    const { budgets: o } = w(), { budgets: i } = D(), s = l.useMemo(() => {
-      const a = i.find((c) => c.category_guid === t.guid), n = T(t.totalAverageAmount, "0,0"), r = a ? M(o.recalculate_previous_budget, T(a.amount, "0,0")) : o.recalculate_new_budget;
-      return `${n} - ${r}`;
-    }, [o, i]);
-    return /* @__PURE__ */ m(l.Fragment, { children: [
-      /* @__PURE__ */ e(K, { children: /* @__PURE__ */ m(V, { children: [
+    const { budgets: a } = w(), { budgets: i } = D(), s = l.useMemo(() => {
+      const n = i.find((c) => c.category_guid === t.guid), o = T(t.totalAverageAmount, "0,0"), r = n ? M(a.recalculate_previous_budget, T(n.amount, "0,0")) : a.recalculate_new_budget;
+      return `${o} - ${r}`;
+    }, [a, i]);
+    return /* @__PURE__ */ u(l.Fragment, { children: [
+      /* @__PURE__ */ e(K, { children: /* @__PURE__ */ u(V, { children: [
         /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid, variant: "filled" }) }),
         /* @__PURE__ */ e(Y, { primary: t.name, secondary: s })
       ] }) }),
@@ -80,12 +80,12 @@ const it = I(() => {
     ] }, t.guid);
   }
 ), lt = ({ onRecalculateBudgets: t }) => {
-  const { budgets: o, common: i } = w(), { spendCategories: s } = j(), { recalculateBudgets: a, setAlert: n } = D(), [r, c] = l.useState(!1), d = s.filter((u) => u.totalAverageAmount > 0), g = async () => {
-    await a(d), c(!1), n(o.alert_recalculated_budgets), t?.();
+  const { budgets: a, common: i } = w(), { spendCategories: s } = j(), { recalculateBudgets: n, setAlert: o } = D(), [r, c] = l.useState(!1), m = s.filter((d) => d.totalAverageAmount > 0), g = async () => {
+    await n(m), c(!1), o(a.alert_recalculated_budgets), t?.();
   };
-  return /* @__PURE__ */ m(l.Fragment, { children: [
-    /* @__PURE__ */ e(Ae, { onClick: () => c(!0), sx: { mt: 24, mx: 24 }, variant: "text", children: o.recalculate_button }),
-    /* @__PURE__ */ e(y, { sx: { mx: 24, my: 16, textAlign: "center", whiteSpace: "wrap" }, variant: "Paragraph", children: o.recalculate_help }),
+  return /* @__PURE__ */ u(l.Fragment, { children: [
+    /* @__PURE__ */ e(Ae, { onClick: () => c(!0), sx: { mt: 24, mx: 24 }, variant: "text", children: a.recalculate_button }),
+    /* @__PURE__ */ e(y, { sx: { mx: 24, my: 16, textAlign: "center", whiteSpace: "wrap" }, variant: "Paragraph", children: a.recalculate_help }),
     /* @__PURE__ */ e(
       k,
       {
@@ -93,30 +93,30 @@ const it = I(() => {
         isOpen: r,
         onClose: () => c(!1),
         onPrimaryAction: g,
-        title: o.recalculate_title,
-        children: /* @__PURE__ */ m(S, { children: [
-          /* @__PURE__ */ m(S, { mx: 24, my: 16, children: [
-            /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: o.recalculate_description_top }),
-            /* @__PURE__ */ e(y, { variant: "ParagraphSmall", children: o.recalculate_description_bottom })
+        title: a.recalculate_title,
+        children: /* @__PURE__ */ u(C, { children: [
+          /* @__PURE__ */ u(C, { mx: 24, my: 16, children: [
+            /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: a.recalculate_description_top }),
+            /* @__PURE__ */ e(y, { variant: "ParagraphSmall", children: a.recalculate_description_bottom })
           ] }),
-          /* @__PURE__ */ e(F, { bgcolor: "background.paper", children: /* @__PURE__ */ e(W, { children: d.map((u) => /* @__PURE__ */ e(ct, { category: u }, u.guid)) }) })
+          /* @__PURE__ */ e(F, { bgcolor: "background.paper", children: /* @__PURE__ */ e(W, { children: m.map((d) => /* @__PURE__ */ e(ct, { category: d }, d.guid)) }) })
         ] })
       }
     )
   ] });
-}, ie = ({
+}, se = ({
   amount: t,
-  categoryName: o,
+  categoryName: a,
   onAmountChanged: i
 }) => {
-  const { budgets: s } = w(), { totalBudgeted: a } = D(), { incomeTotal: n } = ee(), r = n - a;
-  return /* @__PURE__ */ m(S, { gap: 16, children: [
-    /* @__PURE__ */ m(S, { children: [
+  const { budgets: s } = w(), { totalBudgeted: n } = D(), { incomeTotal: o } = ee(), r = o - n;
+  return /* @__PURE__ */ u(C, { gap: 16, children: [
+    /* @__PURE__ */ u(C, { children: [
       /* @__PURE__ */ e(y, { children: M(
         s.add_description_top,
         T(r, "0,0")
       ) }),
-      /* @__PURE__ */ e(y, { children: M(s.add_description_bottom, o) })
+      /* @__PURE__ */ e(y, { children: M(s.add_description_bottom, a) })
     ] }),
     /* @__PURE__ */ e(
       He,
@@ -130,12 +130,12 @@ const it = I(() => {
       }
     )
   ] });
-}, dt = I(({ category: t, onAddBudget: o }) => {
-  const { budgets: i, common: s } = w(), [a, n] = l.useState(!1), [r, c] = l.useState(
+}, dt = I(({ category: t, onAddBudget: a }) => {
+  const { budgets: i, common: s } = w(), [n, o] = l.useState(!1), [r, c] = l.useState(
     `${t.totalAmount === 0 ? "" : t.totalAmount}`
   );
-  return /* @__PURE__ */ m(l.Fragment, { children: [
-    /* @__PURE__ */ e(K, { children: /* @__PURE__ */ m(V, { onClick: () => n(!0), children: [
+  return /* @__PURE__ */ u(l.Fragment, { children: [
+    /* @__PURE__ */ e(K, { children: /* @__PURE__ */ u(V, { onClick: () => o(!0), children: [
       /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid }) }),
       /* @__PURE__ */ e(
         Y,
@@ -151,115 +151,115 @@ const it = I(() => {
       {
         copy: { close_aria: s.close_aria, title: i.add_title },
         disablePrimaryButton: Number(r) <= 0,
-        isOpen: a,
-        onClose: () => n(!1),
-        onPrimaryAction: () => o(t, Number(r)),
+        isOpen: n,
+        onClose: () => o(!1),
+        onPrimaryAction: () => a(t, Number(r)),
         primaryText: i.add_save_button,
-        children: /* @__PURE__ */ e(ie, { amount: r, categoryName: t.name, onAmountChanged: c })
+        children: /* @__PURE__ */ e(se, { amount: r, categoryName: t.name, onAmountChanged: c })
       }
     )
   ] });
 }), Ie = I(({ onRecalculateBudgets: t }) => {
-  const { budgets: o } = w(), { addBudget: i, setAlert: s, unbudgetedCategories: a } = D(), n = async (r, c) => {
-    await i(r, c), s(M(o.alert_budget_created, r.name));
+  const { budgets: a } = w(), { addBudget: i, setAlert: s, unbudgetedCategories: n } = D(), o = async (r, c) => {
+    await i(r, c), s(M(a.alert_budget_created, r.name));
   };
-  return /* @__PURE__ */ m(S, { children: [
+  return /* @__PURE__ */ u(C, { children: [
     /* @__PURE__ */ e(it, {}),
-    /* @__PURE__ */ e(F, { bgcolor: "background.paper", children: /* @__PURE__ */ e(W, { children: a.map((r) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e(F, { bgcolor: "background.paper", children: /* @__PURE__ */ e(W, { children: n.map((r) => /* @__PURE__ */ e(
       dt,
       {
         category: r,
-        onAddBudget: n
+        onAddBudget: o
       },
       r.guid
     )) }) }),
     /* @__PURE__ */ e(lt, { onRecalculateBudgets: t })
   ] });
 }), be = 5, Ee = 100, J = 25, ut = (t) => {
-  const o = (a) => {
-    a.active || t.alphaTarget(0.3).restart(), a.subject.fx = a.subject.x, a.subject.fy = a.subject.y;
-  }, i = (a) => {
-    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;
+  const a = (n) => {
+    n.active || t.alphaTarget(0.3).restart(), n.subject.fx = n.subject.x, n.subject.fy = n.subject.y;
+  }, i = (n) => {
+    n.subject.fx = n.x, n.subject.fy = n.y;
+  }, s = (n) => {
+    n.active || t.alphaTarget(0), n.subject.fx = null, n.subject.fy = null;
   };
-  return O.drag().on("start", o).on("drag", i).on("end", s);
+  return O.drag().on("start", a).on("drag", i).on("end", s);
 }, mt = (t) => {
-  let o = t.transaction_total / t.amount;
-  o < 0 ? o = 0 : o > 1 && (o = 1);
-  const i = o * 2 * Math.PI, s = O.interpolate(0, i), a = O.arc().cornerRadius(5).innerRadius(t.radius - be * 2).outerRadius(t.radius - be).startAngle(0).endAngle(0);
-  return (n) => (a.endAngle(s(n)), a(t) || "");
+  let a = t.transaction_total / t.amount;
+  a < 0 ? a = 0 : a > 1 && (a = 1);
+  const i = a * 2 * Math.PI, s = O.interpolate(0, i), n = O.arc().cornerRadius(5).innerRadius(t.radius - be * 2).outerRadius(t.radius - be).startAngle(0).endAngle(0);
+  return (o) => (n.endAngle(s(o)), n(t) || "");
 }, gt = (t) => {
   O.selectAll(".bubble").call(ut(t));
-}, Ce = (t, o, i) => Math.min(Math.max(t, o), i), pt = (t, o, i) => {
+}, Ce = (t, a, i) => Math.min(Math.max(t, a), i), pt = (t, a, i) => {
   t.alpha(1).restart().force(
     "x",
     O.forceX().x(i / 2).strength(0.01)
   ).force(
     "y",
-    O.forceY().y(o / 2).strength(0.02)
+    O.forceY().y(a / 2).strength(0.02)
   ).on("tick", () => {
     const s = t.nodes();
-    s.forEach((a) => {
-      const n = a.radius ?? J;
-      a.x = Ce(a.x ?? 0, n, i - n), a.y = Ce(a.y ?? 0, n, o - n);
-    }), O.selectAll(".bubble").data(s).attr("transform", (a) => `translate(${a.x},${a.y})`);
+    s.forEach((n) => {
+      const o = n.radius ?? J;
+      n.x = Ce(n.x ?? 0, o, i - o), n.y = Ce(n.y ?? 0, o, a - o);
+    }), O.selectAll(".bubble").data(s).attr("transform", (n) => `translate(${n.x},${n.y})`);
   });
-}, Oe = (t, o) => O.scaleLinear().domain([t, o]).range([J, Ee]), ht = (t) => {
-  const o = t.reduce((n, r) => {
+}, Oe = (t, a) => O.scaleLinear().domain([t, a]).range([J, Ee]), ht = (t) => {
+  const a = t.reduce((o, r) => {
     const c = Math.max(r.transaction_total, r.amount);
-    return c > n ? c : n;
-  }, 0), i = t.reduce((n, r) => {
+    return c > o ? c : o;
+  }, 0), i = t.reduce((o, r) => {
     const c = Math.max(r.transaction_total, r.amount);
-    return c < n ? c : n;
-  }, o), s = Oe(i, o), a = t.map((n) => {
-    const r = s(Math.max(n.transaction_total, n.amount)) || 25;
+    return c < o ? c : o;
+  }, a), s = Oe(i, a), n = t.map((o) => {
+    const r = s(Math.max(o.transaction_total, o.amount)) || 25;
     return {
-      ...n,
+      ...o,
       radius: r
     };
   });
-  return O.forceSimulation(a).velocityDecay(0.05).force("collide", O.forceCollide((n) => n.radius + 2).strength(0.7));
-}, ft = (t, o, i) => {
-  const a = Math.PI * J ** 2 * t, n = i < 400 || o < 300, r = n ? 40 : 20, c = Math.max(100, i - r), d = Math.max(100, o - r), g = c * d;
-  let u = J;
-  if (a < g) {
-    const f = Math.sqrt(g / (t * Math.PI)), p = Math.min(c, d) / 4;
-    u = Math.min(Ee, f, p);
+  return O.forceSimulation(n).velocityDecay(0.05).force("collide", O.forceCollide((o) => o.radius + 2).strength(0.7));
+}, ft = (t, a, i) => {
+  const n = Math.PI * J ** 2 * t, o = i < 400 || a < 300, r = o ? 40 : 20, c = Math.max(100, i - r), m = Math.max(100, a - r), g = c * m;
+  let d = J;
+  if (n < g) {
+    const _ = Math.sqrt(g / (t * Math.PI)), p = Math.min(c, m) / 4;
+    d = Math.min(Ee, _, p);
   }
-  return n && t <= 3 && (u = Math.min(u, 45)), { minRadius: Math.max(20, u * 0.6), maxRadius: u };
-}, _t = (t, o, i, s, a) => {
-  const { maxRadius: n, minRadius: r } = ft(t, o, a);
-  return O.scaleLinear().domain([s, i]).range([r, n]);
-}, yt = (t, o, i = !1, s, a) => {
-  const n = o.map((g) => Math.max(g.transaction_total, g.amount)), r = Math.min(...n), c = Math.max(...n), d = i ? _t(t.length, s, c, r, a) : Oe(r, c);
+  return o && t <= 3 && (d = Math.min(d, 45)), { minRadius: Math.max(20, d * 0.6), maxRadius: d };
+}, _t = (t, a, i, s, n) => {
+  const { maxRadius: o, minRadius: r } = ft(t, a, n);
+  return O.scaleLinear().domain([s, i]).range([r, o]);
+}, yt = (t, a, i = !1, s, n) => {
+  const o = a.map((g) => Math.max(g.transaction_total, g.amount)), r = Math.min(...o), c = Math.max(...o), m = i ? _t(t.length, s, c, r, n) : Oe(r, c);
   return t.map((g) => ({
     ...g,
-    radius: d(Math.max(g.transaction_total, g.amount))
+    radius: m(Math.max(g.transaction_total, g.amount))
   }));
 }, Se = 5, bt = 2e3, Ct = ({ bubble: t }) => {
-  const o = Q(), {
+  const a = Q(), {
     amount: i,
     guid: s,
-    budgetColors: { mercury: a },
-    radius: n,
+    budgetColors: { mercury: n },
+    radius: o,
     transaction_total: r
   } = t, c = `mercury-${s}`;
   l.useEffect(() => {
-    O.select(`.${c}`).selectAll(".status").remove(), O.select(`.${c}`).append("path").transition().duration(bt).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => mt(t));
-  }, [i, n, r]);
-  const d = O.arc().innerRadius((g) => g - 2 * Se).outerRadius((g) => g - Se).startAngle(0).endAngle(2 * Math.PI);
+    O.select(`.${c}`).selectAll(".status").remove(), O.select(`.${c}`).append("path").transition().duration(bt).delay(0).attr("class", "status").attr("style", `fill: ${n}; fill-opacity: 1;`).attrTween("d", () => mt(t));
+  }, [i, o, r]);
+  const m = O.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",
     {
-      d: d(n) || "",
-      style: { fill: o.palette.common.white, fillOpacity: 0.35 }
+      d: m(o) || "",
+      style: { fill: a.palette.common.white, fillOpacity: 0.35 }
     }
   ) });
-}, St = l.memo(Ct), P = 75, ue = 50;
-function Bt({ bubble: t, isDraggable: o, onClick: i = () => {
+}, St = l.memo(Ct), P = 75, de = 50;
+function Bt({ bubble: t, isDraggable: a, onClick: i = () => {
 } }) {
-  const [s, a] = l.useState(!1), { availableWidth: n } = te(), r = l.useMemo(() => {
+  const [s, n] = l.useState(!1), { availableWidth: o } = te(), r = l.useMemo(() => {
     if (t)
       return {
         amount: t.amount,
@@ -271,19 +271,19 @@ function Bt({ bubble: t, isDraggable: o, onClick: i = () => {
   }, [t.amount, t.budgetColors, t.guid, t.radius, t.transaction_total]);
   if (!t) return;
   const {
-    budgetColors: { background: c, text: d },
-    category: { icon: g, name: u },
-    guid: h,
-    description: f,
+    budgetColors: { background: c, text: m },
+    category: { icon: g, name: d },
+    guid: f,
+    description: _,
     radius: p,
     x: b,
-    y: B
-  } = t, _ = n < 400 ? -8 : -12;
-  let C = _, v = _;
-  p > P ? (C = -14, v = -45) : p > ue && (v = -32);
+    y: S
+  } = t, h = o < 400 ? -8 : -12;
+  let x = h, v = h;
+  p > P ? (x = -14, v = -45) : p > de && (v = -32);
   let A = 32;
-  p <= P && (A = n < 400 ? 16 : 24);
-  const x = `${t.category.name}: ${f}`, E = {
+  p <= P && (A = o < 400 ? 16 : 24);
+  const B = `${t.category.name}: ${_}`, E = {
     modifiers: [
       {
         name: "offset",
@@ -291,18 +291,18 @@ function Bt({ bubble: t, isDraggable: o, onClick: i = () => {
       }
     ]
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ u(
     "g",
     {
       className: "bubble",
-      id: `bubble-${h}`,
+      id: `bubble-${f}`,
       onClick: () => i(t),
-      onMouseEnter: () => a(!0),
-      onMouseLeave: () => a(!1),
-      style: { cursor: o ? "pointer" : "default" },
+      onMouseEnter: () => n(!0),
+      onMouseLeave: () => n(!1),
+      style: { cursor: a ? "pointer" : "default" },
       textAnchor: "middle",
       x: b,
-      y: B,
+      y: S,
       children: [
         /* @__PURE__ */ e(
           Xe,
@@ -310,166 +310,166 @@ function Bt({ bubble: t, isDraggable: o, onClick: i = () => {
             followCursor: !0,
             open: s,
             slotProps: { popper: E },
-            title: x,
-            children: /* @__PURE__ */ e("circle", { fill: c, id: `circle-${h}`, r: p })
+            title: B,
+            children: /* @__PURE__ */ e("circle", { fill: c, id: `circle-${f}`, r: p })
           }
         ),
-        /* @__PURE__ */ e("svg", { x: C, y: v, children: /* @__PURE__ */ e(N, { name: g, size: A, sx: { fill: d } }) }),
+        /* @__PURE__ */ e("svg", { x, y: v, children: /* @__PURE__ */ e(N, { name: g, size: A, sx: { fill: m } }) }),
         p > P && /* @__PURE__ */ e(
           y,
           {
             bold: !0,
             component: "text",
-            id: `budget-category-${h}`,
-            sx: { fill: d },
+            id: `budget-category-${f}`,
+            sx: { fill: m },
             variant: "Small",
             y: 4,
-            children: u
+            children: d
           }
         ),
-        p > ue && /* @__PURE__ */ e(
+        p > de && /* @__PURE__ */ e(
           y,
           {
             bold: !0,
             component: "text",
-            id: `budget-description-${h}-1`,
-            sx: { fill: d },
+            id: `budget-description-${f}-1`,
+            sx: { fill: m },
             variant: "Body",
             y: p <= P ? 12 : 24,
-            children: p <= P ? f.split(" ")[0] : f
+            children: p <= P ? _.split(" ")[0] : _
           }
         ),
-        p <= P && p > ue && /* @__PURE__ */ e(
+        p <= P && p > de && /* @__PURE__ */ e(
           y,
           {
             component: "text",
-            id: `budget-description-${h}-2`,
-            sx: { fill: d },
+            id: `budget-description-${f}-2`,
+            sx: { fill: m },
             variant: "XSmall",
             y: 28,
-            children: f.split(" ")[1]
+            children: _.split(" ")[1]
           }
         ),
         /* @__PURE__ */ e(St, { bubble: r })
       ]
     },
-    h
+    f
   );
 }
 const xt = ({
   height: t,
-  width: o,
+  width: a,
   isDraggable: i = !1,
   onClick: s = () => {
   }
 }) => {
-  const [a, n] = l.useState([]), r = l.useRef(null), c = l.useRef(!1), { detailedBudgets: d } = D(), g = l.useCallback(() => {
-    const u = r.current, h = ht(d), f = h.nodes();
-    if (u) {
-      const p = u.nodes(), b = new Map(p.map((B) => [B.guid, B]));
-      f.forEach((B) => {
-        const _ = b.get(B.guid);
-        _ && Object.assign(B, {
-          vx: _.vx,
-          vy: _.vy,
-          x: _.x,
-          y: _.y
+  const [n, o] = l.useState([]), r = l.useRef(null), c = l.useRef(!1), { detailedBudgets: m } = D(), g = l.useCallback(() => {
+    const d = r.current, f = ht(m), _ = f.nodes();
+    if (d) {
+      const p = d.nodes(), b = new Map(p.map((S) => [S.guid, S]));
+      _.forEach((S) => {
+        const h = b.get(S.guid);
+        h && Object.assign(S, {
+          vx: h.vx,
+          vy: h.vy,
+          x: h.x,
+          y: h.y
         });
       });
     }
-    r.current = h, c.current = !1, n(f);
-  }, [d]);
+    r.current = f, c.current = !1, o(_);
+  }, [m]);
   return l.useEffect(() => {
     g();
   }, [g]), l.useEffect(() => () => {
     r.current && (r.current.stop(), r.current = null);
   }, []), l.useEffect(() => {
-    const u = r.current;
-    if (!u) return;
-    const h = u.nodes(), f = o > 0 && o < 450 || t > 0 && t < 300, p = yt(h, d, f, t, o);
-    u.nodes(p), pt(u, t, o), i && setTimeout(() => {
-      gt(u);
-    }, 0), n([...p]);
-  }, [t, o, i, d]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(o), children: a.map((u) => /* @__PURE__ */ e(Bt, { bubble: u, isDraggable: i, onClick: s }, u.guid)) });
+    const d = r.current;
+    if (!d) return;
+    const f = d.nodes(), _ = a > 0 && a < 450 || t > 0 && t < 300, p = yt(f, m, _, t, a);
+    d.nodes(p), pt(d, t, a), i && setTimeout(() => {
+      gt(d);
+    }, 0), o([...p]);
+  }, [t, a, i, m]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(a), children: n.map((d) => /* @__PURE__ */ e(Bt, { bubble: d, isDraggable: i, onClick: s }, d.guid)) });
 }, vt = I(xt), At = ({
   isMiniWidget: t = !1,
-  onConnectAccountsClick: o,
+  onConnectAccountsClick: a,
   createBudgetOnClick: i
 }) => {
-  const { recalculateBudgets: s } = D(), { spendCategories: a } = j(), { budgets: n } = w(), { availableWidth: r } = te(), { isMobile: c } = se(r), d = c && t, [g, u] = l.useState(!1), [h, f] = l.useState(!1), [p, b] = l.useState(!1), B = l.useMemo(() => [...a.filter((C) => C.totalAverageAmount > 0)], [a]), _ = async () => {
-    b(!0);
-    const { data: C, isSuccess: v } = await s(B);
-    b(!1), v ? (C.length === 0 && u(!0), f(!1)) : f(!0);
+  const { availableWidth: s } = te(), n = s <= 320 && t, { recalculateBudgets: o } = D(), { spendCategories: r } = j(), { budgets: c } = w(), [m, g] = l.useState(!1), [d, f] = l.useState(!1), [_, p] = l.useState(!1), b = l.useMemo(() => [...r.filter((h) => h.totalAverageAmount > 0)], [r]), S = async () => {
+    p(!0);
+    const { data: h, isSuccess: x } = await o(b);
+    p(!1), x ? (h.length === 0 && g(!0), f(!1)) : f(!0);
   };
-  return p ? /* @__PURE__ */ e(G, {}) : h ? /* @__PURE__ */ e(
-    de,
+  return _ ? /* @__PURE__ */ e(G, {}) : d ? /* @__PURE__ */ e(
+    le,
     {
-      header: n.autogenerate_budgets_error_header,
+      header: c.autogenerate_budgets_error_header,
       icon: "error",
       iconColor: "#4D4D4D",
-      onClick: (C) => {
-        C === "primary" ? _() : i();
+      onClick: (h) => {
+        h === "primary" ? S() : i();
       },
-      primaryButton: n.autogenerate_budgets_error_primary_button,
-      secondaryButton: n.zero_state_generate_budgets_secondary_button,
-      subText: n.autogenerate_budgets_error_subheader,
+      primaryButton: c.autogenerate_budgets_error_primary_button,
+      secondaryButton: c.zero_state_generate_budgets_secondary_button,
+      subText: c.autogenerate_budgets_error_subheader,
       sx: {
         width: { sm: 468 },
         ".buttons-footer": {
           width: 208,
-          ...d && { mt: 16, button: { height: "max-content" } }
+          ...n && { mt: 16, button: { height: "max-content" } }
         },
-        ...d && { mt: 0, svg: { height: 32, width: 32 } }
+        ...n && { mt: 0, svg: { height: 32, width: 32 } }
       }
     }
-  ) : /* @__PURE__ */ e(je, { children: g ? /* @__PURE__ */ e(
-    de,
+  ) : /* @__PURE__ */ e(je, { children: m ? /* @__PURE__ */ e(
+    le,
     {
-      header: n.zero_state_generate_budgets_header,
+      header: c.zero_state_generate_budgets_header,
       icon: "error",
       iconColor: "#4D4D4D",
-      onClick: (C) => {
-        C === "primary" ? o() : i();
+      onClick: (h) => {
+        h === "primary" ? a() : i();
       },
-      primaryButton: n.zero_state_generate_budgets_primary_button,
-      secondaryButton: n.zero_state_generate_budgets_secondary_button,
-      subText: n.zero_state_generate_budgets_subheader,
+      primaryButton: c.zero_state_generate_budgets_primary_button,
+      secondaryButton: c.zero_state_generate_budgets_secondary_button,
+      subText: c.zero_state_generate_budgets_subheader,
       sx: {
         width: t ? "100%" : { sm: 500 },
         height: t ? "100%" : { sm: 468 },
-        mt: d ? 0 : 50,
+        mt: n ? 0 : 50,
         ".buttons-footer": {
           width: 208,
           height: 100,
-          ...d && { mt: 16, button: { height: "max-content" } }
+          ...n && { mt: 16, button: { height: "max-content" } }
         },
         padding: t ? 5 : 0,
-        ...d && { svg: { height: 32, width: 32 } }
+        ...n && { svg: { height: 32, width: 32 } }
       }
     }
   ) : /* @__PURE__ */ e(
-    de,
+    le,
     {
-      header: n.create_budgets_title,
+      header: c.create_budgets_title,
       icon: "bubble_chart",
       iconColor: "#1A1A1A",
-      onClick: (C) => {
-        C === "primary" ? _() : i();
+      onClick: (h) => {
+        h === "primary" ? S() : i();
       },
-      primaryButton: n.empty_state_primary_button,
-      secondaryButton: t ? void 0 : n.empty_state_secondary_button,
-      subText: n.empty_state_subheader,
+      primaryButton: c.empty_state_primary_button,
+      secondaryButton: t ? void 0 : c.empty_state_secondary_button,
+      subText: c.empty_state_subheader,
       sx: {
         width: t ? "100%" : { sm: 432 },
         height: t ? "100%" : { sm: 468 },
-        mt: d ? 0 : 50,
+        mt: n ? 0 : 50,
         ".buttons-footer": {
           width: 208,
           height: 100,
-          ...d && { mt: 24, button: { height: "max-content" } }
+          ...n && { mt: 24, button: { height: "max-content" } }
         },
         padding: t ? 4 : 0,
-        ...d && { svg: { height: 32, width: 32 } }
+        ...n && { svg: { height: 32, width: 32 } }
       }
     }
   ) });
@@ -477,35 +477,35 @@ const xt = ({
   ({
     createBudgetOnClick: t = () => {
     },
-    height: o,
+    height: a,
     isDraggable: i = !1,
     isMiniWidget: s = !1,
-    shouldShowZeroState: a,
-    unavailableWidth: n = 24
+    shouldShowZeroState: n,
+    unavailableWidth: o = 24
   }) => {
-    const { onEvent: r } = X(), { setSelectedBudget: c } = D(), { isLoadingCategoryTotals: d } = j(), { isInitialized: g } = ne(), { accounts: u } = w(), { availableWidth: h } = te(), { isMobile: f } = se(), [p, b] = l.useState(!1), B = l.useMemo(() => h - n, [h]), _ = (v) => {
+    const { onEvent: r } = X(), { setSelectedBudget: c } = D(), { isLoadingCategoryTotals: m } = j(), { isInitialized: g } = ne(), { accounts: d } = w(), { availableWidth: f } = te(), { isMobile: _ } = ge(), [p, b] = l.useState(!1), S = l.useMemo(() => f - o, [f]), h = (v) => {
       c(v), r(L.BUDGETS_CLICK_BUDGET_CATEGORY, {
         budget_category: v.category.name,
         click_type: "bubble"
       });
-    }, C = () => {
+    }, x = () => {
       b(!0), r(L.ACCOUNTS_CLICK_CONNECT);
     };
-    return d ? /* @__PURE__ */ e(S, { alignItems: "center", height: o, justifyContent: "center", width: Math.abs(B), children: /* @__PURE__ */ e(G, {}) }) : /* @__PURE__ */ m(F, { ml: a || f ? 0 : 24, sx: { alignSelf: "center" }, children: [
-      a || !g ? /* @__PURE__ */ e(
+    return m ? /* @__PURE__ */ e(C, { alignItems: "center", height: a, justifyContent: "center", width: Math.abs(S), children: /* @__PURE__ */ e(G, {}) }) : /* @__PURE__ */ u(F, { ml: n || _ ? 0 : 24, sx: { alignSelf: "center" }, children: [
+      n || !g ? /* @__PURE__ */ e(
         At,
         {
           createBudgetOnClick: t,
           isMiniWidget: s,
-          onConnectAccountsClick: C
+          onConnectAccountsClick: x
         }
       ) : /* @__PURE__ */ e(
         vt,
         {
-          height: o,
+          height: a,
           isDraggable: i,
-          onClick: _,
-          width: B
+          onClick: h,
+          width: S
         }
       ),
       /* @__PURE__ */ e(
@@ -513,26 +513,26 @@ const xt = ({
         {
           onClose: () => b(!1),
           showConnectionsWidget: p,
-          title: u.manage_connections
+          title: d.manage_connections
         }
       )
     ] });
   }
 ), Tt = ({
   budgetsCopy: t,
-  difference: o,
+  difference: a,
   handleAddClick: i,
   shouldShowZeroState: s
 }) => {
-  const { availableHeight: a = 0 } = te(), n = l.useRef(null);
+  const { availableHeight: n = 0 } = te(), o = l.useRef(null);
   l.useEffect(() => {
-    a > 0 && n.current === null && (n.current = a);
-  }, [a]);
+    n > 0 && o.current === null && (o.current = n);
+  }, [n]);
   const r = l.useMemo(() => {
-    const c = n.current ?? a;
+    const c = o.current ?? n;
     return c > 0 ? Math.round(Math.max(120, Math.min(450, c * 0.8))) - 40 : 450;
-  }, [a]);
-  return /* @__PURE__ */ m(S, { sx: { height: "100%", justifyContent: "space-between" }, children: [
+  }, [n]);
+  return /* @__PURE__ */ u(C, { sx: { height: "100%", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(
       Me,
       {
@@ -542,24 +542,24 @@ const xt = ({
         shouldShowZeroState: s
       }
     ),
-    !s && /* @__PURE__ */ m(F, { ml: 16, children: [
-      /* @__PURE__ */ e(y, { bold: !0, color: o < 0 ? "error.main" : "success.main", children: T(Math.abs(o), "0,0") }),
-      /* @__PURE__ */ e(y, { children: o < 0 ? t.overspent_in_budgets : t.left_in_budgets })
+    !s && /* @__PURE__ */ u(F, { ml: 16, children: [
+      /* @__PURE__ */ e(y, { bold: !0, color: a < 0 ? "error.main" : "success.main", children: T(Math.abs(a), "0,0") }),
+      /* @__PURE__ */ e(y, { children: a < 0 ? t.overspent_in_budgets : t.left_in_budgets })
     ] })
   ] });
 }, wt = (t) => {
-  const o = Q(), { onEvent: i } = X(), { detailedBudgets: s, isDataLoaded: a, loadBudgetData: n, setTheme: r } = D(), { budgets: c, common: d } = w(), { isCopyLoaded: g, isInitialized: u, selectedAccounts: h } = ne(), { reloadCategoryTotals: f } = j(), p = Ve(), b = s.length === 0, [B, _] = l.useState(!1), C = () => {
-    _(!0), i(L.BUDGETS_CLICK_ADD);
-  }, v = () => _(!1);
+  const a = Q(), { onEvent: i } = X(), { detailedBudgets: s, isDataLoaded: n, loadBudgetData: o, setTheme: r } = D(), { budgets: c, common: m } = w(), { isCopyLoaded: g, isInitialized: d, selectedAccounts: f } = ne(), { reloadCategoryTotals: _ } = j(), p = Ve(), b = s.length === 0, [S, h] = l.useState(!1), x = () => {
+    h(!0), i(L.BUDGETS_CLICK_ADD);
+  }, v = () => h(!1);
   return l.useEffect(() => {
-    r(o);
-  }, [o]), l.useEffect(() => {
-    u && !a && f(h, q(/* @__PURE__ */ new Date()), me(/* @__PURE__ */ new Date())).then(
+    r(a);
+  }, [a]), l.useEffect(() => {
+    d && !n && _(f, q(/* @__PURE__ */ new Date()), ue(/* @__PURE__ */ new Date())).then(
       () => {
-        n().finally();
+        o().finally();
       }
     );
-  }, [u, h]), g ? /* @__PURE__ */ m(
+  }, [d, f]), g ? /* @__PURE__ */ u(
     Ye,
     {
       contentStyles: { height: "calc(100% - 66px)", ":last-child": { pb: 0 } },
@@ -568,21 +568,21 @@ const xt = ({
       title: c.budgets_title,
       ...t,
       children: [
-        a ? /* @__PURE__ */ e(
+        n ? /* @__PURE__ */ e(
           Tt,
           {
             budgetsCopy: c,
             difference: p,
-            handleAddClick: C,
+            handleAddClick: x,
             shouldShowZeroState: b
           }
         ) : /* @__PURE__ */ e(G, {}),
         /* @__PURE__ */ e(
           k,
           {
-            ariaLabelClose: d.close_aria,
-            isOpen: B,
-            onClose: () => _(!1),
+            ariaLabelClose: m.close_aria,
+            isOpen: S,
+            onClose: () => h(!1),
             title: c.add_new_title,
             children: /* @__PURE__ */ e(Ie, { onRecalculateBudgets: v })
           }
@@ -592,68 +592,68 @@ const xt = ({
   ) : /* @__PURE__ */ e(G, {});
 }, Mn = I(wt), Re = ({ budget: t }) => {
   const {
-    amount: o,
+    amount: a,
     budgetColors: { background: i },
     category: { name: s },
-    category_guid: a,
-    percentage: n,
+    category_guid: n,
+    percentage: o,
     transaction_total: r
   } = t, c = [
     {
       color: i,
-      percentage: `${n}%`
+      percentage: `${o}%`
     }
   ];
-  return /* @__PURE__ */ e(pe, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(he, { children: /* @__PURE__ */ m(S, { alignItems: "center", gap: 16, children: [
-    /* @__PURE__ */ e(H, { categoryGuid: a, size: 56 }),
-    /* @__PURE__ */ e(ze, { children: `${T(r, "0,0")} / ${T(o, "0,0")}` }),
+  return /* @__PURE__ */ e(pe, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(he, { children: /* @__PURE__ */ u(C, { alignItems: "center", gap: 16, children: [
+    /* @__PURE__ */ e(H, { categoryGuid: n, size: 56 }),
+    /* @__PURE__ */ e(ze, { children: `${T(r, "0,0")} / ${T(a, "0,0")}` }),
     /* @__PURE__ */ e(y, { bold: !0, variant: "XSmall", children: s }),
-    /* @__PURE__ */ e(ge, { data: c, height: 10 })
+    /* @__PURE__ */ e(me, { data: c, height: 10 })
   ] }) }) });
 }, Dt = I(() => {
   const { budgets: t } = w();
-  return /* @__PURE__ */ m(S, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
+  return /* @__PURE__ */ u(C, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
     /* @__PURE__ */ e(N, { 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 })
   ] });
 }), It = I(({ budget: t }) => {
   const {
-    amount: o,
+    amount: a,
     budgetColors: { background: i },
     category: s,
-    percentage: a,
-    transaction_total: n
+    percentage: n,
+    transaction_total: o
   } = t, { setSelectedSubBudget: r } = D();
-  return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ m(V, { onClick: () => r(t), children: [
-    /* @__PURE__ */ e(re, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(we, { color: i, percent: a, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: s.parent_guid, variant: "basic" }) }) }),
+  return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ u(V, { onClick: () => r(t), children: [
+    /* @__PURE__ */ e(re, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(we, { color: i, percent: n, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: s.parent_guid, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
       Y,
       {
-        primary: /* @__PURE__ */ e(S, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: t.category.name }) }),
-        secondary: /* @__PURE__ */ e(S, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(y, { fontWeight: 400, variant: "Body", children: `
-                  ${T(n, "0,0")} / 
-                  ${T(o, "0,0")}
+        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: `
+                  ${T(o, "0,0")} / 
+                  ${T(a, "0,0")}
                 ` }) })
       }
     )
   ] }) });
-}), Et = I(({ category: t, parentBudget: o }) => {
-  const { budgets: i, common: s } = w(), { setExpandedGuid: a, setOnSelect: n } = nt(), { addBudget: r } = D(), [c, d] = l.useState(!1), [g, u] = l.useState(!1), [h, f] = l.useState(""), [p, b] = l.useState(void 0);
+}), Et = I(({ category: t, parentBudget: a }) => {
+  const { budgets: i, common: s } = w(), { setExpandedGuid: n, setOnSelect: o } = nt(), { addBudget: r } = D(), [c, m] = l.useState(!1), [g, d] = l.useState(!1), [f, _] = l.useState(""), [p, b] = l.useState(void 0);
   l.useEffect(() => {
-    n((C) => {
-      const v = t.subCategories.find((A) => A.guid === C);
-      v && (b(v), f(`${v.currentAmount === 0 ? "" : v.currentAmount}`), u(!0));
+    o((x) => {
+      const v = t.subCategories.find((A) => A.guid === x);
+      v && (b(v), _(`${v.currentAmount === 0 ? "" : v.currentAmount}`), d(!0));
     });
   }, []);
-  const B = () => {
-    a(t.guid), d(!0);
-  }, _ = async () => {
-    p && Number(h) > 0 && (await r(p, Number(h), o.guid), u(!1), d(!1), b(void 0));
+  const S = () => {
+    n(t.guid), m(!0);
+  }, h = async () => {
+    p && Number(f) > 0 && (await r(p, Number(f), a.guid), d(!1), m(!1), b(void 0));
   };
-  return /* @__PURE__ */ m(F, { children: [
-    /* @__PURE__ */ e(K, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(V, { onClick: B, children: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ m(S, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ m(S, { alignItems: "center", direction: "row", gap: 8, children: [
+  return /* @__PURE__ */ u(F, { children: [
+    /* @__PURE__ */ e(K, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(V, { onClick: S, children: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ u(C, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ u(C, { alignItems: "center", direction: "row", gap: 8, children: [
         /* @__PURE__ */ e(N, { 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 })
       ] }),
@@ -665,7 +665,7 @@ const xt = ({
       {
         ariaLabelClose: s.close_aria,
         isOpen: c,
-        onClose: () => d(!1),
+        onClose: () => m(!1),
         title: i.add_sub_budget_title,
         children: /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(ot, { category: t, subCategories: t.subCategories }) })
       }
@@ -674,84 +674,84 @@ const xt = ({
       $,
       {
         copy: { close_aria: s.close_aria, title: i.add_title },
-        disablePrimaryButton: Number(h) <= 0,
+        disablePrimaryButton: Number(f) <= 0,
         isOpen: g,
-        onClose: () => u(!1),
-        onPrimaryAction: _,
+        onClose: () => d(!1),
+        onPrimaryAction: h,
         primaryText: i.add_save_button,
         children: /* @__PURE__ */ e(
-          ie,
+          se,
           {
-            amount: h,
+            amount: f,
             categoryName: p?.name || "",
-            onAmountChanged: f
+            onAmountChanged: _
           }
         )
       }
     )
   ] });
 }), Ot = I(({ budget: t }) => {
-  const { category: o, subBudgets: i } = t, { budgets: s, common: a } = w(), { deleteBudget: n, selectedSubBudget: r, setSelectedSubBudget: c, updateBudget: d } = D(), { filter: g, setFilter: u } = oe(), [h, f] = l.useState(!1), [p, b] = l.useState(!1), [B, _] = l.useState("");
+  const { category: a, subBudgets: i } = t, { budgets: s, common: n } = w(), { deleteBudget: o, selectedSubBudget: r, setSelectedSubBudget: c, updateBudget: m } = D(), { filter: g, setFilter: d } = oe(), [f, _] = l.useState(!1), [p, b] = l.useState(!1), [S, h] = l.useState("");
   l.useEffect(() => {
-    r && (_(`${r.amount}`), u({
+    r && (h(`${r.amount}`), d({
       ...g,
-      custom: (x) => x.category_guid === r.category_guid
+      custom: (B) => B.category_guid === r.category_guid
     }));
   }, [r]);
-  const C = async () => {
-    r && await d({
+  const x = async () => {
+    r && await m({
       ...r,
-      amount: Number(B)
+      amount: Number(S)
     });
   }, v = async () => {
-    r && await n(r.guid), b(!1), A();
+    r && await o(r.guid), b(!1), A();
   }, A = () => {
-    u({
+    d({
       ...g,
-      custom: (x) => x.category_guid === t.category_guid || x.top_level_category_guid === t.category_guid
+      custom: (B) => B.category_guid === t.category_guid || B.top_level_category_guid === t.category_guid
     }), c(void 0);
   };
-  return /* @__PURE__ */ m(l.Fragment, { children: [
-    /* @__PURE__ */ m(W, { sx: { bgcolor: "background.paper" }, children: [
-      i.length === 0 ? /* @__PURE__ */ e(Dt, {}) : i.map((x) => /* @__PURE__ */ m(l.Fragment, { children: [
-        /* @__PURE__ */ e(It, { budget: x }),
+  return /* @__PURE__ */ u(l.Fragment, { children: [
+    /* @__PURE__ */ u(W, { sx: { bgcolor: "background.paper" }, children: [
+      i.length === 0 ? /* @__PURE__ */ e(Dt, {}) : i.map((B) => /* @__PURE__ */ u(l.Fragment, { children: [
+        /* @__PURE__ */ e(It, { budget: B }),
         /* @__PURE__ */ e(ae, {})
-      ] }, x.guid)),
-      /* @__PURE__ */ e(Et, { category: o, parentBudget: t })
+      ] }, B.guid)),
+      /* @__PURE__ */ e(Et, { category: a, parentBudget: t })
     ] }),
     /* @__PURE__ */ e(
       k,
       {
-        ariaLabelClose: a.close_aria,
+        ariaLabelClose: n.close_aria,
         isOpen: !!r,
         onClose: A,
-        onPrimaryAction: () => f(!0),
+        onPrimaryAction: () => _(!0),
         onSecondaryAction: () => b(!0),
         primaryText: s.details_edit_button,
         secondaryText: s.details_delete_button,
         title: s.details_title,
-        children: r && /* @__PURE__ */ m(S, { gap: 24, children: [
+        children: r && /* @__PURE__ */ u(C, { gap: 24, children: [
           /* @__PURE__ */ e(Re, { budget: r }),
           /* @__PURE__ */ e(Te, { height: "100%" })
         ] })
       }
     ),
-    r && /* @__PURE__ */ m(l.Fragment, { children: [
+    r && /* @__PURE__ */ u(l.Fragment, { children: [
       /* @__PURE__ */ e(
         $,
         {
-          copy: { close_aria: a.close_aria, title: s.details_edit_title },
-          disablePrimaryButton: Number(B) <= 0,
-          isOpen: h,
-          onClose: () => f(!1),
-          onPrimaryAction: C,
+          copy: { close_aria: n.close_aria, title: s.details_edit_title },
+          disablePrimaryButton: Number(S) <= 0,
+          isOpen: f,
+          onClose: () => _(!1),
+          onPrimaryAction: x,
           primaryText: s.edit_save_button,
           children: /* @__PURE__ */ e(
-            ie,
+            se,
             {
-              amount: B,
+              amount: S,
               categoryName: r.category.name,
-              onAmountChanged: _
+              onAmountChanged: h
             }
           )
         }
@@ -759,7 +759,7 @@ const xt = ({
       /* @__PURE__ */ e(
         $,
         {
-          copy: { close_aria: a.close_aria, title: s.delete_title },
+          copy: { close_aria: n.close_aria, title: s.delete_title },
           isOpen: p,
           onClose: () => b(!1),
           onPrimaryAction: v,
@@ -772,28 +772,28 @@ const xt = ({
     ] })
   ] });
 }), Mt = I(({ budget: t }) => {
-  const { is_mobile_webview: o } = Ue(), { setAlert: i } = D(), { budgets: s, common: a, transactions: n } = w(), { isDesktop: r, isSmallTablet: c, isTablet: d } = se(), {
+  const { is_mobile_webview: a } = Ue(), { setAlert: i } = D(), { budgets: s, common: n, transactions: o } = w(), { isDesktop: r, isSmallTablet: c, isTablet: m } = ge(), {
     sortedTransactions: g,
-    sortedTransactionsWithSplits: u,
-    tags: h
-  } = oe(), [f, p] = l.useState(0), [b, B] = l.useState(""), _ = l.useMemo(
-    () => g.find((x) => x.guid === b),
+    sortedTransactionsWithSplits: d,
+    tags: f
+  } = oe(), [_, p] = l.useState(0), [b, S] = l.useState(""), h = l.useMemo(
+    () => g.find((B) => B.guid === b),
     [b, g]
-  ), C = (x, E) => {
+  ), x = (B, E) => {
     p(E);
   }, v = () => {
-    et(u, h), i(s.alert_csv_downloaded);
-  }, A = g.length > 0 && !o && (r || d && !c);
-  return /* @__PURE__ */ m(S, { gap: 24, children: [
+    et(d, f), i(s.alert_csv_downloaded);
+  }, A = g.length > 0 && !a && (r || m && !c);
+  return /* @__PURE__ */ u(C, { gap: 24, children: [
     /* @__PURE__ */ e(Re, { budget: t }),
-    /* @__PURE__ */ m(S, { children: [
-      /* @__PURE__ */ m(
+    /* @__PURE__ */ u(C, { children: [
+      /* @__PURE__ */ u(
         Qe,
         {
-          onChange: C,
+          onChange: x,
           sx: { width: "100%" },
           textColor: "primary",
-          value: f,
+          value: _,
           variant: "fullWidth",
           children: [
             /* @__PURE__ */ e(ye, { label: s.details_transactions_tab }),
@@ -801,93 +801,93 @@ const xt = ({
           ]
         }
       ),
-      f === 0 && /* @__PURE__ */ m(S, { children: [
-        A && /* @__PURE__ */ e(S, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
+      _ === 0 && /* @__PURE__ */ u(C, { children: [
+        A && /* @__PURE__ */ e(C, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
           Ae,
           {
             onClick: v,
             startIcon: /* @__PURE__ */ e(N, { name: "ios_share" }),
             variant: "text",
-            children: n.export_csv_btn
+            children: o.export_csv_btn
           }
         ) }),
-        /* @__PURE__ */ e(Te, { height: "100%", onClick: B })
+        /* @__PURE__ */ e(Te, { height: "100%", onClick: S })
       ] }),
-      f === 1 && /* @__PURE__ */ e(Ot, { budget: t }),
+      _ === 1 && /* @__PURE__ */ e(Ot, { budget: t }),
       /* @__PURE__ */ e(
         k,
         {
-          ariaLabelClose: a.close_aria,
-          isOpen: !!_,
-          onClose: () => B(""),
+          ariaLabelClose: n.close_aria,
+          isOpen: !!h,
+          onClose: () => S(""),
           title: s.details_transaction_drawer,
-          children: _ && /* @__PURE__ */ e(tt, { transaction: _ })
+          children: h && /* @__PURE__ */ e(tt, { transaction: h })
         }
       )
     ] })
   ] });
 }), Rt = I(() => {
-  const { selectedAccountGuids: t } = ne(), { budgets: o, common: i } = w(), {
+  const { selectedAccountGuids: t } = ne(), { budgets: a, common: i } = w(), {
     dateRange: s,
-    deleteBudget: a,
-    selectedBudget: n,
+    deleteBudget: n,
+    selectedBudget: o,
     selectedSubBudget: r,
     setAlert: c,
-    setSelectedBudget: d,
+    setSelectedBudget: m,
     updateBudget: g
-  } = D(), { setFilter: u } = oe(), [h, f] = l.useState(!1), [p, b] = l.useState(!1), [B, _] = l.useState(!1), [C, v] = l.useState("");
+  } = D(), { setFilter: d } = oe(), [f, _] = l.useState(!1), [p, b] = l.useState(!1), [S, h] = l.useState(!1), [x, v] = l.useState("");
   l.useEffect(() => {
-    n && !r && (v(`${n.amount}`), f(!0), u({
+    o && !r && (v(`${o.amount}`), _(!0), d({
       accounts: t,
       dateRange: s,
-      custom: (R) => R.category_guid === n.category_guid || R.top_level_category_guid === n.category_guid,
+      custom: (R) => R.category_guid === o.category_guid || R.top_level_category_guid === o.category_guid,
       showSplits: !0
     }));
-  }, [n]);
+  }, [o]);
   const A = async () => {
-    n && (await g({
-      ...n,
-      amount: Number(C),
-      percentage: n.category.totalAmount / Number(C) * 100
-    }), c(M(o.alert_budget_updated, n.category.name)));
-  }, x = async () => {
-    n && (await a(n.guid), c(M(o.alert_budget_deleted, n.category.name))), _(!1), E();
+    o && (await g({
+      ...o,
+      amount: Number(x),
+      percentage: o.category.totalAmount / Number(x) * 100
+    }), c(M(a.alert_budget_updated, o.category.name)));
+  }, B = async () => {
+    o && (await n(o.guid), c(M(a.alert_budget_deleted, o.category.name))), h(!1), E();
   }, E = () => {
-    f(!1), setTimeout(() => {
-      d(void 0);
+    _(!1), setTimeout(() => {
+      m(void 0);
     }, 250);
   };
-  if (n)
-    return /* @__PURE__ */ m(l.Fragment, { children: [
+  if (o)
+    return /* @__PURE__ */ u(l.Fragment, { children: [
       /* @__PURE__ */ e(
         k,
         {
           ariaLabelClose: i.close_aria,
-          isOpen: h,
+          isOpen: f,
           onClose: E,
           onPrimaryAction: () => b(!0),
-          onSecondaryAction: () => _(!0),
-          primaryText: o.details_edit_button,
+          onSecondaryAction: () => h(!0),
+          primaryText: a.details_edit_button,
           secondaryColor: "error",
-          secondaryText: o.details_delete_button,
-          title: o.details_title,
-          children: /* @__PURE__ */ e(Mt, { budget: n })
+          secondaryText: a.details_delete_button,
+          title: a.details_title,
+          children: /* @__PURE__ */ e(Mt, { budget: o })
         }
       ),
       /* @__PURE__ */ e(
         $,
         {
-          copy: { close_aria: i.close_aria, title: o.details_edit_title },
-          disablePrimaryButton: Number(C) <= 0,
+          copy: { close_aria: i.close_aria, title: a.details_edit_title },
+          disablePrimaryButton: Number(x) <= 0,
           isOpen: p,
           onClose: () => b(!1),
           onPrimaryAction: A,
-          primaryText: o.edit_save_button,
+          primaryText: a.edit_save_button,
           children: /* @__PURE__ */ e(
-            ie,
+            se,
             {
-              amount: C,
-              categoryName: n.category.name,
+              amount: x,
+              categoryName: o.category.name,
               onAmountChanged: v
             }
           )
@@ -896,175 +896,175 @@ const xt = ({
       /* @__PURE__ */ e(
         $,
         {
-          copy: { close_aria: i.close_aria, title: o.delete_title },
-          isOpen: B,
-          onClose: () => _(!1),
-          onPrimaryAction: x,
+          copy: { close_aria: i.close_aria, title: a.delete_title },
+          isOpen: S,
+          onClose: () => h(!1),
+          onPrimaryAction: B,
           primaryColor: "error",
-          primaryText: o.details_delete_button,
+          primaryText: a.details_delete_button,
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(y, { variant: "Paragraph", children: M(o.delete_description, n.category.name) })
+          children: /* @__PURE__ */ e(y, { variant: "Paragraph", children: M(a.delete_description, o.category.name) })
         }
       )
     ] });
-}), Lt = ({ budget: t, onClick: o }) => {
+}), Lt = ({ budget: t, onClick: a }) => {
   const {
     amount: i,
-    budgetColors: { background: s, description: a },
-    category_guid: n,
+    budgetColors: { background: s, description: n },
+    category_guid: o,
     description: r,
     percentage: c,
-    subBudgets: d,
+    subBudgets: m,
     transaction_total: g
   } = t;
-  return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ m(V, { onClick: () => o?.(t), children: [
-    /* @__PURE__ */ e(re, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(we, { color: s, percent: c, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: n, variant: "basic" }) }) }),
+  return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ u(V, { onClick: () => a?.(t), children: [
+    /* @__PURE__ */ e(re, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(we, { color: s, percent: c, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: o, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
       Y,
       {
-        primary: /* @__PURE__ */ m(S, { component: "span", direction: "row", justifyContent: "space-between", children: [
+        primary: /* @__PURE__ */ u(C, { 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(S, { 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: a, variant: "XSmall", children: r })
+        secondary: /* @__PURE__ */ u(C, { component: "span", direction: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ e(y, { variant: "XSmall", children: `${m.length} Sub-budgets` }),
+          /* @__PURE__ */ e(y, { bold: c > 100, color: n, variant: "XSmall", children: r })
         ] })
       }
     )
   ] }) });
 }, kt = I(() => {
-  const { onEvent: t } = X(), { budgets: o } = w(), { detailedBudgets: i, setSelectedBudget: s } = D(), a = (n) => {
-    s(n), t(L.BUDGETS_CLICK_BUDGET_CATEGORY, {
-      budget_category: n.category.name,
+  const { onEvent: t } = X(), { budgets: a } = w(), { detailedBudgets: i, setSelectedBudget: s } = D(), n = (o) => {
+    s(o), t(L.BUDGETS_CLICK_BUDGET_CATEGORY, {
+      budget_category: o.category.name,
       click_type: "list"
     });
   };
-  return /* @__PURE__ */ m(pe, { elevation: 2, children: [
-    /* @__PURE__ */ e(De, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(xe, { children: o.budget_categories_title }) }),
-    /* @__PURE__ */ e(he, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(W, { children: i.map((n) => /* @__PURE__ */ m(l.Fragment, { children: [
-      /* @__PURE__ */ e(Lt, { budget: n, onClick: a }),
+  return /* @__PURE__ */ u(pe, { elevation: 2, children: [
+    /* @__PURE__ */ e(De, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(xe, { children: a.budget_categories_title }) }),
+    /* @__PURE__ */ e(he, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(W, { children: i.map((o) => /* @__PURE__ */ u(l.Fragment, { children: [
+      /* @__PURE__ */ e(Lt, { budget: o, onClick: n }),
       /* @__PURE__ */ e(ae, {})
-    ] }, n.guid)) }) })
+    ] }, o.guid)) }) })
   ] });
 }), Nt = I(() => {
-  const t = Q(), { onEvent: o } = X(), { visibleAccounts: i } = ve(), { budgets: s, common: a, recurring: n } = w(), { incomeCategories: r, spendCategories: c } = j(), { detailedBudgets: d, totalBudgeted: g } = D(), { incomeTotal: u } = ee(), { setFilter: h } = oe(), [f, p] = l.useState(!1), [b, B] = l.useMemo(() => {
-    const A = c.reduce((z, ce) => z + ce.totalAmount, 0);
-    let x = A / g;
-    x > 1 && (x = 1);
+  const t = Q(), { onEvent: a } = X(), { visibleAccounts: i } = ve(), { budgets: s, common: n, recurring: o } = w(), { incomeCategories: r, spendCategories: c } = j(), { detailedBudgets: m, totalBudgeted: g } = D(), { incomeTotal: d } = ee(), { setFilter: f } = oe(), [_, p] = l.useState(!1), [b, S] = l.useMemo(() => {
+    const A = c.reduce((z, ie) => z + ie.totalAmount, 0);
+    let B = A / g;
+    B > 1 && (B = 1);
     let E = t.palette.success.main;
-    x > 0.8 && x < 1 ? E = t.palette.warning.main : x >= 1 && (E = t.palette.error.main);
+    B > 0.8 && B < 1 ? E = t.palette.warning.main : B >= 1 && (E = t.palette.error.main);
     const R = [
       {
         color: E,
-        percentage: `${x}`
+        percentage: `${B}`
       }
     ];
     return [A, R];
-  }, [d, c]), [_, C] = l.useMemo(() => {
+  }, [m, c]), [h, x] = l.useMemo(() => {
     const A = Math.abs(
       r.reduce((R, z) => R + z.totalAmount, 0)
     );
-    let x = A / u;
-    x > 1 && (x = 1);
+    let B = A / d;
+    B > 1 && (B = 1);
     const E = [
       {
         color: t.palette.secondary.main,
-        percentage: `${x}`
+        percentage: `${B}`
       }
     ];
     return [A, E];
-  }, [r, u]), v = () => {
-    h({
+  }, [r, d]), v = () => {
+    f({
       accounts: i.map((A) => A.guid),
       dateRange: {
         start: at(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
       }
-    }), p(!0), o(L.BUDGETS_CLICK_EDIT_INCOME);
+    }), p(!0), a(L.BUDGETS_CLICK_EDIT_INCOME);
   };
-  return /* @__PURE__ */ m(pe, { elevation: 2, sx: { overflow: "visible" }, children: [
+  return /* @__PURE__ */ u(pe, { elevation: 2, sx: { overflow: "visible" }, children: [
     /* @__PURE__ */ e(De, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(xe, { children: s.overview_title }) }),
-    /* @__PURE__ */ e(he, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ m(S, { gap: 24, children: [
-      /* @__PURE__ */ m(S, { gap: 8, children: [
+    /* @__PURE__ */ e(he, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ u(C, { gap: 24, children: [
+      /* @__PURE__ */ u(C, { gap: 8, children: [
         /* @__PURE__ */ e(y, { bold: !0, sx: { mb: 8 }, variant: "Body", children: s.spending_title }),
-        /* @__PURE__ */ e(ge, { data: B, height: 16 }),
+        /* @__PURE__ */ e(me, { data: S, height: 16 }),
         /* @__PURE__ */ e(y, { variant: "Small", children: M(
           s.spending_description,
           T(b, "0,0"),
           T(g, "0,0")
         ) })
       ] }),
-      /* @__PURE__ */ m(S, { gap: 8, children: [
-        /* @__PURE__ */ m(S, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
+      /* @__PURE__ */ u(C, { gap: 8, children: [
+        /* @__PURE__ */ u(C, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
           /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: s.income_title }),
           /* @__PURE__ */ e(
             rt,
             {
-              "aria-label": n.manage_income,
+              "aria-label": o.manage_income,
               onClick: v,
               sx: { p: 0 },
               children: /* @__PURE__ */ e(N, { color: "primary", name: "edit" })
             }
           )
         ] }),
-        /* @__PURE__ */ e(ge, { data: C, height: 16 }),
+        /* @__PURE__ */ e(me, { data: x, height: 16 }),
         /* @__PURE__ */ e(y, { variant: "Small", children: M(
           s.income_description,
-          T(_, "0,0"),
-          T(u, "0,0")
+          T(h, "0,0"),
+          T(d, "0,0")
         ) })
       ] })
     ] }) }),
     /* @__PURE__ */ e(
       k,
       {
-        ariaLabelClose: a.close_aria,
-        isOpen: f,
+        ariaLabelClose: n.close_aria,
+        isOpen: _,
         onClose: () => p(!1),
-        title: n.manage_income,
+        title: o.manage_income,
         children: /* @__PURE__ */ e(st, { forOverview: !0 })
       }
     )
   ] });
-}), Be = 480, Rn = I(({ onBackClick: t, sx: o }) => {
-  const i = Q(), { onEvent: s } = X(), { visibleAccounts: a } = ve(), { budgets: n, common: r } = w(), { isCopyLoaded: c, isInitialized: d, selectedAccounts: g, setDisplayedDate: u, setSelectedAccounts: h } = ne(), {
-    alert: f,
+}), Be = 480, Rn = I(({ onBackClick: t, sx: a }) => {
+  const i = Q(), { onEvent: s } = X(), { visibleAccounts: n } = ve(), { budgets: o, common: r } = w(), { isCopyLoaded: c, isInitialized: m, selectedAccounts: g, setDisplayedDate: d, setSelectedAccounts: f } = ne(), {
+    alert: _,
     dateRange: p,
     isDataLoaded: b,
-    loadBudgetData: B,
-    setDateRange: _,
-    setAlert: C,
+    loadBudgetData: S,
+    setDateRange: h,
+    setAlert: x,
     setTheme: v,
     detailedBudgets: A
-  } = D(), { loadRepeatingTransactions: x, setDateRange: E } = ee(), { reloadCategoryTotals: R } = j(), { isSmallTablet: z, isMobile: ce, isSmallMobile: Le } = se(), U = z || ce || Le, [ke, le] = l.useState(!1);
-  l.useEffect(() => (v(i), h(a), _({ start: q(Z()), end: me(Z()) }), s(L.BUDGETS_VIEW), () => {
-    _({ start: q(Z()), end: me(Z()) });
+  } = D(), { loadRepeatingTransactions: B, setDateRange: E } = ee(), { reloadCategoryTotals: R } = j(), { isSmallTablet: z, isMobile: ie, isSmallMobile: Le } = ge(), U = z || ie || Le, [ke, ce] = l.useState(!1);
+  l.useEffect(() => (v(i), f(n), h({ start: q(Z()), end: ue(Z()) }), s(L.BUDGETS_VIEW), () => {
+    h({ start: q(Z()), end: ue(Z()) });
   }), []), l.useEffect(() => {
-    h(a);
-  }, [a]), l.useEffect(() => {
-    d && (u(p.start, p.end), R(g, p.start, p.end).finally(), E(p), b || (x().finally(), B().finally()));
-  }, [d, g, p]);
+    f(n);
+  }, [n]), l.useEffect(() => {
+    m && (d(p.start, p.end), R(g, p.start, p.end).finally(), E(p), b || (B().finally(), S().finally()));
+  }, [m, g, p]);
   const Ne = (_e) => {
-    _({ start: _e[0] || /* @__PURE__ */ new Date(), end: _e[1] || /* @__PURE__ */ new Date() });
+    h({ start: _e[0] || /* @__PURE__ */ new Date(), end: _e[1] || /* @__PURE__ */ new Date() });
   }, Pe = () => {
     s(L.BUDGETS_CLICK_FILTER);
   }, fe = () => {
-    le(!0), s(L.BUDGETS_CLICK_ADD);
+    ce(!0), s(L.BUDGETS_CLICK_ADD);
   }, $e = () => {
-    le(!1);
+    ce(!1);
   }, Ge = Ze(p.end, q(/* @__PURE__ */ new Date()));
-  return !c || !d || !b ? /* @__PURE__ */ e(G, {}) : /* @__PURE__ */ m(
+  return !c || !m || !b ? /* @__PURE__ */ e(G, {}) : /* @__PURE__ */ u(
     Ke,
     {
-      accountOptions: a,
+      accountOptions: n,
       actions: [
         {
           iconName: "add",
-          label: n.add_title,
+          label: o.add_title,
           onClick: fe
         }
       ],
@@ -1075,19 +1075,19 @@ const xt = ({
       },
       onAccountsFilterClick: Pe,
       onBackClick: t,
-      sx: o,
-      title: n.budgets_title,
+      sx: a,
+      title: o.budgets_title,
       children: [
-        (!d || !b) && /* @__PURE__ */ e(G, {}),
-        d && b && /* @__PURE__ */ m(
-          S,
+        (!m || !b) && /* @__PURE__ */ e(G, {}),
+        m && b && /* @__PURE__ */ u(
+          C,
           {
             direction: U ? "column" : "row",
             height: "100%",
             sx: { justifyContent: "center" },
             width: "100%",
             children: [
-              /* @__PURE__ */ e(S, { height: U ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(C, { height: U ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
                 Me,
                 {
                   createBudgetOnClick: fe,
@@ -1097,8 +1097,8 @@ const xt = ({
                   unavailableWidth: U ? 0 : Be
                 }
               ) }),
-              A.length !== 0 && /* @__PURE__ */ m(
-                S,
+              A.length !== 0 && /* @__PURE__ */ u(
+                C,
                 {
                   gap: 24,
                   height: "100%",
@@ -1119,8 +1119,8 @@ const xt = ({
           {
             ariaLabelClose: r.close_aria,
             isOpen: ke,
-            onClose: () => le(!1),
-            title: n.add_new_title,
+            onClose: () => ce(!1),
+            title: o.add_new_title,
             children: /* @__PURE__ */ e(Ie, { onRecalculateBudgets: $e })
           }
         ),
@@ -1130,18 +1130,18 @@ const xt = ({
             anchorOrigin: { vertical: "bottom", horizontal: "right" },
             autoHideDuration: 3500,
             onClose: () => {
-              C("");
+              x("");
             },
-            open: !!f,
+            open: !!_,
             children: /* @__PURE__ */ e(
               qe,
               {
                 onClose: () => {
-                  C("");
+                  x("");
                 },
                 severity: "success",
                 variant: "filled",
-                children: f
+                children: _
               }
             )
           }