@mx-cartographer/experiences 8.2.3 → 8.2.4-alpha-ram1-bug-testing

package/dist/{NotificationSettings-CCg-Tml2.mjs → NotificationSettings-6p-h5phZ.mjs}

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as e, Fragment as N } from "react/jsx-runtime";
-import p from "react";
+import f from "react";
 import { observer as C } from "mobx-react-lite";
 import v from "@mui/material/Divider";
 import E from "@mui/material/List";
@@ -7,7 +7,7 @@ import O from "@mui/material/ListItem";
 import L from "@mui/material/ListItemText";
 import V from "@mui/material/ListItemButton";
 import h from "@mui/material/Stack";
-import { ChevronRight as S, ExpandMore as ee, Star as te } from "@mxenabled/mx-icons";
+import { ChevronRight as A, ExpandMore as ee, Star as te } from "@mxenabled/mx-icons";
 import { Text as x, InstitutionLogo as ne, H3 as F } from "@mxenabled/mxui";
 import { endOfMonth as ie } from "date-fns/endOfMonth";
 import { startOfMonth as oe } from "date-fns/startOfMonth";
@@ -16,34 +16,34 @@ import { LocalizationProvider as ae } from "@mui/x-date-pickers/LocalizationProv
 import { AdapterDateFns as ce } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { b as le } from "./Localization-DnoVyBNK.mjs";
 import { b as re, f as de } from "./NumberFormatting--XMeeBfr.mjs";
-import { u as k, A as T, C as A, d as J, g as me, a as q, b as he } from "./hooks-BaO_gOI6.mjs";
+import { u as k, A as T, C as S, d as J, g as me, a as q, b as he } from "./hooks-BaO_gOI6.mjs";
 import { A as ue, N as b } from "./Notification-DTNYSd8P.mjs";
-import { T as R, a as D } from "./ToggleListItem-BLu_fWA2.mjs";
-import { D as B } from "./Dialog-iLlBR8TG.mjs";
-import { C as _e } from "./CurrencyInput-B59ugxPN.mjs";
-import { u as pe } from "./useScreenSize-CeFhWTt_.mjs";
-import { D as K } from "./Drawer-XPaLYjiO.mjs";
-import fe from "@mui/material/Collapse";
+import { T as R, a as D } from "./ToggleListItem-Dl1lXNwj.mjs";
+import { D as B } from "./Dialog-CwWc0AbH.mjs";
+import { C as _e } from "./CurrencyInput-adTIRtL3.mjs";
+import { u as fe } from "./useScreenSize-mWpmnh5w.mjs";
+import { D as K } from "./Drawer-BXqqBMxg.mjs";
+import pe from "@mui/material/Collapse";
 import ge from "@mui/material/Card";
 import ye from "@mui/material/CardContent";
 import W from "@mui/material/Box";
 import j from "@mui/material/Button";
 import U from "@mui/material/TextField";
 import { u as be } from "./useDimensions-CeDR9V8N.mjs";
