@mx-cartographer/experiences 7.4.9 → 7.4.10

package/dist/budgets/index.es.js

@@ -1,126 +1,127 @@
-import { jsxs as g, jsx as e, Fragment as He } from "react/jsx-runtime";
+import { jsxs as m, jsx as e, Fragment as We } from "react/jsx-runtime";
 import l from "react";
 import { observer as I } from "mobx-react-lite";
-import { endOfMonth as pe } from "date-fns/endOfMonth";
-import { startOfMonth as ee } from "date-fns/startOfMonth";
+import { endOfMonth as ge } from "date-fns/endOfMonth";
+import { startOfMonth as Q } from "date-fns/startOfMonth";
 import W from "@mui/material/Box";
-import S from "@mui/material/Stack";
-import ne from "@mui/material/styles/useTheme";
-import { Text as b, CategoryIcon as K, Icon as P, H1 as We, H3 as ve } from "@mxenabled/mxui";
-import X from "@mui/material/List";
-import { u as w, i as D, j as oe, m as U, q as ae, g as V, b as re, h as se, a as Ke, d as Te, n as Xe } from "../hooks-C41HAxM5.mjs";
+import C from "@mui/material/Stack";
+import te from "@mui/material/styles/useTheme";
+import { Text as y, CategoryIcon as H, Icon as G, H1 as He, H3 as Ae } from "@mxenabled/mxui";
+import K from "@mui/material/List";
+import { u as w, i as D, j as ne, m as F, p as oe, g as X, b as ae, h as re, a as Ke, d as ve } from "../hooks-ZMp65DFz.mjs";
 import { f as T } from "../NumberFormatting-DjTD0t3W.mjs";
-import we from "@mui/material/Button";
-import ie from "@mui/material/Divider";
-import Y from "@mui/material/ListItem";
-import ce from "@mui/material/ListItemAvatar";
-import Z from "@mui/material/ListItemButton";
-import q from "@mui/material/ListItemText";
+import Te from "@mui/material/Button";
+import se from "@mui/material/Divider";
+import V from "@mui/material/ListItem";
+import ie from "@mui/material/ListItemAvatar";
+import Y from "@mui/material/ListItemButton";
+import Z from "@mui/material/ListItemText";
 import { b as L } from "../Localization-2MODESHW.mjs";
-import { D as N } from "../Drawer-BEtCk82g.mjs";
-import Ve from "@mui/material/ListItemSecondaryAction";
-import { C as Ye } from "../CurrencyInput-BFKcs-_K.mjs";
-import { D as j } from "../Dialog-BPTr3qHE.mjs";
-import { C as Ze } from "../ConnectionsDrawer-Bz4uwdFE.mjs";
+import { D as P } from "../Drawer-BEtCk82g.mjs";
+import Xe from "@mui/material/ListItemSecondaryAction";
+import { C as Ve } from "../CurrencyInput-itK0R3wV.mjs";
+import { D as z } from "../Dialog-BPTr3qHE.mjs";
+import { C as Ye } from "../ConnectionsDrawer-DaK5uIL5.mjs";
 import * as E from "d3";
-import qe from "@mui/material/Tooltip";
-import { useTheme as Je } from "@mui/material/styles";
-import { u as le } from "../useScreenSize-B6JyS_Lj.mjs";
-import { L as z } from "../Loader-DUaFpDGv.mjs";
-import { E as me } from "../EmptyState-DoxNUae-.mjs";
-import { A as $, W as Qe } from "../WidgetContainer-6dsjtOVg.mjs";
-import { u as et } from "../BudgetUtil-Df2nII9u.mjs";
-import { M as tt } from "../MiniWidgetContainer-CmXpTylX.mjs";
-import { isAfter as nt } from "date-fns/isAfter";
-import { startOfToday as Q } from "date-fns/startOfToday";
+import Ze from "@mui/material/Tooltip";
+import { useTheme as qe } from "@mui/material/styles";
+import { u as ce } from "../useScreenSize-B6JyS_Lj.mjs";
+import { L as U } from "../Loader-DUaFpDGv.mjs";
+import { E as ue } from "../EmptyState-DoxNUae-.mjs";
+import { A as $, W as Je } from "../WidgetContainer-CaPjoWeE.mjs";
+import { u as Qe } from "../BudgetUtil-BmZXkL0C.mjs";
+import { u as we } from "../useWidgetLoadTimer-hIOioiKx.mjs";
+import { M as et } from "../MiniWidgetContainer-98-hKFqm.mjs";
+import { isAfter as tt } from "date-fns/isAfter";
+import { startOfToday as J } from "date-fns/startOfToday";
 import De from "@mui/material/Alert";
 import Ie from "@mui/material/Snackbar";
-import Ce from "@mui/material/Tab";
-import ot from "@mui/material/Tabs";
-import { e as at } from "../exportTransactionsToCSV-Cz2t0lmA.mjs";
-import { T as Ee, a as rt } from "../TransactionDetails-COH0OKNG.mjs";
-import fe from "@mui/material/Card";
-import be from "@mui/material/CardContent";
-import { S as he } from "../StatusBar-BK_uYHAB.mjs";
+import _e from "@mui/material/Tab";
+import nt from "@mui/material/Tabs";
+import { e as ot } from "../exportTransactionsToCSV-DuAaI5XA.mjs";
+import { T as Ee, a as at } from "../TransactionDetails-BA_E5nQ-.mjs";
+import he from "@mui/material/Card";
+import fe from "@mui/material/CardContent";
+import { S as pe } from "../StatusBar-BK_uYHAB.mjs";
 import { S as Oe } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { u as st, b as it } from "../CategorySelectorDrawer-DqJK_rrL.mjs";
+import { u as rt, b as st } from "../CategorySelectorDrawer-SUgfE5GN.mjs";
 import Me from "@mui/material/CardHeader";
