@mx-cartographer/experiences 7.11.20 → 7.11.21

package/dist/budgets/index.es.js

@@ -1,135 +1,130 @@
-import { jsxs as u, jsx as e, Fragment as Je } from "react/jsx-runtime";
+import { jsxs as m, jsx as e, Fragment as Ve } from "react/jsx-runtime";
 import l from "react";
 import { observer as w } from "mobx-react-lite";
-import { endOfMonth as xe } from "date-fns/endOfMonth";
-import { isAfter as Qe } from "date-fns/isAfter";
-import { startOfMonth as le } from "date-fns/startOfMonth";
-import { startOfToday as ie } from "date-fns/startOfToday";
-import ve from "@mui/material/Alert";
-import Te from "@mui/material/Snackbar";
-import x from "@mui/material/Stack";
-import ue from "@mui/material/styles/useTheme";
-import W from "@mui/material/Box";
-import Z from "@mui/material/List";
-import { Text as S, CategoryIcon as H, Icon as G, H2 as Ge, H3 as je, P as Ce } from "@mxenabled/mxui";
-import { u as D, i as E, j as me, m as q, p as ge, a as Fe, g as J, b as Q, h as ee, d as ze } from "../hooks-zu7yblbi.mjs";
+import { endOfMonth as Ce } from "date-fns/endOfMonth";
+import { isAfter as Ke } from "date-fns/isAfter";
+import { startOfMonth as re } from "date-fns/startOfMonth";
+import { startOfToday as oe } from "date-fns/startOfToday";
+import Se from "@mui/material/Alert";
+import Ae from "@mui/material/Snackbar";
+import v from "@mui/material/Stack";
+import ie from "@mui/material/styles/useTheme";
+import K from "@mui/material/Box";
+import X from "@mui/material/List";
+import { Text as S, CategoryIcon as H, Icon as j, H2 as Xe, H3 as Me } from "@mxenabled/mxui";
+import { u as D, m as E, i as ce, l as Y, p as le, a as Le, g as Z, b as q, h as J, d as Ne } from "../hooks-BxkfR-Ff.mjs";
 import { f as T } from "../NumberFormatting-QCaNwbjv.mjs";
-import De from "@mui/material/Button";
-import pe from "@mui/material/Divider";
-import te from "@mui/material/ListItem";
-import he from "@mui/material/ListItemAvatar";
-import oe from "@mui/material/ListItemButton";
-import ne from "@mui/material/ListItemText";
-import { b as M } from "../Localization-CPkpIwIx.mjs";
+import ke from "@mui/material/Button";
+import de from "@mui/material/Divider";
+import Q from "@mui/material/ListItem";
+import ue from "@mui/material/ListItemAvatar";
+import ee from "@mui/material/ListItemButton";
+import te from "@mui/material/ListItemText";
+import { b as N } from "../Localization-CPkpIwIx.mjs";
 import { D as $ } from "../Drawer-DV4NTsFg.mjs";
-import et from "@mui/material/ListItemSecondaryAction";
-import { C as tt } from "../CurrencyInput-bcKNJ22c.mjs";
+import Ye from "@mui/material/ListItemSecondaryAction";
+import { C as Ze } from "../CurrencyInput-DuMktPu3.mjs";
 import { D as U } from "../Dialog-DdCwLgrl.mjs";
-import { C as ot } from "../ConnectionsDrawer-c7HaKeRj.mjs";
-import * as L from "d3";
-import nt from "@mui/material/Tooltip";
-import { useTheme as Ue, alpha as at } from "@mui/material/styles";
-import { u as fe } from "../useScreenSize-B6JyS_Lj.mjs";
-import { L as be } from "../Loader-D3rjKx72.mjs";
-import { E as Se } from "../EmptyState-DHAkGsjk.mjs";
+import { C as qe } from "../ConnectionsDrawer-DqhSaMrJ.mjs";
+import * as M from "d3";
+import Je from "@mui/material/Tooltip";
+import { useTheme as $e, alpha as Qe } from "@mui/material/styles";
+import { u as me } from "../useScreenSize-B6JyS_Lj.mjs";
+import { L as ge } from "../Loader-D3rjKx72.mjs";
+import { E as _e } from "../EmptyState-DHAkGsjk.mjs";
 import { A as P } from "../Analytics-i5h6BxR1.mjs";
