@mx-cartographer/experiences 7.11.18 → 7.11.20

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [7.11.20] - 03-12-2026
+
+- **FIXED** - `Finstrong` Chart Date Bug Fixed
+
+## [7.11.19] - 03-11-2026
+
+- **ADDED** - A11y adjustments to chart markers, legends, tooltips
+
 ## [7.11.18] - 03-10-2026
 
 - **FIXED** - Filter ADA bug.

package/dist/{FinstrongStore-DO0IrhF4.mjs → FinstrongStore-BQxXxxYD.mjs}

@@ -2,15 +2,15 @@ import { makeAutoObservable as E, runInAction as d } from "mobx";
 import { format as R } from "date-fns/format";
 import { fromUnixTime as b } from "date-fns/fromUnixTime";
 import { getUnixTime as T } from "date-fns/getUnixTime";
-import { subMonths as H } from "date-fns/subMonths";
-import { F as x, A as h } from "./Fetch-B6tMJC1r.mjs";
+import { subMonths as v } from "date-fns/subMonths";
+import { F as H, A as h } from "./Fetch-B6tMJC1r.mjs";
 import { jsx as c, jsxs as C } from "react/jsx-runtime";
-import { addDays as v } from "date-fns/addDays";
+import { addDays as x } from "date-fns/addDays";
 import { addMonths as M } from "date-fns/addMonths";
 import { addYears as G } from "date-fns/addYears";
 import { differenceInDays as L } from "date-fns/differenceInDays";
 import { differenceInMonths as w } from "date-fns/differenceInMonths";
-import { differenceInWeeks as A } from "date-fns/differenceInWeeks";
+import { differenceInWeeks as y } from "date-fns/differenceInWeeks";
 import { startOfToday as N } from "date-fns/startOfToday";
 import { ChevronRight as P, Check as k } from "@mxenabled/mx-icons";
 import $ from "react";
@@ -22,8 +22,8 @@ import U from "@mui/material/ListItem";
 import X from "@mui/material/ListItemAvatar";
 import V from "@mui/material/ListItemButton";
 import W from "@mui/material/ListItemText";
