@mx-cartographer/experiences 7.6.19 → 7.6.20

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.6.20] - 01-21-2026
+
+- **UPDATED** - Spending widget to not round amounts
+
 ## [7.6.19] - 01-21-2026
 
 - **UPDATED** - Spending widget subcategories to open transactions list

package/dist/{SpendingLegend-BuDjbr2d.mjs → SpendingLegend-BLAhLb1w.mjs}

@@ -1,50 +1,50 @@
 import { b as _ } from "./CategoryUtil-DZflYFam.mjs";
 import { b as p } from "./Category-CevNQ03n.mjs";
-import { jsxs as y, Fragment as v, jsx as m } from "react/jsx-runtime";
+import { jsxs as y, Fragment as w, jsx as m } from "react/jsx-runtime";
 import x from "react";
-import { observer as w } from "mobx-react-lite";
-import M from "@mui/material/Button";
+import { observer as M } from "mobx-react-lite";
+import N from "@mui/material/Button";
 import f from "@mui/material/Stack";
-import { useTheme as N } from "@mui/material/styles";
-import { CategoryIcon as k, CategoryIconVariants as A, Text as h } from "@mxenabled/mxui";
-import { D as G } from "./Donut-Dmy3JTWd.mjs";
-import { u as O } from "./WidgetContainer-COyiIVSd.mjs";
-import { u as $ } from "./hooks-ZMp65DFz.mjs";
-import { u as j } from "./useScreenSize-B6JyS_Lj.mjs";
+import { useTheme as k } from "@mui/material/styles";
+import { CategoryIcon as A, CategoryIconVariants as G, Text as h } from "@mxenabled/mxui";
+import { D as O } from "./Donut-Dmy3JTWd.mjs";
+import { u as $ } from "./WidgetContainer-COyiIVSd.mjs";
+import { u as j } from "./hooks-ZMp65DFz.mjs";
+import { u as R } from "./useScreenSize-B6JyS_Lj.mjs";
 import { f as D } from "./NumberFormatting-DjTD0t3W.mjs";
