@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.sms1

package/dist/trends/index.es.js

@@ -1,89 +1,90 @@
-import { jsxs as y, jsx as e, Fragment as lt } from "react/jsx-runtime";
-import c, { useRef as dt, useState as ut, useEffect as ht } from "react";
+import { jsxs as C, jsx as e, Fragment as dt } from "react/jsx-runtime";
+import c, { useRef as ut, useState as ht, useEffect as gt } from "react";
 import { observer as R } from "mobx-react-lite";
-import { CategoryIcon as we, Text as z, Icon as Se, P as pe, H3 as Pe } from "@mxenabled/mxui";
+import { CategoryIcon as ve, Text as F, Icon as Se, P as me, H3 as Pe, ChevronRightIcon as mt } from "@mxenabled/mxui";
 import W from "@mui/material/Box";
-import S from "@mui/material/Stack";
-import xe from "@mui/material/Button";
-import { addSeconds as Fe } from "date-fns/addSeconds";
+import b from "@mui/material/Stack";
+import be from "@mui/material/Button";
+import { addSeconds as $e } from "date-fns/addSeconds";
 import { differenceInCalendarMonths as Ae } from "date-fns/differenceInCalendarMonths";
-import { useTheme as ue } from "@mui/material/styles";
-import { LineChart as gt } from "@mui/x-charts";
-import { u as J } from "../useScreenSize-B5afALev.mjs";
-import { u as mt } from "../useDimensions-27p2evRx.mjs";
-import pt from "@mui/material/Card";
-import ft from "@mui/material/CardContent";
+import { useTheme as we } from "@mui/material/styles";
+import { LineChart as pt } from "@mui/x-charts";
+import { u as J } from "../useScreenSize-B6JyS_Lj.mjs";
+import { u as ft } from "../useDimensions-27p2evRx.mjs";
+import Ct from "@mui/material/Card";
+import yt from "@mui/material/CardContent";
 import Re from "@mui/material/Divider";
 import We from "@mui/material/Grid";
-import { u as O, m as Y, g as P, b as ye, h as De, d as Le, w as Ce, q as ze, f as He, n as yt, a as Ct } from "../hooks-C41HAxM5.mjs";
-import { b as $e } from "../Localization-2MODESHW.mjs";
-import { C as ve } from "../CurrencyText-Dr0EZ7bp.mjs";
-import { useTheme as _t, Card as Tt, CardContent as bt, Box as St, Stack as xt } from "@mui/material";
-import { f as Q, a as F } from "../Dialog-CDV0kKxj.mjs";
-import { a as Me, c as vt } from "../Category-Ccoew_sA.mjs";
-import { f as oe, a as wt } from "../NumberFormatting-DjTD0t3W.mjs";
-import { a as Dt, g as Lt, L as Ke } from "../TrendsStore-_mRaFUdf.mjs";
-import { T as Pn } from "../TrendsStore-_mRaFUdf.mjs";
-import { i as Et, c as It, d as Mt, e as At, f as Rt, h as kt, g as je, b as Ye, j as Oe } from "../SpendingData-DPQ96k3x.mjs";
-import Ht from "@mui/material/ToggleButton";
-import Nt from "@mui/material/ToggleButtonGroup";
-import { DataGridPro as Wt } from "@mui/x-data-grid-pro";
-import { H as Ge } from "../HeaderCell-P8w6CmfO.mjs";
-import { T as V, b as Ot } from "../ViewMoreMicroCard-DAkyNRlD.mjs";
-import { A as w, W as Ue } from "../WidgetContainer-CDh9fjpR.mjs";
-import { a as Xe, T as Ze } from "../TransactionDetails-Bn0qY5Hw.mjs";
-import { D as ke } from "../Drawer-BF40nbsH.mjs";
-import { L as fe } from "../Loader-Ckqi9Rx6.mjs";
-import { L as Ne } from "../LineChart-C1PxNf7P.mjs";
-import { M as Gt } from "../MiniWidgetContainer-CKzf_Ira.mjs";
-import { subMonths as Bt } from "date-fns";
-import { TrendingUp as Vt, TrendingDown as Pt, MultilineChart as Ft, ExpandLess as zt, ExpandMore as $t, ChevronRight as Kt } from "@mxenabled/mx-icons";
-import { M as jt } from "../MicroWidgetContainer-BGpNl5ZS.mjs";
-import Yt from "@mui/material/Collapse";
-import Ut from "@mui/material/List";
-import Xt from "@mui/material/ListItem";
-import Zt from "@mui/material/ListItemButton";
-import qt from "@mui/material/ListItemIcon";
-import Qt from "@mui/material/ListItemText";
-import Jt from "@mui/material/Paper";
-import { b as eo } from "../CategoryUtil-DfVKKkRf.mjs";
-import { E as to } from "../ExportCsvAction-QhQK4_FU.mjs";
-import { u as oo } from "../useInsightsEnabled-CNjP5cfR.mjs";
-import { E as no } from "../EmptyState-DoxNUae-.mjs";
-import { l as so } from "../ConnectDrawer-DVp54lUH.mjs";
-const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
+import { u as O, m as Y, g as P, b as fe, h as De, d as Le, w as Ce, q as Fe, f as He, n as _t, a as Tt } from "../hooks-C41HAxM5.mjs";
+import { b as ze } from "../Localization-2MODESHW.mjs";
+import { C as xe } from "../CurrencyText-Dr0EZ7bp.mjs";
+import { useTheme as St, Card as bt, CardContent as xt, Box as vt, Stack as wt } from "@mui/material";
+import { f as Q, a as $ } from "../Dialog-BPTr3qHE.mjs";
+import { C as Me, c as Dt } from "../Category-CevNQ03n.mjs";
+import { f as oe, a as Lt } from "../NumberFormatting-DjTD0t3W.mjs";
+import { a as Et, g as It, L as Ke } from "../TrendsStore-BW9FGQeE.mjs";
+import { T as Fn } from "../TrendsStore-BW9FGQeE.mjs";
+import { i as Mt, c as At, d as Rt, e as kt, f as Ht, h as Nt, b as je, g as Ye, j as Oe } from "../SpendingData-BuJ03S9d.mjs";
+import Wt from "@mui/material/ToggleButton";
+import Ot from "@mui/material/ToggleButtonGroup";
+import { DataGridPro as Gt } from "@mui/x-data-grid-pro";
+import { H as Ge } from "../HeaderCell-DjuifqHJ.mjs";
+import { T as V, b as Bt } from "../ViewMoreMicroCard-C0832BMe.mjs";
+import { A as w, W as Ue } from "../WidgetContainer-BhQ1Kx2z.mjs";
+import { a as Xe, T as Ze } from "../TransactionDetails-5M2vfr59.mjs";
+import { D as ke } from "../Drawer-BEtCk82g.mjs";
+import { L as pe } from "../Loader-DUaFpDGv.mjs";
+import { L as Ne } from "../LineChart-bc1D9xBE.mjs";
+import { M as Vt } from "../MiniWidgetContainer-CmXpTylX.mjs";
+import { subMonths as Pt } from "date-fns";
+import { TrendingUp as $t, TrendingDown as Ft, MultilineChart as zt, ExpandLess as Kt, ExpandMore as jt } from "@mxenabled/mx-icons";
+import { M as Yt } from "../MicroWidgetContainer-DEiRnYVa.mjs";
+import Ut from "@mui/material/Collapse";
+import Xt from "@mui/material/List";
+import Zt from "@mui/material/ListItem";
+import qt from "@mui/material/ListItemButton";
+import Qt from "@mui/material/ListItemIcon";
+import Jt from "@mui/material/ListItemText";
+import qe from "@mui/material/styles/useTheme";
+import eo from "@mui/material/Paper";
+import { b as to } from "../CategoryUtil-C5cR-nfQ.mjs";
+import { E as oo } from "../ExportCsvAction-DzTrtPzk.mjs";
+import { u as no } from "../useInsightsEnabled-CNjP5cfR.mjs";
+import { E as so } from "../EmptyState-DoxNUae-.mjs";
+import { l as ao } from "../ConnectDrawer-BIbTqYOH.mjs";
+const Qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
   const { categories: t } = O(), { getCategoryName: n } = Y(), s = n(o);
