@mx-cartographer/experiences 8.2.3 → 8.2.4-alpha-ram1-bug-testing

package/dist/{CurrencyDialog-d4dL7vA5.mjs → CurrencyDialog-DumQCTPO.mjs}

@@ -15,11 +15,11 @@ import { subMonths as Z } from "date-fns/subMonths";
 import C from "@mui/material/Button";
 import q from "@mui/material/Paper";
 import { H2 as D, Text as W, H3 as J, P as K } from "@mxenabled/mxui";
-import { ChevronLeft as P, ChevronRight as Q, Icon as U } from "@mxenabled/mx-icons";
-import { f as V, D as X } from "./DateFormats-HudZ3Bjs.mjs";
+import { ChevronLeft as Q, ChevronRight as U, Icon as V } from "@mxenabled/mx-icons";
+import { f as X, D as P } from "./DateFormats-HudZ3Bjs.mjs";
 import { isSameDay as d } from "date-fns/isSameDay";
 import { isWithinInterval as tt } from "date-fns/isWithinInterval";
-import nt from "@mui/material/styles/useTheme";
+import { useTheme as nt } from "@mui/material/styles";
 import et from "@mui/material/Dialog";
 import ot from "@mui/material/DialogActions";
 import rt from "@mui/material/DialogContent";
@@ -27,14 +27,14 @@ import at from "@mui/material/IconButton";
 import it from "@mui/material/InputAdornment";
 import j from "@mui/material/Stack";
 import lt from "@mui/material/TextField";
