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

package/dist/notifications/index.es.js

@@ -9,16 +9,16 @@ import h from "@mui/material/Box";
 import A from "@mui/material/Divider";
 import D from "@mui/material/List";
 import { Text as m, InstitutionLogo as B, CategoryIcon as T } from "@mxenabled/mxui";
-import { h as I } from "../DateUtil-CDPZw_-m.mjs";
+import { h as I } from "../DateUtil-CBdcsyuk.mjs";
 import { useTheme as R, Card as O } from "@mui/material";
 import { d as G, i as E, u as _, o as x, b as N, a as j } from "../hooks-C41HAxM5.mjs";
 import { Icon as z, Settings as U } from "@mxenabled/mx-icons";
 import F from "@mui/material/Button";
 import P from "@mui/material/Stack";
-import { L as S } from "../Loader-Ckqi9Rx6.mjs";
+import { L as S } from "../Loader-DUaFpDGv.mjs";
 import W from "@mui/material/IconButton";
-import { N as $ } from "../NotificationSettings-B74rQVYC.mjs";
-import { D as b } from "../Drawer-BF40nbsH.mjs";
+import { N as $ } from "../NotificationSettings-CNmJWVeI.mjs";
+import { D as b } from "../Drawer-BEtCk82g.mjs";
 const _t = (e) => {
   switch (e) {
     case y.BudgetExceeded:
@@ -35,8 +35,8 @@ const _t = (e) => {
     default:
       return null;
   }
-}, M = ({ date: e }) => /* @__PURE__ */ t(h, { sx: { display: "flex", justifyContent: "center", mt: 12, py: 8 }, children: /* @__PURE__ */ t(m, { bold: !0, variant: "body2", children: I(e) }) }), V = ({ notification: e }) => {
-  const { accounts: n } = G(), { budgets: r } = E(), { accounts: s } = _(), o = n.find((i) => i.guid === e.entity_guid), a = r.find((i) => i.guid === e.entity_guid), d = e.entity_guid.includes("GOL"), u = {
+}, H = ({ date: e }) => /* @__PURE__ */ t(h, { sx: { display: "flex", justifyContent: "center", mt: 12, py: 8 }, children: /* @__PURE__ */ t(m, { bold: !0, variant: "Small", children: I(e) }) }), M = ({ notification: e }) => {
+  const { accounts: n } = G(), { budgets: r } = E(), { accounts: a } = _(), o = n.find((i) => i.guid === e.entity_guid), s = r.find((i) => i.guid === e.entity_guid), d = e.entity_guid.includes("GOL"), u = {
     badge: {
       display: "flex",
       alignItems: "center",
@@ -48,13 +48,13 @@ const _t = (e) => {
   return o || d ? /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(
     B,
     {
-      alt: o?.institutionName || s.institution_logo_alt,
+      alt: o?.institutionName || a.institution_logo_alt,
       institutionGuid: o?.institution_guid ?? "",
       size: 33
     }
-  ) }) : /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(T, { categoryGuid: a?.category_guid, size: 36 }) });
-}, X = p(V), Y = ({ notification: e, onClick: n }) => {
-  const { updateNotification: r } = x(), s = R(), o = {
+  ) }) : /* @__PURE__ */ t("div", { style: u.badge, children: /* @__PURE__ */ t(T, { categoryGuid: s?.category_guid, size: 36 }) });
+}, V = p(M), X = ({ notification: e, onClick: n }) => {
+  const { updateNotification: r } = x(), a = R(), o = {
     card: {
       alignItems: "center",
       cursor: "pointer",
@@ -63,14 +63,14 @@ const _t = (e) => {
       paddingX: 24,
       paddingY: 12,
       "&:focus": {
-        backgroundColor: s.palette.background.default
+        backgroundColor: a.palette.background.default
       },
       "&:hover": {
-        backgroundColor: s.palette.background.default
+        backgroundColor: a.palette.background.default
       }
     },
     dot: {
-      backgroundColor: s.palette.primary.main,
+      backgroundColor: a.palette.primary.main,
       borderRadius: "100%",
       flex: "0 0 auto",
       marginLeft: -8,
@@ -83,15 +83,15 @@ const _t = (e) => {
     n(e), r({ ...e, has_been_viewed: !0 }).finally();
   }, sx: o.card, children: [
     e.has_been_viewed ? null : /* @__PURE__ */ t("div", { "data-testid": "new-message-dot", style: o.dot }),
-    /* @__PURE__ */ t(X, { notification: e }),
-    /* @__PURE__ */ t(m, { bold: !e.has_been_viewed, truncate: !1, variant: "body2", children: e.content })
+    /* @__PURE__ */ t(V, { notification: e }),
+    /* @__PURE__ */ t(m, { bold: !e.has_been_viewed, truncate: !1, variant: "Small", children: e.content })
   ] });
-}, q = p(
+}, Y = p(
   ({ onManageNotifications: e }) => {
     const { notifications: n } = _();
     return /* @__PURE__ */ l(P, { sx: { alignItems: "center", height: "95%", justifyContent: "center" }, children: [
       /* @__PURE__ */ t(z, { name: "notifications", size: 32 }),
-      /* @__PURE__ */ t(m, { sx: { pt: 32 }, variant: "h3", children: n.notification_empty_state.no_new_notifications }),
+      /* @__PURE__ */ t(m, { sx: { pt: 32 }, variant: "H3", children: n.notification_empty_state.no_new_notifications }),
       /* @__PURE__ */ t(
         m,
         {
@@ -109,36 +109,36 @@ const _t = (e) => {
       /* @__PURE__ */ t(F, { onClick: e, sx: { p: "12px 16px" }, variant: "outlined", children: n.notification_empty_state.manage_notifications })
     ] });
   }
-), H = ({ onClick: e, onManageNotifications: n }) => {
-  const { isLoading: r, loadNotifications: s, newNotifications: o, markAllAsViewed: a } = x(), { isInitialized: d } = N(), u = (i) => {
+), q = ({ onClick: e, onManageNotifications: n }) => {
+  const { isLoading: r, loadNotifications: a, newNotifications: o, markAllAsViewed: s } = x(), { isInitialized: d } = N(), u = (i) => {
     e?.(i);
   };
   return L(() => {
-    s().then(() => a()).finally();
+    a().then(() => s()).finally();
   }, []), !d || r ? /* @__PURE__ */ t(S, {}) : /* @__PURE__ */ l(C, { children: [
-    o.length === 0 && /* @__PURE__ */ t(q, { onManageNotifications: n }),
+    o.length === 0 && /* @__PURE__ */ t(Y, { onManageNotifications: n }),
     /* @__PURE__ */ t(D, { sx: { p: 16 }, children: o.slice().sort((i, c) => c.delivered_at - i.delivered_at).map((i, c) => {
       const w = v(c, o);
       return /* @__PURE__ */ l(h, { sx: { mb: 12 }, children: [
         w && /* @__PURE__ */ l(h, { sx: { mb: 12 }, children: [
-          /* @__PURE__ */ t(M, { date: i.delivered_at }),
+          /* @__PURE__ */ t(H, { date: i.delivered_at }),
           /* @__PURE__ */ t(A, {})
         ] }),
-        /* @__PURE__ */ t(Y, { notification: i, onClick: u })
+        /* @__PURE__ */ t(X, { notification: i, onClick: u })
       ] }, i.guid);
     }) })
   ] });
-}, J = p(H), yt = p(
-  ({ notificationTypes: e, isOpen: n, onClose: r, onNotificationClick: s }) => {
-    const { config: o } = j(), { notifications: a, settings: d } = _(), { isCopyLoaded: u } = N(), [i, c] = k.useState(!1);
+}, J = p(q), yt = p(
+  ({ notificationTypes: e, isOpen: n, onClose: r, onNotificationClick: a }) => {
+    const { config: o } = j(), { notifications: s, settings: d } = _(), { isCopyLoaded: u } = N(), [i, c] = k.useState(!1);
     return u ? /* @__PURE__ */ l(C, { children: [
       /* @__PURE__ */ l(
         b,
         {
-          ariaLabelClose: a.close_notifications,
+          ariaLabelClose: s.close_notifications,
           isOpen: n,
           onClose: r,
-          title: a.notifications_title,
+          title: s.notifications_title,
           children: [
             /* @__PURE__ */ t(
               W,
@@ -156,7 +156,7 @@ const _t = (e) => {
             /* @__PURE__ */ t(
               J,
               {
-                onClick: s,
+                onClick: a,
                 onManageNotifications: () => c(!0)
               }
             )
@@ -166,7 +166,7 @@ const _t = (e) => {
       /* @__PURE__ */ t(
         b,
         {
-          ariaLabelClose: a.close_notification_settings,
+          ariaLabelClose: s.close_notification_settings,
           isOpen: i,
           onClose: () => c(!1),
           title: d.notification_settings_title,

package/dist/recurringtransactions/index.es.js

@@ -1,76 +1,76 @@
-import { jsx as e, jsxs as a, Fragment as P } from "react/jsx-runtime";
+import { jsx as e, jsxs as a, Fragment as B } from "react/jsx-runtime";
 import x from "react";
 import { observer as C } from "mobx-react-lite";
 import { endOfMonth as W } from "date-fns/endOfMonth";
-import { endOfToday as X } from "date-fns/endOfToday";
+import { endOfToday as Z } from "date-fns/endOfToday";
 import { startOfMonth as N } from "date-fns/startOfMonth";
 import { startOfToday as J } from "date-fns/startOfToday";
 import { subDays as Q } from "date-fns/subDays";
-import { R as De } from "../RecurringSettings-DAncu--R.mjs";
-import { M as vn } from "../RecurringSettings-DAncu--R.mjs";
+import { R as De } from "../RecurringSettings-CqZh1SQa.mjs";
+import { M as vn } from "../RecurringSettings-CqZh1SQa.mjs";
 import { addMonths as We } from "date-fns/addMonths";
 import { subMonths as $e } from "date-fns/subMonths";
-import { isBefore as Pe } from "date-fns/isBefore";
-import q from "@mui/material/Grid";
+import { isBefore as Be } from "date-fns/isBefore";
+import q from "@mui/material/Unstable_Grid2";
 import ge from "@mui/material/IconButton";
 import d from "@mui/material/Stack";
 import he from "@mui/material/Tab";
-import ze from "@mui/material/Tabs";
-import { Cancel as Te, CheckCircle as we, Schedule as Be, MonetizationOn as Fe, ChevronLeft as He, ChevronRight as Ue, CurrencyExchange as je } from "@mxenabled/mx-icons";
+import Pe from "@mui/material/Tabs";
+import { Schedule as He, MonetizationOn as Fe, Cancel as Te, CheckCircle as Se, ChevronLeft as ze, ChevronRight as Ue, CurrencyExchange as je } from "@mxenabled/mx-icons";
 import { Text as f, MerchantLogo as ee, InstitutionLogo as Ke, H3 as Ye, P as V } from "@mxenabled/mxui";
 import { getWeeksInMonth as fe } from "date-fns/getWeeksInMonth";
-import { useTheme as te } from "@mui/material/styles";
+import te from "@mui/material/styles/useTheme";
 import { AdapterDateFns as qe } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DateCalendar as Ve } from "@mui/x-date-pickers/DateCalendar";
-import { LocalizationProvider as Ze } from "@mui/x-date-pickers/LocalizationProvider";
-import { isSameDay as Xe } from "date-fns/isSameDay";
+import { LocalizationProvider as Xe } from "@mui/x-date-pickers/LocalizationProvider";
+import { isSameDay as Ze } from "date-fns/isSameDay";
 import Je from "@mui/material/Badge";
 import { PickersDay as Qe } from "@mui/x-date-pickers/PickersDay";
-import { I as z } from "../IconBacking-DgT8DCeh.mjs";
-import { u as R, b as B, j as _, g as F, q as Se, d as ne, h as re, n as et } from "../hooks-C41HAxM5.mjs";
-import { d as M, c as T, g as xe, f as tt } from "../RecurringTransactions-CxcSL1dY.mjs";
-import { T as O } from "../RecurringTransactionsStore-CNFxyGB6.mjs";
-import { R as An } from "../RecurringTransactionsStore-CNFxyGB6.mjs";
-import { A as I, W as nt } from "../WidgetContainer-CDh9fjpR.mjs";
+import { I as P } from "../IconBacking-B9oC6uL2.mjs";
+import { u as R, b as H, j as _, g as F, q as we, d as ne, h as re, n as et } from "../hooks-C41HAxM5.mjs";
+import { d as M, c as T, g as xe, f as tt } from "../RecurringTransactions-BKcYmpv3.mjs";
+import { T as O } from "../RecurringTransactionsStore-Ni5tSQIO.mjs";
+import { R as An } from "../RecurringTransactionsStore-Ni5tSQIO.mjs";
+import { A as I, W as nt } from "../WidgetContainer-BhQ1Kx2z.mjs";
 import rt from "@mui/material/Button";
-import Z from "@mui/material/Divider";
+import X from "@mui/material/Divider";
 import be from "@mui/material/List";
 import _e from "@mui/material/ListItem";
 import it from "@mui/material/ListSubheader";
 import ot from "@mui/material/ListItemAvatar";
 import at from "@mui/material/ListItemButton";
 import st from "@mui/material/ListItemText";
-import { b as ct } from "../ManageIncome-8EsStyIQ.mjs";
-import { c as Gn, M as Nn, S as On } from "../ManageIncome-8EsStyIQ.mjs";
-import { D as ie } from "../Drawer-BF40nbsH.mjs";
+import { b as ct } from "../ManageIncome-NpXHhO1n.mjs";
+import { c as Gn, M as Nn, S as On } from "../ManageIncome-NpXHhO1n.mjs";
 import { f as v } from "../NumberFormatting-DjTD0t3W.mjs";
+import { D as ie } from "../Drawer-BEtCk82g.mjs";
 import { b as E } from "../Localization-2MODESHW.mjs";
-import { f as L, a as A } from "../Dialog-CDV0kKxj.mjs";
+import { f as L, a as A } from "../Dialog-BPTr3qHE.mjs";
 import G from "@mui/material/Box";
-import { S as Ie } from "../StatusBar-CPfSXe80.mjs";
-import { u as oe } from "../useScreenSize-B5afALev.mjs";
+import { S as Ie } from "../StatusBar-BK_uYHAB.mjs";
+import { u as oe } from "../useScreenSize-B6JyS_Lj.mjs";
 import { S as Me } from "../SkeletonLoader-BaNboJjD.mjs";
-import { L as ae } from "../Loader-Ckqi9Rx6.mjs";
-import { M as lt } from "../MiniWidgetContainer-CKzf_Ira.mjs";
+import { L as ae } from "../Loader-DUaFpDGv.mjs";
+import { M as lt } from "../MiniWidgetContainer-CmXpTylX.mjs";
 import { u as dt } from "../useDimensions-27p2evRx.mjs";
-import { M as ut } from "../MicroWidgetContainer-BGpNl5ZS.mjs";
-const H = {
+import { M as ut } from "../MicroWidgetContainer-DEiRnYVa.mjs";
+const z = {
   gridRow: 1,
   gridColumn: 1,
   zIndex: 2
-}, U = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, se = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(z, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(Be, { color: "primary", filled: !0, sx: { fontSize: n, ...H } }) }), ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(z, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(
+}, U = (t) => t ? { margin: "0 0 -6px -4px" } : void 0, se = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(He, { color: "primary", filled: !0, sx: { fontSize: n, ...z } }) }), ce = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(
   Fe,
   {
     filled: !0,
-    sx: { color: "categories.income", fontSize: n, ...H }
+    sx: { color: "categories.income", fontSize: n, ...z }
   }
-) }), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(z, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(Te, { color: "error", filled: !0, sx: { fontSize: n, ...H } }) }), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(z, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(we, { color: "success", filled: !0, sx: { fontSize: n, ...H } }) }), mt = C(
+) }), le = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(Te, { color: "error", filled: !0, sx: { fontSize: n, ...z } }) }), de = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(P, { size: n, sx: { ...U(t) }, children: /* @__PURE__ */ e(Se, { color: "success", filled: !0, sx: { fontSize: n, ...z } }) }), mt = C(
   ({ day: t, outsideCurrentMonth: n, ...r }) => {
-    const { recurring: i } = R(), { selectedAccountGuids: o } = B(), { recurrences: c, setSelectedDay: u } = _(), s = x.useMemo(
+    const { recurring: i } = R(), { selectedAccountGuids: o } = H(), { recurrences: c, setSelectedDay: u } = _(), s = x.useMemo(
       () => c.filter((g) => o.includes(g.accountGuid)),
       [o, c]
     ).filter(
-      (g) => Xe(g.occurredOnDate || g.expectedDate, t)
+      (g) => Ze(g.occurredOnDate || g.expectedDate, t)
     ), l = s.some(
       (g) => g.type !== M.Income && g.status === T.Upcoming
     ), m = s.some(
@@ -81,7 +81,7 @@ const H = {
     return /* @__PURE__ */ e(
       Je,
       {
-        badgeContent: s.length > 0 && /* @__PURE__ */ a(P, { children: [
+        badgeContent: s.length > 0 && /* @__PURE__ */ a(B, { children: [
           m && /* @__PURE__ */ e(le, { isOffset: !0 }),
           h && /* @__PURE__ */ e(de, { isOffset: !0 }),
           l && /* @__PURE__ */ e(se, { isOffset: !0 }),
@@ -121,7 +121,7 @@ const H = {
   }
 ), $ = ({ icon: t, label: n }) => /* @__PURE__ */ a(d, { alignItems: "center", flexDirection: "row", sx: { gap: 6 }, children: [
   /* @__PURE__ */ e(t, {}),
-  /* @__PURE__ */ e(f, { variant: "caption", children: n })
+  /* @__PURE__ */ e(f, { variant: "XSmall", children: n })
 ] }), pt = C(() => {
   const { recurring: t } = R();
   return /* @__PURE__ */ a(
@@ -183,8 +183,8 @@ const H = {
           pr: 8
         },
         "& .MuiPickersCalendarHeader-label": {
-          fontFamily: t.typography.body1.fontFamily,
-          fontSize: t.typography.body1.fontSize,
+          fontFamily: t.typography.Body.fontFamily,
+          fontSize: t.typography.Body.fontSize,
           fontWeight: 600
         },
         "& .MuiDayCalendar-slideTransition": {
@@ -232,7 +232,7 @@ const H = {
             children: "Calendar filter for recurring transactions list. Filter by month or select specific date."
           }
         ),
-        /* @__PURE__ */ a(Ze, { dateAdapter: qe, children: [
+        /* @__PURE__ */ a(Xe, { dateAdapter: qe, children: [
           r && s,
           !r && s,
           /* @__PURE__ */ e(pt, {})
@@ -310,7 +310,7 @@ const H = {
               /* @__PURE__ */ e(d, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ a(d, { direction: "row", gap: 4, children: [
                 gt(t),
                 /* @__PURE__ */ e(f, { variant: "caption", children: ht(t, o) })
-              ] }) : /* @__PURE__ */ a(P, { children: [
+              ] }) : /* @__PURE__ */ a(B, { children: [
                 t.institutionGuid && /* @__PURE__ */ e(
                   Ke,
                   {
@@ -339,7 +339,7 @@ const H = {
                     width: "100%"
                   },
                   children: [
-                    m && /* @__PURE__ */ e(we, { color: "success", filled: !0, size: 12 }),
+                    m && /* @__PURE__ */ e(Se, { color: "success", filled: !0, size: 12 }),
                     h && /* @__PURE__ */ e(Te, { color: "error", filled: !0, size: 12 }),
                     /* @__PURE__ */ e(f, { bold: !0, color: "text.secondary", variant: "caption", children: y })
                   ]
@@ -397,7 +397,7 @@ const H = {
             recurrence: s
           }
         ),
-        /* @__PURE__ */ e(Z, { sx: { mx: 24 } })
+        /* @__PURE__ */ e(X, { sx: { mx: 24 } })
       ] }, `recurrence-${l}`)) : p.map((s, l) => /* @__PURE__ */ a(x.Fragment, { children: [
         /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ e(
           be,
@@ -414,7 +414,7 @@ const H = {
             ) }, `day-recurrence-${h}`))
           }
         ) }, s.id),
-        /* @__PURE__ */ e(Z, { sx: { mx: 24 } })
+        /* @__PURE__ */ e(X, { sx: { mx: 24 } })
       ] }, `recurrence-${l}`)) })
     ] });
   }
@@ -434,7 +434,7 @@ const H = {
         /* @__PURE__ */ e(G, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
         !s && /* @__PURE__ */ e(f, { bold: !0, variant: "body2", children: v(i, "0,0.00") }),
         /* @__PURE__ */ e(f, { variant: "caption", children: l.paid?.toLowerCase() }),
-        r !== void 0 && /* @__PURE__ */ a(P, { children: [
+        r !== void 0 && /* @__PURE__ */ a(B, { children: [
           /* @__PURE__ */ e(G, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
           !s && /* @__PURE__ */ e(f, { bold: !0, variant: "body2", children: v(r, "0,0.00") }),
           /* @__PURE__ */ e(f, { variant: "caption", children: l.missed?.toLowerCase() })
@@ -446,7 +446,7 @@ const H = {
     ] });
   }
 ), ft = C(() => {
-  const { recurring: t } = R(), { availableWidth: n } = Se(), { isDesktop: r, isSmallMobile: i, isMobile: o } = oe(n), { onEvent: c } = F(), {
+  const { recurring: t } = R(), { availableWidth: n } = we(), { isDesktop: r, isSmallMobile: i, isMobile: o } = oe(n), { onEvent: c } = F(), {
     currentMonthExpenses: u,
     currentMonthIncome: p,
     dateRange: s,
@@ -458,31 +458,31 @@ const H = {
     paidIncomeTotal: g,
     selectedDay: D,
     selectedDayRecurrences: j,
-    setDateRange: S,
+    setDateRange: w,
     upcomingExpenseTotal: K,
     upcomingIncomeTotal: Le,
     upcomingRecurrences: ue
-  } = _(), [Y, Ae] = x.useState(0), Ee = Pe(s.start, /* @__PURE__ */ new Date()), Ge = (w, ke) => {
+  } = _(), [Y, Ae] = x.useState(0), Ee = Be(s.start, /* @__PURE__ */ new Date()), Ge = (S, ke) => {
     Ae(ke);
-  }, me = (w) => {
+  }, me = (S) => {
     c(I.RECURRING_TRANSACTIONS_CLICK_UPCOMING, {
-      transaction_guid: w.transaction?.guid
+      transaction_guid: S.transaction?.guid
     });
-  }, pe = (w) => {
+  }, pe = (S) => {
     c(I.RECURRING_TRANSACTIONS_CLICK_PAID, {
-      transaction_guid: w.transaction?.guid
+      transaction_guid: S.transaction?.guid
     });
   }, Ne = () => {
-    const w = We(s.start, 1);
-    S({
-      start: N(w),
-      end: W(w)
+    const S = We(s.start, 1);
+    w({
+      start: N(S),
+      end: W(S)
     });
   }, Oe = () => {
-    const w = $e(s.start, 1);
-    S({
-      start: N(w),
-      end: W(w)
+    const S = $e(s.start, 1);
+    w({
+      start: N(S),
+      end: W(S)
     });
   };
   return /* @__PURE__ */ a(
@@ -493,7 +493,7 @@ const H = {
         pt: 16
       },
       children: [
-        /* @__PURE__ */ a(q, { size: { md: "grow", sm: 12 }, width: "100%", children: [
+        /* @__PURE__ */ a(q, { md: !0, sm: 12, width: "100%", children: [
           /* @__PURE__ */ a(d, { sx: { gap: 16, px: r ? 48 : 24 }, children: [
             /* @__PURE__ */ a(d, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
               /* @__PURE__ */ e(Ye, { children: E(
@@ -507,7 +507,7 @@ const H = {
                     color: "primary",
                     disabled: Ee,
                     onClick: Oe,
-                    children: /* @__PURE__ */ e(He, {})
+                    children: /* @__PURE__ */ e(ze, {})
                   }
                 ),
                 /* @__PURE__ */ e(ge, { color: "primary", onClick: Ne, children: /* @__PURE__ */ e(Ue, {}) })
@@ -545,7 +545,7 @@ const H = {
             )
           ] }),
           !r && /* @__PURE__ */ a(d, { sx: { px: o ? 0 : 24 }, children: [
-            /* @__PURE__ */ a(ze, { onChange: Ge, value: Y, variant: "fullWidth", children: [
+            /* @__PURE__ */ a(Pe, { onChange: Ge, value: Y, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
                 he,
                 {
@@ -575,7 +575,7 @@ const H = {
             )
           ] })
         ] }),
-        r && /* @__PURE__ */ e(q, { size: { xs: "auto" }, sx: { minWidth: 450 }, children: /* @__PURE__ */ a(d, { gap: 24, children: [
+        r && /* @__PURE__ */ e(q, { sx: { minWidth: 450 }, xs: "auto", children: /* @__PURE__ */ a(d, { gap: 24, children: [
           /* @__PURE__ */ e(ve, {}),
           /* @__PURE__ */ e(
             k,
@@ -593,7 +593,7 @@ const H = {
     }
   );
 }), Tn = C(({ onBackClick: t, sx: n = {} }) => {
-  const { accounts: r } = ne(), { recurring: i } = R(), { isInitialized: o, selectedAccountGuids: c, setSelectedAccounts: u } = B(), { isDataLoaded: p, loadRepeatingTransactionData: s, setDateRange: l } = _(), { setFilter: m } = re(), { onEvent: h } = F(), { onLoad: b } = et(), { isMobile: y } = oe(), [g, D] = x.useState(!1);
+  const { accounts: r } = ne(), { recurring: i } = R(), { isInitialized: o, selectedAccountGuids: c, setSelectedAccounts: u } = H(), { isDataLoaded: p, loadRepeatingTransactionData: s, setDateRange: l } = _(), { setFilter: m } = re(), { onEvent: h } = F(), { onLoad: b } = et(), { isMobile: y } = oe(), [g, D] = x.useState(!1);
   return x.useEffect(() => {
     p || s().finally(() => {
       b?.("RecurringTransactionsWidget");
@@ -602,7 +602,7 @@ const H = {
     u(r);
   }, [r]), x.useEffect(() => {
     m({
-      dateRange: { start: Q(J(), 90), end: X() },
+      dateRange: { start: Q(J(), 90), end: Z() },
       accounts: c
     }), l({ start: N(/* @__PURE__ */ new Date()), end: W(/* @__PURE__ */ new Date()) });
   }, [c]), o ? /* @__PURE__ */ a(
@@ -640,10 +640,10 @@ const H = {
     }
   ) : /* @__PURE__ */ e(ae, {});
 }), xt = C(() => {
-  const { recurring: t } = R(), { availableWidth: n } = Se(), { selectedDay: r, selectedDayRecurrences: i, setSelectedDay: o, upcomingRecurrences: c } = _(), u = n < 750;
+  const { recurring: t } = R(), { availableWidth: n } = we(), { selectedDay: r, selectedDayRecurrences: i, setSelectedDay: o, upcomingRecurrences: c } = _(), u = n < 750;
   return /* @__PURE__ */ a(d, { flexDirection: u ? "column" : "row", width: "100%", children: [
     /* @__PURE__ */ e(ve, {}),
-    !u && /* @__PURE__ */ e(Z, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
+    !u && /* @__PURE__ */ e(X, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
     /* @__PURE__ */ e(
       k,
       {
@@ -658,16 +658,16 @@ const H = {
       }
     )
   ] });
-}), wn = C(
+}), Sn = C(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { accounts: r } = ne(), { recurring: i } = R(), { setFilter: o } = re(), { isDataLoaded: c, loadRepeatingTransactionData: u } = _(), { isInitialized: p, setSelectedAccounts: s, selectedAccountGuids: l } = B();
+    const { accounts: r } = ne(), { recurring: i } = R(), { setFilter: o } = re(), { isDataLoaded: c, loadRepeatingTransactionData: u } = _(), { isInitialized: p, setSelectedAccounts: s, selectedAccountGuids: l } = H();
     return x.useEffect(() => {
       c || u().finally();
     }, []), x.useEffect(() => {
       s(r);
     }, [r]), x.useEffect(() => {
       l.length > 0 && o({
-        dateRange: { start: Q(J(), 90), end: X() },
+        dateRange: { start: Q(J(), 90), end: Z() },
         accounts: l
       });
     }, [l]), p ? /* @__PURE__ */ e(
@@ -769,13 +769,13 @@ const H = {
     paidExpenseTotal: u,
     upcomingExpenseTotal: p
   } = _(), { recurring: s } = R(), l = r <= 288, m = r >= 450, h = 32, b = i.length > 0, y = x.useMemo(() => v(o, o === 0 ? "0,0" : "0,0.00"), [o]), g = x.useMemo(() => {
-    const S = [
+    const w = [
       { color: t.palette.success.main, percentage: `${u / o}` }
     ];
-    return c && S.push({
+    return c && w.push({
       color: t.palette.error.main,
       percentage: `${c / o}`
-    }), S;
+    }), w;
   }, [
     u,
     o,
@@ -802,11 +802,11 @@ const H = {
     },
     {
       amount: p,
-      bgColor: "neutral.light",
+      bgColor: "border.light",
       label: s.upcoming
     }
   ];
-  return /* @__PURE__ */ a(P, { children: [
+  return /* @__PURE__ */ a(B, { children: [
     /* @__PURE__ */ a(d, { ref: n, sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
       /* @__PURE__ */ a(
         d,
@@ -825,11 +825,11 @@ const H = {
               f,
               {
                 sx: { width: "100%" },
-                variant: y.length >= 10 && l ? "h3" : "h2",
+                variant: y.length >= 10 && l ? "H3" : "H2",
                 children: y
               }
             ),
-            /* @__PURE__ */ e(V, { sx: { pr: 12 }, variant: "caption", children: s.expected })
+            /* @__PURE__ */ e(V, { sx: { pr: 12 }, variant: "XSmall", children: s.expected })
           ]
         }
       ),
@@ -846,14 +846,14 @@ const H = {
             gap: 16,
             mt: 4
           },
-          children: j.map((S, K) => /* @__PURE__ */ e(
+          children: j.map((w, K) => /* @__PURE__ */ e(
             yt,
             {
-              amount: S.amount,
-              bgcolor: S.bgColor,
+              amount: w.amount,
+              bgcolor: w.bgColor,
               isLargeScreen: m,
               isSmallScreen: l,
-              label: S.label
+              label: w.label
             },
             `recurrence-legend-${K}`
           ))
@@ -861,9 +861,9 @@ const H = {
       )
     ] })
   ] });
-}), Sn = C(
+}), wn = C(
   ({ onCTAClick: t }) => {
-    const { onEvent: n } = F(), { accounts: r } = ne(), { isInitialized: i, selectedAccountGuids: o, setSelectedAccounts: c } = B(), {
+    const { onEvent: n } = F(), { accounts: r } = ne(), { isInitialized: i, selectedAccountGuids: o, setSelectedAccounts: c } = H(), {
       loadRepeatingTransactionData: u,
       upcomingRecurrences: p,
       repeatingTransactions: s,
@@ -880,7 +880,7 @@ const H = {
       i && c(r);
     }, [i, r]), x.useEffect(() => {
       i && (h({
-        dateRange: { start: Q(J(), 90), end: X() },
+        dateRange: { start: Q(J(), 90), end: Z() },
         accounts: o
       }), l({ start: N(/* @__PURE__ */ new Date()), end: W(/* @__PURE__ */ new Date()) }));
     }, [i, o]);
@@ -923,8 +923,8 @@ export {
   Nn as ManageIncome,
   De as RecurringSettings,
   _n as RecurringSettingsDrawer,
-  Sn as RecurringTransactionsMicroWidget,
-  wn as RecurringTransactionsMiniWidget,
+  wn as RecurringTransactionsMicroWidget,
+  Sn as RecurringTransactionsMiniWidget,
   An as RecurringTransactionsStore,
   Tn as RecurringTransactionsWidget,
   On as SelectTransaction