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

package/dist/{Help-DBfsTkAi.mjs → Help-BnPXM_N2.mjs}

@@ -1,6 +1,6 @@
 import { jsxs as _, jsx as t, Fragment as ht } from "react/jsx-runtime";
 import r, { useState as vt } from "react";
-import N from "@mui/material/Box";
+import O from "@mui/material/Box";
 import it from "@mui/material/Accordion";
 import nt from "@mui/material/AccordionDetails";
 import st from "@mui/material/AccordionSummary";
@@ -16,19 +16,19 @@ import xt from "@mui/material/Breadcrumbs";
 import { u as V, A as tt, d as ft, p as St, b as It, a as Tt } from "./hooks-C41HAxM5.mjs";
 import { useTheme as Z } from "@mui/material/styles";
 import { b as s } from "./Localization-2MODESHW.mjs";
-import { E as Et, a as Ct, P as At } from "./Help-c-zHlDbv.mjs";
+import { E as Et, a as Ct, P as At } from "./Help-DhcC-C05.mjs";
 import { observer as rt } from "mobx-react-lite";
 import at from "@mui/material/Alert";
 import ct from "@mui/material/Snackbar";
 import lt from "@mui/material/TextField";
-import { D as U } from "./Drawer-BF40nbsH.mjs";
-import { L as dt } from "./Loader-Ckqi9Rx6.mjs";
-import Nt from "@mui/material/ListItemAvatar";
-import Ot from "@mui/material/ListItem";
+import { D as U } from "./Drawer-BEtCk82g.mjs";
+import { L as dt } from "./Loader-DUaFpDGv.mjs";
+import Ot from "@mui/material/ListItemAvatar";
+import Nt from "@mui/material/ListItem";
 import Dt from "@mui/material/ListItemIcon";
 import Lt from "@mui/material/ListItemText";
