@mx-cartographer/experiences 7.12.17 → 7.13.1

package/dist/networth/index.es.js

@@ -1,53 +1,53 @@
-import { jsx as e, jsxs as o, Fragment as D } from "react/jsx-runtime";
-import { fromUnixTime as oe } from "date-fns/fromUnixTime";
-import { observer as S } from "mobx-react-lite";
+import { jsx as e, jsxs as r, Fragment as D } from "react/jsx-runtime";
+import { fromUnixTime as re } from "date-fns/fromUnixTime";
+import { observer as _ } from "mobx-react-lite";
 import ie from "@mui/material/Stack/Stack";
-import { useTheme as j } from "@mui/material/styles";
-import { L as ae } from "../LineChart-B1qbKR8q.mjs";
-import { p as se, q as R, u as N, g as z, d as ce, b as Y } from "../hooks-BxkfR-Ff.mjs";
+import { useTheme as z } from "@mui/material/styles";
+import { L as ae } from "../LineChart-DBSlRSEm.mjs";
+import { p as se, q as $, u as N, g as G, d as ce, b as Y } from "../hooks-BxkfR-Ff.mjs";
 import { u as q } from "../useScreenSize-B6JyS_Lj.mjs";
-import { f as le, D as me } from "../DateFormats-BMpMrZpW.mjs";
+import { f as le, D as de } from "../DateFormats-BMpMrZpW.mjs";
 import u from "react";
-import de from "@mui/material/Button";
+import me from "@mui/material/Button";
 import T from "@mui/material/Divider";
-import $ from "@mui/material/List";
+import j from "@mui/material/List";
 import k from "@mui/material/ListSubheader";
-import d from "@mui/material/Stack";
-import { Text as m, Icon as B, P as Z } from "@mxenabled/mxui";
+import m from "@mui/material/Stack";
+import { Text as d, Icon as R, P as Z } from "@mxenabled/mxui";
 import A from "@mui/material/ListItem";
 import J from "@mui/material/ListItemButton";
-import _ from "@mui/material/ListItemText";
+import b from "@mui/material/ListItemText";
 import { i as Q } from "../DateUtil-wcYTmDRD.mjs";
 import { C as x } from "../CurrencyText-CA-E5N_y.mjs";
 import P from "@mui/material/styles/useTheme";
 import { Stack as he } from "@mui/material";
 import ee from "@mui/material/Box";
 import pe from "@mui/material/Collapse";
-import X from "@mui/material/ListItemIcon";
-import { g as F } from "../NetWorthStore-BqZ44-4M.mjs";
-import { N as Wt } from "../NetWorthStore-BqZ44-4M.mjs";
-import { D as K } from "../Drawer-DV4NTsFg.mjs";
-import { A as v } from "../Analytics-BYItVAe-.mjs";
+import F from "@mui/material/ListItemIcon";
+import { g as K } from "../NetWorthStore-BqZ44-4M.mjs";
+import { N as St } from "../NetWorthStore-BqZ44-4M.mjs";
+import { D as U } from "../Drawer-Bbe4AMB1.mjs";
+import { A as W } from "../Analytics-BYItVAe-.mjs";
 import { format as ue, fromUnixTime as fe, differenceInMonths as xe } from "date-fns";
 import { Icon as te } from "@mxenabled/mx-icons";
-import { f as U } from "../NumberFormatting-QCaNwbjv.mjs";
+import { f as V } from "../NumberFormatting-QCaNwbjv.mjs";
 import { u as ne } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { L as re } from "../Loader-D3rjKx72.mjs";
+import { L as oe } from "../Loader-D3rjKx72.mjs";
 import { M as ge } from "../MicroWidgetContainer-B_EnfvCq.mjs";
