@mx-cartographer/experiences 7.10.30 → 7.10.32

package/dist/budgets/index.es.js

@@ -1,133 +1,134 @@
-import { jsxs as m, jsx as e, Fragment as Ve } from "react/jsx-runtime";
+import { jsxs as u, jsx as e, Fragment as qe } from "react/jsx-runtime";
 import l from "react";
-import { observer as E } from "mobx-react-lite";
-import { endOfMonth as Ce } from "date-fns/endOfMonth";
-import { isAfter as Xe } from "date-fns/isAfter";
-import { startOfMonth as re } from "date-fns/startOfMonth";
-import { startOfToday as ae } from "date-fns/startOfToday";
-import ke from "@mui/material/Alert";
-import Ne from "@mui/material/Snackbar";
-import S from "@mui/material/Stack";
-import ie from "@mui/material/styles/useTheme";
+import { observer as I } from "mobx-react-lite";
+import { endOfMonth as Be } from "date-fns/endOfMonth";
+import { isAfter as Je } from "date-fns/isAfter";
+import { startOfMonth as ce } from "date-fns/startOfMonth";
+import { startOfToday as se } from "date-fns/startOfToday";
+import Ae from "@mui/material/Alert";
+import ve from "@mui/material/Snackbar";
+import x from "@mui/material/Stack";
+import de from "@mui/material/styles/useTheme";
 import W from "@mui/material/Box";
-import Y from "@mui/material/List";
-import { Text as C, CategoryIcon as H, Icon as j, H2 as Ye, H3 as Se } from "@mxenabled/mxui";
-import { u as w, k as D, i as ce, m as Z, p as le, a as $e, g as q, b as J, h as Q, d as Pe } from "../hooks-DWJQ4phS.mjs";
+import Z from "@mui/material/List";
+import { Text as S, CategoryIcon as H, Icon as j, H2 as Pe, H3 as Ge, P as ye } from "@mxenabled/mxui";
+import { u as D, k as E, i as ue, m as q, p as me, a as je, g as J, b as Q, h as ee, d as Fe } from "../hooks-DWJQ4phS.mjs";
 import { f as T } from "../NumberFormatting-DjTD0t3W.mjs";
-import xe from "@mui/material/Button";
-import de from "@mui/material/Divider";
-import ee from "@mui/material/ListItem";
-import ue from "@mui/material/ListItemAvatar";
-import te from "@mui/material/ListItemButton";
-import oe from "@mui/material/ListItemText";
-import { b as M } from "../Localization-2MODESHW.mjs";
-import { D as $ } from "../Drawer-DV4NTsFg.mjs";
-import Ze from "@mui/material/ListItemSecondaryAction";
-import { C as qe } from "../CurrencyInput-6U2Ln1bK.mjs";
+import Te from "@mui/material/Button";
+import ge from "@mui/material/Divider";
+import te from "@mui/material/ListItem";
+import pe from "@mui/material/ListItemAvatar";
+import oe from "@mui/material/ListItemButton";
+import ne from "@mui/material/ListItemText";
+import { b as R } from "../Localization-2MODESHW.mjs";
+import { D as k } from "../Drawer-DV4NTsFg.mjs";
+import Qe from "@mui/material/ListItemSecondaryAction";
+import { C as et } from "../CurrencyInput-6U2Ln1bK.mjs";
 import { D as U } from "../Dialog-BqUCsQvo.mjs";
-import { C as Je } from "../ConnectionsDrawer-uWuM7QfF.mjs";
-import * as R from "d3";
-import Qe from "@mui/material/Tooltip";
-import { useTheme as Ge, alpha as et } 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 { C as tt } from "../ConnectionsDrawer-uWuM7QfF.mjs";
+import * as M from "d3";
+import ot from "@mui/material/Tooltip";
+import { useTheme as ze, alpha as nt } from "@mui/material/styles";
+import { u as he } from "../useScreenSize-B6JyS_Lj.mjs";
+import { L as fe } from "../Loader-D3rjKx72.mjs";
+import { E as Ce } from "../EmptyState-DHAkGsjk.mjs";
 import { A as G } from "../Analytics-i5h6BxR1.mjs";
-import Ie from "@mui/material/Tab";
-import tt from "@mui/material/Tabs";
-import { e as ot } from "../exportTransactionsToCSV-RUWymyA3.mjs";
-import { T as Ae } from "../TransactionList-Dxi733-M.mjs";
-import { T as nt } from "../TransactionDetails-BYKl7pix.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 je } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { u as at, b as rt } from "../CategorySelectorDrawer-CW0bCdqR.mjs";
-import we from "@mui/material/CardHeader";
-import { subDays as st } from "date-fns/subDays";
-import it from "@mui/material/IconButton";
-import { M as ct } from "../ManageIncome-BtOMmeKb.mjs";
-import { u as Fe } from "../useWidgetLoadTimer-BbV8q0k6.mjs";
-import { W as lt } from "../WidgetContainer-W9s0Jt3H.mjs";
-import { u as dt, C as ut } from "../BudgetUtil-DKNyjCWc.mjs";
-import { M as mt } from "../MiniWidgetContainer-BPuE3cfO.mjs";
-import { Icon as gt, ChevronRight as pt } from "@mxenabled/mx-icons";
-import { b as Ee } from "../CategoryUtil-Cufq3fxg.mjs";
-import { S as ht } from "../StatusIndicator-yCwjN_ky.mjs";
-import { f as ft } from "../DateFormats-Cs-NbEZ7.mjs";
-const bt = E(() => {
-  const { budgets: t } = w(), { totalBudgeted: a } = D(), { incomeTotal: i } = ce(), s = i - a;
-  return /* @__PURE__ */ m(S, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
-    /* @__PURE__ */ m(S, { alignItems: "center", children: [
-      /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: T(i, "0,0") }),
-      /* @__PURE__ */ e(C, { color: "secondary", variant: "Small", children: t.projected_income })
+import Re from "@mui/material/Tab";
+import at from "@mui/material/Tabs";
+import { e as rt } from "../exportTransactionsToCSV-YO3xewit.mjs";
+import { T as De } from "../TransactionList-CmZSDhKW.mjs";
+import { T as st } from "../TransactionDetails-c7ncR7HI.mjs";
+import Ee from "@mui/material/Card";
+import we from "@mui/material/CardContent";
+import { S as xe } from "../StatusBar-BK_uYHAB.mjs";
+import { S as Ue } from "../SingleSegmentDonut-BgbLgwHi.mjs";
+import { u as it, b as ct } from "../CategorySelectorDrawer-CW0bCdqR.mjs";
+import We from "@mui/material/CardHeader";
+import { subDays as lt } from "date-fns/subDays";
+import dt from "@mui/material/IconButton";
+import { M as ut } from "../ManageIncome-CWQoWlbs.mjs";
+import { u as He } from "../useWidgetLoadTimer-BbV8q0k6.mjs";
+import { W as mt } from "../WidgetContainer-W9s0Jt3H.mjs";
+import { u as gt, C as pt } from "../BudgetUtil-CHDuDNhl.mjs";
+import { M as ht } from "../MiniWidgetContainer-BPuE3cfO.mjs";
+import { ChevronRight as ft } from "@mxenabled/mx-icons";
+import { b as Me } from "../CategoryUtil-Cufq3fxg.mjs";
+import { S as bt } from "../StatusIndicator-0iX3Gnnu.mjs";
+import { i as _t } from "../DateUtil-CVXVMbjf.mjs";
+import { f as yt } from "../DateFormats-Cs-NbEZ7.mjs";
+const Ct = I(() => {
+  const { budgets: t } = D(), { totalBudgeted: n } = E(), { incomeTotal: i } = ue(), s = i - n;
+  return /* @__PURE__ */ u(x, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [
+    /* @__PURE__ */ u(x, { 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(C, { bold: !0, justifyContent: "center", variant: "Body", children: "-" }),
-    /* @__PURE__ */ m(S, { alignItems: "center", children: [
-      /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: T(a, "0,0") }),
-      /* @__PURE__ */ e(C, { color: "secondary", variant: "Small", children: t.budgeted })
+    /* @__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__ */ e(S, { color: "secondary", variant: "Small", children: t.budgeted })
     ] }),
-    /* @__PURE__ */ e(C, { bold: !0, justifyContent: "center", variant: "Body", children: "=" }),
-    /* @__PURE__ */ m(S, { alignItems: "center", children: [
-      /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: T(s, "0,0") }),
-      /* @__PURE__ */ e(C, { color: "secondary", variant: "Small", children: t.remaining })
+    /* @__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(s, "0,0") }),
+      /* @__PURE__ */ e(S, { color: "secondary", variant: "Small", children: t.remaining })
     ] })
   ] });
-}), _t = E(
+}), St = I(
   ({ category: t }) => {
-    const { budgets: a } = w(), { budgets: i } = D(), s = l.useMemo(() => {
-      const o = i.find((c) => c.category_guid === t.guid), r = T(t.totalAverageAmount, "0,0"), n = o ? M(a.recalculate_previous_budget, T(o.amount, "0,0")) : a.recalculate_new_budget;
-      return `${r} - ${n}`;
-    }, [a, i]);
-    return /* @__PURE__ */ m(l.Fragment, { children: [
-      /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ m(te, { children: [
-        /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid, variant: "filled" }) }),
-        /* @__PURE__ */ e(oe, { primary: t.name, secondary: s })
+    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 ? R(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(pe, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid, variant: "filled" }) }),
+        /* @__PURE__ */ e(ne, { primary: t.name, secondary: s })
       ] }) }),
-      /* @__PURE__ */ e(de, {})
+      /* @__PURE__ */ e(ge, {})
     ] }, t.guid);
   }