-import Re from "@mui/material/Tab";
-import rt from "@mui/material/Tabs";
-import { e as st } from "../exportTransactionsToCSV-CKHt_UOp.mjs";
-import { T as Ee } from "../TransactionList-CXiLG0Ur.mjs";
-import { T as it } from "../TransactionDetails-BEKQKH03.mjs";
-import we from "@mui/material/Card";
-import Ie from "@mui/material/CardContent";
-import { S as Ae } from "../StatusBar-BK_uYHAB.mjs";
-import { S as We } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { u as ct, b as lt } from "../CategorySelectorDrawer-Blb22HWt.mjs";
-import He from "@mui/material/CardHeader";
-import { subDays as dt } from "date-fns/subDays";
-import ut from "@mui/material/IconButton";
-import { M as mt } from "../ManageIncome-_ZP3uPwX.mjs";
-import { u as Ve } from "../useWidgetLoadTimer-Bmgv_UeH.mjs";
-import { W as gt } from "../WidgetContainer-DSs6lJbr.mjs";
-import { u as pt } from "../BudgetUtil-QbRXtLKn.mjs";
-import { M as ht } from "../MiniWidgetContainer-DhEx4qKi.mjs";
-import { ChevronRight as ft } from "@mxenabled/mx-icons";
-import { b as Le } from "../CategoryUtil-BVixr0d5.mjs";
-import { S as bt } from "../StatusIndicator-0iX3Gnnu.mjs";
-import { b as yt } from "../User-BIgPTsU6.mjs";
-import { i as _t } from "../DateUtil-wcYTmDRD.mjs";
-import { f as Ct } from "../DateFormats-BMpMrZpW.mjs";
-const St = w(() => {
-  const { budgets: t } = D(), { totalBudgeted: n } = E(), { incomeTotal: i } = me(), s = i - n;
-  return /* @__PURE__ */ u(x, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
-    /* @__PURE__ */ u(x, { alignItems: "center", children: [
+import De from "@mui/material/Tab";
+import et from "@mui/material/Tabs";
+import { e as tt } from "../exportTransactionsToCSV-EwhjfqsJ.mjs";
+import { T as xe } from "../StatusIndicator-wyBzyHJc.mjs";
+import { T as nt, c as ot } from "../TransactionDetails-CgC3Qu7o.mjs";
+import ve from "@mui/material/Card";
+import Te from "@mui/material/CardContent";
+import { S as Be } from "../StatusBar-BK_uYHAB.mjs";
+import { S as Pe } from "../SingleSegmentDonut-BgbLgwHi.mjs";
+import { u as at, b as rt } from "../CategorySelectorDrawer-5n6Pil_E.mjs";
+import Ge from "@mui/material/CardHeader";
+import { subDays as st } from "date-fns/subDays";
+import it from "@mui/material/IconButton";
+import { M as ct } from "../ManageIncome-C0ddaiMR.mjs";
+import { u as je } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
+import { W as lt } from "../WidgetContainer-BSCjBupR.mjs";
+import { u as dt, g as ut, C as mt } from "../BudgetUtil--_QXyszn.mjs";
+import { M as gt } from "../MiniWidgetContainer-Cu72GNsE.mjs";
+import { b as Ee } from "../CategoryUtil-BVixr0d5.mjs";
+const pt = w(() => {
+  const { budgets: t } = D(), { totalBudgeted: o } = E(), { incomeTotal: i } = ce(), s = i - o;
+  return /* @__PURE__ */ m(v, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
+    /* @__PURE__ */ m(v, { alignItems: "center", children: [
       /* @__PURE__ */ e(S, { bold: !0, variant: "Body", children: T(i, "0,0") }),
       /* @__PURE__ */ e(S, { color: "secondary", variant: "Small", children: t.projected_income })
     ] }),
     /* @__PURE__ */ e(S, { bold: !0, justifyContent: "center", variant: "Body", children: "-" }),
-    /* @__PURE__ */ u(x, { alignItems: "center", children: [
-      /* @__PURE__ */ e(S, { bold: !0, variant: "Body", children: T(n, "0,0") }),
+    /* @__PURE__ */ m(v, { alignItems: "center", children: [
+      /* @__PURE__ */ e(S, { bold: !0, variant: "Body", children: T(o, "0,0") }),
       /* @__PURE__ */ e(S, { color: "secondary", variant: "Small", children: t.budgeted })
     ] }),
     /* @__PURE__ */ e(S, { bold: !0, justifyContent: "center", variant: "Body", children: "=" }),
-    /* @__PURE__ */ u(x, { alignItems: "center", children: [
+    /* @__PURE__ */ m(v, { alignItems: "center", children: [
       /* @__PURE__ */ e(S, { bold: !0, variant: "Body", children: T(s, "0,0") }),
       /* @__PURE__ */ e(S, { color: "secondary", variant: "Small", children: t.remaining })
     ] })
   ] });
-}), Bt = w(
+}), ht = w(
   ({ category: t }) => {
-    const { budgets: n } = D(), { budgets: i } = E(), s = l.useMemo(() => {
-      const a = i.find((c) => c.category_guid === t.guid), r = T(t.totalAverageAmount, "0,0"), o = a ? M(n.recalculate_previous_budget, T(a.amount, "0,0")) : n.recalculate_new_budget;
-      return `${r} - ${o}`;
-    }, [n, i]);
-    return /* @__PURE__ */ u(l.Fragment, { children: [
-      /* @__PURE__ */ e(te, { children: /* @__PURE__ */ u(oe, { children: [
-        /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid, variant: "filled" }) }),
-        /* @__PURE__ */ e(ne, { primary: t.name, secondary: s })
+    const { budgets: o } = D(), { budgets: i } = E(), s = l.useMemo(() => {
+      const a = i.find((c) => c.category_guid === t.guid), r = T(t.totalAverageAmount, "0,0"), n = a ? N(o.recalculate_previous_budget, T(a.amount, "0,0")) : o.recalculate_new_budget;
+      return `${r} - ${n}`;
+    }, [o, i]);
+    return /* @__PURE__ */ m(l.Fragment, { children: [
+      /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ m(ee, { children: [
+        /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid, variant: "filled" }) }),
+        /* @__PURE__ */ e(te, { primary: t.name, secondary: s })
       ] }) }),
-      /* @__PURE__ */ e(pe, {})
+      /* @__PURE__ */ e(de, {})
     ] }, t.guid);
   }
-), xt = ({ onRecalculateBudgets: t }) => {
-  const { budgets: n, common: i } = D(), { spendCategories: s } = q(), { recalculateBudgets: a, setAlert: r } = E(), [o, c] = l.useState(!1), g = s.filter((m) => m.totalAverageAmount > 0), d = async () => {
-    await a(g), c(!1), r(n.alert_recalculated_budgets), t?.();
+), ft = ({ onRecalculateBudgets: t }) => {
+  const { budgets: o, common: i } = D(), { spendCategories: s } = Y(), { recalculateBudgets: a, setAlert: r } = E(), [n, c] = l.useState(!1), g = s.filter((u) => u.totalAverageAmount > 0), d = async () => {
+    await a(g), c(!1), r(o.alert_recalculated_budgets), t?.();
   };
-  return /* @__PURE__ */ u(l.Fragment, { children: [
-    /* @__PURE__ */ e(De, { onClick: () => c(!0), sx: { mt: 24, mx: 24 }, variant: "text", children: n.recalculate_button }),
-    /* @__PURE__ */ e(S, { sx: { mx: 24, my: 16, textAlign: "center", whiteSpace: "wrap" }, variant: "Paragraph", children: n.recalculate_help }),
+  return /* @__PURE__ */ m(l.Fragment, { children: [
+    /* @__PURE__ */ e(ke, { onClick: () => c(!0), sx: { mt: 24, mx: 24 }, variant: "text", children: o.recalculate_button }),
+    /* @__PURE__ */ e(S, { sx: { mx: 24, my: 16, textAlign: "center", whiteSpace: "wrap" }, variant: "Paragraph", children: o.recalculate_help }),
     /* @__PURE__ */ e(
       $,
       {
         ariaLabelClose: i.close_aria,
-        isOpen: o,
+        isOpen: n,
         onClose: () => c(!1),
         onPrimaryAction: d,
-        title: n.recalculate_title,
-        children: /* @__PURE__ */ u(x, { children: [
-          /* @__PURE__ */ u(x, { mx: 24, my: 16, children: [
-            /* @__PURE__ */ e(S, { bold: !0, variant: "Body", children: n.recalculate_description_top }),
-            /* @__PURE__ */ e(S, { variant: "ParagraphSmall", children: n.recalculate_description_bottom })
+        title: o.recalculate_title,
+        children: /* @__PURE__ */ m(v, { children: [
+          /* @__PURE__ */ m(v, { mx: 24, my: 16, children: [
+            /* @__PURE__ */ e(S, { bold: !0, variant: "Body", children: o.recalculate_description_top }),
+            /* @__PURE__ */ e(S, { variant: "ParagraphSmall", children: o.recalculate_description_bottom })
           ] }),
-          /* @__PURE__ */ e(W, { bgcolor: "background.paper", children: /* @__PURE__ */ e(Z, { children: g.map((m) => /* @__PURE__ */ e(Bt, { category: m }, m.guid)) }) })
+          /* @__PURE__ */ e(K, { bgcolor: "background.paper", children: /* @__PURE__ */ e(X, { children: g.map((u) => /* @__PURE__ */ e(ht, { category: u }, u.guid)) }) })
         ] })
       }
     )
   ] });
-}, ye = ({
+}, pe = ({
   amount: t,
-  categoryName: n,
+  categoryName: o,
   onAmountChanged: i
 }) => {
-  const { budgets: s } = D(), { totalBudgeted: a } = E(), { incomeTotal: r } = me(), o = r - a;
-  return /* @__PURE__ */ u(x, { gap: 16, children: [
-    /* @__PURE__ */ u(x, { children: [
-      /* @__PURE__ */ e(S, { children: M(
+  const { budgets: s } = D(), { totalBudgeted: a } = E(), { incomeTotal: r } = ce(), n = r - a;
+  return /* @__PURE__ */ m(v, { gap: 16, children: [
+    /* @__PURE__ */ m(v, { children: [
+      /* @__PURE__ */ e(S, { children: N(
         s.add_description_top,
-        T(o, "0,0")
+        T(n, "0,0")
       ) }),
-      /* @__PURE__ */ e(S, { children: M(s.add_description_bottom, n) })
+      /* @__PURE__ */ e(S, { children: N(s.add_description_bottom, o) })
     ] }),
     /* @__PURE__ */ e(
-      tt,
+      Ze,
       {
         amount: t,
         autoFocus: !0,
@@ -140,136 +135,136 @@ const St = w(() => {
       }
     )
   ] });
-}, At = w(({ category: t, onAddBudget: n }) => {
-  const { budgets: i, common: s } = D(), [a, r] = l.useState(!1), [o, c] = l.useState(
+}, yt = w(({ category: t, onAddBudget: o }) => {
+  const { budgets: i, common: s } = D(), [a, r] = l.useState(!1), [n, c] = l.useState(
     `${t.totalAmount === 0 ? "" : t.totalAmount}`
   );
-  return /* @__PURE__ */ u(l.Fragment, { children: [
-    /* @__PURE__ */ e(te, { children: /* @__PURE__ */ u(oe, { onClick: () => r(!0), children: [
-      /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid }) }),
+  return /* @__PURE__ */ m(l.Fragment, { children: [
+    /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ m(ee, { onClick: () => r(!0), children: [
+      /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid }) }),
       /* @__PURE__ */ e(
-        ne,
+        te,
         {
           primary: t.name,
           secondary: T(t.totalAmount, "0,0")
         }
       ),
-      /* @__PURE__ */ e(et, { children: /* @__PURE__ */ e(G, { name: "add", size: 20 }) })
+      /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(j, { name: "add", size: 20 }) })
     ] }) }, t.guid),
     /* @__PURE__ */ e(
       U,
       {
         copy: { close_aria: s.close_aria, title: i.add_title },
-        disablePrimaryButton: Number(o) <= 0,
+        disablePrimaryButton: Number(n) <= 0,
         isOpen: a,
         onClose: () => r(!1),
-        onPrimaryAction: () => n(t, Number(o)),
+        onPrimaryAction: () => o(t, Number(n)),
         primaryText: i.add_save_button,
-        children: /* @__PURE__ */ e(ye, { amount: o, categoryName: t.name, onAmountChanged: c })
+        children: /* @__PURE__ */ e(pe, { amount: n, categoryName: t.name, onAmountChanged: c })
       }
     )
   ] });
-}), Ke = w(({ onAddBudget: t, onRecalculateBudgets: n }) => {
-  const { budgets: i } = D(), { addBudget: s, setAlert: a, unbudgetedCategories: r } = E(), o = async (c, g) => {
-    await s(c, g), t?.(), a(M(i.alert_budget_created, c.name));
+}), ze = w(({ onAddBudget: t, onRecalculateBudgets: o }) => {
+  const { budgets: i } = D(), { addBudget: s, setAlert: a, unbudgetedCategories: r } = E(), n = async (c, g) => {
+    await s(c, g), t?.(), a(N(i.alert_budget_created, c.name));
   };
-  return /* @__PURE__ */ u(x, { children: [
-    /* @__PURE__ */ e(St, {}),
-    /* @__PURE__ */ e(W, { bgcolor: "background.paper", children: /* @__PURE__ */ e(Z, { children: r.map((c) => /* @__PURE__ */ e(
-      At,
+  return /* @__PURE__ */ m(v, { children: [
+    /* @__PURE__ */ e(pt, {}),
+    /* @__PURE__ */ e(K, { bgcolor: "background.paper", children: /* @__PURE__ */ e(X, { children: r.map((c) => /* @__PURE__ */ e(
+      yt,
       {
         category: c,
-        onAddBudget: o
+        onAddBudget: n
       },
       c.guid
     )) }) }),
-    /* @__PURE__ */ e(xt, { onRecalculateBudgets: n })
+    /* @__PURE__ */ e(ft, { onRecalculateBudgets: o })
   ] });
-}), Ne = 5, Xe = 100, de = 25, vt = (t) => {
-  const n = (a) => {
+}), we = 5, Fe = 100, se = 25, _t = (t) => {
+  const o = (a) => {
     a.active || t.alphaTarget(0.3).restart(), a.subject.fx = a.subject.x, a.subject.fy = a.subject.y;
   }, i = (a) => {
     a.subject.fx = a.x, a.subject.fy = a.y;
   }, s = (a) => {
     a.active || t.alphaTarget(0), a.subject.fx = null, a.subject.fy = null;
   };
-  return L.drag().on("start", n).on("drag", i).on("end", s);
-}, Tt = (t) => {
-  let n = t.transaction_total / t.amount;
-  n < 0 ? n = 0 : n > 1 && (n = 1);
-  const i = n * 2 * Math.PI, s = L.interpolate(0, i), a = L.arc().cornerRadius(5).innerRadius(t.radius - Ne * 2).outerRadius(t.radius - Ne).startAngle(0).endAngle(0);
+  return M.drag().on("start", o).on("drag", i).on("end", s);
+}, bt = (t) => {
+  let o = t.transaction_total / t.amount;
+  o < 0 ? o = 0 : o > 1 && (o = 1);
+  const i = o * 2 * Math.PI, s = M.interpolate(0, i), a = M.arc().cornerRadius(5).innerRadius(t.radius - we * 2).outerRadius(t.radius - we).startAngle(0).endAngle(0);
   return (r) => (a.endAngle(s(r)), a(t) || "");
-}, Dt = (t) => {
-  L.selectAll(".bubble").call(vt(t));
-}, ke = (t, n, i) => Math.min(Math.max(t, n), i), Et = (t, n, i) => {
+}, Ct = (t) => {
+  M.selectAll(".bubble").call(_t(t));
+}, Ie = (t, o, i) => Math.min(Math.max(t, o), i), Bt = (t, o, i) => {
   t.alpha(1).restart().force(
     "x",
-    L.forceX().x(i / 2).strength(0.01)
+    M.forceX().x(i / 2).strength(0.01)
   ).force(
     "y",
-    L.forceY().y(n / 2).strength(0.02)
+    M.forceY().y(o / 2).strength(0.02)
   ).on("tick", () => {
     const s = t.nodes();
     s.forEach((a) => {
-      const r = a.radius ?? de;
-      a.x = ke(a.x ?? 0, r, i - r), a.y = ke(a.y ?? 0, r, n - r);
-    }), L.selectAll(".bubble").data(s).attr("transform", (a) => `translate(${a.x},${a.y})`);
+      const r = a.radius ?? se;
+      a.x = Ie(a.x ?? 0, r, i - r), a.y = Ie(a.y ?? 0, r, o - r);
+    }), M.selectAll(".bubble").data(s).attr("transform", (a) => `translate(${a.x},${a.y})`);
   });
-}, Ye = (t, n) => L.scaleLinear().domain([t, n]).range([de, Xe]), wt = (t) => {
-  const n = t.reduce((r, o) => {
-    const c = Math.max(o.transaction_total, o.amount);
+}, Ue = (t, o) => M.scaleLinear().domain([t, o]).range([se, Fe]), St = (t) => {
+  const o = t.reduce((r, n) => {
+    const c = Math.max(n.transaction_total, n.amount);
     return c > r ? c : r;
-  }, 0), i = t.reduce((r, o) => {
-    const c = Math.max(o.transaction_total, o.amount);
+  }, 0), i = t.reduce((r, n) => {
+    const c = Math.max(n.transaction_total, n.amount);
     return c < r ? c : r;
-  }, n), s = Ye(i, n), a = t.map((r) => {
-    const o = s(Math.max(r.transaction_total, r.amount)) || 25;
+  }, o), s = Ue(i, o), a = t.map((r) => {
+    const n = s(Math.max(r.transaction_total, r.amount)) || 25;
     return {
       ...r,
-      radius: o
+      radius: n
     };
   });
-  return L.forceSimulation(a).velocityDecay(0.05).force("collide", L.forceCollide((r) => r.radius + 2).strength(0.7));
-}, It = (t, n, i) => {
-  const a = Math.PI * de ** 2 * t, r = i < 400 || n < 300, o = r ? 40 : 20, c = Math.max(100, i - o), g = Math.max(100, n - o), d = c * g;
-  let m = de;
+  return M.forceSimulation(a).velocityDecay(0.05).force("collide", M.forceCollide((r) => r.radius + 2).strength(0.7));
+}, At = (t, o, i) => {
+  const a = Math.PI * se ** 2 * t, r = i < 400 || o < 300, n = r ? 40 : 20, c = Math.max(100, i - n), g = Math.max(100, o - n), d = c * g;
+  let u = se;
   if (a < d) {
-    const h = Math.sqrt(d / (t * Math.PI)), _ = Math.min(c, g) / 4;
-    m = Math.min(Xe, h, _);
+    const h = Math.sqrt(d / (t * Math.PI)), b = Math.min(c, g) / 4;
+    u = Math.min(Fe, h, b);
   }
-  return r && t <= 3 && (m = Math.min(m, 45)), { minRadius: Math.max(20, m * 0.6), maxRadius: m };
-}, Ot = (t, n, i, s, a) => {
-  const { maxRadius: r, minRadius: o } = It(t, n, a);
-  return L.scaleLinear().domain([s, i]).range([o, r]);
-}, Mt = (t, n, i = !1, s, a) => {
-  const r = n.map((d) => Math.max(d.transaction_total, d.amount)), o = Math.min(...r), c = Math.max(...r), g = i ? Ot(t.length, s, c, o, a) : Ye(o, c);
+  return r && t <= 3 && (u = Math.min(u, 45)), { minRadius: Math.max(20, u * 0.6), maxRadius: u };
+}, xt = (t, o, i, s, a) => {
+  const { maxRadius: r, minRadius: n } = At(t, o, a);
+  return M.scaleLinear().domain([s, i]).range([n, r]);
+}, vt = (t, o, i = !1, s, a) => {
+  const r = o.map((d) => Math.max(d.transaction_total, d.amount)), n = Math.min(...r), c = Math.max(...r), g = i ? xt(t.length, s, c, n, a) : Ue(n, c);
   return t.map((d) => ({
     ...d,
     radius: g(Math.max(d.transaction_total, d.amount))
   }));
-}, $e = 5, Rt = 2e3, Lt = ({ bubble: t }) => {
-  const n = ue(), {
+}, Oe = 5, Tt = 2e3, Dt = ({ bubble: t }) => {
+  const o = ie(), {
     amount: i,
     guid: s,
     budgetColors: { mercury: a },
     radius: r,
-    transaction_total: o
+    transaction_total: n
   } = t, c = `mercury-${s}`;
   l.useEffect(() => {
-    L.select(`.${c}`).selectAll(".status").remove(), L.select(`.${c}`).append("path").transition().duration(Rt).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => Tt(t));
-  }, [i, r, o]);
-  const g = L.arc().innerRadius((d) => d - 2 * $e).outerRadius((d) => d - $e).startAngle(0).endAngle(2 * Math.PI);
+    M.select(`.${c}`).selectAll(".status").remove(), M.select(`.${c}`).append("path").transition().duration(Tt).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => bt(t));
+  }, [i, r, n]);
+  const g = M.arc().innerRadius((d) => d - 2 * Oe).outerRadius((d) => d - Oe).startAngle(0).endAngle(2 * Math.PI);
   return /* @__PURE__ */ e("g", { className: c, children: /* @__PURE__ */ e(
     "path",
     {
       d: g(r) || "",
-      style: { fill: n.palette.common.white, fillOpacity: 0.35 }
+      style: { fill: o.palette.common.white, fillOpacity: 0.35 }
     }
   ) });
-}, Nt = l.memo(Lt), z = 75, Be = 50;
-function kt({ bubble: t, isDraggable: n, onClick: i = () => {
+}, Et = l.memo(Dt), F = 75, be = 50;
+function wt({ bubble: t, isDraggable: o, onClick: i = () => {
 } }) {
-  const [s, a] = l.useState(!1), r = Ue(), { availableWidth: o } = ge(), c = l.useMemo(() => {
+  const [s, a] = l.useState(!1), r = $e(), { availableWidth: n } = le(), c = l.useMemo(() => {
     if (t)
       return {
         amount: t.amount,
@@ -282,18 +277,18 @@ function kt({ bubble: t, isDraggable: n, onClick: i = () => {
   if (!t) return;
   const {
     budgetColors: { background: g, text: d },
-    category: { icon: m, name: p },
+    category: { icon: u, name: p },
     guid: h,
-    description: _,
-    radius: b,
-    x: y,
-    y: v
-  } = t, A = o < 400 ? -8 : -12;
+    description: b,
+    radius: y,
+    x: _,
+    y: x
+  } = t, A = n < 400 ? -8 : -12;
   let C = A, f = A;
-  b > z ? (C = -14, f = -45) : b > Be && (f = -32);
+  y > F ? (C = -14, f = -45) : y > be && (f = -32);
   let B = 32;
-  b <= z && (B = o < 400 ? 16 : 24);
-  const I = `${t.category.name}: ${_}`, N = {
+  y <= F && (B = n < 400 ? 16 : 24);
+  const I = `${t.category.name}: ${b}`, L = {
     modifiers: [
       {
         name: "offset",
@@ -304,27 +299,27 @@ function kt({ bubble: t, isDraggable: n, onClick: i = () => {
     (k.key === "Enter" || k.key === " ") && (k.preventDefault(), i(t));
   }, O = () => {
     a(!0);
-  }, j = () => {
+  }, z = () => {
     a(!1);
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ m(
     "g",
     {
-      "aria-label": `${p} - ${_}`,
+      "aria-label": `${p} - ${b}`,
       className: "bubble",
       id: `bubble-${h}`,
-      onBlur: j,
+      onBlur: z,
       onClick: () => i(t),
       onFocus: O,
       onKeyDown: R,
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
       role: "button",
-      style: { cursor: n ? "pointer" : "default" },
+      style: { cursor: o ? "pointer" : "default" },
       tabIndex: 0,
       textAnchor: "middle",
-      x: y,
-      y: v,
+      x: _,
+      y: x,
       children: [
         /* @__PURE__ */ e("style", { children: `
           .bubble:focus,
@@ -338,9 +333,9 @@ function kt({ bubble: t, isDraggable: n, onClick: i = () => {
             stroke-opacity: 0.8;
           }
         ` }),
-        /* @__PURE__ */ e(nt, { open: s, slotProps: { popper: N }, title: I, children: /* @__PURE__ */ e("circle", { fill: g, id: `circle-${h}`, r: b }) }),
-        /* @__PURE__ */ e("svg", { x: C, y: f, children: /* @__PURE__ */ e(G, { name: m, size: B, sx: { fill: d } }) }),
-        b > z && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Je, { open: s, slotProps: { popper: L }, title: I, children: /* @__PURE__ */ e("circle", { fill: g, id: `circle-${h}`, r: y }) }),
+        /* @__PURE__ */ e("svg", { x: C, y: f, children: /* @__PURE__ */ e(j, { name: u, size: B, sx: { fill: d } }) }),
+        y > F && /* @__PURE__ */ e(
           S,
           {
             bold: !0,
@@ -352,7 +347,7 @@ function kt({ bubble: t, isDraggable: n, onClick: i = () => {
             children: p
           }
         ),
-        b > Be && /* @__PURE__ */ e(
+        y > be && /* @__PURE__ */ e(
           S,
           {
             bold: !0,
@@ -360,11 +355,11 @@ function kt({ bubble: t, isDraggable: n, onClick: i = () => {
             id: `budget-description-${h}-1`,
             sx: { fill: d },
             variant: "Body",
-            y: b <= z ? 12 : 24,
-            children: b <= z ? _.split(" ")[0] : _
+            y: y <= F ? 12 : 24,
+            children: y <= F ? b.split(" ")[0] : b
           }
         ),
-        b <= z && b > Be && /* @__PURE__ */ e(
+        y <= F && y > be && /* @__PURE__ */ e(
           S,
           {
             component: "text",
@@ -372,72 +367,72 @@ function kt({ bubble: t, isDraggable: n, onClick: i = () => {
             sx: { fill: d },
             variant: "XSmall",
             y: 28,
-            children: _.split(" ")[1]
+            children: b.split(" ")[1]
           }
         ),
-        /* @__PURE__ */ e(Nt, { bubble: c })
+        /* @__PURE__ */ e(Et, { bubble: c })
       ]
     },
     h
   );
 }
-const $t = ({
+const It = ({
   height: t,
-  width: n,
+  width: o,
   isDraggable: i = !1,
   onClick: s = () => {
   }
 }) => {
-  const [a, r] = l.useState([]), o = l.useRef(null), c = l.useRef(!1), { detailedBudgets: g } = E(), d = l.useCallback(() => {
-    const m = o.current, p = wt(g), h = p.nodes();
-    if (m) {
-      const _ = m.nodes(), b = new Map(_.map((y) => [y.guid, y]));
-      h.forEach((y) => {
-        const v = b.get(y.guid);
-        v && Object.assign(y, {
-          vx: v.vx,
-          vy: v.vy,
-          x: v.x,
-          y: v.y
+  const [a, r] = l.useState([]), n = l.useRef(null), c = l.useRef(!1), { detailedBudgets: g } = E(), d = l.useCallback(() => {
+    const u = n.current, p = St(g), h = p.nodes();
+    if (u) {
+      const b = u.nodes(), y = new Map(b.map((_) => [_.guid, _]));
+      h.forEach((_) => {
+        const x = y.get(_.guid);
+        x && Object.assign(_, {
+          vx: x.vx,
+          vy: x.vy,
+          x: x.x,
+          y: x.y
         });
       });
     }
-    o.current = p, c.current = !1, r(h);
+    n.current = p, c.current = !1, r(h);
   }, [g]);
   return l.useEffect(() => {
     d();
   }, [d]), l.useEffect(() => () => {
-    o.current && (o.current.stop(), o.current = null);
+    n.current && (n.current.stop(), n.current = null);
   }, []), l.useEffect(() => {
-    const m = o.current;
-    if (!m) return;
-    const p = m.nodes(), h = n > 0 && n < 450 || t > 0 && t < 300, _ = Mt(p, g, h, t, n);
-    m.nodes(_), Et(m, t, n), i && setTimeout(() => {
-      Dt(m);
-    }, 0), r([..._]);
-  }, [t, n, i, g]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(n), children: a.map((m) => /* @__PURE__ */ e(kt, { bubble: m, isDraggable: i, onClick: s }, m.guid)) });
-}, Pt = w($t), Gt = ({
+    const u = n.current;
+    if (!u) return;
+    const p = u.nodes(), h = o > 0 && o < 450 || t > 0 && t < 300, b = vt(p, g, h, t, o);
+    u.nodes(b), Bt(u, t, o), i && setTimeout(() => {
+      Ct(u);
+    }, 0), r([...b]);
+  }, [t, o, i, g]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(o), children: a.map((u) => /* @__PURE__ */ e(wt, { bubble: u, isDraggable: i, onClick: s }, u.guid)) });
+}, Ot = w(It), Rt = ({
   isMiniWidget: t = !1,
-  onConnectAccountsClick: n,
+  onConnectAccountsClick: o,
   createBudgetOnClick: i
 }) => {
-  const { config: s } = Fe(), { recalculateBudgets: a } = E(), { spendCategories: r } = q(), { budgets: o } = D(), { availableWidth: c } = ge(), { isMobile: g } = fe(c), d = t && g, [m, p] = l.useState(!1), [h, _] = l.useState(!1), [b, y] = l.useState(!1), v = l.useMemo(() => [...r.filter((C) => C.totalAverageAmount > 0)], [r]), A = async () => {
-    y(!0);
-    const { data: C, isSuccess: f } = await a(v);
-    y(!1), f ? (C.length === 0 && _(!0), p(!1)) : p(!0);
+  const { config: s } = Le(), { recalculateBudgets: a } = E(), { spendCategories: r } = Y(), { budgets: n } = D(), { availableWidth: c } = le(), { isMobile: g } = me(c), d = t && g, [u, p] = l.useState(!1), [h, b] = l.useState(!1), [y, _] = l.useState(!1), x = l.useMemo(() => [...r.filter((C) => C.totalAverageAmount > 0)], [r]), A = async () => {
+    _(!0);
+    const { data: C, isSuccess: f } = await a(x);
+    _(!1), f ? (C.length === 0 && b(!0), p(!1)) : p(!0);
   };
-  return b ? /* @__PURE__ */ e(be, {}) : m ? /* @__PURE__ */ e(
-    Se,
+  return y ? /* @__PURE__ */ e(ge, {}) : u ? /* @__PURE__ */ e(
+    _e,
     {
-      header: o.autogenerate_budgets_error_header,
+      header: n.autogenerate_budgets_error_header,
       icon: "error",
       iconColor: "#4D4D4D",
       onClick: (C) => {
         C === "primary" ? A() : i();
       },
-      primaryButton: o.autogenerate_budgets_error_primary_button,
-      secondaryButton: o.zero_state_generate_budgets_secondary_button,
-      subText: o.autogenerate_budgets_error_subheader,
+      primaryButton: n.autogenerate_budgets_error_primary_button,
+      secondaryButton: n.zero_state_generate_budgets_secondary_button,
+      subText: n.autogenerate_budgets_error_subheader,
       sx: {
         width: { sm: 468 },
         ".buttons-footer": {
@@ -447,18 +442,18 @@ const $t = ({
         ...d && { justifyContent: "center", mt: 0, svg: { height: 32, width: 32 } }
       }
     }
-  ) : /* @__PURE__ */ e(Je, { children: h ? /* @__PURE__ */ e(
-    Se,
+  ) : /* @__PURE__ */ e(Ve, { children: h ? /* @__PURE__ */ e(
+    _e,
     {
-      header: o.zero_state_generate_budgets_header,
+      header: n.zero_state_generate_budgets_header,
       icon: "error",
       iconColor: "#4D4D4D",
       onClick: (C) => {
-        C === "primary" ? n() : i();
+        C === "primary" ? o() : i();
       },
-      primaryButton: s.show_connections_widget_in_master ? o.zero_state_generate_budgets_primary_button : void 0,
-      secondaryButton: o.zero_state_generate_budgets_secondary_button,
-      subText: o.zero_state_generate_budgets_subheader,
+      primaryButton: s.show_connections_widget_in_master ? n.zero_state_generate_budgets_primary_button : void 0,
+      secondaryButton: n.zero_state_generate_budgets_secondary_button,
+      subText: n.zero_state_generate_budgets_subheader,
       sx: {
         width: t ? "100%" : { sm: 500 },
         height: t ? "100%" : { sm: 468 },
@@ -473,17 +468,17 @@ const $t = ({
       }
     }
   ) : /* @__PURE__ */ e(
-    Se,
+    _e,
     {
-      header: o.create_budgets_title,
+      header: n.create_budgets_title,
       icon: "bubble_chart",
       iconColor: "#1A1A1A",
       onClick: (C) => {
         C === "primary" ? A() : i();
       },
-      primaryButton: o.empty_state_primary_button,
-      secondaryButton: t ? void 0 : o.empty_state_secondary_button,
-      subText: o.empty_state_subheader,
+      primaryButton: n.empty_state_primary_button,
+      secondaryButton: t ? void 0 : n.empty_state_secondary_button,
+      subText: n.empty_state_subheader,
       sx: {
         width: t ? "100%" : { sm: 432 },
         height: t ? "100%" : { sm: 468 },
@@ -498,50 +493,50 @@ const $t = ({
       }
     }
   ) });
-}, Ze = w(
+}, He = w(
   ({
     createBudgetOnClick: t = () => {
     },
-    height: n,
+    height: o,
     isDraggable: i = !1,
     isMiniWidget: s = !1,
     shouldShowZeroState: a,
     unavailableWidth: r = 24
   }) => {
-    const { onEvent: o } = J(), { setSelectedBudget: c } = E(), { isInitialized: g } = Q(), { accounts: d } = D(), { availableWidth: m } = ge(), { isMobile: p } = fe(), [h, _] = l.useState(!1), b = l.useMemo(() => m - r, [m]), y = (A) => {
-      c(A), o(P.BUDGETS_CLICK_BUDGET_CATEGORY, {
+    const { onEvent: n } = Z(), { setSelectedBudget: c } = E(), { isInitialized: g } = q(), { accounts: d } = D(), { availableWidth: u } = le(), { isMobile: p } = me(), [h, b] = l.useState(!1), y = l.useMemo(() => u - r, [u]), _ = (A) => {
+      c(A), n(P.BUDGETS_CLICK_BUDGET_CATEGORY, {
         budget_category: A.category.name,
         click_type: "bubble"
       });
-    }, v = () => {
-      _(!0), o(P.ACCOUNTS_CLICK_CONNECT);
+    }, x = () => {
+      b(!0), n(P.ACCOUNTS_CLICK_CONNECT);
     };
-    return /* @__PURE__ */ u(
-      W,
+    return /* @__PURE__ */ m(
+      K,
       {
         ml: a || p ? 0 : 24,
         sx: { alignSelf: "center", ...s && { height: "100%" } },
         children: [
           a || !g ? /* @__PURE__ */ e(
-            Gt,
+            Rt,
             {
               createBudgetOnClick: t,
               isMiniWidget: s,
-              onConnectAccountsClick: v
+              onConnectAccountsClick: x
             }
           ) : /* @__PURE__ */ e(
-            Pt,
+            Ot,
             {
-              height: n,
+              height: o,
               isDraggable: i,
-              onClick: y,
-              width: b
+              onClick: _,
+              width: y
             }
           ),
           /* @__PURE__ */ e(
-            ot,
+            qe,
             {
-              onClose: () => _(!1),
+              onClose: () => b(!1),
               showConnectionsWidget: h,
               title: d.manage_connections
             }
@@ -550,76 +545,76 @@ const $t = ({
       }
     );
   }
-), qe = ({ budget: t }) => {
+), We = ({ budget: t }) => {
   const {
-    amount: n,
+    amount: o,
     budgetColors: { background: i },
     category: { name: s },
     category_guid: a,
     percentage: r,
-    transaction_total: o
+    transaction_total: n
   } = t, c = [
     {
       color: i,
       percentage: `${r}%`
     }
   ];
-  return /* @__PURE__ */ e(we, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ u(x, { alignItems: "center", gap: 16, children: [
+  return /* @__PURE__ */ e(ve, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ m(v, { alignItems: "center", gap: 16, children: [
     /* @__PURE__ */ e(H, { categoryGuid: a, size: 56 }),
-    /* @__PURE__ */ e(Ge, { variant: "H1", children: `${T(o, "0,0")} / ${T(n, "0,0")}` }),
+    /* @__PURE__ */ e(Xe, { variant: "H1", children: `${T(n, "0,0")} / ${T(o, "0,0")}` }),
     /* @__PURE__ */ e(S, { bold: !0, variant: "XSmall", children: s }),
-    /* @__PURE__ */ e(Ae, { data: c, height: 10 })
+    /* @__PURE__ */ e(Be, { data: c, height: 10 })
   ] }) }) });
-}, jt = w(() => {
+}, Mt = w(() => {
   const { budgets: t } = D();
-  return /* @__PURE__ */ u(x, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
-    /* @__PURE__ */ e(G, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
+  return /* @__PURE__ */ m(v, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
+    /* @__PURE__ */ e(j, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
     /* @__PURE__ */ e(S, { bold: !0, color: "secondary", variant: "Small", children: t.zero_state_no_sub_budgets }),
     /* @__PURE__ */ e(S, { color: "text.secondary", variant: "XSmall", children: t.zero_state_no_sub_budgets_description })
   ] });
-}), Ft = w(({ budget: t }) => {
+}), Lt = w(({ budget: t }) => {
   const {
-    amount: n,
+    amount: o,
     budgetColors: { background: i },
     category: s,
     percentage: a,
     transaction_total: r
-  } = t, { setSelectedSubBudget: o } = E();
-  return /* @__PURE__ */ e(te, { children: /* @__PURE__ */ u(oe, { onClick: () => o(t), children: [
-    /* @__PURE__ */ e(he, { 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" }) }) }),
+  } = t, { setSelectedSubBudget: n } = E();
+  return /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ m(ee, { onClick: () => n(t), children: [
+    /* @__PURE__ */ e(ue, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Pe, { color: i, percent: a, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: s.parent_guid, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
-      ne,
+      te,
       {
-        primary: /* @__PURE__ */ e(x, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(S, { bold: !0, variant: "Body", children: t.category.name }) }),
-        secondary: /* @__PURE__ */ e(x, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(S, { fontWeight: 400, variant: "Body", children: `
+        primary: /* @__PURE__ */ e(v, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(S, { bold: !0, variant: "Body", children: t.category.name }) }),
+        secondary: /* @__PURE__ */ e(v, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(S, { fontWeight: 400, variant: "Body", children: `
                   ${T(r, "0,0")} / 
-                  ${T(n, "0,0")}
+                  ${T(o, "0,0")}
                 ` }) })
       }
     )
   ] }) });
-}), zt = w(({ category: t, parentBudget: n }) => {
-  const { budgets: i, common: s } = D(), { setExpandedGuid: a, setOnSelect: r } = ct(), { addBudget: o } = E(), [c, g] = l.useState(!1), [d, m] = l.useState(!1), [p, h] = l.useState(""), [_, b] = l.useState(void 0);
+}), Nt = w(({ category: t, parentBudget: o }) => {
+  const { budgets: i, common: s } = D(), { setExpandedGuid: a, setOnSelect: r } = at(), { addBudget: n } = E(), [c, g] = l.useState(!1), [d, u] = l.useState(!1), [p, h] = l.useState(""), [b, y] = l.useState(void 0);
   l.useEffect(() => {
     r((A) => {
       const C = t.subCategories.find((f) => f.guid === A);
-      C && (b(C), h(`${C.currentAmount === 0 ? "" : C.currentAmount}`), m(!0));
+      C && (y(C), h(`${C.currentAmount === 0 ? "" : C.currentAmount}`), u(!0));
     });
   }, []);
-  const y = () => {
+  const _ = () => {
     a(t.guid), g(!0);
-  }, v = async () => {
-    _ && Number(p) > 0 && (await o(_, Number(p), n.guid), m(!1), g(!1), b(void 0));
+  }, x = async () => {
+    b && Number(p) > 0 && (await n(b, Number(p), o.guid), u(!1), g(!1), y(void 0));
   };
-  return /* @__PURE__ */ u(W, { children: [
-    /* @__PURE__ */ e(te, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(oe, { onClick: y, children: /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ u(x, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ u(x, { alignItems: "center", direction: "row", gap: 8, children: [
-        /* @__PURE__ */ e(G, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
+  return /* @__PURE__ */ m(K, { children: [
+    /* @__PURE__ */ e(Q, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(ee, { onClick: _, children: /* @__PURE__ */ e(te, { children: /* @__PURE__ */ m(v, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ m(v, { alignItems: "center", direction: "row", gap: 8, children: [
+        /* @__PURE__ */ e(j, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
         /* @__PURE__ */ e(S, { bold: !0, sx: { color: "primary.light" }, variant: "Body", children: i.add_sub_budget_button })
       ] }),
-      /* @__PURE__ */ e(G, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
+      /* @__PURE__ */ e(j, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
     ] }) }) }) }),
-    /* @__PURE__ */ e(pe, {}),
+    /* @__PURE__ */ e(de, {}),
     /* @__PURE__ */ e(
       $,
       {
@@ -627,7 +622,7 @@ const $t = ({
         isOpen: c,
         onClose: () => g(!1),
         title: i.add_sub_budget_title,
-        children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(lt, { category: t, subCategories: t.subCategories }) })
+        children: /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(rt, { category: t, subCategories: t.subCategories }) })
       }
     ),
     /* @__PURE__ */ e(
@@ -636,82 +631,82 @@ const $t = ({
         copy: { close_aria: s.close_aria, title: i.add_title },
         disablePrimaryButton: Number(p) <= 0,
         isOpen: d,
-        onClose: () => m(!1),
-        onPrimaryAction: v,
+        onClose: () => u(!1),
+        onPrimaryAction: x,
         primaryText: i.add_save_button,
         children: /* @__PURE__ */ e(
-          ye,
+          pe,
           {
             amount: p,
-            categoryName: _?.name || "",
+            categoryName: b?.name || "",
             onAmountChanged: h
           }
         )
       }
     )
   ] });
-}), Ut = w(({ budget: t }) => {
-  const { category: n, subBudgets: i } = t, { budgets: s, common: a } = D(), { deleteBudget: r, selectedSubBudget: o, setSelectedSubBudget: c, updateBudget: g } = E(), { filter: d, setFilter: m } = ee(), [p, h] = l.useState(!1), [_, b] = l.useState(!1), [y, v] = l.useState("");
+}), kt = w(({ budget: t }) => {
+  const { category: o, subBudgets: i } = t, { budgets: s, common: a } = D(), { deleteBudget: r, selectedSubBudget: n, setSelectedSubBudget: c, updateBudget: g } = E(), { filter: d, setFilter: u } = J(), [p, h] = l.useState(!1), [b, y] = l.useState(!1), [_, x] = l.useState("");
   l.useEffect(() => {
-    o && (v(`${o.amount}`), m({
+    n && (x(`${n.amount}`), u({
       ...d,
-      custom: (B) => B.category_guid === o.category_guid
+      custom: (B) => B.category_guid === n.category_guid
     }));
-  }, [o]);
+  }, [n]);
   const A = async () => {
-    o && await g({
-      ...o,
-      amount: Number(y)
+    n && await g({
+      ...n,
+      amount: Number(_)
     });
   }, C = async () => {
-    o && await r(o.guid), b(!1), f();
+    n && await r(n.guid), y(!1), f();
   }, f = () => {
-    m({
+    u({
       ...d,
       custom: (B) => B.category_guid === t.category_guid || B.top_level_category_guid === t.category_guid
     }), c(void 0);
   };
-  return /* @__PURE__ */ u(l.Fragment, { children: [
-    /* @__PURE__ */ u(Z, { sx: { bgcolor: "background.paper" }, children: [
-      i.length === 0 ? /* @__PURE__ */ e(jt, {}) : i.map((B) => /* @__PURE__ */ u(l.Fragment, { children: [
-        /* @__PURE__ */ e(Ft, { budget: B }),
-        /* @__PURE__ */ e(pe, {})
+  return /* @__PURE__ */ m(l.Fragment, { children: [
+    /* @__PURE__ */ m(X, { sx: { bgcolor: "background.paper" }, children: [
+      i.length === 0 ? /* @__PURE__ */ e(Mt, {}) : i.map((B) => /* @__PURE__ */ m(l.Fragment, { children: [
+        /* @__PURE__ */ e(Lt, { budget: B }),
+        /* @__PURE__ */ e(de, {})
       ] }, B.guid)),
-      /* @__PURE__ */ e(zt, { category: n, parentBudget: t })
+      /* @__PURE__ */ e(Nt, { category: o, parentBudget: t })
     ] }),
     /* @__PURE__ */ e(
       $,
       {
         ariaLabelClose: a.close_aria,
-        isOpen: !!o,
+        isOpen: !!n,
         onClose: f,
         onPrimaryAction: () => h(!0),
-        onSecondaryAction: () => b(!0),
+        onSecondaryAction: () => y(!0),
         primaryText: s.details_edit_button,
         secondaryText: s.details_delete_button,
         title: s.details_title,
-        children: o && /* @__PURE__ */ u(x, { gap: 24, children: [
-          /* @__PURE__ */ e(qe, { budget: o }),
-          /* @__PURE__ */ e(Ee, { height: "100%" })
+        children: n && /* @__PURE__ */ m(v, { gap: 24, children: [
+          /* @__PURE__ */ e(We, { budget: n }),
+          /* @__PURE__ */ e(xe, { height: "100%" })
         ] })
       }
     ),
-    o && /* @__PURE__ */ u(l.Fragment, { children: [
+    n && /* @__PURE__ */ m(l.Fragment, { children: [
       /* @__PURE__ */ e(
         U,
         {
           copy: { close_aria: a.close_aria, title: s.details_edit_title },
-          disablePrimaryButton: Number(y) <= 0,
+          disablePrimaryButton: Number(_) <= 0,
           isOpen: p,
           onClose: () => h(!1),
           onPrimaryAction: A,
           primaryText: s.edit_save_button,
           children: /* @__PURE__ */ e(
-            ye,
+            pe,
             {
-              amount: y,
-              categoryName: o.category.name,
-              onAmountChanged: v
+              amount: _,
+              categoryName: n.category.name,
+              onAmountChanged: x
             }
           )
         }
@@ -720,35 +715,35 @@ const $t = ({
         U,
         {
           copy: { close_aria: a.close_aria, title: s.delete_title },
-          isOpen: _,
-          onClose: () => b(!1),
+          isOpen: b,
+          onClose: () => y(!1),
           onPrimaryAction: C,
           primaryColor: "error",
           primaryText: "Delete",
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(S, { variant: "Paragraph", children: M(s.delete_description, o.category.name) })
+          children: /* @__PURE__ */ e(S, { variant: "Paragraph", children: N(s.delete_description, n.category.name) })
         }
       )
     ] })
   ] });
-}), Wt = w(({ budget: t }) => {
-  const { is_mobile_webview: n } = Fe(), { setAlert: i } = E(), { budgets: s, common: a, transactions: r } = D(), { isDesktop: o, isSmallTablet: c, isTablet: g } = fe(), {
+}), $t = w(({ budget: t }) => {
+  const { is_mobile_webview: o } = Le(), { setAlert: i } = E(), { budgets: s, common: a, transactions: r } = D(), { isDesktop: n, isSmallTablet: c, isTablet: g } = me(), {
     sortedTransactions: d,
-    sortedTransactionsWithSplits: m,
+    sortedTransactionsWithSplits: u,
     tags: p
-  } = ee(), [h, _] = l.useState(0), [b, y] = l.useState(""), v = l.useMemo(
-    () => d.find((B) => B.guid === b),
-    [b, d]
+  } = J(), [h, b] = l.useState(0), [y, _] = l.useState(""), x = l.useMemo(
+    () => d.find((B) => B.guid === y),
+    [y, d]
   ), A = (B, I) => {
-    _(I);
+    b(I);
   }, C = () => {
-    st(m, p), i(s.alert_csv_downloaded);
-  }, f = d.length > 0 && !n && (o || g && !c);
-  return /* @__PURE__ */ u(x, { gap: 24, children: [
-    /* @__PURE__ */ e(qe, { budget: t }),
-    /* @__PURE__ */ u(x, { children: [
-      /* @__PURE__ */ u(
-        rt,
+    tt(u, p), i(s.alert_csv_downloaded);
+  }, f = d.length > 0 && !o && (n || g && !c);
+  return /* @__PURE__ */ m(v, { gap: 24, children: [
+    /* @__PURE__ */ e(We, { budget: t }),
+    /* @__PURE__ */ m(v, { children: [
+      /* @__PURE__ */ m(
+        et,
         {
           onChange: A,
           sx: { width: "100%" },
@@ -756,94 +751,94 @@ const $t = ({
           value: h,
           variant: "fullWidth",
           children: [
-            /* @__PURE__ */ e(Re, { label: s.details_transactions_tab }),
-            /* @__PURE__ */ e(Re, { label: s.details_subbudgets_tab })
+            /* @__PURE__ */ e(De, { label: s.details_transactions_tab }),
+            /* @__PURE__ */ e(De, { label: s.details_subbudgets_tab })
           ]
         }
       ),
-      h === 0 && /* @__PURE__ */ u(x, { children: [
-        f && /* @__PURE__ */ e(x, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
-          De,
+      h === 0 && /* @__PURE__ */ m(v, { children: [
+        f && /* @__PURE__ */ e(v, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
+          ke,
           {
             onClick: C,
-            startIcon: /* @__PURE__ */ e(G, { name: "ios_share" }),
+            startIcon: /* @__PURE__ */ e(j, { name: "ios_share" }),
             variant: "text",
             children: r.export_csv_btn
           }
         ) }),
-        /* @__PURE__ */ e(Ee, { height: "100%", onClick: y })
+        /* @__PURE__ */ e(xe, { height: "100%", onClick: _ })
       ] }),
-      h === 1 && /* @__PURE__ */ e(Ut, { budget: t }),
+      h === 1 && /* @__PURE__ */ e(kt, { budget: t }),
       /* @__PURE__ */ e(
         $,
         {
           ariaLabelClose: a.close_aria,
-          isOpen: !!v,
-          onClose: () => y(""),
+          isOpen: !!x,
+          onClose: () => _(""),
           title: s.details_transaction_drawer,
-          children: v && /* @__PURE__ */ e(it, { transaction: v })
+          children: x && /* @__PURE__ */ e(nt, { transaction: x })
         }
       )
     ] })
   ] });
-}), Ht = w(() => {
-  const { selectedAccountGuids: t } = Q(), { budgets: n, common: i } = D(), {
+}), Pt = w(() => {
+  const { selectedAccountGuids: t } = q(), { budgets: o, common: i } = D(), {
     alert: s,
     dateRange: a,
     deleteBudget: r,
-    selectedBudget: o,
+    selectedBudget: n,
     selectedSubBudget: c,
     setAlert: g,
     setSelectedBudget: d,
-    updateBudget: m
-  } = E(), { setFilter: p } = ee(), [h, _] = l.useState(!1), [b, y] = l.useState(!1), [v, A] = l.useState(!1), [C, f] = l.useState("");
+    updateBudget: u
+  } = E(), { setFilter: p } = J(), [h, b] = l.useState(!1), [y, _] = l.useState(!1), [x, A] = l.useState(!1), [C, f] = l.useState("");
   l.useEffect(() => {
-    o && !c && (f(`${o.amount}`), _(!0), p({
+    n && !c && (f(`${n.amount}`), b(!0), p({
       accounts: t,
       dateRange: a,
-      custom: (O) => O.category_guid === o.category_guid || O.top_level_category_guid === o.category_guid,
+      custom: (O) => O.category_guid === n.category_guid || O.top_level_category_guid === n.category_guid,
       showSplits: !0
     }));
-  }, [o]);
+  }, [n]);
   const B = async () => {
-    o && (await m({
-      ...o,
+    n && (await u({
+      ...n,
       amount: Number(C),
-      percentage: o.category.totalAmount / Number(C) * 100
-    }), y(!1), g(M(n.alert_budget_updated, o.category.name)));
+      percentage: n.category.totalAmount / Number(C) * 100
+    }), _(!1), g(N(o.alert_budget_updated, n.category.name)));
   }, I = async () => {
-    o && (await r(o.guid), g(M(n.alert_budget_deleted, o.category.name))), N();
-  }, N = () => {
-    _(!1), setTimeout(() => {
+    n && (await r(n.guid), g(N(o.alert_budget_deleted, n.category.name))), L();
+  }, L = () => {
+    b(!1), setTimeout(() => {
       d(void 0);
     }, 250);
   }, R = () => {
-    y(!1), f(`${o?.amount}`);
+    _(!1), f(`${n?.amount}`);
   };
-  if (o)
-    return /* @__PURE__ */ u(l.Fragment, { children: [
-      /* @__PURE__ */ u(
+  if (n)
+    return /* @__PURE__ */ m(l.Fragment, { children: [
+      /* @__PURE__ */ m(
         $,
         {
           ariaLabelClose: i.close_aria,
           isOpen: h,
-          onClose: N,
-          onPrimaryAction: () => y(!0),
+          onClose: L,
+          onPrimaryAction: () => _(!0),
           onSecondaryAction: () => A(!0),
-          primaryText: n.details_edit_button,
+          primaryText: o.details_edit_button,
           secondaryColor: "error",
-          secondaryText: n.details_delete_button,
-          title: n.details_title,
+          secondaryText: o.details_delete_button,
+          title: o.details_title,
           children: [
-            /* @__PURE__ */ e(Wt, { budget: o }),
+            /* @__PURE__ */ e($t, { budget: n }),
             /* @__PURE__ */ e(
-              Te,
+              Ae,
               {
                 anchorOrigin: { vertical: "bottom", horizontal: "right" },
                 autoHideDuration: 3500,
                 onClose: () => g(""),
                 open: !!s,
-                children: /* @__PURE__ */ e(ve, { closeText: "", onClose: () => g(""), severity: "success", variant: "filled", children: s })
+                children: /* @__PURE__ */ e(Se, { closeText: "", onClose: () => g(""), severity: "success", variant: "filled", children: s })
               }
             )
           ]
@@ -852,18 +847,18 @@ const $t = ({
       /* @__PURE__ */ e(
         U,
         {
-          copy: { close_aria: i.close_aria, title: n.details_edit_title },
+          copy: { close_aria: i.close_aria, title: o.details_edit_title },
           disablePrimaryButton: Number(C) <= 0,
-          isOpen: b,
+          isOpen: y,
           onClose: R,
           onPrimaryAction: B,
           onSecondaryAction: R,
-          primaryText: n.edit_save_button,
+          primaryText: o.edit_save_button,
           children: /* @__PURE__ */ e(
-            ye,
+            pe,
             {
               amount: C,
-              categoryName: o.category.name,
+              categoryName: n.category.name,
               onAmountChanged: f
             }
           )
@@ -872,79 +867,79 @@ const $t = ({
       /* @__PURE__ */ e(
         U,
         {
-          copy: { close_aria: i.close_aria, title: n.delete_title },
-          isOpen: v,
+          copy: { close_aria: i.close_aria, title: o.delete_title },
+          isOpen: x,
           onClose: () => A(!1),
           onPrimaryAction: I,
           primaryColor: "error",
-          primaryText: n.details_delete_button,
+          primaryText: o.details_delete_button,
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(S, { variant: "Paragraph", children: M(n.delete_description, o.category.name) })
+          children: /* @__PURE__ */ e(S, { variant: "Paragraph", children: N(o.delete_description, n.category.name) })
         }
       )
     ] });
-}), Vt = ({ budget: t, onClick: n }) => {
+}), Gt = ({ budget: t, onClick: o }) => {
   const {
     amount: i,
     budgetColors: { background: s, description: a },
     category_guid: r,
-    description: o,
+    description: n,
     percentage: c,
     subBudgets: g,
     transaction_total: d
   } = t;
-  return /* @__PURE__ */ e(te, { children: /* @__PURE__ */ u(oe, { onClick: () => n?.(t), children: [
-    /* @__PURE__ */ e(he, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(We, { color: s, percent: c, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: r, variant: "basic" }) }) }),
+  return /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ m(ee, { onClick: () => o?.(t), children: [
+    /* @__PURE__ */ e(ue, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Pe, { color: s, percent: c, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: r, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
-      ne,
+      te,
       {
-        primary: /* @__PURE__ */ u(x, { component: "span", direction: "row", justifyContent: "space-between", children: [
+        primary: /* @__PURE__ */ m(v, { component: "span", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ e(S, { bold: !0, variant: "Body", children: t.category.name }),
           /* @__PURE__ */ e(S, { fontWeight: 400, variant: "Body", children: `
                   ${T(d, "0,0")} / 
                   ${T(i, "0,0")}
                 ` })
         ] }),
-        secondary: /* @__PURE__ */ u(x, { component: "span", direction: "row", justifyContent: "space-between", children: [
+        secondary: /* @__PURE__ */ m(v, { component: "span", direction: "row", justifyContent: "space-between", children: [
           /* @__PURE__ */ e(S, { variant: "XSmall", children: `${g.length} Sub-budgets` }),
-          /* @__PURE__ */ e(S, { bold: c > 100, color: a, variant: "XSmall", children: o })
+          /* @__PURE__ */ e(S, { bold: c > 100, color: a, variant: "XSmall", children: n })
         ] })
       }
     )
   ] }) });
-}, Kt = w(() => {
-  const { onEvent: t } = J(), { budgets: n } = D(), { detailedBudgets: i, setSelectedBudget: s } = E(), a = (r) => {
+}, jt = w(() => {
+  const { onEvent: t } = Z(), { budgets: o } = D(), { detailedBudgets: i, setSelectedBudget: s } = E(), a = (r) => {
     s(r), t(P.BUDGETS_CLICK_BUDGET_CATEGORY, {
       budget_category: r.category.name,
       click_type: "list"
     });
   };
-  return /* @__PURE__ */ u(we, { elevation: 2, children: [
-    /* @__PURE__ */ e(He, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(je, { children: n.budget_categories_title }) }),
-    /* @__PURE__ */ e(Ie, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(Z, { children: i.map((r) => /* @__PURE__ */ u(l.Fragment, { children: [
-      /* @__PURE__ */ e(Vt, { budget: r, onClick: a }),
-      /* @__PURE__ */ e(pe, {})
+  return /* @__PURE__ */ m(ve, { elevation: 2, children: [
+    /* @__PURE__ */ e(Ge, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Me, { children: o.budget_categories_title }) }),
+    /* @__PURE__ */ e(Te, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(X, { children: i.map((r) => /* @__PURE__ */ m(l.Fragment, { children: [
+      /* @__PURE__ */ e(Gt, { budget: r, onClick: a }),
+      /* @__PURE__ */ e(de, {})
     ] }, r.guid)) }) })
   ] });
-}), Xt = w(() => {
-  const t = ue(), { onEvent: n } = J(), { visibleAccounts: i } = ze(), { budgets: s, common: a, recurring: r } = D(), { incomeCategories: o, spendCategories: c } = q(), { detailedBudgets: g, totalBudgeted: d } = E(), { incomeTotal: m } = me(), { setFilter: p } = ee(), [h, _] = l.useState(!1), [b, y] = l.useMemo(() => {
+}), zt = w(() => {
+  const t = ie(), { onEvent: o } = Z(), { visibleAccounts: i } = Ne(), { budgets: s, common: a, recurring: r } = D(), { incomeCategories: n, spendCategories: c } = Y(), { detailedBudgets: g, totalBudgeted: d } = E(), { incomeTotal: u } = ce(), { setFilter: p } = J(), [h, b] = l.useState(!1), [y, _] = l.useMemo(() => {
     const f = c.reduce((R, O) => R + O.totalAmount, 0);
     let B = f / d;
     B > 1 && (B = 1);
     let I = t.palette.success.main;
     B > 0.8 && B < 1 ? I = t.palette.warning.main : B >= 1 && (I = t.palette.error.main);
-    const N = [
+    const L = [
       {
         color: I,
         percentage: `${B}`
       }
     ];
-    return [f, N];
-  }, [g, c]), [v, A] = l.useMemo(() => {
+    return [f, L];
+  }, [g, c]), [x, A] = l.useMemo(() => {
     const f = Math.abs(
-      o.reduce((N, R) => N + R.totalAmount, 0)
+      n.reduce((L, R) => L + R.totalAmount, 0)
     );
-    let B = f / m;
+    let B = f / u;
     B > 1 && (B = 1);
     const I = [
       {
@@ -953,45 +948,45 @@ const $t = ({
       }
     ];
     return [f, I];
-  }, [o, m]), C = () => {
+  }, [n, u]), C = () => {
     p({
       accounts: i.map((f) => f.guid),
       dateRange: {
-        start: dt(/* @__PURE__ */ new Date(), 90),
+        start: st(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
       }
-    }), _(!0), n(P.BUDGETS_CLICK_EDIT_INCOME);
+    }), b(!0), o(P.BUDGETS_CLICK_EDIT_INCOME);
   };
-  return /* @__PURE__ */ u(we, { elevation: 2, sx: { overflow: "visible" }, children: [
-    /* @__PURE__ */ e(He, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(je, { children: s.overview_title }) }),
-    /* @__PURE__ */ e(Ie, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ u(x, { gap: 24, children: [
-      /* @__PURE__ */ u(x, { gap: 8, children: [
+  return /* @__PURE__ */ m(ve, { elevation: 2, sx: { overflow: "visible" }, children: [
+    /* @__PURE__ */ e(Ge, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Me, { children: s.overview_title }) }),
+    /* @__PURE__ */ e(Te, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ m(v, { gap: 24, children: [
+      /* @__PURE__ */ m(v, { gap: 8, children: [
         /* @__PURE__ */ e(S, { bold: !0, sx: { mb: 8 }, variant: "Body", children: s.spending_title }),
-        /* @__PURE__ */ e(Ae, { data: y, height: 16 }),
-        /* @__PURE__ */ e(S, { variant: "Small", children: M(
+        /* @__PURE__ */ e(Be, { data: _, height: 16 }),
+        /* @__PURE__ */ e(S, { variant: "Small", children: N(
           s.spending_description,
-          T(b, "0,0"),
+          T(y, "0,0"),
           T(d, "0,0")
         ) })
       ] }),
-      /* @__PURE__ */ u(x, { gap: 8, children: [
-        /* @__PURE__ */ u(x, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
+      /* @__PURE__ */ m(v, { gap: 8, children: [
+        /* @__PURE__ */ m(v, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
           /* @__PURE__ */ e(S, { bold: !0, variant: "Body", children: s.income_title }),
           /* @__PURE__ */ e(
-            ut,
+            it,
             {
               "aria-label": r.manage_income,
               onClick: C,
               sx: { p: 0 },
-              children: /* @__PURE__ */ e(G, { color: "primary", name: "edit" })
+              children: /* @__PURE__ */ e(j, { color: "primary", name: "edit" })
             }
           )
         ] }),
-        /* @__PURE__ */ e(Ae, { data: A, height: 16 }),
-        /* @__PURE__ */ e(S, { variant: "Small", children: M(
+        /* @__PURE__ */ e(Be, { data: A, height: 16 }),
+        /* @__PURE__ */ e(S, { variant: "Small", children: N(
           s.income_description,
-          T(v, "0,0"),
-          T(m, "0,0")
+          T(x, "0,0"),
+          T(u, "0,0")
         ) })
       ] })
     ] }) }),
@@ -1000,136 +995,136 @@ const $t = ({
       {
         ariaLabelClose: a.close_aria,
         isOpen: h,
-        onClose: () => _(!1),
+        onClose: () => b(!1),
         title: r.manage_income,
-        children: /* @__PURE__ */ e(mt, { forOverview: !0 })
+        children: /* @__PURE__ */ e(ct, { forOverview: !0 })
       }
     )
   ] });
-}), Pe = 480, nn = w(({ onBackClick: t, sx: n }) => {
-  const i = ue(), { onEvent: s } = J(), { visibleAccounts: a } = ze(), { budgets: r, common: o } = D(), { isInitialized: c, selectedAccounts: g, setDisplayedDate: d } = Q(), {
-    alert: m,
+}), Re = 480, Wn = w(({ onBackClick: t, sx: o }) => {
+  const i = ie(), { onEvent: s } = Z(), { visibleAccounts: a } = Ne(), { budgets: r, common: n } = D(), { isInitialized: c, selectedAccounts: g, setDisplayedDate: d } = q(), {
+    alert: u,
     dateRange: p,
     isDataLoaded: h,
-    loadBudgetData: _,
-    setDateRange: b,
-    setAlert: y,
-    setTheme: v,
+    loadBudgetData: b,
+    setDateRange: y,
+    setAlert: _,
+    setTheme: x,
     detailedBudgets: A
-  } = E(), { setDateRange: C } = me(), { loadDateRangeCategoryTotals: f, loadMonthlyCategoryTotals: B } = q(), { isSmallTablet: I, isMobile: N, isSmallMobile: R } = fe(), O = I || N || R, [j, k] = l.useState(!1);
-  Ve({
+  } = E(), { setDateRange: C } = ce(), { loadDateRangeCategoryTotals: f, loadMonthlyCategoryTotals: B } = Y(), { isSmallTablet: I, isMobile: L, isSmallMobile: R } = me(), O = I || L || R, [z, k] = l.useState(!1);
+  je({
     widgetName: "BubbleBudgetsWidget",
     isLoaded: h
   }), l.useEffect(() => {
-    v(i), h || _().finally(() => {
+    x(i), h || b().finally(() => {
       s(P.BUDGETS_VIEW);
     });
-  }, []), l.useEffect(() => (b({ start: le(ie()), end: xe(ie()) }), () => {
-    b({ start: le(ie()), end: xe(ie()) });
+  }, []), l.useEffect(() => (y({ start: re(oe()), end: Ce(oe()) }), () => {
+    y({ start: re(oe()), end: Ce(oe()) });
   }), [a]), l.useEffect(() => {
     c && (d(p.start, p.end), f(g, p.start, p.end).finally(), B(g).finally(), C(p));
   }, [c, g, p]);
-  const ae = (se) => {
-    b({ start: se[0] || /* @__PURE__ */ new Date(), end: se[1] || /* @__PURE__ */ new Date() });
-  }, V = () => {
+  const he = (V) => {
+    y({ start: V[0] || /* @__PURE__ */ new Date(), end: V[1] || /* @__PURE__ */ new Date() });
+  }, fe = () => {
     s(P.BUDGETS_CLICK_FILTER);
-  }, re = () => {
+  }, ne = () => {
     k(!0), s(P.BUDGETS_CLICK_ADD);
-  }, F = () => {
+  }, ye = () => {
     k(!1);
-  }, K = () => {
+  }, G = () => {
     k(!1);
-  }, X = Qe(p.end, le(/* @__PURE__ */ new Date()));
-  return !c || !h ? /* @__PURE__ */ e(be, {}) : /* @__PURE__ */ u(
-    gt,
+  }, W = Ke(p.end, re(/* @__PURE__ */ new Date()));
+  return !c || !h ? /* @__PURE__ */ e(ge, {}) : /* @__PURE__ */ m(
+    lt,
     {
       actions: [
         {
           iconName: "add",
           label: r.add_title,
-          onClick: re
+          onClick: ne
         }
       ],
       calendarActions: {
-        onRangeChanged: ae,
-        shouldDisableNext: X,
+        onRangeChanged: he,
+        shouldDisableNext: W,
         shouldDisablePicker: !0
       },
-      onAccountsFilterClick: V,
+      onAccountsFilterClick: fe,
       onBackClick: t,
-      sx: n,
+      sx: o,
       title: r.budgets_title,
       children: [
-        /* @__PURE__ */ u(
-          x,
+        /* @__PURE__ */ m(
+          v,
           {
             direction: O ? "column" : "row",
             height: "100%",
             sx: { justifyContent: "center" },
             width: "100%",
             children: [
-              /* @__PURE__ */ e(x, { height: O ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
-                Ze,
+              /* @__PURE__ */ e(v, { height: O ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
+                He,
                 {
-                  createBudgetOnClick: re,
+                  createBudgetOnClick: ne,
                   height: O ? 450 : 800,
                   isDraggable: !0,
                   shouldShowZeroState: A.length === 0,
-                  unavailableWidth: O ? 0 : Pe
+                  unavailableWidth: O ? 0 : Re
                 }
               ) }),
-              A.length !== 0 && /* @__PURE__ */ u(
-                x,
+              A.length !== 0 && /* @__PURE__ */ m(
+                v,
                 {
                   gap: 24,
                   height: "100%",
                   sx: { mr: 24, mt: 48 },
-                  width: O ? "100%" : Pe,
+                  width: O ? "100%" : Re,
                   children: [
-                    /* @__PURE__ */ e(Xt, {}),
-                    /* @__PURE__ */ e(Kt, {})
+                    /* @__PURE__ */ e(zt, {}),
+                    /* @__PURE__ */ e(jt, {})
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e(Ht, {}),
+        /* @__PURE__ */ e(Pt, {}),
         /* @__PURE__ */ e(
           $,
           {
-            ariaLabelClose: o.close_aria,
-            isOpen: j,
+            ariaLabelClose: n.close_aria,
+            isOpen: z,
             onClose: () => k(!1),
             title: r.add_new_title,
             children: /* @__PURE__ */ e(
-              Ke,
+              ze,
               {
-                onAddBudget: F,
-                onRecalculateBudgets: K
+                onAddBudget: ye,
+                onRecalculateBudgets: G
               }
             )
           }
         ),
         /* @__PURE__ */ e(
-          Te,
+          Ae,
           {
             anchorOrigin: { vertical: "bottom", horizontal: "right" },
             autoHideDuration: 3500,
             onClose: () => {
-              y("");
+              _("");
             },
-            open: !!m,
+            open: !!u,
             children: /* @__PURE__ */ e(
-              ve,
+              Se,
               {
                 closeText: "",
                 onClose: () => {
-                  y("");
+                  _("");
                 },
                 severity: "success",
                 variant: "filled",
-                children: m
+                children: u
               }
             )
           }
@@ -1137,60 +1132,60 @@ const $t = ({
       ]
     }
   );
-}), Yt = ({
+}), Ft = ({
   budgetsCopy: t,
-  difference: n,
+  difference: o,
   handleAddClick: i,
   shouldShowZeroState: s
 }) => {
-  const { availableHeight: a = 0 } = ge(), r = l.useRef(null);
+  const { availableHeight: a = 0 } = le(), r = l.useRef(null);
   l.useEffect(() => {
     a > 0 && r.current === null && (r.current = a);
   }, [a]);
-  const o = l.useMemo(() => {
+  const n = l.useMemo(() => {
     const c = r.current ?? a;
     return c > 0 ? Math.round(Math.max(120, Math.min(450, c * 0.8))) - 40 : 450;
   }, [a]);
-  return /* @__PURE__ */ u(x, { sx: { height: "100%", justifyContent: "space-between" }, children: [
+  return /* @__PURE__ */ m(v, { sx: { height: "100%", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(
-      Ze,
+      He,
       {
         createBudgetOnClick: i,
-        height: o,
+        height: n,
         isMiniWidget: !0,
         shouldShowZeroState: s
       }
     ),
-    !s && /* @__PURE__ */ u(W, { ml: 16, children: [
-      /* @__PURE__ */ e(S, { bold: !0, color: n < 0 ? "error.main" : "success.main", children: T(Math.abs(n), "0,0") }),
-      /* @__PURE__ */ e(S, { children: n < 0 ? t.overspent_in_budgets : t.left_in_budgets })
+    !s && /* @__PURE__ */ m(K, { ml: 16, children: [
+      /* @__PURE__ */ e(S, { bold: !0, color: o < 0 ? "error.main" : "success.main", children: T(Math.abs(o), "0,0") }),
+      /* @__PURE__ */ e(S, { children: o < 0 ? t.overspent_in_budgets : t.left_in_budgets })
     ] })
   ] });
-}, Zt = (t) => {
-  const n = ue(), { onEvent: i } = J(), { detailedBudgets: s, isDataLoaded: a, loadBudgetData: r, setTheme: o } = E(), { budgets: c, common: g } = D(), { isInitialized: d, selectedAccounts: m } = Q(), { loadDateRangeCategoryTotals: p, loadMonthlyCategoryTotals: h } = q(), _ = pt(), [b, y] = l.useState(!1);
+}, Ut = (t) => {
+  const o = ie(), { onEvent: i } = Z(), { detailedBudgets: s, isDataLoaded: a, loadBudgetData: r, setTheme: n } = E(), { budgets: c, common: g } = D(), { isInitialized: d, selectedAccounts: u } = q(), { loadDateRangeCategoryTotals: p, loadMonthlyCategoryTotals: h } = Y(), b = dt(), [y, _] = l.useState(!1);
   l.useEffect(() => {
     a || r().finally();
   }, []), l.useEffect(() => {
-    o(n);
-  }, [n]), l.useEffect(() => {
+    n(o);
+  }, [o]), l.useEffect(() => {
     d && !a && (p(
-      m,
-      le(/* @__PURE__ */ new Date()),
-      xe(/* @__PURE__ */ new Date())
-    ).finally(), h(m).finally());
-  }, [d, m, a]);
-  const v = () => {
-    y(!0), i(P.BUDGETS_CLICK_ADD);
+      u,
+      re(/* @__PURE__ */ new Date()),
+      Ce(/* @__PURE__ */ new Date())
+    ).finally(), h(u).finally());
+  }, [d, u, a]);
+  const x = () => {
+    _(!0), i(P.BUDGETS_CLICK_ADD);
   }, A = () => {
-    y(!1);
-  }, C = () => y(!1);
-  if (Ve({
+    _(!1);
+  }, C = () => _(!1);
+  if (je({
     widgetName: "BubbleBudgetsMiniWidget",
     isLoaded: a
-  }), !d || !a) return /* @__PURE__ */ e(be, {});
+  }), !d || !a) return /* @__PURE__ */ e(ge, {});
   const f = s.length === 0;
-  return /* @__PURE__ */ u(
-    ht,
+  return /* @__PURE__ */ m(
+    gt,
     {
       contentStyles: { height: "calc(100% - 66px)", ":last-child": { pb: 0 } },
       primaryCtaLabel: f ? c.get_started_cta : c.details_cta,
@@ -1199,11 +1194,11 @@ const $t = ({
       ...t,
       children: [
         /* @__PURE__ */ e(
-          Yt,
+          Ft,
           {
             budgetsCopy: c,
-            difference: _,
-            handleAddClick: v,
+            difference: b,
+            handleAddClick: x,
             shouldShowZeroState: f
           }
         ),
@@ -1211,11 +1206,11 @@ const $t = ({
           $,
           {
             ariaLabelClose: g.close_aria,
-            isOpen: b,
-            onClose: () => y(!1),
+            isOpen: y,
+            onClose: () => _(!1),
             title: c.add_new_title,
             children: /* @__PURE__ */ e(
-              Ke,
+              ze,
               {
                 onAddBudget: A,
                 onRecalculateBudgets: C
@@ -1226,67 +1221,57 @@ const $t = ({
       ]
     }
   );
-}, an = w(Zt), ce = {
+}, Vn = w(Ut), ae = {
   CANCEL_DELETE: "Cancel - Delete",
   END_SAVE: "End - Save",
   END_DELETE: "End - Delete",
   START_DELETE: "Start - Delete"
-}, qt = ({ onClose: t, onEvent: n, onViewHistory: i }) => {
+}, Ht = ({ onClose: t, onEvent: o, onViewHistory: i }) => {
   const {
     alert: s,
     dateRange: a,
     deleteBudget: r,
-    selectedBudget: o,
+    selectedBudget: n,
     selectedSubBudget: c,
     setAlert: g,
     setSelectedBudget: d,
-    updateBudget: m
-  } = E(), { budgets: p, common: h } = D(), { isCopyLoaded: _, selectedAccountGuids: b } = Q(), y = Ue(), { setFilter: v } = ee(), [A, C] = l.useState(""), [f, B] = l.useState(null), [I, N] = l.useState(!1), R = l.useRef(!1);
+    updateBudget: u
+  } = E(), { budgets: p, common: h } = D(), { isCopyLoaded: b, selectedAccountGuids: y } = q(), _ = $e(), { setFilter: x } = J(), [A, C] = l.useState(""), [f, B] = l.useState(null), [I, L] = l.useState(!1), R = l.useRef(!1);
   if (l.useEffect(() => {
-    !o || c || (C(`${o.amount}`), v({
-      accounts: b,
+    !n || c || (C(`${n.amount}`), x({
+      accounts: y,
       dateRange: a,
-      custom: ({ category_guid: Y, top_level_category_guid: _e }) => {
-        const { category_guid: Me } = o;
-        return Y === Me || _e === Me;
+      custom: ({ category_guid: G, top_level_category_guid: W }) => {
+        const { category_guid: V } = n;
+        return G === V || W === V;
       },
       showSplits: !0
-    }), N(!0));
-  }, [o]), !_) return /* @__PURE__ */ e(be, {});
-  if (!o) return null;
+    }), L(!0));
+  }, [n]), !b) return /* @__PURE__ */ e(ge, {});
+  if (!n) return null;
   const O = () => {
-    C(""), B(null), N(!1), setTimeout(() => {
+    C(""), B(null), L(!1), setTimeout(() => {
       d(void 0), t?.();
     }, 250);
-  }, j = () => {
-    f === "delete" && n?.(ce.CANCEL_DELETE, A), C(o.amount ? `${o.amount}` : ""), B(null);
+  }, z = () => {
+    f === "delete" && o?.(ae.CANCEL_DELETE, A), C(n.amount ? `${n.amount}` : ""), B(null);
   }, k = async () => {
     if (f === "edit") {
       if (R.current) return;
-      R.current = !0, await m({
-        ...o,
+      R.current = !0, await u({
+        ...n,
         amount: Number(A)
-      }), n?.(ce.END_SAVE, A), g(
-        M(p.alert_budget_updated, o.category.name)
+      }), o?.(ae.END_SAVE, A), g(
+        N(p.alert_budget_updated, n.category.name)
       ), B(null), R.current = !1;
     }
-    f === "delete" && (await r(o.guid), n?.(ce.END_DELETE, A), O());
-  }, ae = o.transaction_total ?? 0, V = o.amount ?? 0, re = Math.max(0, V - ae), F = V > 0 ? Math.min(100, ae / V * 100) : 0, K = {
-    off: {
-      iconColor: "error"
-    },
-    on: {
-      iconColor: "success"
-    },
-    near: {
-      iconColor: "warning"
-    }
-  };
-  let X = K.on;
-  F >= 100 ? X = K.off : F >= 50 && (X = K.near);
-  const { iconColor: se } = X, Oe = (Y, _e) => M(Y, /* @__PURE__ */ e("b", { children: _e }));
-  return /* @__PURE__ */ u(l.Fragment, { children: [
-    /* @__PURE__ */ u(
+    f === "delete" && (await r(n.guid), o?.(ae.END_DELETE, A), O());
+  }, { remainingAmount: he, spentPercentage: fe, iconColor: ne } = ut(
+    n.transaction_total ?? 0,
+    n.amount ?? 0
+  ), ye = (G, W) => N(G, /* @__PURE__ */ e("b", { children: W }));
+  return /* @__PURE__ */ m(l.Fragment, { children: [
+    /* @__PURE__ */ m(
       $,
       {
         ariaLabelClose: h.close_aria,
@@ -1301,7 +1286,7 @@ const $t = ({
           /* EDIT */
         ),
         onSecondaryAction: () => {
-          n?.(ce.START_DELETE, A), B(
+          o?.(ae.START_DELETE, A), B(
             "delete"
             /* DELETE */
           );
@@ -1314,102 +1299,58 @@ const $t = ({
             pr: 24
           }
         },
-        title: M(p.details_type_title, o.category.name),
+        title: N(p.details_type_title, n.category.name),
         children: [
-          /* @__PURE__ */ u(
-            W,
+          /* @__PURE__ */ e(
+            ot,
             {
-              sx: {
-                bgcolor: "background.paper",
-                borderBottomColor: "divider",
-                borderBottomStyle: "solid",
-                borderBottomWidth: 1
-              },
-              children: [
-                /* @__PURE__ */ u(
-                  x,
-                  {
-                    sx: {
-                      alignItems: "center",
-                      flexDirection: "row",
-                      gap: 12,
-                      justifyContent: "space-between",
-                      pt: 16,
-                      px: 24
-                    },
-                    children: [
-                      /* @__PURE__ */ e(Ce, { bold: !0, variant: "subtitle1", children: _t(o.start_date) }),
-                      i && /* @__PURE__ */ e(De, { endIcon: /* @__PURE__ */ e(ft, {}), onClick: i, sx: { height: 28 }, children: /* @__PURE__ */ e(S, { bold: !0, variant: "body2", children: "Spending History" }) })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  bt,
-                  {
-                    amount: /* @__PURE__ */ u(x, { sx: { alignItems: "baseline", flexDirection: "row", gap: 4 }, children: [
-                      /* @__PURE__ */ e(Ge, { children: T(o.transaction_total, "0,0.00") }),
-                      /* @__PURE__ */ e(Ce, { color: "text.secondary", variant: "body2", children: "/" }),
-                      /* @__PURE__ */ e(Ce, { color: "text.secondary", variant: "body2", children: T(o.amount, "0,0.00") })
-                    ] }),
-                    completeColor: `${se}.main`,
-                    icon: /* @__PURE__ */ e(
-                      H,
-                      {
-                        categoryGuid: o.category.guid,
-                        size: 44,
-                        sx: {
-                          bgcolor: at(Le(o.category.guid, y), 0.15),
-                          border: `1px solid ${Le(o.category.guid, y)}`,
-                          color: "text.primary"
-                        }
-                      }
-                    ),
-                    label: Oe(
-                      p.spent_label,
-                      Ct(new Date(o.start_date * 1e3), { month: "short" })
-                    ),
-                    leftLabel: M(p.percent_spent, F.toFixed()),
-                    percentComplete: F,
-                    rightLabel: M(
-                      p.balance_left,
-                      T(re, "0,0.00")
-                    ),
-                    sx: {
-                      pb: 24,
-                      pt: 16,
-                      px: 24
-                    }
+              amount: n.amount,
+              icon: /* @__PURE__ */ e(
+                H,
+                {
+                  categoryGuid: n.category.guid,
+                  size: 44,
+                  sx: {
+                    bgcolor: Qe(Ee(n.category.guid, _), 0.15),
+                    border: `1px solid ${Ee(n.category.guid, _)}`,
+                    color: "text.primary"
                   }
-                )
-              ]
+                }
+              ),
+              iconColor: ne,
+              onViewHistory: i,
+              remainingAmount: he,
+              spentPercentage: fe,
+              startDate: n.start_date,
+              totalTransaction: n.transaction_total
             }
           ),
-          /* @__PURE__ */ e(Ee, {}),
+          /* @__PURE__ */ e(xe, {}),
           s && /* @__PURE__ */ e(
-            Te,
+            Ae,
             {
               anchorOrigin: { horizontal: "right", vertical: "bottom" },
               autoHideDuration: 3500,
               onClose: () => g(""),
               open: !!s,
-              children: /* @__PURE__ */ e(ve, { closeText: "", onClose: () => g(""), severity: "success", variant: "filled", children: s })
+              children: /* @__PURE__ */ e(Se, { closeText: "", onClose: () => g(""), severity: "success", variant: "filled", children: s })
             }
           )
         ]
       }
     ),
     f && /* @__PURE__ */ e(
-      yt,
+      mt,
       {
         closeAriaLabel: h.close_aria,
-        content: Oe(
+        content: ye(
           p[f === "edit" ? "edit_budget_content" : "delete_description"],
-          o.category.name
+          n.category.name
         ),
-        handleInputChange: (Y) => C(Y.toString()),
-        handleModalClose: j,
+        handleInputChange: (G) => C(G.toString()),
+        handleModalClose: z,
         handlePrimaryAction: k,
-        handleSecondaryAction: j,
+        handleSecondaryAction: z,
         inputLabel: f === "edit" ? p.details_edit_title : "",
         inputValue: A,
         isOpen: !0,
@@ -1421,9 +1362,9 @@ const $t = ({
       }
     )
   ] });
-}, rn = w(qt);
+}, Kn = w(Ht);
 export {
-  an as BubbleBudgetsMiniWidget,
-  nn as BubbleBudgetsWidget,
-  rn as BudgetDetailsDrawerV2
+  Vn as BubbleBudgetsMiniWidget,
+  Wn as BubbleBudgetsWidget,
+  Kn as BudgetDetailsDrawerV2
 };