-import { C as ye } from "../ConnectionsDrawer-DqhSaMrJ.mjs";
-import { W as Ce } from "../WidgetContainer-B0ncgABX.mjs";
-import { E as _e } from "../EmptyState-DHAkGsjk.mjs";
-const Se = () => {
-  const { isMobile: t } = q(), { availableWidth: a } = se(), i = j(), {
+import { C as ye } from "../ConnectionsDrawer-IA7vnv1J.mjs";
+import { W as Ce } from "../WidgetContainer-D_iaToWJ.mjs";
+import { E as be } from "../EmptyState-DHAkGsjk.mjs";
+const _e = () => {
+  const { isMobile: t } = q(), { availableWidth: a } = se(), i = z(), {
     hoveredData: n,
     netWorthChartData: s,
-    selectedData: r,
+    selectedData: o,
     setHoveredIndex: c,
     setSelectedIndex: l
-  } = R(), f = a - 320, g = s.map((h) => ({
-    x: le(oe(h.x), me.MONTH_SHORT),
+  } = $(), f = a - 320, g = s.map((h) => ({
+    x: le(re(h.x), de.MONTH_SHORT),
     y: h.y
-  })), w = r ? { index: s.findIndex((h) => h.x === r.x) } : void 0, y = n ? { index: s.findIndex((h) => h.x === n.x) } : void 0, b = (h) => ({
+  })), w = o ? { index: s.findIndex((h) => h.x === o.x) } : void 0, y = n ? { index: s.findIndex((h) => h.x === n.x) } : void 0, v = (h) => ({
     fill: h === w?.index ? i.palette.success.main : "",
     filter: h === y?.index ? `drop-shadow(0px 0px 10px ${i.palette.success.main})` : "none",
     stroke: i.palette.success.main
@@ -71,20 +71,20 @@ const Se = () => {
       labels: [],
       margin: { right: 20, left: 38 },
       markHandlers: { onMarkClick: I, onMouseEnter: L, onMouseLeave: E },
-      markStyles: b,
+      markStyles: v,
       showArea: !0,
       useCustomMark: !0,
       valueFormatterString: "0.0[0]a",
       width: t ? a - 48 : f
     }
   ) });
-}, we = S(Se), be = ({
+}, we = _(_e), ve = ({
   item: t,
   getStyles: a,
   isHovered: i = !1,
   isSelected: n = !1,
   onItemClick: s,
-  onMouseEnter: r,
+  onMouseEnter: o,
   onMouseLeave: c
 }) => {
   const [l, f] = u.useState({
@@ -92,7 +92,7 @@ const Se = () => {
   });
   return u.useEffect(() => {
     f(a(t));
-  }, [i, n]), /* @__PURE__ */ o(u.Fragment, { children: [
+  }, [i, n]), /* @__PURE__ */ r(u.Fragment, { children: [
     /* @__PURE__ */ e(
       A,
       {
@@ -105,15 +105,15 @@ const Se = () => {
           J,
           {
             onClick: (g) => s?.(g, t.x),
-            onMouseEnter: () => r(t.x),
+            onMouseEnter: () => o(t.x),
             onMouseLeave: () => c(),
             sx: { minHeight: 20, padding: 12 },
             children: /* @__PURE__ */ e(
-              _,
+              b,
               {
-                primary: /* @__PURE__ */ o(d, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
-                  /* @__PURE__ */ e(m, { variant: "Body", children: Q(t.x) }),
-                  /* @__PURE__ */ e(x, { amount: t.y, sx: { color: "inherit" }, variant: "Body" })
+                primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
+                  /* @__PURE__ */ e(d, { variant: "body1", children: Q(t.x) }),
+                  /* @__PURE__ */ e(x, { amount: t.y, sx: { color: "inherit" }, variant: "body1" })
                 ] })
               }
             )
@@ -123,64 +123,64 @@ const Se = () => {
     ),
     /* @__PURE__ */ e(T, {})
   ] }, t.x);
-}, ve = S(be), We = ({
+}, We = _(ve), Se = ({
   currencyLabel: t,
-  currencyVariant: a = "Small",
+  currencyVariant: a = "body2",
   iconSize: i,
   netWorth: n,
   theme: s
 }) => {
-  let r = s.palette.secondary.main, c = s.palette.secondary.main, l = "trending_flat";
-  return n.change < 0 ? l = "trending_down" : n.change > 0 && (r = s.palette.success.main, c = s.palette.success.main, l = "trending_up"), /* @__PURE__ */ o(he, { alignItems: "center", direction: "row", spacing: 4, children: [
+  let o = s.palette.secondary.main, c = s.palette.secondary.main, l = "trending_flat";
+  return n.change < 0 ? l = "trending_down" : n.change > 0 && (o = s.palette.success.main, c = s.palette.success.main, l = "trending_up"), /* @__PURE__ */ r(he, { alignItems: "center", direction: "row", spacing: 4, children: [
     /* @__PURE__ */ e(
-      B,
+      R,
       {
         name: l,
         size: i,
         sx: {
-          color: r
+          color: o
         }
       }
     ),
     /* @__PURE__ */ e(x, { amount: n.change, color: c, variant: a }),
-    /* @__PURE__ */ e(m, { variant: "Small", children: t })
+    /* @__PURE__ */ e(d, { variant: "body2", children: t })
   ] });
-}, G = S(We), Te = ({
+}, B = _(Se), Te = ({
   netWorth: t,
   gains: a,
   losses: i,
   totalGains: n,
   totalLosses: s
 }) => {
-  const { net_worth: r } = N(), c = P();
-  return /* @__PURE__ */ o(D, { children: [
-    /* @__PURE__ */ o(d, { alignItems: "center", justifyContent: "space-between", mb: 8, pt: 24, children: [
-      /* @__PURE__ */ e(m, { variant: "Small", children: Q(t?.x) }),
-      /* @__PURE__ */ e(m, { variant: "Body", children: r.total_change }),
-      t && /* @__PURE__ */ e(G, { currencyVariant: "H1", iconSize: 32, netWorth: t, theme: c })
+  const { net_worth: o } = N(), c = P();
+  return /* @__PURE__ */ r(D, { children: [
+    /* @__PURE__ */ r(m, { alignItems: "center", justifyContent: "space-between", mb: 8, pt: 24, children: [
+      /* @__PURE__ */ e(d, { variant: "body2", children: Q(t?.x) }),
+      /* @__PURE__ */ e(d, { variant: "body1", children: o.total_change }),
+      t && /* @__PURE__ */ e(B, { currencyVariant: "h1", iconSize: 32, netWorth: t, theme: c })
     ] }),
-    /* @__PURE__ */ o($, { children: [
+    /* @__PURE__ */ r(j, { children: [
       /* @__PURE__ */ e(k, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
-        _,
+        b,
         {
-          primary: /* @__PURE__ */ o(d, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: r.gains }),
-            /* @__PURE__ */ e(x, { amount: n, sx: { fontWeight: 400 }, variant: "XSmall" })
+          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.gains }),
+            /* @__PURE__ */ e(x, { amount: n, sx: { fontWeight: 400 }, variant: "caption" })
           ] })
         }
       ) }),
-      a?.map((l) => /* @__PURE__ */ o(u.Fragment, { children: [
+      a?.map((l) => /* @__PURE__ */ r(u.Fragment, { children: [
         /* @__PURE__ */ e(A, { sx: { backgroundColor: c.palette.background.paper, py: 14 }, children: /* @__PURE__ */ e(
-          _,
+          b,
           {
-            primary: /* @__PURE__ */ o(d, { direction: "row", justifyContent: "space-between", children: [
-              /* @__PURE__ */ e(m, { sx: { mr: 10 }, variant: "Body", children: l.accountName }),
+            primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
+              /* @__PURE__ */ e(d, { sx: { mr: 10 }, variant: "body1", children: l.accountName }),
               /* @__PURE__ */ e(
                 x,
                 {
                   amount: l.gain,
                   sx: { color: c.palette.success.main, flexShrink: 0, fontWeight: 700 },
-                  variant: "Body"
+                  variant: "body1"
                 }
               )
             ] }),
@@ -190,30 +190,30 @@ const Se = () => {
         /* @__PURE__ */ e(T, {})
       ] }, l.accountName)),
       /* @__PURE__ */ e(k, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
-        _,
+        b,
         {
-          primary: /* @__PURE__ */ o(d, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: r.losses }),
-            /* @__PURE__ */ e(x, { amount: s, sx: { fontWeight: 400 }, variant: "XSmall" })
+          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.losses }),
+            /* @__PURE__ */ e(x, { amount: s, sx: { fontWeight: 400 }, variant: "caption" })
           ] })
         }
       ) }),
-      i?.map((l) => /* @__PURE__ */ o(D, { children: [
+      i?.map((l) => /* @__PURE__ */ r(D, { children: [
         /* @__PURE__ */ e(
           A,
           {
             sx: { backgroundColor: c.palette.background.paper, py: 14 },
             children: /* @__PURE__ */ e(
-              _,
+              b,
               {
-                primary: /* @__PURE__ */ o(d, { direction: "row", justifyContent: "space-between", children: [
+                primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
                   /* @__PURE__ */ e(
-                    m,
+                    d,
                     {
                       sx: {
                         mr: 10
                       },
-                      variant: "Body",
+                      variant: "body1",
                       children: l.accountName
                     }
                   ),
@@ -222,7 +222,7 @@ const Se = () => {
                     {
                       amount: l.loss,
                       sx: { flexShrink: 0, fontWeight: 700 },
-                      variant: "Body"
+                      variant: "body1"
                     }
                   )
                 ] }),
@@ -236,43 +236,43 @@ const Se = () => {
       ] }))
     ] })
   ] });
-}, Ie = S(Te), Le = ({ accounts: t, name: a, icon: i }) => {
+}, Ie = _(Te), Le = ({ accounts: t, name: a, icon: i }) => {
   const [n, s] = u.useState(!1);
-  return /* @__PURE__ */ o(D, { children: [
-    /* @__PURE__ */ e(A, { sx: (r) => ({ backgroundColor: r.palette.background.paper }), children: /* @__PURE__ */ o(J, { onClick: () => s(!n), children: [
-      i && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(B, { name: i, size: 24, sx: { mr: 12 } }) }),
+  return /* @__PURE__ */ r(D, { children: [
+    /* @__PURE__ */ e(A, { sx: (o) => ({ backgroundColor: o.palette.background.paper }), children: /* @__PURE__ */ r(J, { onClick: () => s(!n), children: [
+      i && /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(R, { name: i, size: 24, sx: { mr: 12 } }) }),
       /* @__PURE__ */ e(
-        _,
+        b,
         {
-          primary: /* @__PURE__ */ e(m, { sx: { fontWeight: 700 }, variant: "Body", children: a })
+          primary: /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "body1", children: a })
         }
       ),
-      /* @__PURE__ */ e(X, { children: n ? /* @__PURE__ */ e(B, { name: "expand_less", size: 24 }) : /* @__PURE__ */ e(B, { name: "expand_more", size: 24 }) })
+      /* @__PURE__ */ e(F, { children: n ? /* @__PURE__ */ e(R, { name: "expand_less", size: 24 }) : /* @__PURE__ */ e(R, { name: "expand_more", size: 24 }) })
     ] }) }),
     /* @__PURE__ */ e(T, {}),
-    /* @__PURE__ */ e(pe, { in: n, timeout: "auto", unmountOnExit: !0, children: t.map((r, c) => /* @__PURE__ */ o($, { children: [
+    /* @__PURE__ */ e(pe, { in: n, timeout: "auto", unmountOnExit: !0, children: t.map((o, c) => /* @__PURE__ */ r(j, { children: [
       /* @__PURE__ */ e(A, { sx: () => ({ py: 14 }), children: /* @__PURE__ */ e(
-        _,
+        b,
         {
-          primary: /* @__PURE__ */ o(d, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
+          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", sx: { fontWeight: 400 }, children: [
             /* @__PURE__ */ e(
-              m,
+              d,
               {
                 sx: {
                   marginRight: 10
                 },
-                variant: "Body",
-                children: r.accountName
+                variant: "body1",
+                children: o.accountName
               }
             ),
             /* @__PURE__ */ e(
               x,
               {
-                amount: r.balance,
+                amount: o.balance,
                 sx: {
                   flexShrink: 0
                 },
-                variant: "Small"
+                variant: "body2"
               }
             )
           ] }),
@@ -280,18 +280,18 @@ const Se = () => {
         }
       ) }),
       c < t.length - 1 ? /* @__PURE__ */ e(T, { variant: "inset" }) : /* @__PURE__ */ e(T, {})
-    ] }, r.accountName)) })
+    ] }, o.accountName)) })
   ] });
-}, V = ({ groupedAccounts: t }) => /* @__PURE__ */ e(D, { children: t.map(({ accounts: a, icon: i, name: n }) => /* @__PURE__ */ e(Le, { accounts: a, icon: i, name: n }, n)) }), De = ({
+}, X = ({ groupedAccounts: t }) => /* @__PURE__ */ e(D, { children: t.map(({ accounts: a, icon: i, name: n }) => /* @__PURE__ */ e(Le, { accounts: a, icon: i, name: n }, n)) }), De = ({
   netWorth: t,
   assets: a,
   liabilities: i,
   totalAssets: n,
   totalLiabilities: s
 }) => {
-  const { net_worth: r } = N(), c = P();
-  return /* @__PURE__ */ o(D, { children: [
-    /* @__PURE__ */ o(
+  const { net_worth: o } = N(), c = P();
+  return /* @__PURE__ */ r(D, { children: [
+    /* @__PURE__ */ r(
       ee,
       {
         sx: {
@@ -303,12 +303,12 @@ const Se = () => {
           marginBottom: 8
         },
         children: [
-          /* @__PURE__ */ e(m, { variant: "Body", children: r.current_net_worth }),
-          /* @__PURE__ */ e(x, { amount: t?.y ?? 0, variant: "H1" }),
+          /* @__PURE__ */ e(d, { variant: "body1", children: o.current_net_worth }),
+          /* @__PURE__ */ e(x, { amount: t?.y ?? 0, variant: "h1" }),
           t && /* @__PURE__ */ e(
-            G,
+            B,
             {
-              currencyLabel: r.this_month,
+              currencyLabel: o.this_month,
               iconSize: 20,
               netWorth: t,
               theme: c
@@ -317,74 +317,81 @@ const Se = () => {
         ]
       }
     ),
-    /* @__PURE__ */ o($, { children: [
+    /* @__PURE__ */ r(j, { children: [
       /* @__PURE__ */ e(k, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
-        _,
+        b,
         {
-          primary: /* @__PURE__ */ o(d, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: r.assets }),
-            /* @__PURE__ */ e(x, { amount: n, sx: { fontWeight: 400 }, variant: "XSmall" })
+          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.assets }),
+            /* @__PURE__ */ e(x, { amount: n, sx: { fontWeight: 400 }, variant: "caption" })
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(V, { groupedAccounts: F(a) }),
+      /* @__PURE__ */ e(X, { groupedAccounts: K(a) }),
       /* @__PURE__ */ e(k, { sx: { mb: 8, mt: 12, mx: 8 }, children: /* @__PURE__ */ e(
-        _,
+        b,
         {
-          primary: /* @__PURE__ */ o(d, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ e(m, { sx: { fontWeight: 700 }, variant: "XSmall", children: r.liabilities }),
-            /* @__PURE__ */ e(x, { amount: s, sx: { fontWeight: 400 }, variant: "XSmall" })
+          primary: /* @__PURE__ */ r(m, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ e(d, { sx: { fontWeight: 700 }, variant: "caption", children: o.liabilities }),
+            /* @__PURE__ */ e(
+              x,
+              {
+                amount: s,
+                sx: { fontWeight: 400 },
+                variant: "caption"
+              }
+            )
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(V, { groupedAccounts: F(i) })
+      /* @__PURE__ */ e(X, { groupedAccounts: K(i) })
     ] })
   ] });
-}, Ne = S(De), Ee = () => {
-  const { net_worth: t } = N(), a = j(), { onEvent: i } = z(), {
+}, Ne = _(De), Ee = () => {
+  const { net_worth: t } = N(), a = z(), { onEvent: i } = G(), {
     assetsLiabilities: n,
     gainsLosses: s,
-    hoveredData: r,
+    hoveredData: o,
     netWorthChartData: c,
     selectedData: l,
     setHoveredIndex: f,
     setSelectedIndex: g
-  } = R(), [w, y] = u.useState(!1), [b, I] = u.useState(!1), L = (p) => {
-    const C = p.x === r?.x, O = p.x === l?.x, W = {
+  } = $(), [w, y] = u.useState(!1), [v, I] = u.useState(!1), L = (p) => {
+    const C = p.x === o?.x, H = p.x === l?.x, S = {
       backgroundColor: "inherit",
       borderBottom: "inherit",
       color: "inherit"
     };
-    return C && (W.color = O ? "inherit" : W.color, W.backgroundColor = a.palette.action.hover), O && (W.backgroundColor = a.palette.primary.main, W.borderBottom = a.palette.border.light, W.color = a.palette.common.white), W;
+    return C && (S.color = H ? "inherit" : S.color, S.backgroundColor = a.palette.action.hover), H && (S.backgroundColor = a.palette.primary.main, S.borderBottom = a.palette.border.light, S.color = a.palette.common.white), S;
   }, E = (p, C) => {
     g(C), p.currentTarget instanceof HTMLDivElement && y(!0);
   }, h = () => {
-    I(!0), i(v.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES);
+    I(!0), i(W.NET_WORTH_WIDGET_CLICK_ASSETS_LIABILITIES);
   }, M = (p) => {
     f(p);
-  }, H = () => {
+  }, O = () => {
     f(-1);
   };
-  return /* @__PURE__ */ o(d, { direction: "column", sx: { width: 320 }, children: [
-    /* @__PURE__ */ o($, { children: [
-      /* @__PURE__ */ e(k, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ e(m, { bold: !0, component: "h2", variant: "Body", children: t.monthly_totals }) }),
+  return /* @__PURE__ */ r(m, { direction: "column", sx: { width: 320 }, children: [
+    /* @__PURE__ */ r(j, { children: [
+      /* @__PURE__ */ e(k, { sx: { backgroundColor: "transparent", mb: 8, mt: 12, px: 12 }, children: /* @__PURE__ */ e(d, { bold: !0, component: "h2", variant: "body1", children: t.monthly_totals }) }),
       /* @__PURE__ */ e(T, {}),
       c.map((p, C) => /* @__PURE__ */ e(
-        ve,
+        We,
         {
           getStyles: L,
-          isHovered: p.x === r?.x,
+          isHovered: p.x === o?.x,
           isSelected: p.x === l?.x,
           item: p,
-          onItemClick: (O) => E(O, C),
+          onItemClick: (H) => E(H, C),
           onMouseEnter: () => M(C),
-          onMouseLeave: () => H()
+          onMouseLeave: () => O()
         },
         p.x
       ))
     ] }),
     /* @__PURE__ */ e(
-      de,
+      me,
       {
         onClick: () => h(),
         sx: { alignSelf: "center", marginTop: 16, width: "fit-content" },
@@ -393,7 +400,7 @@ const Se = () => {
       }
     ),
     /* @__PURE__ */ e(
-      K,
+      U,
       {
         ariaLabelClose: "Close",
         isOpen: w,
@@ -405,10 +412,10 @@ const Se = () => {
       }
     ),
     /* @__PURE__ */ e(
-      K,
+      U,
       {
         ariaLabelClose: "Close",
-        isOpen: b,
+        isOpen: v,
         onClose: () => I(!1),
         shouldShowHeaderBorders: !1,
         shouldShowHeaderShadow: !0,
@@ -417,46 +424,46 @@ const Se = () => {
       }
     )
   ] });
-}, Me = S(Ee), ke = ({ hoveredData: t, selectedData: a }) => {
-  const { net_worth: i } = N(), n = j(), s = t || a, r = ue(fe(s.x), "MMMM");
-  return /* @__PURE__ */ o(d, { alignItems: "center", direction: "column", m: 24, children: [
-    /* @__PURE__ */ e(m, { color: n.palette.secondary.main, variant: "Small", children: `${r} ${i.net_worth}` }),
-    /* @__PURE__ */ e(x, { amount: s.y, variant: "H2" }),
-    /* @__PURE__ */ e(G, { currencyLabel: i.this_month, netWorth: s, theme: n })
+}, Me = _(Ee), ke = ({ hoveredData: t, selectedData: a }) => {
+  const { net_worth: i } = N(), n = z(), s = t || a, o = ue(fe(s.x), "MMMM");
+  return /* @__PURE__ */ r(m, { alignItems: "center", direction: "column", m: 24, children: [
+    /* @__PURE__ */ e(d, { color: n.palette.secondary.main, variant: "body2", children: `${o} ${i.net_worth}` }),
+    /* @__PURE__ */ e(x, { amount: s.y, variant: "h2" }),
+    /* @__PURE__ */ e(B, { currencyLabel: i.this_month, netWorth: s, theme: n })
   ] });
-}, Ae = S(ke), He = ({ amount: t, copy: a, trendValue: i }) => {
-  const n = i > 0, r = i === 0 ? "trending_flat" : n ? "trending_up" : "trending_down";
-  return /* @__PURE__ */ o(d, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-    /* @__PURE__ */ e(Z, { variant: "H1", children: U(t, "0,0") }),
-    t !== 0 && /* @__PURE__ */ o(d, { sx: { color: n ? "success.main" : "text.secondary" }, children: [
-      /* @__PURE__ */ o(d, { sx: { flexDirection: "row", gap: 8 }, children: [
-        /* @__PURE__ */ e(te, { name: r, size: 20 }),
-        /* @__PURE__ */ e(m, { sx: { fontWeight: 600, textAlign: "right" }, variant: "body1", children: U(i, "0,0.00") })
+}, Ae = _(ke), Oe = ({ amount: t, copy: a, trendValue: i }) => {
+  const n = i > 0, o = i === 0 ? "trending_flat" : n ? "trending_up" : "trending_down";
+  return /* @__PURE__ */ r(m, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ e(Z, { variant: "h1", children: V(t, "0,0") }),
+    t !== 0 && /* @__PURE__ */ r(m, { sx: { color: n ? "success.main" : "text.secondary" }, children: [
+      /* @__PURE__ */ r(m, { sx: { flexDirection: "row", gap: 8 }, children: [
+        /* @__PURE__ */ e(te, { name: o, size: 20 }),
+        /* @__PURE__ */ e(d, { sx: { fontWeight: 600, textAlign: "right" }, variant: "body1", children: V(i, "0,0.00") })
       ] }),
-      /* @__PURE__ */ e(m, { sx: { display: "block", textAlign: "right" }, variant: "caption", children: a.this_month })
+      /* @__PURE__ */ e(d, { sx: { display: "block", textAlign: "right" }, variant: "caption", children: a.this_month })
     ] })
   ] });
-}, Oe = ({ copy: t }) => /* @__PURE__ */ o(d, { sx: { flexDirection: "row", gap: 12 }, children: [
+}, He = ({ copy: t }) => /* @__PURE__ */ r(m, { sx: { flexDirection: "row", gap: 12 }, children: [
   /* @__PURE__ */ e(te, { name: "elevation", size: 32, sx: { color: "text.primary" } }),
-  /* @__PURE__ */ o(d, { children: [
-    /* @__PURE__ */ e(m, { sx: { display: "block", fontWeight: 600 }, variant: "body1", children: t.empty_widget_header }),
+  /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ e(d, { sx: { display: "block", fontWeight: 600 }, variant: "body1", children: t.empty_widget_header }),
     /* @__PURE__ */ e(Z, { sx: { color: "text.secondary" }, variant: "body2", children: t.zero_state_description })
   ] })
-] }), St = S(({ onCTAClick: t }) => {
-  const { visibleAccounts: a } = ce(), { onEvent: i } = z(), { net_worth: n, common: s } = N(), { isInitialized: r } = Y(), { isNetWorthDataLoaded: c, loadNetWorthData: l, netWorthData: f, selectedData: g } = R();
+] }), _t = _(({ onCTAClick: t }) => {
+  const { visibleAccounts: a } = ce(), { onEvent: i } = G(), { net_worth: n, common: s } = N(), { isInitialized: o } = Y(), { isNetWorthDataLoaded: c, loadNetWorthData: l, netWorthData: f, selectedData: g } = $();
   if (u.useEffect(() => {
     c || l().finally();
   }, []), ne({
     widgetName: "NetWorthMicroWidget",
     isLoaded: c
   }), u.useEffect(() => {
-    c && i(v.NET_WORTH_LOAD_WIDGET, {
+    c && i(W.NET_WORTH_LOAD_WIDGET, {
       state: a?.length ? "default" : "zeroState"
     });
-  }, [c]), !r || !c) return /* @__PURE__ */ e(re, { height: 100 });
+  }, [c]), !o || !c) return /* @__PURE__ */ e(oe, { height: 100 });
   const w = () => {
     i(
-      a.length ? v.NET_WORTH_CLICK_VIEW_DETAILS : v.NET_WORTH_CLICK_GET_STARTED
+      a.length ? W.NET_WORTH_CLICK_VIEW_DETAILS : W.NET_WORTH_CLICK_GET_STARTED
     ), t();
   };
   return /* @__PURE__ */ e(
@@ -467,47 +474,47 @@ const Se = () => {
       onCTAClick: w,
       title: n.net_worth,
       children: f.accounts.length ? /* @__PURE__ */ e(
-        He,
+        Oe,
         {
           amount: g?.y,
           copy: n,
           trendValue: g?.change
         }
-      ) : /* @__PURE__ */ e(Oe, { copy: n })
+      ) : /* @__PURE__ */ e(He, { copy: n })
     }
   );
-}), wt = S(({ onBackClick: t }) => {
+}), wt = _(({ onBackClick: t }) => {
   const { isInitialized: a } = Y(), { accounts: i, net_worth: n } = N(), {
     hoveredData: s,
-    isNetWorthDataLoaded: r,
+    isNetWorthDataLoaded: o,
     loadNetWorthData: c,
     netWorthChartData: l,
     selectedData: f,
     setTimeframe: g,
     timeframe: w
-  } = R(), { isMobile: y } = q(), { onEvent: b } = z(), [I, L] = u.useState(!1);
+  } = $(), { isMobile: y } = q(), { onEvent: v } = G(), [I, L] = u.useState(!1);
   ne({
     widgetName: "NetWorthWidget",
-    isLoaded: r
+    isLoaded: o
   }), u.useEffect(() => {
-    r || c().finally(), b(v.NET_WORTH_VIEW);
+    o || c().finally(), v(W.NET_WORTH_VIEW);
   }, []), u.useEffect(() => {
-    b(v.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: w + "M" });
+    v(W.NET_WORTH_WIDGET_CLICK_TIMEFRAME, { time_period: w + "M" });
   }, [w]);
-  const E = async (H) => {
-    const p = H[0], C = H[1];
+  const E = async (O) => {
+    const p = O[0], C = O[1];
     p && C && g(xe(C, p));
   }, h = () => {
-    L(!0), b(v.ACCOUNTS_CLICK_CONNECT);
+    L(!0), v(W.ACCOUNTS_CLICK_CONNECT);
   };
-  if (!a || !r) return /* @__PURE__ */ e(re, {});
+  if (!a || !o) return /* @__PURE__ */ e(oe, {});
   const M = l.length === 0;
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     Ce,
     {
       calendarActions: { onRangeChanged: E },
       dateRangeVariant: y ? "timeframetabs" : "timeframebuttons",
-      onAccountsFilterClick: () => b(v.NET_WORTH_WIDGET_CLICK_FILTER),
+      onAccountsFilterClick: () => v(W.NET_WORTH_WIDGET_CLICK_FILTER),
       onBackClick: t,
       showDividerAboveDateSelector: !1,
       sx: {
@@ -526,7 +533,7 @@ const Se = () => {
       title: n.net_worth,
       children: [
         M ? /* @__PURE__ */ e(ee, { sx: { justifyItems: "center" }, children: /* @__PURE__ */ e(
-          _e,
+          be,
           {
             header: n.empty_widget_header,
             icon: "elevation",
@@ -540,10 +547,10 @@ const Se = () => {
               }
             }
           }
-        ) }) : /* @__PURE__ */ o(D, { children: [
+        ) }) : /* @__PURE__ */ r(D, { children: [
           f && /* @__PURE__ */ e(Ae, { hoveredData: s, selectedData: f }),
-          /* @__PURE__ */ o(
-            d,
+          /* @__PURE__ */ r(
+            m,
             {
               alignItems: y ? "center" : "flex-start",
               direction: y ? "column" : "row",
@@ -570,8 +577,8 @@ const Se = () => {
 export {
   we as NetWorthChart,
   Me as NetWorthList,
-  St as NetWorthMicroWidget,
-  Wt as NetWorthStore,
+  _t as NetWorthMicroWidget,
+  St as NetWorthStore,
   Ae as NetWorthSummary,
   wt as NetWorthWidget
 };