@mx-cartographer/experiences 7.12.16 → 7.13.0

package/dist/finstrong/index.es.js

@@ -3,7 +3,7 @@ import M from "@mui/material/Box";
 import _ from "@mui/material/Stack";
 import { useTheme as z, alpha as ce } from "@mui/material/styles";
 import { PieChart as tn } from "@mui/x-charts/PieChart";
-import { P as D, H3 as X, Text as I, InstitutionLogo as pt, H2 as Fe, MerchantLogo as nn, Icon as on } from "@mxenabled/mxui";
+import { P as D, H3 as Y, Text as I, InstitutionLogo as pt, H2 as Fe, MerchantLogo as nn, Icon as on } from "@mxenabled/mxui";
 import { TrendingUp as rn, ArrowRightAlt as an, TrendingDown as sn, AccountBalance as _t, ChevronRight as Z, CheckCircle as cn, Cancel as ln, CreditCard as ut, Savings as dn, ContentCopy as pn, MultilineChart as _n, Add as ht, Cardiology as un, Payments as hn, CalendarMonth as mn, ExpandMore as gn } from "@mxenabled/mx-icons";
 import { g as yn, a as bn, r as et, b as fn, c as Ne, d as mt, C as ke, e as Me, f as xn, h as Sn, i as Cn, j as gt, k as tt, l as vn, m as nt, n as wn, o as yt, p as kn, q as bt, s as Oe, t as ft, u as Mn, v as xt, w as Dn, A as oe, x as In, P as Tn } from "../FinstrongStore-BQxXxxYD.mjs";
 import { y as Ci, F as vi } from "../FinstrongStore-BQxXxxYD.mjs";
@@ -13,36 +13,36 @@ import { u as v, b as J, a as je, o as ee, y as L, p as An, d as Se, l as Ke, f
 import { L as U } from "../Loader-D3rjKx72.mjs";
 import h, { useState as Fn, useRef as Bn, useCallback as rt, useEffect as at } from "react";
 import P from "@mui/material/Button";
-import Y from "@mui/material/Card";
-import { L as Xe } from "../LineChart-B1qbKR8q.mjs";
-import { C as St } from "../ConnectionsDrawer-DqhSaMrJ.mjs";
-import { C as ae } from "../ConnectDrawer-CioFo6Wy.mjs";
+import X from "@mui/material/Card";
+import { L as Ye } from "../LineChart-DBSlRSEm.mjs";
+import { C as St } from "../ConnectionsDrawer-IA7vnv1J.mjs";
+import { C as ae } from "../ConnectDrawer-C0wjwcJt.mjs";
 import le from "@mui/material/Tab";
-import Ye from "@mui/material/Tabs";
+import Xe from "@mui/material/Tabs";
 import Re from "@mui/material/TextField";
 import { u as qe } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as Pn } from "../Dialog-Ck34yr-d.mjs";
 import { u as Ct } from "../useDimensions-CeDR9V8N.mjs";
 import { E as Le } from "../EmptyState-DHAkGsjk.mjs";
 import Wn from "@mui/material/Chip";
-import { D as re } from "../Drawer-DV4NTsFg.mjs";
+import { D as re } from "../Drawer-Bbe4AMB1.mjs";
 import pe from "@mui/material/Divider";
 import be from "@mui/material/ListItem";
 import vt from "@mui/material/ListItemAvatar";
 import fe from "@mui/material/ListItemText";
 import { g as wt } from "../AccountDisplayName-CO7z3v99.mjs";
-import { g as kt } from "../AccountFields-DeZSQOuM.mjs";
+import { g as kt } from "../AccountFields-CxqONzjY.mjs";
 import Ge from "@mui/material/List";
 import $n from "@mui/material/ListItemButton";
 import En from "@mui/material/ListSubheader";
 import { f as W } from "../NumberFormatting-QCaNwbjv.mjs";
 import { b as V } from "../Localization-CPkpIwIx.mjs";