-import { u as Rt } from "./useScreenSize-B5afALev.mjs";
-const kt = (e, i, n) => {
+import { u as Rt } from "./useScreenSize-B6JyS_Lj.mjs";
+const Gt = (e, i, n) => {
   const l = i.reduce((c, { institution_guid: d }) => (c[d] = (c[d] || 0) + 1, c), {});
   return e.filter(({ guid: c }) => !!l[c]).map(({ guid: c, ...d }) => {
     const g = `${l[c]} ${l[c] === 1 ? n.singular : n.plural}`;
@@ -38,7 +38,7 @@ const kt = (e, i, n) => {
       subtitle: g
     };
   });
-}, Ft = ({
+}, kt = ({
   buttonText: e,
   hasRequestButton: i = !1,
   helpCategories: n = [],
@@ -61,7 +61,7 @@ const kt = (e, i, n) => {
         children: [
           /* @__PURE__ */ _(E, { children: [
             /* @__PURE__ */ t(y, { children: c }),
-            /* @__PURE__ */ t(H, { variant: "body1", children: l })
+            /* @__PURE__ */ t(H, { variant: "Body", children: l })
           ] }),
           i && /* @__PURE__ */ t(
             E,
@@ -79,9 +79,9 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(E, { sx: { flexDirection: { xs: "column", md: "row" }, gap: 12 }, children: [0, 1].map((w) => {
-      const O = w === 0 ? 0 : v, D = w === 0 ? v : n.length, z = n.slice(O, D);
-      return /* @__PURE__ */ t(E, { sx: { flex: 1, gap: 12, maxWidth: { md: "calc(50% - 6px)" } }, children: z.map(({ guid: G, icon: x, topics: S, title: B }, R) => {
-        const P = R + O;
+      const N = w === 0 ? 0 : v, D = w === 0 ? v : n.length, $ = n.slice(N, D);
+      return /* @__PURE__ */ t(E, { sx: { flex: 1, gap: 12, maxWidth: { md: "calc(50% - 6px)" } }, children: $.map(({ guid: F, icon: x, topics: S, title: B }, R) => {
+        const P = R + N;
         return /* @__PURE__ */ _(
           it,
           {
@@ -89,7 +89,7 @@ const kt = (e, i, n) => {
             expanded: P === h,
             onChange: (L, W) => f(W ? P : null),
             sx: (L) => ({
-              border: `1px solid ${L.palette.neutral?.light}`,
+              border: `1px solid ${L.palette.border?.light}`,
               borderRadius: "8px !important",
               "&:before": {
                 opacity: 0
@@ -108,7 +108,7 @@ const kt = (e, i, n) => {
                   sx: { height: 64, p: "14px 24px" },
                   children: /* @__PURE__ */ _(E, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
                     /* @__PURE__ */ t(X, { name: x, size: 24 }),
-                    /* @__PURE__ */ t(T, { variant: "body1", children: B })
+                    /* @__PURE__ */ t(T, { variant: "Body", children: B })
                   ] })
                 }
               ),
@@ -125,16 +125,16 @@ const kt = (e, i, n) => {
                     {
                       "aria-label": L,
                       divider: !0,
-                      onClick: () => g({ guid: G, category: B, pageTitle: L, topicKey: W }),
+                      onClick: () => g({ guid: F, category: B, pageTitle: L, topicKey: W }),
                       sx: {
                         pl: "6px !important",
-                        borderColor: "neutral.light",
+                        borderColor: "border.light",
                         "&:last-child": {
                           border: "none !important",
                           borderBottomRightRadius: 7
                         }
                       },
-                      children: /* @__PURE__ */ t(T, { color: "secondary", variant: "body2", children: L })
+                      children: /* @__PURE__ */ t(T, { color: "secondary", variant: "Small", children: L })
                     },
                     W
                   )) })
@@ -142,7 +142,7 @@ const kt = (e, i, n) => {
               )
             ]
           },
-          G
+          F
         );
       }) }, w);
     }) })
@@ -157,12 +157,15 @@ const kt = (e, i, n) => {
 }) => {
   const g = Z();
   return /* @__PURE__ */ _(r.Fragment, { children: [
-    /* @__PURE__ */ t(N, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, rowSpacing: 24, children: [
-      /* @__PURE__ */ t(C, { size: 12, children: i }),
+    /* @__PURE__ */ t(O, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, rowSpacing: 24, children: [
+      /* @__PURE__ */ t(C, { item: !0, lg: 12, md: 12, sm: 12, xs: 12, children: i }),
       /* @__PURE__ */ t(
         C,
         {
-          size: { sm: 12, md: 12, xs: 12, lg: c },
+          item: !0,
+          lg: c,
+          md: 12,
+          sm: 12,
           sx: {
             m: "0 auto",
             [g.breakpoints.between("sm", "lg")]: {
@@ -177,13 +180,14 @@ const kt = (e, i, n) => {
               }
             }
           },
+          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       )
     ] }) }),
     n && /* @__PURE__ */ t(M, {})
   ] });
-}, Gt = ({
+}, Ft = ({
   buttonCopy: e,
   hasRequestButton: i,
   onNavigateToList: n,
@@ -194,25 +198,25 @@ const kt = (e, i, n) => {
   const { help: g } = V();
   return /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ _(C, { container: !0, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ _(C, { size: { sm: 6, xs: 12 }, children: [
+      /* @__PURE__ */ _(C, { item: !0, sm: 6, xs: 12, children: [
         /* @__PURE__ */ t(y, { color: "text.primary", children: c }),
         /* @__PURE__ */ _(
           xt,
           {
-            separator: /* @__PURE__ */ t(T, { bold: !0, color: "grey.600", sx: { fontWeight: 700 }, variant: "body2", children: "/" }),
+            separator: /* @__PURE__ */ t(T, { bold: !0, color: "grey.600", sx: { fontWeight: 700 }, variant: "Small", children: "/" }),
             children: [
               /* @__PURE__ */ t(
                 T,
                 {
                   bold: !0,
-                  color: "primary.light",
+                  color: "primary.lighter",
                   onClick: n,
                   sx: { cursor: "pointer", fontWeight: 700 },
-                  variant: "body2",
+                  variant: "Small",
                   children: g.list_title
                 }
               ),
-              /* @__PURE__ */ t(T, { bold: !0, color: "text.secondary", sx: { fontWeight: 700 }, variant: "body2", children: d })
+              /* @__PURE__ */ t(T, { bold: !0, color: "text.secondary", sx: { fontWeight: 700 }, variant: "Small", children: d })
             ]
           }
         )
@@ -220,12 +224,14 @@ const kt = (e, i, n) => {
       i && /* @__PURE__ */ t(
         C,
         {
-          size: { sm: 6, xs: 12 },
+          item: !0,
+          sm: 6,
           sx: {
             display: "flex",
             justifyContent: { sm: "flex-end" },
             mt: { xs: 24, sm: 0 }
           },
+          xs: 12,
           children: /* @__PURE__ */ t(q, { "aria-label": e, onClick: l, variant: "contained", children: e })
         }
       )
@@ -242,11 +248,14 @@ const kt = (e, i, n) => {
 }) => {
   const g = Z();
   return /* @__PURE__ */ _(r.Fragment, { children: [
-    /* @__PURE__ */ t(N, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
+    /* @__PURE__ */ t(O, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
       /* @__PURE__ */ t(
         C,
         {
-          size: { sm: 12, md: 12, xs: 12, lg: c },
+          item: !0,
+          lg: c,
+          md: 12,
+          sm: 12,
           sx: {
             alignSelf: "stretch",
             [g.breakpoints.between("sm", "lg")]: {
@@ -261,10 +270,11 @@ const kt = (e, i, n) => {
               }
             }
           },
+          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       ),
-      /* @__PURE__ */ t(C, { size: { lg: 12 - c, md: 12, sm: 12, xs: 12 }, children: i })
+      /* @__PURE__ */ t(C, { item: !0, lg: 12 - c, md: 12, sm: 12, xs: 12, children: i })
     ] }) }),
     n && /* @__PURE__ */ t(M, {})
   ] });
@@ -273,9 +283,9 @@ const kt = (e, i, n) => {
   hasDivider: i = !0,
   sx: n
 }) => /* @__PURE__ */ _(ht, { children: [
-  /* @__PURE__ */ t(N, { sx: { pb: 48, ...n }, children: e }),
+  /* @__PURE__ */ t(O, { sx: { pb: 48, ...n }, children: e }),
   i && /* @__PURE__ */ t(M, {})
-] }), k = ({
+] }), G = ({
   altImage: e,
   content: i,
   hasDivider: n = !0,
@@ -285,12 +295,15 @@ const kt = (e, i, n) => {
 }) => {
   const g = Z();
   return /* @__PURE__ */ _(r.Fragment, { children: [
-    /* @__PURE__ */ t(N, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
-      /* @__PURE__ */ t(C, { size: { lg: 12 - c, md: 12, sm: 12, xs: 12 }, children: i }),
+    /* @__PURE__ */ t(O, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, spacing: 24, sx: { alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ t(C, { item: !0, lg: 12 - c, md: 12, sm: 12, xs: 12, children: i }),
       /* @__PURE__ */ t(
         C,
         {
-          size: { lg: c, md: 12, sm: 12, xs: 12 },
+          item: !0,
+          lg: c,
+          md: 12,
+          sm: 12,
           sx: {
             [g.breakpoints.between("sm", "lg")]: {
               display: "flex",
@@ -303,13 +316,14 @@ const kt = (e, i, n) => {
               }
             }
           },
+          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       )
     ] }) }),
     n && /* @__PURE__ */ t(M, {})
   ] });
-}, F = ({
+}, k = ({
   altImage: e,
   content: i,
   hasDivider: n = !0,
@@ -319,11 +333,14 @@ const kt = (e, i, n) => {
 }) => {
   const g = Z();
   return /* @__PURE__ */ _(r.Fragment, { children: [
-    /* @__PURE__ */ t(N, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, rowSpacing: 24, children: [
+    /* @__PURE__ */ t(O, { sx: { pb: 48, ...d }, children: /* @__PURE__ */ _(C, { container: !0, rowSpacing: 24, children: [
       /* @__PURE__ */ t(
         C,
         {
-          size: { lg: c, md: 12, sm: 12, xs: 12 },
+          item: !0,
+          lg: c,
+          md: 12,
+          sm: 12,
           sx: {
             m: "0 auto",
             [g.breakpoints.between("sm", "lg")]: {
@@ -338,10 +355,11 @@ const kt = (e, i, n) => {
               }
             }
           },
+          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       ),
-      /* @__PURE__ */ t(C, { size: 12, children: i })
+      /* @__PURE__ */ t(C, { item: !0, lg: 12, md: 12, sm: 12, xs: 12, children: i })
     ] }) }),
     n && /* @__PURE__ */ t(M, {})
   ] });
@@ -353,14 +371,16 @@ const kt = (e, i, n) => {
   subListType: c = "ol"
 }) => {
   const d = i, g = c;
-  return /* @__PURE__ */ t(N, { sx: { [i]: { m: 0, p: 0, pl: 16, "& li::marker": { fontSize: 15 } } }, children: /* @__PURE__ */ t(d, { children: e.map((h, f) => /* @__PURE__ */ _("li", { children: [
+  return /* @__PURE__ */ t(O, { sx: { [i]: { m: 0, p: 0, pl: 16, "& li::marker": { fontSize: 15 } } }, children: /* @__PURE__ */ t(d, { children: e.map((h, f) => /* @__PURE__ */ _("li", { children: [
     /* @__PURE__ */ t(o, { content: h, sx: { py: 1 } }),
     n === f ? /* @__PURE__ */ t(g, { ...c === "ol" && { type: "a" }, children: l.map((v, w) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(o, { content: v, sx: { py: 1 } }) }, w)) }) : null
   ] }, f)) }) });
 }, m = "https://content.moneydesktop.com/storage/MD_Assets/md/help", p = {
   ACCOUNT_DETAILS: `${m}/account/AccountDetails.png`,
   ACCOUNT_OVERVIEW: `${m}/account/AccountsOverview.png`,
+  ACCOUNT_ADD: `${m}/account/AddAccount.png`,
   ACCOUNT_BROKEN_CONNECTION: `${m}/account/BrokenConnection.png`,
+  ACCOUNT_HIDE: `${m}/account/AccountHide.png`,
   ACCOUNT_MANAGE_CONNECTIONS: `${m}/account/ManageConnections.png`,
   BUDGETS_ADD_SUB_BUDGET: `${m}/budgets/AddSubBudget.png`,
   BUDGETS_WIDGET: `${m}/budgets/BudgetWidget.png`,
@@ -375,6 +395,7 @@ const kt = (e, i, n) => {
   GENERAL_CATEGORIZE_TRANSACTIONS: `${m}/general/CategorizeTransactions.png`,
   GOALS_CREATE_GOAL: `${m}/goals/CreateGoal.png`,
   GOALS_DEBT_GOALS: `${m}/goals/DebtGoals.png`,
+  GOALS_WIDGET_OVERVIEW: `${m}/goals/GoalsWidgetOverview.png`,
   GOALS_MANAGE_GOALS: `${m}/goals/ManageGoals.png`,
   GOALS_RETIREMENT_GOALS: `${m}/goals/RetirementGoals.png`,
   GOALS_SAVINGS_GOALS: `${m}/goals/SavingsGoals.png`,
@@ -400,7 +421,7 @@ const kt = (e, i, n) => {
 }, Bt = ({ copy: e, topicKey: i }) => ({
   "accounts-overview": /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      k,
+      G,
       {
         altImage: e.accounts_overview.alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -457,7 +478,7 @@ const kt = (e, i, n) => {
     ),
     /* @__PURE__ */ t(u, { content: e.accounts_overview.add_account_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
-      F,
+      k,
       {
         altImage: e.accounts_overview.alt_image_manage_connections,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -638,7 +659,7 @@ const kt = (e, i, n) => {
   return {
     "budgets-overview": /* @__PURE__ */ _(r.Fragment, { children: [
       /* @__PURE__ */ t(
-        k,
+        G,
         {
           altImage: n.overview_alt_image,
           content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -692,7 +713,7 @@ const kt = (e, i, n) => {
       ),
       /* @__PURE__ */ t(u, { content: n.create_budget_title, sx: { pt: 48 } }),
       /* @__PURE__ */ t(
-        k,
+        G,
         {
           altImage: n.create_budget_alt_image,
           content: /* @__PURE__ */ t(r.Fragment, { children: /* @__PURE__ */ t(
@@ -726,7 +747,7 @@ const kt = (e, i, n) => {
 }, Wt = ({ copy: e, topicKey: i }) => ({
   "cash-flow-overview": /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      k,
+      G,
       {
         altImage: e.cashflow_overview.alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -750,7 +771,7 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      k,
+      G,
       {
         altImage: e.cashflow_overview.alt_image_expense_details,
         content: /* @__PURE__ */ t(
@@ -775,7 +796,7 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      k,
+      G,
       {
         altImage: e.cashflow_overview.alt_image_manage_expenses,
         content: /* @__PURE__ */ t(o, { content: e.cashflow_overview.manage_expenses_instruction, sx: { mt: 24 } }),
@@ -787,7 +808,7 @@ const kt = (e, i, n) => {
 })[i], Mt = ({ copy: e }) => {
   const i = e.debts, n = {
     overviewSection: /* @__PURE__ */ t(
-      F,
+      k,
       {
         altImage: i.overview_image_alt,
         content: /* @__PURE__ */ t(
@@ -805,7 +826,7 @@ const kt = (e, i, n) => {
       }
     ),
     snowballMethod: /* @__PURE__ */ t(
-      k,
+      G,
       {
         altImage: i.snowball_method,
         content: /* @__PURE__ */ t(o, { content: i.snowball_method_desc, sx: { mt: 24 } }),
@@ -1023,7 +1044,7 @@ const kt = (e, i, n) => {
     /* @__PURE__ */ t(u, { content: i.extra_payments, sx: { pt: 48 } }),
     n.extraPayments
   ] });
-}, zt = ({ topicKey: e, copy: i }) => {
+}, $t = ({ topicKey: e, copy: i }) => {
   const { general_faqs: n } = i;
   return {
     "is-my-data-private-and-secure": /* @__PURE__ */ t(
@@ -1210,7 +1231,7 @@ const kt = (e, i, n) => {
     ),
     /* @__PURE__ */ t(u, { content: i.create_goal_section_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
-      F,
+      k,
       {
         altImage: "create_goal",
         content: /* @__PURE__ */ t(
@@ -1358,11 +1379,11 @@ const kt = (e, i, n) => {
       }
     )
   ] });
-}, $t = ({ copy: e }) => {
+}, zt = ({ copy: e }) => {
   const i = e.investments;
   return {
     overviewSection: /* @__PURE__ */ t(
-      F,
+      k,
       {
         altImage: i.overview,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1424,7 +1445,7 @@ const kt = (e, i, n) => {
   return /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(o, { content: i.mobile_devices_overview_header_text }),
     /* @__PURE__ */ t(
-      F,
+      k,
       {
         altImage: i.alt_image_add_mobile_devices,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1499,7 +1520,7 @@ const kt = (e, i, n) => {
   return {
     "net-worth-overview": /* @__PURE__ */ _(r.Fragment, { children: [
       /* @__PURE__ */ t(
-        F,
+        k,
         {
           altImage: n.alt_image_net_worth_overview,
           content: /* @__PURE__ */ t(
@@ -1627,7 +1648,7 @@ const kt = (e, i, n) => {
 }, Vt = ({ copy: e, topicKey: i }) => ({
   "notifications-overview": /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      k,
+      G,
       {
         altImage: e.notifications_overview.alt_image,
         content: /* @__PURE__ */ t(
@@ -1652,7 +1673,7 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      k,
+      G,
       {
         altImage: e.notifications_overview.alt_image_managing_notifications,
         content: /* @__PURE__ */ t(r.Fragment, { children: /* @__PURE__ */ t(
@@ -1736,7 +1757,7 @@ const kt = (e, i, n) => {
 })[i], jt = ({ copy: e }) => {
   const i = e.recurring_transactions, n = {
     overviewSsction: /* @__PURE__ */ t(
-      F,
+      k,
       {
         altImage: i.overview_alt_image,
         content: /* @__PURE__ */ t(
@@ -1830,7 +1851,7 @@ const kt = (e, i, n) => {
   return {
     "spending-widget-overview": /* @__PURE__ */ _(r.Fragment, { children: [
       /* @__PURE__ */ t(
-        F,
+        k,
         {
           altImage: n.alt_image,
           content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1929,7 +1950,7 @@ const kt = (e, i, n) => {
 }, Zt = ({ copy: e, topicKey: i }) => ({
   "transactions-overview": /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      F,
+      k,
       {
         altImage: e.transactions_widget_overview.widget_overview_alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -1968,7 +1989,7 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      k,
+      G,
       {
         altImage: e.transactions_widget_overview.edit_transactions_alt_image,
         content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2264,7 +2285,7 @@ const kt = (e, i, n) => {
     )
   ] }),
   "exporting-transactions": /* @__PURE__ */ t(
-    F,
+    k,
     {
       altImage: e.export_transactions.export_transactions_alt_image,
       content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2304,7 +2325,7 @@ const kt = (e, i, n) => {
   )
 })[i], Yt = ({ copy: e }) => /* @__PURE__ */ _(r.Fragment, { children: [
   /* @__PURE__ */ t(
-    F,
+    k,
     {
       altImage: e.trends_widget_overview.widget_overview_alt_image,
       content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2416,7 +2437,7 @@ const kt = (e, i, n) => {
       ),
       /* @__PURE__ */ t(u, { content: n.dashboard_insights_section_title, sx: { mt: 48 } }),
       /* @__PURE__ */ t(
-        k,
+        G,
         {
           altImage: n.alt_image_dashboard_insights,
           content: /* @__PURE__ */ _(r.Fragment, { children: [
@@ -2504,10 +2525,10 @@ const kt = (e, i, n) => {
   budgets: Pt,
   cashflow: Wt,
   debts: Mt,
-  general: zt,
+  general: $t,
   goals: qt,
   insights: Jt,
-  investments: $t,
+  investments: zt,
   mobile: Ht,
   networth: Ut,
   recurring_transactions: jt,
@@ -2524,7 +2545,7 @@ const kt = (e, i, n) => {
   const { help: f } = V(), v = Kt[h] || null;
   return /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
-      Gt,
+      Ft,
       {
         buttonCopy: e.request_support,
         hasRequestButton: i,
@@ -2554,18 +2575,18 @@ const kt = (e, i, n) => {
         flexDirection: l ? "column-reverse" : "column"
       },
       children: [
-        /* @__PURE__ */ _(N, { children: [
+        /* @__PURE__ */ _(O, { children: [
           /* @__PURE__ */ _(E, { gap: 4, sx: { alignItems: "center", flexDirection: "row" }, children: [
             i && /* @__PURE__ */ t(X, { name: "help", size: 20, sx: { color: "text.primary" } }),
-            /* @__PURE__ */ t(T, { color: "text.primary", variant: "h3", children: d })
+            /* @__PURE__ */ t(T, { color: "text.primary", variant: "H3", children: d })
           ] }),
-          n && /* @__PURE__ */ t(T, { color: "text.primary", variant: "h3", children: n })
+          n && /* @__PURE__ */ t(T, { color: "text.primary", variant: "H3", children: n })
         ] }),
-        /* @__PURE__ */ t(T, { color: "text.secondary", sx: { whiteSpace: "wrap" }, variant: "body2", children: c })
+        /* @__PURE__ */ t(T, { color: "text.secondary", sx: { whiteSpace: "wrap" }, variant: "Small", children: c })
       ]
     }
   ),
-  e && /* @__PURE__ */ t(H, { color: "text.secondary", sx: { px: 24 }, variant: "body2", children: e })
+  e && /* @__PURE__ */ t(H, { color: "text.secondary", sx: { px: 24 }, variant: "Small", children: e })
 ] }), yt = ({
   alert: e,
   copy: i,
@@ -2578,16 +2599,16 @@ const kt = (e, i, n) => {
   setAlert: f,
   topic: v
 }) => {
-  const [w, O] = r.useState(""), D = () => !c && g(), z = () => {
-    O(""), h(w);
-  }, G = l ? i.request_support_institution_short_content : i.request_support_contact_short_content;
+  const [w, N] = r.useState(""), D = () => !c && g(), $ = () => {
+    N(""), h(w);
+  }, F = l ? i.request_support_institution_short_content : i.request_support_contact_short_content;
   return /* @__PURE__ */ _(
     U,
     {
       isOpen: d,
       isPrimaryDisabled: !w || !n,
       onClose: D,
-      onPrimaryAction: z,
+      onPrimaryAction: $,
       onSecondaryAction: D,
       secondaryColor: "primary",
       title: i.request_support,
@@ -2599,11 +2620,11 @@ const kt = (e, i, n) => {
               hasIcon: !l,
               institution: l,
               reverse: !!l,
-              subtitle: G,
+              subtitle: F,
               title: v
             }
           ),
-          /* @__PURE__ */ t(N, { sx: { px: 24 }, children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(O, { sx: { px: 24 }, children: /* @__PURE__ */ t(
             lt,
             {
               InputLabelProps: { shrink: !0 },
@@ -2612,7 +2633,7 @@ const kt = (e, i, n) => {
               helperText: n ? null : i.request_support_email_not_exists_message,
               label: i.request_contact_support_label,
               multiline: !0,
-              onChange: ({ target: { value: x } }) => O(x),
+              onChange: ({ target: { value: x } }) => N(x),
               sx: {
                 "& .MuiInputBase-root": { alignItems: "flex-start", minHeight: 124 },
                 "& .MuiInputBase-input::placeholder": {
@@ -2624,7 +2645,7 @@ const kt = (e, i, n) => {
               variant: "outlined"
             }
           ) }),
-          /* @__PURE__ */ t(N, { sx: { p: "12px 24px 64px" }, children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(O, { sx: { p: "12px 24px 64px" }, children: /* @__PURE__ */ t(
             T,
             {
               color: "secondary",
@@ -2633,7 +2654,7 @@ const kt = (e, i, n) => {
                 fontWeight: 400,
                 whiteSpace: "wrap"
               },
-              variant: "subtitle2",
+              variant: "ParagraphSmall",
               children: i.request_contact_support_warning
             }
           ) })
@@ -2673,7 +2694,7 @@ const kt = (e, i, n) => {
             sx: { p: "14px 24px", height: 64 },
             children: /* @__PURE__ */ _(E, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
               /* @__PURE__ */ t(X, { name: c, size: 24 }),
-              /* @__PURE__ */ t(T, { variant: "body1", children: g })
+              /* @__PURE__ */ t(T, { variant: "Body", children: g })
             ] })
           }
         ),
@@ -2691,13 +2712,13 @@ const kt = (e, i, n) => {
                 divider: !0,
                 onClick: () => i(f, v),
                 sx: {
-                  borderColor: "neutral.light",
+                  borderColor: "border.light",
                   "&:last-child": {
                     border: "none",
                     borderBottomRightRadius: 7
                   }
                 },
-                children: /* @__PURE__ */ t(T, { color: "secondary", variant: "body2", children: f })
+                children: /* @__PURE__ */ t(T, { color: "secondary", variant: "Small", children: f })
               },
               w
             )) })
@@ -2727,7 +2748,7 @@ const kt = (e, i, n) => {
   institutionWebsite: ""
 }, ie = rt(
   ({ copy: e, isOpen: i, onClose: n, onSave: l }) => {
-    const { alert: c, isLoading: d, setAlert: g } = tt(), [h, f] = r.useState(et), [v, w] = r.useState(Y), O = [
+    const { alert: c, isLoading: d, setAlert: g } = tt(), [h, f] = r.useState(et), [v, w] = r.useState(Y), N = [
       { name: "institutionName", required: !0 },
       { name: "institutionWebsite", required: !0 },
       { name: "institutionLoginPage", required: !1 }
@@ -2736,7 +2757,7 @@ const kt = (e, i, n) => {
       label: e.popular_topics_missing_institution_fields[S.toString()]
     })), D = () => {
       f(et), w(Y), n();
-    }, z = (x) => {
+    }, $ = (x) => {
       const {
         target: { name: S, value: B }
       } = x;
@@ -2753,7 +2774,7 @@ const kt = (e, i, n) => {
         onPrimaryAction: () => {
           const x = {};
           let S = !0;
-          O.forEach(({ label: B, name: R, required: P }) => {
+          N.forEach(({ label: B, name: R, required: P }) => {
             const L = v[R];
             P && !L && (x[R] = `${B} ${e.request_support_required_message}`, S = !1), (R === "institutionWebsite" || R === "institutionLoginPage") && L && !/(.+)\.(.{2,})/g.test(L) && (x[R] = e.request_support_valid_url_message, S = !1);
           }), f(x), S && (l(v), w(Y));
@@ -2771,7 +2792,7 @@ const kt = (e, i, n) => {
               title: e.popular_topics_missing_institution
             }
           ),
-          /* @__PURE__ */ t(E, { sx: { gap: 24, p: 24 }, children: O.map(({ label: x, name: S }) => /* @__PURE__ */ t(
+          /* @__PURE__ */ t(E, { sx: { gap: 24, p: 24 }, children: N.map(({ label: x, name: S }) => /* @__PURE__ */ t(
             lt,
             {
               InputLabelProps: { shrink: !0 },
@@ -2780,7 +2801,7 @@ const kt = (e, i, n) => {
               helperText: h[S] || "",
               label: x,
               name: S,
-              onChange: z,
+              onChange: $,
               value: v[S]
             },
             S
@@ -2805,19 +2826,19 @@ const kt = (e, i, n) => {
   subtitle: n,
   guid: l,
   sx: c
-}) => /* @__PURE__ */ t(Ot, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ _(Q, { "aria-label": e, onClick: i, children: [
-  l && /* @__PURE__ */ t(Nt, { children: /* @__PURE__ */ t(bt, { alt: e, institutionGuid: l || "", size: 32 }) }),
+}) => /* @__PURE__ */ t(Nt, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ _(Q, { "aria-label": e, onClick: i, children: [
+  l && /* @__PURE__ */ t(Ot, { children: /* @__PURE__ */ t(bt, { alt: e, institutionGuid: l || "", size: 32 }) }),
   /* @__PURE__ */ t(
     Lt,
     {
       primary: e,
-      primaryTypographyProps: { style: { ...c }, variant: "body1" },
+      primaryTypographyProps: { style: { ...c }, variant: "Body" },
       secondary: n,
-      secondaryTypographyProps: { variant: "caption" }
+      secondaryTypographyProps: { variant: "XSmall" }
     }
   ),
   /* @__PURE__ */ t(Dt, { children: /* @__PURE__ */ t(wt, {}) })
-] }) }), gt = ({ list: e, onClick: i, sx: n }) => /* @__PURE__ */ t(N, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ t(K, { sx: { "& .MuiDivider-root:last-child": { ml: 0 } }, children: e.map(({ name: l, guid: c, subtitle: d, type: g }, h) => /* @__PURE__ */ _(r.Fragment, { children: [
+] }) }), gt = ({ list: e, onClick: i, sx: n }) => /* @__PURE__ */ t(O, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ t(K, { sx: { "& .MuiDivider-root:last-child": { ml: 0 } }, children: e.map(({ name: l, guid: c, subtitle: d, type: g }, h) => /* @__PURE__ */ _(r.Fragment, { children: [
   /* @__PURE__ */ t(
     ne,
     {
@@ -2837,7 +2858,7 @@ const kt = (e, i, n) => {
   topic: c
 }) => {
   const { institutions: d, accounts: g } = ft(), h = r.useMemo(
-    () => kt(d, g, {
+    () => Gt(d, g, {
       singular: e.request_support_institution_account,
       plural: e.request_support_institution_accounts
     }),
@@ -2860,7 +2881,7 @@ const kt = (e, i, n) => {
         fontWeight: "bold",
         gutterBottom: !0,
         sx: { ml: 24 },
-        variant: "caption",
+        variant: "XSmall",
         children: e.request_support_institution_topic_label
       }
     ),
@@ -2875,7 +2896,7 @@ const kt = (e, i, n) => {
       {
         color: "text.secondary",
         sx: { whiteSpace: "wrap", fontWeight: 400, textAlign: "center" },
-        variant: "subtitle2",
+        variant: "ParagraphSmall",
         children: e.request_support_footer_short_content
       }
     ),
@@ -2905,7 +2926,7 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ _(
-      N,
+      O,
       {
         sx: {
           bgcolor: "background.paper",
@@ -2922,7 +2943,7 @@ const kt = (e, i, n) => {
               sx: {
                 fontWeight: 600
               },
-              variant: "body1",
+              variant: "Body",
               children: s(e.request_support_institution_message_title, i)
             }
           ),
@@ -2934,7 +2955,7 @@ const kt = (e, i, n) => {
                 fontWeight: 400,
                 mt: 2
               },
-              variant: "subtitle2",
+              variant: "ParagraphSmall",
               children: s(e.request_support_institution_message, i)
             }
           )
@@ -2954,32 +2975,32 @@ const kt = (e, i, n) => {
   onClose: c
 }) => {
   const { common: d } = V();
-  return /* @__PURE__ */ t(U, { isOpen: n, onClose: c, title: e.request_support, children: /* @__PURE__ */ _(N, { sx: { px: 24 }, children: [
+  return /* @__PURE__ */ t(U, { isOpen: n, onClose: c, title: e.request_support, children: /* @__PURE__ */ _(O, { sx: { px: 24 }, children: [
     /* @__PURE__ */ t(E, { sx: { alignItems: "center", pb: 24, pt: 80 }, children: /* @__PURE__ */ t(X, { color: "success", fill: !0, name: "check_circle", size: 64 }) }),
     /* @__PURE__ */ _(E, { sx: { alignItems: "center", gap: 16, pb: 48 }, children: [
       /* @__PURE__ */ t(_t, { children: e.request_support_success }),
-      /* @__PURE__ */ t(H, { align: "center", variant: "body1", children: e.request_support_submit_success_message }),
-      /* @__PURE__ */ t(T, { bold: !0, variant: "body1", children: i })
+      /* @__PURE__ */ t(H, { align: "center", variant: "Body", children: e.request_support_submit_success_message }),
+      /* @__PURE__ */ t(T, { bold: !0, variant: "Body", children: i })
     ] }),
     /* @__PURE__ */ t(q, { fullWidth: !0, onClick: c, variant: "contained", children: d.done_button }),
     /* @__PURE__ */ t(q, { fullWidth: !0, onClick: l, sx: { mt: 8 }, children: e.request_support_institution_back })
   ] }) });
 }, ce = rt(
   ({ copy: e, isOpen: i, onClose: n }) => {
-    const { alert: l, createSupportTicket: c, isLoading: d, setAlert: g } = tt(), { user: h } = St(), { isInitialized: f } = It(), [v, w] = r.useState(""), [O, D] = r.useState(!1), [z, G] = r.useState(!1), [x, S] = r.useState({
+    const { alert: l, createSupportTicket: c, isLoading: d, setAlert: g } = tt(), { user: h } = St(), { isInitialized: f } = It(), [v, w] = r.useState(""), [N, D] = r.useState(!1), [$, F] = r.useState(!1), [x, S] = r.useState({
       isOpen: !1,
       topic: "",
       type: void 0
     }), B = Ct.map((I) => ({
       ...I,
       title: e.help_by_category_list[I.guid].label,
-      topics: I.topics.map(({ type: $ }, pt) => ({
-        type: $,
+      topics: I.topics.map(({ type: z }, pt) => ({
+        type: z,
         label: e.help_by_category_list[I.guid].topics[pt]
       }))
-    })), R = Object.keys(e.popular_topics_list).map((I, $) => ({
+    })), R = Object.keys(e.popular_topics_list).map((I, z) => ({
       name: e.popular_topics_list[I],
-      type: At[$].type
+      type: At[z].type
     })), P = () => {
       w(""), S({ isOpen: !1, topic: "", type: void 0 });
     }, L = (I) => {
@@ -2988,10 +3009,10 @@ const kt = (e, i, n) => {
         message: v ? `Institution: ${v}, ${I}` : I,
         title: x.topic || "Contact Support"
       });
-    }, W = (I, $) => {
-      $ === "other" ? G(!0) : S({ isOpen: !0, topic: I, type: $ });
+    }, W = (I, z) => {
+      z === "other" ? F(!0) : S({ isOpen: !0, topic: I, type: z });
     }, ut = () => {
-      g(""), D(!1), G(!1), P();
+      g(""), D(!1), F(!1), P();
     }, mt = (I) => {
       if (!h.email) {
         g(e.request_support_email_not_exists_message, "error");
@@ -3019,7 +3040,7 @@ const kt = (e, i, n) => {
             fontWeight: "bold",
             gutterBottom: !0,
             sx: { ml: 24 },
-            variant: "caption",
+            variant: "XSmall",
             children: e.popular_topics
           }
         ),
@@ -3038,7 +3059,7 @@ const kt = (e, i, n) => {
             fontWeight: "bold",
             gutterBottom: !0,
             sx: { m: "24px 0px 0px 24px" },
-            variant: "caption",
+            variant: "XSmall",
             children: e.help_by_category
           }
         ),
@@ -3049,7 +3070,7 @@ const kt = (e, i, n) => {
             onClick: W
           }
         ),
-        /* @__PURE__ */ t(N, { sx: { p: 24 }, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(O, { sx: { p: 24 }, children: /* @__PURE__ */ t(
           _e,
           {
             copy: e,
@@ -3065,7 +3086,7 @@ const kt = (e, i, n) => {
           email: h.email,
           institution: v,
           isLoading: d,
-          isOpen: O,
+          isOpen: N,
           onClose: () => {
             D(!1), w("");
           },
@@ -3078,8 +3099,8 @@ const kt = (e, i, n) => {
         ie,
         {
           copy: e,
-          isOpen: z,
-          onClose: () => G(!1),
+          isOpen: $,
+          onClose: () => F(!1),
           onSave: mt
         }
       ),
@@ -3120,9 +3141,9 @@ const kt = (e, i, n) => {
       )
     ] }) });
   }
-), ze = ({ sx: e = {} }) => {
-  const { help: i } = V(), { helpCategories: n } = tt(), { isMobile: l } = Rt(), { config: c } = Tt(), [d, g] = r.useState(!1), [h, f] = r.useState(null), v = (O) => f(O), w = () => g(!0);
-  return /* @__PURE__ */ _(N, { sx: { pt: 24, px: l ? 24 : 0, ...e }, children: [
+), $e = ({ sx: e = {} }) => {
+  const { help: i } = V(), { helpCategories: n } = tt(), { isMobile: l } = Rt(), { config: c } = Tt(), [d, g] = r.useState(!1), [h, f] = r.useState(null), v = (N) => f(N), w = () => g(!0);
+  return /* @__PURE__ */ _(O, { sx: { pt: 24, px: l ? 24 : 0, ...e }, children: [
     h ? /* @__PURE__ */ t(
       Qt,
       {
@@ -3133,7 +3154,7 @@ const kt = (e, i, n) => {
         topicInfo: h
       }
     ) : /* @__PURE__ */ t(
-      Ft,
+      kt,
       {
         buttonText: i.request_support,
         hasRequestButton: c.enable_support_requests,
@@ -3155,5 +3176,5 @@ const kt = (e, i, n) => {
   ] });
 };
 export {
-  ze as H
+  $e as H
 };