@mx-cartographer/experiences 7.12.17 → 7.13.0

package/dist/{CashflowStore-DEdQJU5i.mjs → CashflowStore-D3MKniVM.mjs}

@@ -7,8 +7,8 @@ import { Text as a, Icon as d, IconWeight as u } from "@mxenabled/mxui";
 import { makeAutoObservable as c } from "mobx";
 import { addDays as x } from "date-fns/addDays";
 import { differenceInDays as g } from "date-fns/differenceInDays";
-import { endOfMonth as S } from "date-fns/endOfMonth";
-import { isBefore as I } from "date-fns/isBefore";
+import { endOfMonth as I } from "date-fns/endOfMonth";
+import { isBefore as S } from "date-fns/isBefore";
 import { startOfToday as s } from "date-fns/startOfToday";
 const b = ({
   body: o,
@@ -21,8 +21,8 @@ const b = ({
     {
       open: i,
       title: /* @__PURE__ */ m(f, { gap: 2, p: 12, sx: { textOverflow: "none" }, children: [
-        /* @__PURE__ */ t(a, { bold: !0, variant: "Body", children: n }),
-        /* @__PURE__ */ t(a, { sx: { whiteSpace: "unset" }, variant: "Small", children: o })
+        /* @__PURE__ */ t(a, { bold: !0, variant: "body1", children: n }),
+        /* @__PURE__ */ t(a, { sx: { whiteSpace: "unset" }, variant: "body2", children: o })
       ] }),
       children: /* @__PURE__ */ t(
         p,
@@ -48,8 +48,8 @@ const b = ({
       )
     }
   );
-}, B = b;
-class w {
+}, N = b;
+class y {
   // Cashflow is hard-coded to display 30 days starting from today
   dateRange = { start: s(), end: x(s(), 30) };
   isDirty = !1;
@@ -67,7 +67,7 @@ class w {
   // if there is no income activity
   get expensesTilNextIncome() {
     return this.upcomingExpenses.filter(
-      (e) => I(e.expectedDate, this.nextIncome?.expectedDate || S(/* @__PURE__ */ new Date()))
+      (e) => S(e.expectedDate, this.nextIncome?.expectedDate || I(/* @__PURE__ */ new Date()))
     );
   }
   setNextIncome = (e) => {
@@ -78,11 +78,11 @@ class w {
   };
   setSelectedCashAccounts = (e) => this.selectedCashAccounts = e;
 }
-class N {
+class P {
   globalStore;
   uiStore;
   constructor(e) {
-    this.globalStore = e, this.uiStore = new w(), c(this);
+    this.globalStore = e, this.uiStore = new y(), c(this);
   }
   completeOnboarding = async () => {
     const e = {
@@ -93,6 +93,6 @@ class N {
   };
 }
 export {
-  N as C,
-  B as I
+  P as C,
+  N as I
 };

package/dist/{CategorySelectorDrawer-wfUTIbLR.mjs → CategorySelectorDrawer-DYHNBd2v.mjs}

@@ -12,19 +12,19 @@ import N from "@mui/material/ListItemButton";
 import M from "@mui/material/ListItemIcon";
 import G from "@mui/material/ListItemText";
 import { CheckCircle as j, Edit as X, Delete as z, ExpandMore as q } from "@mxenabled/mx-icons";
-import { Text as I, TextField as H, CategoryIcon as J } from "@mxenabled/mxui";
+import { Text as v, TextField as H, CategoryIcon as J } from "@mxenabled/mxui";
 import Q from "@mui/material/Collapse";
 import Z from "@mui/material/DialogContent";
 import { b as g } from "./Localization-CPkpIwIx.mjs";
 import { D as ee } from "./Dialog-Ck34yr-d.mjs";
 import te from "@mui/material/Box";
 import oe from "@mui/material/Chip";
-import v from "@mui/material/IconButton";
+import B from "@mui/material/IconButton";
 import { u as ae } from "./useAriaLive-MkYebyUR.mjs";
 import { S as re } from "./SearchBox-B7km148n.mjs";
 import { L as P } from "./Loader-D3rjKx72.mjs";
-import { D as ne } from "./Drawer-DV4NTsFg.mjs";
-const b = () => {
+import { D as ne } from "./Drawer-Bbe4AMB1.mjs";
+const y = () => {
   if (!E.useContext(V))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
   return f().uiStore;
@@ -49,9 +49,9 @@ const se = ({
   isOpen: l,
   type: i
 }) => {
-  const [a, c] = E.useState(e), { categories: r } = S(), { setShouldDisableDrawerScroll: n } = b();
+  const [a, c] = E.useState(e), { categories: r } = S(), { setShouldDisableDrawerScroll: n } = y();
   let d = "", m = [];
-  const u = i === "delete", h = e.length > 50 ? `${e.slice(0, 50)}...` : e, y = i === "edit" ? g(r.edit_subcategory_aria, h) : r.add_subcategory_aria;
+  const u = i === "delete", h = e.length > 50 ? `${e.slice(0, 50)}...` : e, b = i === "edit" ? g(r.edit_subcategory_aria, h) : r.add_subcategory_aria;
   switch (i) {
     case "add":
       d = r.add_subcategory_title;
@@ -62,7 +62,7 @@ const se = ({
     case "delete":
       d = r.delete_subcategory_heading, m = g(
         r.all_transactions_in_this_subcategory,
-        /* @__PURE__ */ t(I, { bold: !0, children: g(r.all_parent_category, h) })
+        /* @__PURE__ */ t(v, { bold: !0, children: g(r.all_parent_category, h) })
       );
       break;
   }
@@ -80,14 +80,14 @@ const se = ({
       onPrimaryAction: () => {
         n(!1), o(a);
       },
-      children: /* @__PURE__ */ t(Z, { children: u ? /* @__PURE__ */ t(I, { children: m }) : /* @__PURE__ */ t(
+      children: /* @__PURE__ */ t(Z, { children: u ? /* @__PURE__ */ t(v, { children: m }) : /* @__PURE__ */ t(
         H,
         {
           inputProps: {
-            "aria-label": y,
+            "aria-label": b,
             maxLength: 50
           },
-          label: y,
+          label: b,
           name: "modify-subcategory",
           onChange: (D) => c(D.target.value),
           placeholder: r.input_placeholder,
@@ -98,7 +98,7 @@ const se = ({
     }
   );
 }, R = p(se), ie = ({ announce: e, parentCategory: s }) => {
-  const [o, l] = E.useState(!1), { addCategory: i } = f(), { categories: a } = S(), { onEvent: c } = A(), { setShouldDisableDrawerScroll: r } = b(), n = async (u) => {
+  const [o, l] = E.useState(!1), { addCategory: i } = f(), { categories: a } = S(), { onEvent: c } = A(), { setShouldDisableDrawerScroll: r } = y(), n = async (u) => {
     await i(u.trim(), s.guid), e(g(a.add_subcategory_announcement, u)), c(C.ON_SUBCATEGORY_ADDED), l(!1);
   }, d = async () => {
     c(C.ON_SUBCATEGORY_ADD_CLICK), r(!0), l(!0);
@@ -110,7 +110,7 @@ const se = ({
       G,
       {
         primary: a.add_subcategory_button,
-        primaryTypographyProps: { color: "primary", fontWeight: "normal", variant: "Body" }
+        primaryTypographyProps: { color: "primary", fontWeight: "normal", variant: "body1" }
       }
     ) }),
     o && /* @__PURE__ */ t(
@@ -179,7 +179,7 @@ const se = ({
     showSelected: r,
     unselectable: n,
     unselectableText: d
-  } = b(), { categories: m } = S(), { onEvent: u } = A(), [h, y] = E.useState(!1), [D, O] = E.useState(!1), T = !!o.revision, w = o.guid === i, B = !n.some(($) => $ === o.guid);
+  } = y(), { categories: m } = S(), { onEvent: u } = A(), [h, b] = E.useState(!1), [D, O] = E.useState(!1), T = !!o.revision, w = o.guid === i, I = !n.some(($) => $ === o.guid);
   return /* @__PURE__ */ _(
     x,
     {
@@ -194,7 +194,7 @@ const se = ({
             "aria-pressed": w,
             color: "secondary",
             onClick: () => {
-              B && (a(o.guid), l(o.guid), u(C.ON_CATEGORY_SELECTED));
+              I && (a(o.guid), l(o.guid), u(C.ON_CATEGORY_SELECTED));
             },
             sx: { height: 44 },
             children: [
@@ -202,27 +202,27 @@ const se = ({
                 G,
                 {
                   primary: o.name,
-                  primaryTypographyProps: { fontWeight: "normal", variant: "Body" }
+                  primaryTypographyProps: { fontWeight: "normal", variant: "body1" }
                 }
               ),
               r && w && /* @__PURE__ */ t(j, { fontSize: "small" }),
-              !B && /* @__PURE__ */ t(oe, { label: d })
+              !I && /* @__PURE__ */ t(oe, { label: d })
             ]
           }
         ),
         T && /* @__PURE__ */ _(te, { className: "mx-cat-subcategory-edit-container", sx: { marginRight: 24 }, children: [
           /* @__PURE__ */ t(
-            v,
+            B,
             {
               "aria-label": g(m.edit_subcategory_title, o.name),
               onClick: () => {
-                y(!0), c(!0), u(C.ON_SUBCATEGORY_EDIT_CLICK);
+                b(!0), c(!0), u(C.ON_SUBCATEGORY_EDIT_CLICK);
               },
               children: /* @__PURE__ */ t(X, { color: "secondary" })
             }
           ),
           /* @__PURE__ */ t(
-            v,
+            B,
             {
               "aria-label": g(m.delete_subcategory_aria, o.name),
               edge: "end",
@@ -247,7 +247,7 @@ const se = ({
           de,
           {
             announce: e,
-            setShowRename: y,
+            setShowRename: b,
             showRename: h,
             subCategory: o
           }
@@ -256,7 +256,7 @@ const se = ({
     }
   );
 }, ge = p(Ce), _e = ({ categories: e, parentCategory: s }) => {
-  const { expandedGuid: o, searchValue: l } = b(), { announce: i, ariaLive: a } = ae(), c = s.guid === o, r = !!l;
+  const { expandedGuid: o, searchValue: l } = y(), { announce: i, ariaLive: a } = ae(), c = s.guid === o, r = !!l;
   return /* @__PURE__ */ _(
     Q,
     {
@@ -292,7 +292,7 @@ const se = ({
     }
   );
 }, Ee = p(_e), pe = ({ category: e, subCategories: s }) => {
-  const { expandedGuid: o, searchValue: l, setExpandedGuid: i } = b(), { onEvent: a } = A(), c = e.guid === o, r = () => {
+  const { expandedGuid: o, searchValue: l, setExpandedGuid: i } = y(), { onEvent: a } = A(), c = e.guid === o, r = () => {
     const n = e.guid !== o ? e.guid : null;
     i(n), a(n ? C.ON_CATEGORY_EXPANDED : C.ON_CATEGORY_COLLAPSED);
   };
@@ -311,7 +311,7 @@ const se = ({
             G,
             {
               primary: e.name,
-              primaryTypographyProps: { fontWeight: "normal", variant: "Body" }
+              primaryTypographyProps: { fontWeight: "normal", variant: "body1" }
             }
           ),
           /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(
@@ -331,7 +331,7 @@ const se = ({
     /* @__PURE__ */ t(Ee, { categories: s, parentCategory: e })
   ] });
 }, he = p(pe), Se = () => {
-  const { categories: e } = f(), { searchValue: s } = b(), { categories: o } = S(), i = ((a, c = "") => a.reduce((r, n) => {
+  const { categories: e } = f(), { searchValue: s } = y(), { categories: o } = S(), i = ((a, c = "") => a.reduce((r, n) => {
     if (n.parent_guid === null) {
       const m = [
         {
@@ -356,7 +356,7 @@ const se = ({
     },
     a.category.guid
   )) }) });
-}, ye = p(Se), be = ({
+}, be = p(Se), ye = ({
   initialSelected: e,
   onSelect: s = void 0,
   showSelected: o = !0,
@@ -368,16 +368,16 @@ const se = ({
     setOnSelect: m,
     setSearchValue: u,
     setSelectedGuid: h,
-    setShowSelected: y,
+    setShowSelected: b,
     setUnselectable: D,
     setUnselectableText: O
-  } = b();
+  } = y();
   return E.useEffect(() => {
     s && m(s);
   }), E.useEffect(() => {
     a.length || c();
   }, []), E.useEffect(() => {
-    e && h(e), y(o), D(l), O(i);
+    e && h(e), b(o), D(l), O(i);
   }, [e, o, l, i]), n ? /* @__PURE__ */ _(K, { className: "mx-cat-category-selector", sx: { width: "100%" }, children: [
     /* @__PURE__ */ t(
       re,
@@ -389,9 +389,9 @@ const se = ({
         searchValue: d
       }
     ),
-    /* @__PURE__ */ t(ye, {})
+    /* @__PURE__ */ t(be, {})
   ] }) : /* @__PURE__ */ t(P, {});
-}, De = p(be), fe = ({
+}, De = p(ye), fe = ({
   id: e,
   onClose: s,
   title: o,
@@ -416,5 +416,5 @@ export {
   De as C,
   Je as a,
   he as b,
-  b as u
+  y as u
 };

package/dist/{ConnectDrawer-CioFo6Wy.mjs → ConnectDrawer-C0wjwcJt.mjs}

@@ -6,7 +6,7 @@ import { ConnectWidget as x } from "@mxenabled/web-widget-sdk";
 import { b as a, a as c } from "./Connect-eYIWqCEr.mjs";
 import { M as i } from "./Accounts-CseLC3lL.mjs";
 import { d as D, e as L, u as w } from "./hooks-BxkfR-Ff.mjs";
-import { D as y } from "./Drawer-DV4NTsFg.mjs";
+import { D as y } from "./Drawer-Bbe4AMB1.mjs";
 const I = ({
   loadWidgetProps: l,
   onClose: m,

package/dist/{ConnectionsDrawer-DqhSaMrJ.mjs → ConnectionsDrawer-IA7vnv1J.mjs}

@@ -6,7 +6,7 @@ import { ConnectionsWidget as b } from "@mxenabled/web-widget-sdk";
 import { C as a, a as c } from "./Connect-eYIWqCEr.mjs";
 import { M as i } from "./Accounts-CseLC3lL.mjs";
 import { d as D, e as L, u as w } from "./hooks-BxkfR-Ff.mjs";
-import { D as x } from "./Drawer-DV4NTsFg.mjs";
+import { D as x } from "./Drawer-Bbe4AMB1.mjs";
 const I = ({
   onClose: l,
   showConnectionsWidget: o,

package/dist/{Drawer-DV4NTsFg.mjs → Drawer-Bbe4AMB1.mjs}

@@ -1,9 +1,9 @@
 import { jsxs as u, jsx as r } from "react/jsx-runtime";
 import s from "@mui/material/Box";
 import h from "@mui/material/Stack";
-import { H2 as S, Drawer as B } from "@mxenabled/mxui";
+import { H2 as S, Drawer as v } from "@mxenabled/mxui";
 import b from "@mui/material/Button";
-import v from "@mui/material/IconButton";
+import B from "@mui/material/IconButton";
 import { ArrowBack as $ } from "@mxenabled/mx-icons";
 const j = ({
   footerStyles: a = {},
@@ -74,7 +74,7 @@ const j = ({
       padding: "8px 8px 8px 8px"
     },
     children: [
-      /* @__PURE__ */ r(v, { "aria-label": a, color: "primary", onClick: t, children: /* @__PURE__ */ r($, { color: "primary", sx: { fontSize: 22 } }) }),
+      /* @__PURE__ */ r(B, { "aria-label": a, color: "primary", onClick: t, children: /* @__PURE__ */ r($, { color: "primary", sx: { fontSize: 22 } }) }),
       /* @__PURE__ */ r(
         s,
         {
@@ -88,7 +88,7 @@ const j = ({
             {
               bold: !0,
               id: `${e?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
-              variant: "Body",
+              variant: "body1",
               children: e
             }
           )
@@ -118,7 +118,7 @@ const j = ({
   title: x,
   ...D
 }) => /* @__PURE__ */ r(
-  B,
+  v,
   {
     id: e,
     isOpen: n,

package/dist/{GoalStore-0bd-Upkc.mjs → GoalStore-DB58sKTC.mjs}

@@ -5,9 +5,9 @@ import I from "@mui/material/Card";
 import N from "@mui/material/CardContent";
 import O from "@mui/material/CardHeader";
 import w from "@mui/material/Stack";
-import { AccountBalance as L, ChevronRight as S } from "@mxenabled/mx-icons";
+import { AccountBalance as L, ChevronRight as y } from "@mxenabled/mx-icons";
 import { Text as g } from "@mxenabled/mxui";
-import { C as y } from "./ConnectDrawer-CioFo6Wy.mjs";
+import { C as S } from "./ConnectDrawer-C0wjwcJt.mjs";
 import { makeAutoObservable as b, runInAction as u } from "mobx";
 import { F as D, A as i } from "./Fetch-B6tMJC1r.mjs";
 import { fromUnixTime as R } from "date-fns/fromUnixTime";
@@ -25,15 +25,15 @@ const rt = ({ description: o, label: t, title: e }) => {
         {
           avatar: /* @__PURE__ */ l(L, {}),
           sx: { ".MuiCardHeader-avatar": { mr: 8 } },
-          title: /* @__PURE__ */ l(g, { bold: !0, variant: "Body", children: e })
+          title: /* @__PURE__ */ l(g, { bold: !0, variant: "body1", children: e })
         }
       ),
       /* @__PURE__ */ l(N, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ _(w, { alignItems: "flex-start", spacing: 2, children: [
-        /* @__PURE__ */ l(g, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: o }),
+        /* @__PURE__ */ l(g, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "subtitle2", children: o }),
         /* @__PURE__ */ l(
           T,
           {
-            endIcon: /* @__PURE__ */ l(S, {}),
+            endIcon: /* @__PURE__ */ l(y, {}),
             onClick: () => a(!0),
             sx: {
               pl: 0,
@@ -48,7 +48,7 @@ const rt = ({ description: o, label: t, title: e }) => {
       ] }) })
     ] }),
     /* @__PURE__ */ l(
-      y,
+      S,
       {
         onClose: () => a(!1),
         showConnectWidget: r,
@@ -57,7 +57,7 @@ const rt = ({ description: o, label: t, title: e }) => {
     )
   ] });
 };
-var n = /* @__PURE__ */ ((o) => (o[o.DEBT_TRACK = 1] = "DEBT_TRACK", o[o.SAVINGS_TRACK = 2] = "SAVINGS_TRACK", o[o.RETIREMENT_TRACK = 3] = "RETIREMENT_TRACK", o[o.EMERGENCY_FUND_TRACK = 4] = "EMERGENCY_FUND_TRACK", o))(n || {}), B = /* @__PURE__ */ ((o) => (o[o.SAVE_AMOUNT = 1] = "SAVE_AMOUNT", o[o.KEEP_BALANCE_BELOW = 2] = "KEEP_BALANCE_BELOW", o[o.KEEP_BALANCE_ABOVE = 3] = "KEEP_BALANCE_ABOVE", o[o.ACTION = 4] = "ACTION", o))(B || {}), c = /* @__PURE__ */ ((o) => (o[o.AUTOMOBILE = 1] = "AUTOMOBILE", o[o.COLLEGE = 2] = "COLLEGE", o[o.HOUSE = 3] = "HOUSE", o[o.RECREATIONAL_VEHICLE = 4] = "RECREATIONAL_VEHICLE", o[o.VACATION = 5] = "VACATION", o[o.ELECTRONIC = 6] = "ELECTRONIC", o[o.OTHER = 7] = "OTHER", o[o.RETIREMENT = 8] = "RETIREMENT", o[o.EMERGENCY_FUND = 9] = "EMERGENCY_FUND", o[o.SETUP_BUDGETS = 10] = "SETUP_BUDGETS", o[o.START_MONEY_MANAGEMENT = 11] = "START_MONEY_MANAGEMENT", o[o.CREDIT_CARD = 12] = "CREDIT_CARD", o[o.LINE_OF_CREDIT = 13] = "LINE_OF_CREDIT", o[o.LOANS = 14] = "LOANS", o))(c || {});
+var n = /* @__PURE__ */ ((o) => (o[o.DEBT_TRACK = 1] = "DEBT_TRACK", o[o.SAVINGS_TRACK = 2] = "SAVINGS_TRACK", o[o.RETIREMENT_TRACK = 3] = "RETIREMENT_TRACK", o[o.EMERGENCY_FUND_TRACK = 4] = "EMERGENCY_FUND_TRACK", o))(n || {}), $ = /* @__PURE__ */ ((o) => (o[o.SAVE_AMOUNT = 1] = "SAVE_AMOUNT", o[o.KEEP_BALANCE_BELOW = 2] = "KEEP_BALANCE_BELOW", o[o.KEEP_BALANCE_ABOVE = 3] = "KEEP_BALANCE_ABOVE", o[o.ACTION = 4] = "ACTION", o))($ || {}), c = /* @__PURE__ */ ((o) => (o[o.AUTOMOBILE = 1] = "AUTOMOBILE", o[o.COLLEGE = 2] = "COLLEGE", o[o.HOUSE = 3] = "HOUSE", o[o.RECREATIONAL_VEHICLE = 4] = "RECREATIONAL_VEHICLE", o[o.VACATION = 5] = "VACATION", o[o.ELECTRONIC = 6] = "ELECTRONIC", o[o.OTHER = 7] = "OTHER", o[o.RETIREMENT = 8] = "RETIREMENT", o[o.EMERGENCY_FUND = 9] = "EMERGENCY_FUND", o[o.SETUP_BUDGETS = 10] = "SETUP_BUDGETS", o[o.START_MONEY_MANAGEMENT = 11] = "START_MONEY_MANAGEMENT", o[o.CREDIT_CARD = 12] = "CREDIT_CARD", o[o.LINE_OF_CREDIT = 13] = "LINE_OF_CREDIT", o[o.LOANS = 14] = "LOANS", o))(c || {});
 class A {
   fetchInstance;
   constructor(t, e, r) {
@@ -410,7 +410,7 @@ class st {
 }
 export {
   rt as C,
-  B as G,
+  $ as G,
   c as M,
   n as T,
   it as a,

package/dist/HeaderCell-P8w6CmfO.mjs

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Text as r } from "@mxenabled/mxui";
+const i = (e) => /* @__PURE__ */ o(r, { fontWeight: 600, variant: "body2", children: e.colDef.headerName });
+export {
+  i as H
+};

package/dist/{Help-CDu1Fvrc.mjs → Help-CpLfyvPv.mjs}

@@ -22,7 +22,7 @@ import { observer as lt } from "mobx-react-lite";
 import dt from "@mui/material/Alert";
 import gt from "@mui/material/Snackbar";
 import ut from "@mui/material/TextField";
-import { D as j } from "./Drawer-DV4NTsFg.mjs";
+import { D as j } from "./Drawer-Bbe4AMB1.mjs";
 import { L as mt } from "./Loader-D3rjKx72.mjs";
 import Dt from "@mui/material/ListItemAvatar";
 import Rt from "@mui/material/ListItem";
@@ -62,7 +62,7 @@ const kt = (e, i, n) => {
         children: [
           /* @__PURE__ */ _(C, { children: [
             /* @__PURE__ */ t(it, { children: c }),
-            /* @__PURE__ */ t(U, { variant: "Body", children: l })
+            /* @__PURE__ */ t(U, { variant: "body1", children: l })
           ] }),
           i && /* @__PURE__ */ t(
             C,
@@ -121,7 +121,7 @@ const kt = (e, i, n) => {
                   sx: { height: 64, p: "14px 24px" },
                   children: /* @__PURE__ */ _(C, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
                     /* @__PURE__ */ t(Y, { name: b, size: 24 }),
-                    /* @__PURE__ */ t(E, { variant: "Body", children: L })
+                    /* @__PURE__ */ t(E, { variant: "body1", children: L })
                   ] })
                 }
               ),
@@ -147,7 +147,7 @@ const kt = (e, i, n) => {
                           borderBottomRightRadius: 7
                         }
                       },
-                      children: /* @__PURE__ */ t(E, { color: "secondary", variant: "Small", children: B })
+                      children: /* @__PURE__ */ t(E, { color: "secondary", variant: "body2", children: B })
                     },
                     $
                   )) })
@@ -216,7 +216,7 @@ const kt = (e, i, n) => {
         /* @__PURE__ */ _(
           At,
           {
-            separator: /* @__PURE__ */ t(E, { bold: !0, color: "grey.600", sx: { fontWeight: 700 }, variant: "Small", children: "/" }),
+            separator: /* @__PURE__ */ t(E, { bold: !0, color: "grey.600", sx: { fontWeight: 700 }, variant: "body2", children: "/" }),
             children: [
               /* @__PURE__ */ t(
                 E,
@@ -225,11 +225,11 @@ const kt = (e, i, n) => {
                   color: "primary.lighter",
                   onClick: n,
                   sx: { cursor: "pointer", fontWeight: 700 },
-                  variant: "Small",
+                  variant: "body2",
                   children: m.list_title
                 }
               ),
-              /* @__PURE__ */ t(E, { bold: !0, color: "text.secondary", sx: { fontWeight: 700 }, variant: "Small", children: d })
+              /* @__PURE__ */ t(E, { bold: !0, color: "text.secondary", sx: { fontWeight: 700 }, variant: "body2", children: d })
             ]
           }
         )
@@ -2591,15 +2591,15 @@ const kt = (e, i, n) => {
         /* @__PURE__ */ _(N, { children: [
           /* @__PURE__ */ _(C, { gap: 4, sx: { alignItems: "center", flexDirection: "row" }, children: [
             i && /* @__PURE__ */ t(Y, { name: "help", size: 20, sx: { color: "text.primary" } }),
-            /* @__PURE__ */ t(E, { color: "text.primary", variant: "H3", children: d })
+            /* @__PURE__ */ t(E, { color: "text.primary", variant: "h3", children: d })
           ] }),
-          n && /* @__PURE__ */ t(E, { color: "text.primary", variant: "H3", children: n })
+          n && /* @__PURE__ */ t(E, { color: "text.primary", variant: "h3", children: n })
         ] }),
-        /* @__PURE__ */ t(E, { color: "text.secondary", sx: { whiteSpace: "wrap" }, variant: "Small", children: c })
+        /* @__PURE__ */ t(E, { color: "text.secondary", sx: { whiteSpace: "wrap" }, variant: "body2", children: c })
       ]
     }
   ),
-  e && /* @__PURE__ */ t(U, { color: "text.secondary", sx: { px: 24 }, variant: "Small", children: e })
+  e && /* @__PURE__ */ t(U, { color: "text.secondary", sx: { px: 24 }, variant: "body2", children: e })
 ] }), ie = ({
   alert: e,
   copy: i,
@@ -2669,7 +2669,7 @@ const kt = (e, i, n) => {
                 fontWeight: 400,
                 whiteSpace: "wrap"
               },
-              variant: "ParagraphSmall",
+              variant: "subtitle2",
               children: i.request_contact_support_warning
             }
           ) })
@@ -2711,7 +2711,7 @@ const kt = (e, i, n) => {
             sx: { p: "14px 24px", height: 64 },
             children: /* @__PURE__ */ _(C, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
               /* @__PURE__ */ t(Y, { name: d, size: 24 }),
-              /* @__PURE__ */ t(E, { variant: "Body", children: v })
+              /* @__PURE__ */ t(E, { variant: "body1", children: v })
             ] })
           }
         ),
@@ -2740,7 +2740,7 @@ const kt = (e, i, n) => {
                     borderBottomRightRadius: 7
                   }
                 },
-                children: /* @__PURE__ */ t(E, { color: "secondary", variant: "Small", children: h })
+                children: /* @__PURE__ */ t(E, { color: "secondary", variant: "body2", children: h })
               },
               I
             )) })
@@ -2854,9 +2854,9 @@ const kt = (e, i, n) => {
     Gt,
     {
       primary: e,
-      primaryTypographyProps: { style: { ...c }, variant: "Body" },
+      primaryTypographyProps: { style: { ...c }, variant: "body1" },
       secondary: n,
-      secondaryTypographyProps: { variant: "XSmall" }
+      secondaryTypographyProps: { variant: "caption" }
     }
   ),
   /* @__PURE__ */ t(Pt, { children: /* @__PURE__ */ t(St, {}) })
@@ -2903,7 +2903,7 @@ const kt = (e, i, n) => {
         fontWeight: "bold",
         gutterBottom: !0,
         sx: { ml: 24 },
-        variant: "XSmall",
+        variant: "caption",
         children: e.request_support_institution_topic_label
       }
     ),
@@ -2930,7 +2930,7 @@ const kt = (e, i, n) => {
       {
         color: "text.secondary",
         sx: { whiteSpace: "wrap", fontWeight: 400, textAlign: "center" },
-        variant: "ParagraphSmall",
+        variant: "subtitle2",
         children: e.request_support_footer_short_content
       }
     ),
@@ -2977,7 +2977,7 @@ const kt = (e, i, n) => {
               sx: {
                 fontWeight: 600
               },
-              variant: "Body",
+              variant: "body1",
               children: s(e.request_support_institution_message_title, i)
             }
           ),
@@ -2989,7 +2989,7 @@ const kt = (e, i, n) => {
                 fontWeight: 400,
                 mt: 2
               },
-              variant: "ParagraphSmall",
+              variant: "subtitle2",
               children: s(e.request_support_institution_message, i)
             }
           )
@@ -3013,8 +3013,8 @@ const kt = (e, i, n) => {
     /* @__PURE__ */ t(C, { sx: { alignItems: "center", pb: 24, pt: 80 }, children: /* @__PURE__ */ t(Y, { color: "success", fill: !0, name: "check_circle", size: 64 }) }),
     /* @__PURE__ */ _(C, { sx: { alignItems: "center", gap: 16, pb: 48 }, children: [
       /* @__PURE__ */ t(at, { children: e.request_support_success }),
-      /* @__PURE__ */ t(U, { align: "center", variant: "Body", children: e.request_support_submit_success_message }),
-      /* @__PURE__ */ t(E, { bold: !0, variant: "Body", children: i })
+      /* @__PURE__ */ t(U, { align: "center", variant: "body1", children: e.request_support_submit_success_message }),
+      /* @__PURE__ */ t(E, { bold: !0, variant: "body1", children: i })
     ] }),
     /* @__PURE__ */ t(z, { fullWidth: !0, onClick: c, variant: "contained", children: d.done_button }),
     /* @__PURE__ */ t(z, { fullWidth: !0, onClick: l, sx: { mt: 8 }, children: e.request_support_institution_back })
@@ -3079,7 +3079,7 @@ const kt = (e, i, n) => {
             fontWeight: "bold",
             gutterBottom: !0,
             sx: { ml: 24 },
-            variant: "XSmall",
+            variant: "caption",
             children: e.popular_topics
           }
         ),
@@ -3100,7 +3100,7 @@ const kt = (e, i, n) => {
             fontWeight: "bold",
             gutterBottom: !0,
             sx: { m: "24px 0px 0px 24px" },
-            variant: "XSmall",
+            variant: "caption",
             children: e.help_by_category
           }
         ),