-import { Text as y } from "@mxenabled/mxui";
-import { f as O, D as _ } from "./DateFormats-BMpMrZpW.mjs";
+import { Text as A } from "@mxenabled/mxui";
+import { f as I, D as O } from "./DateFormats-BMpMrZpW.mjs";
 import { b as j } from "./Localization-CPkpIwIx.mjs";
 import { f as q } from "./NumberFormatting-QCaNwbjv.mjs";
 const m = {
@@ -53,7 +53,7 @@ const m = {
   OFF_TRACK: "OFF TRACK",
   MISSING: "MISSING DATA"
 };
-var I = /* @__PURE__ */ ((e) => (e.Connections = "connections", e.CreditScore = "credit_score", e.DateOfBirth = "date_of_birth", e.MonthlyIncome = "monthly_income", e))(I || {});
+var _ = /* @__PURE__ */ ((e) => (e.Connections = "connections", e.CreditScore = "credit_score", e.DateOfBirth = "date_of_birth", e.MonthlyIncome = "monthly_income", e))(_ || {});
 const J = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(
   Y,
   {
@@ -63,14 +63,14 @@ const J = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor:
         pr: 24
       }
     },
-    children: e.map((n, r) => /* @__PURE__ */ C($.Fragment, { children: [
-      /* @__PURE__ */ c(U, { secondaryAction: /* @__PURE__ */ c(P, {}), children: /* @__PURE__ */ C(V, { onClick: () => t(n.key), children: [
+    children: e.map((r, n) => /* @__PURE__ */ C($.Fragment, { children: [
+      /* @__PURE__ */ c(U, { secondaryAction: /* @__PURE__ */ c(P, {}), children: /* @__PURE__ */ C(V, { onClick: () => t(r.key), children: [
         /* @__PURE__ */ c(X, { children: /* @__PURE__ */ c(
           z,
           {
             sx: {
               bgcolor: "primary.main",
-              ...!n.isComplete && {
+              ...!r.isComplete && {
                 bgcolor: "transparent",
                 borderColor: "action.active",
                 borderStyle: "solid",
@@ -78,19 +78,19 @@ const J = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor:
                 color: "action.active"
               }
             },
-            children: n.icon
+            children: r.icon
           }
         ) }),
         /* @__PURE__ */ c(
           W,
           {
-            primary: /* @__PURE__ */ c(y, { sx: { color: "text.secondary" }, variant: "caption", children: n.primaryText }),
-            secondary: /* @__PURE__ */ c(y, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: n.secondaryText })
+            primary: /* @__PURE__ */ c(A, { sx: { color: "text.secondary" }, variant: "caption", children: r.primaryText }),
+            secondary: /* @__PURE__ */ c(A, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: r.secondaryText })
           }
         )
       ] }) }),
-      /* @__PURE__ */ c(B, { sx: { color: "divider", ml: r === e.length - 1 ? 0 : 68 } })
-    ] }, n.key))
+      /* @__PURE__ */ c(B, { sx: { color: "divider", ml: n === e.length - 1 ? 0 : 68 } })
+    ] }, r.key))
   }
 ) }), Gt = J, Lt = (e) => e * (180 / Math.PI), wt = (e, t) => [
   {
@@ -129,86 +129,86 @@ const J = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor:
   GOOD: "#FFC02C",
   VERY_GOOD: "#29C76B",
   EXCEPTIONAL: "#008A5A"
-}, Nt = (e, t, n) => e >= 300 && e < 580 ? {
-  status: n.poor,
+}, Nt = (e, t, r) => e >= 300 && e < 580 ? {
+  status: r.poor,
   color: t ? u.POOR : g.POOR
 } : e >= 580 && e < 670 ? {
-  status: n.fair,
+  status: r.fair,
   color: t ? u.FAIR : g.FAIR
 } : e >= 670 && e < 740 ? {
-  status: n.good,
+  status: r.good,
   color: t ? u.GOOD : g.GOOD
 } : e >= 740 && e < 800 ? {
-  status: n.very_good,
+  status: r.very_good,
   color: t ? u.VERY_GOOD : g.VERY_GOOD
 } : e >= 800 && e <= 850 ? {
-  status: n.exceptional,
+  status: r.exceptional,
   color: t ? u.EXCEPTIONAL : g.EXCEPTIONAL
-} : { status: n.missing_data }, Pt = (e, t, n, r) => {
+} : { status: r.missing_data }, Pt = (e, t, r, n) => {
   const o = e.reduce((i, l) => i + l.value, 0);
   let a = 0;
   const s = e.map((i) => {
-    const l = i.value / o * t, p = n + a, f = p + l;
+    const l = i.value / o * t, p = r + a, f = p + l;
     return a += l, {
       ...i,
       startAngle: p,
       endAngle: f
     };
   });
-  return [s[r].startAngle, s[r].endAngle];
-}, kt = (e, t, n, r, o) => {
+  return [s[n].startAngle, s[n].endAngle];
+}, kt = (e, t, r, n, o) => {
   let a = 0, s = 0;
-  const i = Math.floor(r), l = r - i;
-  return i > n ? (a = e, s = t) : i === n && l > 0 && (a = e, s = o), [a, s];
-}, $t = (e, t, n = 0) => {
-  const r = e * Math.sin(t - n), o = -e * Math.cos(t - n);
-  return [r, o];
+  const i = Math.floor(n), l = n - i;
+  return i > r ? (a = e, s = t) : i === r && l > 0 && (a = e, s = o), [a, s];
+}, $t = (e, t, r = 0) => {
+  const n = e * Math.sin(t - r), o = -e * Math.cos(t - r);
+  return [n, o];
 }, zt = ({
   dynamicCopy: e,
   fallbackLabel: t,
-  icon: n,
-  key: r,
+  icon: r,
+  key: n,
   label: o,
   value: a
 }) => {
-  const s = !!a, i = s ? Q(r, a) : e && j(e, t) || t;
+  const s = !!a, i = s ? Q(n, a) : e && j(e, t) || t;
   return {
-    icon: s ? /* @__PURE__ */ c(k, {}) : n,
+    icon: s ? /* @__PURE__ */ c(k, {}) : r,
     isComplete: s,
-    key: r,
+    key: n,
     primaryText: o,
     secondaryText: i
   };
 }, Q = (e, t) => ({
-  [I.DateOfBirth]: (r) => R(new Date(Number(r) * 1e3), "MMM d, yyyy"),
-  [I.MonthlyIncome]: (r) => q(Number(r), "0.00")
+  [_.DateOfBirth]: (n) => R(new Date(Number(n) * 1e3), "MMM d, yyyy"),
+  [_.MonthlyIncome]: (n) => q(Number(n), "0.00")
 })[e]?.(t) ?? String(t), Kt = (e) => e !== null ? Math.round(e * 100) : null, Bt = (e) => {
   const t = new Date((/* @__PURE__ */ new Date()).getFullYear(), e - 1, 1);
-  return O(t, _.MONTH_SHORT);
+  return I(t, O.MONTH_SHORT);
 }, Yt = (e) => {
-  const { good: t, poor: n } = m.daysOfCashOnHand;
-  return e === null ? "MISSING" : e >= t ? "GOOD" : e >= n ? "FAIR" : "OFF_TRACK";
+  const { good: t, poor: r } = m.daysOfCashOnHand;
+  return e === null ? "MISSING" : e >= t ? "GOOD" : e >= r ? "FAIR" : "OFF_TRACK";
 }, Ut = (e) => {
-  const { good: t, poor: n } = m.emergencySavings;
-  return e === null ? "MISSING" : e >= t ? "GOOD" : e >= n ? "FAIR" : "OFF_TRACK";
+  const { good: t, poor: r } = m.emergencySavings;
+  return e === null ? "MISSING" : e >= t ? "GOOD" : e >= r ? "FAIR" : "OFF_TRACK";
 }, Xt = (e) => {
-  const { good: t, poor: n } = m.spendToIncomeRatio;
-  return e === null ? "MISSING" : e < t ? "GOOD" : e < n ? "FAIR" : "OFF_TRACK";
+  const { good: t, poor: r } = m.spendToIncomeRatio;
+  return e === null ? "MISSING" : e < t ? "GOOD" : e < r ? "FAIR" : "OFF_TRACK";
 }, Vt = (e) => {
-  const { good: t, poor: n } = m.debtToIncomeRatio;
-  return e === null ? "MISSING" : e <= t ? "GOOD" : e <= n ? "FAIR" : "OFF_TRACK";
+  const { good: t, poor: r } = m.debtToIncomeRatio;
+  return e === null ? "MISSING" : e <= t ? "GOOD" : e <= r ? "FAIR" : "OFF_TRACK";
 }, Wt = (e) => {
-  const { good: t, poor: n } = m.creditScore;
-  return e === null ? "MISSING" : e >= t ? "GOOD" : e >= n ? "FAIR" : "OFF_TRACK";
+  const { good: t, poor: r } = m.creditScore;
+  return e === null ? "MISSING" : e >= t ? "GOOD" : e >= r ? "FAIR" : "OFF_TRACK";
 }, Z = (e) => e === null ? "MISSING" : e === 0 ? "GOOD" : "OFF_TRACK", jt = (e, t) => {
-  const n = Z(e), r = {
+  const r = Z(e), n = {
     GOOD: t.count_good_description,
     OFF_TRACK: t.count_off_track_description,
     MISSING: t.count_missing_description
   };
   return {
-    cardState: n,
-    description: r[n],
+    cardState: r,
+    description: n[r],
     title: t.count_card_title
   };
 }, qt = (e) => ({
@@ -216,14 +216,14 @@ const J = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor:
   [S.FAIR]: { backgroundColor: "warning.lighter", color: "warning.dark" },
   [S.OFF_TRACK]: { backgroundColor: "error.lighter", color: "error.dark" },
   [S.MISSING]: { backgroundColor: "divider", color: "text.secondary" }
-})[e], tt = 1, et = 1, nt = {
+})[e], tt = 1, et = 1, rt = {
   1: M,
   2: G,
-  3: v
-}, rt = {
+  3: x
+}, nt = {
   1: w,
-  2: (e, t) => A(e, t) / 2,
-  3: A,
+  2: (e, t) => y(e, t) / 2,
+  3: y,
   4: L
 }, D = [
   { contributionPeriodIndex: 3, targetAmount: 6, upperLimit: 500 },
@@ -232,44 +232,44 @@ const J = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor:
 ], Jt = ({
   contribution: e,
   goalAmount: t,
-  goalPeriod: n,
-  targetPeriod: r,
+  goalPeriod: r,
+  targetPeriod: n,
   totalSaved: o
 }) => {
   const a = t - o;
   if (a <= 0) return 0;
-  const s = N(), i = nt[r], l = rt[e];
+  const s = N(), i = rt[n], l = nt[e];
   if (!i || !l) return a;
-  const p = i(s, n), f = l(p, s);
+  const p = i(s, r), f = l(p, s);
   return Math.max(a / (f || 1), 1);
-}, Qt = (e) => !e || e <= 0 ? "0%" : e >= 1e3 ? "100%" : `${Math.round(e / 10)}%`, Zt = (e) => D.find((n) => e < n.upperLimit)?.targetAmount ?? et, te = (e) => D.find((r) => e < r.upperLimit)?.contributionPeriodIndex ?? tt, ee = (e, t) => [...e].sort((r, o) => r.year === o.year ? r.month - o.month : r.year - o.year).map((r) => ({
-  x: O(new Date(0, r.month - 1, 1), _.MONTH_SHORT),
-  y: r[t]
-})), ot = (e) => e.sort((t, n) => t.monthly_health_score_average.month - n.monthly_health_score_average.month).map((t) => ({
-  x: O(
+}, Qt = (e) => !e || e <= 0 ? "0%" : e >= 1e3 ? "100%" : `${Math.round(e / 10)}%`, Zt = (e) => D.find((r) => e < r.upperLimit)?.targetAmount ?? et, te = (e) => D.find((n) => e < n.upperLimit)?.contributionPeriodIndex ?? tt, ee = (e, t) => [...e].sort((n, o) => n.year === o.year ? n.month - o.month : n.year - o.year).map((n) => ({
+  x: I(new Date(0, n.month - 1, 1), O.MONTH_SHORT),
+  y: n[t]
+})), ot = (e) => e.sort((t, r) => t.monthly_health_score_average.year !== r.monthly_health_score_average.year ? t.monthly_health_score_average.year - r.monthly_health_score_average.year : t.monthly_health_score_average.month - r.monthly_health_score_average.month).map((t) => ({
+  x: I(
     new Date(0, t.monthly_health_score_average.month - 1, 1),
-    _.MONTH_SHORT
+    O.MONTH_SHORT
   ),
   y: Math.round(t.monthly_health_score_average.average_health_score)
-})), at = (e) => e.map(({ transaction: n }) => ({
-  ...n
-})).sort((n, r) => r.date - n.date);
+})), at = (e) => e.map(({ transaction: r }) => ({
+  ...r
+})).sort((r, n) => n.date - r.date);
 class F {
   fetchInstance;
-  constructor(t, n, r) {
-    this.fetchInstance = new x(t, n, void 0, r);
+  constructor(t, r, n) {
+    this.fetchInstance = new H(t, r, void 0, n);
   }
   calculateHealthScore = async () => this.fetchInstance.post(`${h.HEALTH_SCORES}/calculate`).then((t) => t.health_score);
   getAverageHealthScores = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/monthly_averages`).then((t) => t);
   getDebtSpend = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/transactions/debt_spend`).then((t) => t);
   getIncome = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/transactions/income`).then((t) => t);
   getMonthlySummaries = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/monthly_summaries`).then((t) => t);
-  getHealthScoreChangeReports = async (t, n) => this.fetchInstance.get(`${h.HEALTH_SCORES}/change_report/from/${t}/to/${n}`).then((r) => r);
-  getPeerScore = async (t) => this.fetchInstance.get(`${h.HEALTH_SCORES}/average/${t}`).then((n) => n);
+  getHealthScoreChangeReports = async (t, r) => this.fetchInstance.get(`${h.HEALTH_SCORES}/change_report/from/${t}/to/${r}`).then((n) => n);
+  getPeerScore = async (t) => this.fetchInstance.get(`${h.HEALTH_SCORES}/average/${t}`).then((r) => r);
   getSpendingFeeTransactions = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/transactions/spending_fee`).then((t) => t);
   getStandardSpend = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/transactions/standard_spend`).then((t) => t);
 }