-  return /* @__PURE__ */ y(S, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
+  return /* @__PURE__ */ C(b, { alignItems: "center", direction: "column", gap: "8", justifyContent: "center", mb: 4, children: [
     /* @__PURE__ */ e(
       W,
       {
-        "aria-label": $e(t.category_icon_label_aria, s),
+        "aria-label": ze(t.category_icon_label_aria, s),
         mb: 4,
         role: "img",
-        children: /* @__PURE__ */ e(we, { categoryGuid: a })
+        children: /* @__PURE__ */ e(ve, { categoryGuid: a })
       }
     ),
-    /* @__PURE__ */ e(z, { variant: "body1", children: s })
+    /* @__PURE__ */ e(F, { variant: "Body", children: s })
   ] });
-}, ao = ({
+}, ro = ({
   categoryGuids: { guid: o, topLevelGuid: a },
   hoveredAreaData: t,
   cursorPosition: n,
   chartContainerRef: s
 }) => {
-  const l = ue(), m = dt(null), [h, i] = ut({ x: n.x, y: n.y });
-  if (ht(() => {
+  const l = we(), m = ut(null), [h, i] = ht({ x: n.x, y: n.y });
+  if (gt(() => {
     (() => {
       const p = m.current, _ = s.current;
       if (!p || !_) return;
-      const u = p.getBoundingClientRect(), C = _.getBoundingClientRect();
-      let b = n.x, g = n.y;
-      b + u.width * 2 > C.right ? b = n.x - u.width : b - u.width < C.left && (b = n.x), g + u.height * 2 > C.bottom && (g = n.y - u.height), i({ x: b, y: g });
+      const u = p.getBoundingClientRect(), y = _.getBoundingClientRect();
+      let S = n.x, g = n.y;
+      S + u.width * 2 > y.right ? S = n.x - u.width : S - u.width < y.left && (S = n.x), g + u.height * 2 > y.bottom && (g = n.y - u.height), i({ x: S, y: g });
     })();
   }, [n, s]), !t) return null;
   const d = t.reduce((f, p) => f + p.y, 0);
   return /* @__PURE__ */ e(
-    pt,
+    Ct,
     {
       ref: m,
       sx: {
@@ -93,24 +94,24 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
         width: 250,
         pointerEvents: "none"
       },
-      children: /* @__PURE__ */ y(ft, { children: [
-        /* @__PURE__ */ y(W, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-          /* @__PURE__ */ e(qe, { categoryGuid: o, topLevelCategoryGuid: a }),
-          /* @__PURE__ */ e(z, { variant: "body2", children: `${t.length}-month total` }),
-          /* @__PURE__ */ e(ve, { amount: d, bold: !0, formatString: "0,0", variant: "body2" })
+      children: /* @__PURE__ */ C(yt, { children: [
+        /* @__PURE__ */ C(W, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+          /* @__PURE__ */ e(Qe, { categoryGuid: o, topLevelCategoryGuid: a }),
+          /* @__PURE__ */ e(F, { variant: "Small", children: `${t.length}-month total` }),
+          /* @__PURE__ */ e(xe, { amount: d, bold: !0, formatString: "0,0", variant: "body2" })
         ] }),
         /* @__PURE__ */ e(Re, { sx: { my: 16, width: "100%" } }),
-        /* @__PURE__ */ e(We, { container: !0, children: t.map((f, p) => /* @__PURE__ */ y(c.Fragment, { children: [
+        /* @__PURE__ */ e(We, { container: !0, children: t.map((f, p) => /* @__PURE__ */ C(c.Fragment, { children: [
           p > 0 && p % 3 === 0 && /* @__PURE__ */ e(Re, { sx: { my: 16, width: "100%" } }),
-          /* @__PURE__ */ e(We, { size: { xs: 4 }, children: /* @__PURE__ */ y(W, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-            /* @__PURE__ */ e(z, { color: l.palette.text.secondary, variant: "caption", children: f.x }),
+          /* @__PURE__ */ e(We, { item: !0, xs: 4, children: /* @__PURE__ */ C(W, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+            /* @__PURE__ */ e(F, { color: l.palette.text.secondary, variant: "XSmall", children: f.x }),
             /* @__PURE__ */ e(
-              ve,
+              xe,
               {
                 amount: f.y,
                 bold: !0,
                 formatString: "0,0",
-                variant: "body1"
+                variant: "Body"
               }
             )
           ] }) })
@@ -118,19 +119,19 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       ] })
     }
   );
-}, ro = R(ao), io = ({
+}, io = R(ro), co = ({
   categoryGuids: { guid: o, topLevelGuid: a },
   itemData: { dataIndex: t },
   series: n,
   xData: s
 }) => {
-  const l = _t(), m = n.data[t], h = s[t];
-  return m === void 0 || !h ? null : /* @__PURE__ */ e(Tt, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ y(St, { alignItems: "center", display: "flex", flexDirection: "column", children: [
-    /* @__PURE__ */ e(qe, { categoryGuid: o, topLevelCategoryGuid: a }),
-    /* @__PURE__ */ e(z, { color: l.palette.text.secondary, variant: "body2", children: Q(h, F.MONTH_SHORT_YEAR) }),
-    /* @__PURE__ */ e(ve, { amount: String(m), bold: !0, formatString: "0,0", variant: "body1" })
+  const l = St(), m = n.data[t], h = s[t];
+  return m === void 0 || !h ? null : /* @__PURE__ */ e(bt, { sx: { pt: 4, px: 8 }, children: /* @__PURE__ */ e(xt, { children: /* @__PURE__ */ C(vt, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+    /* @__PURE__ */ e(Qe, { categoryGuid: o, topLevelCategoryGuid: a }),
+    /* @__PURE__ */ e(F, { color: l.palette.text.secondary, variant: "Small", children: Q(h, $.MONTH_SHORT_YEAR) }),
+    /* @__PURE__ */ e(xe, { amount: String(m), bold: !0, formatString: "0,0", variant: "Body" })
   ] }) }) });
-}, co = ({
+}, lo = ({
   sx: o,
   categoryGuids: a,
   hoveredLegend: t,
@@ -140,7 +141,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
 }) => {
   const { isMobile: m } = J(), { getCategoryName: h } = Y();
   return /* @__PURE__ */ e(
-    S,
+    b,
     {
       direction: "row",
       flexWrap: "wrap",
@@ -149,9 +150,9 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       ref: n,
       sx: o,
       children: a.map(({ guid: i, top_level_guid: d }) => {
-        const f = t === i, p = Me[i], _ = Me[d], u = p ?? _ ?? Me.default, C = u + "33";
-        return /* @__PURE__ */ y(
-          xe,
+        const f = t === i, p = Me[i], _ = Me[d], u = p ?? _ ?? Me.default, y = u + "33";
+        return /* @__PURE__ */ C(
+          be,
           {
             onClick: () => l(i),
             onMouseEnter: () => s(i),
@@ -176,11 +177,11 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
                     height: 16,
                     marginRight: m ? 5 : 10,
                     borderRadius: "2px",
-                    backgroundColor: t ? f ? u : C : u
+                    backgroundColor: t ? f ? u : y : u
                   }
                 }
               ),
-              /* @__PURE__ */ e(z, { variant: "body1", children: h(i) })
+              /* @__PURE__ */ e(F, { variant: "Body", children: h(i) })
             ]
           },
           i
@@ -188,7 +189,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       })
     }
   );
-}, lo = ({
+}, uo = ({
   onHoverArea: o,
   onHoverPoint: a,
   onHoverLegend: t,
@@ -198,21 +199,21 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
   availableHeight: m = 0,
   minimumHeight: h = 350
 }) => {
-  const i = ue(), { isMobile: d } = J(), [f, { height: p }] = mt(), _ = c.useRef(null), [u, C] = c.useState(0);
+  const i = we(), { isMobile: d } = J(), [f, { height: p }] = ft(), _ = c.useRef(null), [u, y] = c.useState(0);
   c.useEffect(() => {
     const r = Math.max(m - p, h);
-    C(r);
+    y(r);
   }, [m, p]);
-  const [b, g] = c.useState(null), [v, E] = c.useState({
+  const [S, g] = c.useState(null), [v, E] = c.useState({
     hoveredSeriesId: null,
     hoveredAreaData: null,
     isAreaHovered: !1,
     cursorPos: { x: 0, y: 0 }
-  }), { hoveredSeriesId: I, hoveredAreaData: x, isAreaHovered: M, cursorPos: k } = v, A = M && I && x, G = !A, ee = [...s, ...l], ne = ee[0]?.dataset.length ?? 0, H = ee.flatMap((r) => r.dataset.map((T) => T.x)), he = ee.flatMap((r) => r.dataset.map((T) => T.y)), B = s[0]?.dataset?.map(
+  }), { hoveredSeriesId: I, hoveredAreaData: x, isAreaHovered: M, cursorPos: k } = v, A = M && I && x, G = !A, ee = [...s, ...l], ne = ee[0]?.dataset.length ?? 0, H = ee.flatMap((r) => r.dataset.map((T) => T.x)), ue = ee.flatMap((r) => r.dataset.map((T) => T.y)), B = s[0]?.dataset?.map(
     (r, T) => s.reduce((L, j) => L + j.dataset[T]?.y || 0, 0)
   ) ?? [0], se = Math.max(...B), ae = Math.max(
     ...l.flatMap((r) => r.dataset.map((T) => T.y))
-  ), $ = Math.floor(Math.min(...he) / 100) * 100, _e = Math.ceil(Math.max(se, ae) / 100) * 100, U = s.map((r, T) => ({
+  ), z = Math.floor(Math.min(...ue) / 100) * 100, ye = Math.ceil(Math.max(se, ae) / 100) * 100, U = s.map((r, T) => ({
     id: `stacked-${T}`,
     guid: r.category_guid,
     top_level_guid: r.top_level_category_guid,
@@ -253,12 +254,12 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
     g(r), t?.(r ?? "");
   }, ie = (r) => {
     n?.(r ?? "");
-  }, ge = () => {
+  }, he = () => {
     const r = Z(String(I)).guid;
     r && n?.(r);
   }, ce = (r) => {
-    const T = String(r?.seriesId), L = Z(T).guid, j = re.find((de) => de.id === T), Te = j && r?.dataIndex !== void 0, Ee = j && r?.dataIndex === void 0;
-    if (Te)
+    const T = String(r?.seriesId), L = Z(T).guid, j = re.find((de) => de.id === T), _e = j && r?.dataIndex !== void 0, Ee = j && r?.dataIndex === void 0;
+    if (_e)
       E({
         hoveredSeriesId: T,
         hoveredAreaData: null,
@@ -266,9 +267,9 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
         cursorPos: k
       }), a?.(L);
     else if (Ee) {
-      const de = j?.data.map((be, Ie) => ({
+      const de = j?.data.map((Te, Ie) => ({
         x: H[Ie],
-        y: be
+        y: Te
       })) ?? [];
       E({
         hoveredSeriesId: T,
@@ -308,10 +309,10 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
     '& [class*="MuiLineElement-series-unstacked-"]': {
       strokeWidth: 3
     },
-    ...b && U.reduce((r, T, L) => {
+    ...S && U.reduce((r, T, L) => {
       const j = `.MuiAreaElement-series-stacked-${L}`;
       return r[j] = {
-        opacity: U[L].guid === b ? 0.9 : 0.2
+        opacity: U[L].guid === S ? 0.9 : 0.2
       }, r;
     }, {})
   };
@@ -331,19 +332,19 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
           touchAction: "pan-y"
         }
       },
-      children: /* @__PURE__ */ y(
-        S,
+      children: /* @__PURE__ */ C(
+        b,
         {
           direction: { xs: "column", md: "column" },
           spacing: { xs: 0, md: 4 },
           sx: { width: "100%", position: "relative" },
           children: [
             /* @__PURE__ */ e(
-              gt,
+              pt,
               {
                 height: u,
                 margin: { bottom: 50 },
-                onAreaClick: ge,
+                onAreaClick: he,
                 onHighlightChange: ce,
                 series: re,
                 skipAnimation: !0,
@@ -354,7 +355,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
                 },
                 slots: {
                   itemContent: (r) => G && I ? /* @__PURE__ */ e(
-                    io,
+                    co,
                     {
                       categoryGuids: Z(I),
                       xData: H,
@@ -370,24 +371,24 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
                   {
                     data: H,
                     scaleType: "time",
-                    valueFormatter: (r) => Q(r, F.MONTH_SHORT_YEAR),
+                    valueFormatter: (r) => Q(r, $.MONTH_SHORT_YEAR),
                     tickNumber: ne
                     // How many ticks to show on the x-axis
                   }
                 ],
                 yAxis: [
                   {
-                    min: $,
-                    max: _e || 100
+                    min: z,
+                    max: ye || 100
                   }
                 ]
               }
             ),
             /* @__PURE__ */ e(
-              co,
+              lo,
               {
                 categoryGuids: X,
-                hoveredLegend: b,
+                hoveredLegend: S,
                 legendRef: f,
                 onClickLegend: ie,
                 onHoverLegend: te,
@@ -395,14 +396,14 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
               }
             ),
             A && /* @__PURE__ */ e(
-              ro,
+              io,
               {
                 categoryGuids: Z(I),
                 chartContainerRef: _,
                 cursorPosition: k,
                 hoveredAreaData: x.map((r) => ({
                   ...r,
-                  x: Q(r.x, F.MONTH_SHORT_YEAR)
+                  x: Q(r.x, $.MONTH_SHORT_YEAR)
                 }))
               }
             )
@@ -411,29 +412,29 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       )
     }
   );
-}, Qe = ({ selectedTab: o, onTabChange: a }) => /* @__PURE__ */ e(
-  Nt,
+}, Je = ({ selectedTab: o, onTabChange: a }) => /* @__PURE__ */ e(
+  Ot,
   {
     exclusive: !0,
     onChange: a,
     orientation: "horizontal",
     value: o,
-    children: ["Chart", "Table"].map((t) => /* @__PURE__ */ e(Ht, { color: "primary", sx: { width: 56 }, value: t, children: t === "Chart" ? /* @__PURE__ */ e(Se, { name: "table_chart_view" }) : /* @__PURE__ */ e(Se, { name: "format_list_bulleted" }) }, t))
+    children: ["Chart", "Table"].map((t) => /* @__PURE__ */ e(Wt, { color: "primary", sx: { width: 56 }, value: t, children: t === "Chart" ? /* @__PURE__ */ e(Se, { name: "table_chart_view" }) : /* @__PURE__ */ e(Se, { name: "format_list_bulleted" }) }, t))
   }
-), Je = ({ selectedDateRange: o, selectedCategoryGuid: a }) => {
+), et = ({ selectedDateRange: o, selectedCategoryGuid: a }) => {
   const { trends: t } = O(), { isMobile: n, isDesktop: s } = J(), { getCategoryName: l } = Y(), m = c.useMemo(() => {
     const h = Q(
       o.start,
-      n ? F.MONTH_SHORT_YEAR : F.MONTH_YEAR
+      n ? $.MONTH_SHORT_YEAR : $.MONTH_YEAR
     ), i = Q(
       o.end,
-      n ? F.MONTH_SHORT_YEAR : F.MONTH_YEAR
+      n ? $.MONTH_SHORT_YEAR : $.MONTH_YEAR
     );
     return `${h} - ${i}`;
   }, [o, n]);
-  return /* @__PURE__ */ y(W, { sx: { mr: 10, minWidth: "60%" }, children: [
+  return /* @__PURE__ */ C(W, { sx: { mr: 10, minWidth: "60%" }, children: [
     /* @__PURE__ */ e(
-      z,
+      F,
       {
         display: "block",
         fontWeight: 700,
@@ -442,42 +443,42 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
           overflow: "visible",
           textOverflow: "unset"
         },
-        variant: s ? "h3" : "body1",
+        variant: s ? "H3" : "Body",
         children: l(a) || t.sub_title
       }
     ),
-    /* @__PURE__ */ e(z, { variant: s ? "body1" : "body2", children: m })
+    /* @__PURE__ */ e(F, { variant: s ? "Body" : "Small", children: m })
   ] });
-}, uo = (o) => {
+}, ho = (o) => {
   const a = o.row[o.field];
-  return /* @__PURE__ */ e(S, { alignItems: "flex-end", tabIndex: o.tabIndex, children: /* @__PURE__ */ e(ve, { amount: a, variant: "body2" }) });
-}, ho = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
+  return /* @__PURE__ */ e(b, { alignItems: "flex-end", tabIndex: o.tabIndex, children: /* @__PURE__ */ e(xe, { amount: a, variant: "Small" }) });
+}, go = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
   const { getCategoryName: t } = Y(), { categories: n } = O(), s = n.default_categories[o]?.replace(/&amp;/g, "&") ?? t(o);
-  return /* @__PURE__ */ y(S, { alignItems: "center", direction: "row", justifyContent: "center", children: [
+  return /* @__PURE__ */ C(b, { alignItems: "center", direction: "row", justifyContent: "center", children: [
     /* @__PURE__ */ e(
       W,
       {
-        "aria-label": $e(n.category_icon_label_aria, s),
+        "aria-label": ze(n.category_icon_label_aria, s),
         role: "img",
-        children: /* @__PURE__ */ e(we, { categoryGuid: a })
+        children: /* @__PURE__ */ e(ve, { categoryGuid: a })
       }
     ),
-    /* @__PURE__ */ e(z, { sx: { ml: 12, pb: 6 }, variant: "body2", children: s })
+    /* @__PURE__ */ e(F, { sx: { ml: 12, pb: 6 }, variant: "Small", children: s })
   ] });
-}, go = (o) => /* @__PURE__ */ e(S, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
-  ho,
+}, mo = (o) => /* @__PURE__ */ e(b, { alignItems: "center", direction: "row", height: "100%", width: "100%", children: /* @__PURE__ */ e(
+  go,
   {
     categoryGuid: o.row.category,
     topLevelCategoryGuid: o.row.top_level_category_guid
   }
-) }), mo = (o, a) => {
+) }), po = (o, a) => {
   const t = [], n = new Date(o);
   for (; n <= a; ) {
-    const s = Q(n, F.MONTH);
+    const s = Q(n, $.MONTH);
     t.push(s), n.setMonth(n.getMonth() + 1);
   }
   return t;
-}, et = ({
+}, tt = ({
   monthlyCategoryTotals: o,
   selectedDateRange: a,
   selectedCategory: t,
@@ -485,16 +486,16 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
   height: s = "100dvh",
   sx: l = {}
 }) => {
-  const { onEvent: m } = P(), h = Q(/* @__PURE__ */ new Date(), F.MONTH_SHORT), [i, d] = c.useState([
+  const { onEvent: m } = P(), h = Q(/* @__PURE__ */ new Date(), $.MONTH_SHORT), [i, d] = c.useState([
     { field: h, sort: "desc" }
-  ]), f = c.useMemo(() => mo(a.start, a.end), [a]), p = [
+  ]), f = c.useMemo(() => po(a.start, a.end), [a]), p = [
     {
       field: "category",
       flex: 1,
       headerName: "Category",
       minWidth: 175,
       renderHeader: Ge,
-      renderCell: go,
+      renderCell: mo,
       sortable: !0,
       type: "string"
     },
@@ -505,19 +506,19 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
         headerName: u,
         minWidth: 100,
         renderHeader: Ge,
-        renderCell: uo,
+        renderCell: ho,
         align: "right",
         headerAlign: "right",
         sortable: !0,
         hideSortIcons: !1,
         type: "number",
-        sortComparator: Dt
+        sortComparator: Et
       })
     )
   ], _ = c.useMemo(() => {
     const u = o.filter(
-      (g) => !Et(g) && !It(g)
-    ), b = (t ? u.filter(
+      (g) => !Mt(g) && !At(g)
+    ), S = (t ? u.filter(
       (g) => g.category_guid === t || g.top_level_category_guid === t
     ) : u).reduce(
       (g, v) => {
@@ -528,15 +529,15 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
           category_guid: E,
           top_level_category_guid: I
         });
-        const G = Q(new Date(k, x - 1), F.MONTH_SHORT);
+        const G = Q(new Date(k, x - 1), $.MONTH_SHORT);
         return g[A][G] || (g[A][G] = 0), g[A][G] = g[A][G] + Math.abs(M), g;
       },
       {}
     );
-    return Object.values(b);
+    return Object.values(S);
   }, [o, t]);
   return /* @__PURE__ */ e(W, { sx: { height: s, width: "100%", overflowX: "auto", boxShadow: "none", ...l }, children: /* @__PURE__ */ e(
-    Wt,
+    Gt,
     {
       columns: p,
       disableColumnFilter: !0,
@@ -546,7 +547,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       onRowClick: (u) => {
         n?.(u.row.category), m(w.TRENDS_CLICK_LIST_ITEM, {
           ...V,
-          listItem: vt[u.row.category]
+          listItem: Dt[u.row.category]
         });
       },
       onSortModelChange: (u) => {
@@ -558,15 +559,15 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       sortingOrder: ["asc", "desc"]
     }
   ) });
-}, po = {
+}, fo = {
   title: "Transaction List"
-}, fo = ({
+}, Co = ({
   categoryGuid: o,
   dateRange: a,
   isOpen: t,
   onClose: n
 }) => {
-  const { onEvent: s } = P(), { selectedAccountGuids: l } = ye(), { common: m } = O(), { setFilter: h, sortedTransactions: i } = De(), [d, f] = c.useState(""), p = c.useMemo(
+  const { onEvent: s } = P(), { selectedAccountGuids: l } = fe(), { common: m } = O(), { setFilter: h, sortedTransactions: i } = De(), [d, f] = c.useState(""), p = c.useMemo(
     () => i.find((u) => u.guid === d),
     [d, i]
   );
@@ -581,20 +582,20 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
   const _ = () => {
     f(""), n();
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ C(
     ke,
     {
       ariaLabelClose: m.close_aria,
       isOpen: t,
       onClose: _,
-      title: po.title,
+      title: fo.title,
       children: [
         p && /* @__PURE__ */ e(Xe, { transaction: p }),
         !p && /* @__PURE__ */ e(Ze, { onClick: f })
       ]
     }
   );
-}, yo = R(fo), Co = ({ onBackClick: o, sx: a }) => {
+}, yo = R(Co), _o = ({ onBackClick: o, sx: a }) => {
   const { onEvent: t } = P(), { isDesktop: n, isTablet: s, isMobile: l } = J(), { isAccountDataLoaded: m, loadAccountData: h, visibleAccounts: i } = Le(), {
     categoriesLoaded: d,
     loadCategories: f,
@@ -602,13 +603,13 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
     monthlyCategoryTotals: _,
     getCategoryName: u
   } = Y(), {
-    isTransactionDataLoaded: C,
-    loadTransactionData: b,
+    isTransactionDataLoaded: y,
+    loadTransactionData: S,
     sortedTransactions: g
-  } = De(), { selectedDateRange: v, setSelectedDateRange: E } = Ce(), { isInitialized: I, selectedAccounts: x, setSelectedAccounts: M } = ye(), { trends: k } = O(), [A, G] = c.useState(!1), [ee, ne] = c.useState(!1), [H, he] = c.useState("Chart"), [B, se] = c.useState(""), [ae, $] = c.useState(window.innerHeight), U = ae - (l ? 315 : 345);
+  } = De(), { selectedDateRange: v, setSelectedDateRange: E } = Ce(), { isInitialized: I, selectedAccounts: x, setSelectedAccounts: M } = fe(), { trends: k } = O(), [A, G] = c.useState(!1), [ee, ne] = c.useState(!1), [H, ue] = c.useState("Chart"), [B, se] = c.useState(""), [ae, z] = c.useState(window.innerHeight), U = ae - (l ? 315 : 345);
   c.useEffect(() => {
-    const D = () => $(window.innerHeight);
-    return window.addEventListener("resize", D), m || h().finally(), d || f().finally(), C || b().finally(), () => window.removeEventListener("resize", D);
+    const D = () => z(window.innerHeight);
+    return window.addEventListener("resize", D), m || h().finally(), d || f().finally(), y || S().finally(), () => window.removeEventListener("resize", D);
   }, []), c.useEffect(() => {
     M(i);
   }, [i]), c.useEffect(() => {
@@ -622,21 +623,21 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
   }, [I, x, v]);
   const K = c.useMemo(() => {
     if (!A) return { stackedDatasets: [], unstackedDatasets: [] };
-    const D = Lt(
+    const D = It(
       _,
       v.start,
       v.end
     ), r = B.length ? D.filter(
       (T) => T.top_level_category_guid === B || T.category_guid === B
-    ) : Mt(D);
+    ) : Rt(D);
     return {
-      stackedDatasets: r.filter(Rt),
-      unstackedDatasets: r.filter(At)
+      stackedDatasets: r.filter(kt),
+      unstackedDatasets: r.filter(Ht)
     };
   }, [_, B, v]), re = (D, r) => {
-    he(r ?? H), t(w.TRENDS_CLICK_TOGGLE_VIEW);
+    ue(r ?? H), t(w.TRENDS_CLICK_TOGGLE_VIEW);
   }, X = (D) => {
-    const r = Fe(D?.[0], 1), T = D?.[1], L = Ae(T, r);
+    const r = $e(D?.[0], 1), T = D?.[1], L = Ae(T, r);
     E({ start: r, end: T }), t(w.TRENDS_CLICK_TIME_WINDOW, {
       time_period: L + "M"
     });
@@ -646,14 +647,14 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
     se(D);
   }, ie = (D) => {
     se(D), t(w.TRENDS_CLICK_LEGEND, { category: u(D) });
-  }, ge = (D) => {
+  }, he = (D) => {
     t(w.TRENDS_HOVER_LEGEND, { category: u(D) });
   }, ce = (D) => {
     t(w.TRENDS_HOVER_AREA, { category: D });
   }, le = (D) => {
     t(w.TRENDS_HOVER_POINT, { category: D });
   };
-  return !I || !A ? /* @__PURE__ */ e(fe, {}) : /* @__PURE__ */ y(
+  return !I || !A ? /* @__PURE__ */ e(pe, {}) : /* @__PURE__ */ C(
     Ue,
     {
       accountOptions: i,
@@ -665,54 +666,54 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       sx: a,
       title: k.title,
       children: [
-        /* @__PURE__ */ y(
-          S,
+        /* @__PURE__ */ C(
+          b,
           {
             sx: {
               // eslint-disable-next-line no-nested-ternary
               px: n ? 48 : s ? 24 : 12
             },
             children: [
-              /* @__PURE__ */ y(
-                S,
+              /* @__PURE__ */ C(
+                b,
                 {
                   flexDirection: "row",
                   justifyContent: "space-between",
                   sx: { pb: l ? 12 : 24, pt: l ? 24 : 48 },
                   children: [
                     /* @__PURE__ */ e(
-                      Je,
+                      et,
                       {
                         selectedCategoryGuid: B,
                         selectedDateRange: v
                       }
                     ),
-                    /* @__PURE__ */ e(Qe, { onTabChange: re, selectedTab: H })
+                    /* @__PURE__ */ e(Je, { onTabChange: re, selectedTab: H })
                   ]
                 }
               ),
-              /* @__PURE__ */ y(S, { alignItems: "center", flexDirection: "row", width: "100%", children: [
-                /* @__PURE__ */ e(W, { flexGrow: 1, children: B && /* @__PURE__ */ y(xe, { onClick: () => se(""), sx: { p: 0, pr: 5 }, children: [
+              /* @__PURE__ */ C(b, { alignItems: "center", flexDirection: "row", width: "100%", children: [
+                /* @__PURE__ */ e(W, { flexGrow: 1, children: B && /* @__PURE__ */ C(be, { onClick: () => se(""), sx: { p: 0, pr: 5 }, children: [
                   /* @__PURE__ */ e(Se, { name: "arrow_back" }),
                   k.all_categories
                 ] }) }),
-                /* @__PURE__ */ e(xe, { onClick: () => ne(!0), sx: { px: 5 }, children: `${k.view_transactions} (${g.length})` })
+                /* @__PURE__ */ e(be, { onClick: () => ne(!0), sx: { px: 5 }, children: `${k.view_transactions} (${g.length})` })
               ] }),
-              /* @__PURE__ */ y(W, { children: [
+              /* @__PURE__ */ C(W, { children: [
                 H === "Chart" && /* @__PURE__ */ e(
-                  lo,
+                  uo,
                   {
                     availableHeight: U,
                     onClickLegend: ie,
                     onHoverArea: ce,
-                    onHoverLegend: ge,
+                    onHoverLegend: he,
                     onHoverPoint: le,
                     stackedDatasets: K.stackedDatasets,
                     unstackedDatasets: K.unstackedDatasets
                   }
                 ),
                 H === "Table" && /* @__PURE__ */ e(
-                  et,
+                  tt,
                   {
                     monthlyCategoryTotals: _,
                     onClickRow: te,
@@ -736,8 +737,8 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       ]
     }
   );
-}, Nn = R(Co), _o = () => {
-  const { monthlyCategoryTotals: o } = Y(), { trends: a } = O(), t = ue(), { availableHeight: n = 300 } = ze(), s = kt(o);
+}, On = R(_o), To = () => {
+  const { monthlyCategoryTotals: o } = Y(), { trends: a } = O(), t = we(), { availableHeight: n = 300 } = Fe(), s = Nt(o);
   return /* @__PURE__ */ e(
     Ne,
     {
@@ -754,8 +755,8 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       valueFormatterString: "0,0"
     }
   );
-}, To = R(_o), bo = ({ onPrimaryCtaClick: o, sx: a }) => {
-  const { isAccountDataLoaded: t, loadAccountData: n, visibleAccounts: s } = Le(), { loadMonthlyCategoryTotals: l, monthlyTotalsLoaded: m } = Y(), { isInitialized: h } = He(), { trends: i } = O(), { selectedAccounts: d, setSelectedAccounts: f } = ye();
+}, So = R(To), bo = ({ onPrimaryCtaClick: o, sx: a }) => {
+  const { isAccountDataLoaded: t, loadAccountData: n, visibleAccounts: s } = Le(), { loadMonthlyCategoryTotals: l, monthlyTotalsLoaded: m } = Y(), { isInitialized: h } = He(), { trends: i } = O(), { selectedAccounts: d, setSelectedAccounts: f } = fe();
   return c.useEffect(() => {
     t || n().finally();
   }, []), c.useEffect(() => {
@@ -763,7 +764,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
   }, [s]), c.useEffect(() => {
     h && l(d).finally();
   }, [h, d]), h ? /* @__PURE__ */ e(
-    Gt,
+    Vt,
     {
       contentStyles: { height: "calc(100% - 72px)", ":last-child": { pb: 0 } },
       onPrimaryCtaClick: o,
@@ -771,10 +772,10 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       subTitle: i.sub_title,
       sx: { height: "100%", ...a },
       title: i.mini_title,
-      children: m ? /* @__PURE__ */ e(To, {}) : /* @__PURE__ */ e(fe, {})
+      children: m ? /* @__PURE__ */ e(So, {}) : /* @__PURE__ */ e(pe, {})
     }
-  ) : /* @__PURE__ */ e(fe, {});
-}, Wn = R(bo), So = 70, Be = ({
+  ) : /* @__PURE__ */ e(pe, {});
+}, Gn = R(bo), xo = 70, Be = ({
   title: o,
   totalAmount: a,
   transactionType: t,
@@ -782,12 +783,12 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
   secondaryLabel: s,
   shouldDisplayPercentage: l
 }) => {
-  const { availableWidth: m } = ze(), h = c.useRef(null), i = c.useRef(null), d = wt(Number(Math.abs(n)), {
+  const { availableWidth: m } = Fe(), h = c.useRef(null), i = c.useRef(null), d = Lt(Number(Math.abs(n)), {
     style: "percent",
     minimumIntegerDigits: 1
-  }), f = m === 288 && oe(a, "0,0.00").length > 10 ? oe(a, "0,0") : oe(a, "0,0.00"), p = t === "spending" ? n > 0 : n >= 0, _ = t === "spending" ? "error.main" : "success.main", u = t === "spending" ? "success.main" : "text.secondary", C = h?.current, b = i?.current, g = C && b ? C.scrollWidth > b.clientWidth - So : !1;
-  return /* @__PURE__ */ y(
-    S,
+  }), f = m === 288 && oe(a, "0,0.00").length > 10 ? oe(a, "0,0") : oe(a, "0,0.00"), p = t === "spending" ? n > 0 : n >= 0, _ = t === "spending" ? "error.main" : "success.main", u = t === "spending" ? "success.main" : "text.secondary", y = h?.current, S = i?.current, g = y && S ? y.scrollWidth > S.clientWidth - xo : !1;
+  return /* @__PURE__ */ C(
+    b,
     {
       sx: {
         border: 1,
@@ -799,8 +800,8 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
         py: 8
       },
       children: [
-        /* @__PURE__ */ y(
-          S,
+        /* @__PURE__ */ C(
+          b,
           {
             sx: {
               alignItems: "center",
@@ -808,11 +809,11 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
               justifyContent: "space-between"
             },
             children: [
-              /* @__PURE__ */ e(pe, { color: "text.secondary", variant: "caption", children: o }),
-              l && /* @__PURE__ */ y(S, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
-                p ? /* @__PURE__ */ e(Vt, { size: 20, sx: { color: _ } }) : /* @__PURE__ */ e(Pt, { size: 20, sx: { color: u } }),
+              /* @__PURE__ */ e(me, { color: "text.secondary", variant: "caption", children: o }),
+              l && /* @__PURE__ */ C(b, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+                p ? /* @__PURE__ */ e($t, { size: 20, sx: { color: _ } }) : /* @__PURE__ */ e(Ft, { size: 20, sx: { color: u } }),
                 /* @__PURE__ */ e(
-                  pe,
+                  me,
                   {
                     sx: {
                       color: p ? _ : u,
@@ -826,8 +827,8 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
             ]
           }
         ),
-        /* @__PURE__ */ y(
-          S,
+        /* @__PURE__ */ C(
+          b,
           {
             ref: i,
             sx: {
@@ -845,7 +846,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
                 }
               ),
               l && m >= 450 && !g && /* @__PURE__ */ e(
-                pe,
+                me,
                 {
                   color: p ? _ : u,
                   variant: "caption",
@@ -858,24 +859,24 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       ]
     }
   );
-}, xo = R(() => {
+}, vo = R(() => {
   const { trends: o } = O();
-  return /* @__PURE__ */ y(S, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
-    /* @__PURE__ */ e(Ft, { size: 32 }),
-    /* @__PURE__ */ y(S, { children: [
-      /* @__PURE__ */ e(pe, { fontWeight: 600, variant: "body1", children: o.zero_state_content_header }),
-      /* @__PURE__ */ e(pe, { color: "text.secondary", variant: "subtitle2", children: o.zero_state_content_description })
+  return /* @__PURE__ */ C(b, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+    /* @__PURE__ */ e(zt, { size: 32 }),
+    /* @__PURE__ */ C(b, { children: [
+      /* @__PURE__ */ e(me, { fontWeight: 600, variant: "body1", children: o.zero_state_content_header }),
+      /* @__PURE__ */ e(me, { color: "text.secondary", variant: "subtitle2", children: o.zero_state_content_description })
     ] })
   ] });
-}), On = R(({ onCtaClick: o }) => {
+}), Bn = R(({ onCtaClick: o }) => {
   const { isAccountDataLoaded: a, loadAccountData: t, visibleAccounts: n } = Le();
   c.useEffect(() => {
     a || t().finally();
   }, []);
   const { onEvent: s } = P(), { monthlyCategoryTotals: l, loadMonthlyCategoryTotals: m, monthlyTotalsLoaded: h } = Y(), i = {
-    start: Bt(/* @__PURE__ */ new Date(), 1),
+    start: Pt(/* @__PURE__ */ new Date(), 1),
     end: /* @__PURE__ */ new Date()
-  }, { trends: d } = O(), { selectedAccounts: f, setSelectedAccounts: p, isInitialized: _ } = ye();
+  }, { trends: d } = O(), { selectedAccounts: f, setSelectedAccounts: p, isInitialized: _ } = fe();
   c.useEffect(() => {
     p(n);
   }, [n]), c.useEffect(() => {
@@ -885,27 +886,27 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       });
     });
   }, [_, f]);
-  const { spendingData: u, incomeData: C } = c.useMemo(
+  const { spendingData: u, incomeData: y } = c.useMemo(
     () => ({
-      spendingData: Ye(l, i),
-      incomeData: je(l, i)
+      spendingData: je(l, i),
+      incomeData: Ye(l, i)
     }),
     [l, i]
-  ), [b, g] = u, [v, E] = C, I = Oe(g.y, b.y), x = Oe(E.y, v.y), M = _ && !n?.length, k = () => {
+  ), [S, g] = u, [v, E] = y, I = Oe(g.y, S.y), x = Oe(E.y, v.y), M = _ && !n?.length, k = () => {
     s(
       M ? w.TRENDS_CLICK_GET_STARTED : w.TRENDS_CLICK_VIEW_MORE
     ), o();
   };
-  return !h || !_ ? /* @__PURE__ */ e(fe, {}) : /* @__PURE__ */ e(
-    jt,
+  return !h || !_ ? /* @__PURE__ */ e(pe, {}) : /* @__PURE__ */ e(
+    Yt,
     {
       className: "mx-trends-microwidget",
       ctaLabel: d.micro_primary_cta_label,
       onCTAClick: k,
       subHeader: M ? void 0 : d.micro_subheader,
       title: d.title,
-      children: M ? /* @__PURE__ */ e(xo, {}) : /* @__PURE__ */ y(
-        S,
+      children: M ? /* @__PURE__ */ e(vo, {}) : /* @__PURE__ */ C(
+        b,
         {
           sx: {
             alignItems: "stretch",
@@ -918,7 +919,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
               {
                 percentage: I,
                 secondaryLabel: d.micro_secondary_label,
-                shouldDisplayPercentage: g.y !== 0 && b.y !== 0,
+                shouldDisplayPercentage: g.y !== 0 && S.y !== 0,
                 title: d.spending_label,
                 totalAmount: g.y,
                 transactionType: "spending"
@@ -940,17 +941,17 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       )
     }
   );
-}), vo = R(
+}), wo = R(
   ({ isExpanded: o, onClick: a }) => {
-    const t = ue();
-    return /* @__PURE__ */ e(Xt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(Zt, { onClick: a, sx: { justifyContent: "center" }, children: /* @__PURE__ */ y(
-      S,
+    const t = qe();
+    return /* @__PURE__ */ e(Zt, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ e(qt, { onClick: a, sx: { justifyContent: "center" }, children: /* @__PURE__ */ C(
+      b,
       {
         sx: { color: t.palette.primary.main, flexDirection: "row", alignItems: "center" },
         children: [
-          /* @__PURE__ */ e(Qt, { children: /* @__PURE__ */ e(z, { bold: !0, variant: "body2", children: o ? "View less" : "View more" }) }),
-          /* @__PURE__ */ e(qt, { sx: { color: t.palette.primary.main }, children: o ? /* @__PURE__ */ e(zt, {}) : /* @__PURE__ */ e(
-            $t,
+          /* @__PURE__ */ e(Jt, { children: /* @__PURE__ */ e(F, { bold: !0, variant: "body2", children: o ? "View less" : "View more" }) }),
+          /* @__PURE__ */ e(Qt, { sx: { color: t.palette.primary.main }, children: o ? /* @__PURE__ */ e(Kt, {}) : /* @__PURE__ */ e(
+            jt,
             {
               sx: {
                 transition: "transform 0.3s ease-in-out",
@@ -978,14 +979,14 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
         listItem: t
       });
     };
-    return /* @__PURE__ */ y(c.Fragment, { children: [
+    return /* @__PURE__ */ C(c.Fragment, { children: [
       /* @__PURE__ */ e(
         Ke,
         {
-          leftIcon: a ? /* @__PURE__ */ e(we, { categoryGuid: a }) : void 0,
+          leftIcon: a ? /* @__PURE__ */ e(ve, { categoryGuid: a }) : void 0,
           onClick: f,
           rightContent: oe(Math.abs(o), "0,0.00"),
-          rightIcon: s ? /* @__PURE__ */ e(Kt, {}) : void 0,
+          rightIcon: s ? /* @__PURE__ */ e(mt, {}) : void 0,
           subtitle: d,
           title: t
         }
@@ -993,59 +994,59 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       m && /* @__PURE__ */ e(Re, { sx: { ml: l ? 24 : 68 } })
     ] }, a);
   }
-), wo = R(
+), Do = R(
   ({ availableHeight: o = 0, onCategoryClick: a }) => {
     const { collapsedCategories: t, visibleCategories: n, setVisibleListLength: s } = Ce(), { isLargeDesktop: l, isDesktop: m } = J(), { trends: h } = O(), { onEvent: i } = P(), [d, f] = c.useState(!1), p = m || l;
     c.useEffect(() => {
-      const C = Math.floor(o / 64) - 1, b = n.length + t.length;
-      C !== n.length && (s(p ? Math.max(C, 5) : 5), f(C >= b));
+      const y = Math.floor(o / 64) - 1, S = n.length + t.length;
+      y !== n.length && (s(p ? Math.max(y, 5) : 5), f(y >= S));
     }, [o]);
     const _ = () => {
       f(!d), i(w.TRENDS_CLICK_VIEW_MORE, {
         ...V
       });
     }, u = n.length + (d ? t.length : 0);
-    return /* @__PURE__ */ e(S, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ y(Ut, { children: [
-      /* @__PURE__ */ e(S, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(Pe, { children: h.categories }) }),
-      n.map((C, b) => /* @__PURE__ */ e(
+    return /* @__PURE__ */ e(b, { sx: { bgColor: "background.paper", width: "100%" }, children: /* @__PURE__ */ C(Xt, { children: [
+      /* @__PURE__ */ e(b, { sx: { pb: 4, pt: 16, px: 16 }, children: /* @__PURE__ */ e(Pe, { children: h.categories }) }),
+      n.map((y, S) => /* @__PURE__ */ e(
         Ve,
         {
-          ...C,
-          isLastItem: b === u - 1,
-          onClick: C.transactions.length > 0 ? () => a(C) : void 0,
+          ...y,
+          isLastItem: S === u - 1,
+          onClick: y.transactions.length > 0 ? () => a(y) : void 0,
           showDivider: !0
         },
-        C.guid
+        y.guid
       )),
       /* @__PURE__ */ e(
-        Yt,
+        Ut,
         {
           in: d,
           sx: { "&.MuiCollapse-root .MuiListItemButton-root": { paddingLeft: 24 } },
-          children: t.map((C, b) => {
-            const g = n.length + b;
+          children: t.map((y, S) => {
+            const g = n.length + S;
             return /* @__PURE__ */ e(
               Ve,
               {
-                ...C,
+                ...y,
                 isLastItem: g === u - 1,
-                onClick: C.transactions.length > 0 ? () => a(C) : void 0,
+                onClick: y.transactions.length > 0 ? () => a(y) : void 0,
                 showDivider: !0
               },
-              C.guid
+              y.guid
             );
           })
         }
       ),
-      t.length > 0 && /* @__PURE__ */ e(vo, { isExpanded: d, onClick: _ })
+      t.length > 0 && /* @__PURE__ */ e(wo, { isExpanded: d, onClick: _ })
     ] }) });
   }
-), Do = ({ beats: o, onInsightCardClick: a }) => {
+), Lo = ({ beats: o, onInsightCardClick: a }) => {
   const { onEvent: t } = P(), { isMobile: n, isDesktop: s, isLargeDesktop: l } = J(), { beatStore: m, endpoint: h, sessionToken: i } = He(), d = s || l, f = d || n ? 1 : 2, p = () => null, _ = (E) => {
     a?.(E), t(w.TRENDS_CLICK_INSIGHT, V);
-  }, u = d ? 200 : 170, C = d ? 170 : 124, b = d ? 56 : 0, g = o.length > 0 ? u + b : C, v = d && o.length > 0 ? u : void 0;
-  return /* @__PURE__ */ e(xt, { sx: { height: g }, children: /* @__PURE__ */ e(
-    Ot,
+  }, u = d ? 200 : 170, y = d ? 170 : 124, S = d ? 56 : 0, g = o.length > 0 ? u + S : y, v = d && o.length > 0 ? u : void 0;
+  return /* @__PURE__ */ e(wt, { sx: { height: g }, children: /* @__PURE__ */ e(
+    Bt,
     {
       areBeatsLoading: m.isLoading,
       beats: o,
@@ -1065,11 +1066,11 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       visibleCardsCount: f
     }
   ) });
-}, Lo = R(Do), Eo = R(({ chartLabel: o, chartColor: a }) => {
+}, Eo = R(Lo), Io = R(({ chartLabel: o, chartColor: a }) => {
   const { onEvent: t } = P(), {
     categoryDetailsChartData: { monthlyAmounts: n, tooltipLabels: s }
   } = Ce();
-  return /* @__PURE__ */ e(S, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(b, { sx: { pt: 12, width: "100%" }, children: /* @__PURE__ */ e(
     Ne,
     {
       baseline: "min",
@@ -1098,40 +1099,40 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       valueFormatterString: "0,0"
     }
   ) });
-}), Io = R(({ onClose: o }) => {
-  const a = ue(), { onEvent: t } = P(), { common: n, trends: s } = O(), { selectedCategoryData: l, selectedDateRangeMonthRange: m } = Ce(), { sortedTransactions: h } = De(), [i, d] = c.useState(null);
+}), Mo = R(({ onClose: o }) => {
+  const a = qe(), { onEvent: t } = P(), { common: n, trends: s } = O(), { selectedCategoryData: l, selectedDateRangeMonthRange: m } = Ce(), { sortedTransactions: h } = De(), [i, d] = c.useState(null);
   if (!l)
     return null;
-  const { guid: f, name: p, is_income: _, totalAmount: u } = l, C = _ ? s.category_income : s.category_spending, b = eo(f, a), g = _ ? s.income_label : s.spending_label, v = ` ${l.transactions.length === 1 ? s.transaction : s.transactions} (${l.transactions.length})`, E = c.useMemo(
+  const { guid: f, name: p, is_income: _, totalAmount: u } = l, y = _ ? s.category_income : s.category_spending, S = to(f, a), g = _ ? s.income_label : s.spending_label, v = ` ${l.transactions.length === 1 ? s.transaction : s.transactions} (${l.transactions.length})`, E = c.useMemo(
     () => h.find((M) => M.guid === i),
     [i, h]
   ), I = (M) => M.category_guid === f || M.top_level_category_guid === f, x = () => {
     o?.(), t(w.TRENDS_CLICK_BACK, V);
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ C(
     ke,
     {
       ariaLabelClose: s.close_category_details,
       isOpen: !0,
       onClose: x,
       shouldShowHeaderShadow: !0,
-      title: C,
+      title: y,
       children: [
-        /* @__PURE__ */ y(S, { sx: { alignItems: "center", height: "100%" }, children: [
-          /* @__PURE__ */ y(Jt, { sx: { borderRadius: 0, pb: 4, pt: 16, width: "100%" }, children: [
+        /* @__PURE__ */ C(b, { sx: { alignItems: "center", height: "100%" }, children: [
+          /* @__PURE__ */ C(eo, { sx: { borderRadius: 0, pb: 4, pt: 16, width: "100%" }, children: [
             /* @__PURE__ */ e(
               Ke,
               {
-                leftIcon: /* @__PURE__ */ e(we, { categoryGuid: f }),
+                leftIcon: /* @__PURE__ */ e(ve, { categoryGuid: f }),
                 rightContent: oe(Math.abs(u), "0,0.00"),
                 subtitle: m,
                 title: p
               }
             ),
-            /* @__PURE__ */ e(Eo, { chartColor: b, chartLabel: g }),
-            /* @__PURE__ */ y(S, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 24 }, children: [
-              /* @__PURE__ */ e(z, { bold: !0, variant: "body1", children: v }),
-              /* @__PURE__ */ e(to, { filter: I })
+            /* @__PURE__ */ e(Io, { chartColor: S, chartLabel: g }),
+            /* @__PURE__ */ C(b, { alignItems: "center", direction: "row", justifyContent: "space-between", sx: { mx: 24 }, children: [
+              /* @__PURE__ */ e(F, { bold: !0, variant: "body1", children: v }),
+              /* @__PURE__ */ e(oo, { filter: I })
             ] })
           ] }),
           /* @__PURE__ */ e(
@@ -1157,10 +1158,10 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       ]
     }
   );
-}), Mo = (o, a) => {
-  const t = je(o, a), n = Ye(o, a);
+}), Ao = (o, a) => {
+  const t = Ye(o, a), n = je(o, a);
   return [t, n].filter((s) => s.length > 0);
-}, Ao = (o, a) => {
+}, Ro = (o, a) => {
   const [t, n] = o, s = t, l = n ?? t, m = [];
   if (s) {
     const h = s.reduce((i, d) => i + d.y, 0);
@@ -1171,16 +1172,16 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
     m.push({ label: a.spending_label, amount: h });
   }
   return m;
-}, Ro = ({
+}, ko = ({
   availableHeight: o = 0,
   minHeight: a = 500,
   selectedDateRange: t,
   totals: n
 }) => {
-  const s = ue(), { onEvent: l } = P(), { trends: m } = O(), { isSmallMobile: h, isMobile: i, isSmallTablet: d, isTablet: f } = J(), p = [s.palette.chart?.chart1, s.palette.chart?.chart2], _ = Mo(n, t), u = Ao(_, m), [C, b] = c.useState(0), g = 458, v = 195, E = 56, I = i || h ? v : d || f ? g : C;
+  const s = we(), { onEvent: l } = P(), { trends: m } = O(), { isSmallMobile: h, isMobile: i, isSmallTablet: d, isTablet: f } = J(), p = [s.palette.chart?.chart1, s.palette.chart?.chart2], _ = Ao(n, t), u = Ro(_, m), [y, S] = c.useState(0), g = 458, v = 195, E = 56, I = i || h ? v : d || f ? g : y;
   return c.useEffect(() => {
     const M = Math.max(o - E, a);
-    b(M);
+    S(M);
   }, [o]), /* @__PURE__ */ e(
     Ne,
     {
@@ -1204,7 +1205,7 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       valueFormatterString: "0.0a"
     }
   );
-}, ko = R(Ro), Ho = [
+}, Ho = R(ko), No = [
   "BillAmountNotStandard",
   "CategorySpendingV2",
   "CostOfLivingToIncome",
@@ -1238,25 +1239,25 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
   "WeeklyNewMerchantsV2",
   "WeeklyNoSpendDays",
   "WeeklySmallPurchasesSummary"
-], No = ({ onBackClick: o, onInsightCardClick: a, sx: t }) => {
-  const { onEvent: n } = P(), { onLoad: s } = yt(), { config: l } = Ct(), { isLargeDesktop: m, isDesktop: h, isMobile: i } = J(), { isAccountDataLoaded: d, loadAccountData: f, visibleAccounts: p } = Le(), {
+], Wo = ({ onBackClick: o, onInsightCardClick: a, sx: t }) => {
+  const { onEvent: n } = P(), { onLoad: s } = _t(), { config: l } = Tt(), { isLargeDesktop: m, isDesktop: h, isMobile: i } = J(), { isAccountDataLoaded: d, loadAccountData: f, visibleAccounts: p } = Le(), {
     categoriesLoaded: _,
     loadCategories: u,
-    loadDateRangeCategoryTotals: C,
-    loadMonthlyCategoryTotals: b,
+    loadDateRangeCategoryTotals: y,
+    loadMonthlyCategoryTotals: S,
     monthlyCategoryTotals: g
-  } = Y(), { isTransactionDataLoaded: v, loadTransactionData: E, setFilter: I } = De(), { selectedDateRange: x, setSelectedCategoryData: M, setSelectedDateRange: k } = Ce(), { isInitialized: A, selectedAccounts: G, selectedAccountGuids: ee, setSelectedAccounts: ne } = ye(), { trends: H, connect: he } = O(), { beatStore: B } = He(), ae = oo() && l.show_insights_widget_in_master, $ = h || m, [_e, U] = c.useState(!1), [K, re] = c.useState(!1), [X, Z] = c.useState("Chart"), [te, ie] = c.useState(""), [ge, ce] = c.useState(!1), [le, D] = c.useState(window.innerHeight), r = $ ? 56 : 0, T = le - 208, L = le - (ae ? 550 + r : 266), [j, Te] = c.useState(!1), Ee = l.show_connections_widget_in_master ? "buttons" : "no-buttons", de = c.useMemo(
+  } = Y(), { isTransactionDataLoaded: v, loadTransactionData: E, setFilter: I } = De(), { selectedDateRange: x, setSelectedCategoryData: M, setSelectedDateRange: k } = Ce(), { isInitialized: A, selectedAccounts: G, selectedAccountGuids: ee, setSelectedAccounts: ne } = fe(), { trends: H, connect: ue } = O(), { beatStore: B } = He(), ae = no() && l.show_insights_widget_in_master, z = h || m, [ye, U] = c.useState(!1), [K, re] = c.useState(!1), [X, Z] = c.useState("Chart"), [te, ie] = c.useState(""), [he, ce] = c.useState(!1), [le, D] = c.useState(window.innerHeight), r = z ? 56 : 0, T = le - 208, L = le - (ae ? 550 + r : 266), [j, _e] = c.useState(!1), Ee = l.show_connections_widget_in_master ? "buttons" : "no-buttons", de = c.useMemo(
     () => p && p.length === 0 || g.length === 0,
     [p, g]
-  ), be = c.useMemo(() => K ? B.getFilteredBeats({ templates: Ho }) : [], [K]);
+  ), Te = c.useMemo(() => K ? B.getFilteredBeats({ templates: No }) : [], [K]);
   c.useEffect(() => {
     const N = () => D(window.innerHeight);
     return window.addEventListener("resize", N), d || f().finally(), _ || u().finally(), v || E().finally(), () => window.removeEventListener("resize", N);
   }, []), c.useEffect(() => {
     ne(p);
   }, [p]), c.useEffect(() => {
-    A && (B.loadBeats().finally(() => re(!0)), C(G, x.start, x.end).then(() => {
-      b(
+    A && (B.loadBeats().finally(() => re(!0)), y(G, x.start, x.end).then(() => {
+      S(
         G,
         x.start,
         x.end
@@ -1276,95 +1277,95 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
       I({
         ...N,
         custom: (q) => !!g.find(
-          (me) => me.top_level_category_guid === q.top_level_category_guid || me.category_guid === q.category_guid
+          (ge) => ge.top_level_category_guid === q.top_level_category_guid || ge.category_guid === q.category_guid
         )
       });
     }
   }, [g]);
   const Ie = (N) => {
     M(N), ce(!0);
-  }, tt = () => {
-    M(null), ce(!1);
   }, ot = () => {
-    Te(!0), n(w.TRENDS_CLICK_CONNECT_ACCOUNTS);
-  }, nt = (N, q) => {
+    M(null), ce(!1);
+  }, nt = () => {
+    _e(!0), n(w.TRENDS_CLICK_CONNECT_ACCOUNTS);
+  }, st = (N, q) => {
     Z(q ?? X), n(w.TRENDS_CLICK_TOGGLE_VIEW, {
       ...V,
       toggleView: q
     });
-  }, st = (N) => {
-    const q = Fe(N?.[0], 1), me = N?.[1], ct = Ae(me, q);
-    k({ start: q, end: me }), n(w.TRENDS_CLICK_TIME_WINDOW, {
+  }, at = (N) => {
+    const q = $e(N?.[0], 1), ge = N?.[1], lt = Ae(ge, q);
+    k({ start: q, end: ge }), n(w.TRENDS_CLICK_TIME_WINDOW, {
       ...V,
-      time_period: ct + "M"
+      time_period: lt + "M"
     });
-  }, at = (N) => {
+  }, rt = (N) => {
     n(w.TRENDS_CLICK_FILTER, {
       ...V,
       filterValue: N
     });
-  }, rt = (N) => {
+  }, it = (N) => {
     ie(N);
-  }, it = () => {
+  }, ct = () => {
     ie(""), n(w.TRENDS_CLICK_ALL_CATEGORIES, V);
   };
-  return !A || !_e ? /* @__PURE__ */ e(fe, {}) : /* @__PURE__ */ y(
+  return !A || !ye ? /* @__PURE__ */ e(pe, {}) : /* @__PURE__ */ C(
     Ue,
     {
       accountOptions: p,
-      calendarActions: { onRangeChanged: st },
+      calendarActions: { onRangeChanged: at },
       dateRange: x,
       dateRangeVariant: i ? "timeframetabs" : "timeframebuttons",
-      onAccountsFilterClick: at,
+      onAccountsFilterClick: rt,
       onBackClick: o,
       sx: t,
       title: H.title,
       children: [
         de && /* @__PURE__ */ e(
-          no,
+          so,
           {
             header: H.zero_state_content_header,
             icon: "",
-            onClick: ot,
+            onClick: nt,
             primaryButton: H.empty_state_primary,
             subText: H.empty_state_sub_text,
             sx: { height: T },
             variant: Ee
           }
         ),
-        !de && /* @__PURE__ */ y(
-          S,
+        !de && /* @__PURE__ */ C(
+          b,
           {
             sx: {
               px: i ? 0 : 48
             },
             children: [
-              /* @__PURE__ */ y(
-                S,
+              /* @__PURE__ */ C(
+                b,
                 {
                   flexDirection: "row",
                   justifyContent: "space-between",
                   sx: { pb: i ? 12 : 24, pt: i ? 24 : 48 },
                   children: [
                     /* @__PURE__ */ e(
-                      Je,
+                      et,
                       {
                         selectedCategoryGuid: te,
                         selectedDateRange: x
                       }
                     ),
-                    /* @__PURE__ */ e(Qe, { onTabChange: nt, selectedTab: X })
+                    /* @__PURE__ */ e(Je, { onTabChange: st, selectedTab: X })
                   ]
                 }
               ),
-              /* @__PURE__ */ e(S, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(W, { flexGrow: 1, children: te && /* @__PURE__ */ y(xe, { onClick: it, sx: { p: 0, pr: 5 }, children: [
+              /* @__PURE__ */ e(b, { alignItems: "center", flexDirection: "row", width: "100%", children: /* @__PURE__ */ e(W, { flexGrow: 1, children: te && /* @__PURE__ */ C(be, { onClick: ct, sx: { p: 0, pr: 5 }, children: [
                 /* @__PURE__ */ e(Se, { name: "arrow_back" }),
                 H.all_categories
               ] }) }) }),
-              /* @__PURE__ */ y(S, { flexDirection: $ ? "row" : "column", gap: $ ? 48 : 16, children: [
-                X === "Chart" && /* @__PURE__ */ y(lt, { children: [
-                  /* @__PURE__ */ e(W, { sx: { width: $ ? "68%" : "100%" }, children: /* @__PURE__ */ e(
-                    ko,
+              /* @__PURE__ */ C(b, { flexDirection: z ? "row" : "column", gap: z ? 48 : 16, children: [
+                X === "Chart" && /* @__PURE__ */ C(dt, { children: [
+                  /* @__PURE__ */ e(W, { sx: { width: z ? "68%" : "100%" }, children: /* @__PURE__ */ e(
+                    Ho,
                     {
                       availableHeight: T,
                       minHeight: 450,
@@ -1372,16 +1373,16 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
                       totals: g
                     }
                   ) }),
-                  /* @__PURE__ */ y(S, { gap: 16, sx: { width: $ ? "32%" : "100%" }, children: [
-                    ae && K && be.length > 0 && /* @__PURE__ */ e(
-                      Lo,
+                  /* @__PURE__ */ C(b, { gap: 16, sx: { width: z ? "32%" : "100%" }, children: [
+                    ae && K && Te.length > 0 && /* @__PURE__ */ e(
+                      Eo,
                       {
-                        beats: be,
+                        beats: Te,
                         onInsightCardClick: a
                       }
                     ),
                     /* @__PURE__ */ e(
-                      wo,
+                      Do,
                       {
                         availableHeight: L,
                         onCategoryClick: Ie
@@ -1390,36 +1391,36 @@ const qe = ({ categoryGuid: o, topLevelCategoryGuid: a }) => {
                   ] })
                 ] }),
                 X === "Table" && /* @__PURE__ */ e(W, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-                  et,
+                  tt,
                   {
                     height: "unset",
                     monthlyCategoryTotals: g,
-                    onClickRow: rt,
+                    onClickRow: it,
                     selectedCategory: te,
                     selectedDateRange: x
                   }
                 ) })
               ] }),
-              ge && /* @__PURE__ */ e(Io, { onClose: tt })
+              he && /* @__PURE__ */ e(Mo, { onClose: ot })
             ]
           }
         ),
         /* @__PURE__ */ e(
-          so,
+          ao,
           {
-            onClose: () => Te(!1),
+            onClose: () => _e(!1),
             showConnectWidget: j,
-            title: he.mini_title
+            title: ue.mini_title
           }
         )
       ]
     }
   );
-}, Gn = R(No);
+}, Vn = R(Wo);
 export {
-  Nn as TrendsFullWidget,
-  On as TrendsMicroWidget,
-  Wn as TrendsMiniWidget,
-  Pn as TrendsStore,
-  Gn as TrendsWidget
+  On as TrendsFullWidget,
+  Bn as TrendsMicroWidget,
+  Gn as TrendsMiniWidget,
+  Fn as TrendsStore,
+  Vn as TrendsWidget
 };