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

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

@@ -4,7 +4,7 @@ import N from "@mui/material/Box";
 import it from "@mui/material/Accordion";
 import nt from "@mui/material/AccordionDetails";
 import st from "@mui/material/AccordionSummary";
-import q from "@mui/material/Button";
+import $ from "@mui/material/Button";
 import M from "@mui/material/Divider";
 import C from "@mui/material/Grid";
 import K from "@mui/material/List";
@@ -21,13 +21,13 @@ 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 { D as U } from "./Drawer-Dqe5EqvA.mjs";
+import { L as dt } from "./Loader-BSWSYqvn.mjs";
 import Nt from "@mui/material/ListItemAvatar";
 import Ot from "@mui/material/ListItem";
 import Dt from "@mui/material/ListItemIcon";
 import Lt from "@mui/material/ListItemText";
-import { u as Rt } from "./useScreenSize-B5afALev.mjs";
+import { u as Rt } from "./useScreenSize-B6JyS_Lj.mjs";
 const kt = (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 }) => {
@@ -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,
@@ -72,15 +72,15 @@ const kt = (e, i, n) => {
                   md: 0
                 }
               },
-              children: /* @__PURE__ */ t(q, { "aria-label": e, onClick: d, variant: "contained", children: e })
+              children: /* @__PURE__ */ t($, { "aria-label": e, onClick: d, variant: "contained", children: e })
             }
           )
         ]
       }
     ),
     /* @__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 O = w === 0 ? 0 : v, D = w === 0 ? v : n.length, q = n.slice(O, D);
+      return /* @__PURE__ */ t(E, { sx: { flex: 1, gap: 12, maxWidth: { md: "calc(50% - 6px)" } }, children: q.map(({ guid: G, icon: x, topics: S, title: B }, R) => {
         const P = R + O;
         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 })
                   ] })
                 }
               ),
@@ -128,13 +128,13 @@ const kt = (e, i, n) => {
                       onClick: () => g({ guid: G, 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
                   )) })
@@ -158,11 +158,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(C, { size: 12, children: i }),
+      /* @__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,6 +180,7 @@ const kt = (e, i, n) => {
               }
             }
           },
+          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       )
@@ -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,13 +224,15 @@ 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 }
           },
-          children: /* @__PURE__ */ t(q, { "aria-label": e, onClick: l, variant: "contained", children: e })
+          xs: 12,
+          children: /* @__PURE__ */ t($, { "aria-label": e, onClick: l, variant: "contained", children: e })
         }
       )
     ] }),
@@ -246,7 +252,10 @@ const kt = (e, i, n) => {
       /* @__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, {})
   ] });
@@ -286,11 +296,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(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 }),
       /* @__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,6 +316,7 @@ const kt = (e, i, n) => {
               }
             }
           },
+          xs: 12,
           children: /* @__PURE__ */ t("img", { alt: e, src: l })
         }
       )