-import { u as mt } from "./useScreenSize-CeFhWTt_.mjs";
+import { u as mt } from "./useScreenSize-mWpmnh5w.mjs";
 const ct = ({ copy: t, date: r, onNextClick: o, onPreviousClick: l }) => {
   const c = st();
   return /* @__PURE__ */ p("div", { className: `mx-cmn-calendar-header ${c}`, children: [
-    /* @__PURE__ */ n(D, { className: "mx-cmn-calendar-header-title", variant: "h3", children: V(r, X.MONTH_YEAR) }),
+    /* @__PURE__ */ n(D, { className: "mx-cmn-calendar-header-title", variant: "h3", children: X(r, P.MONTH_YEAR) }),
     /* @__PURE__ */ p("div", { className: "mx-cmn-calendar-header-button-container", children: [
-      /* @__PURE__ */ n(C, { "aria-label": t.prevAria, onClick: l, children: /* @__PURE__ */ n(P, { size: 24 }) }),
-      /* @__PURE__ */ n(C, { "aria-label": t.nextAria, onClick: o, children: /* @__PURE__ */ n(Q, { size: 24 }) })
+      /* @__PURE__ */ n(C, { "aria-label": t.prevAria, onClick: l, children: /* @__PURE__ */ n(Q, { size: 24 }) }),
+      /* @__PURE__ */ n(C, { "aria-label": t.nextAria, onClick: o, children: /* @__PURE__ */ n(U, { size: 24 }) })
     ] })
   ] });
 }, st = () => A({
@@ -295,7 +295,7 @@ const Dt = ({
                       "aria-label": t,
                       onClick: x,
                       sx: { minHeight: 24, position: "absolute", right: 8, top: 18 },
-                      children: /* @__PURE__ */ n(U, { name: "close", sx: { color: "action.active" } })
+                      children: /* @__PURE__ */ n(V, { name: "close", sx: { color: "action.active" } })
                     }
                   )
                 ]
@@ -306,20 +306,22 @@ const Dt = ({
               o && /* @__PURE__ */ n(
                 lt,
                 {
-                  InputProps: {
-                    startAdornment: /* @__PURE__ */ n(it, { position: "start", children: "$" })
-                  },
                   autoFocus: !0,
                   inputMode: "decimal",
-                  inputProps: {
-                    "aria-label": o,
-                    noValidate: !0,
-                    pattern: "[0-9]*\\.?[0-9]*"
-                  },
                   label: o,
                   onChange: ({ target: { value: g } }) => {
                     /^\d*\.?\d*$/.test(g) && h?.(g);
                   },
+                  slotProps: {
+                    input: {
+                      startAdornment: /* @__PURE__ */ n(it, { position: "start", children: "$" })
+                    },
+                    htmlInput: {
+                      "aria-label": o,
+                      noValidate: !0,
+                      pattern: "[0-9]*\\.?[0-9]*"
+                    }
+                  },
                   type: "text",
                   value: l
                 }

package/dist/{CurrencyInput-B59ugxPN.mjs → CurrencyInput-adTIRtL3.mjs}

@@ -2,13 +2,13 @@ import { jsx as m } from "react/jsx-runtime";
 import i from "react";
 import { css as k } from "@mxenabled/cssinjs";
 import { v4 as q } from "uuid";
-import { TextField as B, P as _ } from "@mxenabled/mxui";
+import { TextField as B, P as p } from "@mxenabled/mxui";
 import { g as L, C as O, f as y, M as C } from "./NumberFormatting--XMeeBfr.mjs";
-import { b, g } from "./Localization-DnoVyBNK.mjs";
+import { b as h, g as b } from "./Localization-DnoVyBNK.mjs";
 import { u as W } from "./hooks-BaO_gOI6.mjs";
 const J = ({
   allowDecimals: o = !0,
-  ariaLabel: h,
+  ariaLabel: g,
   amount: c,
   amountIsRequired: M = !0,
   copy: a,
@@ -20,31 +20,31 @@ const J = ({
   setHasValidInput: r,
   ...N
 }) => {
-  const [d, t] = i.useState(""), { common: P } = W(), n = a || P.currency_input, R = j(), A = /^[0-9]*$/, E = /^(\d)*(\,)?([0-9]{1,2})?$/, T = /^(\d)*(\.)?([0-9]{1,2})?$/;
+  const [l, t] = i.useState(""), { common: R } = W(), n = a || R.currency_input, A = j(), E = /^[0-9]*$/, P = /^(\d)*(\,)?([0-9]{1,2})?$/, T = /^(\d)*(\.)?([0-9]{1,2})?$/;
   let s;
-  const l = i.useRef(q());
+  const d = i.useRef(q());
   if (o)
     switch (L()) {
       case O.CAD:
-        s = E;
+        s = P;
         break;
       default:
         s = T;
         break;
     }
   else
-    s = A;
+    s = E;
   i.useEffect(() => {
-    p(c);
+    _(c);
   }, [c]);
-  const p = (e) => {
+  const _ = (e) => {
     !M && (e === "" || e === "." || e === ",") ? (t(""), r?.(!1)) : Number(e) < f ? (t(
-      b(
+      h(
         n.error_amount_must_be_equal_to,
         y(f, "0")
       )
     ), r?.(!1)) : Number(e) > C ? (t(
-      b(
+      h(
         n.error_amount_must_be_less_than_or_equal_to,
         y(C, o ? "0,0.00" : "0,0", Math.floor)
       )
@@ -53,24 +53,26 @@ const J = ({
   return /* @__PURE__ */ m(
     B,
     {
-      InputProps: {
-        endAdornment: g().includes("fr-ca") ? /* @__PURE__ */ m(_, { children: "$" }) : void 0,
-        startAdornment: g().includes("fr-ca") ? void 0 : /* @__PURE__ */ m(_, { children: "$" })
-      },
-      className: `mx-cmn-currency-input ${R}`,
-      error: !!d,
-      helperText: d,
+      className: `mx-cmn-currency-input ${A}`,
+      error: !!l,
+      helperText: l,
       hiddenLabel: !u,
-      id: `currency-input-${l.current}`,
+      id: `currency-input-${d.current}`,
       inputMode: o ? "decimal" : "numeric",
-      inputProps: {
-        "aria-label": h || n.enter_amount,
-        noValidate: !0,
-        pattern: o ? "[0-9]*\\.?[0-9]*" : "[0-9]*"
-      },
       label: u,
-      name: `currency-input-${l.current}`,
-      onChange: (e) => p(e.target.value),
+      name: `currency-input-${d.current}`,
+      onChange: (e) => _(e.target.value),
+      slotProps: {
+        input: {
+          endAdornment: b().includes("fr-ca") ? /* @__PURE__ */ m(p, { children: "$" }) : void 0,
+          startAdornment: b().includes("fr-ca") ? void 0 : /* @__PURE__ */ m(p, { children: "$" })
+        },
+        htmlInput: {
+          "aria-label": g || n.enter_amount,
+          noValidate: !0,
+          pattern: o ? "[0-9]*\\.?[0-9]*" : "[0-9]*"
+        }
+      },
       value: c,
       ...N
     }

package/dist/{Dialog-iLlBR8TG.mjs → Dialog-CwWc0AbH.mjs}

@@ -1,7 +1,7 @@
-import { jsx as r, jsxs as y } from "react/jsx-runtime";
-import x from "@mui/material/Dialog";
-import P from "@mui/material/DialogContent";
-import { DialogHeader as u, DialogFooter as A } from "@mxenabled/mxui";
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import y from "@mui/material/Dialog";
+import x from "@mui/material/DialogContent";
+import { DialogHeader as P, DialogFooter as A } from "@mxenabled/mxui";
 const H = ({
   className: l,
   copy: o,
@@ -22,16 +22,16 @@ const H = ({
   }, h = () => {
     e && e(), a();
   };
-  return /* @__PURE__ */ r("div", { className: `mx-cmn-dialog ${l}`, children: /* @__PURE__ */ y(
-    x,
+  return /* @__PURE__ */ r("div", { className: `mx-cmn-dialog ${l}`, children: /* @__PURE__ */ u(
+    y,
     {
-      PaperProps: {
-        "aria-label": i
-      },
       "aria-label": i,
       "aria-labelledby": void 0,
       onClose: a,
       open: n,
+      slotProps: {
+        paper: { "aria-label": i }
+      },
       sx: {
         "& .MuiDialog-paperScrollPaper": {
           backgroundColor: "background.default"
@@ -40,8 +40,8 @@ const H = ({
       },
       ...f,
       children: [
-        /* @__PURE__ */ r(u, { copy: { title: i, close_aria: D }, onClose: a }),
-        /* @__PURE__ */ r(P, { sx: { lineHeight: 1.5 }, children: g }),
+        /* @__PURE__ */ r(P, { copy: { title: i, close_aria: D }, onClose: a, truncate: !0 }),
+        /* @__PURE__ */ r(x, { sx: { lineHeight: 1.5 }, children: g }),
         /* @__PURE__ */ r(
           A,
           {

package/dist/{Drawer-XPaLYjiO.mjs → Drawer-BXqqBMxg.mjs}

@@ -9,12 +9,12 @@ const $ = ({
   footerStyles: a = {},
   hasSecondaryAction: t = !0,
   isPrimaryDisabled: i,
-  onPrimaryAction: o,
-  onSecondaryAction: e,
-  primaryButtonProps: n = {},
+  onPrimaryAction: e,
+  onSecondaryAction: o,
+  primaryButtonProps: l = {},
   primaryColor: c = "primary",
   primaryText: d = "Save",
-  secondaryColor: l = "primary",
+  secondaryColor: n = "primary",
   secondaryText: p = "Cancel"
 }) => /* @__PURE__ */ u(
   h,
@@ -31,19 +31,19 @@ const $ = ({
       t && /* @__PURE__ */ r(
         b,
         {
-          color: l,
-          onClick: e,
-          variant: o ? "outlined" : "contained",
+          color: n,
+          onClick: o,
+          variant: e ? "outlined" : "contained",
           children: p
         }
       ),
-      o && /* @__PURE__ */ r(
+      e && /* @__PURE__ */ r(
         b,
         {
-          ...n,
+          ...l,
           color: c,
           disabled: i,
-          onClick: o,
+          onClick: e,
           variant: "contained",
           children: d
         }
@@ -54,12 +54,12 @@ const $ = ({
   ariaLabelClose: a,
   onClose: t,
   shouldShowBorders: i,
-  shouldShowShadow: o,
-  title: e
+  shouldShowShadow: e,
+  title: o
 }) => /* @__PURE__ */ u(
   h,
   {
-    "aria-labelledby": `${e?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
+    "aria-labelledby": `${o?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
     direction: "row",
     sx: {
       alignItems: "center",
@@ -68,7 +68,7 @@ const $ = ({
         borderBottom: 1,
         borderColor: "divider"
       },
-      ...o && {
+      ...e && {
         boxShadow: "0px 2px 8px 0px #6A73811F"
       },
       padding: "8px 8px 8px 8px"
@@ -87,9 +87,9 @@ const $ = ({
             D,
             {
               bold: !0,
-              id: `${e?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
+              id: `${o?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
               variant: "body1",
-              children: e
+              children: o
             }
           )
         }
@@ -101,12 +101,12 @@ const $ = ({
   ariaLabelClose: a = "Close",
   children: t,
   footerStyles: i = {},
-  hasSecondaryAction: o = !0,
-  id: e,
-  isOpen: n,
+  hasSecondaryAction: e = !0,
+  id: o,
+  isOpen: l,
   isPrimaryDisabled: c,
   onClose: d,
-  onPrimaryAction: l,
+  onPrimaryAction: n,
   onSecondaryAction: p,
   primaryButtonProps: g,
   primaryColor: m = "primary",
@@ -120,13 +120,11 @@ const $ = ({
 }) => /* @__PURE__ */ r(
   v,
   {
-    id: e,
-    isOpen: n,
+    id: o,
+    isOpen: l,
     onClose: d,
     slotProps: {
-      root: {
-        role: "dialog",
-        "aria-modal": "true",
+      paper: {
         "aria-labelledby": `${x?.replace(/\s+/g, "-").toLowerCase()}-header-title`
       }
     },
@@ -153,13 +151,13 @@ const $ = ({
         }
       ),
       /* @__PURE__ */ r(s, { height: "100%", overflow: "auto", children: t }),
-      l && /* @__PURE__ */ r(
+      n && /* @__PURE__ */ r(
         $,
         {
           footerStyles: i,
-          hasSecondaryAction: o,
+          hasSecondaryAction: e,
           isPrimaryDisabled: c,
-          onPrimaryAction: l,
+          onPrimaryAction: n,
           onSecondaryAction: p ?? d,
           primaryButtonProps: g,
           primaryColor: m,

package/dist/{EmbeddedCard-BNl3quCs.mjs → EmbeddedCard-DPwJjqMH.mjs}

@@ -18,14 +18,14 @@ import { f as H } from "./NumberFormatting--XMeeBfr.mjs";
 import { L as _t } from "./ListItemWrapper-B5r-YQQ_.mjs";
 import { fromUnixTime as v } from "date-fns/fromUnixTime";
 import { isSameDay as F } from "date-fns/isSameDay";
-import { f as pt, D as ut } from "./DateFormats-HudZ3Bjs.mjs";
+import { f as ut, D as pt } from "./DateFormats-HudZ3Bjs.mjs";
 import { i as mt } from "./DateUtil-Bhq59ZVg.mjs";
 import { L as Z } from "./Loader-CxeBwuPG.mjs";
 import { A as gt } from "./Analytics-CzGzz_sE.mjs";
 import At from "@mui/material/Tab";
 import Nt from "@mui/material/Tabs";
 import ft from "@mui/material/IconButton";
-import { D as It } from "./Drawer-XPaLYjiO.mjs";
+import { D as It } from "./Drawer-BXqqBMxg.mjs";
 import { ChartContainer as xt, ChartsReferenceLine as U, ChartsXAxis as St, BarPlot as Ot } from "@mui/x-charts";
 import Dt from "@mui/material/Card";
 const K = () => {
@@ -99,7 +99,7 @@ function fe(t) {
   });
 }
 const yt = ({ transaction: t, onClick: r }) => {
-  const i = M().palette.mode === "dark", { associatedBeats: o } = G(), { expandedSplits: c } = K(), { transactions: T } = z(), { showInsights: g } = K(), C = t.transaction_type === it.CREDIT, d = I.useMemo(() => o.find((a) => a.associated_transaction_guid === t.guid), [o, t]), u = (a, p) => {
+  const i = M().palette.mode === "dark", { associatedBeats: o } = G(), { expandedSplits: c } = K(), { transactions: T } = z(), { showInsights: g } = K(), C = t.transaction_type === it.CREDIT, d = I.useMemo(() => o.find((a) => a.associated_transaction_guid === t.guid), [o, t]), p = (a, u) => {
     const A = [];
     return a.is_flagged && A.push(
       /* @__PURE__ */ e(
@@ -108,12 +108,12 @@ const yt = ({ transaction: t, onClick: r }) => {
           fill: !0,
           name: "flag",
           size: 16,
-          sx: { color: p ? "primary.main" : "warning.dark" }
+          sx: { color: u ? "primary.main" : "warning.dark" }
         },
         "flag"
       )
     ), a.is_hidden && A.push(/* @__PURE__ */ e(k, { name: "visibility_off", size: 16 }, "hidden")), a.has_been_split && A.push(/* @__PURE__ */ e(k, { name: "call_split", size: 16 }, "split")), A;
-  }, _ = (a, p) => a.is_hidden ? p.is_excluded : a.has_been_split ? p.split_transaction_category_label : a.category || "";
+  }, _ = (a, u) => a.is_hidden ? u.is_excluded : a.has_been_split ? u.split_transaction_category_label : a.category || "";
   return (
     //TODO: implement common/components/ListItemRow.tsx
     /* @__PURE__ */ s(
@@ -136,8 +136,8 @@ const yt = ({ transaction: t, onClick: r }) => {
               disableTypography: !0,
               secondary: /* @__PURE__ */ s(l, { direction: "row", justifyContent: "space-between", children: [
                 /* @__PURE__ */ s(l, { alignItems: "center", direction: "row", gap: 4, children: [
-                  u(t, i),
-                  /* @__PURE__ */ e(m, { variant: "caption", children: _(t, T) })
+                  p(t, i),
+                  /* @__PURE__ */ e(m, { truncate: !0, variant: "caption", children: _(t, T) })
                 ] }),
                 d && g && /* @__PURE__ */ e(
                   m,
@@ -147,13 +147,14 @@ const yt = ({ transaction: t, onClick: r }) => {
                     onClick: (a) => {
                       a.stopPropagation(), a.preventDefault(), Lt(d.guid);
                     },
+                    truncate: !0,
                     variant: "caption",
                     children: d.short_title
                   }
                 )
               ] }),
               children: /* @__PURE__ */ s(l, { direction: "row", justifyContent: "space-between", sx: { gap: 8 }, children: [
-                /* @__PURE__ */ e(m, { bold: !0, variant: "body1", children: t.payee || t.description || t.feed_description }),
+                /* @__PURE__ */ e(m, { bold: !0, truncate: !0, variant: "body1", children: t.payee || t.description || t.feed_description }),
                 /* @__PURE__ */ s(
                   m,
                   {
@@ -191,7 +192,7 @@ const yt = ({ transaction: t, onClick: r }) => {
   const n = v(r[t].date), i = v(r[t + 1]?.date);
   return F(n, i);
 }, Ie = (t) => t?.data ? t.data.map((r) => Object.fromEntries((t.names || []).map((n, i) => [n, r[i]]))) : [], xe = (t, r = "") => t.map((i) => {
-  const o = pt(i.date, ut.MONTH_SHORT);
+  const o = ut(i.date, pt.MONTH_SHORT);
   return {
     ariaLabel: `
         ${o},
@@ -213,10 +214,10 @@ const yt = ({ transaction: t, onClick: r }) => {
   width: C = "100%",
   zeroState: d = /* @__PURE__ */ e(vt, {})
 }) => {
-  const { isLoading: u, sortedTransactions: _ } = G(), a = I.useMemo(() => {
+  const { isLoading: p, sortedTransactions: _ } = G(), a = I.useMemo(() => {
     const N = r ? _.filter(r) : _;
     return g ?? N;
-  }, [_, g]), { clearExpandedSplits: p, setShowInsights: A, toggleSplit: b } = K(), { onEvent: S } = dt(), O = (N) => {
+  }, [_, g]), { clearExpandedSplits: u, setShowInsights: A, toggleSplit: b } = K(), { onEvent: S } = dt(), O = (N) => {
     const D = a.find((y) => y.guid === N);
     if (D?.has_been_split) {
       b(D.guid);
@@ -232,7 +233,7 @@ const yt = ({ transaction: t, onClick: r }) => {
     estimateSize: (N) => B + (W(N, a) ? j : 0),
     overscan: 5
   });
-  return I.useEffect(() => f.measure(), [a]), I.useEffect(() => A(c), [c]), I.useEffect(() => () => p(), []), /* @__PURE__ */ e(ct, { component: "div", role: "list", sx: { width: C }, children: /* @__PURE__ */ e(L, { height: n, overflow: "auto", ref: w, role: "presentation", width: C, children: /* @__PURE__ */ s(
+  return I.useEffect(() => f.measure(), [a]), I.useEffect(() => A(c), [c]), I.useEffect(() => () => u(), []), /* @__PURE__ */ e(ct, { component: "div", role: "list", sx: { width: C }, children: /* @__PURE__ */ e(L, { height: n, overflow: "auto", ref: w, role: "presentation", width: C, children: /* @__PURE__ */ s(
     L,
     {
       height: (
@@ -243,9 +244,9 @@ const yt = ({ transaction: t, onClick: r }) => {
       role: "presentation",
       width: "100%",
       children: [
-        (u || T) && i,
-        !u && !T && f.getVirtualItems().length === 0 && d,
-        !u && !T && f.getVirtualItems().length > 0 && f.getVirtualItems().map((N) => {
+        (p || T) && i,
+        !p && !T && f.getVirtualItems().length === 0 && d,
+        !p && !T && f.getVirtualItems().length > 0 && f.getVirtualItems().map((N) => {
           const D = a[N.index], y = W(N.index, a), h = Gt(N.index, a), x = B + (y ? j : 0);
           return /* @__PURE__ */ s(
             L,
@@ -323,13 +324,13 @@ const yt = ({ transaction: t, onClick: r }) => {
   onTabChange: g,
   tipSection: C
 }) => {
-  const { heading: d, subHeading: u } = r, _ = X(
+  const { heading: d, subHeading: p } = r, _ = X(
     () => c ?? (o.length ? o.length - 1 : 0),
     [c, o.length]
-  ), [a, p] = P(_), A = (S, O) => {
-    g?.(O), p(O);
+  ), [a, u] = P(_), A = (S, O) => {
+    g?.(O), u(O);
   }, b = (S) => {
-    p(S);
+    u(S);
   };
   return /* @__PURE__ */ s(L, { sx: { bgcolor: "background.paper", width: "100%" }, children: [
     /* @__PURE__ */ e(Nt, { "aria-label": t, onChange: A, value: a, variant: "fullWidth", children: o.map((S, O) => /* @__PURE__ */ e(
@@ -341,11 +342,11 @@ const yt = ({ transaction: t, onClick: r }) => {
       },
       `${S.label}-${O}`
     )) }),
-    /* @__PURE__ */ e(l, { sx: { pt: 16, px: 24 }, children: (d || u) && /* @__PURE__ */ s(l, { sx: { gap: 4 }, children: [
+    /* @__PURE__ */ e(l, { sx: { pt: 16, px: 24 }, children: (d || p) && /* @__PURE__ */ s(l, { sx: { gap: 4 }, children: [
       d && /* @__PURE__ */ e(tt, { children: d }),
-      u && /* @__PURE__ */ s(l, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+      p && /* @__PURE__ */ s(l, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
         T,
-        /* @__PURE__ */ e(m, { textTransform: "uppercase", variant: "body2", children: u.description })
+        /* @__PURE__ */ e(m, { textTransform: "uppercase", variant: "body2", children: p.description })
       ] })
     ] }) }),
     n?.(a, b),
@@ -441,13 +442,13 @@ const yt = ({ transaction: t, onClick: r }) => {
   style: c,
   ...T
 }) => {
-  const g = M(), { ariaLabel: C, formattedAmount: d } = r[n], u = o === n ? "bold" : 400, _ = c.x ?? 0, a = c.y ?? 0, p = c.width ?? 0, A = c.height ?? 0;
+  const g = M(), { ariaLabel: C, formattedAmount: d } = r[n], p = o === n ? "bold" : 400, _ = c.x ?? 0, a = c.y ?? 0, u = c.width ?? 0, A = c.height ?? 0;
   return /* @__PURE__ */ s("g", { "aria-label": C, children: [
     /* @__PURE__ */ e(
       "path",
       {
         ...T,
-        d: Ut(p, A),
+        d: Ut(u, A),
         fill: t[n],
         transform: `translate(${_}, ${a})`
       }
@@ -457,9 +458,9 @@ const yt = ({ transaction: t, onClick: r }) => {
       {
         fill: g.palette.text.primary,
         fontSize: 11,
-        fontWeight: i ? "bold" : u,
+        fontWeight: i ? "bold" : p,
         textAnchor: "middle",
-        x: _ + p / 2,
+        x: _ + u / 2,
         y: a - 8,
         children: d
       }
@@ -481,9 +482,9 @@ const yt = ({ transaction: t, onClick: r }) => {
   monthlyAmountLabel: g,
   removeSelectedTabColorChange: C,
   selectedTabIndex: d,
-  trendAmountLabel: u
+  trendAmountLabel: p
 }) => {
-  const _ = I.useRef(null), { height: a, width: p } = Vt(_), A = M(), b = I.useMemo(() => {
+  const _ = I.useRef(null), { height: a, width: u } = Vt(_), A = M(), b = I.useMemo(() => {
     const h = n.map(({ value: R }) => R), x = Math.min(...h), E = Math.max(...h);
     return {
       series: [
@@ -521,9 +522,9 @@ const yt = ({ transaction: t, onClick: r }) => {
       monthlyAmount: O.formattedAmount,
       monthlyAmountLabel: g,
       trendAmount: t?.formattedAverage,
-      trendAmountLabel: u
+      trendAmountLabel: p
     }
-  ), D = g || u, y = (h, { dataIndex: x }) => c?.(x);
+  ), D = g || p, y = (h, { dataIndex: x }) => c?.(x);
   return /* @__PURE__ */ s(l, { sx: { alignItems: "center", width: "100%" }, children: [
     D && T === "top" && N,
     /* @__PURE__ */ e(
@@ -555,7 +556,7 @@ const yt = ({ transaction: t, onClick: r }) => {
               top: o.top || 45
             },
             series: b.series,
-            width: p,
+            width: u,
             xAxis: b.xAxis,
             yAxis: [{ width: 0 }],
             children: [
@@ -585,7 +586,6 @@ const yt = ({ transaction: t, onClick: r }) => {
               /* @__PURE__ */ e(
                 St,
                 {
-                  position: "bottom",
                   slots: {
                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
                     axisTickLabel: ({ text: h, ownerState: x, ...E }) => {
@@ -665,11 +665,11 @@ const yt = ({ transaction: t, onClick: r }) => {
   onClose: g,
   onTabChange: C,
   tipSection: d,
-  title: u,
+  title: p,
   transactionListProps: _ = {}
 }) => {
-  const { common: a, transactions: p } = z(), { isCopyLoaded: A } = Tt(), { sortedTransactionsWithSplits: b, tags: S } = G();
-  return A ? /* @__PURE__ */ e(It, { ariaLabelClose: a.close_aria, isOpen: T, onClose: g, title: u, children: /* @__PURE__ */ e(
+  const { common: a, transactions: u } = z(), { isCopyLoaded: A } = Tt(), { sortedTransactionsWithSplits: b, tags: S } = G();
+  return A ? /* @__PURE__ */ e(It, { ariaLabelClose: a.close_aria, isOpen: T, onClose: g, title: p, children: /* @__PURE__ */ e(
     $t,
     {
       ariaLabel: t,
@@ -705,7 +705,7 @@ const yt = ({ transaction: t, onClick: r }) => {
               px: 24
             },
             children: [
-              /* @__PURE__ */ e(m, { bold: !0, variant: "body1", children: p.transactions_title }),
+              /* @__PURE__ */ e(m, { bold: !0, variant: "body1", children: u.transactions_title }),
               (_?.transaction || b.length > 0) && /* @__PURE__ */ e(
                 Y,
                 {
@@ -717,7 +717,7 @@ const yt = ({ transaction: t, onClick: r }) => {
                   },
                   startIcon: /* @__PURE__ */ e(rt, { name: "ios_share" }),
                   sx: { height: 28 },
-                  children: /* @__PURE__ */ e(m, { bold: !0, variant: "body2", children: p.export_csv_btn })
+                  children: /* @__PURE__ */ e(m, { bold: !0, variant: "body2", children: u.export_csv_btn })
                 }
               )
             ]