-import R from "@mui/material/Box";
-const T = 5, B = (i, l, g, d) => d.reduce((o, n) => {
+import v from "@mui/material/Box";
+const T = 5, B = (i, l, g, d) => d.reduce((t, n) => {
   const a = i.find((s) => s.guid === n.category_guid);
-  if (!a) return o;
-  const t = a.parent_guid ?? a.guid, r = i.find((s) => s.guid === t);
-  if (!r) return o;
+  if (!a) return t;
+  const o = a.parent_guid ?? a.guid, r = i.find((s) => s.guid === o);
+  if (!r) return t;
   const c = {
     guid: a.guid,
-    name: a.guid === t ? `${l.parent_category_totals_label_general} ${a.name}` : a.name,
+    name: a.guid === o ? `${l.parent_category_totals_label_general} ${a.name}` : a.name,
     color: _(r.guid, g),
     amount: n.total
-  }, e = o.find((s) => s.guid === t);
-  return e ? (e.amount += n.total, e.categoryTotals?.push(c)) : o.push({
-    guid: t,
+  }, e = t.find((s) => s.guid === o);
+  return e ? (e.amount += n.total, e.categoryTotals?.push(c)) : t.push({
+    guid: o,
     name: r.name,
     color: _(r.guid, g),
     categoryTotals: [c],
     amount: n.total
-  }), o;
-}, []), ot = (i, l, g, d) => {
-  const o = B(i, l, g, d), n = o.filter(
+  }), t;
+}, []), to = (i, l, g, d) => {
+  const t = B(i, l, g, d), n = t.filter(
     (e) => e.guid !== p.INCOME && e.guid !== p.INVESTMENTS && e.guid !== p.TRANSFER && e.amount > 0
   ).sort((e, s) => s.amount - e.amount), a = n.reduce(
     (e, s) => e + s.amount,
     0
-  ), t = n.length > T ? T : n.length, r = n.slice(0, t), c = r.map((e) => ({
+  ), o = n.length > T ? T : n.length, r = n.slice(0, o), c = r.map((e) => ({
     id: e.guid,
     color: _(e.guid, g),
     label: e.name,
     value: e.amount / a * 100
   }));
   if (n.length > 5) {
-    const e = n.slice(T, o.length), s = e.reduce(
+    const e = n.slice(T, t.length), s = e.reduce(
       (C, u) => C + u.amount,
       0
     );
@@ -66,26 +66,26 @@ const T = 5, B = (i, l, g, d) => d.reduce((o, n) => {
     donutData: c,
     totalAmount: a
   };
-}, nt = (i, l, g) => {
+}, no = (i, l, g) => {
   const d = i.filter(
-    (t) => t.guid === p.INCOME || t.parent_guid === p.INCOME
-  ), o = l.filter((t) => d.some((r) => r.guid === t.category_guid)).sort((t, r) => t.total - r.total).map((t, r) => ({
-    guid: t.category_guid,
-    name: i.find((c) => c.guid === t.category_guid)?.name,
+    (o) => o.guid === p.INCOME || o.parent_guid === p.INCOME
+  ), t = l.filter((o) => d.some((r) => r.guid === o.category_guid)).sort((o, r) => o.total - r.total).map((o, r) => ({
+    guid: o.category_guid,
+    name: i.find((c) => c.guid === o.category_guid)?.name,
     color: g[r],
     categoryTotals: [],
-    amount: Math.abs(t.total)
-  })), n = o.reduce(
-    (t, r) => t + r.amount,
+    amount: Math.abs(o.total)
+  })), n = t.reduce(
+    (o, r) => o + r.amount,
     0
-  ), a = o.map((t) => ({
-    id: t.guid,
-    color: t.color,
-    label: t.name,
-    value: t.amount / n * 100
+  ), a = t.map((o) => ({
+    id: o.guid,
+    color: o.color,
+    label: o.name,
+    value: o.amount / n * 100
   }));
   return {
-    categoryData: o,
+    categoryData: t,
     donutData: a,
     totalAmount: n
   };
@@ -94,42 +94,42 @@ const T = 5, B = (i, l, g, d) => d.reduce((o, n) => {
   isIncome: l = !1,
   onSelected: g,
   onViewTransactions: d,
-  selectedId: o,
+  selectedId: t,
   size: n = 150,
   totalLabel: a,
-  variant: t = "mini"
+  variant: o = "mini"
 }) => {
-  const { spending: r } = $(), c = N(), { isTablet: e } = j(), { announce: s, ariaLive: C } = O(), u = x.useMemo(
-    () => o ? i.categoryData.find((b) => b.guid === o) : void 0,
-    [o]
+  const { spending: r } = j(), c = k(), { isTablet: e } = R(), { announce: s, ariaLive: C } = $(), u = x.useMemo(
+    () => t ? i.categoryData.find((b) => b.guid === t) : void 0,
+    [t]
   );
   x.useEffect(() => {
     if (u) {
-      const b = D(u.amount, "0,0");
+      const b = D(u.amount, o === "mini" ? "0,0" : "0,0.00");
       s(`${u.name}: ${b}`);
     }
-  }, [u, s]);
+  }, [u, s, o]);
   const S = x.useMemo(() => i.donutData.length > 0 ? i.donutData : [{ id: "0", color: c.palette.divider, value: 100 }], [i, c]), E = () => {
-    d?.(o);
+    d?.(t);
   }, I = e ? 32 : 48;
-  return /* @__PURE__ */ y(v, { children: [
+  return /* @__PURE__ */ y(w, { children: [
     C,
-    /* @__PURE__ */ m(G, { data: S, onClick: g, selectedId: o, size: n, children: /* @__PURE__ */ m(f, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ y(f, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
+    /* @__PURE__ */ m(O, { data: S, onClick: g, selectedId: t, size: n, children: /* @__PURE__ */ m(f, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ y(f, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
       u && /* @__PURE__ */ y(
         f,
         {
           alignItems: "center",
-          gap: t === "mini" ? 0 : 8,
-          mb: t === "mini" ? 0 : 8,
-          mt: t === "mini" ? 0 : -16,
-          sx: t === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
+          gap: o === "mini" ? 0 : 8,
+          mb: o === "mini" ? 0 : 8,
+          mt: o === "mini" ? 0 : -16,
+          sx: o === "mini" ? { gap: 0, mb: 0 } : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } },
           children: [
             /* @__PURE__ */ m(
-              k,
+              A,
               {
                 categoryGuid: l ? p.INCOME : u.guid,
-                size: t === "mini" ? 24 : I,
-                variant: A.Transparent
+                size: o === "mini" ? 24 : I,
+                variant: G.Transparent
               }
             ),
             /* @__PURE__ */ m(
@@ -137,18 +137,18 @@ const T = 5, B = (i, l, g, d) => d.reduce((o, n) => {
               {
                 color: "secondary",
                 noWrap: !0,
-                variant: t === "mini" ? "Tiny" : "Body",
+                variant: o === "mini" ? "Tiny" : "Body",
                 children: u ? u.name : a
               }
             )
           ]
         }
       ),
-      !u && t === "full" && /* @__PURE__ */ m(h, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: a }),
-      /* @__PURE__ */ m(h, { variant: t === "mini" ? "H2" : "H1", children: u ? D(u.amount, "0,0") : D(i.totalAmount, "0,0") }),
-      !u && t === "mini" && /* @__PURE__ */ m(h, { color: "secondary", noWrap: !0, variant: "Tiny", children: a }),
-      t === "full" && /* @__PURE__ */ m(
-        M,
+      !u && o === "full" && /* @__PURE__ */ m(h, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: a }),
+      /* @__PURE__ */ m(h, { variant: o === "mini" ? "H2" : "H1", children: u ? D(u.amount, o === "mini" ? "0,0" : "0,0.00") : D(i.totalAmount, o === "mini" ? "0,0" : "0,0.00") }),
+      !u && o === "mini" && /* @__PURE__ */ m(h, { color: "secondary", noWrap: !0, variant: "Tiny", children: a }),
+      o === "full" && /* @__PURE__ */ m(
+        N,
         {
           "aria-label": `View ${u?.name || ""} Transactions`,
           disabled: i.categoryData.length === 0,
@@ -160,34 +160,34 @@ const T = 5, B = (i, l, g, d) => d.reduce((o, n) => {
       )
     ] }) }) })
   ] });
-}, et = w(H), rt = ({ data: i, onSelected: l, selectedId: g }) => {
-  const d = (o, n) => {
-    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), l(n));
+}, eo = M(H), ro = ({ data: i, onSelected: l, selectedId: g }) => {
+  const d = (t, n) => {
+    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), l(n));
   };
-  return /* @__PURE__ */ m(f, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: i.categoryData.map((o) => /* @__PURE__ */ y(
+  return /* @__PURE__ */ m(f, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: i.categoryData.map((t) => /* @__PURE__ */ y(
     f,
     {
       alignItems: "center",
-      "aria-label": o.name,
-      "aria-pressed": o.guid === g,
+      "aria-label": t.name,
+      "aria-pressed": t.guid === g,
       direction: "row",
       gap: 8,
-      onClick: () => l(o.guid),
-      onKeyDown: (n) => d(n, o.guid),
+      onClick: () => l(t.guid),
+      onKeyDown: (n) => d(n, t.guid),
       role: "button",
       sx: { cursor: "pointer" },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ m(R, { borderRadius: 4, height: 8, sx: { backgroundColor: o.color }, width: 8 }),
-        /* @__PURE__ */ m(h, { bold: o.guid === g, variant: "XSmall", children: o.name })
+        /* @__PURE__ */ m(v, { borderRadius: 4, height: 8, sx: { backgroundColor: t.color }, width: 8 }),
+        /* @__PURE__ */ m(h, { bold: t.guid === g, variant: "XSmall", children: t.name })
       ]
     },
-    o.guid
+    t.guid
   )) });
 };
 export {
-  et as S,
-  nt as a,
-  rt as b,
-  ot as g
+  eo as S,
+  no as a,
+  ro as b,
+  to as g
 };

package/dist/finstrong/index.es.js

@@ -48,7 +48,7 @@ import { ChartsXAxis as qn } from "@mui/x-charts/ChartsXAxis";
 import { ChartsYAxis as Un } from "@mui/x-charts/ChartsYAxis";
 import { startOfMonth as kt } from "date-fns/startOfMonth";
 import { endOfMonth as Mt } from "date-fns/endOfMonth";
-import { g as Qn, S as Zn, b as Jn } from "../SpendingLegend-BuDjbr2d.mjs";
+import { g as Qn, S as Zn, b as Jn } from "../SpendingLegend-BLAhLb1w.mjs";
 import { formatISO as eo } from "date-fns/formatISO";
 import { fromUnixTime as to } from "date-fns/fromUnixTime";
 import { startOfToday as ot } from "date-fns/startOfToday";

package/dist/spending/components/SpendingTabLabel.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 interface SpendingTabLabelProps {
     amount: number;
     label: string;
+    variant?: 'mini' | 'full';
 }
 declare const SpendingTabLabel: React.FC<SpendingTabLabelProps>;
 export default SpendingTabLabel;

package/dist/spending/index.es.js

@@ -1,6 +1,6 @@
 import { jsxs as d, jsx as t } from "react/jsx-runtime";
 import a from "react";
-import { observer as D } from "mobx-react-lite";
+import { observer as v } from "mobx-react-lite";
 import { startOfMonth as st } from "date-fns/startOfMonth";
 import { endOfMonth as rt } from "date-fns/endOfMonth";
 import w from "@mui/material/Box";
@@ -8,18 +8,18 @@ import _ from "@mui/material/Stack";
 import E from "@mui/material/Tab";
 import ct from "@mui/material/Tabs";
 import _t from "@mui/material/styles/useTheme";
-import { g as lt, a as dt, S as W, b as Q } from "../SpendingLegend-BuDjbr2d.mjs";
+import { g as lt, a as dt, S as W, b as Q } from "../SpendingLegend-BLAhLb1w.mjs";
 import { Text as T, Icon as St } from "@mxenabled/mxui";
 import { f as A } from "../NumberFormatting-DjTD0t3W.mjs";
-import { u as v, b as R, m as H, d as gt, a as V, h as Ct, g as Tt } from "../hooks-ZMp65DFz.mjs";
+import { u as D, b as R, m as H, d as gt, a as V, h as Ct, g as Tt } from "../hooks-ZMp65DFz.mjs";
 import { u as pt } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { L as P } from "../Loader-DUaFpDGv.mjs";
 import { M as Mt } from "../MiniWidgetContainer-98-hKFqm.mjs";
 import { startOfToday as Z } from "date-fns/startOfToday";
 import xt from "@mui/material/Button";
 import { useTheme as wt } from "@mui/material";
-import { e as Dt } from "../exportTransactionsToCSV-BrTYdSgJ.mjs";
-import { T as vt, a as Lt } from "../TransactionDetails-BKoBKUNp.mjs";
+import { e as vt } from "../exportTransactionsToCSV-BrTYdSgJ.mjs";
+import { T as Dt, a as Lt } from "../TransactionDetails-BKoBKUNp.mjs";
 import It from "@mui/material/Collapse";
 import F from "@mui/material/Divider";
 import tt from "@mui/material/List";
@@ -29,11 +29,11 @@ import { u as At } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as ot } from "../Drawer-DV4NTsFg.mjs";
 import { b as L } from "../Category-CevNQ03n.mjs";
 import { A as at, W as Et } from "../WidgetContainer-COyiIVSd.mjs";
-const N = ({ amount: e, label: g }) => /* @__PURE__ */ d(_, { direction: "column", children: [
+const N = ({ amount: e, label: g, variant: o = "full" }) => /* @__PURE__ */ d(_, { direction: "column", children: [
   /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "Body", children: g }),
-  /* @__PURE__ */ t(T, { variant: "XSmall", children: A(e, "0,0") })
+  /* @__PURE__ */ t(T, { variant: "XSmall", children: A(e, o === "mini" ? "0,0" : "0,0.00") })
 ] }), Wt = () => {
-  const e = _t(), { goals: g, spending: o } = v(), { selectedAccounts: s } = R(), {
+  const e = _t(), { goals: g, spending: o } = D(), { selectedAccounts: s } = R(), {
     categories: i,
     dateRangeCategoryTotals: r,
     dataRangeTotalsLoaded: n,
@@ -90,7 +90,8 @@ const N = ({ amount: e, label: g }) => /* @__PURE__ */ d(_, { direction: "column
                 N,
                 {
                   amount: b.totalAmount,
-                  label: o.spend_tab_title
+                  label: o.spend_tab_title,
+                  variant: "mini"
                 }
               ),
               tabIndex: m === 0 ? 0 : -1
@@ -105,7 +106,8 @@ const N = ({ amount: e, label: g }) => /* @__PURE__ */ d(_, { direction: "column
                 N,
                 {
                   amount: y.totalAmount,
-                  label: o.income_tab_title
+                  label: o.income_tab_title,
+                  variant: "mini"
                 }
               ),
               tabIndex: m === 1 ? 0 : -1
@@ -158,8 +160,8 @@ const N = ({ amount: e, label: g }) => /* @__PURE__ */ d(_, { direction: "column
       }
     )
   ] }) : /* @__PURE__ */ t(P, { height: 250 });
-}, Nt = D(Wt), Rt = ({ onPrimaryCtaClick: e, sx: g = {} }) => {
-  const { visibleAccounts: o } = gt(), { spending: s } = v(), { isCopyLoaded: i, isInitialized: r, setSelectedAccounts: n } = R();
+}, Nt = v(Wt), Rt = ({ onPrimaryCtaClick: e, sx: g = {} }) => {
+  const { visibleAccounts: o } = gt(), { spending: s } = D(), { isCopyLoaded: i, isInitialized: r, setSelectedAccounts: n } = R();
   return a.useEffect(() => {
     n(o);
   }, [o]), !i || !r ? /* @__PURE__ */ t(P, {}) : /* @__PURE__ */ t(
@@ -173,13 +175,13 @@ const N = ({ amount: e, label: g }) => /* @__PURE__ */ d(_, { direction: "column
       children: /* @__PURE__ */ t(Nt, {})
     }
   );
-}, _e = D(Rt), $t = ({
+}, _e = v(Rt), $t = ({
   data: e,
   onSelected: g,
   selectedId: o = "",
   title: s
 }) => {
-  const { spending: i } = v(), r = e.categoryData.find((n) => n.guid === o);
+  const { spending: i } = D(), r = e.categoryData.find((n) => n.guid === o);
   return /* @__PURE__ */ d(_, { direction: "column", justifyContent: "center", maxWidth: 400, minWidth: 275, width: "100%", children: [
     /* @__PURE__ */ t(T, { bold: !0, id: "spending-list-title", sx: { py: 12 }, children: `${s} ${i.by_category}` }),
     /* @__PURE__ */ t(F, { "aria-hidden": "true" }),
@@ -219,7 +221,7 @@ const N = ({ amount: e, label: g }) => /* @__PURE__ */ d(_, { direction: "column
                     width: "100%",
                     children: [
                       /* @__PURE__ */ t(T, { bold: o === n.guid, children: n.name }),
-                      /* @__PURE__ */ t(T, { bold: o === n.guid, variant: "Body", children: A(n.amount, "0,0") })
+                      /* @__PURE__ */ t(T, { bold: o === n.guid, variant: "Body", children: A(n.amount, "0,0.00") })
                     ]
                   }
                 )
@@ -248,7 +250,7 @@ const N = ({ amount: e, label: g }) => /* @__PURE__ */ d(_, { direction: "column
                     u.name,
                     " "
                   ] }),
-                  /* @__PURE__ */ t(T, { children: A(u.amount, "0,0") })
+                  /* @__PURE__ */ t(T, { children: A(u.amount, "0,0.00") })
                 ] })
               }
             )
@@ -258,16 +260,16 @@ const N = ({ amount: e, label: g }) => /* @__PURE__ */ d(_, { direction: "column
         /* @__PURE__ */ t(F, {})
       ] }) })
     ] }, n.guid)) }),
-    /* @__PURE__ */ t(T, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${i.total}: ${A(e.totalAmount, "0,0")}` })
+    /* @__PURE__ */ t(T, { bold: !0, sx: { mt: 12, pr: 8, textAlign: "right" }, children: `${i.total}: ${A(e.totalAmount, "0,0.00")}` })
   ] });
-}, kt = D($t), Ot = ({
+}, kt = v($t), Ot = ({
   data: e,
   onSelected: g,
   onViewTransactions: o,
   selectedId: s,
   title: i
 }) => {
-  const { isDesktop: r, isMobile: n } = At(), { isLoadingCategoryTotals: u } = H(), { spending: c } = v();
+  const { isDesktop: r, isMobile: n } = At(), { isLoadingCategoryTotals: u } = H(), { spending: c } = D();
   return /* @__PURE__ */ d(
     _,
     {
@@ -312,7 +314,7 @@ const N = ({ amount: e, label: g }) => /* @__PURE__ */ d(_, { direction: "column
       ]
     }
   );
-}, it = D(Ot), Bt = (e) => [
+}, it = v(Ot), Bt = (e) => [
   e.palette.chartMono.chartMono5,
   e.palette.chartMono.chartMono4,
   e.palette.chartMono.chartMono3,
@@ -329,7 +331,7 @@ const N = ({ amount: e, label: g }) => /* @__PURE__ */ d(_, { direction: "column
     goals: u,
     spending: c,
     transactions: f
-  } = v(), { displayedDateRange: p, selectedAccounts: m, selectedAccountGuids: M } = R(), {
+  } = D(), { displayedDateRange: p, selectedAccounts: m, selectedAccountGuids: M } = R(), {
     setFilter: b,
     sortedTransactions: y,
     sortedTransactionsWithSplits: $,
@@ -392,7 +394,7 @@ const N = ({ amount: e, label: g }) => /* @__PURE__ */ d(_, { direction: "column
       });
     B(!0);
   }, bt = () => {
-    Dt($, x);
+    vt($, x);
   };
   return /* @__PURE__ */ d(w, { children: [
     /* @__PURE__ */ d(ct, { onChange: ht, value: I, variant: "fullWidth", children: [
@@ -458,7 +460,7 @@ const N = ({ amount: e, label: g }) => /* @__PURE__ */ d(_, { direction: "column
               children: f.export_csv_btn
             }
           ) }),
-          /* @__PURE__ */ t(vt, { onClick: X })
+          /* @__PURE__ */ t(Dt, { onClick: X })
         ] })
       }
     ),
@@ -473,8 +475,8 @@ const N = ({ amount: e, label: g }) => /* @__PURE__ */ d(_, { direction: "column
       }
     )
   ] });
-}, jt = D(Gt), zt = ({ onBackClick: e, sx: g = {} }) => {
-  const { visibleAccounts: o } = gt(), { spending: s } = v(), { isCopyLoaded: i, isInitialized: r, setDisplayedDate: n, setSelectedAccounts: u } = R(), { onEvent: c } = Tt(), { clientConfig: f } = V(), p = f?.master?.deep_link_params?.date_range, [m, M] = a.useState(!1);
+}, jt = v(Gt), zt = ({ onBackClick: e, sx: g = {} }) => {
+  const { visibleAccounts: o } = gt(), { spending: s } = D(), { isCopyLoaded: i, isInitialized: r, setDisplayedDate: n, setSelectedAccounts: u } = R(), { onEvent: c } = Tt(), { clientConfig: f } = V(), p = f?.master?.deep_link_params?.date_range, [m, M] = a.useState(!1);
   a.useEffect(() => {
     u(o);
   }, [o]), a.useEffect(() => {
@@ -495,7 +497,7 @@ const N = ({ amount: e, label: g }) => /* @__PURE__ */ d(_, { direction: "column
       children: /* @__PURE__ */ t(w, { width: "100%", children: /* @__PURE__ */ t(jt, {}) })
     }
   );
-}, Se = D(zt);
+}, Se = v(zt);
 export {
   _e as SpendingMiniWidget,
   Se as SpendingWidget

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.6.19",
+  "version": "7.6.20",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",