@mx-cartographer/experiences 7.12.3-alpha.mega1 → 7.12.4

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.12.4] - 03-18-2026
+
+- **UPDATED** - Budget Details drawer ally | replace semantic `<H2>` with `<Text>`
+
 ## [7.12.3] - 03-18-2026
 
 - **ADDED** - Help widget analytics

package/dist/budgets/index.es.js

@@ -11,7 +11,7 @@ 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 { Text as B, CategoryIcon as W, Icon as j, 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 ke from "@mui/material/Button";
@@ -22,55 +22,55 @@ 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 Ye from "@mui/material/ListItemSecondaryAction";
-import { C as Ze } from "../CurrencyInput-DuMktPu3.mjs";
+import Xe from "@mui/material/ListItemSecondaryAction";
+import { C as Ye } from "../CurrencyInput-DuMktPu3.mjs";
 import { D as U } from "../Dialog-Ck34yr-d.mjs";
-import { C as qe } from "../ConnectionsDrawer-DqhSaMrJ.mjs";
+import { C as Ze } 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 qe from "@mui/material/Tooltip";
+import { useTheme as $e, alpha as Je } 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-BYItVAe-.mjs";
 import De from "@mui/material/Tab";
-import et from "@mui/material/Tabs";
-import { e as tt } from "../exportTransactionsToCSV-EwhjfqsJ.mjs";
+import Qe from "@mui/material/Tabs";
+import { e as et } from "../exportTransactionsToCSV-EwhjfqsJ.mjs";
 import { T as xe } from "../StatusIndicator-BWdlLG0b.mjs";
-import { T as nt, c as ot } from "../TransactionDetails-CzaNtpaw.mjs";
+import { T as tt, c as nt } from "../TransactionDetails-CzaNtpaw.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-wfUTIbLR.mjs";
+import { u as ot, b as at } from "../CategorySelectorDrawer-wfUTIbLR.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-CyvCAzdp.mjs";
+import { subDays as rt } from "date-fns/subDays";
+import st from "@mui/material/IconButton";
+import { M as it } from "../ManageIncome-CyvCAzdp.mjs";
 import { u as je } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { W as lt } from "../WidgetContainer-B0ncgABX.mjs";
-import { u as dt, g as ut, C as mt } from "../BudgetUtil--_QXyszn.mjs";
-import { M as gt } from "../MiniWidgetContainer-Cu72GNsE.mjs";
+import { W as ct } from "../WidgetContainer-B0ncgABX.mjs";
+import { u as lt, g as dt, C as ut } from "../BudgetUtil--_QXyszn.mjs";
+import { M as mt } from "../MiniWidgetContainer-Cu72GNsE.mjs";
 import { b as Ee } from "../CategoryUtil-BVixr0d5.mjs";
-const pt = w(() => {
+const gt = 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(B, { bold: !0, variant: "Body", children: T(i, "0,0") }),
+      /* @__PURE__ */ e(B, { color: "secondary", variant: "Small", children: t.projected_income })
     ] }),
-    /* @__PURE__ */ e(S, { bold: !0, justifyContent: "center", variant: "Body", children: "-" }),
+    /* @__PURE__ */ e(B, { bold: !0, justifyContent: "center", variant: "Body", children: "-" }),
     /* @__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(B, { bold: !0, variant: "Body", children: T(o, "0,0") }),
+      /* @__PURE__ */ e(B, { color: "secondary", variant: "Small", children: t.budgeted })
     ] }),
-    /* @__PURE__ */ e(S, { bold: !0, justifyContent: "center", variant: "Body", children: "=" }),
+    /* @__PURE__ */ e(B, { bold: !0, justifyContent: "center", variant: "Body", 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 })
+      /* @__PURE__ */ e(B, { bold: !0, variant: "Body", children: T(s, "0,0") }),
+      /* @__PURE__ */ e(B, { color: "secondary", variant: "Small", children: t.remaining })
     ] })
   ] });
-}), ht = w(
+}), pt = w(
   ({ category: t }) => {
     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;
@@ -78,19 +78,19 @@ const pt = w(() => {
     }, [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(ue, { children: /* @__PURE__ */ e(W, { categoryGuid: t.guid, variant: "filled" }) }),
         /* @__PURE__ */ e(te, { primary: t.name, secondary: s })
       ] }) }),
       /* @__PURE__ */ e(de, {})
     ] }, t.guid);
   }