@@ -323,7 +337,10 @@ const kt = (e, i, n) => {
       /* @__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,14 +355,15 @@ 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, {})
   ] });
-}, o = ({ content: e, sx: i }) => /* @__PURE__ */ t(H, { sx: { lineHeight: "24px", py: 6, ...i }, children: e }), u = ({ content: e, sx: i }) => /* @__PURE__ */ t(y, { color: "text.primary", sx: { py: 12, whiteSpace: { sm: "nowrap", xs: "wrap" }, ...i }, children: e }), a = ({
+}, o = ({ content: e, sx: i }) => /* @__PURE__ */ t(H, { sx: { lineHeight: "24px", py: 6, ...i }, children: e }), m = ({ content: e, sx: i }) => /* @__PURE__ */ t(y, { color: "text.primary", sx: { py: 12, whiteSpace: { sm: "nowrap", xs: "wrap" }, ...i }, children: e }), a = ({
   items: e,
   listType: i = "ul",
   subItemPlacement: n,
@@ -357,46 +375,46 @@ const kt = (e, i, n) => {
     /* @__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_BROKEN_CONNECTION: `${m}/account/BrokenConnection.png`,
-  ACCOUNT_MANAGE_CONNECTIONS: `${m}/account/ManageConnections.png`,
-  BUDGETS_ADD_SUB_BUDGET: `${m}/budgets/AddSubBudget.png`,
-  BUDGETS_WIDGET: `${m}/budgets/BudgetWidget.png`,
-  BUDGETS_EDIT_INCOME: `${m}/budgets/EditIncome.png`,
-  CASHFLOW_WIDGET: `${m}/cashflow/CashFlowWidget.png`,
-  CASHFLOW_EXPENSE_DETAILS: `${m}/cashflow/ExpenseDetailsCurrent.png`,
-  CASHFLOW_MANAGE_EXPENSES: `${m}/cashflow/ManageExpenses.png`,
-  DEBTS_DETAILS: `${m}/debts/DebtDetails.png`,
-  DEBTS_OVERVIEW: `${m}/debts/DebtOverview.png`,
-  DEBTS_PRIORITIZATION: `${m}/debts/DebtPrioritization.png`,
-  DEBTS_SNOWBALL_METHOD: `${m}/debts/SnowballMethod.png`,
-  GENERAL_CATEGORIZE_TRANSACTIONS: `${m}/general/CategorizeTransactions.png`,
-  GOALS_CREATE_GOAL: `${m}/goals/CreateGoal.png`,
-  GOALS_DEBT_GOALS: `${m}/goals/DebtGoals.png`,
-  GOALS_MANAGE_GOALS: `${m}/goals/ManageGoals.png`,
-  GOALS_RETIREMENT_GOALS: `${m}/goals/RetirementGoals.png`,
-  GOALS_SAVINGS_GOALS: `${m}/goals/SavingsGoals.png`,
-  INSIGHTS_CAROUSEL: `${m}/insights/InsightsCarousel.png`,
-  INSIGHTS_FEED: `${m}/insights/InsightsFeed.png`,
-  INVESTMENTS_WIDGET_DETAILS: `${m}/investments/WidgetDetails.png`,
-  MOBILE_ADD_MOBILE_DEVICE: `${m}/mobile/AddMobileDevice.png`,
-  NETWORTH_ASSETS_LIABILITIES: `${m}/networth/AssetsLiabilities.png`,
-  NETWORTH_GAINS_LOSSES: `${m}/networth/GainsLosses.png`,
-  NETWORTH_WIDGET: `${m}/networth/NetWorthWidget.png`,
-  NOTIFICATIONS_MANAGING: `${m}/notifications/ManagingNotifications.png`,
-  NOTIFICATIONS_OVERVIEW: `${m}/notifications/NotificationOverview.png`,
-  RECURRING_TRANSACTIONS_EXPENSE_DETAILS: `${m}/recurringtransactions/expenseDetails.png`,
-  RECURRING_TRANSACTIONS_MANAGE_EXPENSES: `${m}/recurringtransactions/manageExpenses.png`,
-  RECURRING_TRANSACTIONS_OVERVIEW: `${m}/recurringtransactions/overview.png`,
-  SPENDING_WIDGET: `${m}/spending/SpendingWidget.png`,
-  TRANSACTIONS_CATEGORIZE: `${m}/transactions/CategorizeTransactions.png`,
-  TRANSACTIONS_EDIT: `${m}/transactions/EditTransactions.png`,
-  TRANSACTIONS_EXPORT: `${m}/transactions/ExportTransactions.png`,
-  TRANSACTIONS_OVERVIEW: `${m}/transactions/Overview.png`,
-  TRANSACTIONS_RULES: `${m}/transactions/TransactionRules.png`,
-  TRENDS_WIDGET: `${m}/trends/TrendsWidget.png`
+}, u = "https://content.moneydesktop.com/storage/MD_Assets/md/help", p = {
+  ACCOUNT_DETAILS: `${u}/account/AccountDetails.png`,
+  ACCOUNT_OVERVIEW: `${u}/account/AccountsOverview.png`,
+  ACCOUNT_BROKEN_CONNECTION: `${u}/account/BrokenConnection.png`,
+  ACCOUNT_MANAGE_CONNECTIONS: `${u}/account/ManageConnections.png`,
+  BUDGETS_ADD_SUB_BUDGET: `${u}/budgets/AddSubBudget.png`,
+  BUDGETS_WIDGET: `${u}/budgets/BudgetWidget.png`,
+  BUDGETS_EDIT_INCOME: `${u}/budgets/EditIncome.png`,
+  CASHFLOW_WIDGET: `${u}/cashflow/CashFlowWidget.png`,
+  CASHFLOW_EXPENSE_DETAILS: `${u}/cashflow/ExpenseDetailsCurrent.png`,
+  CASHFLOW_MANAGE_EXPENSES: `${u}/cashflow/ManageExpenses.png`,
+  DEBTS_DETAILS: `${u}/debts/DebtDetails.png`,
+  DEBTS_OVERVIEW: `${u}/debts/DebtOverview.png`,
+  DEBTS_PRIORITIZATION: `${u}/debts/DebtPrioritization.png`,
+  DEBTS_SNOWBALL_METHOD: `${u}/debts/SnowballMethod.png`,
+  GENERAL_CATEGORIZE_TRANSACTIONS: `${u}/general/CategorizeTransactions.png`,
+  GOALS_CREATE_GOAL: `${u}/goals/CreateGoal.png`,
+  GOALS_DEBT_GOALS: `${u}/goals/DebtGoals.png`,
+  GOALS_MANAGE_GOALS: `${u}/goals/ManageGoals.png`,
+  GOALS_RETIREMENT_GOALS: `${u}/goals/RetirementGoals.png`,
+  GOALS_SAVINGS_GOALS: `${u}/goals/SavingsGoals.png`,
+  INSIGHTS_CAROUSEL: `${u}/insights/InsightsCarousel.png`,
+  INSIGHTS_FEED: `${u}/insights/InsightsFeed.png`,
+  INVESTMENTS_WIDGET_DETAILS: `${u}/investments/WidgetDetails.png`,
+  MOBILE_ADD_MOBILE_DEVICE: `${u}/mobile/AddMobileDevice.png`,
+  NETWORTH_ASSETS_LIABILITIES: `${u}/networth/AssetsLiabilities.png`,
+  NETWORTH_GAINS_LOSSES: `${u}/networth/GainsLosses.png`,
+  NETWORTH_WIDGET: `${u}/networth/NetWorthWidget.png`,
+  NOTIFICATIONS_MANAGING: `${u}/notifications/ManagingNotifications.png`,
+  NOTIFICATIONS_OVERVIEW: `${u}/notifications/NotificationOverview.png`,
+  RECURRING_TRANSACTIONS_EXPENSE_DETAILS: `${u}/recurringtransactions/expenseDetails.png`,
+  RECURRING_TRANSACTIONS_MANAGE_EXPENSES: `${u}/recurringtransactions/manageExpenses.png`,
+  RECURRING_TRANSACTIONS_OVERVIEW: `${u}/recurringtransactions/overview.png`,
+  SPENDING_WIDGET: `${u}/spending/SpendingWidget.png`,
+  TRANSACTIONS_CATEGORIZE: `${u}/transactions/CategorizeTransactions.png`,
+  TRANSACTIONS_EDIT: `${u}/transactions/EditTransactions.png`,
+  TRANSACTIONS_EXPORT: `${u}/transactions/ExportTransactions.png`,
+  TRANSACTIONS_OVERVIEW: `${u}/transactions/Overview.png`,
+  TRANSACTIONS_RULES: `${u}/transactions/TransactionRules.png`,
+  TRENDS_WIDGET: `${u}/trends/TrendsWidget.png`
 }, Bt = ({ copy: e, topicKey: i }) => ({
   "accounts-overview": /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(
@@ -420,7 +438,7 @@ const kt = (e, i, n) => {
         imageLargeBreakPoint: 5
       }
     ),
-    /* @__PURE__ */ t(u, { content: e.accounts_overview.edit_account_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: e.accounts_overview.edit_account_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
       A,
       {
@@ -455,7 +473,7 @@ const kt = (e, i, n) => {
         imageLargeBreakPoint: 3
       }
     ),
-    /* @__PURE__ */ t(u, { content: e.accounts_overview.add_account_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: e.accounts_overview.add_account_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
       F,
       {
@@ -495,7 +513,7 @@ const kt = (e, i, n) => {
               )
             }
           ),
-          /* @__PURE__ */ t(u, { content: e.accounts_overview.hide_account_title }),
+          /* @__PURE__ */ t(m, { content: e.accounts_overview.hide_account_title }),
           /* @__PURE__ */ t(
             a,
             {
@@ -512,7 +530,7 @@ const kt = (e, i, n) => {
               listType: "ol"
             }
           ),
-          /* @__PURE__ */ t(u, { content: e.accounts_overview.unhide_account_title }),
+          /* @__PURE__ */ t(m, { content: e.accounts_overview.unhide_account_title }),
           /* @__PURE__ */ t(
             a,
             {
@@ -608,8 +626,8 @@ const kt = (e, i, n) => {
     b,
     {
       content: /* @__PURE__ */ _(r.Fragment, { children: [
-        /* @__PURE__ */ t(u, { content: e.seeing_duplicate_accounts.warning_title }),
-        /* @__PURE__ */ t(u, { content: e.seeing_duplicate_accounts.instructions_title }),
+        /* @__PURE__ */ t(m, { content: e.seeing_duplicate_accounts.warning_title }),
+        /* @__PURE__ */ t(m, { content: e.seeing_duplicate_accounts.instructions_title }),
         /* @__PURE__ */ t(
           a,
           {
@@ -663,7 +681,7 @@ const kt = (e, i, n) => {
           image: p.BUDGETS_WIDGET
         }
       ),
-      /* @__PURE__ */ t(u, { content: n.adjusting_income_title, sx: { pt: 48 } }),
+      /* @__PURE__ */ t(m, { content: n.adjusting_income_title, sx: { pt: 48 } }),
       /* @__PURE__ */ t(
         A,
         {
@@ -690,7 +708,7 @@ const kt = (e, i, n) => {
           image: p.BUDGETS_EDIT_INCOME
         }
       ),
-      /* @__PURE__ */ t(u, { content: n.create_budget_title, sx: { pt: 48 } }),
+      /* @__PURE__ */ t(m, { content: n.create_budget_title, sx: { pt: 48 } }),
       /* @__PURE__ */ t(
         k,
         {
@@ -768,7 +786,7 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      u,
+      m,
       {
         content: e.cashflow_overview.manage_expenses_section_title,
         sx: { pt: 48 }
@@ -1008,22 +1026,22 @@ const kt = (e, i, n) => {
   };
   return /* @__PURE__ */ _(r.Fragment, { children: [
     n.overviewSection,
-    /* @__PURE__ */ t(u, { content: i.snowball_method_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: i.snowball_method_title, sx: { pt: 48 } }),
     n.snowballMethod,
-    /* @__PURE__ */ t(u, { content: i.debt_prioritization, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: i.debt_prioritization, sx: { pt: 48 } }),
     n.debtPrioritization,
-    /* @__PURE__ */ t(u, { content: i.debt_chart, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: i.debt_chart, sx: { pt: 48 } }),
     n.debtChart,
-    /* @__PURE__ */ t(u, { content: i.debt_list, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: i.debt_list, sx: { pt: 48 } }),
     n.debtList,
-    /* @__PURE__ */ t(u, { content: i.debt_details, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: i.debt_details, sx: { pt: 48 } }),
     n.debtDetails,
-    /* @__PURE__ */ t(u, { content: i.hiding_accounts, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: i.hiding_accounts, sx: { pt: 48 } }),
     n.hidingAccounts,
-    /* @__PURE__ */ t(u, { content: i.extra_payments, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: i.extra_payments, sx: { pt: 48 } }),
     n.extraPayments
   ] });
-}, zt = ({ topicKey: e, copy: i }) => {
+}, qt = ({ topicKey: e, copy: i }) => {
   const { general_faqs: n } = i;
   return {
     "is-my-data-private-and-secure": /* @__PURE__ */ t(
@@ -1175,7 +1193,7 @@ const kt = (e, i, n) => {
       }
     )
   }[e];
-}, qt = ({ copy: e }) => {
+}, $t = ({ copy: e }) => {
   const { goal_widget_overview: i } = e;
   return /* @__PURE__ */ _(r.Fragment, { children: [
     /* @__PURE__ */ t(o, { content: i.goals_overview_title }),
@@ -1183,7 +1201,7 @@ const kt = (e, i, n) => {
       b,
       {
         content: /* @__PURE__ */ _(r.Fragment, { children: [
-          /* @__PURE__ */ t(u, { content: i.setting_goals_section_title }),
+          /* @__PURE__ */ t(m, { content: i.setting_goals_section_title }),
           /* @__PURE__ */ t(o, { content: `${i.setting_goals_title_text}:` }),
           /* @__PURE__ */ t(
             a,
@@ -1208,7 +1226,7 @@ const kt = (e, i, n) => {
         hasDivider: !0
       }
     ),
-    /* @__PURE__ */ t(u, { content: i.create_goal_section_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: i.create_goal_section_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
       F,
       {
@@ -1242,7 +1260,7 @@ const kt = (e, i, n) => {
         imageLargeBreakPoint: 10
       }
     ),
-    /* @__PURE__ */ t(u, { content: i.savings_goal_section_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: i.savings_goal_section_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
       A,
       {
@@ -1266,7 +1284,7 @@ const kt = (e, i, n) => {
         imageLargeBreakPoint: 3
       }
     ),
-    /* @__PURE__ */ t(u, { content: i.debt_payoff_goal_section_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: i.debt_payoff_goal_section_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
       A,
       {
@@ -1292,7 +1310,7 @@ const kt = (e, i, n) => {
         imageLargeBreakPoint: 3
       }
     ),
-    /* @__PURE__ */ t(u, { content: i.retirement_goal_section_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: i.retirement_goal_section_title, sx: { pt: 48 } }),
     /* @__PURE__ */ t(
       A,
       {
@@ -1320,7 +1338,7 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      u,
+      m,
       {
         content: i.adjusting_contribution_priorities_section_title,
         sx: { pt: 48 }
@@ -1358,7 +1376,7 @@ const kt = (e, i, n) => {
       }
     )
   ] });
-}, $t = ({ copy: e }) => {
+}, zt = ({ copy: e }) => {
   const i = e.investments;
   return {
     overviewSection: /* @__PURE__ */ t(
@@ -1462,7 +1480,7 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      u,
+      m,
       {
         content: i.preventing_app_crashes_section_title,
         sx: { pt: 48 }
@@ -1521,7 +1539,7 @@ const kt = (e, i, n) => {
         {
           content: /* @__PURE__ */ _(r.Fragment, { children: [
             /* @__PURE__ */ t(
-              u,
+              m,
               {
                 content: n.net_worth_history_section_title,
                 sx: { pt: 48 }
@@ -1540,7 +1558,7 @@ const kt = (e, i, n) => {
           ] })
         }
       ),
-      /* @__PURE__ */ t(u, { content: n.gains_losses_section_title, sx: { mt: 36 } }),
+      /* @__PURE__ */ t(m, { content: n.gains_losses_section_title, sx: { mt: 36 } }),
       /* @__PURE__ */ t(
         A,
         {
@@ -1576,7 +1594,7 @@ const kt = (e, i, n) => {
         }
       ),
       /* @__PURE__ */ t(
-        u,
+        m,
         {
           content: n.assets_liabilities_section_title,
           sx: { mt: 36 }
@@ -1645,7 +1663,7 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      u,
+      m,
       {
         content: e.notifications_overview.managing_notifications_section_title,
         sx: { pt: 48 }
@@ -1682,7 +1700,7 @@ const kt = (e, i, n) => {
       b,
       {
         content: /* @__PURE__ */ _(r.Fragment, { children: [
-          /* @__PURE__ */ t(u, { content: e.notifications_overview.notification_work_section_title }),
+          /* @__PURE__ */ t(m, { content: e.notifications_overview.notification_work_section_title }),
           /* @__PURE__ */ t(
             a,
             {
@@ -1714,7 +1732,7 @@ const kt = (e, i, n) => {
       b,
       {
         content: /* @__PURE__ */ _(r.Fragment, { children: [
-          /* @__PURE__ */ t(u, { content: e.notifications_overview.verify_email_section_title }),
+          /* @__PURE__ */ t(m, { content: e.notifications_overview.verify_email_section_title }),
           /* @__PURE__ */ t(
             a,
             {
@@ -1818,11 +1836,11 @@ const kt = (e, i, n) => {
   };
   return /* @__PURE__ */ _(r.Fragment, { children: [
     n.overviewSsction,
-    /* @__PURE__ */ t(u, { content: i.calendar_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: i.calendar_title, sx: { pt: 48 } }),
     n.calendarSection,
-    /* @__PURE__ */ t(u, { content: i.edit_recurring_transaction_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: i.edit_recurring_transaction_title, sx: { pt: 48 } }),
     n.editSsction,
-    /* @__PURE__ */ t(u, { content: i.payment_frequency_title, sx: { pt: 48 } }),
+    /* @__PURE__ */ t(m, { content: i.payment_frequency_title, sx: { pt: 48 } }),
     n.paymentFrequencySection
   ] });
 }, Xt = ({ copy: e, topicKey: i }) => {
@@ -1859,7 +1877,7 @@ const kt = (e, i, n) => {
         b,
         {
           content: /* @__PURE__ */ _(r.Fragment, { children: [
-            /* @__PURE__ */ t(u, { content: n.date_range_section_title }),
+            /* @__PURE__ */ t(m, { content: n.date_range_section_title }),
             /* @__PURE__ */ t(o, { content: n.date_range_section }),
             /* @__PURE__ */ t(
               a,
@@ -1961,7 +1979,7 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      u,
+      m,
       {
         content: e.transactions_widget_overview.edit_transactions_title,
         sx: { pt: 48 }
@@ -2013,7 +2031,7 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      u,
+      m,
       {
         content: e.transactions_widget_overview.categorizing_transactions_title,
         sx: { pt: 48 }
@@ -2056,7 +2074,7 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ t(
-      u,
+      m,
       {
         content: e.transactions_widget_overview.transaction_rules_title,
         sx: { pt: 48 }
@@ -2145,7 +2163,7 @@ const kt = (e, i, n) => {
       b,
       {
         content: /* @__PURE__ */ _(r.Fragment, { children: [
-          /* @__PURE__ */ t(u, { content: e.transactions_widget_overview.split_transactions_title }),
+          /* @__PURE__ */ t(m, { content: e.transactions_widget_overview.split_transactions_title }),
           /* @__PURE__ */ t(o, { content: e.transactions_widget_overview.split_transactions_description }),
           /* @__PURE__ */ t(
             o,
@@ -2338,7 +2356,7 @@ const kt = (e, i, n) => {
     b,
     {
       content: /* @__PURE__ */ _(r.Fragment, { children: [
-        /* @__PURE__ */ t(u, { content: e.trends_widget_overview.exploring_trends_title }),
+        /* @__PURE__ */ t(m, { content: e.trends_widget_overview.exploring_trends_title }),
         /* @__PURE__ */ t(
           a,
           {
@@ -2358,7 +2376,7 @@ const kt = (e, i, n) => {
     b,
     {
       content: /* @__PURE__ */ _(r.Fragment, { children: [
-        /* @__PURE__ */ t(u, { content: e.trends_widget_overview.list_view_title }),
+        /* @__PURE__ */ t(m, { content: e.trends_widget_overview.list_view_title }),
         /* @__PURE__ */ t(o, { content: e.trends_widget_overview.list_view_description }),
         /* @__PURE__ */ t(
           a,
@@ -2383,7 +2401,7 @@ const kt = (e, i, n) => {
         b,
         {
           content: /* @__PURE__ */ _(r.Fragment, { children: [
-            /* @__PURE__ */ t(u, { content: n.insights_work_section_title }),
+            /* @__PURE__ */ t(m, { content: n.insights_work_section_title }),
             /* @__PURE__ */ t(o, { content: n.insights_work_description }),
             /* @__PURE__ */ t(
               a,
@@ -2414,7 +2432,7 @@ const kt = (e, i, n) => {
           sx: { pt: 8 }
         }
       ),
-      /* @__PURE__ */ t(u, { content: n.dashboard_insights_section_title, sx: { mt: 48 } }),
+      /* @__PURE__ */ t(m, { content: n.dashboard_insights_section_title, sx: { mt: 48 } }),
       /* @__PURE__ */ t(
         k,
         {
@@ -2436,7 +2454,7 @@ const kt = (e, i, n) => {
           image: p.INSIGHTS_CAROUSEL
         }
       ),
-      /* @__PURE__ */ t(u, { content: n.full_feed_section_title, sx: { mt: 48 } }),
+      /* @__PURE__ */ t(m, { content: n.full_feed_section_title, sx: { mt: 48 } }),
       /* @__PURE__ */ t(
         A,
         {
@@ -2477,7 +2495,7 @@ const kt = (e, i, n) => {
           imageLargeBreakPoint: 3
         }
       ),
-      /* @__PURE__ */ t(u, { content: n.hide_insights_section_title, sx: { mt: 48 } }),
+      /* @__PURE__ */ t(m, { content: n.hide_insights_section_title, sx: { mt: 48 } }),
       /* @__PURE__ */ t(
         b,
         {
@@ -2504,10 +2522,10 @@ const kt = (e, i, n) => {
   budgets: Pt,
   cashflow: Wt,
   debts: Mt,
-  general: zt,
-  goals: qt,
+  general: qt,
+  goals: $t,
   insights: Jt,
-  investments: $t,
+  investments: zt,
   mobile: Ht,
   networth: Ut,
   recurring_transactions: jt,
@@ -2557,15 +2575,15 @@ const kt = (e, i, n) => {
         /* @__PURE__ */ _(N, { 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,7 +2596,7 @@ const kt = (e, i, n) => {
   setAlert: f,
   topic: v
 }) => {
-  const [w, O] = r.useState(""), D = () => !c && g(), z = () => {
+  const [w, O] = r.useState(""), D = () => !c && g(), q = () => {
     O(""), h(w);
   }, G = l ? i.request_support_institution_short_content : i.request_support_contact_short_content;
   return /* @__PURE__ */ _(
@@ -2587,7 +2605,7 @@ const kt = (e, i, n) => {
       isOpen: d,
       isPrimaryDisabled: !w || !n,
       onClose: D,
-      onPrimaryAction: z,
+      onPrimaryAction: q,
       onSecondaryAction: D,
       secondaryColor: "primary",
       title: i.request_support,
@@ -2633,7 +2651,7 @@ const kt = (e, i, n) => {
                 fontWeight: 400,
                 whiteSpace: "wrap"
               },
-              variant: "subtitle2",
+              variant: "ParagraphSmall",
               children: i.request_contact_support_warning
             }
           ) })
@@ -2673,7 +2691,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 +2709,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
             )) })
@@ -2736,7 +2754,7 @@ const kt = (e, i, n) => {
       label: e.popular_topics_missing_institution_fields[S.toString()]
     })), D = () => {
       f(et), w(Y), n();
-    }, z = (x) => {
+    }, q = (x) => {
       const {
         target: { name: S, value: B }
       } = x;
@@ -2780,7 +2798,7 @@ const kt = (e, i, n) => {
               helperText: h[S] || "",
               label: x,
               name: S,
-              onChange: z,
+              onChange: q,
               value: v[S]
             },
             S
@@ -2811,9 +2829,9 @@ const kt = (e, i, n) => {
     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, {}) })
@@ -2860,7 +2878,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,11 +2893,11 @@ 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
       }
     ),
-    /* @__PURE__ */ t(q, { onClick: i, sx: { ...n, mt: 24 }, children: e.request_support_footer_button })
+    /* @__PURE__ */ t($, { onClick: i, sx: { ...n, mt: 24 }, children: e.request_support_footer_button })
   ] });
 }, oe = () => ({
   fontWeight: 600,
@@ -2922,7 +2940,7 @@ const kt = (e, i, n) => {
               sx: {
                 fontWeight: 600
               },
-              variant: "body1",
+              variant: "Body",
               children: s(e.request_support_institution_message_title, i)
             }
           ),
@@ -2934,7 +2952,7 @@ const kt = (e, i, n) => {
                 fontWeight: 400,
                 mt: 2
               },
-              variant: "subtitle2",
+              variant: "ParagraphSmall",
               children: s(e.request_support_institution_message, i)
             }
           )
@@ -2942,8 +2960,8 @@ const kt = (e, i, n) => {
       }
     ),
     /* @__PURE__ */ _(E, { direction: "column", spacing: 8, sx: { mx: 24 }, children: [
-      /* @__PURE__ */ t(q, { onClick: c, variant: "contained", children: g.done_button }),
-      /* @__PURE__ */ t(q, { onClick: l, variant: "text", children: e.request_support_institution_back })
+      /* @__PURE__ */ t($, { onClick: c, variant: "contained", children: g.done_button }),
+      /* @__PURE__ */ t($, { onClick: l, variant: "text", children: e.request_support_institution_back })
     ] })
   ] });
 }, ae = ({
@@ -2958,28 +2976,28 @@ const kt = (e, i, n) => {
     /* @__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 })
+    /* @__PURE__ */ t($, { fullWidth: !0, onClick: c, variant: "contained", children: d.done_button }),
+    /* @__PURE__ */ t($, { 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(""), [O, D] = r.useState(!1), [q, G] = 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,11 +3006,11 @@ 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: $ });
-    }, ut = () => {
+    }, W = (I, z) => {
+      z === "other" ? G(!0) : S({ isOpen: !0, topic: I, type: z });
+    }, mt = () => {
       g(""), D(!1), G(!1), P();
-    }, mt = (I) => {
+    }, ut = (I) => {
       if (!h.email) {
         g(e.request_support_email_not_exists_message, "error");
         return;
@@ -3019,7 +3037,7 @@ const kt = (e, i, n) => {
             fontWeight: "bold",
             gutterBottom: !0,
             sx: { ml: 24 },
-            variant: "caption",
+            variant: "XSmall",
             children: e.popular_topics
           }
         ),
@@ -3038,7 +3056,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
           }
         ),
@@ -3078,9 +3096,9 @@ const kt = (e, i, n) => {
         ie,
         {
           copy: e,
-          isOpen: z,
+          isOpen: q,
           onClose: () => G(!1),
-          onSave: mt
+          onSave: ut
         }
       ),
       /* @__PURE__ */ t(
@@ -3104,7 +3122,7 @@ const kt = (e, i, n) => {
           onBack: () => {
             g(""), x.type === "internal" && D(!1);
           },
-          onClose: ut
+          onClose: mt
         }
       ),
       /* @__PURE__ */ t(
@@ -3120,7 +3138,7 @@ const kt = (e, i, n) => {
       )
     ] }) });
   }
-), ze = ({ sx: e = {} }) => {
+), qe = ({ 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: [
     h ? /* @__PURE__ */ t(
@@ -3155,5 +3173,5 @@ const kt = (e, i, n) => {
   ] });
 };
 export {
-  ze as H
+  qe as H
 };