-import { subDays as ct } from "date-fns/subDays";
-import lt from "@mui/material/IconButton";
-import { M as dt } from "../ManageIncome-A69EUO5u.mjs";
-const ut = I(() => {
-  const { budgets: t } = w(), { totalBudgeted: o } = D(), { incomeTotal: i } = oe(), s = i - o;
-  return /* @__PURE__ */ g(S, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
-    /* @__PURE__ */ g(S, { alignItems: "center", children: [
-      /* @__PURE__ */ e(b, { bold: !0, variant: "Body", children: T(i, "0,0") }),
-      /* @__PURE__ */ e(b, { color: "secondary", variant: "Small", children: t.projected_income })
+import { subDays as it } from "date-fns/subDays";
+import ct from "@mui/material/IconButton";
+import { M as lt } from "../ManageIncome-rcnDYsBJ.mjs";
+const dt = I(() => {
+  const { budgets: t } = w(), { totalBudgeted: n } = D(), { incomeTotal: i } = ne(), s = i - n;
+  return /* @__PURE__ */ m(C, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
+    /* @__PURE__ */ m(C, { alignItems: "center", children: [
+      /* @__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(b, { bold: !0, justifyContent: "center", variant: "Body", children: "-" }),
-    /* @__PURE__ */ g(S, { alignItems: "center", children: [
-      /* @__PURE__ */ e(b, { bold: !0, variant: "Body", children: T(o, "0,0") }),
-      /* @__PURE__ */ e(b, { color: "secondary", variant: "Small", children: t.budgeted })
+    /* @__PURE__ */ e(y, { bold: !0, justifyContent: "center", variant: "Body", children: "-" }),
+    /* @__PURE__ */ m(C, { alignItems: "center", children: [
+      /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: T(n, "0,0") }),
+      /* @__PURE__ */ e(y, { color: "secondary", variant: "Small", children: t.budgeted })
     ] }),
-    /* @__PURE__ */ e(b, { bold: !0, justifyContent: "center", variant: "Body", children: "=" }),
-    /* @__PURE__ */ g(S, { alignItems: "center", children: [
-      /* @__PURE__ */ e(b, { bold: !0, variant: "Body", children: T(s, "0,0") }),
-      /* @__PURE__ */ e(b, { color: "secondary", variant: "Small", children: t.remaining })
+    /* @__PURE__ */ e(y, { bold: !0, justifyContent: "center", variant: "Body", children: "=" }),
+    /* @__PURE__ */ m(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 })
     ] })
   ] });
-}), mt = I(
+}), ut = I(
   ({ category: t }) => {
-    const { budgets: o } = w(), { budgets: i } = D(), s = l.useMemo(() => {
-      const r = i.find((c) => c.category_guid === t.guid), a = T(t.totalAverageAmount, "0,0"), n = r ? L(o.recalculate_previous_budget, T(r.amount, "0,0")) : o.recalculate_new_budget;
-      return `${a} - ${n}`;
-    }, [o, i]);
-    return /* @__PURE__ */ g(l.Fragment, { children: [
-      /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ g(Z, { children: [
-        /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ e(K, { categoryGuid: t.guid, variant: "filled" }) }),
-        /* @__PURE__ */ e(q, { primary: t.name, secondary: s })
+    const { budgets: n } = w(), { budgets: i } = D(), s = l.useMemo(() => {
+      const o = i.find((c) => c.category_guid === t.guid), r = T(t.totalAverageAmount, "0,0"), a = o ? L(n.recalculate_previous_budget, T(o.amount, "0,0")) : n.recalculate_new_budget;
+      return `${r} - ${a}`;
+    }, [n, i]);
+    return /* @__PURE__ */ m(l.Fragment, { children: [
+      /* @__PURE__ */ e(V, { children: /* @__PURE__ */ m(Y, { children: [
+        /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid, variant: "filled" }) }),
+        /* @__PURE__ */ e(Z, { primary: t.name, secondary: s })
       ] }) }),
-      /* @__PURE__ */ e(ie, {})
+      /* @__PURE__ */ e(se, {})
     ] }, t.guid);
   }
-), gt = ({ onRecalculateBudgets: t }) => {
-  const { budgets: o, common: i } = w(), { spendCategories: s } = U(), { recalculateBudgets: r, setAlert: a } = D(), [n, c] = l.useState(!1), m = s.filter((u) => u.totalAverageAmount > 0), d = async () => {
-    await r(m), c(!1), a(o.alert_recalculated_budgets), t?.();
+), mt = ({ onRecalculateBudgets: t }) => {
+  const { budgets: n, common: i } = w(), { spendCategories: s } = F(), { recalculateBudgets: o, setAlert: r } = D(), [a, c] = l.useState(!1), d = s.filter((u) => u.totalAverageAmount > 0), g = async () => {
+    await o(d), c(!1), r(n.alert_recalculated_budgets), t?.();
   };
-  return /* @__PURE__ */ g(l.Fragment, { children: [
-    /* @__PURE__ */ e(we, { onClick: () => c(!0), sx: { mt: 24, mx: 24 }, variant: "text", children: o.recalculate_button }),
-    /* @__PURE__ */ e(b, { sx: { mx: 24, my: 16, textAlign: "center", whiteSpace: "wrap" }, variant: "Paragraph", children: o.recalculate_help }),
+  return /* @__PURE__ */ m(l.Fragment, { children: [
+    /* @__PURE__ */ e(Te, { onClick: () => c(!0), sx: { mt: 24, mx: 24 }, variant: "text", children: n.recalculate_button }),
+    /* @__PURE__ */ e(y, { sx: { mx: 24, my: 16, textAlign: "center", whiteSpace: "wrap" }, variant: "Paragraph", children: n.recalculate_help }),
     /* @__PURE__ */ e(
-      N,
+      P,
       {
         ariaLabelClose: i.close_aria,
-        isOpen: n,
+        isOpen: a,
         onClose: () => c(!1),
-        onPrimaryAction: d,
-        title: o.recalculate_title,
-        children: /* @__PURE__ */ g(S, { children: [
-          /* @__PURE__ */ g(S, { mx: 24, my: 16, children: [
-            /* @__PURE__ */ e(b, { bold: !0, variant: "Body", children: o.recalculate_description_top }),
-            /* @__PURE__ */ e(b, { variant: "ParagraphSmall", children: o.recalculate_description_bottom })
+        onPrimaryAction: g,
+        title: n.recalculate_title,
+        children: /* @__PURE__ */ m(C, { children: [
+          /* @__PURE__ */ m(C, { mx: 24, my: 16, children: [
+            /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: n.recalculate_description_top }),
+            /* @__PURE__ */ e(y, { variant: "ParagraphSmall", children: n.recalculate_description_bottom })
           ] }),
-          /* @__PURE__ */ e(W, { bgcolor: "background.paper", children: /* @__PURE__ */ e(X, { children: m.map((u) => /* @__PURE__ */ e(mt, { category: u }, u.guid)) }) })
+          /* @__PURE__ */ e(W, { bgcolor: "background.paper", children: /* @__PURE__ */ e(K, { children: d.map((u) => /* @__PURE__ */ e(ut, { category: u }, u.guid)) }) })
         ] })
       }
     )
   ] });
-}, de = ({
+}, le = ({
   amount: t,
-  categoryName: o,
+  categoryName: n,
   onAmountChanged: i
 }) => {
-  const { budgets: s } = w(), { totalBudgeted: r } = D(), { incomeTotal: a } = oe(), n = a - r;
-  return /* @__PURE__ */ g(S, { gap: 16, children: [
-    /* @__PURE__ */ g(S, { children: [
-      /* @__PURE__ */ e(b, { children: L(
+  const { budgets: s } = w(), { totalBudgeted: o } = D(), { incomeTotal: r } = ne(), a = r - o;
+  return /* @__PURE__ */ m(C, { gap: 16, children: [
+    /* @__PURE__ */ m(C, { children: [
+      /* @__PURE__ */ e(y, { children: L(
         s.add_description_top,
-        T(n, "0,0")
+        T(a, "0,0")
       ) }),
-      /* @__PURE__ */ e(b, { children: L(s.add_description_bottom, o) })
+      /* @__PURE__ */ e(y, { children: L(s.add_description_bottom, n) })
     ] }),
     /* @__PURE__ */ e(
-      Ye,
+      Ve,
       {
         amount: t,
         autoFocus: !0,
@@ -131,136 +132,136 @@ const ut = I(() => {
       }
     )
   ] });
-}, pt = I(({ category: t, onAddBudget: o }) => {
-  const { budgets: i, common: s } = w(), [r, a] = l.useState(!1), [n, c] = l.useState(
+}, gt = I(({ category: t, onAddBudget: n }) => {
+  const { budgets: i, common: s } = w(), [o, r] = l.useState(!1), [a, c] = l.useState(
     `${t.totalAmount === 0 ? "" : t.totalAmount}`
   );
-  return /* @__PURE__ */ g(l.Fragment, { children: [
-    /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ g(Z, { onClick: () => a(!0), children: [
-      /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ e(K, { categoryGuid: t.guid }) }),
+  return /* @__PURE__ */ m(l.Fragment, { children: [
+    /* @__PURE__ */ e(V, { children: /* @__PURE__ */ m(Y, { onClick: () => r(!0), children: [
+      /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid }) }),
       /* @__PURE__ */ e(
-        q,
+        Z,
         {
           primary: t.name,
           secondary: T(t.totalAmount, "0,0")
         }
       ),
-      /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(P, { name: "add", size: 20 }) })
+      /* @__PURE__ */ e(Xe, { children: /* @__PURE__ */ e(G, { name: "add", size: 20 }) })
     ] }) }, t.guid),
     /* @__PURE__ */ e(
-      j,
+      z,
       {
         copy: { close_aria: s.close_aria, title: i.add_title },
-        disablePrimaryButton: Number(n) <= 0,
-        isOpen: r,
-        onClose: () => a(!1),
-        onPrimaryAction: () => o(t, Number(n)),
+        disablePrimaryButton: Number(a) <= 0,
+        isOpen: o,
+        onClose: () => r(!1),
+        onPrimaryAction: () => n(t, Number(a)),
         primaryText: i.add_save_button,
-        children: /* @__PURE__ */ e(de, { amount: n, categoryName: t.name, onAmountChanged: c })
+        children: /* @__PURE__ */ e(le, { amount: a, categoryName: t.name, onAmountChanged: c })
       }
     )
   ] });
-}), Re = I(({ onAddBudget: t, onRecalculateBudgets: o }) => {
-  const { budgets: i } = w(), { addBudget: s, setAlert: r, unbudgetedCategories: a } = D(), n = async (c, m) => {
-    await s(c, m), t?.(), r(L(i.alert_budget_created, c.name));
+}), Re = I(({ onAddBudget: t, onRecalculateBudgets: n }) => {
+  const { budgets: i } = w(), { addBudget: s, setAlert: o, unbudgetedCategories: r } = D(), a = async (c, d) => {
+    await s(c, d), t?.(), o(L(i.alert_budget_created, c.name));
   };
-  return /* @__PURE__ */ g(S, { children: [
-    /* @__PURE__ */ e(ut, {}),
-    /* @__PURE__ */ e(W, { bgcolor: "background.paper", children: /* @__PURE__ */ e(X, { children: a.map((c) => /* @__PURE__ */ e(
-      pt,
+  return /* @__PURE__ */ m(C, { children: [
+    /* @__PURE__ */ e(dt, {}),
+    /* @__PURE__ */ e(W, { bgcolor: "background.paper", children: /* @__PURE__ */ e(K, { children: r.map((c) => /* @__PURE__ */ e(
+      gt,
       {
         category: c,
-        onAddBudget: n
+        onAddBudget: a
       },
       c.guid
     )) }) }),
-    /* @__PURE__ */ e(gt, { onRecalculateBudgets: o })
+    /* @__PURE__ */ e(mt, { onRecalculateBudgets: n })
   ] });
-}), Be = 5, Le = 100, te = 25, ht = (t) => {
-  const o = (r) => {
-    r.active || t.alphaTarget(0.3).restart(), r.subject.fx = r.subject.x, r.subject.fy = r.subject.y;
-  }, i = (r) => {
-    r.subject.fx = r.x, r.subject.fy = r.y;
-  }, s = (r) => {
-    r.active || t.alphaTarget(0), r.subject.fx = null, r.subject.fy = null;
+}), Ce = 5, Le = 100, ee = 25, pt = (t) => {
+  const n = (o) => {
+    o.active || t.alphaTarget(0.3).restart(), o.subject.fx = o.subject.x, o.subject.fy = o.subject.y;
+  }, i = (o) => {
+    o.subject.fx = o.x, o.subject.fy = o.y;
+  }, s = (o) => {
+    o.active || t.alphaTarget(0), o.subject.fx = null, o.subject.fy = null;
   };
-  return E.drag().on("start", o).on("drag", i).on("end", s);
+  return E.drag().on("start", n).on("drag", i).on("end", s);
+}, ht = (t) => {
+  let n = t.transaction_total / t.amount;
+  n < 0 ? n = 0 : n > 1 && (n = 1);
+  const i = n * 2 * Math.PI, s = E.interpolate(0, i), o = E.arc().cornerRadius(5).innerRadius(t.radius - Ce * 2).outerRadius(t.radius - Ce).startAngle(0).endAngle(0);
+  return (r) => (o.endAngle(s(r)), o(t) || "");
 }, ft = (t) => {
-  let o = t.transaction_total / t.amount;
-  o < 0 ? o = 0 : o > 1 && (o = 1);
-  const i = o * 2 * Math.PI, s = E.interpolate(0, i), r = E.arc().cornerRadius(5).innerRadius(t.radius - Be * 2).outerRadius(t.radius - Be).startAngle(0).endAngle(0);
-  return (a) => (r.endAngle(s(a)), r(t) || "");
-}, bt = (t) => {
-  E.selectAll(".bubble").call(ht(t));
-}, Se = (t, o, i) => Math.min(Math.max(t, o), i), yt = (t, o, i) => {
+  E.selectAll(".bubble").call(pt(t));
+}, Be = (t, n, i) => Math.min(Math.max(t, n), i), bt = (t, n, i) => {
   t.alpha(1).restart().force(
     "x",
     E.forceX().x(i / 2).strength(0.01)
   ).force(
     "y",
-    E.forceY().y(o / 2).strength(0.02)
+    E.forceY().y(n / 2).strength(0.02)
   ).on("tick", () => {
     const s = t.nodes();
-    s.forEach((r) => {
-      const a = r.radius ?? te;
-      r.x = Se(r.x ?? 0, a, i - a), r.y = Se(r.y ?? 0, a, o - a);
-    }), E.selectAll(".bubble").data(s).attr("transform", (r) => `translate(${r.x},${r.y})`);
+    s.forEach((o) => {
+      const r = o.radius ?? ee;
+      o.x = Be(o.x ?? 0, r, i - r), o.y = Be(o.y ?? 0, r, n - r);
+    }), E.selectAll(".bubble").data(s).attr("transform", (o) => `translate(${o.x},${o.y})`);
   });
-}, ke = (t, o) => E.scaleLinear().domain([t, o]).range([te, Le]), _t = (t) => {
-  const o = t.reduce((a, n) => {
-    const c = Math.max(n.transaction_total, n.amount);
-    return c > a ? c : a;
-  }, 0), i = t.reduce((a, n) => {
-    const c = Math.max(n.transaction_total, n.amount);
-    return c < a ? c : a;
-  }, o), s = ke(i, o), r = t.map((a) => {
-    const n = s(Math.max(a.transaction_total, a.amount)) || 25;
+}, ke = (t, n) => E.scaleLinear().domain([t, n]).range([ee, Le]), yt = (t) => {
+  const n = t.reduce((r, a) => {
+    const c = Math.max(a.transaction_total, a.amount);
+    return c > r ? c : r;
+  }, 0), i = t.reduce((r, a) => {
+    const c = Math.max(a.transaction_total, a.amount);
+    return c < r ? c : r;
+  }, n), s = ke(i, n), o = t.map((r) => {
+    const a = s(Math.max(r.transaction_total, r.amount)) || 25;
     return {
-      ...a,
-      radius: n
+      ...r,
+      radius: a
     };
   });
-  return E.forceSimulation(r).velocityDecay(0.05).force("collide", E.forceCollide((a) => a.radius + 2).strength(0.7));
-}, Ct = (t, o, i) => {
-  const r = Math.PI * te ** 2 * t, a = i < 400 || o < 300, n = a ? 40 : 20, c = Math.max(100, i - n), m = Math.max(100, o - n), d = c * m;
-  let u = te;
-  if (r < d) {
-    const h = Math.sqrt(d / (t * Math.PI)), f = Math.min(c, m) / 4;
-    u = Math.min(Le, h, f);
+  return E.forceSimulation(o).velocityDecay(0.05).force("collide", E.forceCollide((r) => r.radius + 2).strength(0.7));
+}, _t = (t, n, i) => {
+  const o = Math.PI * ee ** 2 * t, r = i < 400 || n < 300, a = r ? 40 : 20, c = Math.max(100, i - a), d = Math.max(100, n - a), g = c * d;
+  let u = ee;
+  if (o < g) {
+    const f = Math.sqrt(g / (t * Math.PI)), h = Math.min(c, d) / 4;
+    u = Math.min(Le, f, h);
   }
-  return a && t <= 3 && (u = Math.min(u, 45)), { minRadius: Math.max(20, u * 0.6), maxRadius: u };
-}, Bt = (t, o, i, s, r) => {
-  const { maxRadius: a, minRadius: n } = Ct(t, o, r);
-  return E.scaleLinear().domain([s, i]).range([n, a]);
-}, St = (t, o, i = !1, s, r) => {
-  const a = o.map((d) => Math.max(d.transaction_total, d.amount)), n = Math.min(...a), c = Math.max(...a), m = i ? Bt(t.length, s, c, n, r) : ke(n, c);
-  return t.map((d) => ({
-    ...d,
-    radius: m(Math.max(d.transaction_total, d.amount))
+  return r && t <= 3 && (u = Math.min(u, 45)), { minRadius: Math.max(20, u * 0.6), maxRadius: u };
+}, Ct = (t, n, i, s, o) => {
+  const { maxRadius: r, minRadius: a } = _t(t, n, o);
+  return E.scaleLinear().domain([s, i]).range([a, r]);
+}, Bt = (t, n, i = !1, s, o) => {
+  const r = n.map((g) => Math.max(g.transaction_total, g.amount)), a = Math.min(...r), c = Math.max(...r), d = i ? Ct(t.length, s, c, a, o) : ke(a, c);
+  return t.map((g) => ({
+    ...g,
+    radius: d(Math.max(g.transaction_total, g.amount))
   }));
-}, xe = 5, xt = 2e3, At = ({ bubble: t }) => {
-  const o = ne(), {
+}, Se = 5, St = 2e3, xt = ({ bubble: t }) => {
+  const n = te(), {
     amount: i,
     guid: s,
-    budgetColors: { mercury: r },
-    radius: a,
-    transaction_total: n
+    budgetColors: { mercury: o },
+    radius: r,
+    transaction_total: a
   } = t, c = `mercury-${s}`;
   l.useEffect(() => {
-    E.select(`.${c}`).selectAll(".status").remove(), E.select(`.${c}`).append("path").transition().duration(xt).delay(0).attr("class", "status").attr("style", `fill: ${r}; fill-opacity: 1;`).attrTween("d", () => ft(t));
-  }, [i, a, n]);
-  const m = E.arc().innerRadius((d) => d - 2 * xe).outerRadius((d) => d - xe).startAngle(0).endAngle(2 * Math.PI);
+    E.select(`.${c}`).selectAll(".status").remove(), E.select(`.${c}`).append("path").transition().duration(St).delay(0).attr("class", "status").attr("style", `fill: ${o}; fill-opacity: 1;`).attrTween("d", () => ht(t));
+  }, [i, r, a]);
+  const d = E.arc().innerRadius((g) => g - 2 * Se).outerRadius((g) => g - Se).startAngle(0).endAngle(2 * Math.PI);
   return /* @__PURE__ */ e("g", { className: c, children: /* @__PURE__ */ e(
     "path",
     {
-      d: m(a) || "",
-      style: { fill: o.palette.common.white, fillOpacity: 0.35 }
+      d: d(r) || "",
+      style: { fill: n.palette.common.white, fillOpacity: 0.35 }
     }
   ) });
-}, vt = l.memo(At), G = 75, ge = 50;
-function Tt({ bubble: t, isDraggable: o, onClick: i = () => {
+}, At = l.memo(xt), j = 75, me = 50;
+function vt({ bubble: t, isDraggable: n, onClick: i = () => {
 } }) {
-  const [s, r] = l.useState(!1), a = Je(), { availableWidth: n } = ae(), c = l.useMemo(() => {
+  const [s, o] = l.useState(!1), r = qe(), { availableWidth: a } = oe(), c = l.useMemo(() => {
     if (t)
       return {
         amount: t.amount,
@@ -272,50 +273,50 @@ function Tt({ bubble: t, isDraggable: o, onClick: i = () => {
   }, [t.amount, t.budgetColors, t.guid, t.radius, t.transaction_total]);
   if (!t) return;
   const {
-    budgetColors: { background: m, text: d },
-    category: { icon: u, name: C },
-    guid: h,
-    description: f,
+    budgetColors: { background: d, text: g },
+    category: { icon: u, name: _ },
+    guid: f,
+    description: h,
     radius: p,
-    x: y,
-    y: _
-  } = t, B = n < 400 ? -8 : -12;
-  let A = B, v = B;
-  p > G ? (A = -14, v = -45) : p > ge && (v = -32);
+    x: B,
+    y: b
+  } = t, S = a < 400 ? -8 : -12;
+  let A = S, v = S;
+  p > j ? (A = -14, v = -45) : p > me && (v = -32);
   let x = 32;
-  p <= G && (x = n < 400 ? 16 : 24);
-  const O = `${t.category.name}: ${f}`, M = {
+  p <= j && (x = a < 400 ? 16 : 24);
+  const O = `${t.category.name}: ${h}`, M = {
     modifiers: [
       {
         name: "offset",
         options: { offset: [0, 15] }
       }
     ]
-  }, R = (F) => {
-    (F.key === "Enter" || F.key === " ") && (F.preventDefault(), i(t));
-  }, k = () => {
-    r(!0);
-  }, ue = () => {
-    r(!1);
+  }, R = (k) => {
+    (k.key === "Enter" || k.key === " ") && (k.preventDefault(), i(t));
+  }, N = () => {
+    o(!0);
+  }, de = () => {
+    o(!1);
   };
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ m(
     "g",
     {
-      "aria-label": `${C} - ${f}`,
+      "aria-label": `${_} - ${h}`,
       className: "bubble",
-      id: `bubble-${h}`,
-      onBlur: ue,
+      id: `bubble-${f}`,
+      onBlur: de,
       onClick: () => i(t),
-      onFocus: k,
+      onFocus: N,
       onKeyDown: R,
-      onMouseEnter: () => r(!0),
-      onMouseLeave: () => r(!1),
+      onMouseEnter: () => o(!0),
+      onMouseLeave: () => o(!1),
       role: "button",
-      style: { cursor: o ? "pointer" : "default" },
+      style: { cursor: n ? "pointer" : "default" },
       tabIndex: 0,
       textAnchor: "middle",
-      x: y,
-      y: _,
+      x: B,
+      y: b,
       children: [
         /* @__PURE__ */ e("style", { children: `
           .bubble:focus,
@@ -324,216 +325,216 @@ function Tt({ bubble: t, isDraggable: o, onClick: i = () => {
           }
           .bubble:focus circle,
           .bubble:focus-visible circle {
-            stroke: ${a.palette.primary.main};
+            stroke: ${r.palette.primary.main};
             stroke-width: 3;
             stroke-opacity: 0.8;
           }
         ` }),
-        /* @__PURE__ */ e(qe, { open: s, slotProps: { popper: M }, title: O, children: /* @__PURE__ */ e("circle", { fill: m, id: `circle-${h}`, r: p }) }),
-        /* @__PURE__ */ e("svg", { x: A, y: v, children: /* @__PURE__ */ e(P, { name: u, size: x, sx: { fill: d } }) }),
-        p > G && /* @__PURE__ */ e(
-          b,
+        /* @__PURE__ */ e(Ze, { open: s, slotProps: { popper: M }, title: O, children: /* @__PURE__ */ e("circle", { fill: d, id: `circle-${f}`, r: p }) }),
+        /* @__PURE__ */ e("svg", { x: A, y: v, children: /* @__PURE__ */ e(G, { name: u, size: x, sx: { fill: g } }) }),
+        p > j && /* @__PURE__ */ e(
+          y,
           {
             bold: !0,
             component: "text",
-            id: `budget-category-${h}`,
-            sx: { fill: d },
+            id: `budget-category-${f}`,
+            sx: { fill: g },
             variant: "Small",
             y: 4,
-            children: C
+            children: _
           }
         ),
-        p > ge && /* @__PURE__ */ e(
-          b,
+        p > me && /* @__PURE__ */ e(
+          y,
           {
             bold: !0,
             component: "text",
-            id: `budget-description-${h}-1`,
-            sx: { fill: d },
+            id: `budget-description-${f}-1`,
+            sx: { fill: g },
             variant: "Body",
-            y: p <= G ? 12 : 24,
-            children: p <= G ? f.split(" ")[0] : f
+            y: p <= j ? 12 : 24,
+            children: p <= j ? h.split(" ")[0] : h
           }
         ),
-        p <= G && p > ge && /* @__PURE__ */ e(
-          b,
+        p <= j && p > me && /* @__PURE__ */ e(
+          y,
           {
             component: "text",
-            id: `budget-description-${h}-2`,
-            sx: { fill: d },
+            id: `budget-description-${f}-2`,
+            sx: { fill: g },
             variant: "XSmall",
             y: 28,
-            children: f.split(" ")[1]
+            children: h.split(" ")[1]
           }
         ),
-        /* @__PURE__ */ e(vt, { bubble: c })
+        /* @__PURE__ */ e(At, { bubble: c })
       ]
     },
-    h
+    f
   );
 }
-const wt = ({
+const Tt = ({
   height: t,
-  width: o,
+  width: n,
   isDraggable: i = !1,
   onClick: s = () => {
   }
 }) => {
-  const [r, a] = l.useState([]), n = l.useRef(null), c = l.useRef(!1), { detailedBudgets: m } = D(), d = l.useCallback(() => {
-    const u = n.current, C = _t(m), h = C.nodes();
+  const [o, r] = l.useState([]), a = l.useRef(null), c = l.useRef(!1), { detailedBudgets: d } = D(), g = l.useCallback(() => {
+    const u = a.current, _ = yt(d), f = _.nodes();
     if (u) {
-      const f = u.nodes(), p = new Map(f.map((y) => [y.guid, y]));
-      h.forEach((y) => {
-        const _ = p.get(y.guid);
-        _ && Object.assign(y, {
-          vx: _.vx,
-          vy: _.vy,
-          x: _.x,
-          y: _.y
+      const h = u.nodes(), p = new Map(h.map((B) => [B.guid, B]));
+      f.forEach((B) => {
+        const b = p.get(B.guid);
+        b && Object.assign(B, {
+          vx: b.vx,
+          vy: b.vy,
+          x: b.x,
+          y: b.y
         });
       });
     }
-    n.current = C, c.current = !1, a(h);
-  }, [m]);
+    a.current = _, c.current = !1, r(f);
+  }, [d]);
   return l.useEffect(() => {
-    d();
-  }, [d]), l.useEffect(() => () => {
-    n.current && (n.current.stop(), n.current = null);
+    g();
+  }, [g]), l.useEffect(() => () => {
+    a.current && (a.current.stop(), a.current = null);
   }, []), l.useEffect(() => {
-    const u = n.current;
+    const u = a.current;
     if (!u) return;
-    const C = u.nodes(), h = o > 0 && o < 450 || t > 0 && t < 300, f = St(C, m, h, t, o);
-    u.nodes(f), yt(u, t, o), i && setTimeout(() => {
-      bt(u);
-    }, 0), a([...f]);
-  }, [t, o, i, m]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(o), children: r.map((u) => /* @__PURE__ */ e(Tt, { bubble: u, isDraggable: i, onClick: s }, u.guid)) });
-}, Dt = I(wt), It = ({
+    const _ = u.nodes(), f = n > 0 && n < 450 || t > 0 && t < 300, h = Bt(_, d, f, t, n);
+    u.nodes(h), bt(u, t, n), i && setTimeout(() => {
+      ft(u);
+    }, 0), r([...h]);
+  }, [t, n, i, d]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(n), children: o.map((u) => /* @__PURE__ */ e(vt, { bubble: u, isDraggable: i, onClick: s }, u.guid)) });
+}, wt = I(Tt), Dt = ({
   isMiniWidget: t = !1,
-  onConnectAccountsClick: o,
+  onConnectAccountsClick: n,
   createBudgetOnClick: i
 }) => {
-  const { recalculateBudgets: s } = D(), { spendCategories: r } = U(), { budgets: a } = w(), { availableWidth: n } = ae(), { isMobile: c } = le(n), m = t && c, [d, u] = l.useState(!1), [C, h] = l.useState(!1), [f, p] = l.useState(!1), y = l.useMemo(() => [...r.filter((B) => B.totalAverageAmount > 0)], [r]), _ = async () => {
+  const { recalculateBudgets: s } = D(), { spendCategories: o } = F(), { budgets: r } = w(), { availableWidth: a } = oe(), { isMobile: c } = ce(a), d = t && c, [g, u] = l.useState(!1), [_, f] = l.useState(!1), [h, p] = l.useState(!1), B = l.useMemo(() => [...o.filter((S) => S.totalAverageAmount > 0)], [o]), b = async () => {
     p(!0);
-    const { data: B, isSuccess: A } = await s(y);
-    p(!1), A ? (B.length === 0 && h(!0), u(!1)) : u(!0);
+    const { data: S, isSuccess: A } = await s(B);
+    p(!1), A ? (S.length === 0 && f(!0), u(!1)) : u(!0);
   };
-  return f ? /* @__PURE__ */ e(z, {}) : d ? /* @__PURE__ */ e(
-    me,
+  return h ? /* @__PURE__ */ e(U, {}) : g ? /* @__PURE__ */ e(
+    ue,
     {
-      header: a.autogenerate_budgets_error_header,
+      header: r.autogenerate_budgets_error_header,
       icon: "error",
       iconColor: "#4D4D4D",
-      onClick: (B) => {
-        B === "primary" ? _() : i();
+      onClick: (S) => {
+        S === "primary" ? b() : i();
       },
-      primaryButton: a.autogenerate_budgets_error_primary_button,
-      secondaryButton: a.zero_state_generate_budgets_secondary_button,
-      subText: a.autogenerate_budgets_error_subheader,
+      primaryButton: r.autogenerate_budgets_error_primary_button,
+      secondaryButton: r.zero_state_generate_budgets_secondary_button,
+      subText: r.autogenerate_budgets_error_subheader,
       sx: {
         width: { sm: 468 },
         ".buttons-footer": {
           width: 208,
-          ...m && { mt: 16, button: { height: "max-content" } }
+          ...d && { mt: 16, button: { height: "max-content" } }
         },
-        ...m && { justifyContent: "center", mt: 0, svg: { height: 32, width: 32 } }
+        ...d && { justifyContent: "center", mt: 0, svg: { height: 32, width: 32 } }
       }
     }
-  ) : /* @__PURE__ */ e(He, { children: C ? /* @__PURE__ */ e(
-    me,
+  ) : /* @__PURE__ */ e(We, { children: _ ? /* @__PURE__ */ e(
+    ue,
     {
-      header: a.zero_state_generate_budgets_header,
+      header: r.zero_state_generate_budgets_header,
       icon: "error",
       iconColor: "#4D4D4D",
-      onClick: (B) => {
-        B === "primary" ? o() : i();
+      onClick: (S) => {
+        S === "primary" ? n() : i();
       },
-      primaryButton: a.zero_state_generate_budgets_primary_button,
-      secondaryButton: a.zero_state_generate_budgets_secondary_button,
-      subText: a.zero_state_generate_budgets_subheader,
+      primaryButton: r.zero_state_generate_budgets_primary_button,
+      secondaryButton: r.zero_state_generate_budgets_secondary_button,
+      subText: r.zero_state_generate_budgets_subheader,
       sx: {
         width: t ? "100%" : { sm: 500 },
         height: t ? "100%" : { sm: 468 },
-        mt: m ? 0 : 50,
+        mt: d ? 0 : 50,
         ".buttons-footer": {
           width: 208,
           height: 100,
-          ...m && { mt: 16, button: { height: "max-content" } }
+          ...d && { mt: 16, button: { height: "max-content" } }
         },
         padding: t ? 5 : 0,
-        ...m && { justifyContent: "center", svg: { height: 32, width: 32 } }
+        ...d && { justifyContent: "center", svg: { height: 32, width: 32 } }
       }
     }
   ) : /* @__PURE__ */ e(
-    me,
+    ue,
     {
-      header: a.create_budgets_title,
+      header: r.create_budgets_title,
       icon: "bubble_chart",
       iconColor: "#1A1A1A",
-      onClick: (B) => {
-        B === "primary" ? _() : i();
+      onClick: (S) => {
+        S === "primary" ? b() : i();
       },
-      primaryButton: a.empty_state_primary_button,
-      secondaryButton: t ? void 0 : a.empty_state_secondary_button,
-      subText: a.empty_state_subheader,
+      primaryButton: r.empty_state_primary_button,
+      secondaryButton: t ? void 0 : r.empty_state_secondary_button,
+      subText: r.empty_state_subheader,
       sx: {
         width: t ? "100%" : { sm: 432 },
         height: t ? "100%" : { sm: 468 },
-        mt: m ? 0 : 50,
+        mt: d ? 0 : 50,
         ".buttons-footer": {
           width: 208,
           height: 100,
-          ...m && { mt: 24, button: { height: "max-content" } }
+          ...d && { mt: 24, button: { height: "max-content" } }
         },
         padding: t ? 4 : 0,
-        ...m && { justifyContent: "center", svg: { height: 32, width: 32 } }
+        ...d && { justifyContent: "center", svg: { height: 32, width: 32 } }
       }
     }
   ) });
-}, $e = I(
+}, Ne = I(
   ({
     createBudgetOnClick: t = () => {
     },
-    height: o,
+    height: n,
     isDraggable: i = !1,
     isMiniWidget: s = !1,
-    shouldShowZeroState: r,
-    unavailableWidth: a = 24
+    shouldShowZeroState: o,
+    unavailableWidth: r = 24
   }) => {
-    const { onEvent: n } = V(), { setSelectedBudget: c } = D(), { isLoadingCategoryTotals: m } = U(), { isInitialized: d } = re(), { accounts: u } = w(), { availableWidth: C } = ae(), { isMobile: h } = le(), [f, p] = l.useState(!1), y = l.useMemo(() => C - a, [C]), _ = (A) => {
-      c(A), n($.BUDGETS_CLICK_BUDGET_CATEGORY, {
+    const { onEvent: a } = X(), { setSelectedBudget: c } = D(), { isLoadingCategoryTotals: d } = F(), { isInitialized: g } = ae(), { accounts: u } = w(), { availableWidth: _ } = oe(), { isMobile: f } = ce(), [h, p] = l.useState(!1), B = l.useMemo(() => _ - r, [_]), b = (A) => {
+      c(A), a($.BUDGETS_CLICK_BUDGET_CATEGORY, {
         budget_category: A.category.name,
         click_type: "bubble"
       });
-    }, B = () => {
-      p(!0), n($.ACCOUNTS_CLICK_CONNECT);
+    }, S = () => {
+      p(!0), a($.ACCOUNTS_CLICK_CONNECT);
     };
-    return m ? /* @__PURE__ */ e(S, { alignItems: "center", height: o, justifyContent: "center", width: Math.abs(y), children: /* @__PURE__ */ e(z, {}) }) : /* @__PURE__ */ g(
+    return d ? /* @__PURE__ */ e(C, { alignItems: "center", height: n, justifyContent: "center", width: Math.abs(B), children: /* @__PURE__ */ e(U, {}) }) : /* @__PURE__ */ m(
       W,
       {
-        ml: r || h ? 0 : 24,
+        ml: o || f ? 0 : 24,
         sx: { alignSelf: "center", ...s && { height: "100%" } },
         children: [
-          r || !d ? /* @__PURE__ */ e(
-            It,
+          o || !g ? /* @__PURE__ */ e(
+            Dt,
             {
               createBudgetOnClick: t,
               isMiniWidget: s,
-              onConnectAccountsClick: B
+              onConnectAccountsClick: S
             }
           ) : /* @__PURE__ */ e(
-            Dt,
+            wt,
             {
-              height: o,
+              height: n,
               isDraggable: i,
-              onClick: _,
-              width: y
+              onClick: b,
+              width: B
             }
           ),
           /* @__PURE__ */ e(
-            Ze,
+            Ye,
             {
               onClose: () => p(!1),
-              showConnectionsWidget: f,
+              showConnectionsWidget: h,
               title: u.manage_connections
             }
           )
@@ -541,51 +542,54 @@ const wt = ({
       }
     );
   }
-), Et = ({
+), It = ({
   budgetsCopy: t,
-  difference: o,
+  difference: n,
   handleAddClick: i,
   shouldShowZeroState: s
 }) => {
-  const { availableHeight: r = 0 } = ae(), a = l.useRef(null);
+  const { availableHeight: o = 0 } = oe(), r = l.useRef(null);
   l.useEffect(() => {
-    r > 0 && a.current === null && (a.current = r);
-  }, [r]);
-  const n = l.useMemo(() => {
-    const c = a.current ?? r;
+    o > 0 && r.current === null && (r.current = o);
+  }, [o]);
+  const a = l.useMemo(() => {
+    const c = r.current ?? o;
     return c > 0 ? Math.round(Math.max(120, Math.min(450, c * 0.8))) - 40 : 450;
-  }, [r]);
-  return /* @__PURE__ */ g(S, { sx: { height: "100%", justifyContent: "space-between" }, children: [
+  }, [o]);
+  return /* @__PURE__ */ m(C, { sx: { height: "100%", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(
-      $e,
+      Ne,
       {
         createBudgetOnClick: i,
-        height: n,
+        height: a,
         isMiniWidget: !0,
         shouldShowZeroState: s
       }
     ),
-    !s && /* @__PURE__ */ g(W, { ml: 16, children: [
-      /* @__PURE__ */ e(b, { bold: !0, color: o < 0 ? "error.main" : "success.main", children: T(Math.abs(o), "0,0") }),
-      /* @__PURE__ */ e(b, { children: o < 0 ? t.overspent_in_budgets : t.left_in_budgets })
+    !s && /* @__PURE__ */ m(W, { ml: 16, children: [
+      /* @__PURE__ */ e(y, { bold: !0, color: n < 0 ? "error.main" : "success.main", children: T(Math.abs(n), "0,0") }),
+      /* @__PURE__ */ e(y, { children: n < 0 ? t.overspent_in_budgets : t.left_in_budgets })
     ] })
   ] });
-}, Ot = (t) => {
-  const o = ne(), { onEvent: i } = V(), { detailedBudgets: s, isDataLoaded: r, loadBudgetData: a, setTheme: n } = D(), { budgets: c, common: m } = w(), { isCopyLoaded: d, isInitialized: u, selectedAccounts: C } = re(), { reloadCategoryTotals: h } = U(), f = et(), p = s.length === 0, [y, _] = l.useState(!1), B = () => {
-    _(!0), i($.BUDGETS_CLICK_ADD);
+}, Et = (t) => {
+  const n = te(), { onEvent: i } = X(), { detailedBudgets: s, isDataLoaded: o, loadBudgetData: r, setTheme: a } = D(), { budgets: c, common: d } = w(), { isCopyLoaded: g, isInitialized: u, selectedAccounts: _ } = ae(), { reloadCategoryTotals: f } = F(), h = Qe(), p = s.length === 0, [B, b] = l.useState(!1), S = () => {
+    b(!0), i($.BUDGETS_CLICK_ADD);
   }, A = () => {
-    _(!1);
-  }, v = () => _(!1);
-  return l.useEffect(() => {
-    n(o);
-  }, [o]), l.useEffect(() => {
-    u && !r && h(C, ee(/* @__PURE__ */ new Date()), pe(/* @__PURE__ */ new Date())).then(
+    b(!1);
+  }, v = () => b(!1);
+  return we({
+    widgetName: "BubbleBudgetsMiniWidget",
+    isLoaded: o
+  }), l.useEffect(() => {
+    a(n);
+  }, [n]), l.useEffect(() => {
+    u && !o && f(_, Q(/* @__PURE__ */ new Date()), ge(/* @__PURE__ */ new Date())).then(
       () => {
-        a().finally();
+        r().finally();
       }
     );
-  }, [u, C]), d ? /* @__PURE__ */ g(
-    tt,
+  }, [u, _]), g ? /* @__PURE__ */ m(
+    et,
     {
       contentStyles: { height: "calc(100% - 66px)", ":last-child": { pb: 0 } },
       primaryCtaLabel: p ? c.get_started_cta : c.details_cta,
@@ -593,21 +597,21 @@ const wt = ({
       title: c.budgets_title,
       ...t,
       children: [
-        r ? /* @__PURE__ */ e(
-          Et,
+        o ? /* @__PURE__ */ e(
+          It,
           {
             budgetsCopy: c,
-            difference: f,
-            handleAddClick: B,
+            difference: h,
+            handleAddClick: S,
             shouldShowZeroState: p
           }
-        ) : /* @__PURE__ */ e(z, {}),
+        ) : /* @__PURE__ */ e(U, {}),
         /* @__PURE__ */ e(
-          N,
+          P,
           {
-            ariaLabelClose: m.close_aria,
-            isOpen: y,
-            onClose: () => _(!1),
+            ariaLabelClose: d.close_aria,
+            isOpen: B,
+            onClose: () => b(!1),
             title: c.add_new_title,
             children: /* @__PURE__ */ e(
               Re,
@@ -620,310 +624,310 @@ const wt = ({
         )
       ]
     }
-  ) : /* @__PURE__ */ e(z, {});
-}, Nn = I(Ot), Ne = ({ budget: t }) => {
+  ) : /* @__PURE__ */ e(U, {});
+}, $n = I(Et), $e = ({ budget: t }) => {
   const {
-    amount: o,
+    amount: n,
     budgetColors: { background: i },
     category: { name: s },
-    category_guid: r,
-    percentage: a,
-    transaction_total: n
+    category_guid: o,
+    percentage: r,
+    transaction_total: a
   } = t, c = [
     {
       color: i,
-      percentage: `${a}%`
+      percentage: `${r}%`
     }
   ];
-  return /* @__PURE__ */ e(fe, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(be, { children: /* @__PURE__ */ g(S, { alignItems: "center", gap: 16, children: [
-    /* @__PURE__ */ e(K, { categoryGuid: r, size: 56 }),
-    /* @__PURE__ */ e(We, { children: `${T(n, "0,0")} / ${T(o, "0,0")}` }),
-    /* @__PURE__ */ e(b, { bold: !0, variant: "XSmall", children: s }),
-    /* @__PURE__ */ e(he, { data: c, height: 10 })
+  return /* @__PURE__ */ e(he, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ m(C, { alignItems: "center", gap: 16, children: [
+    /* @__PURE__ */ e(H, { categoryGuid: o, size: 56 }),
+    /* @__PURE__ */ e(He, { children: `${T(a, "0,0")} / ${T(n, "0,0")}` }),
+    /* @__PURE__ */ e(y, { bold: !0, variant: "XSmall", children: s }),
+    /* @__PURE__ */ e(pe, { data: c, height: 10 })
   ] }) }) });
-}, Mt = I(() => {
+}, Ot = I(() => {
   const { budgets: t } = w();
-  return /* @__PURE__ */ g(S, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
-    /* @__PURE__ */ e(P, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
-    /* @__PURE__ */ e(b, { bold: !0, color: "secondary", variant: "Small", children: t.zero_state_no_sub_budgets }),
-    /* @__PURE__ */ e(b, { color: "text.secondary", variant: "XSmall", children: t.zero_state_no_sub_budgets_description })
+  return /* @__PURE__ */ m(C, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
+    /* @__PURE__ */ e(G, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
+    /* @__PURE__ */ e(y, { bold: !0, color: "secondary", variant: "Small", children: t.zero_state_no_sub_budgets }),
+    /* @__PURE__ */ e(y, { color: "text.secondary", variant: "XSmall", children: t.zero_state_no_sub_budgets_description })
   ] });
-}), Rt = I(({ budget: t }) => {
+}), Mt = I(({ budget: t }) => {
   const {
-    amount: o,
+    amount: n,
     budgetColors: { background: i },
     category: s,
-    percentage: r,
-    transaction_total: a
-  } = t, { setSelectedSubBudget: n } = D();
-  return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ g(Z, { onClick: () => n(t), children: [
-    /* @__PURE__ */ e(ce, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Oe, { color: i, percent: r, size: 40, children: /* @__PURE__ */ e(K, { categoryGuid: s.parent_guid, variant: "basic" }) }) }),
+    percentage: o,
+    transaction_total: r
+  } = t, { setSelectedSubBudget: a } = D();
+  return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ m(Y, { onClick: () => a(t), children: [
+    /* @__PURE__ */ e(ie, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Oe, { color: i, percent: o, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: s.parent_guid, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
-      q,
+      Z,
       {
-        primary: /* @__PURE__ */ e(S, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(b, { bold: !0, variant: "Body", children: t.category.name }) }),
-        secondary: /* @__PURE__ */ e(S, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(b, { fontWeight: 400, variant: "Body", children: `
-                  ${T(a, "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(r, "0,0")} / 
+                  ${T(n, "0,0")}
                 ` }) })
       }
     )
   ] }) });
-}), Lt = I(({ category: t, parentBudget: o }) => {
-  const { budgets: i, common: s } = w(), { setExpandedGuid: r, setOnSelect: a } = st(), { addBudget: n } = D(), [c, m] = l.useState(!1), [d, u] = l.useState(!1), [C, h] = l.useState(""), [f, p] = l.useState(void 0);
+}), Rt = I(({ category: t, parentBudget: n }) => {
+  const { budgets: i, common: s } = w(), { setExpandedGuid: o, setOnSelect: r } = rt(), { addBudget: a } = D(), [c, d] = l.useState(!1), [g, u] = l.useState(!1), [_, f] = l.useState(""), [h, p] = l.useState(void 0);
   l.useEffect(() => {
-    a((B) => {
-      const A = t.subCategories.find((v) => v.guid === B);
-      A && (p(A), h(`${A.currentAmount === 0 ? "" : A.currentAmount}`), u(!0));
+    r((S) => {
+      const A = t.subCategories.find((v) => v.guid === S);
+      A && (p(A), f(`${A.currentAmount === 0 ? "" : A.currentAmount}`), u(!0));
     });
   }, []);
-  const y = () => {
-    r(t.guid), m(!0);
-  }, _ = async () => {
-    f && Number(C) > 0 && (await n(f, Number(C), o.guid), u(!1), m(!1), p(void 0));
+  const B = () => {
+    o(t.guid), d(!0);
+  }, b = async () => {
+    h && Number(_) > 0 && (await a(h, Number(_), n.guid), u(!1), d(!1), p(void 0));
   };
-  return /* @__PURE__ */ g(W, { children: [
-    /* @__PURE__ */ e(Y, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(Z, { onClick: y, children: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ g(S, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ g(S, { alignItems: "center", direction: "row", gap: 8, children: [
-        /* @__PURE__ */ e(P, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
-        /* @__PURE__ */ e(b, { bold: !0, sx: { color: "primary.light" }, variant: "Body", children: i.add_sub_budget_button })
+  return /* @__PURE__ */ m(W, { children: [
+    /* @__PURE__ */ e(V, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(Y, { onClick: B, children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ m(C, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ m(C, { alignItems: "center", direction: "row", gap: 8, children: [
+        /* @__PURE__ */ e(G, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
+        /* @__PURE__ */ e(y, { bold: !0, sx: { color: "primary.light" }, variant: "Body", children: i.add_sub_budget_button })
       ] }),
-      /* @__PURE__ */ e(P, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
+      /* @__PURE__ */ e(G, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
     ] }) }) }) }),
-    /* @__PURE__ */ e(ie, {}),
+    /* @__PURE__ */ e(se, {}),
     /* @__PURE__ */ e(
-      N,
+      P,
       {
         ariaLabelClose: s.close_aria,
         isOpen: c,
-        onClose: () => m(!1),
+        onClose: () => d(!1),
         title: i.add_sub_budget_title,
-        children: /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(it, { category: t, subCategories: t.subCategories }) })
+        children: /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(st, { category: t, subCategories: t.subCategories }) })
       }
     ),
     /* @__PURE__ */ e(
-      j,
+      z,
       {
         copy: { close_aria: s.close_aria, title: i.add_title },
-        disablePrimaryButton: Number(C) <= 0,
-        isOpen: d,
+        disablePrimaryButton: Number(_) <= 0,
+        isOpen: g,
         onClose: () => u(!1),
-        onPrimaryAction: _,
+        onPrimaryAction: b,
         primaryText: i.add_save_button,
         children: /* @__PURE__ */ e(
-          de,
+          le,
           {
-            amount: C,
-            categoryName: f?.name || "",
-            onAmountChanged: h
+            amount: _,
+            categoryName: h?.name || "",
+            onAmountChanged: f
           }
         )
       }
     )
   ] });
-}), kt = I(({ budget: t }) => {
-  const { category: o, subBudgets: i } = t, { budgets: s, common: r } = w(), { deleteBudget: a, selectedSubBudget: n, setSelectedSubBudget: c, updateBudget: m } = D(), { filter: d, setFilter: u } = se(), [C, h] = l.useState(!1), [f, p] = l.useState(!1), [y, _] = l.useState("");
+}), Lt = I(({ budget: t }) => {
+  const { category: n, subBudgets: i } = t, { budgets: s, common: o } = w(), { deleteBudget: r, selectedSubBudget: a, setSelectedSubBudget: c, updateBudget: d } = D(), { filter: g, setFilter: u } = re(), [_, f] = l.useState(!1), [h, p] = l.useState(!1), [B, b] = l.useState("");
   l.useEffect(() => {
-    n && (_(`${n.amount}`), u({
-      ...d,
-      custom: (x) => x.category_guid === n.category_guid
+    a && (b(`${a.amount}`), u({
+      ...g,
+      custom: (x) => x.category_guid === a.category_guid
     }));
-  }, [n]);
-  const B = async () => {
-    n && await m({
-      ...n,
-      amount: Number(y)
+  }, [a]);
+  const S = async () => {
+    a && await d({
+      ...a,
+      amount: Number(B)
     });
   }, A = async () => {
-    n && await a(n.guid), p(!1), v();
+    a && await r(a.guid), p(!1), v();
   }, v = () => {
     u({
-      ...d,
+      ...g,
       custom: (x) => x.category_guid === t.category_guid || x.top_level_category_guid === t.category_guid
     }), c(void 0);
   };
-  return /* @__PURE__ */ g(l.Fragment, { children: [
-    /* @__PURE__ */ g(X, { sx: { bgcolor: "background.paper" }, children: [
-      i.length === 0 ? /* @__PURE__ */ e(Mt, {}) : i.map((x) => /* @__PURE__ */ g(l.Fragment, { children: [
-        /* @__PURE__ */ e(Rt, { budget: x }),
-        /* @__PURE__ */ e(ie, {})
+  return /* @__PURE__ */ m(l.Fragment, { children: [
+    /* @__PURE__ */ m(K, { sx: { bgcolor: "background.paper" }, children: [
+      i.length === 0 ? /* @__PURE__ */ e(Ot, {}) : i.map((x) => /* @__PURE__ */ m(l.Fragment, { children: [
+        /* @__PURE__ */ e(Mt, { budget: x }),
+        /* @__PURE__ */ e(se, {})
       ] }, x.guid)),
-      /* @__PURE__ */ e(Lt, { category: o, parentBudget: t })
+      /* @__PURE__ */ e(Rt, { category: n, parentBudget: t })
     ] }),
     /* @__PURE__ */ e(
-      N,
+      P,
       {
-        ariaLabelClose: r.close_aria,
-        isOpen: !!n,
+        ariaLabelClose: o.close_aria,
+        isOpen: !!a,
         onClose: v,
-        onPrimaryAction: () => h(!0),
+        onPrimaryAction: () => f(!0),
         onSecondaryAction: () => p(!0),
         primaryText: s.details_edit_button,
         secondaryText: s.details_delete_button,
         title: s.details_title,
-        children: n && /* @__PURE__ */ g(S, { gap: 24, children: [
-          /* @__PURE__ */ e(Ne, { budget: n }),
+        children: a && /* @__PURE__ */ m(C, { gap: 24, children: [
+          /* @__PURE__ */ e($e, { budget: a }),
           /* @__PURE__ */ e(Ee, { height: "100%" })
         ] })
       }
     ),
-    n && /* @__PURE__ */ g(l.Fragment, { children: [
+    a && /* @__PURE__ */ m(l.Fragment, { children: [
       /* @__PURE__ */ e(
-        j,
+        z,
         {
-          copy: { close_aria: r.close_aria, title: s.details_edit_title },
-          disablePrimaryButton: Number(y) <= 0,
-          isOpen: C,
-          onClose: () => h(!1),
-          onPrimaryAction: B,
+          copy: { close_aria: o.close_aria, title: s.details_edit_title },
+          disablePrimaryButton: Number(B) <= 0,
+          isOpen: _,
+          onClose: () => f(!1),
+          onPrimaryAction: S,
           primaryText: s.edit_save_button,
           children: /* @__PURE__ */ e(
-            de,
+            le,
             {
-              amount: y,
-              categoryName: n.category.name,
-              onAmountChanged: _
+              amount: B,
+              categoryName: a.category.name,
+              onAmountChanged: b
             }
           )
         }
       ),
       /* @__PURE__ */ e(
-        j,
+        z,
         {
-          copy: { close_aria: r.close_aria, title: s.delete_title },
-          isOpen: f,
+          copy: { close_aria: o.close_aria, title: s.delete_title },
+          isOpen: h,
           onClose: () => p(!1),
           onPrimaryAction: A,
           primaryColor: "error",
           primaryText: "Delete",
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(b, { variant: "Paragraph", children: L(s.delete_description, n.category.name) })
+          children: /* @__PURE__ */ e(y, { variant: "Paragraph", children: L(s.delete_description, a.category.name) })
         }
       )
     ] })
   ] });
-}), $t = I(({ budget: t }) => {
-  const { is_mobile_webview: o } = Ke(), { setAlert: i } = D(), { budgets: s, common: r, transactions: a } = w(), { isDesktop: n, isSmallTablet: c, isTablet: m } = le(), {
-    sortedTransactions: d,
+}), kt = I(({ budget: t }) => {
+  const { is_mobile_webview: n } = Ke(), { setAlert: i } = D(), { budgets: s, common: o, transactions: r } = w(), { isDesktop: a, isSmallTablet: c, isTablet: d } = ce(), {
+    sortedTransactions: g,
     sortedTransactionsWithSplits: u,
-    tags: C
-  } = se(), [h, f] = l.useState(0), [p, y] = l.useState(""), _ = l.useMemo(
-    () => d.find((x) => x.guid === p),
-    [p, d]
-  ), B = (x, O) => {
-    f(O);
+    tags: _
+  } = re(), [f, h] = l.useState(0), [p, B] = l.useState(""), b = l.useMemo(
+    () => g.find((x) => x.guid === p),
+    [p, g]
+  ), S = (x, O) => {
+    h(O);
   }, A = () => {
-    at(u, C), i(s.alert_csv_downloaded);
-  }, v = d.length > 0 && !o && (n || m && !c);
-  return /* @__PURE__ */ g(S, { gap: 24, children: [
-    /* @__PURE__ */ e(Ne, { budget: t }),
-    /* @__PURE__ */ g(S, { children: [
-      /* @__PURE__ */ g(
-        ot,
+    ot(u, _), i(s.alert_csv_downloaded);
+  }, v = g.length > 0 && !n && (a || d && !c);
+  return /* @__PURE__ */ m(C, { gap: 24, children: [
+    /* @__PURE__ */ e($e, { budget: t }),
+    /* @__PURE__ */ m(C, { children: [
+      /* @__PURE__ */ m(
+        nt,
         {
-          onChange: B,
+          onChange: S,
           sx: { width: "100%" },
           textColor: "primary",
-          value: h,
+          value: f,
           variant: "fullWidth",
           children: [
-            /* @__PURE__ */ e(Ce, { label: s.details_transactions_tab }),
-            /* @__PURE__ */ e(Ce, { label: s.details_subbudgets_tab })
+            /* @__PURE__ */ e(_e, { label: s.details_transactions_tab }),
+            /* @__PURE__ */ e(_e, { label: s.details_subbudgets_tab })
           ]
         }
       ),
-      h === 0 && /* @__PURE__ */ g(S, { children: [
-        v && /* @__PURE__ */ e(S, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
-          we,
+      f === 0 && /* @__PURE__ */ m(C, { children: [
+        v && /* @__PURE__ */ e(C, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
+          Te,
           {
             onClick: A,
-            startIcon: /* @__PURE__ */ e(P, { name: "ios_share" }),
+            startIcon: /* @__PURE__ */ e(G, { name: "ios_share" }),
             variant: "text",
-            children: a.export_csv_btn
+            children: r.export_csv_btn
           }
         ) }),
-        /* @__PURE__ */ e(Ee, { height: "100%", onClick: y })
+        /* @__PURE__ */ e(Ee, { height: "100%", onClick: B })
       ] }),
-      h === 1 && /* @__PURE__ */ e(kt, { budget: t }),
+      f === 1 && /* @__PURE__ */ e(Lt, { budget: t }),
       /* @__PURE__ */ e(
-        N,
+        P,
         {
-          ariaLabelClose: r.close_aria,
-          isOpen: !!_,
-          onClose: () => y(""),
+          ariaLabelClose: o.close_aria,
+          isOpen: !!b,
+          onClose: () => B(""),
           title: s.details_transaction_drawer,
-          children: _ && /* @__PURE__ */ e(rt, { transaction: _ })
+          children: b && /* @__PURE__ */ e(at, { transaction: b })
         }
       )
     ] })
   ] });
 }), Nt = I(() => {
-  const { selectedAccountGuids: t } = re(), { budgets: o, common: i } = w(), {
+  const { selectedAccountGuids: t } = ae(), { budgets: n, common: i } = w(), {
     alert: s,
-    dateRange: r,
-    deleteBudget: a,
-    selectedBudget: n,
+    dateRange: o,
+    deleteBudget: r,
+    selectedBudget: a,
     selectedSubBudget: c,
-    setAlert: m,
-    setSelectedBudget: d,
+    setAlert: d,
+    setSelectedBudget: g,
     updateBudget: u
-  } = D(), { setFilter: C } = se(), [h, f] = l.useState(!1), [p, y] = l.useState(!1), [_, B] = l.useState(!1), [A, v] = l.useState("");
+  } = D(), { setFilter: _ } = re(), [f, h] = l.useState(!1), [p, B] = l.useState(!1), [b, S] = l.useState(!1), [A, v] = l.useState("");
   l.useEffect(() => {
-    n && !c && (v(`${n.amount}`), f(!0), C({
+    a && !c && (v(`${a.amount}`), h(!0), _({
       accounts: t,
-      dateRange: r,
-      custom: (k) => k.category_guid === n.category_guid || k.top_level_category_guid === n.category_guid,
+      dateRange: o,
+      custom: (N) => N.category_guid === a.category_guid || N.top_level_category_guid === a.category_guid,
       showSplits: !0
     }));
-  }, [n]);
+  }, [a]);
   const x = async () => {
-    n && (await u({
-      ...n,
+    a && (await u({
+      ...a,
       amount: Number(A),
-      percentage: n.category.totalAmount / Number(A) * 100
-    }), m(L(o.alert_budget_updated, n.category.name)));
+      percentage: a.category.totalAmount / Number(A) * 100
+    }), d(L(n.alert_budget_updated, a.category.name)));
   }, O = async () => {
-    n && (await a(n.guid), m(L(o.alert_budget_deleted, n.category.name))), M();
+    a && (await r(a.guid), d(L(n.alert_budget_deleted, a.category.name))), M();
   }, M = () => {
-    f(!1), setTimeout(() => {
-      d(void 0);
+    h(!1), setTimeout(() => {
+      g(void 0);
     }, 250);
   }, R = () => {
-    m(""), y(!1);
+    d(""), B(!1);
   };
-  if (n)
-    return /* @__PURE__ */ g(l.Fragment, { children: [
+  if (a)
+    return /* @__PURE__ */ m(l.Fragment, { children: [
       /* @__PURE__ */ e(
-        N,
+        P,
         {
           ariaLabelClose: i.close_aria,
-          isOpen: h,
+          isOpen: f,
           onClose: M,
-          onPrimaryAction: () => y(!0),
-          onSecondaryAction: () => B(!0),
-          primaryText: o.details_edit_button,
+          onPrimaryAction: () => B(!0),
+          onSecondaryAction: () => S(!0),
+          primaryText: n.details_edit_button,
           secondaryColor: "error",
-          secondaryText: o.details_delete_button,
-          title: o.details_title,
-          children: /* @__PURE__ */ e($t, { budget: n })
+          secondaryText: n.details_delete_button,
+          title: n.details_title,
+          children: /* @__PURE__ */ e(kt, { budget: a })
         }
       ),
-      /* @__PURE__ */ g(
-        j,
+      /* @__PURE__ */ m(
+        z,
         {
-          copy: { close_aria: i.close_aria, title: o.details_edit_title },
+          copy: { close_aria: i.close_aria, title: n.details_edit_title },
           disablePrimaryButton: Number(A) <= 0,
           isOpen: p,
           onClose: () => {
           },
           onPrimaryAction: x,
-          primaryText: o.edit_save_button,
+          primaryText: n.edit_save_button,
           children: [
             /* @__PURE__ */ e(
-              de,
+              le,
               {
                 amount: A,
-                categoryName: n.category.name,
+                categoryName: a.category.name,
                 onAmountChanged: v
               }
             ),
@@ -941,66 +945,66 @@ const wt = ({
         }
       ),
       /* @__PURE__ */ e(
-        j,
+        z,
         {
-          copy: { close_aria: i.close_aria, title: o.delete_title },
-          isOpen: _,
-          onClose: () => B(!1),
+          copy: { close_aria: i.close_aria, title: n.delete_title },
+          isOpen: b,
+          onClose: () => S(!1),
           onPrimaryAction: O,
           primaryColor: "error",
-          primaryText: o.details_delete_button,
+          primaryText: n.details_delete_button,
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(b, { variant: "Paragraph", children: L(o.delete_description, n.category.name) })
+          children: /* @__PURE__ */ e(y, { variant: "Paragraph", children: L(n.delete_description, a.category.name) })
         }
       )
     ] });
-}), Pt = ({ budget: t, onClick: o }) => {
+}), $t = ({ budget: t, onClick: n }) => {
   const {
     amount: i,
-    budgetColors: { background: s, description: r },
-    category_guid: a,
-    description: n,
+    budgetColors: { background: s, description: o },
+    category_guid: r,
+    description: a,
     percentage: c,
-    subBudgets: m,
-    transaction_total: d
+    subBudgets: d,
+    transaction_total: g
   } = t;
-  return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ g(Z, { onClick: () => o?.(t), children: [
-    /* @__PURE__ */ e(ce, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Oe, { color: s, percent: c, size: 40, children: /* @__PURE__ */ e(K, { categoryGuid: a, variant: "basic" }) }) }),
+  return /* @__PURE__ */ e(V, { children: /* @__PURE__ */ m(Y, { onClick: () => n?.(t), children: [
+    /* @__PURE__ */ e(ie, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Oe, { color: s, percent: c, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: r, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
-      q,
+      Z,
       {
-        primary: /* @__PURE__ */ g(S, { component: "span", direction: "row", justifyContent: "space-between", children: [
-          /* @__PURE__ */ e(b, { bold: !0, variant: "Body", children: t.category.name }),
-          /* @__PURE__ */ e(b, { fontWeight: 400, variant: "Body", children: `
-                  ${T(d, "0,0")} / 
+        primary: /* @__PURE__ */ m(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__ */ g(S, { component: "span", direction: "row", justifyContent: "space-between", children: [
-          /* @__PURE__ */ e(b, { variant: "XSmall", children: `${m.length} Sub-budgets` }),
-          /* @__PURE__ */ e(b, { bold: c > 100, color: r, variant: "XSmall", children: n })
+        secondary: /* @__PURE__ */ m(C, { component: "span", direction: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ e(y, { variant: "XSmall", children: `${d.length} Sub-budgets` }),
+          /* @__PURE__ */ e(y, { bold: c > 100, color: o, variant: "XSmall", children: a })
         ] })
       }
     )
   ] }) });
-}, Gt = I(() => {
-  const { onEvent: t } = V(), { budgets: o } = w(), { detailedBudgets: i, setSelectedBudget: s } = D(), r = (a) => {
-    s(a), t($.BUDGETS_CLICK_BUDGET_CATEGORY, {
-      budget_category: a.category.name,
+}, Pt = I(() => {
+  const { onEvent: t } = X(), { budgets: n } = w(), { detailedBudgets: i, setSelectedBudget: s } = D(), o = (r) => {
+    s(r), t($.BUDGETS_CLICK_BUDGET_CATEGORY, {
+      budget_category: r.category.name,
       click_type: "list"
     });
   };
-  return /* @__PURE__ */ g(fe, { elevation: 2, children: [
-    /* @__PURE__ */ e(Me, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(ve, { children: o.budget_categories_title }) }),
-    /* @__PURE__ */ e(be, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(X, { children: i.map((a) => /* @__PURE__ */ g(l.Fragment, { children: [
-      /* @__PURE__ */ e(Pt, { budget: a, onClick: r }),
-      /* @__PURE__ */ e(ie, {})
-    ] }, a.guid)) }) })
+  return /* @__PURE__ */ m(he, { elevation: 2, children: [
+    /* @__PURE__ */ e(Me, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Ae, { children: n.budget_categories_title }) }),
+    /* @__PURE__ */ e(fe, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(K, { children: i.map((r) => /* @__PURE__ */ m(l.Fragment, { children: [
+      /* @__PURE__ */ e($t, { budget: r, onClick: o }),
+      /* @__PURE__ */ e(se, {})
+    ] }, r.guid)) }) })
   ] });
-}), jt = I(() => {
-  const t = ne(), { onEvent: o } = V(), { visibleAccounts: i } = Te(), { budgets: s, common: r, recurring: a } = w(), { incomeCategories: n, spendCategories: c } = U(), { detailedBudgets: m, totalBudgeted: d } = D(), { incomeTotal: u } = oe(), { setFilter: C } = se(), [h, f] = l.useState(!1), [p, y] = l.useMemo(() => {
-    const v = c.reduce((R, k) => R + k.totalAmount, 0);
-    let x = v / d;
+}), Gt = I(() => {
+  const t = te(), { onEvent: n } = X(), { visibleAccounts: i } = ve(), { budgets: s, common: o, recurring: r } = w(), { incomeCategories: a, spendCategories: c } = F(), { detailedBudgets: d, totalBudgeted: g } = D(), { incomeTotal: u } = ne(), { setFilter: _ } = re(), [f, h] = l.useState(!1), [p, B] = l.useMemo(() => {
+    const v = c.reduce((R, N) => R + N.totalAmount, 0);
+    let x = v / g;
     x > 1 && (x = 1);
     let O = t.palette.success.main;
     x > 0.8 && x < 1 ? O = t.palette.warning.main : x >= 1 && (O = t.palette.error.main);
@@ -1011,9 +1015,9 @@ const wt = ({
       }
     ];
     return [v, M];
-  }, [m, c]), [_, B] = l.useMemo(() => {
+  }, [d, c]), [b, S] = l.useMemo(() => {
     const v = Math.abs(
-      n.reduce((M, R) => M + R.totalAmount, 0)
+      a.reduce((M, R) => M + R.totalAmount, 0)
     );
     let x = v / u;
     x > 1 && (x = 1);
@@ -1024,99 +1028,100 @@ const wt = ({
       }
     ];
     return [v, O];
-  }, [n, u]), A = () => {
-    C({
+  }, [a, u]), A = () => {
+    _({
       accounts: i.map((v) => v.guid),
       dateRange: {
-        start: ct(/* @__PURE__ */ new Date(), 90),
+        start: it(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
       }
-    }), f(!0), o($.BUDGETS_CLICK_EDIT_INCOME);
+    }), h(!0), n($.BUDGETS_CLICK_EDIT_INCOME);
   };
-  return /* @__PURE__ */ g(fe, { elevation: 2, sx: { overflow: "visible" }, children: [
-    /* @__PURE__ */ e(Me, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(ve, { children: s.overview_title }) }),
-    /* @__PURE__ */ e(be, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ g(S, { gap: 24, children: [
-      /* @__PURE__ */ g(S, { gap: 8, children: [
-        /* @__PURE__ */ e(b, { bold: !0, sx: { mb: 8 }, variant: "Body", children: s.spending_title }),
-        /* @__PURE__ */ e(he, { data: y, height: 16 }),
-        /* @__PURE__ */ e(b, { variant: "Small", children: L(
+  return /* @__PURE__ */ m(he, { elevation: 2, sx: { overflow: "visible" }, children: [
+    /* @__PURE__ */ e(Me, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Ae, { children: s.overview_title }) }),
+    /* @__PURE__ */ e(fe, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ m(C, { gap: 24, children: [
+      /* @__PURE__ */ m(C, { gap: 8, children: [
+        /* @__PURE__ */ e(y, { bold: !0, sx: { mb: 8 }, variant: "Body", children: s.spending_title }),
+        /* @__PURE__ */ e(pe, { data: B, height: 16 }),
+        /* @__PURE__ */ e(y, { variant: "Small", children: L(
           s.spending_description,
           T(p, "0,0"),
-          T(d, "0,0")
+          T(g, "0,0")
         ) })
       ] }),
-      /* @__PURE__ */ g(S, { gap: 8, children: [
-        /* @__PURE__ */ g(S, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
-          /* @__PURE__ */ e(b, { bold: !0, variant: "Body", children: s.income_title }),
+      /* @__PURE__ */ m(C, { gap: 8, children: [
+        /* @__PURE__ */ m(C, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
+          /* @__PURE__ */ e(y, { bold: !0, variant: "Body", children: s.income_title }),
           /* @__PURE__ */ e(
-            lt,
+            ct,
             {
-              "aria-label": a.manage_income,
+              "aria-label": r.manage_income,
               onClick: A,
               sx: { p: 0 },
-              children: /* @__PURE__ */ e(P, { color: "primary", name: "edit" })
+              children: /* @__PURE__ */ e(G, { color: "primary", name: "edit" })
             }
           )
         ] }),
-        /* @__PURE__ */ e(he, { data: B, height: 16 }),
-        /* @__PURE__ */ e(b, { variant: "Small", children: L(
+        /* @__PURE__ */ e(pe, { data: S, height: 16 }),
+        /* @__PURE__ */ e(y, { variant: "Small", children: L(
           s.income_description,
-          T(_, "0,0"),
+          T(b, "0,0"),
           T(u, "0,0")
         ) })
       ] })
     ] }) }),
     /* @__PURE__ */ e(
-      N,
+      P,
       {
-        ariaLabelClose: r.close_aria,
-        isOpen: h,
-        onClose: () => f(!1),
-        title: a.manage_income,
-        children: /* @__PURE__ */ e(dt, { forOverview: !0 })
+        ariaLabelClose: o.close_aria,
+        isOpen: f,
+        onClose: () => h(!1),
+        title: r.manage_income,
+        children: /* @__PURE__ */ e(lt, { forOverview: !0 })
       }
     )
   ] });
-}), Ae = 480, Pn = I(({ onBackClick: t, sx: o }) => {
-  const i = ne(), { onEvent: s } = V(), { onLoad: r } = Xe(), { visibleAccounts: a } = Te(), { budgets: n, common: c } = w(), { isCopyLoaded: m, isInitialized: d, selectedAccounts: u, setDisplayedDate: C, setSelectedAccounts: h } = re(), {
+}), xe = 480, Pn = I(({ onBackClick: t, sx: n }) => {
+  const i = te(), { onEvent: s } = X(), { visibleAccounts: o } = ve(), { budgets: r, common: a } = w(), { isCopyLoaded: c, isInitialized: d, selectedAccounts: g, setDisplayedDate: u, setSelectedAccounts: _ } = ae(), {
     alert: f,
-    dateRange: p,
-    isDataLoaded: y,
-    loadBudgetData: _,
-    setDateRange: B,
-    setAlert: A,
-    setTheme: v,
-    detailedBudgets: x
-  } = D(), { loadRepeatingTransactions: O, setDateRange: M } = oe(), { reloadCategoryTotals: R } = U(), { isSmallTablet: k, isMobile: ue, isSmallMobile: F } = le(), H = k || ue || F, [Pe, J] = l.useState(!1);
-  l.useEffect(() => (v(i), h(a), B({ start: ee(Q()), end: pe(Q()) }), s($.BUDGETS_VIEW), () => {
-    B({ start: ee(Q()), end: pe(Q()) });
+    dateRange: h,
+    isDataLoaded: p,
+    loadBudgetData: B,
+    setDateRange: b,
+    setAlert: S,
+    setTheme: A,
+    detailedBudgets: v
+  } = D(), { loadRepeatingTransactions: x, setDateRange: O } = ne(), { reloadCategoryTotals: M } = F(), { isSmallTablet: R, isMobile: N, isSmallMobile: de } = ce(), k = R || N || de, [Pe, q] = l.useState(!1);
+  l.useEffect(() => (A(i), _(o), b({ start: Q(J()), end: ge(J()) }), s($.BUDGETS_VIEW), () => {
+    b({ start: Q(J()), end: ge(J()) });
   }), []), l.useEffect(() => {
-    h(a);
-  }, [a]), l.useEffect(() => {
-    d && (C(p.start, p.end), R(u, p.start, p.end).finally(), M(p), y || (O().finally(), _().finally(() => {
-      r?.("BubbleBudgetsWidget");
-    })));
-  }, [d, u, p]);
-  const Ge = (_e) => {
-    B({ start: _e[0] || /* @__PURE__ */ new Date(), end: _e[1] || /* @__PURE__ */ new Date() });
+    _(o);
+  }, [o]), l.useEffect(() => {
+    d && (u(h.start, h.end), M(g, h.start, h.end).finally(), O(h), p || (x().finally(), B().finally()));
+  }, [d, g, h]), we({
+    widgetName: "BubbleBudgetsWidget",
+    isLoaded: p
+  });
+  const Ge = (ye) => {
+    b({ start: ye[0] || /* @__PURE__ */ new Date(), end: ye[1] || /* @__PURE__ */ new Date() });
   }, je = () => {
     s($.BUDGETS_CLICK_FILTER);
-  }, ye = () => {
-    J(!0), s($.BUDGETS_CLICK_ADD);
+  }, be = () => {
+    q(!0), s($.BUDGETS_CLICK_ADD);
   }, ze = () => {
-    J(!1);
+    q(!1);
   }, Ue = () => {
-    J(!1);
-  }, Fe = nt(p.end, ee(/* @__PURE__ */ new Date()));
-  return !m || !d || !y ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ g(
-    Qe,
+    q(!1);
+  }, Fe = tt(h.end, Q(/* @__PURE__ */ new Date()));
+  return !c || !d || !p ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ m(
+    Je,
     {
-      accountOptions: a,
+      accountOptions: o,
       actions: [
         {
           iconName: "add",
-          label: n.add_title,
-          onClick: ye
+          label: r.add_title,
+          onClick: be
         }
       ],
       calendarActions: {
@@ -1126,38 +1131,38 @@ const wt = ({
       },
       onAccountsFilterClick: je,
       onBackClick: t,
-      sx: o,
-      title: n.budgets_title,
+      sx: n,
+      title: r.budgets_title,
       children: [
-        (!d || !y) && /* @__PURE__ */ e(z, {}),
-        d && y && /* @__PURE__ */ g(
-          S,
+        (!d || !p) && /* @__PURE__ */ e(U, {}),
+        d && p && /* @__PURE__ */ m(
+          C,
           {
-            direction: H ? "column" : "row",
+            direction: k ? "column" : "row",
             height: "100%",
             sx: { justifyContent: "center" },
             width: "100%",
             children: [
-              /* @__PURE__ */ e(S, { height: H ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
-                $e,
+              /* @__PURE__ */ e(C, { height: k ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
+                Ne,
                 {
-                  createBudgetOnClick: ye,
-                  height: H ? 450 : 800,
+                  createBudgetOnClick: be,
+                  height: k ? 450 : 800,
                   isDraggable: !0,
-                  shouldShowZeroState: x.length === 0,
-                  unavailableWidth: H ? 0 : Ae
+                  shouldShowZeroState: v.length === 0,
+                  unavailableWidth: k ? 0 : xe
                 }
               ) }),
-              x.length !== 0 && /* @__PURE__ */ g(
-                S,
+              v.length !== 0 && /* @__PURE__ */ m(
+                C,
                 {
                   gap: 24,
                   height: "100%",
                   sx: { mr: 24, mt: 48 },
-                  width: H ? "100%" : Ae,
+                  width: k ? "100%" : xe,
                   children: [
-                    /* @__PURE__ */ e(jt, {}),
-                    /* @__PURE__ */ e(Gt, {})
+                    /* @__PURE__ */ e(Gt, {}),
+                    /* @__PURE__ */ e(Pt, {})
                   ]
                 }
               )
@@ -1166,12 +1171,12 @@ const wt = ({
         ),
         /* @__PURE__ */ e(Nt, {}),
         /* @__PURE__ */ e(
-          N,
+          P,
           {
-            ariaLabelClose: c.close_aria,
+            ariaLabelClose: a.close_aria,
             isOpen: Pe,
-            onClose: () => J(!1),
-            title: n.add_new_title,
+            onClose: () => q(!1),
+            title: r.add_new_title,
             children: /* @__PURE__ */ e(
               Re,
               {
@@ -1187,7 +1192,7 @@ const wt = ({
             anchorOrigin: { vertical: "bottom", horizontal: "right" },
             autoHideDuration: 3500,
             onClose: () => {
-              A("");
+              S("");
             },
             open: !!f,
             children: /* @__PURE__ */ e(
@@ -1195,7 +1200,7 @@ const wt = ({
               {
                 closeText: "",
                 onClose: () => {
-                  A("");
+                  S("");
                 },
                 severity: "success",
                 variant: "filled",
@@ -1209,6 +1214,6 @@ const wt = ({
   );
 });
 export {
-  Nn as BubbleBudgetsMiniWidget,
+  $n as BubbleBudgetsMiniWidget,
   Pn as BubbleBudgetsWidget
 };