-), ft = ({ onRecalculateBudgets: t }) => {
+), ht = ({ 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__ */ 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(B, { sx: { mx: 24, my: 16, textAlign: "center", whiteSpace: "wrap" }, variant: "Paragraph", children: o.recalculate_help }),
     /* @__PURE__ */ e(
       $,
       {
@@ -101,10 +101,10 @@ const pt = w(() => {
         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(B, { bold: !0, variant: "Body", children: o.recalculate_description_top }),
+            /* @__PURE__ */ e(B, { variant: "ParagraphSmall", children: o.recalculate_description_bottom })
           ] }),
-          /* @__PURE__ */ e(K, { bgcolor: "background.paper", children: /* @__PURE__ */ e(X, { children: g.map((u) => /* @__PURE__ */ e(ht, { category: u }, u.guid)) }) })
+          /* @__PURE__ */ e(K, { bgcolor: "background.paper", children: /* @__PURE__ */ e(X, { children: g.map((u) => /* @__PURE__ */ e(pt, { category: u }, u.guid)) }) })
         ] })
       }
     )
@@ -117,14 +117,14 @@ const pt = w(() => {
   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(
+      /* @__PURE__ */ e(B, { children: N(
         s.add_description_top,
         T(n, "0,0")
       ) }),
-      /* @__PURE__ */ e(S, { children: N(s.add_description_bottom, o) })
+      /* @__PURE__ */ e(B, { children: N(s.add_description_bottom, o) })
     ] }),
     /* @__PURE__ */ e(
-      Ze,
+      Ye,
       {
         amount: t,
         autoFocus: !0,
@@ -135,13 +135,13 @@ const pt = w(() => {
       }
     )
   ] });
-}, yt = w(({ category: t, onAddBudget: o }) => {
+}, ft = 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__ */ 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(ue, { children: /* @__PURE__ */ e(W, { categoryGuid: t.guid }) }),
       /* @__PURE__ */ e(
         te,
         {
@@ -149,7 +149,7 @@ const pt = w(() => {
           secondary: T(t.totalAmount, "0,0")
         }
       ),
-      /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ e(j, { name: "add", size: 20 }) })
+      /* @__PURE__ */ e(Xe, { children: /* @__PURE__ */ e(j, { name: "add", size: 20 }) })
     ] }) }, t.guid),
     /* @__PURE__ */ e(
       U,
@@ -169,18 +169,18 @@ const pt = w(() => {
     await s(c, g), t?.(), a(N(i.alert_budget_created, c.name));
   };
   return /* @__PURE__ */ m(v, { children: [
-    /* @__PURE__ */ e(pt, {}),
+    /* @__PURE__ */ e(gt, {}),
     /* @__PURE__ */ e(K, { bgcolor: "background.paper", children: /* @__PURE__ */ e(X, { children: r.map((c) => /* @__PURE__ */ e(
-      yt,
+      ft,
       {
         category: c,
         onAddBudget: n
       },
       c.guid
     )) }) }),
-    /* @__PURE__ */ e(ft, { onRecalculateBudgets: o })
+    /* @__PURE__ */ e(ht, { onRecalculateBudgets: o })
   ] });
-}), we = 5, Fe = 100, se = 25, _t = (t) => {
+}), we = 5, Fe = 100, se = 25, yt = (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) => {
@@ -189,14 +189,14 @@ const pt = w(() => {
     a.active || t.alphaTarget(0), a.subject.fx = null, a.subject.fy = null;
   };
   return M.drag().on("start", o).on("drag", i).on("end", s);
-}, bt = (t) => {
+}, _t = (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) || "");
-}, Ct = (t) => {
-  M.selectAll(".bubble").call(_t(t));
-}, Ie = (t, o, i) => Math.min(Math.max(t, o), i), Bt = (t, o, i) => {
+}, bt = (t) => {
+  M.selectAll(".bubble").call(yt(t));
+}, Ie = (t, o, i) => Math.min(Math.max(t, o), i), Ct = (t, o, i) => {
   t.alpha(1).restart().force(
     "x",
     M.forceX().x(i / 2).strength(0.01)
@@ -210,7 +210,7 @@ const pt = w(() => {
       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})`);
   });
-}, Ue = (t, o) => M.scaleLinear().domain([t, o]).range([se, Fe]), St = (t) => {
+}, Ue = (t, o) => M.scaleLinear().domain([t, o]).range([se, Fe]), Bt = (t) => {
   const o = t.reduce((r, n) => {
     const c = Math.max(n.transaction_total, n.amount);
     return c > r ? c : r;
@@ -225,7 +225,7 @@ const pt = w(() => {
     };
   });
   return M.forceSimulation(a).velocityDecay(0.05).force("collide", M.forceCollide((r) => r.radius + 2).strength(0.7));
-}, At = (t, o, i) => {
+}, St = (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) {
@@ -233,16 +233,16 @@ const pt = w(() => {
     u = Math.min(Fe, h, b);
   }
   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);
+}, At = (t, o, i, s, a) => {
+  const { maxRadius: r, minRadius: n } = St(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);
+}, xt = (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 ? At(t.length, s, c, n, a) : Ue(n, c);
   return t.map((d) => ({
     ...d,
     radius: g(Math.max(d.transaction_total, d.amount))
   }));
-}, Oe = 5, Tt = 2e3, Dt = ({ bubble: t }) => {
+}, Oe = 5, vt = 2e3, Tt = ({ bubble: t }) => {
   const o = ie(), {
     amount: i,
     guid: s,
@@ -251,7 +251,7 @@ const pt = w(() => {
     transaction_total: n
   } = t, c = `mercury-${s}`;
   l.useEffect(() => {
-    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));
+    M.select(`.${c}`).selectAll(".status").remove(), M.select(`.${c}`).append("path").transition().duration(vt).delay(0).attr("class", "status").attr("style", `fill: ${a}; fill-opacity: 1;`).attrTween("d", () => _t(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(
@@ -261,8 +261,8 @@ const pt = w(() => {
       style: { fill: o.palette.common.white, fillOpacity: 0.35 }
     }
   ) });
-}, Et = l.memo(Dt), F = 75, be = 50;
-function wt({ bubble: t, isDraggable: o, onClick: i = () => {
+}, Dt = l.memo(Tt), F = 75, be = 50;
+function Et({ bubble: t, isDraggable: o, onClick: i = () => {
 } }) {
   const [s, a] = l.useState(!1), r = $e(), { availableWidth: n } = le(), c = l.useMemo(() => {
     if (t)
@@ -286,8 +286,8 @@ function wt({ bubble: t, isDraggable: o, onClick: i = () => {
   } = t, A = n < 400 ? -8 : -12;
   let C = A, f = A;
   y > F ? (C = -14, f = -45) : y > be && (f = -32);
-  let B = 32;
-  y <= F && (B = n < 400 ? 16 : 24);
+  let S = 32;
+  y <= F && (S = n < 400 ? 16 : 24);
   const I = `${t.category.name}: ${b}`, L = {
     modifiers: [
       {
@@ -333,10 +333,10 @@ function wt({ bubble: t, isDraggable: o, onClick: i = () => {
             stroke-opacity: 0.8;
           }
         ` }),