-), yt = ({ onRecalculateBudgets: t }) => {
-  const { budgets: a, common: i } = w(), { spendCategories: s } = Z(), { recalculateBudgets: o, setAlert: r } = D(), [n, c] = l.useState(!1), u = s.filter((g) => g.totalAverageAmount > 0), d = async () => {
-    await o(u), c(!1), r(a.alert_recalculated_budgets), t?.();
+), Bt = ({ 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?.();
   };
-  return /* @__PURE__ */ m(l.Fragment, { children: [
-    /* @__PURE__ */ e(xe, { onClick: () => c(!0), sx: { mt: 24, mx: 24 }, variant: "text", children: a.recalculate_button }),
-    /* @__PURE__ */ e(C, { sx: { mx: 24, my: 16, textAlign: "center", whiteSpace: "wrap" }, variant: "Paragraph", children: a.recalculate_help }),
+  return /* @__PURE__ */ u(l.Fragment, { children: [
+    /* @__PURE__ */ e(Te, { 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 }),
     /* @__PURE__ */ e(
-      $,
+      k,
       {
         ariaLabelClose: i.close_aria,
-        isOpen: n,
+        isOpen: o,
         onClose: () => c(!1),
         onPrimaryAction: d,
-        title: a.recalculate_title,
-        children: /* @__PURE__ */ m(S, { children: [
-          /* @__PURE__ */ m(S, { mx: 24, my: 16, children: [
-            /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: a.recalculate_description_top }),
-            /* @__PURE__ */ e(C, { variant: "ParagraphSmall", children: a.recalculate_description_bottom })
+        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 })
           ] }),
-          /* @__PURE__ */ e(W, { bgcolor: "background.paper", children: /* @__PURE__ */ e(Y, { children: u.map((g) => /* @__PURE__ */ e(_t, { category: g }, g.guid)) }) })
+          /* @__PURE__ */ e(W, { bgcolor: "background.paper", children: /* @__PURE__ */ e(Z, { children: g.map((m) => /* @__PURE__ */ e(St, { category: m }, m.guid)) }) })
         ] })
       }
     )
   ] });
-}, pe = ({
+}, be = ({
   amount: t,
-  categoryName: a,
+  categoryName: n,
   onAmountChanged: i
 }) => {
-  const { budgets: s } = w(), { totalBudgeted: o } = D(), { incomeTotal: r } = ce(), n = r - o;
-  return /* @__PURE__ */ m(S, { gap: 16, children: [
-    /* @__PURE__ */ m(S, { children: [
-      /* @__PURE__ */ e(C, { children: M(
+  const { budgets: s } = D(), { totalBudgeted: a } = E(), { incomeTotal: r } = ue(), o = r - a;
+  return /* @__PURE__ */ u(x, { gap: 16, children: [
+    /* @__PURE__ */ u(x, { children: [
+      /* @__PURE__ */ e(S, { children: R(
         s.add_description_top,
-        T(n, "0,0")
+        T(o, "0,0")
       ) }),
-      /* @__PURE__ */ e(C, { children: M(s.add_description_bottom, a) })
+      /* @__PURE__ */ e(S, { children: R(s.add_description_bottom, n) })
     ] }),
     /* @__PURE__ */ e(
-      qe,
+      et,
       {
         amount: t,
         autoFocus: !0,
@@ -138,136 +139,136 @@ const bt = E(() => {
       }
     )
   ] });
-}, Ct = E(({ category: t, onAddBudget: a }) => {
-  const { budgets: i, common: s } = w(), [o, r] = l.useState(!1), [n, c] = l.useState(
+}, xt = I(({ category: t, onAddBudget: n }) => {
+  const { budgets: i, common: s } = D(), [a, r] = l.useState(!1), [o, c] = l.useState(
     `${t.totalAmount === 0 ? "" : t.totalAmount}`
   );
-  return /* @__PURE__ */ m(l.Fragment, { children: [
-    /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ m(te, { onClick: () => r(!0), children: [
-      /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid }) }),
+  return /* @__PURE__ */ u(l.Fragment, { children: [
+    /* @__PURE__ */ e(te, { children: /* @__PURE__ */ u(oe, { onClick: () => r(!0), children: [
+      /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(H, { categoryGuid: t.guid }) }),
       /* @__PURE__ */ e(
-        oe,
+        ne,
         {
           primary: t.name,
           secondary: T(t.totalAmount, "0,0")
         }
       ),
-      /* @__PURE__ */ e(Ze, { children: /* @__PURE__ */ e(j, { name: "add", size: 20 }) })
+      /* @__PURE__ */ e(Qe, { 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(n) <= 0,
-        isOpen: o,
+        disablePrimaryButton: Number(o) <= 0,
+        isOpen: a,
         onClose: () => r(!1),
-        onPrimaryAction: () => a(t, Number(n)),
+        onPrimaryAction: () => n(t, Number(o)),
         primaryText: i.add_save_button,
-        children: /* @__PURE__ */ e(pe, { amount: n, categoryName: t.name, onAmountChanged: c })
+        children: /* @__PURE__ */ e(be, { amount: o, categoryName: t.name, onAmountChanged: c })
       }
     )
   ] });
-}), ze = E(({ onAddBudget: t, onRecalculateBudgets: a }) => {
-  const { budgets: i } = w(), { addBudget: s, setAlert: o, unbudgetedCategories: r } = D(), n = async (c, u) => {
-    await s(c, u), t?.(), o(M(i.alert_budget_created, c.name));
+}), Ve = I(({ 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(R(i.alert_budget_created, c.name));
   };
-  return /* @__PURE__ */ m(S, { children: [
-    /* @__PURE__ */ e(bt, {}),
-    /* @__PURE__ */ e(W, { bgcolor: "background.paper", children: /* @__PURE__ */ e(Y, { children: r.map((c) => /* @__PURE__ */ e(
-      Ct,
+  return /* @__PURE__ */ u(x, { children: [
+    /* @__PURE__ */ e(Ct, {}),
+    /* @__PURE__ */ e(W, { bgcolor: "background.paper", children: /* @__PURE__ */ e(Z, { children: r.map((c) => /* @__PURE__ */ e(
+      xt,
       {
         category: c,
-        onAddBudget: n
+        onAddBudget: o
       },
       c.guid
     )) }) }),
-    /* @__PURE__ */ e(yt, { onRecalculateBudgets: a })
+    /* @__PURE__ */ e(Bt, { onRecalculateBudgets: n })
   ] });
-}), Oe = 5, Ue = 100, se = 25, Bt = (t) => {
-  const a = (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;
+}), Le = 5, Ke = 100, le = 25, At = (t) => {
+  const n = (a) => {
+    a.active || t.alphaTarget(0.3).restart(), a.subject.fx = a.subject.x, a.subject.fy = a.subject.y;
+  }, i = (a) => {
+    a.subject.fx = a.x, a.subject.fy = a.y;
+  }, s = (a) => {
+    a.active || t.alphaTarget(0), a.subject.fx = null, a.subject.fy = null;
   };
-  return R.drag().on("start", a).on("drag", i).on("end", s);
-}, St = (t) => {
-  let a = t.transaction_total / t.amount;
-  a < 0 ? a = 0 : a > 1 && (a = 1);
-  const i = a * 2 * Math.PI, s = R.interpolate(0, i), o = R.arc().cornerRadius(5).innerRadius(t.radius - Oe * 2).outerRadius(t.radius - Oe).startAngle(0).endAngle(0);
-  return (r) => (o.endAngle(s(r)), o(t) || "");
-}, xt = (t) => {
-  R.selectAll(".bubble").call(Bt(t));
-}, Me = (t, a, i) => Math.min(Math.max(t, a), i), At = (t, a, i) => {
+  return M.drag().on("start", n).on("drag", i).on("end", s);
+}, vt = (t) => {
+  let n = t.transaction_total / t.amount;
+  n < 0 ? n = 0 : n > 1 && (n = 1);
+  const i = n * 2 * Math.PI, s = M.interpolate(0, i), a = M.arc().cornerRadius(5).innerRadius(t.radius - Le * 2).outerRadius(t.radius - Le).startAngle(0).endAngle(0);
+  return (r) => (a.endAngle(s(r)), a(t) || "");
+}, Tt = (t) => {
+  M.selectAll(".bubble").call(At(t));
+}, Ne = (t, n, i) => Math.min(Math.max(t, n), i), Dt = (t, n, i) => {
   t.alpha(1).restart().force(
     "x",
-    R.forceX().x(i / 2).strength(0.01)
+    M.forceX().x(i / 2).strength(0.01)
   ).force(
     "y",
-    R.forceY().y(a / 2).strength(0.02)
+    M.forceY().y(n / 2).strength(0.02)
   ).on("tick", () => {
     const s = t.nodes();
-    s.forEach((o) => {
-      const r = o.radius ?? se;
-      o.x = Me(o.x ?? 0, r, i - r), o.y = Me(o.y ?? 0, r, a - r);
-    }), R.selectAll(".bubble").data(s).attr("transform", (o) => `translate(${o.x},${o.y})`);
+    s.forEach((a) => {
+      const r = a.radius ?? le;
+      a.x = Ne(a.x ?? 0, r, i - r), a.y = Ne(a.y ?? 0, r, n - r);
+    }), M.selectAll(".bubble").data(s).attr("transform", (a) => `translate(${a.x},${a.y})`);
   });
-}, We = (t, a) => R.scaleLinear().domain([t, a]).range([se, Ue]), vt = (t) => {
-  const a = t.reduce((r, n) => {
-    const c = Math.max(n.transaction_total, n.amount);
+}, Xe = (t, n) => M.scaleLinear().domain([t, n]).range([le, Ke]), Et = (t) => {
+  const n = t.reduce((r, o) => {
+    const c = Math.max(o.transaction_total, o.amount);
     return c > r ? c : r;
-  }, 0), i = t.reduce((r, n) => {
-    const c = Math.max(n.transaction_total, n.amount);
+  }, 0), i = t.reduce((r, o) => {
+    const c = Math.max(o.transaction_total, o.amount);
     return c < r ? c : r;
-  }, a), s = We(i, a), o = t.map((r) => {
-    const n = s(Math.max(r.transaction_total, r.amount)) || 25;
+  }, n), s = Xe(i, n), a = t.map((r) => {
+    const o = s(Math.max(r.transaction_total, r.amount)) || 25;
     return {
       ...r,
-      radius: n
+      radius: o
     };
   });
-  return R.forceSimulation(o).velocityDecay(0.05).force("collide", R.forceCollide((r) => r.radius + 2).strength(0.7));
-}, Tt = (t, a, i) => {
-  const o = Math.PI * se ** 2 * t, r = i < 400 || a < 300, n = r ? 40 : 20, c = Math.max(100, i - n), u = Math.max(100, a - n), d = c * u;
-  let g = se;
-  if (o < d) {
-    const h = Math.sqrt(d / (t * Math.PI)), _ = Math.min(c, u) / 4;
-    g = Math.min(Ue, h, _);
+  return M.forceSimulation(a).velocityDecay(0.05).force("collide", M.forceCollide((r) => r.radius + 2).strength(0.7));
+}, wt = (t, n, i) => {
+  const a = Math.PI * le ** 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 = le;
+  if (a < d) {
+    const h = Math.sqrt(d / (t * Math.PI)), _ = Math.min(c, g) / 4;
+    m = Math.min(Ke, h, _);
   }
-  return r && t <= 3 && (g = Math.min(g, 45)), { minRadius: Math.max(20, g * 0.6), maxRadius: g };
-}, wt = (t, a, i, s, o) => {
-  const { maxRadius: r, minRadius: n } = Tt(t, a, o);
-  return R.scaleLinear().domain([s, i]).range([n, r]);
-}, Dt = (t, a, i = !1, s, o) => {
-  const r = a.map((d) => Math.max(d.transaction_total, d.amount)), n = Math.min(...r), c = Math.max(...r), u = i ? wt(t.length, s, c, n, o) : We(n, c);
+  return r && t <= 3 && (m = Math.min(m, 45)), { minRadius: Math.max(20, m * 0.6), maxRadius: m };
+}, It = (t, n, i, s, a) => {
+  const { maxRadius: r, minRadius: o } = wt(t, n, a);
+  return M.scaleLinear().domain([s, i]).range([o, r]);
+}, Ot = (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 ? It(t.length, s, c, o, a) : Xe(o, c);
   return t.map((d) => ({
     ...d,
-    radius: u(Math.max(d.transaction_total, d.amount))
+    radius: g(Math.max(d.transaction_total, d.amount))
   }));
-}, Re = 5, It = 2e3, Et = ({ bubble: t }) => {
-  const a = ie(), {
+}, ke = 5, Rt = 2e3, Mt = ({ bubble: t }) => {
+  const n = de(), {
     amount: i,
     guid: s,
-    budgetColors: { mercury: o },
+    budgetColors: { mercury: a },
     radius: r,
-    transaction_total: n
+    transaction_total: o
   } = t, c = `mercury-${s}`;
   l.useEffect(() => {
-    R.select(`.${c}`).selectAll(".status").remove(), R.select(`.${c}`).append("path").transition().duration(It).delay(0).attr("class", "status").attr("style", `fill: ${o}; fill-opacity: 1;`).attrTween("d", () => St(t));
-  }, [i, r, n]);
-  const u = R.arc().innerRadius((d) => d - 2 * Re).outerRadius((d) => d - Re).startAngle(0).endAngle(2 * Math.PI);
+    M.select(`.${c}`).selectAll(".status").remove(), M.select(`.${c}`).append("path").transition().duration(Rt).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => vt(t));
+  }, [i, r, o]);
+  const g = M.arc().innerRadius((d) => d - 2 * ke).outerRadius((d) => d - ke).startAngle(0).endAngle(2 * Math.PI);
   return /* @__PURE__ */ e("g", { className: c, children: /* @__PURE__ */ e(
     "path",
     {
-      d: u(r) || "",
-      style: { fill: a.palette.common.white, fillOpacity: 0.35 }
+      d: g(r) || "",
+      style: { fill: n.palette.common.white, fillOpacity: 0.35 }
     }
   ) });
-}, Ot = l.memo(Et), z = 75, ye = 50;
-function Mt({ bubble: t, isDraggable: a, onClick: i = () => {
+}, Lt = l.memo(Mt), z = 75, Se = 50;
+function Nt({ bubble: t, isDraggable: n, onClick: i = () => {
 } }) {
-  const [s, o] = l.useState(!1), r = Ge(), { availableWidth: n } = le(), c = l.useMemo(() => {
+  const [s, a] = l.useState(!1), r = ze(), { availableWidth: o } = me(), c = l.useMemo(() => {
     if (t)
       return {
         amount: t.amount,
@@ -279,18 +280,18 @@ function Mt({ bubble: t, isDraggable: a, onClick: i = () => {
   }, [t.amount, t.budgetColors, t.guid, t.radius, t.transaction_total]);
   if (!t) return;
   const {
-    budgetColors: { background: u, text: d },
-    category: { icon: g, name: f },
+    budgetColors: { background: g, text: d },
+    category: { icon: m, name: p },
     guid: h,
     description: _,
-    radius: p,
-    x: y,
-    y: b
-  } = t, A = n < 400 ? -8 : -12;
-  let B = A, v = A;
-  p > z ? (B = -14, v = -45) : p > ye && (v = -32);
-  let x = 32;
-  p <= z && (x = n < 400 ? 16 : 24);
+    radius: f,
+    x: C,
+    y: v
+  } = t, A = o < 400 ? -8 : -12;
+  let b = A, y = A;
+  f > z ? (b = -14, y = -45) : f > Se && (y = -32);
+  let B = 32;
+  f <= z && (B = o < 400 ? 16 : 24);
   const O = `${t.category.name}: ${_}`, L = {
     modifiers: [
       {
@@ -298,31 +299,31 @@ function Mt({ bubble: t, isDraggable: a, onClick: i = () => {
         options: { offset: [0, 15] }
       }
     ]
-  }, I = (N) => {
-    (N.key === "Enter" || N.key === " ") && (N.preventDefault(), i(t));
-  }, k = () => {
-    o(!0);
-  }, P = () => {
-    o(!1);
+  }, w = (P) => {
+    (P.key === "Enter" || P.key === " ") && (P.preventDefault(), i(t));
+  }, N = () => {
+    a(!0);
+  }, $ = () => {
+    a(!1);
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ u(
     "g",
     {
-      "aria-label": `${f} - ${_}`,
+      "aria-label": `${p} - ${_}`,
       className: "bubble",
       id: `bubble-${h}`,
-      onBlur: P,
+      onBlur: $,
       onClick: () => i(t),
-      onFocus: k,
-      onKeyDown: I,
-      onMouseEnter: () => o(!0),
-      onMouseLeave: () => o(!1),
+      onFocus: N,
+      onKeyDown: w,
+      onMouseEnter: () => a(!0),
+      onMouseLeave: () => a(!1),
       role: "button",
-      style: { cursor: a ? "pointer" : "default" },
+      style: { cursor: n ? "pointer" : "default" },
       tabIndex: 0,
       textAnchor: "middle",
-      x: y,
-      y: b,
+      x: C,
+      y: v,
       children: [
         /* @__PURE__ */ e("style", { children: `
           .bubble:focus,
@@ -336,10 +337,10 @@ function Mt({ bubble: t, isDraggable: a, onClick: i = () => {
             stroke-opacity: 0.8;
           }
         ` }),
-        /* @__PURE__ */ e(Qe, { open: s, slotProps: { popper: L }, title: O, children: /* @__PURE__ */ e("circle", { fill: u, id: `circle-${h}`, r: p }) }),
-        /* @__PURE__ */ e("svg", { x: B, y: v, children: /* @__PURE__ */ e(j, { name: g, size: x, sx: { fill: d } }) }),
-        p > z && /* @__PURE__ */ e(
-          C,
+        /* @__PURE__ */ e(ot, { open: s, slotProps: { popper: L }, title: O, children: /* @__PURE__ */ e("circle", { fill: g, id: `circle-${h}`, r: f }) }),
+        /* @__PURE__ */ e("svg", { x: b, y, children: /* @__PURE__ */ e(j, { name: m, size: B, sx: { fill: d } }) }),
+        f > z && /* @__PURE__ */ e(
+          S,
           {
             bold: !0,
             component: "text",
@@ -347,23 +348,23 @@ function Mt({ bubble: t, isDraggable: a, onClick: i = () => {
             sx: { fill: d },
             variant: "Small",
             y: 4,
-            children: f
+            children: p
           }
         ),
-        p > ye && /* @__PURE__ */ e(
-          C,
+        f > Se && /* @__PURE__ */ e(
+          S,
           {
             bold: !0,
             component: "text",
             id: `budget-description-${h}-1`,
             sx: { fill: d },
             variant: "Body",
-            y: p <= z ? 12 : 24,
-            children: p <= z ? _.split(" ")[0] : _
+            y: f <= z ? 12 : 24,
+            children: f <= z ? _.split(" ")[0] : _
           }
         ),
-        p <= z && p > ye && /* @__PURE__ */ e(
-          C,
+        f <= z && f > Se && /* @__PURE__ */ e(
+          S,
           {
             component: "text",
             id: `budget-description-${h}-2`,
@@ -373,69 +374,69 @@ function Mt({ bubble: t, isDraggable: a, onClick: i = () => {
             children: _.split(" ")[1]
           }
         ),
-        /* @__PURE__ */ e(Ot, { bubble: c })
+        /* @__PURE__ */ e(Lt, { bubble: c })
       ]
     },
     h
   );
 }
-const Rt = ({
+const kt = ({
   height: t,
-  width: a,
+  width: n,
   isDraggable: i = !1,
   onClick: s = () => {
   }
 }) => {
-  const [o, r] = l.useState([]), n = l.useRef(null), c = l.useRef(!1), { detailedBudgets: u } = D(), d = l.useCallback(() => {
-    const g = n.current, f = vt(u), h = f.nodes();
-    if (g) {
-      const _ = g.nodes(), p = new Map(_.map((y) => [y.guid, y]));
-      h.forEach((y) => {
-        const b = p.get(y.guid);
-        b && Object.assign(y, {
-          vx: b.vx,
-          vy: b.vy,
-          x: b.x,
-          y: b.y
+  const [a, r] = l.useState([]), o = l.useRef(null), c = l.useRef(!1), { detailedBudgets: g } = E(), d = l.useCallback(() => {
+    const m = o.current, p = Et(g), h = p.nodes();
+    if (m) {
+      const _ = m.nodes(), f = new Map(_.map((C) => [C.guid, C]));
+      h.forEach((C) => {
+        const v = f.get(C.guid);
+        v && Object.assign(C, {
+          vx: v.vx,
+          vy: v.vy,
+          x: v.x,
+          y: v.y
         });
       });
     }
-    n.current = f, c.current = !1, r(h);
-  }, [u]);
+    o.current = p, c.current = !1, r(h);
+  }, [g]);
   return l.useEffect(() => {
     d();
   }, [d]), l.useEffect(() => () => {
-    n.current && (n.current.stop(), n.current = null);
+    o.current && (o.current.stop(), o.current = null);
   }, []), l.useEffect(() => {
-    const g = n.current;
-    if (!g) return;
-    const f = g.nodes(), h = a > 0 && a < 450 || t > 0 && t < 300, _ = Dt(f, u, h, t, a);
-    g.nodes(_), At(g, t, a), i && setTimeout(() => {
-      xt(g);
+    const m = o.current;
+    if (!m) return;
+    const p = m.nodes(), h = n > 0 && n < 450 || t > 0 && t < 300, _ = Ot(p, g, h, t, n);
+    m.nodes(_), Dt(m, t, n), i && setTimeout(() => {
+      Tt(m);
     }, 0), r([..._]);
-  }, [t, a, i, u]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(a), children: o.map((g) => /* @__PURE__ */ e(Mt, { bubble: g, isDraggable: i, onClick: s }, g.guid)) });
-}, Lt = E(Rt), kt = ({
+  }, [t, n, i, g]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(n), children: a.map((m) => /* @__PURE__ */ e(Nt, { bubble: m, isDraggable: i, onClick: s }, m.guid)) });
+}, $t = I(kt), Pt = ({
   isMiniWidget: t = !1,
-  onConnectAccountsClick: a,
+  onConnectAccountsClick: n,
   createBudgetOnClick: i
 }) => {
-  const { config: s } = $e(), { recalculateBudgets: o } = D(), { spendCategories: r } = Z(), { budgets: n } = w(), { availableWidth: c } = le(), { isMobile: u } = me(c), d = t && u, [g, f] = l.useState(!1), [h, _] = l.useState(!1), [p, y] = l.useState(!1), b = l.useMemo(() => [...r.filter((B) => B.totalAverageAmount > 0)], [r]), A = async () => {
-    y(!0);
-    const { data: B, isSuccess: v } = await o(b);
-    y(!1), v ? (B.length === 0 && _(!0), f(!1)) : f(!0);
+  const { config: s } = je(), { recalculateBudgets: a } = E(), { spendCategories: r } = q(), { budgets: o } = D(), { availableWidth: c } = me(), { isMobile: g } = he(c), d = t && g, [m, p] = l.useState(!1), [h, _] = l.useState(!1), [f, C] = l.useState(!1), v = l.useMemo(() => [...r.filter((b) => b.totalAverageAmount > 0)], [r]), A = async () => {
+    C(!0);
+    const { data: b, isSuccess: y } = await a(v);
+    C(!1), y ? (b.length === 0 && _(!0), p(!1)) : p(!0);
   };
-  return p ? /* @__PURE__ */ e(ge, {}) : g ? /* @__PURE__ */ e(
-    _e,
+  return f ? /* @__PURE__ */ e(fe, {}) : m ? /* @__PURE__ */ e(
+    Ce,
     {
-      header: n.autogenerate_budgets_error_header,
+      header: o.autogenerate_budgets_error_header,
       icon: "error",
       iconColor: "#4D4D4D",
-      onClick: (B) => {
-        B === "primary" ? A() : i();
+      onClick: (b) => {
+        b === "primary" ? A() : i();
       },
-      primaryButton: n.autogenerate_budgets_error_primary_button,
-      secondaryButton: n.zero_state_generate_budgets_secondary_button,
-      subText: n.autogenerate_budgets_error_subheader,
+      primaryButton: o.autogenerate_budgets_error_primary_button,
+      secondaryButton: o.zero_state_generate_budgets_secondary_button,
+      subText: o.autogenerate_budgets_error_subheader,
       sx: {
         width: { sm: 468 },
         ".buttons-footer": {
@@ -445,18 +446,18 @@ const Rt = ({
         ...d && { justifyContent: "center", mt: 0, svg: { height: 32, width: 32 } }
       }
     }
-  ) : /* @__PURE__ */ e(Ve, { children: h ? /* @__PURE__ */ e(
-    _e,
+  ) : /* @__PURE__ */ e(qe, { children: h ? /* @__PURE__ */ e(
+    Ce,
     {
-      header: n.zero_state_generate_budgets_header,
+      header: o.zero_state_generate_budgets_header,
       icon: "error",
       iconColor: "#4D4D4D",
-      onClick: (B) => {
-        B === "primary" ? a() : i();
+      onClick: (b) => {
+        b === "primary" ? n() : i();
       },
-      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,
+      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,
       sx: {
         width: t ? "100%" : { sm: 500 },
         height: t ? "100%" : { sm: 468 },
@@ -471,17 +472,17 @@ const Rt = ({
       }
     }
   ) : /* @__PURE__ */ e(
-    _e,
+    Ce,
     {
-      header: n.create_budgets_title,
+      header: o.create_budgets_title,
       icon: "bubble_chart",
       iconColor: "#1A1A1A",
-      onClick: (B) => {
-        B === "primary" ? A() : i();
+      onClick: (b) => {
+        b === "primary" ? A() : i();
       },
-      primaryButton: n.empty_state_primary_button,
-      secondaryButton: t ? void 0 : n.empty_state_secondary_button,
-      subText: n.empty_state_subheader,
+      primaryButton: o.empty_state_primary_button,
+      secondaryButton: t ? void 0 : o.empty_state_secondary_button,
+      subText: o.empty_state_subheader,
       sx: {
         width: t ? "100%" : { sm: 432 },
         height: t ? "100%" : { sm: 468 },
@@ -496,48 +497,48 @@ const Rt = ({
       }
     }
   ) });
-}, He = E(
+}, Ye = I(
   ({
     createBudgetOnClick: t = () => {
     },
-    height: a,
+    height: n,
     isDraggable: i = !1,
     isMiniWidget: s = !1,
-    shouldShowZeroState: o,
+    shouldShowZeroState: a,
     unavailableWidth: r = 24
   }) => {
-    const { onEvent: n } = q(), { setSelectedBudget: c } = D(), { isInitialized: u } = J(), { accounts: d } = w(), { availableWidth: g } = le(), { isMobile: f } = me(), [h, _] = l.useState(!1), p = l.useMemo(() => g - r, [g]), y = (A) => {
-      c(A), n(G.BUDGETS_CLICK_BUDGET_CATEGORY, {
+    const { onEvent: o } = J(), { setSelectedBudget: c } = E(), { isInitialized: g } = Q(), { accounts: d } = D(), { availableWidth: m } = me(), { isMobile: p } = he(), [h, _] = l.useState(!1), f = l.useMemo(() => m - r, [m]), C = (A) => {
+      c(A), o(G.BUDGETS_CLICK_BUDGET_CATEGORY, {
         budget_category: A.category.name,
         click_type: "bubble"
       });
-    }, b = () => {
-      _(!0), n(G.ACCOUNTS_CLICK_CONNECT);
+    }, v = () => {
+      _(!0), o(G.ACCOUNTS_CLICK_CONNECT);
     };
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ u(
       W,
       {
-        ml: o || f ? 0 : 24,
+        ml: a || p ? 0 : 24,
         sx: { alignSelf: "center", ...s && { height: "100%" } },
         children: [
-          o || !u ? /* @__PURE__ */ e(
-            kt,
+          a || !g ? /* @__PURE__ */ e(
+            Pt,
             {
               createBudgetOnClick: t,
               isMiniWidget: s,
-              onConnectAccountsClick: b
+              onConnectAccountsClick: v
             }
           ) : /* @__PURE__ */ e(
-            Lt,
+            $t,
             {
-              height: a,
+              height: n,
               isDraggable: i,
-              onClick: y,
-              width: p
+              onClick: C,
+              width: f
             }
           ),
           /* @__PURE__ */ e(
-            Je,
+            tt,
             {
               onClose: () => _(!1),
               showConnectionsWidget: h,
@@ -548,99 +549,99 @@ const Rt = ({
       }
     );
   }
-), Ke = ({ budget: t }) => {
+), Ze = ({ budget: t }) => {
   const {
-    amount: a,
+    amount: n,
     budgetColors: { background: i },
     category: { name: s },
-    category_guid: o,
+    category_guid: a,
     percentage: r,
-    transaction_total: n
+    transaction_total: o
   } = t, c = [
     {
       color: i,
       percentage: `${r}%`
     }
   ];
-  return /* @__PURE__ */ e(ve, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ m(S, { alignItems: "center", gap: 16, children: [
-    /* @__PURE__ */ e(H, { categoryGuid: o, size: 56 }),
-    /* @__PURE__ */ e(Ye, { variant: "H1", children: `${T(n, "0,0")} / ${T(a, "0,0")}` }),
-    /* @__PURE__ */ e(C, { bold: !0, variant: "XSmall", children: s }),
-    /* @__PURE__ */ e(Be, { data: c, height: 10 })
+  return /* @__PURE__ */ e(Ee, { sx: { mt: 24, mx: 24 }, children: /* @__PURE__ */ e(we, { children: /* @__PURE__ */ u(x, { alignItems: "center", gap: 16, children: [
+    /* @__PURE__ */ e(H, { categoryGuid: a, size: 56 }),
+    /* @__PURE__ */ e(Pe, { variant: "H1", children: `${T(o, "0,0")} / ${T(n, "0,0")}` }),
+    /* @__PURE__ */ e(S, { bold: !0, variant: "XSmall", children: s }),
+    /* @__PURE__ */ e(xe, { data: c, height: 10 })
   ] }) }) });
-}, Nt = E(() => {
-  const { budgets: t } = w();
-  return /* @__PURE__ */ m(S, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
+}, Gt = I(() => {
+  const { budgets: t } = D();
+  return /* @__PURE__ */ u(x, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
     /* @__PURE__ */ e(j, { color: "secondary", name: "bubble_chart", sx: { fontSize: 32 } }),
-    /* @__PURE__ */ e(C, { bold: !0, color: "secondary", variant: "Small", children: t.zero_state_no_sub_budgets }),
-    /* @__PURE__ */ e(C, { color: "text.secondary", variant: "XSmall", children: t.zero_state_no_sub_budgets_description })
+    /* @__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 })
   ] });
-}), $t = E(({ budget: t }) => {
+}), jt = I(({ budget: t }) => {
   const {
-    amount: a,
+    amount: n,
     budgetColors: { background: i },
     category: s,
-    percentage: o,
+    percentage: a,
     transaction_total: r
-  } = t, { setSelectedSubBudget: n } = D();
-  return /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ m(te, { onClick: () => n(t), children: [
-    /* @__PURE__ */ e(ue, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(je, { color: i, percent: o, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: s.parent_guid, variant: "basic" }) }) }),
+  } = t, { setSelectedSubBudget: o } = E();
+  return /* @__PURE__ */ e(te, { children: /* @__PURE__ */ u(oe, { onClick: () => o(t), children: [
+    /* @__PURE__ */ e(pe, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Ue, { color: i, percent: a, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: s.parent_guid, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
-      oe,
+      ne,
       {
-        primary: /* @__PURE__ */ e(S, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: t.category.name }) }),
-        secondary: /* @__PURE__ */ e(S, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(C, { fontWeight: 400, variant: "Body", children: `
+        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: `
                   ${T(r, "0,0")} / 
-                  ${T(a, "0,0")}
+                  ${T(n, "0,0")}
                 ` }) })
       }
     )
   ] }) });
-}), Pt = E(({ category: t, parentBudget: a }) => {
-  const { budgets: i, common: s } = w(), { setExpandedGuid: o, setOnSelect: r } = at(), { addBudget: n } = D(), [c, u] = l.useState(!1), [d, g] = l.useState(!1), [f, h] = l.useState(""), [_, p] = l.useState(void 0);
+}), Ft = I(({ category: t, parentBudget: n }) => {
+  const { budgets: i, common: s } = D(), { setExpandedGuid: a, setOnSelect: r } = it(), { addBudget: o } = E(), [c, g] = l.useState(!1), [d, m] = l.useState(!1), [p, h] = l.useState(""), [_, f] = l.useState(void 0);
   l.useEffect(() => {
     r((A) => {
-      const B = t.subCategories.find((v) => v.guid === A);
-      B && (p(B), h(`${B.currentAmount === 0 ? "" : B.currentAmount}`), g(!0));
+      const b = t.subCategories.find((y) => y.guid === A);
+      b && (f(b), h(`${b.currentAmount === 0 ? "" : b.currentAmount}`), m(!0));
     });
   }, []);
-  const y = () => {
-    o(t.guid), u(!0);
-  }, b = async () => {
-    _ && Number(f) > 0 && (await n(_, Number(f), a.guid), g(!1), u(!1), p(void 0));
+  const C = () => {
+    a(t.guid), g(!0);
+  }, v = async () => {
+    _ && Number(p) > 0 && (await o(_, Number(p), n.guid), m(!1), g(!1), f(void 0));
   };
-  return /* @__PURE__ */ m(W, { children: [
-    /* @__PURE__ */ e(ee, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(te, { onClick: y, children: /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ m(S, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ m(S, { alignItems: "center", direction: "row", gap: 8, children: [
+  return /* @__PURE__ */ u(W, { children: [
+    /* @__PURE__ */ e(te, { disableGutters: !0, disablePadding: !0, sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(oe, { onClick: C, 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(j, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.light" } }),
-        /* @__PURE__ */ e(C, { bold: !0, sx: { color: "primary.light" }, variant: "Body", children: i.add_sub_budget_button })
+        /* @__PURE__ */ e(S, { bold: !0, sx: { color: "primary.light" }, variant: "Body", children: i.add_sub_budget_button })
       ] }),
       /* @__PURE__ */ e(j, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
     ] }) }) }) }),
-    /* @__PURE__ */ e(de, {}),
+    /* @__PURE__ */ e(ge, {}),
     /* @__PURE__ */ e(
-      $,
+      k,
       {
         ariaLabelClose: s.close_aria,
         isOpen: c,
-        onClose: () => u(!1),
+        onClose: () => g(!1),
         title: i.add_sub_budget_title,
-        children: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(rt, { category: t, subCategories: t.subCategories }) })
+        children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(ct, { category: t, subCategories: t.subCategories }) })
       }
     ),
     /* @__PURE__ */ e(
       U,
       {
         copy: { close_aria: s.close_aria, title: i.add_title },
-        disablePrimaryButton: Number(f) <= 0,
+        disablePrimaryButton: Number(p) <= 0,
         isOpen: d,
-        onClose: () => g(!1),
-        onPrimaryAction: b,
+        onClose: () => m(!1),
+        onPrimaryAction: v,
         primaryText: i.add_save_button,
         children: /* @__PURE__ */ e(
-          pe,
+          be,
           {
-            amount: f,
+            amount: p,
             categoryName: _?.name || "",
             onAmountChanged: h
           }
@@ -648,68 +649,68 @@ const Rt = ({
       }
     )
   ] });
-}), Gt = E(({ budget: t }) => {
-  const { category: a, subBudgets: i } = t, { budgets: s, common: o } = w(), { deleteBudget: r, selectedSubBudget: n, setSelectedSubBudget: c, updateBudget: u } = D(), { filter: d, setFilter: g } = Q(), [f, h] = l.useState(!1), [_, p] = l.useState(!1), [y, b] = l.useState("");
+}), zt = I(({ 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), [_, f] = l.useState(!1), [C, v] = l.useState("");
   l.useEffect(() => {
-    n && (b(`${n.amount}`), g({
+    o && (v(`${o.amount}`), m({
       ...d,
-      custom: (x) => x.category_guid === n.category_guid
+      custom: (B) => B.category_guid === o.category_guid
     }));
-  }, [n]);
+  }, [o]);
   const A = async () => {
-    n && await u({
-      ...n,
-      amount: Number(y)
+    o && await g({
+      ...o,
+      amount: Number(C)
     });
-  }, B = async () => {
-    n && await r(n.guid), p(!1), v();
-  }, v = () => {
-    g({
+  }, b = async () => {
+    o && await r(o.guid), f(!1), y();
+  }, y = () => {
+    m({
       ...d,
-      custom: (x) => x.category_guid === t.category_guid || x.top_level_category_guid === t.category_guid
+      custom: (B) => B.category_guid === t.category_guid || B.top_level_category_guid === t.category_guid
     }), c(void 0);
   };
-  return /* @__PURE__ */ m(l.Fragment, { children: [
-    /* @__PURE__ */ m(Y, { sx: { bgcolor: "background.paper" }, children: [
-      i.length === 0 ? /* @__PURE__ */ e(Nt, {}) : i.map((x) => /* @__PURE__ */ m(l.Fragment, { children: [
-        /* @__PURE__ */ e($t, { budget: x }),
-        /* @__PURE__ */ e(de, {})
-      ] }, x.guid)),
-      /* @__PURE__ */ e(Pt, { category: a, parentBudget: t })
+  return /* @__PURE__ */ u(l.Fragment, { children: [
+    /* @__PURE__ */ u(Z, { sx: { bgcolor: "background.paper" }, children: [
+      i.length === 0 ? /* @__PURE__ */ e(Gt, {}) : i.map((B) => /* @__PURE__ */ u(l.Fragment, { children: [
+        /* @__PURE__ */ e(jt, { budget: B }),
+        /* @__PURE__ */ e(ge, {})
+      ] }, B.guid)),
+      /* @__PURE__ */ e(Ft, { category: n, parentBudget: t })
     ] }),
     /* @__PURE__ */ e(
-      $,
+      k,
       {
-        ariaLabelClose: o.close_aria,
-        isOpen: !!n,
-        onClose: v,
+        ariaLabelClose: a.close_aria,
+        isOpen: !!o,
+        onClose: y,
         onPrimaryAction: () => h(!0),
-        onSecondaryAction: () => p(!0),
+        onSecondaryAction: () => f(!0),
         primaryText: s.details_edit_button,
         secondaryText: s.details_delete_button,
         title: s.details_title,
-        children: n && /* @__PURE__ */ m(S, { gap: 24, children: [
-          /* @__PURE__ */ e(Ke, { budget: n }),
-          /* @__PURE__ */ e(Ae, { height: "100%" })
+        children: o && /* @__PURE__ */ u(x, { gap: 24, children: [
+          /* @__PURE__ */ e(Ze, { budget: o }),
+          /* @__PURE__ */ e(De, { height: "100%" })
         ] })
       }
     ),
-    n && /* @__PURE__ */ m(l.Fragment, { children: [
+    o && /* @__PURE__ */ u(l.Fragment, { children: [
       /* @__PURE__ */ e(
         U,
         {
-          copy: { close_aria: o.close_aria, title: s.details_edit_title },
-          disablePrimaryButton: Number(y) <= 0,
-          isOpen: f,
+          copy: { close_aria: a.close_aria, title: s.details_edit_title },
+          disablePrimaryButton: Number(C) <= 0,
+          isOpen: p,
           onClose: () => h(!1),
           onPrimaryAction: A,
           primaryText: s.edit_save_button,
           children: /* @__PURE__ */ e(
-            pe,
+            be,
             {
-              amount: y,
-              categoryName: n.category.name,
-              onAmountChanged: b
+              amount: C,
+              categoryName: o.category.name,
+              onAmountChanged: v
             }
           )
         }
@@ -717,36 +718,36 @@ const Rt = ({
       /* @__PURE__ */ e(
         U,
         {
-          copy: { close_aria: o.close_aria, title: s.delete_title },
+          copy: { close_aria: a.close_aria, title: s.delete_title },
           isOpen: _,
-          onClose: () => p(!1),
-          onPrimaryAction: B,
+          onClose: () => f(!1),
+          onPrimaryAction: b,
           primaryColor: "error",
           primaryText: "Delete",
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(C, { variant: "Paragraph", children: M(s.delete_description, n.category.name) })
+          children: /* @__PURE__ */ e(S, { variant: "Paragraph", children: R(s.delete_description, o.category.name) })
         }
       )
     ] })
   ] });
-}), jt = E(({ budget: t }) => {
-  const { is_mobile_webview: a } = $e(), { setAlert: i } = D(), { budgets: s, common: o, transactions: r } = w(), { isDesktop: n, isSmallTablet: c, isTablet: u } = me(), {
+}), Ut = I(({ budget: t }) => {
+  const { is_mobile_webview: n } = je(), { setAlert: i } = E(), { budgets: s, common: a, transactions: r } = D(), { isDesktop: o, isSmallTablet: c, isTablet: g } = he(), {
     sortedTransactions: d,
-    sortedTransactionsWithSplits: g,
-    tags: f
-  } = Q(), [h, _] = l.useState(0), [p, y] = l.useState(""), b = l.useMemo(
-    () => d.find((x) => x.guid === p),
-    [p, d]
-  ), A = (x, O) => {
+    sortedTransactionsWithSplits: m,
+    tags: p
+  } = ee(), [h, _] = l.useState(0), [f, C] = l.useState(""), v = l.useMemo(
+    () => d.find((B) => B.guid === f),
+    [f, d]
+  ), A = (B, O) => {
     _(O);
-  }, B = () => {
-    ot(g, f), i(s.alert_csv_downloaded);
-  }, v = d.length > 0 && !a && (n || u && !c);
-  return /* @__PURE__ */ m(S, { gap: 24, children: [
-    /* @__PURE__ */ e(Ke, { budget: t }),
-    /* @__PURE__ */ m(S, { children: [
-      /* @__PURE__ */ m(
-        tt,
+  }, b = () => {
+    rt(m, p), i(s.alert_csv_downloaded);
+  }, y = d.length > 0 && !n && (o || g && !c);
+  return /* @__PURE__ */ u(x, { gap: 24, children: [
+    /* @__PURE__ */ e(Ze, { budget: t }),
+    /* @__PURE__ */ u(x, { children: [
+      /* @__PURE__ */ u(
+        at,
         {
           onChange: A,
           sx: { width: "100%" },
@@ -754,94 +755,94 @@ const Rt = ({
           value: h,
           variant: "fullWidth",
           children: [
-            /* @__PURE__ */ e(Ie, { label: s.details_transactions_tab }),
-            /* @__PURE__ */ e(Ie, { label: s.details_subbudgets_tab })
+            /* @__PURE__ */ e(Re, { label: s.details_transactions_tab }),
+            /* @__PURE__ */ e(Re, { label: s.details_subbudgets_tab })
           ]
         }
       ),
-      h === 0 && /* @__PURE__ */ m(S, { children: [
-        v && /* @__PURE__ */ e(S, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
-          xe,
+      h === 0 && /* @__PURE__ */ u(x, { children: [
+        y && /* @__PURE__ */ e(x, { direction: "row", justifyContent: "right", mb: -24, mr: 8, mt: 8, zIndex: 1, children: /* @__PURE__ */ e(
+          Te,
           {
-            onClick: B,
+            onClick: b,
             startIcon: /* @__PURE__ */ e(j, { name: "ios_share" }),
             variant: "text",
             children: r.export_csv_btn
           }
         ) }),
-        /* @__PURE__ */ e(Ae, { height: "100%", onClick: y })
+        /* @__PURE__ */ e(De, { height: "100%", onClick: C })
       ] }),
-      h === 1 && /* @__PURE__ */ e(Gt, { budget: t }),
+      h === 1 && /* @__PURE__ */ e(zt, { budget: t }),
       /* @__PURE__ */ e(
-        $,
+        k,
         {
-          ariaLabelClose: o.close_aria,
-          isOpen: !!b,
-          onClose: () => y(""),
+          ariaLabelClose: a.close_aria,
+          isOpen: !!v,
+          onClose: () => C(""),
           title: s.details_transaction_drawer,
-          children: b && /* @__PURE__ */ e(nt, { transaction: b })
+          children: v && /* @__PURE__ */ e(st, { transaction: v })
         }
       )
     ] })
   ] });
-}), Ft = E(() => {
-  const { selectedAccountGuids: t } = J(), { budgets: a, common: i } = w(), {
+}), Wt = I(() => {
+  const { selectedAccountGuids: t } = Q(), { budgets: n, common: i } = D(), {
     alert: s,
-    dateRange: o,
+    dateRange: a,
     deleteBudget: r,
-    selectedBudget: n,
+    selectedBudget: o,
     selectedSubBudget: c,
-    setAlert: u,
+    setAlert: g,
     setSelectedBudget: d,
-    updateBudget: g
-  } = D(), { setFilter: f } = Q(), [h, _] = l.useState(!1), [p, y] = l.useState(!1), [b, A] = l.useState(!1), [B, v] = l.useState("");
+    updateBudget: m
+  } = E(), { setFilter: p } = ee(), [h, _] = l.useState(!1), [f, C] = l.useState(!1), [v, A] = l.useState(!1), [b, y] = l.useState("");
   l.useEffect(() => {
-    n && !c && (v(`${n.amount}`), _(!0), f({
+    o && !c && (y(`${o.amount}`), _(!0), p({
       accounts: t,
-      dateRange: o,
-      custom: (k) => k.category_guid === n.category_guid || k.top_level_category_guid === n.category_guid,
+      dateRange: a,
+      custom: (N) => N.category_guid === o.category_guid || N.top_level_category_guid === o.category_guid,
       showSplits: !0
     }));
-  }, [n]);
-  const x = async () => {
-    n && (await g({
-      ...n,
-      amount: Number(B),
-      percentage: n.category.totalAmount / Number(B) * 100
-    }), y(!1), u(M(a.alert_budget_updated, n.category.name)));
+  }, [o]);
+  const B = async () => {
+    o && (await m({
+      ...o,
+      amount: Number(b),
+      percentage: o.category.totalAmount / Number(b) * 100
+    }), C(!1), g(R(n.alert_budget_updated, o.category.name)));
   }, O = async () => {
-    n && (await r(n.guid), u(M(a.alert_budget_deleted, n.category.name))), L();
+    o && (await r(o.guid), g(R(n.alert_budget_deleted, o.category.name))), L();
   }, L = () => {
     _(!1), setTimeout(() => {
       d(void 0);
     }, 250);
-  }, I = () => {
-    y(!1), v(`${n?.amount}`);
+  }, w = () => {
+    C(!1), y(`${o?.amount}`);
   };
-  if (n)
-    return /* @__PURE__ */ m(l.Fragment, { children: [
-      /* @__PURE__ */ m(
-        $,
+  if (o)
+    return /* @__PURE__ */ u(l.Fragment, { children: [
+      /* @__PURE__ */ u(
+        k,
         {
           ariaLabelClose: i.close_aria,
           isOpen: h,
           onClose: L,
-          onPrimaryAction: () => y(!0),
+          onPrimaryAction: () => C(!0),
           onSecondaryAction: () => A(!0),
-          primaryText: a.details_edit_button,
+          primaryText: n.details_edit_button,
           secondaryColor: "error",
-          secondaryText: a.details_delete_button,
-          title: a.details_title,
+          secondaryText: n.details_delete_button,
+          title: n.details_title,
           children: [
-            /* @__PURE__ */ e(jt, { budget: n }),
+            /* @__PURE__ */ e(Ut, { budget: o }),
             /* @__PURE__ */ e(
-              Ne,
+              ve,
               {
                 anchorOrigin: { vertical: "bottom", horizontal: "right" },
                 autoHideDuration: 3500,
-                onClose: () => u(""),
+                onClose: () => g(""),
                 open: !!s,
-                children: /* @__PURE__ */ e(ke, { closeText: "", onClose: () => u(""), severity: "success", variant: "filled", children: s })
+                children: /* @__PURE__ */ e(Ae, { closeText: "", onClose: () => g(""), severity: "success", variant: "filled", children: s })
               }
             )
           ]
@@ -850,19 +851,19 @@ const Rt = ({
       /* @__PURE__ */ e(
         U,
         {
-          copy: { close_aria: i.close_aria, title: a.details_edit_title },
-          disablePrimaryButton: Number(B) <= 0,
-          isOpen: p,
-          onClose: I,
-          onPrimaryAction: x,
-          onSecondaryAction: I,
-          primaryText: a.edit_save_button,
+          copy: { close_aria: i.close_aria, title: n.details_edit_title },
+          disablePrimaryButton: Number(b) <= 0,
+          isOpen: f,
+          onClose: w,
+          onPrimaryAction: B,
+          onSecondaryAction: w,
+          primaryText: n.edit_save_button,
           children: /* @__PURE__ */ e(
-            pe,
+            be,
             {
-              amount: B,
-              categoryName: n.category.name,
-              onAmountChanged: v
+              amount: b,
+              categoryName: o.category.name,
+              onAmountChanged: y
             }
           )
         }
@@ -870,264 +871,264 @@ const Rt = ({
       /* @__PURE__ */ e(
         U,
         {
-          copy: { close_aria: i.close_aria, title: a.delete_title },
-          isOpen: b,
+          copy: { close_aria: i.close_aria, title: n.delete_title },
+          isOpen: v,
           onClose: () => A(!1),
           onPrimaryAction: O,
           primaryColor: "error",
-          primaryText: a.details_delete_button,
+          primaryText: n.details_delete_button,
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(C, { variant: "Paragraph", children: M(a.delete_description, n.category.name) })
+          children: /* @__PURE__ */ e(S, { variant: "Paragraph", children: R(n.delete_description, o.category.name) })
         }
       )
     ] });
-}), zt = ({ budget: t, onClick: a }) => {
+}), Ht = ({ budget: t, onClick: n }) => {
   const {
     amount: i,
-    budgetColors: { background: s, description: o },
+    budgetColors: { background: s, description: a },
     category_guid: r,
-    description: n,
+    description: o,
     percentage: c,
-    subBudgets: u,
+    subBudgets: g,
     transaction_total: d
   } = t;
-  return /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ m(te, { onClick: () => a?.(t), children: [
-    /* @__PURE__ */ e(ue, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(je, { color: s, percent: c, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: r, variant: "basic" }) }) }),
+  return /* @__PURE__ */ e(te, { children: /* @__PURE__ */ u(oe, { onClick: () => n?.(t), children: [
+    /* @__PURE__ */ e(pe, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Ue, { color: s, percent: c, size: 40, children: /* @__PURE__ */ e(H, { categoryGuid: r, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
-      oe,
+      ne,
       {
-        primary: /* @__PURE__ */ m(S, { component: "span", direction: "row", justifyContent: "space-between", children: [
-          /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: t.category.name }),
-          /* @__PURE__ */ e(C, { fontWeight: 400, variant: "Body", children: `
+        primary: /* @__PURE__ */ u(x, { 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__ */ m(S, { component: "span", direction: "row", justifyContent: "space-between", children: [
-          /* @__PURE__ */ e(C, { variant: "XSmall", children: `${u.length} Sub-budgets` }),
-          /* @__PURE__ */ e(C, { bold: c > 100, color: o, variant: "XSmall", children: n })
+        secondary: /* @__PURE__ */ u(x, { 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 })
         ] })
       }
     )
   ] }) });
-}, Ut = E(() => {
-  const { onEvent: t } = q(), { budgets: a } = w(), { detailedBudgets: i, setSelectedBudget: s } = D(), o = (r) => {
+}, Vt = I(() => {
+  const { onEvent: t } = J(), { budgets: n } = D(), { detailedBudgets: i, setSelectedBudget: s } = E(), a = (r) => {
     s(r), t(G.BUDGETS_CLICK_BUDGET_CATEGORY, {
       budget_category: r.category.name,
       click_type: "list"
     });
   };
-  return /* @__PURE__ */ m(ve, { elevation: 2, children: [
-    /* @__PURE__ */ e(we, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Se, { children: a.budget_categories_title }) }),
-    /* @__PURE__ */ e(Te, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(Y, { children: i.map((r) => /* @__PURE__ */ m(l.Fragment, { children: [
-      /* @__PURE__ */ e(zt, { budget: r, onClick: o }),
-      /* @__PURE__ */ e(de, {})
+  return /* @__PURE__ */ u(Ee, { elevation: 2, children: [
+    /* @__PURE__ */ e(We, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Ge, { children: n.budget_categories_title }) }),
+    /* @__PURE__ */ e(we, { sx: { p: 0, ":last-child": { p: 0 } }, children: /* @__PURE__ */ e(Z, { children: i.map((r) => /* @__PURE__ */ u(l.Fragment, { children: [
+      /* @__PURE__ */ e(Ht, { budget: r, onClick: a }),
+      /* @__PURE__ */ e(ge, {})
     ] }, r.guid)) }) })
   ] });
-}), Wt = E(() => {
-  const t = ie(), { onEvent: a } = q(), { visibleAccounts: i } = Pe(), { budgets: s, common: o, recurring: r } = w(), { incomeCategories: n, spendCategories: c } = Z(), { detailedBudgets: u, totalBudgeted: d } = D(), { incomeTotal: g } = ce(), { setFilter: f } = Q(), [h, _] = l.useState(!1), [p, y] = l.useMemo(() => {
-    const v = c.reduce((I, k) => I + k.totalAmount, 0);
-    let x = v / d;
-    x > 1 && (x = 1);
+}), Kt = I(() => {
+  const t = de(), { onEvent: n } = J(), { visibleAccounts: i } = Fe(), { budgets: s, common: a, recurring: r } = D(), { incomeCategories: o, spendCategories: c } = q(), { detailedBudgets: g, totalBudgeted: d } = E(), { incomeTotal: m } = ue(), { setFilter: p } = ee(), [h, _] = l.useState(!1), [f, C] = l.useMemo(() => {
+    const y = c.reduce((w, N) => w + N.totalAmount, 0);
+    let B = y / d;
+    B > 1 && (B = 1);
     let O = t.palette.success.main;
-    x > 0.8 && x < 1 ? O = t.palette.warning.main : x >= 1 && (O = t.palette.error.main);
+    B > 0.8 && B < 1 ? O = t.palette.warning.main : B >= 1 && (O = t.palette.error.main);
     const L = [
       {
         color: O,
-        percentage: `${x}`
+        percentage: `${B}`
       }
     ];
-    return [v, L];
-  }, [u, c]), [b, A] = l.useMemo(() => {
-    const v = Math.abs(
-      n.reduce((L, I) => L + I.totalAmount, 0)
+    return [y, L];
+  }, [g, c]), [v, A] = l.useMemo(() => {
+    const y = Math.abs(
+      o.reduce((L, w) => L + w.totalAmount, 0)
     );
-    let x = v / g;
-    x > 1 && (x = 1);
+    let B = y / m;
+    B > 1 && (B = 1);
     const O = [
       {
         color: t.palette.secondary.main,
-        percentage: `${x}`
+        percentage: `${B}`
       }
     ];
-    return [v, O];
-  }, [n, g]), B = () => {
-    f({
-      accounts: i.map((v) => v.guid),
+    return [y, O];
+  }, [o, m]), b = () => {
+    p({
+      accounts: i.map((y) => y.guid),
       dateRange: {
-        start: st(/* @__PURE__ */ new Date(), 90),
+        start: lt(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
       }
-    }), _(!0), a(G.BUDGETS_CLICK_EDIT_INCOME);
+    }), _(!0), n(G.BUDGETS_CLICK_EDIT_INCOME);
   };
-  return /* @__PURE__ */ m(ve, { elevation: 2, sx: { overflow: "visible" }, children: [
-    /* @__PURE__ */ e(we, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Se, { children: s.overview_title }) }),
-    /* @__PURE__ */ e(Te, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ m(S, { gap: 24, children: [
-      /* @__PURE__ */ m(S, { gap: 8, children: [
-        /* @__PURE__ */ e(C, { bold: !0, sx: { mb: 8 }, variant: "Body", children: s.spending_title }),
-        /* @__PURE__ */ e(Be, { data: y, height: 16 }),
-        /* @__PURE__ */ e(C, { variant: "Small", children: M(
+  return /* @__PURE__ */ u(Ee, { elevation: 2, sx: { overflow: "visible" }, children: [
+    /* @__PURE__ */ e(We, { sx: { pb: 8, pl: 24 }, title: /* @__PURE__ */ e(Ge, { children: s.overview_title }) }),
+    /* @__PURE__ */ e(we, { sx: { pt: 12, px: 24 }, children: /* @__PURE__ */ u(x, { gap: 24, children: [
+      /* @__PURE__ */ u(x, { gap: 8, children: [
+        /* @__PURE__ */ e(S, { bold: !0, sx: { mb: 8 }, variant: "Body", children: s.spending_title }),
+        /* @__PURE__ */ e(xe, { data: C, height: 16 }),
+        /* @__PURE__ */ e(S, { variant: "Small", children: R(
           s.spending_description,
-          T(p, "0,0"),
+          T(f, "0,0"),
           T(d, "0,0")
         ) })
       ] }),
-      /* @__PURE__ */ m(S, { gap: 8, children: [
-        /* @__PURE__ */ m(S, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
-          /* @__PURE__ */ e(C, { bold: !0, variant: "Body", children: s.income_title }),
+      /* @__PURE__ */ u(x, { gap: 8, children: [
+        /* @__PURE__ */ u(x, { alignItems: "center", direction: "row", gap: 4, mb: -4, children: [
+          /* @__PURE__ */ e(S, { bold: !0, variant: "Body", children: s.income_title }),
           /* @__PURE__ */ e(
-            it,
+            dt,
             {
               "aria-label": r.manage_income,
-              onClick: B,
+              onClick: b,
               sx: { p: 0 },
               children: /* @__PURE__ */ e(j, { color: "primary", name: "edit" })
             }
           )
         ] }),
-        /* @__PURE__ */ e(Be, { data: A, height: 16 }),
-        /* @__PURE__ */ e(C, { variant: "Small", children: M(
+        /* @__PURE__ */ e(xe, { data: A, height: 16 }),
+        /* @__PURE__ */ e(S, { variant: "Small", children: R(
           s.income_description,
-          T(b, "0,0"),
-          T(g, "0,0")
+          T(v, "0,0"),
+          T(m, "0,0")
         ) })
       ] })
     ] }) }),
     /* @__PURE__ */ e(
-      $,
+      k,
       {
-        ariaLabelClose: o.close_aria,
+        ariaLabelClose: a.close_aria,
         isOpen: h,
         onClose: () => _(!1),
         title: r.manage_income,
-        children: /* @__PURE__ */ e(ct, { forOverview: !0 })
+        children: /* @__PURE__ */ e(ut, { forOverview: !0 })
       }
     )
   ] });
-}), Le = 480, qo = E(({ onBackClick: t, sx: a }) => {
-  const i = ie(), { onEvent: s } = q(), { visibleAccounts: o } = Pe(), { budgets: r, common: n } = w(), { isInitialized: c, selectedAccounts: u, setDisplayedDate: d } = J(), {
-    alert: g,
-    dateRange: f,
+}), $e = 480, tn = I(({ onBackClick: t, sx: n }) => {
+  const i = de(), { onEvent: s } = J(), { visibleAccounts: a } = Fe(), { budgets: r, common: o } = D(), { isInitialized: c, selectedAccounts: g, setDisplayedDate: d } = Q(), {
+    alert: m,
+    dateRange: p,
     isDataLoaded: h,
     loadBudgetData: _,
-    setDateRange: p,
-    setAlert: y,
-    setTheme: b,
+    setDateRange: f,
+    setAlert: C,
+    setTheme: v,
     detailedBudgets: A
-  } = D(), { setDateRange: B } = ce(), { loadDateRangeCategoryTotals: v } = Z(), { isSmallTablet: x, isMobile: O, isSmallMobile: L } = me(), I = x || O || L, [k, P] = l.useState(!1);
-  Fe({
+  } = E(), { setDateRange: b } = ue(), { loadDateRangeCategoryTotals: y } = q(), { isSmallTablet: B, isMobile: O, isSmallMobile: L } = he(), w = B || O || L, [N, $] = l.useState(!1);
+  He({
     widgetName: "BubbleBudgetsWidget",
     isLoaded: h
   }), l.useEffect(() => {
-    b(i), h || _().finally(() => {
+    v(i), h || _().finally(() => {
       s(G.BUDGETS_VIEW);
     });
-  }, []), l.useEffect(() => (p({ start: re(ae()), end: Ce(ae()) }), () => {
-    p({ start: re(ae()), end: Ce(ae()) });
-  }), [o]), l.useEffect(() => {
-    c && (d(f.start, f.end), v(u, f.start, f.end).finally(), B(f));
-  }, [c, u, f]);
-  const N = (V) => {
-    p({ start: V[0] || /* @__PURE__ */ new Date(), end: V[1] || /* @__PURE__ */ new Date() });
-  }, K = () => {
+  }, []), l.useEffect(() => (f({ start: ce(se()), end: Be(se()) }), () => {
+    f({ start: ce(se()), end: Be(se()) });
+  }), [a]), l.useEffect(() => {
+    c && (d(p.start, p.end), y(g, p.start, p.end).finally(), b(p));
+  }, [c, g, p]);
+  const P = (re) => {
+    f({ start: re[0] || /* @__PURE__ */ new Date(), end: re[1] || /* @__PURE__ */ new Date() });
+  }, V = () => {
     s(G.BUDGETS_CLICK_FILTER);
+  }, ae = () => {
+    $(!0), s(G.BUDGETS_CLICK_ADD);
   }, F = () => {
-    P(!0), s(G.BUDGETS_CLICK_ADD);
-  }, he = () => {
-    P(!1);
-  }, ne = () => {
-    P(!1);
-  }, fe = Xe(f.end, re(/* @__PURE__ */ new Date()));
-  return !c || !h ? /* @__PURE__ */ e(ge, {}) : /* @__PURE__ */ m(
-    lt,
+    $(!1);
+  }, K = () => {
+    $(!1);
+  }, X = Je(p.end, ce(/* @__PURE__ */ new Date()));
+  return !c || !h ? /* @__PURE__ */ e(fe, {}) : /* @__PURE__ */ u(
+    mt,
     {
       actions: [
         {
           iconName: "add",
           label: r.add_title,
-          onClick: F
+          onClick: ae
         }
       ],
       calendarActions: {
-        onRangeChanged: N,
-        shouldDisableNext: fe,
+        onRangeChanged: P,
+        shouldDisableNext: X,
         shouldDisablePicker: !0
       },
-      onAccountsFilterClick: K,
+      onAccountsFilterClick: V,
       onBackClick: t,
-      sx: a,
+      sx: n,
       title: r.budgets_title,
       children: [
-        /* @__PURE__ */ m(
-          S,
+        /* @__PURE__ */ u(
+          x,
           {
-            direction: I ? "column" : "row",
+            direction: w ? "column" : "row",
             height: "100%",
             sx: { justifyContent: "center" },
             width: "100%",
             children: [
-              /* @__PURE__ */ e(S, { height: I ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
-                He,
+              /* @__PURE__ */ e(x, { height: w ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
+                Ye,
                 {
-                  createBudgetOnClick: F,
-                  height: I ? 450 : 800,
+                  createBudgetOnClick: ae,
+                  height: w ? 450 : 800,
                   isDraggable: !0,
                   shouldShowZeroState: A.length === 0,
-                  unavailableWidth: I ? 0 : Le
+                  unavailableWidth: w ? 0 : $e
                 }
               ) }),
-              A.length !== 0 && /* @__PURE__ */ m(
-                S,
+              A.length !== 0 && /* @__PURE__ */ u(
+                x,
                 {
                   gap: 24,
                   height: "100%",
                   sx: { mr: 24, mt: 48 },
-                  width: I ? "100%" : Le,
+                  width: w ? "100%" : $e,
                   children: [
-                    /* @__PURE__ */ e(Wt, {}),
-                    /* @__PURE__ */ e(Ut, {})
+                    /* @__PURE__ */ e(Kt, {}),
+                    /* @__PURE__ */ e(Vt, {})
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e(Ft, {}),
+        /* @__PURE__ */ e(Wt, {}),
         /* @__PURE__ */ e(
-          $,
+          k,
           {
-            ariaLabelClose: n.close_aria,
-            isOpen: k,
-            onClose: () => P(!1),
+            ariaLabelClose: o.close_aria,
+            isOpen: N,
+            onClose: () => $(!1),
             title: r.add_new_title,
             children: /* @__PURE__ */ e(
-              ze,
+              Ve,
               {
-                onAddBudget: he,
-                onRecalculateBudgets: ne
+                onAddBudget: F,
+                onRecalculateBudgets: K
               }
             )
           }
         ),
         /* @__PURE__ */ e(
-          Ne,
+          ve,
           {
             anchorOrigin: { vertical: "bottom", horizontal: "right" },
             autoHideDuration: 3500,
             onClose: () => {
-              y("");
+              C("");
             },
-            open: !!g,
+            open: !!m,
             children: /* @__PURE__ */ e(
-              ke,
+              Ae,
               {
                 closeText: "",
                 onClose: () => {
-                  y("");
+                  C("");
                 },
                 severity: "success",
                 variant: "filled",
-                children: g
+                children: m
               }
             )
           }
@@ -1135,87 +1136,87 @@ const Rt = ({
       ]
     }
   );
-}), Ht = ({
+}), Xt = ({
   budgetsCopy: t,
-  difference: a,
+  difference: n,
   handleAddClick: i,
   shouldShowZeroState: s
 }) => {
-  const { availableHeight: o = 0 } = le(), r = l.useRef(null);
+  const { availableHeight: a = 0 } = me(), r = l.useRef(null);
   l.useEffect(() => {
-    o > 0 && r.current === null && (r.current = o);
-  }, [o]);
-  const n = l.useMemo(() => {
-    const c = r.current ?? o;
+    a > 0 && r.current === null && (r.current = a);
+  }, [a]);
+  const o = l.useMemo(() => {
+    const c = r.current ?? a;
     return c > 0 ? Math.round(Math.max(120, Math.min(450, c * 0.8))) - 40 : 450;
-  }, [o]);
-  return /* @__PURE__ */ m(S, { sx: { height: "100%", justifyContent: "space-between" }, children: [
+  }, [a]);
+  return /* @__PURE__ */ u(x, { sx: { height: "100%", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(
-      He,
+      Ye,
       {
         createBudgetOnClick: i,
-        height: n,
+        height: o,
         isMiniWidget: !0,
         shouldShowZeroState: s
       }
     ),
-    !s && /* @__PURE__ */ m(W, { ml: 16, children: [
-      /* @__PURE__ */ e(C, { bold: !0, color: a < 0 ? "error.main" : "success.main", children: T(Math.abs(a), "0,0") }),
-      /* @__PURE__ */ e(C, { children: a < 0 ? t.overspent_in_budgets : t.left_in_budgets })
+    !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 })
     ] })
   ] });
-}, Kt = (t) => {
-  const a = ie(), { onEvent: i } = q(), { detailedBudgets: s, isDataLoaded: o, loadBudgetData: r, setTheme: n } = D(), { budgets: c, common: u } = w(), { isInitialized: d, selectedAccounts: g } = J(), { loadDateRangeCategoryTotals: f } = Z(), h = dt(), [_, p] = l.useState(!1);
+}, Yt = (t) => {
+  const n = de(), { onEvent: i } = J(), { detailedBudgets: s, isDataLoaded: a, loadBudgetData: r, setTheme: o } = E(), { budgets: c, common: g } = D(), { isInitialized: d, selectedAccounts: m } = Q(), { loadDateRangeCategoryTotals: p } = q(), h = gt(), [_, f] = l.useState(!1);
   l.useEffect(() => {
-    o || r().finally();
+    a || r().finally();
   }, []), l.useEffect(() => {
-    n(a);
-  }, [a]), l.useEffect(() => {
-    d && !o && f(
-      g,
-      re(/* @__PURE__ */ new Date()),
-      Ce(/* @__PURE__ */ new Date())
+    o(n);
+  }, [n]), l.useEffect(() => {
+    d && !a && p(
+      m,
+      ce(/* @__PURE__ */ new Date()),
+      Be(/* @__PURE__ */ new Date())
     ).finally();
-  }, [d, g, o]);
-  const y = () => {
-    p(!0), i(G.BUDGETS_CLICK_ADD);
-  }, b = () => {
-    p(!1);
-  }, A = () => p(!1);
-  if (Fe({
+  }, [d, m, a]);
+  const C = () => {
+    f(!0), i(G.BUDGETS_CLICK_ADD);
+  }, v = () => {
+    f(!1);
+  }, A = () => f(!1);
+  if (He({
     widgetName: "BubbleBudgetsMiniWidget",
-    isLoaded: o
-  }), !d || !o) return /* @__PURE__ */ e(ge, {});
-  const B = s.length === 0;
-  return /* @__PURE__ */ m(
-    mt,
+    isLoaded: a
+  }), !d || !a) return /* @__PURE__ */ e(fe, {});
+  const b = s.length === 0;
+  return /* @__PURE__ */ u(
+    ht,
     {
       contentStyles: { height: "calc(100% - 66px)", ":last-child": { pb: 0 } },
-      primaryCtaLabel: B ? c.get_started_cta : c.details_cta,
+      primaryCtaLabel: b ? c.get_started_cta : c.details_cta,
       sx: { height: "100%" },
       title: c.budgets_title,
       ...t,
       children: [
         /* @__PURE__ */ e(
-          Ht,
+          Xt,
           {
             budgetsCopy: c,
             difference: h,
-            handleAddClick: y,
-            shouldShowZeroState: B
+            handleAddClick: C,
+            shouldShowZeroState: b
           }
         ),
         /* @__PURE__ */ e(
-          $,
+          k,
           {
-            ariaLabelClose: u.close_aria,
+            ariaLabelClose: g.close_aria,
             isOpen: _,
-            onClose: () => p(!1),
+            onClose: () => f(!1),
             title: c.add_new_title,
             children: /* @__PURE__ */ e(
-              ze,
+              Ve,
               {
-                onAddBudget: b,
+                onAddBudget: v,
                 onRecalculateBudgets: A
               }
             )
@@ -1224,182 +1225,200 @@ const Rt = ({
       ]
     }
   );
-}, Jo = E(Kt), Vt = ({ onClose: t, onViewHistory: a }) => {
+}, on = I(Yt), ie = {
+  CANCEL_DELETE: "Cancel - Delete",
+  END_SAVE: "End - Save",
+  END_START: "End - Start",
+  START_DELETE: "Start - Delete"
+}, Zt = ({ onClose: t, onEvent: n, onViewHistory: i }) => {
   const {
-    dateRange: i,
-    deleteBudget: s,
+    alert: s,
+    dateRange: a,
+    deleteBudget: r,
     selectedBudget: o,
-    selectedSubBudget: r,
-    setSelectedBudget: n,
-    updateBudget: c
-  } = D(), { budgets: u, common: d } = w(), { isCopyLoaded: g, selectedAccountGuids: f } = J(), h = Ge(), { setFilter: _ } = Q(), [p, y] = l.useState(""), [b, A] = l.useState(null), [B, v] = l.useState(!1);
+    selectedSubBudget: c,
+    setAlert: g,
+    setSelectedBudget: d,
+    updateBudget: m
+  } = E(), { budgets: p, common: h } = D(), { isCopyLoaded: _, selectedAccountGuids: f } = Q(), C = ze(), { setFilter: v } = ee(), [A, b] = l.useState(""), [y, B] = l.useState(null), [O, L] = l.useState(!1);
   if (l.useEffect(() => {
-    !o || r || (y(`${o.amount}`), _({
+    !o || c || (b(`${o.amount}`), v({
       accounts: f,
-      dateRange: i,
-      custom: ({ category_guid: X, top_level_category_guid: be }) => {
-        const { category_guid: De } = o;
-        return X === De || be === De;
+      dateRange: a,
+      custom: ({ category_guid: Y, top_level_category_guid: _e }) => {
+        const { category_guid: Oe } = o;
+        return Y === Oe || _e === Oe;
       },
       showSplits: !0
-    }), v(!0));
-  }, [o]), !g) return /* @__PURE__ */ e(ge, {});
+    }), L(!0));
+  }, [o]), !_) return /* @__PURE__ */ e(fe, {});
   if (!o) return null;
-  const x = () => {
-    y(""), A(null), v(!1), setTimeout(() => {
-      n(void 0), t?.();
+  const w = () => {
+    b(""), B(null), L(!1), setTimeout(() => {
+      d(void 0), t?.();
     }, 250);
-  }, O = () => {
-    y(o.amount ? `${o.amount}` : ""), A(null);
-  }, L = async () => {
-    b === "edit" && (await c({
+  }, N = () => {
+    y === "delete" && n?.(ie.CANCEL_DELETE, A), b(o.amount ? `${o.amount}` : ""), B(null);
+  }, $ = async () => {
+    y === "edit" && (await m({
       ...o,
-      amount: Number(p)
-    }), A(null)), b === "delete" && (await s(o.guid), x());
-  }, I = o.transaction_total ?? 0, k = o.amount ?? 0, P = Math.max(0, k - I), N = k > 0 ? Math.min(100, I / k * 100) : 0, K = {
+      amount: Number(A)
+    }), n?.(ie.END_SAVE, A), g(
+      R(p.alert_budget_updated, o.category.name)
+    ), B(null)), y === "delete" && (await r(o.guid), n?.(ie.END_START, A), w());
+  }, P = o.transaction_total ?? 0, V = o.amount ?? 0, ae = Math.max(0, V - P), F = V > 0 ? Math.min(100, P / V * 100) : 0, K = {
     off: {
-      iconColor: "error",
-      iconName: "error",
-      statusName: u.status_off_track
+      iconColor: "error"
     },
     on: {
-      iconColor: "success",
-      iconName: "check_circle",
-      statusName: u.status_on_track
+      iconColor: "success"
     },
     near: {
-      iconColor: "warning",
-      iconName: "info",
-      statusName: u.status_near
+      iconColor: "warning"
     }
   };
-  let F = K.on;
-  N >= 100 ? F = K.off : N >= 50 && (F = K.near);
-  const { statusName: he, iconColor: ne, iconName: fe } = F, V = (X, be) => M(X, /* @__PURE__ */ e("b", { children: be }));
-  return /* @__PURE__ */ m(l.Fragment, { children: [
-    /* @__PURE__ */ m(
-      $,
+  let X = K.on;
+  F >= 100 ? X = K.off : F >= 50 && (X = K.near);
+  const { iconColor: re } = X, Ie = (Y, _e) => R(Y, /* @__PURE__ */ e("b", { children: _e }));
+  return /* @__PURE__ */ u(l.Fragment, { children: [
+    /* @__PURE__ */ u(
+      k,
       {
-        ariaLabelClose: d.close_aria,
+        ariaLabelClose: h.close_aria,
         footerStyles: {
           px: 24,
           py: 16
         },
-        isOpen: B,
-        onClose: x,
-        onPrimaryAction: () => A(
+        isOpen: O,
+        onClose: w,
+        onPrimaryAction: () => B(
           "edit"
           /* EDIT */
         ),
-        onSecondaryAction: () => A(
-          "delete"
-          /* DELETE */
-        ),
-        primaryText: u.details_edit_button,
+        onSecondaryAction: () => {
+          n?.(ie.START_DELETE, A), B(
+            "delete"
+            /* DELETE */
+          );
+        },
+        primaryText: p.details_edit_button,
         secondaryColor: "error",
-        secondaryText: u.details_delete_button,
-        title: u.details_title,
+        secondaryText: p.details_delete_button,
+        sx: {
+          "& .list-wrapper": {
+            pr: 24
+          }
+        },
+        title: R(p.details_type_title, o.category.name),
         children: [
-          /* @__PURE__ */ m(W, { sx: { bgcolor: "background.paper" }, children: [
-            /* @__PURE__ */ e(
-              we,
-              {
-                subheader: /* @__PURE__ */ m(S, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
-                  /* @__PURE__ */ e(gt, { color: ne, fill: !0, name: fe }),
-                  /* @__PURE__ */ e(C, { color: "text.secondary", uppercase: !0, variant: "body2", children: he })
-                ] }),
-                sx: {
-                  alignItems: "flex-start",
-                  pb: 8,
-                  pt: 24,
-                  px: 24
-                },
-                title: /* @__PURE__ */ e(Se, { children: M(
-                  u.details_type_title,
-                  o.category.name
-                ) })
-              }
-            ),
-            /* @__PURE__ */ e(
-              ht,
-              {
-                amount: T(o.amount, "0,0.00"),
-                completeColor: `${ne}.main`,
-                icon: /* @__PURE__ */ e(
-                  H,
+          /* @__PURE__ */ u(
+            W,
+            {
+              sx: {
+                bgcolor: "background.paper",
+                borderBottomColor: "divider",
+                borderBottomStyle: "solid",
+                borderBottomWidth: 1
+              },
+              children: [
+                /* @__PURE__ */ u(
+                  x,
                   {
-                    categoryGuid: o.category.guid,
-                    size: 44,
                     sx: {
-                      bgcolor: et(Ee(o.category.guid, h), 0.15),
-                      border: `1px solid ${Ee(o.category.guid, h)}`,
-                      color: "text.primary"
-                    }
+                      alignItems: "center",
+                      flexDirection: "row",
+                      gap: 12,
+                      justifyContent: "space-between",
+                      pt: 16,
+                      px: 24
+                    },
+                    children: [
+                      /* @__PURE__ */ e(ye, { bold: !0, variant: "subtitle1", children: _t(o.start_date) }),
+                      i && /* @__PURE__ */ e(Te, { endIcon: /* @__PURE__ */ e(ft, {}), onClick: i, sx: { height: 28 }, children: /* @__PURE__ */ e(S, { bold: !0, variant: "body2", children: "Spending History" }) })
+                    ]
                   }
                 ),
-                label: V(
-                  u.spent_label,
-                  ft(new Date(o.start_date * 1e3), { month: "short" })
-                ),
-                leftLabel: M(u.percent_spent, N.toFixed()),
-                percentComplete: N,
-                rightLabel: M(
-                  u.balance_left,
-                  T(P, "0,0.00")
+                /* @__PURE__ */ e(
+                  bt,
+                  {
+                    amount: /* @__PURE__ */ u(x, { sx: { alignItems: "baseline", flexDirection: "row", gap: 4 }, children: [
+                      /* @__PURE__ */ e(Pe, { children: T(o.transaction_total, "0,0.00") }),
+                      /* @__PURE__ */ e(ye, { color: "text.secondary", variant: "body2", children: "/" }),
+                      /* @__PURE__ */ e(ye, { color: "text.secondary", variant: "body2", children: T(o.amount, "0,0.00") })
+                    ] }),
+                    completeColor: `${re}.main`,
+                    icon: /* @__PURE__ */ e(
+                      H,
+                      {
+                        categoryGuid: o.category.guid,
+                        size: 44,
+                        sx: {
+                          bgcolor: nt(Me(o.category.guid, C), 0.15),
+                          border: `1px solid ${Me(o.category.guid, C)}`,
+                          color: "text.primary"
+                        }
+                      }
+                    ),
+                    label: Ie(
+                      p.spent_label,
+                      yt(new Date(o.start_date * 1e3), { month: "short" })
+                    ),
+                    leftLabel: R(p.percent_spent, F.toFixed()),
+                    percentComplete: F,
+                    rightLabel: R(
+                      p.balance_left,
+                      T(ae, "0,0.00")
+                    ),
+                    sx: {
+                      pb: 24,
+                      pt: 16,
+                      px: 24
+                    }
+                  }
                 )
-              }
-            ),
-            /* @__PURE__ */ m(
-              S,
-              {
-                sx: {
-                  alignItems: "center",
-                  borderBottomColor: "divider",
-                  borderBottomStyle: "solid",
-                  borderBottomWidth: 1,
-                  flexDirection: "row",
-                  justifyContent: "space-between",
-                  pb: 4,
-                  pt: 16,
-                  px: 24
-                },
-                children: [
-                  /* @__PURE__ */ e(C, { bold: !0, variant: "body1", children: u.details_transactions_tab }),
-                  a && /* @__PURE__ */ e(xe, { endIcon: /* @__PURE__ */ e(pt, {}), onClick: a, sx: { height: 28 }, children: /* @__PURE__ */ e(C, { bold: !0, variant: "body2", children: d.view_history }) })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e(Ae, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(De, {}),
+          s && /* @__PURE__ */ e(
+            ve,
+            {
+              anchorOrigin: { horizontal: "right", vertical: "bottom" },
+              autoHideDuration: 3500,
+              onClose: () => g(""),
+              open: !!s,
+              children: /* @__PURE__ */ e(Ae, { closeText: "", onClose: () => g(""), severity: "success", variant: "filled", children: s })
+            }
+          )
         ]
       }
     ),
-    b && /* @__PURE__ */ e(
-      ut,
+    y && /* @__PURE__ */ e(
+      pt,
       {
-        closeAriaLabel: d.close_aria,
-        content: V(
-          u[b === "edit" ? "edit_budget_content" : "delete_description"],
+        closeAriaLabel: h.close_aria,
+        content: Ie(
+          p[y === "edit" ? "edit_budget_content" : "delete_description"],
           o.category.name
         ),
-        handleInputChange: (X) => y(X.toString()),
-        handleModalClose: O,
-        handlePrimaryAction: L,
-        handleSecondaryAction: O,
-        inputLabel: b === "edit" ? u.details_edit_title : "",
-        inputValue: p,
+        handleInputChange: (Y) => b(Y.toString()),
+        handleModalClose: N,
+        handlePrimaryAction: $,
+        handleSecondaryAction: N,
+        inputLabel: y === "edit" ? p.details_edit_title : "",
+        inputValue: A,
         isOpen: !0,
-        primaryColor: b === "edit" ? "primary" : "error",
-        primaryText: u[b === "edit" ? "add_save_button" : "details_delete_button"],
-        secondaryColor: b === "edit" ? "primary" : "inherit",
-        secondaryText: d.cancel_button,
-        title: u[b === "edit" ? "details_edit_title" : "delete_title"]
+        primaryColor: y === "edit" ? "primary" : "error",
+        primaryText: p[y === "edit" ? "add_save_button" : "details_delete_button"],
+        secondaryColor: y === "edit" ? "primary" : "inherit",
+        secondaryText: h.cancel_button,
+        title: p[y === "edit" ? "details_edit_title" : "delete_title"]
       }
     )
   ] });
-}, Qo = E(Vt);
+}, nn = I(Zt);
 export {
-  Jo as BubbleBudgetsMiniWidget,
-  qo as BubbleBudgetsWidget,
-  Qo as BudgetDetailsDrawerV2
+  on as BubbleBudgetsMiniWidget,
+  tn as BubbleBudgetsWidget,
+  nn as BudgetDetailsDrawerV2
 };