-import { S as it, F as Mt, e as zn, R as Dt } from "../RecurringTransactions-CYNpe_RS.mjs";
+import { S as it, F as Mt, e as zn, R as Dt } from "../RecurringTransactions-BOzBqfdg.mjs";
 import { A as He } from "../Account-BiB1F8lL.mjs";
 import { S as Gn } from "../StatusBar-BK_uYHAB.mjs";
 import { h as It } from "../DateUtil-wcYTmDRD.mjs";
-import { T as Hn, s as Nn, h as jn, S as Kn, a as Vn } from "../StatusIndicator-BV3oFzxo.mjs";
-import { f as Xn, D as Yn } from "../DateFormats-BMpMrZpW.mjs";
+import { T as Hn, s as Nn, h as jn, S as Kn, a as Vn } from "../StatusIndicator-CIKUOoN_.mjs";
+import { f as Yn, D as Xn } from "../DateFormats-BMpMrZpW.mjs";
 import { T as de } from "../TabContentContainer-j01JYR_7.mjs";
 import qn from "@mui/material/useMediaQuery";
 import { BarPlot as Un } from "@mui/x-charts/BarChart";
@@ -51,15 +51,15 @@ import { ChartsXAxis as Zn } from "@mui/x-charts/ChartsXAxis";
 import { ChartsYAxis as Jn } from "@mui/x-charts/ChartsYAxis";
 import { startOfMonth as Tt } from "date-fns/startOfMonth";
 import { endOfMonth as At } from "date-fns/endOfMonth";
-import { g as eo, S as to, b as no } from "../SpendingLegend-Bq6aXMNh.mjs";
+import { g as eo, S as to, b as no } from "../SpendingLegend-CJjjTGBw.mjs";
 import { formatISO as oo } from "date-fns/formatISO";
 import { fromUnixTime as ro } from "date-fns/fromUnixTime";
 import { startOfToday as st } from "date-fns/startOfToday";
 import { subDays as ao } from "date-fns/subDays";
-import { c as io, d as ct, S as so, i as co } from "../ManageIncome-BnWWjP2g.mjs";
+import { c as io, d as ct, S as so, i as co } from "../ManageIncome-QvqN555q.mjs";
 import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as _o } from "@mui/x-date-pickers";
 import { AdapterDateFns as Ot } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as uo } from "../RecurringSettings-BmXtfHtK.mjs";
+import { R as uo } from "../RecurringSettings-DdOcok2e.mjs";
 import { LocalizationProvider as ho } from "@mui/x-date-pickers/LocalizationProvider";
 import { format as mo } from "date-fns/format";
 import go from "@mui/lab/Timeline";
@@ -72,7 +72,7 @@ import vo from "@mui/material/Accordion";
 import wo from "@mui/material/AccordionDetails";
 import ko from "@mui/material/AccordionSummary";
 import { u as Mo } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { W as Do } from "../WidgetContainer-B0ncgABX.mjs";