-import Q from "@mui/material/styles/useTheme";
+import { useTheme as Q } from "@mui/material/styles";
 import { u as xe } from "./useInsightsEnabled-DaNLPmUU.mjs";
 import { u as Ce } from "./useWidgetLoadTimer-CJb-RELP.mjs";
 import { L as ve } from "./Loader-CxeBwuPG.mjs";
 const Te = C(() => {
-  const { common: n, settings: t } = k(), { sendEmailVerification: s } = T(), { user: l } = A(), i = Q(), [r, a] = p.useState(!1), o = () => {
+  const { common: n, settings: t } = k(), { sendEmailVerification: s } = T(), { user: l } = S(), i = Q(), [r, a] = f.useState(!1), o = () => {
     a(!1);
   }, u = () => {
     a(!0);
   };
-  return /* @__PURE__ */ c(p.Fragment, { children: [
+  return /* @__PURE__ */ c(f.Fragment, { children: [
     /* @__PURE__ */ c(j, { onClick: u, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
       /* @__PURE__ */ e(x, { variant: "body2", children: t.verify_email }),
-      /* @__PURE__ */ e(S, {})
+      /* @__PURE__ */ e(A, {})
     ] }),
     /* @__PURE__ */ e(
       B,
@@ -85,7 +85,7 @@ const Te = C(() => {
   ] });
 }), Pe = C(
   ({ handleClose: n, handleVerify: t, isOpen: s }) => {
-    const { common: l, settings: i } = k(), [r, a] = p.useState("");
+    const { common: l, settings: i } = k(), [r, a] = f.useState("");
     return /* @__PURE__ */ e(
       B,
       {
@@ -109,7 +109,7 @@ const Te = C(() => {
     );
   }
 ), De = C(() => {
-  const { common: n, settings: t } = k(), { sendPhoneVerification: s, verifyPhoneToken: l } = T(), { user: i } = A(), r = Q(), [a, o] = p.useState(!1), [u, d] = p.useState(!1), f = () => {
+  const { common: n, settings: t } = k(), { sendPhoneVerification: s, verifyPhoneToken: l } = T(), { user: i } = S(), r = Q(), [a, o] = f.useState(!1), [u, d] = f.useState(!1), p = () => {
     o(!1);
   }, _ = () => {
     o(!0);
@@ -122,19 +122,19 @@ const Te = C(() => {
       d(!1);
     });
   };
-  return /* @__PURE__ */ c(p.Fragment, { children: [
+  return /* @__PURE__ */ c(f.Fragment, { children: [
     /* @__PURE__ */ c(j, { onClick: _, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
       /* @__PURE__ */ e(x, { variant: "body2", children: t.verify_phone }),
-      /* @__PURE__ */ e(S, {})
+      /* @__PURE__ */ e(A, {})
     ] }),
     /* @__PURE__ */ e(
       B,
       {
         copy: { title: "" },
         isOpen: a,
-        onClose: f,
+        onClose: p,
         onPrimaryAction: y,
-        onSecondaryAction: f,
+        onSecondaryAction: p,
         primaryText: t.send_verification,
         secondaryText: n.back,
         sx: {
@@ -175,7 +175,7 @@ const Te = C(() => {
   ] });
 }), ke = C(
   ({ onProfileUpdated: n, profile: t }) => {
-    const { common: s, recurring: l, settings: i } = k(), { updateAccount: r } = J(), a = t.notification_type === ue.DebtPaymentReminder, [o, u] = p.useState(!1), [d, f] = p.useState(t.threshold || 0), [_, y] = p.useState(
+    const { common: s, recurring: l, settings: i } = k(), { updateAccount: r } = J(), a = t.notification_type === ue.DebtPaymentReminder, [o, u] = f.useState(!1), [d, p] = f.useState(t.threshold || 0), [_, y] = f.useState(
       t.account?.day_payment_is_due || 0
     ), m = t.account?.name || t.account?.feed_name || "", g = t.account?.day_payment_is_due ? le(
       i.notification_debt_payment_date,
@@ -194,7 +194,7 @@ const Te = C(() => {
               institutionGuid: t.account?.institution_guid
             }
           ) : void 0,
-          endIcon: /* @__PURE__ */ e(S, {}),
+          endIcon: /* @__PURE__ */ e(A, {}),
           isChecked: t.is_enabled,
           isDisabled: !t.is_enabled,
           isPrimaryTextBold: !0,
@@ -247,7 +247,7 @@ const Te = C(() => {
               autoFocus: !0,
               fullWidth: !0,
               minAmount: 0,
-              setAmount: (w) => f(Number(w) || 0),
+              setAmount: (w) => p(Number(w) || 0),
               sx: { ".MuiTypography-body1": { p: 0 } }
             }
           )
@@ -257,10 +257,10 @@ const Te = C(() => {
   }
 ), we = C(
   ({ onUpdateProfile: n, profile: t }) => {
-    const { settings: s } = k(), { user: l } = A(), { clientCommunicationProfile: i, userCommunicationsProfile: r } = T(), { isMobile: a } = pe(), o = t.notification_type > 2, {
+    const { settings: s } = k(), { user: l } = S(), { clientCommunicationProfile: i, userCommunicationsProfile: r } = T(), { isMobile: a } = fe(), o = t.notification_type > 2, {
       opted_out_of_email_notifications: u,
       opted_out_of_push_notifications: d,
-      opted_out_of_sms_notifications: f
+      opted_out_of_sms_notifications: p
     } = r, {
       email_notifications_enabled: _,
       push_notifications_enabled: y,
@@ -285,11 +285,11 @@ const Te = C(() => {
           m && /* @__PURE__ */ e(h, { sx: { pl: 24 }, children: /* @__PURE__ */ e(
             D,
             {
-              isChecked: !f && t.sms_channel && !!l.phone,
-              isDisabled: f || !l.phone,
+              isChecked: !p && t.sms_channel && !!l.phone,
+              isDisabled: p || !l.phone,
               onToggle: () => n({ ...t, sms_channel: !t.sms_channel }),
               primaryText: `${s.delivery_method_sms_label}`,
-              secondaryText: f || !t.sms_channel || !l.phone ? s.notification_disabled : s.notification_enabled,
+              secondaryText: p || !t.sms_channel || !l.phone ? s.notification_disabled : s.notification_enabled,
               useExtraPadding: !1
             }
           ) }),
@@ -322,7 +322,7 @@ const Te = C(() => {
     ] });
   }
 ), z = C(() => {
-  const { accountProfiles: n, updateNotificationProfile: t } = T(), [s, l] = p.useState(""), i = p.useMemo(
+  const { accountProfiles: n, updateNotificationProfile: t } = T(), [s, l] = f.useState(""), i = f.useMemo(
     () => n.find((o) => o.guid === s),
     [n, s]
   ), r = async (o) => {
@@ -337,7 +337,7 @@ const Te = C(() => {
     n.filter((o) => o.children && o.children.length > 0).map((o) => /* @__PURE__ */ e(
       R,
       {
-        endIcon: /* @__PURE__ */ e(S, {}),
+        endIcon: /* @__PURE__ */ e(A, {}),
         isChecked: o.is_enabled,
         isDisabled: !o.is_enabled,
         onClick: () => l(o.guid),
@@ -376,7 +376,7 @@ const Te = C(() => {
       opted_out_of_push_notifications: o,
       opted_out_of_sms_notifications: u
     }
-  } = T(), { user: d } = A(), [f, _] = p.useState(!1), y = async () => {
+  } = T(), { user: d } = S(), [p, _] = f.useState(!1), y = async () => {
     await m({ ...n, is_enabled: !n.is_enabled }), n.is_enabled && _(!1);
   }, m = async (P) => {
     await r(P);
@@ -390,20 +390,20 @@ const Te = C(() => {
           {
             sx: {
               transition: "transform 0.3s ease-in-out",
-              transform: f ? "rotate(180deg)" : "rotate(0deg)"
+              transform: p ? "rotate(180deg)" : "rotate(0deg)"
             }
           }
         ) : void 0,
         isChecked: n.is_enabled,
         isDisabled: !n.is_enabled,
-        onClick: () => _(!f),
+        onClick: () => _(!p),
         onToggle: () => y(),
         primaryText: n.label,
         secondaryText: n.is_enabled ? n.deliveryMethodsLabel : void 0
       },
       n.guid
     ),
-    g && /* @__PURE__ */ e(fe, { in: f, children: /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
+    g && /* @__PURE__ */ e(pe, { in: p, children: /* @__PURE__ */ c(E, { sx: { bgcolor: "background.paper" }, children: [
       s && /* @__PURE__ */ e(
         D,
         {
@@ -448,12 +448,12 @@ const Te = C(() => {
 }), $ = C(() => {
   const { budgetProfiles: n } = T();
   return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(X, { profile: t }, t.guid)) });
-}), Se = C(() => {
+}), Ae = C(() => {
   const { onEvent: n } = me(), { settings: t } = k(), {
     clientCommunicationProfile: s,
     updateUserCommunicationProfile: l,
     userCommunicationsProfile: i
-  } = T(), { user: r } = A(), a = async (o, u) => {
+  } = T(), { user: r } = S(), a = async (o, u) => {
     const d = { ...i, [o]: u };
     if (n) {
       const _ = o.split("_")[3];
@@ -508,19 +508,19 @@ const Te = C(() => {
     ),
     s.sms_notifications_enabled && /* @__PURE__ */ e(ge, { sx: { backgroundColor: "background.default", mt: 12 }, variant: "outlined", children: /* @__PURE__ */ e(ye, { children: /* @__PURE__ */ c(h, { alignItems: "flex-start", direction: "row", gap: 6, children: [
       /* @__PURE__ */ e(te, { color: "primary", filled: !0 }),
-      /* @__PURE__ */ e(x, { sx: { whiteSpace: "wrap" }, variant: "caption", children: t.delivery_method_sms_note_1 })
+      /* @__PURE__ */ e(x, { variant: "caption", children: t.delivery_method_sms_note_1 })
     ] }) }) })
   ] });
 }), H = C(() => {
   const { insightsProfiles: n } = T();
   return /* @__PURE__ */ e(h, { children: n.map((t) => /* @__PURE__ */ e(X, { profile: t }, t.guid)) });
-}), Ae = () => {
-  const { config: n } = q(), [t, { width: s }] = be(), { common: l, settings: i } = k(), { updateUser: r } = T(), { user: a } = A(), [o, u] = p.useState(!1), [d, f] = p.useState({
+}), Se = () => {
+  const { config: n } = q(), [t, { width: s }] = be(), { common: l, settings: i } = k(), { updateUser: r } = T(), { user: a } = S(), [o, u] = f.useState(!1), [d, p] = f.useState({
     email: a.email,
     phone: a.phone
   }), _ = d.email && !a.email_is_verified && !o, y = d.phone && !a.phone_is_verified && !o, m = (P) => {
     const { name: I, value: w } = P.target, M = { ...d, [I]: w };
-    f(M), u(JSON.stringify({ ...a, ...M }) !== JSON.stringify(a));
+    p(M), u(JSON.stringify({ ...a, ...M }) !== JSON.stringify(a));
   }, g = async () => {
     await r({ ...a, ...d }), u(!1);
   };
@@ -596,21 +596,21 @@ const Te = C(() => {
       )
     ] })
   ] });
-}, Ie = C(Ae), ut = C(
+}, Ie = C(Se), ut = C(
   ({
     notificationTypes: n = [b.Accounts, b.Budgets],
     showPersonalDetails: t = !1,
     view: s
   }) => {
-    const { config: l } = q(), { settings: i } = k(), { isInitialized: r } = he(), { isAccountDataLoaded: a, loadAccountData: o } = J(), { clientCommunicationProfile: u, loadNotificationProfiles: d } = T(), f = xe(), [_, y] = p.useState(!1), [m, g] = p.useState(
+    const { config: l } = q(), { settings: i } = k(), { isInitialized: r } = he(), { isAccountDataLoaded: a, loadAccountData: o } = J(), { clientCommunicationProfile: u, loadNotificationProfiles: d } = T(), p = xe(), [_, y] = f.useState(!1), [m, g] = f.useState(
       void 0
     );
-    if (n.length > 0 && f && n.push(b.Insights), Ce({
+    if (n.length > 0 && p && n.push(b.Insights), Ce({
       widgetName: "NotificationSettingsWidget",
       isLoaded: _
-    }), p.useEffect(() => {
+    }), f.useEffect(() => {
       a || o().finally();
-    }, []), p.useEffect(() => {
+    }, []), f.useEffect(() => {
       r && d().finally(() => y(!0));
     }, [r]), !r)
       return /* @__PURE__ */ e(ve, {});
@@ -631,7 +631,7 @@ const Te = C(() => {
     return /* @__PURE__ */ c(h, { sx: { pt: G ? 0 : 24 }, children: [
       /* @__PURE__ */ c(h, { sx: { px: 24 }, children: [
         G && /* @__PURE__ */ c(N, { children: [
-          /* @__PURE__ */ e(Se, {}),
+          /* @__PURE__ */ e(Ae, {}),
           /* @__PURE__ */ e(v, { sx: { my: 24 } })
         ] }),
         /* @__PURE__ */ e(F, { sx: { mb: 4 }, children: i.notification_types_title })
@@ -639,15 +639,15 @@ const Te = C(() => {
       /* @__PURE__ */ c(E, { children: [
         n.includes(b.Accounts) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => g(b.Accounts), children: [
           /* @__PURE__ */ e(L, { primary: i.accounts_title, secondary: i.accounts_subtitle }),
-          /* @__PURE__ */ e(S, {})
+          /* @__PURE__ */ e(A, {})
         ] }) }),
         n.includes(b.Budgets) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => g(b.Budgets), children: [
           /* @__PURE__ */ e(L, { primary: i.budgets_title, secondary: i.budgets_subtitle }),
-          /* @__PURE__ */ e(S, {})
+          /* @__PURE__ */ e(A, {})
         ] }) }),
         n.includes(b.Insights) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(V, { onClick: () => g(b.Insights), children: [
           /* @__PURE__ */ e(L, { primary: i.insights_title, secondary: i.insights_subtitle }),
-          /* @__PURE__ */ e(S, {})
+          /* @__PURE__ */ e(A, {})
         ] }) })
       ] }),
       Z && /* @__PURE__ */ e(h, { sx: { px: 24 }, children: /* @__PURE__ */ e(Ie, {}) }),

package/dist/{OriginalBalanceAction-CvDx0K6k.mjs → OriginalBalanceAction-CkJPnp2c.mjs}

@@ -4,8 +4,8 @@ import { observer as p } from "mobx-react-lite";
 import v from "@mui/material/TextField";
 import { a as T, f as S } from "./NumberFormatting--XMeeBfr.mjs";
 import { u as y, k as h } from "./hooks-BaO_gOI6.mjs";
-import { L as b } from "./ListItemAction-DGjHxNDJ.mjs";
-import { C as f } from "./CurrencyInput-B59ugxPN.mjs";
+import { L as b } from "./ListItemAction-CwspSmQi.mjs";
+import { C as f } from "./CurrencyInput-adTIRtL3.mjs";
 const F = p(({ goal: e }) => {
   const { goals: n } = y(), { setAlert: r, setSelectedGoal: l, updateGoal: m } = h(), [t, s] = _.useState(e.interest_rate ?? 0), c = !e.guid, i = t < 0, d = async () => {
     const a = { ...e, interest_rate: t };

package/dist/{RecurringSettings-CPXLW6AR.mjs → RecurringSettings-cm6MK_aS.mjs}

@@ -7,7 +7,7 @@ import R from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import b from "@mui/material/List";
 import T from "@mui/material/Stack";
-import { R as C, A as S, a as E, M as v } from "./ManageIncome-DwylSiWs.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-B1JfqslT.mjs";
 import { u as _, i as A, g as f } from "./hooks-BaO_gOI6.mjs";
 import { R as y, F as N } from "./RecurringTransactionsUtil-B3rLEx_g.mjs";
 import { A as m } from "./Analytics-CzGzz_sE.mjs";

package/dist/{ResponsiveButton-BNsV08Ud.mjs → ResponsiveButton-CC9F_Ezk.mjs}

@@ -3,7 +3,7 @@ import p from "react";
 import d from "@mui/material/Button";
 import a from "@mui/material/IconButton";
 import f from "@mui/material/Tooltip";
-import c from "@mui/material/styles/useTheme";
+import { useTheme as c } from "@mui/material/styles";
 const B = ({
   icon: e,
   label: i,

package/dist/SearchBox-Cpgu_gdO.mjs

@@ -0,0 +1,50 @@
+import { jsx as o } from "react/jsx-runtime";
+import { observer as s } from "mobx-react-lite";
+import m from "@mui/material/Box";
+import p from "@mui/material/IconButton";
+import t from "@mui/material/InputAdornment";
+import { TextField as d, Icon as n } from "@mxenabled/mxui";
+const x = ({
+  ariaLabel: c = "Search",
+  cancelAriaLabel: a = "Cancel Search",
+  onChange: e,
+  placeholder: i = "Search",
+  searchValue: r
+}) => /* @__PURE__ */ o(m, { className: "mx-cmn-search-box", px: 24, py: 16, children: /* @__PURE__ */ o(
+  d,
+  {
+    "aria-label": c,
+    name: "search",
+    onChange: (l) => e(l.target.value),
+    placeholder: i,
+    slotProps: {
+      input: {
+        startAdornment: /* @__PURE__ */ o(t, { position: "start", children: /* @__PURE__ */ o(n, { name: "search", size: 26, sx: { color: "action.active" } }) }),
+        endAdornment: /* @__PURE__ */ o(t, { position: "end", sx: { p: 0 }, children: r ? /* @__PURE__ */ o(
+          p,
+          {
+            "aria-label": a,
+            className: "mx-cat-cancel-search-button",
+            color: "primary",
+            onClick: () => e(""),
+            children: /* @__PURE__ */ o(n, { name: "cancel", size: 24 })
+          }
+        ) : null }),
+        sx: {
+          "& .MuiOutlinedInput-notchedOutline": {
+            borderColor: "text.secondary",
+            opacity: 0.5
+          },
+          "& input::placeholder": { color: "text.secondary", opacity: 1 }
+        }
+      }
+    },
+    sx: {
+      width: "100%"
+    },
+    value: r
+  }
+) }), v = s(x);
+export {
+  v as S
+};

package/dist/Select-BFt-HD-L.mjs

@@ -0,0 +1,55 @@
+import { jsx as r, jsxs as m, Fragment as d } from "react/jsx-runtime";
+import c from "@mui/material/Avatar";
+import l from "@mui/material/ListItem";
+import h from "@mui/material/ListItemAvatar";
+import p from "@mui/material/ListItemButton";
+import u from "@mui/material/ListItemIcon";
+import f from "@mui/material/ListItemText";
+import { Icon as s } from "@mxenabled/mxui";
+import g from "@mui/material/MenuItem";
+import x from "@mui/material/TextField";
+import { ExpandMore as b } from "@mxenabled/mx-icons";
+const G = ({ iconName: a, label: n, onClick: e, value: i }) => {
+  const o = /* @__PURE__ */ m(d, { children: [
+    /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(c, { sx: { bgcolor: "neutral.light" }, variant: "rounded", children: /* @__PURE__ */ r(s, { name: a, sx: { color: "text.primary" } }) }) }),
+    /* @__PURE__ */ r(
+      f,
+      {
+        primary: n,
+        secondary: i,
+        slotProps: {
+          primary: { variant: "caption", fontWeight: "normal" },
+          secondary: { color: "text.default", variant: "body1", fontWeight: 600 }
+        }
+      }
+    )
+  ] });
+  return e ? /* @__PURE__ */ r(l, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(p, { onClick: e, children: [
+    o,
+    /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(s, { name: "chevron_right", size: 24 }) })
+  ] }) }) : /* @__PURE__ */ r(l, { disableGutters: !1, disablePadding: !1, children: o });
+}, M = ({ label: a, onChange: n, options: e, value: i, ...o }) => /* @__PURE__ */ r(
+  x,
+  {
+    defaultValue: 0,
+    label: a,
+    onChange: (t) => {
+      n(Number(t.target.value));
+    },
+    select: !0,
+    slotProps: {
+      inputLabel: { shrink: !0 },
+      select: {
+        IconComponent: (t) => /* @__PURE__ */ r(b, { size: 20, sx: { mr: 4 }, ...t })
+      }
+    },
+    value: i,
+    variant: "outlined",
+    ...o,
+    children: e.map((t) => /* @__PURE__ */ r(g, { value: t.id, children: t.label }, t.id))
+  }
+);
+export {
+  G as D,
+  M as S
+};

package/dist/{SelectionBox-Bx2a5rh4.mjs → SelectionBox-B4xELRgp.mjs}

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import c from "@mui/material/Box";
 import n from "@mui/material/FormControlLabel";
 import s from "@mui/material/Radio";
-import d from "@mui/material/styles/useTheme";
+import { useTheme as d } from "@mui/material/styles";
 import b from "@mui/material/Tooltip";
 const C = ({
   checked: r = !1,

package/dist/{SingleSegmentDonut-PsRQPkmV.mjs → SingleSegmentDonut-7Uy6VEld.mjs}

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import l from "@mui/material/Box";
-import D from "@mui/material/styles/useTheme";
+import { useTheme as D } from "@mui/material/styles";
 const p = 48, d = 4, y = ({
   color: m = "",
   percent: r = 0,

package/dist/{SpendingLegend-BmkEr9Nh.mjs → SpendingLegend-5Ct_FZ8o.mjs}

@@ -12,7 +12,7 @@ import { f as b } from "./NumberFormatting--XMeeBfr.mjs";
 import { D as j } from "./Donut-SzzfZDHF.mjs";
 import { u as R } from "./useAriaLive-MkYebyUR.mjs";
 import { u as v } from "./hooks-BaO_gOI6.mjs";
-import { u as V } from "./useScreenSize-CeFhWTt_.mjs";
+import { u as V } from "./useScreenSize-mWpmnh5w.mjs";
 const D = 5, B = (i, l, s, m) => m.reduce((o, n) => {
   const r = i.find((u) => u.guid === n.category_guid);
   if (!r) return o;

package/dist/{ToggleListItem-BLu_fWA2.mjs → ToggleListItem-Dl1lXNwj.mjs}

@@ -1,35 +1,35 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import p from "@mui/material/ListItem";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import l from "@mui/material/ListItem";
 import f from "@mui/material/ListItemButton";
 import g from "@mui/material/ListItemIcon";
 import d from "@mui/material/ListItemText";
-import m from "@mui/material/Stack";
-import h from "@mui/material/Switch";
+import a from "@mui/material/Stack";
+import p from "@mui/material/Switch";
 import { Text as s } from "@mxenabled/mxui";
 import I from "@mui/material/ListItemAvatar";
-const C = ({
+const S = ({
   avatar: r,
   endIcon: o,
   isChecked: c,
   isDisabled: i = !1,
   isPrimaryTextBold: n = !1,
   onClick: e,
-  onToggle: l,
-  primaryText: y,
-  secondaryText: x
+  onToggle: h,
+  primaryText: x,
+  secondaryText: y
 }) => (
   //TODO: implement common/components/ListItemRow.tsx
   /* @__PURE__ */ t(
-    p,
+    l,
     {
-      secondaryAction: /* @__PURE__ */ t(h, { checked: c, onChange: l }),
+      secondaryAction: /* @__PURE__ */ t(p, { checked: c, onChange: h }),
       sx: {
         "& .MuiListItemSecondaryAction-root": { right: o ? 64 : 24 },
         "& .MuiListItemButton-root": { pr: 24 }
       },
-      children: /* @__PURE__ */ a(f, { onClick: i ? void 0 : () => e(), children: [
+      children: /* @__PURE__ */ m(f, { onClick: i ? void 0 : () => e(), children: [
         r && /* @__PURE__ */ t(I, { children: r }),
-        /* @__PURE__ */ t(d, { primaryTypographyProps: { fontWeight: 400 }, children: /* @__PURE__ */ t(m, { alignItems: "center", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ a(m, { sx: { width: "100%" }, children: [
+        /* @__PURE__ */ t(d, { slotProps: { primary: { fontWeight: 400 } }, children: /* @__PURE__ */ t(a, { alignItems: "center", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ m(a, { sx: { width: "100%" }, children: [
           /* @__PURE__ */ t(
             s,
             {
@@ -39,10 +39,10 @@ const C = ({
                 mr: 80
               },
               variant: "body1",
-              children: y
+              children: x
             }
           ),
-          /* @__PURE__ */ t(s, { color: "text.secondary", variant: "caption", children: x })
+          /* @__PURE__ */ t(s, { color: "text.secondary", variant: "caption", children: y })
         ] }) }) }),
         !i && o && /* @__PURE__ */ t(g, { children: o })
       ] })
@@ -56,9 +56,9 @@ const C = ({
   secondaryText: n = void 0,
   useExtraPadding: e = !0
 }) => /* @__PURE__ */ t(
-  p,
+  l,
   {
-    secondaryAction: /* @__PURE__ */ t(h, { checked: r, disabled: o, onChange: c }),
+    secondaryAction: /* @__PURE__ */ t(p, { checked: r, disabled: o, onChange: c }),
     sx: {
       pl: e ? 48 : 0,
       "& .MuiListItemSecondaryAction-root": { right: e ? 64 : 24 }
@@ -67,24 +67,25 @@ const C = ({
       d,
       {
         primary: i,
-        primaryTypographyProps: {
-          fontWeight: 400,
-          variant: "body1",
-          maxWidth: "calc(100% - 60px)",
-          color: "text.primary"
-        },
         secondary: n,
-        secondaryTypographyProps: {
-          color: "text.secondary",
-          maxWidth: "calc(100% - 60px)",
-          variant: "caption",
-          whiteSpace: "wrap"
+        slotProps: {
+          primary: {
+            fontWeight: 400,
+            variant: "body1",
+            maxWidth: "calc(100% - 60px)",
+            color: "text.primary"
+          },
+          secondary: {
+            color: "text.secondary",
+            maxWidth: "calc(100% - 60px)",
+            variant: "caption"
+          }
         }
       }
     )
   }
 );
 export {
-  C as T,
+  S as T,
   W as a
 };