-class ne {
+class re {
   api = new F("/", "");
   augmentedChartData = [];
   averageHealthScores = [];
@@ -296,15 +296,15 @@ class ne {
   };
   calculateHealthScore = async (t = !0) => {
     try {
-      const n = await this.api.calculateHealthScore();
-      let r = 0;
+      const r = await this.api.calculateHealthScore();
+      let n = 0;
       t && await this.loadHealthScoreChangeReports();
-      const o = n?.health_score || 0, a = this.healthScoreChangeReports.at(-1)?.older_health_score || 0;
-      r = o - a, d(() => {
-        this.healthScore = n, this.healthScoreChange = r;
+      const o = r?.health_score || 0, a = this.healthScoreChangeReports.at(-1)?.older_health_score || 0;
+      n = o - a, d(() => {
+        this.healthScore = r, this.healthScoreChange = n;
       });
-    } catch (n) {
-      console.error("Error calculating health score:", n);
+    } catch (r) {
+      console.error("Error calculating health score:", r);
     }
   };
   loadAverageHealthScores = async () => {
@@ -349,28 +349,28 @@ class ne {
     }
   };
   loadHealthScoreChangeReports = async () => {
-    const t = T(H(/* @__PURE__ */ new Date(), 2)), n = T(/* @__PURE__ */ new Date());
+    const t = T(v(/* @__PURE__ */ new Date(), 2)), r = T(/* @__PURE__ */ new Date());
     try {
-      const r = await this.api.getHealthScoreChangeReports(
+      const n = await this.api.getHealthScoreChangeReports(
         t,
-        n
+        r
       );
       d(() => {
-        this.healthScoreChangeReports = r;
+        this.healthScoreChangeReports = n;
       });
-    } catch (r) {
-      console.error("Error loading health score change reports:", r);
+    } catch (n) {
+      console.error("Error loading health score change reports:", n);
     }
   };
   loadPeerScore = async () => {
     const t = R(b(this.globalStore.appDataStore.user.birthday), "yyyy");
     try {
-      const n = await this.api.getPeerScore(t);
+      const r = await this.api.getPeerScore(t);
       d(() => {
-        this.peerScore = n;
+        this.peerScore = r;
       });
-    } catch (n) {
-      console.error("Error loading peer score:", n);
+    } catch (r) {
+      console.error("Error loading peer score:", r);
     }
   };
   loadAugmentedChartData = async () => {
@@ -385,9 +385,9 @@ class ne {
   };
   getSpendingFeeTransactions = async () => {
     try {
-      const t = await this.api.getSpendingFeeTransactions(), n = at(t);
+      const t = await this.api.getSpendingFeeTransactions(), r = at(t);
       d(() => {
-        this.spendingFeeTransactions = n;
+        this.spendingFeeTransactions = r;
       });
     } catch (t) {
       console.error(`Error occurred while getting spending fee transactions: ${t}`);
@@ -419,9 +419,9 @@ class ne {
   };
 }
 export {
-  I as A,
+  _ as A,
   u as C,
-  ne as F,
+  re as F,
   Gt as P,
   kt as a,
   $t as b,

package/dist/{LineChart-DvCvL2Ed.mjs → LineChart-DVn1AamK.mjs}

@@ -1,77 +1,115 @@
-import { jsxs as a, jsx as e, Fragment as $ } from "react/jsx-runtime";
-import Y from "@mui/material/Box";
-import { useTheme as W } from "@mui/material/styles";
-import { BarPlot as ft } from "@mui/x-charts/BarChart";
-import { ChartContainer as xt } from "@mui/x-charts/ChartContainer";
-import { ChartsAxisHighlight as yt } from "@mui/x-charts/ChartsAxisHighlight";
-import { ChartsReferenceLine as gt } from "@mui/x-charts/ChartsReferenceLine";
-import { useAxesTooltip as pt, ChartsTooltipContainer as bt } from "@mui/x-charts/ChartsTooltip";
-import { ChartsXAxis as kt } from "@mui/x-charts/ChartsXAxis";
-import { ChartsYAxis as Mt } from "@mui/x-charts/ChartsYAxis";
-import { AreaPlot as Ct, LinePlot as wt, MarkPlot as Lt } from "@mui/x-charts/LineChart";
-import { f as p, c as X } from "./NumberFormatting-QCaNwbjv.mjs";
-import { observer as St } from "mobx-react-lite";
-import P from "@mui/material/Stack";
-import { Text as l } from "@mxenabled/mxui";
-import { u as vt } from "./hooks-zu7yblbi.mjs";
-import Dt from "@mui/material/useMediaQuery";
-import { Stack as M, Box as F } from "@mui/material";
-const Tt = ({
+import { jsxs as i, jsx as e, Fragment as E } from "react/jsx-runtime";
+import _ from "@mui/material/Box";
+import { useTheme as j } from "@mui/material/styles";
+import { BarPlot as gt } from "@mui/x-charts/BarChart";
+import { ChartContainer as yt } from "@mui/x-charts/ChartContainer";
+import { ChartsAxisHighlight as pt } from "@mui/x-charts/ChartsAxisHighlight";
+import { ChartsReferenceLine as Lt } from "@mui/x-charts/ChartsReferenceLine";
+import { useAxesTooltip as kt, ChartsTooltipContainer as bt } from "@mui/x-charts/ChartsTooltip";
+import { ChartsXAxis as Mt } from "@mui/x-charts/ChartsXAxis";
+import { ChartsYAxis as wt } from "@mui/x-charts/ChartsYAxis";
+import { AreaPlot as St, LinePlot as Ct, MarkPlot as vt } from "@mui/x-charts/LineChart";
+import { f as p, c as O } from "./NumberFormatting-QCaNwbjv.mjs";
+import { observer as At } from "mobx-react-lite";
+import W from "@mui/material/Stack";
+import { Text as s } from "@mxenabled/mxui";
+import { u as Dt } from "./hooks-zu7yblbi.mjs";
+import Tt from "@mui/material/useMediaQuery";
+import { Stack as b, Box as Rt } from "@mui/material";
+const z = {
+  circle: "M4.514,0A4.514,4.514,0,1,1,-4.514,0A4.514,4.514,0,1,1,4.514,0",
+  square: "M-4,-4L4,-4L4,4L-4,4Z",
+  wye: "M0.6,0.6L0.6,4.5L-0.6,4.5L-0.6,0.6L-4,2.6L-3.4,1.5L-0.6,-0.1L-3.4,-1.5L-4,-2.6L-0.6,-0.6L-0.6,-4.5L0.6,-4.5L0.6,-0.6L4,-2.6L3.4,-1.5L0.6,-0.1L3.4,1.5L4,2.6L0.6,0.6Z",
+  star: "M0,-5L1.1,-1.5L4.8,-1.5L1.8,0.9L2.9,4.5L0,2.2L-2.9,4.5L-1.8,0.9L-4.8,-1.5L-1.1,-1.5Z",
+  cross: "M-1.5,-5L1.5,-5L1.5,-1.5L5,-1.5L5,1.5L1.5,1.5L1.5,5L-1.5,5L-1.5,1.5L-5,1.5L-5,-1.5L-1.5,-1.5Z",
+  triangle: "M0,-5L4.33,3.5L-4.33,3.5Z",
+  diamond: "M0,-5.5L3.9,0L0,5.5L-3.9,0Z"
+}, X = [
+  "circle",
+  "square",
+  "wye",
+  "star",
+  "cross",
+  "triangle",
+  "diamond"
+];
+function N(t) {
+  return X[t % X.length];
+}
+const Bt = ({
   label: t,
   customLegendVariant: r
 }) => {
-  const s = r || "Small";
-  return typeof t == "string" ? /* @__PURE__ */ e(l, { variant: s, children: t }) : typeof t == "object" && t.amount !== void 0 && t.label ? /* @__PURE__ */ a($, { children: [
-    /* @__PURE__ */ e(l, { variant: s, children: t.label }),
-    /* @__PURE__ */ e(l, { bold: !0, sx: { marginLeft: 8 }, variant: s, children: p(t.amount, "0,0") })
+  const l = r || "Small";
+  return typeof t == "string" ? /* @__PURE__ */ e(s, { variant: l, children: t }) : typeof t == "object" && t.amount !== void 0 && t.label ? /* @__PURE__ */ i(E, { children: [
+    /* @__PURE__ */ e(s, { variant: l, children: t.label }),
+    /* @__PURE__ */ e(s, { bold: !0, sx: { marginLeft: 8 }, variant: l, children: p(t.amount, "0,0") })
   ] }) : null;
-}, At = ({
+}, Pt = ({
   average: t,
   customLegendVariant: r,
-  customLegendBoxSx: s,
+  customLegendBoxSx: l,
   labels: o = [],
-  series: b,
+  series: L,
   style: x,
   title: h,
-  valueFormatterString: u
+  valueFormatterString: f
 }) => {
-  const { common: m } = vt(), c = r || "Small";
-  return /* @__PURE__ */ a(P, { style: { flexDirection: "row", gap: 24, ...x }, children: [
-    b.map((i, f) => {
-      const d = o[f];
-      return d ? /* @__PURE__ */ a(
-        P,
+  const { common: m } = Dt(), c = r || "Small";
+  return /* @__PURE__ */ i(W, { style: { flexDirection: "row", gap: 24, ...x }, children: [
+    L.map((a, u) => {
+      const d = o[u];
+      return d ? /* @__PURE__ */ i(
+        W,
         {
           style: { alignItems: "center", flexDirection: "row", flexWrap: "wrap" },
           children: [
-            /* @__PURE__ */ e(
-              Y,
+            l !== void 0 ? /* @__PURE__ */ e(
+              _,
               {
                 sx: {
                   width: 10,
                   height: 10,
-                  backgroundColor: i.color,
+                  backgroundColor: a.color,
                   marginRight: 8,
-                  ...s
+                  ...l
                 }
               }
+            ) : /* @__PURE__ */ e(
+              "svg",
+              {
+                "aria-hidden": "true",
+                height: 14,
+                style: { marginRight: 8, flexShrink: 0 },
+                viewBox: "-6 -6 12 12",
+                width: 14,
+                children: /* @__PURE__ */ e(
+                  "path",
+                  {
+                    d: z[N(u)],
+                    fill: a.color,
+                    stroke: a.color,
+                    strokeWidth: 1
+                  }
+                )
+              }
             ),
-            /* @__PURE__ */ e(Tt, { customLegendVariant: r, label: d })
+            /* @__PURE__ */ e(Bt, { customLegendVariant: r, label: d })
           ]
         },
-        f
+        u
       ) : null;
     }),
-    t !== void 0 && /* @__PURE__ */ a(P, { sx: { alignItems: "center", flexDirection: "row" }, children: [
-      /* @__PURE__ */ e(l, { bold: !0, sx: { marginRight: 8 }, variant: c, children: "– –" }),
-      /* @__PURE__ */ a(l, { variant: c, children: [
+    t !== void 0 && /* @__PURE__ */ i(W, { sx: { alignItems: "center", flexDirection: "row" }, children: [
+      /* @__PURE__ */ e(s, { bold: !0, sx: { marginRight: 8 }, variant: c, children: "– –" }),
+      /* @__PURE__ */ i(s, { variant: c, children: [
         h || m.average,
         "  "
       ] }),
-      /* @__PURE__ */ e(l, { bold: !0, variant: c, children: u ? p(t, u) : t })
+      /* @__PURE__ */ e(s, { bold: !0, variant: c, children: f ? p(t, f) : t })
     ] })
   ] });
-}, Bt = St(At), It = (t) => /* @__PURE__ */ a($, { children: [
+}, Et = At(Pt), It = (t) => /* @__PURE__ */ i(E, { children: [
   /* @__PURE__ */ e("clipPath", { id: t.id, children: /* @__PURE__ */ e("rect", { height: t.height, width: t.width, x: "0", y: "0" }) }),
   /* @__PURE__ */ e("g", { children: /* @__PURE__ */ e(
     "path",
@@ -88,19 +126,19 @@ const Tt = ({
       }
     }
   ) })
-] }), Rt = (t) => {
-  const r = W(), s = t.showLabel, o = t.style, b = o?.markLabelStyles, x = Number(t.x), h = Number(t.y), u = t.handlers?.onMarkClick, m = t.handlers?.onMouseEnter, c = t.handlers?.onMouseLeave, i = Dt(r.breakpoints.up("sm")), f = t.valueFormatterString ? p(t.yData[t.dataIndex], t.valueFormatterString) : String(t.yData[t.dataIndex]), d = i ? r.typography.Small?.fontSize : r.typography.XSmall?.fontSize, D = 30, T = 24, A = x - D / 2, B = h - 30;
-  return /* @__PURE__ */ a($, { children: [
-    s && /* @__PURE__ */ a($, { children: [
+] }), $t = (t) => {
+  const r = j(), l = t.showLabel, o = t.style, L = o?.markLabelStyles, x = Number(t.x), h = Number(t.y), f = t.handlers?.onMarkClick, m = t.handlers?.onMouseEnter, c = t.handlers?.onMouseLeave, a = Tt(r.breakpoints.up("sm")), u = t.valueFormatterString ? p(t.yData[t.dataIndex], t.valueFormatterString) : String(t.yData[t.dataIndex]), d = a ? r.typography.Small?.fontSize : r.typography.XSmall?.fontSize, A = 30, D = 24, T = x - A / 2, R = h - 30;
+  return /* @__PURE__ */ i(E, { children: [
+    l && /* @__PURE__ */ i(E, { children: [
       t.labelBackgroundColor && /* @__PURE__ */ e(
         "rect",
         {
           fill: t.labelBackgroundColor,
-          height: T,
+          height: D,
           rx: "3",
-          width: D,
-          x: A,
-          y: B
+          width: A,
+          x: T,
+          y: R
         }
       ),
       /* @__PURE__ */ e(
@@ -111,23 +149,23 @@ const Tt = ({
           fill: t.labelFontColor ? t.labelFontColor : r.palette.text.primary,
           style: {
             fontSize: t.labelFontSize ? t.labelFontSize : d,
-            ...b
+            ...L
           },
           textAnchor: "middle",
           x,
-          y: h - 28 + T / 2,
-          children: f
+          y: h - 28 + D / 2,
+          children: u
         }
       )
     ] }),
     t.showMark && /* @__PURE__ */ e(
       "path",
       {
-        cursor: u ? "pointer" : "unset",
-        d: "M4.514,0A4.514,4.514,0,1,1,-4.514,0A4.514,4.514,0,1,1,4.514,0",
+        cursor: f ? "pointer" : "unset",
+        d: z[t.shape ?? "circle"],
         height: "20px",
-        onClick: (j) => {
-          u?.(j, t.dataIndex);
+        onClick: (I) => {
+          f?.(I, t.dataIndex);
         },
         onMouseEnter: () => {
           m?.(t.dataIndex);
@@ -148,19 +186,19 @@ const Tt = ({
     )
   ] });
 };
-function $t({
+function Ht({
   customLabels: t,
   labels: r = [],
-  series: s,
+  series: l,
   valueFormatterString: o = "0,0"
 }) {
-  const b = pt(), x = W(), h = b?.[0];
+  const L = kt(), x = j(), h = L?.[0];
   if (!h) return null;
-  const { axisValue: u, dataIndex: m = 0 } = h;
+  const { axisValue: f, dataIndex: m = 0 } = h;
   if (t) {
-    const c = t[m]?.[0]?.header || String(u);
-    return /* @__PURE__ */ a(
-      M,
+    const c = t[m]?.[0]?.header || String(f);
+    return /* @__PURE__ */ i(
+      b,
       {
         sx: {
           backgroundColor: x.palette.background.paper,
@@ -174,8 +212,8 @@ function $t({
           py: 12
         },
         children: [
-          /* @__PURE__ */ a(
-            M,
+          /* @__PURE__ */ i(
+            b,
             {
               sx: {
                 flexDirection: "row",
@@ -186,15 +224,15 @@ function $t({
                 marginTop: 4
               },
               children: [
-                /* @__PURE__ */ e(l, { variant: "H3", children: c }),
-                /* @__PURE__ */ e(l, { bold: !0, variant: "H3", children: p(s[0]?.data[m], o) })
+                /* @__PURE__ */ e(s, { variant: "H3", children: c }),
+                /* @__PURE__ */ e(s, { bold: !0, variant: "H3", children: p(l[0]?.data[m], o) })
               ]
             }
           ),
-          t[m]?.some((i) => (typeof i == "string" ? 0 : i.amount) !== 0) ? t[m]?.map((i) => {
-            const f = typeof i == "string" ? i : i.label, d = typeof i == "string" ? 0 : i.amount;
-            return d === 0 ? null : /* @__PURE__ */ a(
-              M,
+          t[m]?.some((a) => (typeof a == "string" ? 0 : a.amount) !== 0) ? t[m]?.map((a) => {
+            const u = typeof a == "string" ? a : a.label, d = typeof a == "string" ? 0 : a.amount;
+            return d === 0 ? null : /* @__PURE__ */ i(
+              b,
               {
                 sx: {
                   flexDirection: "row",
@@ -205,8 +243,8 @@ function $t({
                   marginTop: 4
                 },
                 children: [
-                  /* @__PURE__ */ a(
-                    M,
+                  /* @__PURE__ */ i(
+                    b,
                     {
                       sx: {
                         flexDirection: "row",
@@ -217,32 +255,32 @@ function $t({
                       },
                       children: [
                         /* @__PURE__ */ e(
-                          F,
+                          Rt,
                           {
                             sx: {
                               width: "12px",
                               height: "12px",
-                              backgroundColor: s[0]?.color,
+                              backgroundColor: l[0]?.color,
                               borderRadius: "4px"
                             }
                           }
                         ),
-                        /* @__PURE__ */ e(l, { variant: "Body", children: f })
+                        /* @__PURE__ */ e(s, { variant: "Body", children: u })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: p(Math.abs(d), o) })
+                  /* @__PURE__ */ e(s, { bold: !0, variant: "Body", children: p(Math.abs(d), o) })
                 ]
               },
-              f
+              u
             );
-          }) : /* @__PURE__ */ e(l, { variant: "Body", children: "No data" })
+          }) : /* @__PURE__ */ e(s, { variant: "Body", children: "No data" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ a(
-    M,
+  return /* @__PURE__ */ i(
+    b,
     {
       sx: {
         backgroundColor: x.palette.background.paper,
@@ -256,9 +294,9 @@ function $t({
         py: 12
       },
       children: [
-        /* @__PURE__ */ e(l, { variant: "H3", children: String(u) }),
-        s.map((c, i) => /* @__PURE__ */ a(
-          M,
+        /* @__PURE__ */ e(s, { variant: "H3", children: String(f) }),
+        l.map((c, a) => /* @__PURE__ */ i(
+          b,
           {
             sx: {
               flexDirection: "row",
@@ -269,21 +307,11 @@ function $t({
               marginTop: 4
             },
             children: [
-              /* @__PURE__ */ a(M, { sx: { flexDirection: "row", alignItems: "center", gap: 8 }, children: [
-                /* @__PURE__ */ e(
-                  F,
-                  {
-                    sx: {
-                      width: "12px",
-                      height: "12px",
-                      backgroundColor: c.color,
-                      borderRadius: "4px"
-                    }
-                  }
-                ),
-                /* @__PURE__ */ e(l, { variant: "Body", children: typeof r[i] == "string" ? r[i] : r[i]?.label })
+              /* @__PURE__ */ i(b, { sx: { flexDirection: "row", alignItems: "center", gap: 8 }, children: [
+                /* @__PURE__ */ e("svg", { "aria-hidden": "true", height: 12, viewBox: "-6 -6 12 12", width: 12, children: /* @__PURE__ */ e("path", { d: z[N(a)], fill: c.color }) }),
+                /* @__PURE__ */ e(s, { variant: "Body", children: typeof r[a] == "string" ? r[a] : r[a]?.label })
               ] }),
-              /* @__PURE__ */ e(l, { bold: !0, variant: "Body", children: p(c.data[m], o) })
+              /* @__PURE__ */ e(s, { bold: !0, variant: "Body", children: p(c.data[m], o) })
             ]
           },
           c.id
@@ -292,82 +320,83 @@ function $t({
     }
   );
 }
-const _t = ({
+const ne = ({
   areaColor: t,
   axisColor: r,
-  baseline: s = "max",
+  baseline: l = "max",
   chartFor: o,
-  chartXaxisSx: b,
+  chartXaxisSx: L,
   chartYaxisSx: x,
   colors: h,
-  curveType: u = "linear",
+  curveType: f = "linear",
   customLegendVariant: m,
   customLegendSx: c,
-  customLegendBoxSx: i,
-  customTooltipLabels: f,
+  customLegendBoxSx: a,
+  customTooltipLabels: u,
   datasets: d,
-  height: D,
-  isGraphClippingXAxis: T = !1,
-  labels: A,
-  labelBackgroundColor: B,
-  labelFontColor: j,
-  labelFontSize: q,
-  margin: Q,
-  markHandlers: U,
-  markStyles: V,
-  minRange: J,
-  maxRange: K,
-  onItemClick: z,
-  peerAverage: E,
-  showArea: H = !1,
-  showAverage: G = !1,
-  showAxisHighlight: Z = !1,
-  showBars: N = !1,
-  showLegend: _ = !1,
-  showMark: tt = !0,
-  showMarkLabel: et = !1,
-  showTooltip: nt = !1,
-  showXAxis: rt = !1,
-  showXAxisTicks: at = !1,
-  showYAxis: it = !1,
-  showYAxisTicks: ot = !1,
-  title: lt,
-  useCustomMark: st = !1,
+  height: A,
+  isGraphClippingXAxis: D = !1,
+  labels: T,
+  labelBackgroundColor: R,
+  labelFontColor: I,
+  labelFontSize: U,
+  margin: Y,
+  markHandlers: K,
+  markStyles: Q,
+  minRange: V,
+  maxRange: J,
+  onItemClick: $,
+  peerAverage: Z,
+  showArea: G = !1,
+  showAverage: q = !1,
+  showAxisHighlight: tt = !1,
+  showBars: H = !1,
+  showLegend: et = !1,
+  showMark: nt = !0,
+  showMarkLabel: rt = !1,
+  showTooltip: at = !1,
+  showXAxis: it = !1,
+  showXAxisTicks: ot = !1,
+  showYAxis: lt = !1,
+  showYAxisTicks: st = !1,
+  title: ct,
+  useCustomMark: dt = !1,
   valueFormatterString: k,
-  width: ct,
-  xAxisScaleType: dt
+  width: ht,
+  xAxisScaleType: mt
 }) => {
-  const y = W(), ht = d.flat().map((n) => n.x), C = d.flat().map((n) => n.y), O = E || Math.round(C.reduce((n, v) => v + n, 0) / C.length), w = Math.floor(Math.min(...C) / 100) * 100, L = Math.ceil(Math.max(...C) / 100) * 100, I = d.map((n, v) => ({
-    type: N ? "bar" : "line",
-    curve: u,
-    color: N ? y.palette.chart?.chart6 : h[v] ?? y.palette.primary.main,
-    data: n.map((g) => g.y),
-    area: H,
-    baseline: s,
+  const g = j(), ut = d.flat().map((n) => n.x), w = d.flat().map((n) => n.y), F = Z || Math.round(w.reduce((n, M) => M + n, 0) / w.length), S = Math.floor(Math.min(...w) / 100) * 100, C = Math.ceil(Math.max(...w) / 100) * 100, B = d.map((n, M) => ({
+    type: H ? "bar" : "line",
+    curve: f,
+    color: H ? g.palette.chart?.chart6 : h[M] ?? g.palette.primary.main,
+    data: n.map((y) => y.y),
+    area: G,
+    baseline: l,
     showMark: !0,
-    valueFormatter: (g) => k ? p(g || 0, k) : String(g)
-  })), mt = {
+    shape: N(M),
+    valueFormatter: (y) => k ? p(y || 0, k) : String(y)
+  })), ft = {
     ...{
       top: 60,
       right: 35,
       bottom: 25,
       left: -10
     },
-    ...Q
+    ...Y
   };
-  let S = J ?? w, R = K ?? L;
+  let v = V ?? S, P = J ?? C;
   if (o === "networthChart") {
-    const n = L - w, v = n < L * 0.05 ? 0.25 : 0.2, g = Math.max(n * v, L * 0.015);
-    S = w - g < 0 ? w : w - g, R = L + g;
+    const n = C - S, M = n < C * 0.05 ? 0.25 : 0.2, y = Math.max(n * M, C * 0.015);
+    v = S - y < 0 ? S : S - y, P = C + y;
   }
-  const ut = () => {
+  const xt = () => {
     if (o === "creditOverTime")
-      return X(S, 850, 5);
+      return O(v, 850, 5);
     if (o === "networthChart")
-      return X(S, R, 5);
+      return O(v, P, 5);
   };
-  return /* @__PURE__ */ a(
-    Y,
+  return /* @__PURE__ */ i(
+    _,
     {
       sx: {
         position: "relative",
@@ -385,12 +414,12 @@ const _t = ({
         }
       },
       children: [
-        /* @__PURE__ */ a(
-          xt,
+        /* @__PURE__ */ i(
+          yt,
           {
-            height: D,
-            margin: mt,
-            series: I,
+            height: A,
+            margin: ft,
+            series: B,
             sx: {
               "& .MuiBarLabel-root": {
                 fontSize: 10,
@@ -400,26 +429,26 @@ const _t = ({
                 opacity: 0.15
               },
               "& .MuiChartsAxis-tickLabel > tspan": {
-                fontFamily: y.typography.Small.fontFamily
+                fontFamily: g.typography.Small.fontFamily
               },
               "& .MuiLineChart-markLabel": {
-                fontFamily: y.typography.Small.fontFamily
+                fontFamily: g.typography.Small.fontFamily
               }
             },
-            width: ct,
-            xAxis: [{ data: ht, scaleType: dt || (N ? "band" : "point") }],
+            width: ht,
+            xAxis: [{ data: ut, scaleType: mt || (H ? "band" : "point") }],
             yAxis: [
               {
-                tickInterval: ut(),
-                min: T ? -22 : S,
-                max: R || 100,
-                colorMap: H && I.length < 2 ? {
+                tickInterval: xt(),
+                min: D ? -22 : v,
+                max: P || 100,
+                colorMap: G && B.length < 2 ? {
                   type: "continuous",
-                  min: S,
-                  max: R,
+                  min: v,
+                  max: P,
                   color: [
-                    y.palette.background.paper,
-                    h[0] ?? y.palette.primary.main
+                    g.palette.background.paper,
+                    h[0] ?? g.palette.primary.main
                   ]
                 } : void 0,
                 valueFormatter: (n) => k ? p(n, k) : String(n),
@@ -427,25 +456,25 @@ const _t = ({
               }
             ],
             children: [
-              G && /* @__PURE__ */ e(
-                gt,
+              q && /* @__PURE__ */ e(
+                Lt,
                 {
                   lineStyle: {
-                    stroke: B ? y.palette.neutral.main : y.palette.neutral.dark,
+                    stroke: R ? g.palette.neutral.main : g.palette.neutral.dark,
                     strokeDasharray: "10, 8",
                     strokeWidth: 2
                   },
-                  y: O
+                  y: F
                 }
               ),
               /* @__PURE__ */ e(
-                Ct,
+                St,
                 {
-                  onItemClick: z,
+                  onItemClick: $,
                   ...t && {
                     slots: {
-                      area: (n) => /* @__PURE__ */ a("g", { children: [
-                        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ a("linearGradient", { id: "customGradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [
+                      area: (n) => /* @__PURE__ */ i("g", { children: [
+                        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ i("linearGradient", { id: "customGradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [
                           /* @__PURE__ */ e("stop", { offset: "0%", stopColor: t }),
                           /* @__PURE__ */ e("stop", { offset: "100%", stopColor: t, stopOpacity: 0.02 })
                         ] }) }),
@@ -456,37 +485,37 @@ const _t = ({
                 }
               ),
               /* @__PURE__ */ e(
-                wt,
+                Ct,
                 {
-                  onItemClick: z,
+                  onItemClick: $,
                   slots: {
                     line: (n) => /* @__PURE__ */ e(
                       It,
                       {
                         ...n,
-                        lineColor: t ?? n.ownerState.color ?? y.palette.primary.main
+                        lineColor: t ?? n.ownerState.color ?? g.palette.primary.main
                       }
                     )
                   }
                 }
               ),
               /* @__PURE__ */ e(
-                Lt,
+                vt,
                 {
-                  onItemClick: z,
-                  slots: st ? {
+                  onItemClick: $,
+                  slots: dt ? {
                     mark: (n) => /* @__PURE__ */ e(
-                      Rt,
+                      $t,
                       {
-                        handlers: U,
-                        labelBackgroundColor: B,
-                        labelFontColor: j,
-                        labelFontSize: q,
-                        showLabel: et,
-                        showMark: tt || n.dataIndex === d[0].length - 1,
-                        style: V?.(n.dataIndex) ?? {},
+                        handlers: K,
+                        labelBackgroundColor: R,
+                        labelFontColor: I,
+                        labelFontSize: U,
+                        showLabel: rt,
+                        showMark: nt || n.dataIndex === d[0].length - 1,
+                        style: Q?.(n.dataIndex) ?? {},
                         valueFormatterString: k,
-                        yData: C,
+                        yData: w,
                         ...n
                       }
                     )
@@ -494,17 +523,17 @@ const _t = ({
                 }
               ),
               /* @__PURE__ */ e(
-                ft,
+                gt,
                 {
                   barLabel: (n) => Number(n.value) > 0 ? `$${n.value}` : null,
                   borderRadius: 10
                 }
               ),
               /* @__PURE__ */ e(
-                kt,
+                Mt,
                 {
-                  disableLine: !rt,
-                  disableTicks: !at,
+                  disableLine: !it,
+                  disableTicks: !ot,
                   slotProps: r ? {
                     axisLine: {
                       style: {
@@ -517,14 +546,14 @@ const _t = ({
                       }
                     }
                   } : {},
-                  sx: { ...b }
+                  sx: { ...L }
                 }
               ),
               /* @__PURE__ */ e(
-                Mt,
+                wt,
                 {
-                  disableLine: !it,
-                  disableTicks: !ot,
+                  disableLine: !lt,
+                  disableTicks: !st,
                   slotProps: r ? {
                     axisLine: {
                       style: {
@@ -540,34 +569,34 @@ const _t = ({
                   sx: { ...x }
                 }
               ),
-              Z && /* @__PURE__ */ e(yt, { x: "line" }),
-              nt && /* @__PURE__ */ e(bt, { trigger: "axis", children: /* @__PURE__ */ e(
-                $t,
+              tt && /* @__PURE__ */ e(pt, { x: "line" }),
+              at && /* @__PURE__ */ e(bt, { trigger: "axis", children: /* @__PURE__ */ e(
+                Ht,
                 {
-                  customLabels: f,
-                  labels: A,
-                  series: I,
+                  customLabels: u,
+                  labels: T,
+                  series: B,
                   valueFormatterString: k
                 }
               ) })
             ]
           }
         ),
-        _ && /* @__PURE__ */ e(
-          Bt,
+        et && /* @__PURE__ */ e(
+          Et,
           {
-            average: G ? O : void 0,
-            customLegendBoxSx: i,
+            average: q ? F : void 0,
+            customLegendBoxSx: a,
             customLegendVariant: m,
-            labels: A,
-            series: I,
+            labels: T,
+            series: B,
             style: {
               position: "absolute",
               top: 16,
               left: 16,
               ...c
             },
-            title: lt,
+            title: ct,
             valueFormatterString: k
           }
         )
@@ -576,5 +605,5 @@ const _t = ({
   );
 };
 export {
-  _t as L
+  ne as L
 };

package/dist/accounts/index.es.js

@@ -11,7 +11,7 @@ import B from "@mui/material/ListSubheader";
 import W from "@mui/system/Stack";
 import { useTheme as M1, alpha as y1 } from "@mui/material/styles";
 import { u as R, A as x1 } from "../AccountDetailsHeader-DCTCLB3K.mjs";
-import { L as w1 } from "../LineChart-DvCvL2Ed.mjs";
+import { L as w1 } from "../LineChart-DVn1AamK.mjs";
 import { g as b1, a as S1, b as R1 } from "../SpendingData-Bz1bCWAs.mjs";
 import { m as T1, u as y, d as k, g as I, h as m1, b as G, a as E1 } from "../hooks-zu7yblbi.mjs";
 import { A as N, g as L, N as p1 } from "../Account-BiB1F8lL.mjs";

package/dist/common/components/charts/linechart/utils/markerShapes.d.ts

@@ -0,0 +1,3 @@
+export type MarkerShape = 'circle' | 'square' | 'wye' | 'star' | 'cross' | 'triangle' | 'diamond';
+export declare const MARKER_SHAPE_PATHS: Record<MarkerShape, string>;
+export declare function getMarkerShape(seriesIndex: number): MarkerShape;

package/dist/common/index.es.js

@@ -67,7 +67,7 @@ import { startOfToday as D } from "date-fns/startOfToday";
 import { f as rt, a as ot, b as A } from "../BudgetUtil-QbRXtLKn.mjs";
 import { g as _o, e as fo, c as mo, d as yo, i as So } from "../BudgetUtil-QbRXtLKn.mjs";
 import { D as at } from "../DebtsStore-BZqNLaqd.mjs";
-import { F as it } from "../FinstrongStore-DO0IrhF4.mjs";
+import { F as it } from "../FinstrongStore-BQxXxxYD.mjs";
 import { A as nt, m as ct, a as ut, b as dt } from "../InvestmentUtil-BItV7uEs.mjs";
 import { M as lt } from "../MerchantStore-BzGi4JAZ.mjs";
 import { N as ht } from "../NetWorthStore-DP78lgZ0.mjs";

package/dist/finstrong/components/shared/DoubleBarChart.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 export interface FinancialData {
+    year: number;
     month: number;
     standard_spend: number;
     income: number;

package/dist/finstrong/index.es.js

@@ -5,8 +5,8 @@ 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 { 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-DO0IrhF4.mjs";
-import { y as Ci, F as vi } from "../FinstrongStore-DO0IrhF4.mjs";
+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";
 import * as ot from "d3";
 import { observer as k } from "mobx-react-lite";
 import { u as v, b as J, a as je, o as ee, y as L, p as An, d as Se, m as Ke, f as On, j as Ve, h as Rn, i as Ln } from "../hooks-zu7yblbi.mjs";
@@ -14,7 +14,7 @@ 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-DvCvL2Ed.mjs";
+import { L as Xe } from "../LineChart-DVn1AamK.mjs";
 import { C as St } from "../ConnectionsDrawer-c7HaKeRj.mjs";
 import { C as ae } from "../ConnectDrawer-CVt-8rPJ.mjs";
 import le from "@mui/material/Tab";
@@ -1709,7 +1709,7 @@ const zo = ({ total: t }) => {
   totalMain: d
 }) => {
   const p = z(), u = qn(p.breakpoints.down("xs")), m = h.useMemo(
-    () => o.sort((g, y) => g.month - y.month).map((g) => {
+    () => o.sort((g, y) => g.year !== y.year ? g.year - y.year : g.month - y.month).map((g) => {
       const y = Mn(g.month), A = {
         spending_vs_income: {
           main: g.standard_spend,

package/dist/networth/index.es.js

@@ -3,7 +3,7 @@ import { fromUnixTime as oe } from "date-fns/fromUnixTime";
 import { observer as S } from "mobx-react-lite";
 import ie from "@mui/material/Stack/Stack";
 import { useTheme as j } from "@mui/material/styles";
-import { L as ae } from "../LineChart-DvCvL2Ed.mjs";
+import { L as ae } from "../LineChart-DVn1AamK.mjs";
 import { p as se, q as R, u as N, g as z, d as ce, b as Y } from "../hooks-zu7yblbi.mjs";
 import { u as q } from "../useScreenSize-B6JyS_Lj.mjs";
 import { f as le, D as me } from "../DateFormats-BMpMrZpW.mjs";

package/dist/trends/index.es.js

@@ -41,7 +41,7 @@ import { D as We } from "../Drawer-DV4NTsFg.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-Bmgv_UeH.mjs";
 import { L as Le } from "../Loader-D3rjKx72.mjs";
 import { W as dt } from "../WidgetContainer-DSs6lJbr.mjs";
-import { L as Be } from "../LineChart-DvCvL2Ed.mjs";
+import { L as Be } from "../LineChart-DVn1AamK.mjs";
 import { M as Xt } from "../MiniWidgetContainer-DhEx4qKi.mjs";
 import { subMonths as Zt } from "date-fns";
 import { TrendingUp as Qt, TrendingDown as qt, MultilineChart as Jt, ExpandLess as eo, ExpandMore as to, ArrowBack as oo } from "@mxenabled/mx-icons";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.11.18",
+  "version": "7.11.20",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",