+import { W as Do } from "../WidgetContainer-D_iaToWJ.mjs";
 const Io = ({
   dialScoreData: t,
   dataIndex: o,
@@ -259,7 +259,7 @@ const Io = ({
                         fontSize: q[n].healthScoreFontSize,
                         lineHeight: n !== "SM" ? "48px" : "100%"
                       },
-                      variant: "H1",
+                      variant: "h1",
                       children: o
                     }
                   ),
@@ -440,7 +440,7 @@ const Io = ({
 }) => {
   const [d, p] = h.useState(!1), { connect: u, finstrong: m } = v(), { config: b } = je();
   return t && b.show_connections_widget_in_master ? /* @__PURE__ */ i(
-    Y,
+    X,
     {
       sx: {
         pb: 24,
@@ -459,7 +459,7 @@ const Io = ({
             },
             children: [
               n && /* @__PURE__ */ e(_t, { sx: { height: 20, width: 20 } }),
-              /* @__PURE__ */ e(X, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || m.connect_more_accounts_title })
+              /* @__PURE__ */ e(Y, { className: "connect-more-accounts-title", sx: { ...o && { fontSize: 15 } }, children: s || m.connect_more_accounts_title })
             ]
           }
         ),
@@ -590,10 +590,10 @@ const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
     A = T;
   }
   const $ = m.some((T) => T.y !== 0);
-  return /* @__PURE__ */ e(Y, { ref: l, sx: { backgroundColor: "background.paper" }, children: $ ? /* @__PURE__ */ i(_, { gap: 8, sx: { pl: 18 }, children: [
+  return /* @__PURE__ */ e(X, { ref: l, sx: { backgroundColor: "background.paper" }, children: $ ? /* @__PURE__ */ i(_, { gap: 8, sx: { pl: 18 }, children: [
     /* @__PURE__ */ e(D, { sx: { pb: 8, pt: 16 }, variant: "h3", children: g }),
     /* @__PURE__ */ e(
-      Xe,
+      Ye,
       {
         areaColor: A,
         axisColor: o.palette.divider,
@@ -702,7 +702,7 @@ const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
 }, Bo = () => {
   const { finstrong: t } = v(), { user: o } = ee(), n = gt(o.credit_score ?? null);
   return /* @__PURE__ */ i(_, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-    /* @__PURE__ */ e(X, { children: t.credit_score_keep_strong_credit_score }),
+    /* @__PURE__ */ e(Y, { children: t.credit_score_keep_strong_credit_score }),
     /* @__PURE__ */ e(Pe, { status: n })
   ] });
 }, Po = k(Bo), Wo = ({
@@ -760,7 +760,7 @@ const Ao = "https://content.moneydesktop.com/storage/MD_Assets/serenity/loading_
               pb: p ? 0 : 24
             },
             children: [
-              u && typeof u == "string" ? /* @__PURE__ */ e(X, { children: u }) : u,
+              u && typeof u == "string" ? /* @__PURE__ */ e(Y, { children: u }) : u,
               s && /* @__PURE__ */ e(D, { sx: { lineHeight: "24px" }, children: s })
             ]
           }
@@ -976,7 +976,7 @@ const zo = ({ total: t }) => {
       })
     ), p(u);
   };
-  return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ i(_, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
+  return /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e("form", { onSubmit: g, children: /* @__PURE__ */ i(_, { sx: { gap: 24, pb: 24, pt: 16, px: 16 }, children: [
     /* @__PURE__ */ e(
       Ce,
       {
@@ -1069,7 +1069,7 @@ const zo = ({ total: t }) => {
     [t]
   );
   return /* @__PURE__ */ i(_, { sx: { gap: 24 }, children: [
-    /* @__PURE__ */ e(Y, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(_, { sx: { gap: 16 }, children: [
+    /* @__PURE__ */ e(X, { sx: { bgcolor: "background.paper", p: 16 }, children: /* @__PURE__ */ i(_, { sx: { gap: 16 }, children: [
       /* @__PURE__ */ e(Ce, { balance: s, title: o.maintain_emergency_savings_your_savings }),
       t.length ? /* @__PURE__ */ e(
         Wt,
@@ -1179,7 +1179,7 @@ const zo = ({ total: t }) => {
       value: W(o ?? 0, "0,0.00")
     }
   );
-}, Xo = k(Vo), $e = ({
+}, Yo = k(Vo), $e = ({
   transactions: t = [],
   amountColor: o = "success.main",
   amountPosition: n = "center",
@@ -1291,7 +1291,7 @@ const zo = ({ total: t }) => {
       )
     ] })
   ] });
-}, Yo = () => {
+}, Xo = () => {
   const [t, o] = h.useState(!0), {
     finstrong: {
       key_indicators_spend: { pay_bills_on_time_drawer: n }
@@ -1300,7 +1300,7 @@ const zo = ({ total: t }) => {
   return h.useEffect(() => {
     r().finally(() => o(!1));
   }, []), t ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ e(j, { children: s.spendingFee.length === 0 ? /* @__PURE__ */ i(
-    Y,
+    X,
     {
       sx: {
         backgroundColor: "background.paper",
@@ -1313,13 +1313,13 @@ const zo = ({ total: t }) => {
       children: [
         /* @__PURE__ */ e(cn, { filled: !0, size: 48, sx: { color: "success.main" } }),
         /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 4, pt: 24 }, children: [
-          /* @__PURE__ */ e(X, { children: n.pay_bills_on_time_zero_fees_title }),
+          /* @__PURE__ */ e(Y, { children: n.pay_bills_on_time_zero_fees_title }),
           /* @__PURE__ */ e(D, { variant: "subtitle1", children: n.pay_bills_on_time_zero_fees_description })
         ] })
       ]
     }
   ) : /* @__PURE__ */ i(
-    Y,
+    X,
     {
       sx: {
         p: 16,
@@ -1327,13 +1327,13 @@ const zo = ({ total: t }) => {
         backgroundColor: "background.paper"
       },
       children: [
-        /* @__PURE__ */ e(X, { sx: { textAlign: "left", pb: 16 }, children: n.pay_bills_on_time_sticky_fee_count }),
+        /* @__PURE__ */ e(Y, { sx: { textAlign: "left", pb: 16 }, children: n.pay_bills_on_time_sticky_fee_count }),
         /* @__PURE__ */ e(
           $e,
           {
             amountColor: "text.primary",
             amountPosition: "flex-start",
-            formatDate: (a) => Xn(new Date(a * 1e3), Yn.MONTH_DAY),
+            formatDate: (a) => Yn(new Date(a * 1e3), Xn.MONTH_DAY),
             secondaryIcon: /* @__PURE__ */ e(ln, { color: "error", filled: !0, size: 12 }),
             transactions: s.spendingFee
           }
@@ -1341,7 +1341,7 @@ const zo = ({ total: t }) => {
       ]
     }
   ) });
-}, qo = k(Yo), Uo = () => {
+}, qo = k(Xo), Uo = () => {
   const { healthScore: t } = L(), { finstrong: o } = v(), { key_indicators_spend: n } = o, { pay_bills_on_time_drawer: r } = n, s = kn(t.spending_fee_transaction_count);
   return /* @__PURE__ */ i(
     _,
@@ -1411,9 +1411,9 @@ const zo = ({ total: t }) => {
 }, tr = k(er), nr = () => {
   const [t, o] = h.useState(0), { finstrong: n } = v();
   return /* @__PURE__ */ i(j, { children: [
-    /* @__PURE__ */ i(Y, { children: [
+    /* @__PURE__ */ i(X, { children: [
       /* @__PURE__ */ i(
-        Ye,
+        Xe,
         {
           "aria-label": n.key_indicators_save.drawer_title,
           centered: !0,
@@ -1480,7 +1480,7 @@ const zo = ({ total: t }) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ e(I, { variant: "XSmall", children: p })
+                /* @__PURE__ */ e(I, { variant: "caption", children: p })
               ]
             },
             p
@@ -1542,7 +1542,7 @@ const zo = ({ total: t }) => {
                           }
                         }
                       ),
-                      /* @__PURE__ */ e(I, { sx: { color: "text.primary" }, variant: "XSmall", children: "30%" })
+                      /* @__PURE__ */ e(I, { sx: { color: "text.primary" }, variant: "caption", children: "30%" })
                     ]
                   }
                 )
@@ -1558,7 +1558,7 @@ const zo = ({ total: t }) => {
                   justifyContent: "center",
                   marginLeft: "auto"
                 },
-                children: /* @__PURE__ */ e(I, { variant: "Small", children: t.debt_to_income_ratio ? V(
+                children: /* @__PURE__ */ e(I, { variant: "body2", children: t.debt_to_income_ratio ? V(
                   o.key_indicators_borrow.have_manageable_debt_drawer.have_manageable_debt_sticky_description,
                   n
                 ) : "-" })
@@ -1741,7 +1741,7 @@ const zo = ({ total: t }) => {
     tickMinStep: f,
     valueFormatter: (g) => g === 0 ? "$0" : W(g, "0.[0]a")
   };
-  return /* @__PURE__ */ i(Y, { children: [
+  return /* @__PURE__ */ i(X, { children: [
     /* @__PURE__ */ i(
       _,
       {
@@ -1755,7 +1755,7 @@ const zo = ({ total: t }) => {
           px: 16
         },
         children: [
-          /* @__PURE__ */ e(X, { children: n }),
+          /* @__PURE__ */ e(Y, { children: n }),
           r && /* @__PURE__ */ e(
             P,
             {
@@ -1914,9 +1914,9 @@ const zo = ({ total: t }) => {
     (d) => d.debt_spend !== 0 || d.income !== 0
   );
   return /* @__PURE__ */ i(j, { children: [
-    /* @__PURE__ */ i(Y, { children: [
+    /* @__PURE__ */ i(X, { children: [
       /* @__PURE__ */ i(
-        Ye,
+        Xe,
         {
           "aria-label": l.key_indicators_save.drawer_title,
           centered: !0,
@@ -2096,7 +2096,7 @@ const zo = ({ total: t }) => {
       }
     ),
     w.donutData.length > 0 ? /* @__PURE__ */ i(
-      Y,
+      X,
       {
         sx: {
           px: 16,
@@ -2116,7 +2116,7 @@ const zo = ({ total: t }) => {
                 px: 16
               },
               children: [
-                /* @__PURE__ */ e(X, { children: c.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
+                /* @__PURE__ */ e(Y, { children: c.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
                 l.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
                   P,
                   {
@@ -2209,7 +2209,7 @@ const zo = ({ total: t }) => {
     maintainEmergencySavings: {
       content: /* @__PURE__ */ e(No, {}),
       description: r.maintain_emergency_savings_description,
-      stickyComponent: /* @__PURE__ */ e(Xo, {}),
+      stickyComponent: /* @__PURE__ */ e(Yo, {}),
       title: r.maintain_emergency_savings_title,
       drawerType: "connectDrawer",
       connectTitle: r.connect_your_accounts,
@@ -2465,7 +2465,7 @@ const zo = ({ total: t }) => {
   const [t, o] = h.useState(0), { finstrong: n } = v();
   return /* @__PURE__ */ i(j, { children: [
     /* @__PURE__ */ i(
-      Ye,
+      Xe,
       {
         "aria-label": "Key Indicators",
         centered: !0,
@@ -2526,7 +2526,7 @@ const zo = ({ total: t }) => {
   return n ? /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 12, pt: 12, pb: 32 }, children: [
     /* @__PURE__ */ e(_n, { size: 48 }),
     /* @__PURE__ */ i(_, { sx: { alignItems: "center", gap: 4, textAlign: "center" }, children: [
-      /* @__PURE__ */ e(X, { children: o.missing_data_title }),
+      /* @__PURE__ */ e(Y, { children: o.missing_data_title }),
       /* @__PURE__ */ e(D, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: o.missing_data_description })
     ] }),
     /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
@@ -2670,7 +2670,7 @@ const zo = ({ total: t }) => {
   value: r
 }) => /* @__PURE__ */ i(_, { sx: { gap: 20, p: 24 }, children: [
   /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
-    /* @__PURE__ */ e(X, { children: o }),
+    /* @__PURE__ */ e(Y, { children: o }),
     /* @__PURE__ */ e(D, { variant: "subtitle1", children: n })
   ] }),
   /* @__PURE__ */ e(Et, { completeCopy: t, value: r })
@@ -2815,8 +2815,8 @@ const zo = ({ total: t }) => {
         amount: Te,
         date: se,
         description: Vt,
-        feed_description: Xt,
-        firstDay: Yt,
+        feed_description: Yt,
+        firstDay: Xt,
         frequency: Je,
         secondDay: qt,
         merchant_guid: Ut,
@@ -2826,10 +2826,10 @@ const zo = ({ total: t }) => {
         account_guid: ye,
         amount: Te,
         created_by: 0,
-        description: Qt || Vt || Xt,
+        description: Qt || Vt || Yt,
         merchant_guid: Ut,
         predicted_occurs_on: oo(Jt, { representation: "date" }),
-        recurrence_day: Yt,
+        recurrence_day: Xt,
         recurrence_type: Je,
         repeating_transaction_type: Dt.Income,
         second_recurrence_day: qt,
@@ -3029,7 +3029,7 @@ const zo = ({ total: t }) => {
     /* @__PURE__ */ i(_, { sx: { bgcolor: "background.default", height: "100%" }, children: [
       /* @__PURE__ */ i(_, { sx: { gap: 20, p: 24 }, children: [
         /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
-          /* @__PURE__ */ e(X, { children: a.your_financial_profile }),
+          /* @__PURE__ */ e(Y, { children: a.your_financial_profile }),
           /* @__PURE__ */ e(D, { children: a.financial_profile_description })
         ] }),
         /* @__PURE__ */ e(
@@ -3118,7 +3118,7 @@ const zo = ({ total: t }) => {
       f
     ] });
   };
-  return /* @__PURE__ */ i(Y, { children: [
+  return /* @__PURE__ */ i(X, { children: [
     /* @__PURE__ */ e(
       M,
       {
@@ -3145,11 +3145,11 @@ const zo = ({ total: t }) => {
                     justifyContent: "center",
                     width: 48
                   },
-                  children: /* @__PURE__ */ e(D, { sx: { fontWeight: 600 }, variant: "Body", children: r > 0 ? `+${r}` : r })
+                  children: /* @__PURE__ */ e(D, { sx: { fontWeight: 600 }, variant: "body1", children: r > 0 ? `+${r}` : r })
                 }
               ),
               /* @__PURE__ */ i(_, { sx: { gap: 2, width: "80%" }, children: [
-                /* @__PURE__ */ e(I, { fontWeight: 600, variant: "Body", children: w() }),
+                /* @__PURE__ */ e(I, { fontWeight: 600, variant: "body1", children: w() }),
                 /* @__PURE__ */ i(I, { sx: { color: "text.secondary" }, variant: "subtitle2", children: [
                   m,
                   " ",
@@ -3198,7 +3198,7 @@ const zo = ({ total: t }) => {
       }
     ) })
   ] });
-}, Vr = k(Kr), Xr = ({ isOpen: t, onClose: o }) => {
+}, Vr = k(Kr), Yr = ({ isOpen: t, onClose: o }) => {
   const n = z(), { finstrong: r } = v(), { isCopyLoaded: s, isInitialized: a } = J(), { augmentedChartData: l, healthScore: c, healthScoreChangeReports: d, peerScore: p } = L();
   if (!s || !a) return /* @__PURE__ */ e(U, {});
   const u = Ne(c.health_score || 0, r), m = d.slice().reverse();
@@ -3214,7 +3214,7 @@ const zo = ({ total: t }) => {
             borderColor: "divider"
           },
           children: /* @__PURE__ */ e(
-            Xe,
+            Ye,
             {
               axisColor: n.palette.divider,
               baseline: "min",
@@ -3259,7 +3259,7 @@ const zo = ({ total: t }) => {
             ),
             /* @__PURE__ */ i(_, { sx: { gap: 4 }, children: [
               /* @__PURE__ */ e(D, { variant: "h3", children: u.status }),
-              /* @__PURE__ */ e(D, { variant: "XSmall", children: u.description })
+              /* @__PURE__ */ e(D, { variant: "caption", children: u.description })
             ] })
           ] })
         }
@@ -3267,7 +3267,7 @@ const zo = ({ total: t }) => {
       children: /* @__PURE__ */ e(_, { sx: { gap: 16 }, children: m.map((b, w) => /* @__PURE__ */ e(Vr, { report: b }, w)) })
     }
   );
-}, Yr = k(Xr), qr = ({ copy: t }) => {
+}, Xr = k(Yr), qr = ({ copy: t }) => {
   const o = z(), n = [
     o.palette.chartMono.chartMono5,
     o.palette.chartMono.chartMono4,
@@ -3332,7 +3332,7 @@ const zo = ({ total: t }) => {
   return r ? /* @__PURE__ */ e(re, { isOpen: t, onClose: o, title: n.score_rubric, children: /* @__PURE__ */ i(_, { sx: { bgcolor: "background.default", gap: 36, height: "100%", p: 24 }, children: [
     /* @__PURE__ */ i(_, { sx: { gap: 20 }, children: [
       /* @__PURE__ */ i(_, { sx: { gap: 8 }, children: [
-        /* @__PURE__ */ e(X, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
+        /* @__PURE__ */ e(Y, { sx: { textWrap: "wrap" }, children: n.your_path_to_financial_freedom }),
         /* @__PURE__ */ e(D, { variant: "subtitle1", children: n.finstrong_freedom_description })
       ] }),
       /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(qr, { copy: n }) })
@@ -3409,9 +3409,9 @@ const zo = ({ total: t }) => {
   ] }) }) : /* @__PURE__ */ e(U, {});
 }, Qr = k(Ur), Zr = k(() => {
   const [t, o] = h.useState(!1), n = z(), [r, { width: s }] = Ct(), { finstrong: a } = v(), { isCopyLoaded: l, isInitialized: c } = J(), { healthScore: d, healthScoreChange: p } = L(), u = n.palette.mode === "dark", m = Ne(d?.health_score, a);
-  return !l || !c ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ i(Y, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
+  return !l || !c ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ i(X, { ref: r, sx: { p: 16, display: "flex", flexDirection: "column", gap: 8 }, children: [
     /* @__PURE__ */ i(_, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ e(X, { children: a.financial_strength_header }),
+      /* @__PURE__ */ e(Y, { children: a.financial_strength_header }),
       /* @__PURE__ */ e(
         P,
         {
@@ -3591,14 +3591,14 @@ const zo = ({ total: t }) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ e(_, { sx: { maxWidth: 848, width: { md: 720 } }, children: /* @__PURE__ */ i(Y, { sx: { height: "100%", p: 16 }, children: [
+              /* @__PURE__ */ e(_, { sx: { maxWidth: 848, width: { md: 720 } }, children: /* @__PURE__ */ i(X, { sx: { height: "100%", p: 16 }, children: [
                 /* @__PURE__ */ i(
                   _,
                   {
                     direction: "row",
                     sx: { alignItems: "center", gap: 12, justifyContent: "space-between" },
                     children: [
-                      /* @__PURE__ */ e(X, { children: C.key_indicators }),
+                      /* @__PURE__ */ e(Y, { children: C.key_indicators }),
                       /* @__PURE__ */ e(
                         P,
                         {
@@ -3619,7 +3619,7 @@ const zo = ({ total: t }) => {
                   }
                 ),
                 me ? /* @__PURE__ */ e(
-                  Xe,
+                  Ye,
                   {
                     axisColor: F.palette.divider,
                     baseline: "min",
@@ -3627,13 +3627,13 @@ const zo = ({ total: t }) => {
                     curveType: "natural",
                     customLegendBoxSx: { borderRadius: "2px" },
                     customLegendSx: { left: 0 },
-                    customLegendVariant: "XSmall",
+                    customLegendVariant: "caption",
                     datasets: [u],
                     height: 300,
                     isGraphClippingXAxis: !0,
                     labelBackgroundColor: F.palette.border.dark,
                     labelFontColor: F.palette.common.white,
-                    labelFontSize: typeof F.typography.XSmall?.fontSize == "string" ? parseFloat(F.typography.XSmall.fontSize) : F.typography.XSmall?.fontSize,
+                    labelFontSize: typeof F.typography.caption?.fontSize == "string" ? parseFloat(F.typography.caption.fontSize) : F.typography.caption?.fontSize,
                     labels: [C.key_indicators_label],
                     margin: { right: 12, left: -37 },
                     peerAverage: N,
@@ -3661,7 +3661,7 @@ const zo = ({ total: t }) => {
           }
         ),
         /* @__PURE__ */ e(
-          Yr,
+          Xr,
           {
             isOpen: q,
             onClose: () => H(!1)