-        /* @__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 } }) }),
+        /* @__PURE__ */ e(qe, { 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: S, sx: { fill: d } }) }),
         y > F && /* @__PURE__ */ e(
-          S,
+          B,
           {
             bold: !0,
             component: "text",
@@ -348,7 +348,7 @@ function wt({ bubble: t, isDraggable: o, onClick: i = () => {
           }
         ),
         y > be && /* @__PURE__ */ e(
-          S,
+          B,
           {
             bold: !0,
             component: "text",
@@ -360,7 +360,7 @@ function wt({ bubble: t, isDraggable: o, onClick: i = () => {
           }
         ),
         y <= F && y > be && /* @__PURE__ */ e(
-          S,
+          B,
           {
             component: "text",
             id: `budget-description-${h}-2`,
@@ -370,13 +370,13 @@ function wt({ bubble: t, isDraggable: o, onClick: i = () => {
             children: b.split(" ")[1]
           }
         ),
-        /* @__PURE__ */ e(Et, { bubble: c })
+        /* @__PURE__ */ e(Dt, { bubble: c })
       ]
     },
     h
   );
 }
-const It = ({
+const wt = ({
   height: t,
   width: o,
   isDraggable: i = !1,
@@ -384,7 +384,7 @@ const It = ({
   }
 }) => {
   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();
+    const u = n.current, p = Bt(g), h = p.nodes();
     if (u) {
       const b = u.nodes(), y = new Map(b.map((_) => [_.guid, _]));
       h.forEach((_) => {
@@ -406,12 +406,12 @@ const It = ({
   }, []), l.useEffect(() => {
     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);
+    const p = u.nodes(), h = o > 0 && o < 450 || t > 0 && t < 300, b = xt(p, g, h, t, o);
+    u.nodes(b), Ct(u, t, o), i && setTimeout(() => {
+      bt(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 = ({
+  }, [t, o, i, g]), /* @__PURE__ */ e("svg", { height: t, style: { overflow: "visible" }, width: Math.abs(o), children: a.map((u) => /* @__PURE__ */ e(Et, { bubble: u, isDraggable: i, onClick: s }, u.guid)) });
+}, It = w(wt), Ot = ({
   isMiniWidget: t = !1,
   onConnectAccountsClick: o,
   createBudgetOnClick: i
@@ -493,7 +493,7 @@ const It = ({
       }
     }
   ) });
-}, He = w(
+}, We = w(
   ({
     createBudgetOnClick: t = () => {
     },
@@ -518,14 +518,14 @@ const It = ({
         sx: { alignSelf: "center", ...s && { height: "100%" } },
         children: [
           a || !g ? /* @__PURE__ */ e(
-            Rt,
+            Ot,
             {
               createBudgetOnClick: t,
               isMiniWidget: s,
               onConnectAccountsClick: x
             }
           ) : /* @__PURE__ */ e(
-            Ot,
+            It,
             {
               height: o,
               isDraggable: i,
@@ -534,7 +534,7 @@ const It = ({
             }
           ),
           /* @__PURE__ */ e(
-            qe,
+            Ze,
             {
               onClose: () => b(!1),
               showConnectionsWidget: h,
@@ -545,7 +545,7 @@ const It = ({
       }
     );
   }
-), We = ({ budget: t }) => {
+), He = ({ budget: t }) => {
   const {
     amount: o,
     budgetColors: { background: i },
@@ -560,19 +560,19 @@ const It = ({
     }
   ];
   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(Xe, { variant: "H1", children: `${T(n, "0,0")} / ${T(o, "0,0")}` }),
-    /* @__PURE__ */ e(S, { bold: !0, variant: "XSmall", children: s }),
+    /* @__PURE__ */ e(W, { categoryGuid: a, size: 56 }),
+    /* @__PURE__ */ e(B, { variant: "H1", children: `${T(n, "0,0")} / ${T(o, "0,0")}` }),
+    /* @__PURE__ */ e(B, { bold: !0, variant: "XSmall", children: s }),
     /* @__PURE__ */ e(Be, { data: c, height: 10 })
   ] }) }) });
-}, Mt = w(() => {
+}, Rt = w(() => {
   const { budgets: t } = D();
   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 })
+    /* @__PURE__ */ e(B, { bold: !0, color: "secondary", variant: "Small", children: t.zero_state_no_sub_budgets }),
+    /* @__PURE__ */ e(B, { color: "text.secondary", variant: "XSmall", children: t.zero_state_no_sub_budgets_description })
   ] });
-}), Lt = w(({ budget: t }) => {
+}), Mt = w(({ budget: t }) => {
   const {
     amount: o,
     budgetColors: { background: i },
@@ -581,20 +581,20 @@ const It = ({
     transaction_total: r
   } = 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(ue, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Pe, { color: i, percent: a, size: 40, children: /* @__PURE__ */ e(W, { categoryGuid: s.parent_guid, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
       te,
       {
-        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: `
+        primary: /* @__PURE__ */ e(v, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(B, { bold: !0, variant: "Body", children: t.category.name }) }),
+        secondary: /* @__PURE__ */ e(v, { component: "span", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ e(B, { fontWeight: 400, variant: "Body", children: `
                   ${T(r, "0,0")} / 
                   ${T(o, "0,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);
+}), Lt = w(({ category: t, parentBudget: o }) => {
+  const { budgets: i, common: s } = D(), { setExpandedGuid: a, setOnSelect: r } = ot(), { 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);
@@ -610,7 +610,7 @@ const It = ({
     /* @__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(B, { 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" } })
     ] }) }) }) }),
@@ -622,7 +622,7 @@ const It = ({
         isOpen: c,
         onClose: () => g(!1),
         title: i.add_sub_budget_title,
-        children: /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(rt, { category: t, subCategories: t.subCategories }) })
+        children: /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(at, { category: t, subCategories: t.subCategories }) })
       }
     ),
     /* @__PURE__ */ e(
@@ -645,12 +645,12 @@ const It = ({
       }
     )
   ] });
-}), kt = w(({ budget: t }) => {
+}), Nt = 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(() => {
     n && (x(`${n.amount}`), u({
       ...d,
-      custom: (B) => B.category_guid === n.category_guid
+      custom: (S) => S.category_guid === n.category_guid
     }));
   }, [n]);
   const A = async () => {
@@ -663,16 +663,16 @@ const It = ({
   }, f = () => {
     u({
       ...d,
-      custom: (B) => B.category_guid === t.category_guid || B.top_level_category_guid === t.category_guid
+      custom: (S) => S.category_guid === t.category_guid || S.top_level_category_guid === t.category_guid
     }), c(void 0);
   };
   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 }),
+      i.length === 0 ? /* @__PURE__ */ e(Rt, {}) : i.map((S) => /* @__PURE__ */ m(l.Fragment, { children: [
+        /* @__PURE__ */ e(Mt, { budget: S }),
         /* @__PURE__ */ e(de, {})
-      ] }, B.guid)),
-      /* @__PURE__ */ e(Nt, { category: o, parentBudget: t })
+      ] }, S.guid)),
+      /* @__PURE__ */ e(Lt, { category: o, parentBudget: t })
     ] }),
     /* @__PURE__ */ e(
       $,
@@ -686,7 +686,7 @@ const It = ({
         secondaryText: s.details_delete_button,
         title: s.details_title,
         children: n && /* @__PURE__ */ m(v, { gap: 24, children: [
-          /* @__PURE__ */ e(We, { budget: n }),
+          /* @__PURE__ */ e(He, { budget: n }),
           /* @__PURE__ */ e(xe, { height: "100%" })
         ] })
       }
@@ -721,29 +721,29 @@ const It = ({
           primaryColor: "error",
           primaryText: "Delete",
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(S, { variant: "Paragraph", children: N(s.delete_description, n.category.name) })
+          children: /* @__PURE__ */ e(B, { variant: "Paragraph", children: N(s.delete_description, n.category.name) })
         }
       )
     ] })
   ] });
-}), $t = w(({ budget: t }) => {
+}), kt = 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: u,
     tags: p
   } = J(), [h, b] = l.useState(0), [y, _] = l.useState(""), x = l.useMemo(
-    () => d.find((B) => B.guid === y),
+    () => d.find((S) => S.guid === y),
     [y, d]
-  ), A = (B, I) => {
+  ), A = (S, I) => {
     b(I);
   }, C = () => {
-    tt(u, p), i(s.alert_csv_downloaded);
+    et(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__ */ e(He, { budget: t }),
     /* @__PURE__ */ m(v, { children: [
       /* @__PURE__ */ m(
-        et,
+        Qe,
         {
           onChange: A,
           sx: { width: "100%" },
@@ -768,7 +768,7 @@ const It = ({
         ) }),
         /* @__PURE__ */ e(xe, { height: "100%", onClick: _ })
       ] }),
-      h === 1 && /* @__PURE__ */ e(kt, { budget: t }),
+      h === 1 && /* @__PURE__ */ e(Nt, { budget: t }),
       /* @__PURE__ */ e(
         $,
         {
@@ -776,12 +776,12 @@ const It = ({
           isOpen: !!x,
           onClose: () => _(""),
           title: s.details_transaction_drawer,
-          children: x && /* @__PURE__ */ e(nt, { transaction: x })
+          children: x && /* @__PURE__ */ e(tt, { transaction: x })
         }
       )
     ] })
   ] });
-}), Pt = w(() => {
+}), $t = w(() => {
   const { selectedAccountGuids: t } = q(), { budgets: o, common: i } = D(), {
     alert: s,
     dateRange: a,
@@ -800,7 +800,7 @@ const It = ({
       showSplits: !0
     }));
   }, [n]);
-  const B = async () => {
+  const S = async () => {
     n && (await u({
       ...n,
       amount: Number(C),
@@ -830,7 +830,7 @@ const It = ({
           secondaryText: o.details_delete_button,
           title: o.details_title,
           children: [
-            /* @__PURE__ */ e($t, { budget: n }),
+            /* @__PURE__ */ e(kt, { budget: n }),
             /* @__PURE__ */ e(
               Ae,
               {
@@ -851,7 +851,7 @@ const It = ({
           disablePrimaryButton: Number(C) <= 0,
           isOpen: y,
           onClose: R,
-          onPrimaryAction: B,
+          onPrimaryAction: S,
           onSecondaryAction: R,
           primaryText: o.edit_save_button,
           children: /* @__PURE__ */ e(
@@ -874,11 +874,11 @@ const It = ({
           primaryColor: "error",
           primaryText: o.details_delete_button,
           secondaryColor: "secondary",
-          children: /* @__PURE__ */ e(S, { variant: "Paragraph", children: N(o.delete_description, n.category.name) })
+          children: /* @__PURE__ */ e(B, { variant: "Paragraph", children: N(o.delete_description, n.category.name) })
         }
       )
     ] });
-}), Gt = ({ budget: t, onClick: o }) => {
+}), Pt = ({ budget: t, onClick: o }) => {
   const {
     amount: i,
     budgetColors: { background: s, description: a },
@@ -889,25 +889,25 @@ const It = ({
     transaction_total: d
   } = t;
   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(ue, { sx: { mb: -8, mr: 16 }, children: /* @__PURE__ */ e(Pe, { color: s, percent: c, size: 40, children: /* @__PURE__ */ e(W, { categoryGuid: r, variant: "basic" }) }) }),
     /* @__PURE__ */ e(
       te,
       {
         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: `
+          /* @__PURE__ */ e(B, { bold: !0, variant: "Body", children: t.category.name }),
+          /* @__PURE__ */ e(B, { fontWeight: 400, variant: "Body", children: `
                   ${T(d, "0,0")} / 
                   ${T(i, "0,0")}
                 ` })
         ] }),
         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: n })
+          /* @__PURE__ */ e(B, { variant: "XSmall", children: `${g.length} Sub-budgets` }),
+          /* @__PURE__ */ e(B, { bold: c > 100, color: a, variant: "XSmall", children: n })
         ] })
       }
     )
   ] }) });
-}, jt = w(() => {
+}, Gt = 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,
@@ -917,21 +917,21 @@ const It = ({
   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(Pt, { budget: r, onClick: a }),
       /* @__PURE__ */ e(de, {})
     ] }, r.guid)) }) })
   ] });
-}), zt = w(() => {
+}), jt = 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 S = f / d;
+    S > 1 && (S = 1);
     let I = t.palette.success.main;
-    B > 0.8 && B < 1 ? I = t.palette.warning.main : B >= 1 && (I = t.palette.error.main);
+    S > 0.8 && S < 1 ? I = t.palette.warning.main : S >= 1 && (I = t.palette.error.main);
     const L = [
       {
         color: I,
-        percentage: `${B}`
+        percentage: `${S}`
       }
     ];
     return [f, L];
@@ -939,12 +939,12 @@ const It = ({
     const f = Math.abs(
       n.reduce((L, R) => L + R.totalAmount, 0)
     );
-    let B = f / u;
-    B > 1 && (B = 1);
+    let S = f / u;
+    S > 1 && (S = 1);
     const I = [
       {
         color: t.palette.secondary.main,
-        percentage: `${B}`
+        percentage: `${S}`
       }
     ];
     return [f, I];
@@ -952,7 +952,7 @@ const It = ({
     p({
       accounts: i.map((f) => f.guid),
       dateRange: {
-        start: st(/* @__PURE__ */ new Date(), 90),
+        start: rt(/* @__PURE__ */ new Date(), 90),
         end: /* @__PURE__ */ new Date()
       }
     }), b(!0), o(P.BUDGETS_CLICK_EDIT_INCOME);
@@ -961,9 +961,9 @@ const It = ({
     /* @__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(B, { bold: !0, sx: { mb: 8 }, variant: "Body", children: s.spending_title }),
         /* @__PURE__ */ e(Be, { data: _, height: 16 }),
-        /* @__PURE__ */ e(S, { variant: "Small", children: N(
+        /* @__PURE__ */ e(B, { variant: "Small", children: N(
           s.spending_description,
           T(y, "0,0"),
           T(d, "0,0")
@@ -971,9 +971,9 @@ const It = ({
       ] }),
       /* @__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(B, { bold: !0, variant: "Body", children: s.income_title }),
           /* @__PURE__ */ e(
-            it,
+            st,
             {
               "aria-label": r.manage_income,
               onClick: C,
@@ -983,7 +983,7 @@ const It = ({
           )
         ] }),
         /* @__PURE__ */ e(Be, { data: A, height: 16 }),
-        /* @__PURE__ */ e(S, { variant: "Small", children: N(
+        /* @__PURE__ */ e(B, { variant: "Small", children: N(
           s.income_description,
           T(x, "0,0"),
           T(u, "0,0")
@@ -997,7 +997,7 @@ const It = ({
         isOpen: h,
         onClose: () => b(!1),
         title: r.manage_income,
-        children: /* @__PURE__ */ e(ct, { forOverview: !0 })
+        children: /* @__PURE__ */ e(it, { forOverview: !0 })
       }
     )
   ] });
@@ -1011,7 +1011,7 @@ const It = ({
     setAlert: _,
     setTheme: x,
     detailedBudgets: A
-  } = 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);
+  } = E(), { setDateRange: C } = ce(), { loadDateRangeCategoryTotals: f, loadMonthlyCategoryTotals: S } = Y(), { isSmallTablet: I, isMobile: L, isSmallMobile: R } = me(), O = I || L || R, [z, k] = l.useState(!1);
   je({
     widgetName: "BubbleBudgetsWidget",
     isLoaded: h
@@ -1022,7 +1022,7 @@ const It = ({
   }, []), 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 && (d(p.start, p.end), f(g, p.start, p.end).finally(), S(g).finally(), C(p));
   }, [c, g, p]);
   const he = (V) => {
     y({ start: V[0] || /* @__PURE__ */ new Date(), end: V[1] || /* @__PURE__ */ new Date() });
@@ -1034,9 +1034,9 @@ const It = ({
     k(!1);
   }, G = () => {
     k(!1);
-  }, W = Ke(p.end, re(/* @__PURE__ */ new Date()));
+  }, H = Ke(p.end, re(/* @__PURE__ */ new Date()));
   return !c || !h ? /* @__PURE__ */ e(ge, {}) : /* @__PURE__ */ m(
-    lt,
+    ct,
     {
       actions: [
         {
@@ -1047,7 +1047,7 @@ const It = ({
       ],
       calendarActions: {
         onRangeChanged: he,
-        shouldDisableNext: W,
+        shouldDisableNext: H,
         shouldDisablePicker: !0
       },
       onAccountsFilterClick: fe,
@@ -1064,7 +1064,7 @@ const It = ({
             width: "100%",
             children: [
               /* @__PURE__ */ e(v, { height: O ? 450 : "calc(100dvh - 150px)", children: /* @__PURE__ */ e(
-                He,
+                We,
                 {
                   createBudgetOnClick: ne,
                   height: O ? 450 : 800,
@@ -1081,15 +1081,15 @@ const It = ({
                   sx: { mr: 24, mt: 48 },
                   width: O ? "100%" : Re,
                   children: [
-                    /* @__PURE__ */ e(zt, {}),
-                    /* @__PURE__ */ e(jt, {})
+                    /* @__PURE__ */ e(jt, {}),
+                    /* @__PURE__ */ e(Gt, {})
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e(Pt, {}),
+        /* @__PURE__ */ e($t, {}),
         /* @__PURE__ */ e(
           $,
           {
@@ -1132,7 +1132,7 @@ const It = ({
       ]
     }
   );
-}), Ft = ({
+}), zt = ({
   budgetsCopy: t,
   difference: o,
   handleAddClick: i,
@@ -1148,7 +1148,7 @@ const It = ({
   }, [a]);
   return /* @__PURE__ */ m(v, { sx: { height: "100%", justifyContent: "space-between" }, children: [
     /* @__PURE__ */ e(
-      He,
+      We,
       {
         createBudgetOnClick: i,
         height: n,
@@ -1157,12 +1157,12 @@ const It = ({
       }
     ),
     !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 })
+      /* @__PURE__ */ e(B, { bold: !0, color: o < 0 ? "error.main" : "success.main", children: T(Math.abs(o), "0,0") }),
+      /* @__PURE__ */ e(B, { children: o < 0 ? t.overspent_in_budgets : t.left_in_budgets })
     ] })
   ] });
-}, 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);
+}, Ft = (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 = lt(), [y, _] = l.useState(!1);
   l.useEffect(() => {
     a || r().finally();
   }, []), l.useEffect(() => {
@@ -1185,7 +1185,7 @@ const It = ({
   }), !d || !a) return /* @__PURE__ */ e(ge, {});
   const f = s.length === 0;
   return /* @__PURE__ */ m(
-    gt,
+    mt,
     {
       contentStyles: { height: "calc(100% - 66px)", ":last-child": { pb: 0 } },
       primaryCtaLabel: f ? c.get_started_cta : c.details_cta,
@@ -1194,7 +1194,7 @@ const It = ({
       ...t,
       children: [
         /* @__PURE__ */ e(
-          Ft,
+          zt,
           {
             budgetsCopy: c,
             difference: b,
@@ -1221,12 +1221,12 @@ const It = ({
       ]
     }
   );
-}, Vn = w(Ut), ae = {
+}, Hn = w(Ft), ae = {
   CANCEL_DELETE: "Cancel - Delete",
   END_SAVE: "End - Save",
   END_DELETE: "End - Delete",
   START_DELETE: "Start - Delete"
-}, Ht = ({ onClose: t, onEvent: o, onViewHistory: i }) => {
+}, Ut = ({ onClose: t, onEvent: o, onViewHistory: i }) => {
   const {
     alert: s,
     dateRange: a,
@@ -1236,25 +1236,25 @@ const It = ({
     setAlert: g,
     setSelectedBudget: d,
     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);
+  } = E(), { budgets: p, common: h } = D(), { isCopyLoaded: b, selectedAccountGuids: y } = q(), _ = $e(), { setFilter: x } = J(), [A, C] = l.useState(""), [f, S] = l.useState(null), [I, L] = l.useState(!1), R = l.useRef(!1);
   if (l.useEffect(() => {
     !n || c || (C(`${n.amount}`), x({
       accounts: y,
       dateRange: a,
-      custom: ({ category_guid: G, top_level_category_guid: W }) => {
+      custom: ({ category_guid: G, top_level_category_guid: H }) => {
         const { category_guid: V } = n;
-        return G === V || W === V;
+        return G === V || H === V;
       },
       showSplits: !0
     }), L(!0));
   }, [n]), !b) return /* @__PURE__ */ e(ge, {});
   if (!n) return null;
   const O = () => {
-    C(""), B(null), L(!1), setTimeout(() => {
+    C(""), S(null), L(!1), setTimeout(() => {
       d(void 0), t?.();
     }, 250);
   }, z = () => {
-    f === "delete" && o?.(ae.CANCEL_DELETE, A), C(n.amount ? `${n.amount}` : ""), B(null);
+    f === "delete" && o?.(ae.CANCEL_DELETE, A), C(n.amount ? `${n.amount}` : ""), S(null);
   }, k = async () => {
     if (f === "edit") {
       if (R.current) return;
@@ -1263,13 +1263,13 @@ const It = ({
         amount: Number(A)
       }), o?.(ae.END_SAVE, A), g(
         N(p.alert_budget_updated, n.category.name)
-      ), B(null), R.current = !1;
+      ), S(null), R.current = !1;
     }
     f === "delete" && (await r(n.guid), o?.(ae.END_DELETE, A), O());
-  }, { remainingAmount: he, spentPercentage: fe, iconColor: ne } = ut(
+  }, { remainingAmount: he, spentPercentage: fe, iconColor: ne } = dt(
     n.transaction_total ?? 0,
     n.amount ?? 0
-  ), ye = (G, W) => N(G, /* @__PURE__ */ e("b", { children: W }));
+  ), ye = (G, H) => N(G, /* @__PURE__ */ e("b", { children: H }));
   return /* @__PURE__ */ m(l.Fragment, { children: [
     /* @__PURE__ */ m(
       $,
@@ -1281,12 +1281,12 @@ const It = ({
         },
         isOpen: I,
         onClose: O,
-        onPrimaryAction: () => B(
+        onPrimaryAction: () => S(
           "edit"
           /* EDIT */
         ),
         onSecondaryAction: () => {
-          o?.(ae.START_DELETE, A), B(
+          o?.(ae.START_DELETE, A), S(
             "delete"
             /* DELETE */
           );
@@ -1302,16 +1302,16 @@ const It = ({
         title: N(p.details_type_title, n.category.name),
         children: [
           /* @__PURE__ */ e(
-            ot,
+            nt,
             {
               amount: n.amount,
               icon: /* @__PURE__ */ e(
-                H,
+                W,
                 {
                   categoryGuid: n.category.guid,
                   size: 44,
                   sx: {
-                    bgcolor: Qe(Ee(n.category.guid, _), 0.15),
+                    bgcolor: Je(Ee(n.category.guid, _), 0.15),
                     border: `1px solid ${Ee(n.category.guid, _)}`,
                     color: "text.primary"
                   }
@@ -1340,7 +1340,7 @@ const It = ({
       }
     ),
     f && /* @__PURE__ */ e(
-      mt,
+      ut,
       {
         closeAriaLabel: h.close_aria,
         content: ye(
@@ -1362,9 +1362,9 @@ const It = ({
       }
     )
   ] });
-}, Kn = w(Ht);
+}, Vn = w(Ut);
 export {
-  Vn as BubbleBudgetsMiniWidget,
+  Hn as BubbleBudgetsMiniWidget,
   Wn as BubbleBudgetsWidget,
-  Kn as BudgetDetailsDrawerV2
+  Vn as BudgetDetailsDrawerV2
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.12.3-alpha.mega1",
+  "version": "7.12.4",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",