@mx-cartographer/experiences 7.3.2 → 7.4.0

package/dist/{TransactionStore-CtGTg0XS.mjs → TransactionStore-Dz-G8Wd0.mjs}

@@ -13,12 +13,12 @@ import { isBefore as Y } from "date-fns/isBefore";
 import { startOfMonth as R } from "date-fns/startOfMonth";
 import { startOfToday as b } from "date-fns/startOfToday";
 import { subDays as F } from "date-fns/subDays";
-import { O as n, a as G, T as w } from "./User-Bj34_i8g.mjs";
+import { O as n, a as G, T as w } from "./User-wXzDI4M8.mjs";
 import { T as p } from "./TransactionApi-CjBoLleL.mjs";
 import { b as W } from "./Category-CevNQ03n.mjs";
-import { f as z } from "./exportTransactionsToCSV-C4PkIYP6.mjs";
+import { f as z } from "./exportTransactionsToCSV-Cz2t0lmA.mjs";
 import { format as k } from "date-fns/format";
-import { f as g, D as O, O as $ } from "./Dialog-CWW597AF.mjs";
+import { f as g, a as O, O as $ } from "./Dialog-BPTr3qHE.mjs";
 import { endOfMonth as X } from "date-fns/endOfMonth";
 import { B as f } from "./BeatApi-De2IaqH2.mjs";
 const j = ({

package/dist/{TrendsStore-5PvDT_o6.mjs → TrendsStore-BW9FGQeE.mjs}

@@ -12,7 +12,7 @@ import { differenceInCalendarMonths as w } from "date-fns/differenceInCalendarMo
 import { endOfMonth as D } from "date-fns/endOfMonth";
 import { subMonths as I } from "date-fns/subMonths";
 import { b as E, C as _, c as O } from "./Category-CevNQ03n.mjs";
-import { f as L, D as T } from "./Dialog-CWW597AF.mjs";
+import { f as L, a as T } from "./Dialog-BPTr3qHE.mjs";
 const at = ({
   onClick: e,
   leftIcon: t,

package/dist/{User-Bj34_i8g.mjs → User-wXzDI4M8.mjs}

@@ -16,13 +16,13 @@ import E from "@mui/material/Button";
 import Y from "@mui/material/Paper";
 import { useTokens as v, H2 as z, Text as G } from "@mxenabled/mxui";
 import { ChevronLeft as X, ChevronRight as Z } from "@mxenabled/mx-icons";
-import { f as q, D as J } from "./Dialog-CWW597AF.mjs";
+import { f as q, a as J } from "./Dialog-BPTr3qHE.mjs";
 import { isSameDay as T } from "date-fns/isSameDay";
 import { isWithinInterval as Q } from "date-fns/isWithinInterval";
 import nn from "@mui/material/styles/useTheme";
 import k from "@mui/material/ListItem";
 import an from "@mui/material/ListItemButton";
-import { g as tn } from "./hooks-Cy8JnjCg.mjs";
+import { g as tn } from "./hooks-C41HAxM5.mjs";
 var on = /* @__PURE__ */ ((n) => (n[n.CREDIT = 1] = "CREDIT", n[n.DEBIT = 2] = "DEBIT", n))(on || {}), en = /* @__PURE__ */ ((n) => (n[n.POSTED = 1] = "POSTED", n[n.PENDING = 2] = "PENDING", n))(en || {});
 const rn = ({ copy: n, date: a, onNextClick: o, onPreviousClick: r }) => {
   const c = v(), l = cn(c);

package/dist/{WidgetContainer-BnTgAfQn.mjs → WidgetContainer-6dsjtOVg.mjs}

@@ -13,7 +13,7 @@ import { ChevronLeft as le } from "@mxenabled/mx-icons";
 import { Icon as T, Text as X, DateRangePicker as J, H1 as Ce, H3 as de } from "@mxenabled/mxui";
 import { u as Te } from "./useDimensions-27p2evRx.mjs";
 import { L as Ie } from "./Loader-DUaFpDGv.mjs";
-import { g as Ee, b as Re, u as ge, a as Ae, W as Se } from "./hooks-Cy8JnjCg.mjs";
+import { g as Ee, b as Re, u as ge, a as Ae, W as Se } from "./hooks-C41HAxM5.mjs";
 import { u as ie } from "./useScreenSize-B6JyS_Lj.mjs";
 import { addMonths as Q } from "date-fns/addMonths";
 import { addDays as ue } from "date-fns/addDays";
@@ -35,9 +35,9 @@ import be from "@mui/material/Tabs";
 import we from "@mui/material/ToggleButton";
 import Ke from "@mui/material/ToggleButtonGroup";
 import Ge from "@mui/material/styles/useTheme";
-import { f as K, D as G, a as Me } from "./Dialog-CWW597AF.mjs";
-import { D as We } from "./Drawer-kEE73B87.mjs";
-import { k as ye, l as xe } from "./ConnectDrawer-CbxHKlRv.mjs";
+import { f as K, a as G, D as Me } from "./Dialog-BPTr3qHE.mjs";
+import { D as We } from "./Drawer-BEtCk82g.mjs";
+import { k as ye, l as xe } from "./ConnectDrawer-CuUj16NH.mjs";
 const ve = {
   ACCOUNTS_CLICK_ACCOUNT: "accounts_widget_click_account",
   ACCOUNTS_CLICK_CONNECT: "accounts_widget_click_connect_accounts",

package/dist/accounts/components/AccountsListCompact.d.ts

@@ -0,0 +1,10 @@
+import { Account, AccountType } from '../../common';
+interface AccountsListCompactProps {
+    onClick?: (account: Account) => void;
+    shouldShowBalance?: boolean;
+    loadAccounts?: AccountType[];
+}
+declare const _default: (({ onClick, shouldShowBalance, loadAccounts, }: AccountsListCompactProps) => import("react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+export default _default;

package/dist/accounts/index.es.js

@@ -8,28 +8,28 @@ import O from "@mui/material/ListSubheader";
 import y from "@mui/system/Stack";
 import { Text as g } from "@mxenabled/mxui";
 import { useTheme as J } from "@mui/material/styles";
-import { u as D, A as Q } from "../AccountDetailsHeader-jAFWoHj7.mjs";
-import { L as X } from "../LineChart-eK4IQImU.mjs";
-import { g as e1, a as t1, b as n1 } from "../SpendingData-D5vsfYKo.mjs";
-import { m as l1, u as M, b, d as N, g as U, a as i1, n as o1 } from "../hooks-Cy8JnjCg.mjs";
-import { A as W, l as P, m as C1 } from "../ConnectDrawer-CbxHKlRv.mjs";
-import { F as o3, M as C3 } from "../ConnectDrawer-CbxHKlRv.mjs";
-import { I as G, P as $, S as j } from "../Account-YwUMFz93.mjs";
-import { a as d1 } from "../AccountFields-DPxMPBF0.mjs";
-import { g as c3, b as s3 } from "../AccountFields-DPxMPBF0.mjs";
-import { A as B } from "../AccountListItem-D6rWAreC.mjs";
-import { A as c1 } from "../AccountDetailsContent-BgCST7mK.mjs";
-import { u as r3 } from "../AccountDetailsContent-BgCST7mK.mjs";
+import { u as D, A as Q } from "../AccountDetailsHeader-CRzfuFA2.mjs";
+import { L as X } from "../LineChart-DttMO7uS.mjs";
+import { g as e1, a as t1, b as n1 } from "../SpendingData-BuJ03S9d.mjs";
+import { m as l1, u as M, b, d as N, g as U, a as i1, n as o1 } from "../hooks-C41HAxM5.mjs";
+import { A as W, l as P, m as C1 } from "../ConnectDrawer-CuUj16NH.mjs";
+import { F as o3, M as C3 } from "../ConnectDrawer-CuUj16NH.mjs";
+import { I as G, P as $, S as j } from "../Account-01wOyrH1.mjs";
+import { a as d1 } from "../AccountFields-CPkGZ3SD.mjs";
+import { g as c3, b as s3 } from "../AccountFields-CPkGZ3SD.mjs";
+import { A as B } from "../AccountListItem-D4uG9yC-.mjs";
+import { A as c1 } from "../AccountDetailsContent-gke-5zMF.mjs";
+import { u as r3 } from "../AccountDetailsContent-gke-5zMF.mjs";
 import { f as I } from "../NumberFormatting-Buh7u8Oi.mjs";
-import { D as s1 } from "../Drawer-kEE73B87.mjs";
-import { A as S, W as a1 } from "../WidgetContainer-BnTgAfQn.mjs";
-import { C as r1 } from "../ConnectionsDrawer-C6kanU7I.mjs";
+import { D as s1 } from "../Drawer-BEtCk82g.mjs";
+import { A as S, W as a1 } from "../WidgetContainer-6dsjtOVg.mjs";
+import { C as r1 } from "../ConnectionsDrawer-Bz4uwdFE.mjs";
 import { u as Y } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as _ } from "../Loader-DUaFpDGv.mjs";
 import L1 from "@mui/material/ListItem";
-import { M as K } from "../MiniWidgetContainer-BdgBvpga.mjs";
+import { M as K } from "../MiniWidgetContainer-CmXpTylX.mjs";
 import u1 from "@mui/material/Stack";
-import { A as u3, a as h3 } from "../AccountStore-B5E98oM1.mjs";
+import { A as u3, a as h3 } from "../AccountStore-C1zMBzHq.mjs";
 const h1 = (i, o) => {
   const l = G.includes(o) ? e1(i) : [], t = $.includes(o) ? t1(i) : [], L = j.includes(o) ? n1(i) : [];
   return [l, t, L].filter((C) => C.length > 0);

package/dist/accounts/stores/AccountStore.d.ts

@@ -30,6 +30,8 @@ export declare class AccountStore {
     get visibleRetirementAccounts(): Account[];
     get visibleInvestmentAccounts(): Account[];
     get visibleSavingsAccounts(): Account[];
+    get savingsAndCheckingAccountsBalance(): number;
+    get savingsAndCheckingAccounts(): Account[];
     addAccount: (account: Account) => Promise<void>;
     augmentAccounts: (accounts?: Account[]) => Account[];
     loadAccounts: (accountsOverride?: Account[]) => Promise<void>;

package/dist/analytics/index.es.js

@@ -8,8 +8,8 @@ import a from "@mui/material/Stack";
 import _ from "@mui/material/styles/useTheme";
 import { Text as u, TextField as L } from "@mxenabled/mxui";
 import { L as W } from "../Loader-DUaFpDGv.mjs";
-import { M as j } from "../MiniWidgetContainer-BdgBvpga.mjs";
-import { k as f, u as b, g as q, b as E } from "../hooks-Cy8JnjCg.mjs";
+import { M as j } from "../MiniWidgetContainer-CmXpTylX.mjs";
+import { k as f, u as b, g as q, b as E } from "../hooks-C41HAxM5.mjs";
 import Q from "@mui/material/ToggleButton";
 import G from "@mui/material/ToggleButtonGroup";
 const O = () => {

package/dist/budgets/index.es.js

@@ -8,7 +8,7 @@ import S from "@mui/material/Stack";
 import te from "@mui/material/styles/useTheme";
 import { Text as b, CategoryIcon as K, Icon as N, H1 as Ue, H3 as Ae } from "@mxenabled/mxui";
 import X from "@mui/material/List";
-import { u as w, i as D, j as ne, m as z, q as oe, g as V, b as ae, h as re, a as Fe, d as Te, n as He } from "../hooks-Cy8JnjCg.mjs";
+import { u as w, i as D, j as ne, m as z, q as oe, g as V, b as ae, h as re, a as Fe, d as Te, n as He } from "../hooks-C41HAxM5.mjs";
 import { f as T } from "../NumberFormatting-Buh7u8Oi.mjs";
 import we from "@mui/material/Button";
 import se from "@mui/material/Divider";
@@ -17,37 +17,37 @@ import ie from "@mui/material/ListItemAvatar";
 import Z from "@mui/material/ListItemButton";
 import q from "@mui/material/ListItemText";
 import { b as R } from "../Localization-2MODESHW.mjs";
-import { D as k } from "../Drawer-kEE73B87.mjs";
+import { D as k } from "../Drawer-BEtCk82g.mjs";
 import We from "@mui/material/ListItemSecondaryAction";
-import { C as Ke } from "../CurrencyInput-lSC7oPDg.mjs";
-import { a as G } from "../Dialog-CWW597AF.mjs";
-import { C as Xe } from "../ConnectionsDrawer-C6kanU7I.mjs";
+import { C as Ke } from "../CurrencyInput-xH-hqry9.mjs";
+import { D as G } from "../Dialog-BPTr3qHE.mjs";
+import { C as Xe } from "../ConnectionsDrawer-Bz4uwdFE.mjs";
 import * as O from "d3";
 import Ve from "@mui/material/Tooltip";
 import { useTheme as Ye } from "@mui/material/styles";
 import { u as ce } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as j } from "../Loader-DUaFpDGv.mjs";
-import { E as me } from "../EmptyState-DA_lfRBv.mjs";
-import { A as L, W as Ze } from "../WidgetContainer-BnTgAfQn.mjs";
-import { u as qe } from "../BudgetUtil-CXvenbdN.mjs";
-import { M as Je } from "../MiniWidgetContainer-BdgBvpga.mjs";
+import { E as me } from "../EmptyState-DoxNUae-.mjs";
+import { A as L, W as Ze } from "../WidgetContainer-6dsjtOVg.mjs";
+import { u as qe } from "../BudgetUtil-wjoNuj7B.mjs";
+import { M as Je } from "../MiniWidgetContainer-CmXpTylX.mjs";
 import { isAfter as Qe } from "date-fns/isAfter";
 import { startOfToday as J } from "date-fns/startOfToday";
 import et from "@mui/material/Alert";
 import tt from "@mui/material/Snackbar";
 import Ce from "@mui/material/Tab";
 import nt from "@mui/material/Tabs";
-import { e as ot } from "../exportTransactionsToCSV-C4PkIYP6.mjs";
-import { T as De, a as at } from "../TransactionDetails-BUoNbsu-.mjs";
+import { e as ot } from "../exportTransactionsToCSV-Cz2t0lmA.mjs";
+import { T as De, a as at } from "../TransactionDetails-CtbBBSoU.mjs";
 import fe from "@mui/material/Card";
 import be from "@mui/material/CardContent";
 import { S as he } from "../StatusBar-BK_uYHAB.mjs";
 import { S as Ie } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { u as rt, b as st } from "../CategorySelectorDrawer-Buy70Y3V.mjs";
+import { u as rt, b as st } from "../CategorySelectorDrawer-DqJK_rrL.mjs";
 import Ee from "@mui/material/CardHeader";
 import { subDays as it } from "date-fns/subDays";
 import ct from "@mui/material/IconButton";
-import { M as lt } from "../ManageIncome-Cypo9qY4.mjs";
+import { M as lt } from "../ManageIncome-CU5C0AeO.mjs";
 const dt = I(() => {
   const { budgets: t } = w(), { totalBudgeted: o } = D(), { incomeTotal: i } = ne(), s = i - o;
   return /* @__PURE__ */ m(S, { direction: "row", justifyContent: "center", my: 16, spacing: 20, children: [

package/dist/cashflow/index.es.js

@@ -3,28 +3,28 @@ import p, { useState as J } from "react";
 import { observer as L } from "mobx-react-lite";
 import { addMonths as Xe } from "date-fns/addMonths";
 import { startOfToday as $ } from "date-fns/startOfToday";
-import D from "@mui/material/Box";
-import v from "@mui/material/Divider";
+import v from "@mui/material/Box";
+import D from "@mui/material/Divider";
 import s from "@mui/material/Stack";
 import ce from "@mui/material/styles/useTheme";
 import { Text as u, P as k, Icon as j, InstitutionLogo as ye, H1 as me, H2 as Ye } from "@mxenabled/mxui";
-import { G as Qe, v as ue, u as N, q as le, d as Ne, b as Y, j as P, g as ke, p as He, h as Fe, n as Ve, a as Ke } from "../hooks-Cy8JnjCg.mjs";
+import { G as Qe, v as ue, u as N, q as le, d as Ne, b as Y, j as P, g as ke, p as He, h as Fe, n as Ve, a as Ke } from "../hooks-C41HAxM5.mjs";
 import { C as O } from "../CurrencyText-kyC1aseI.mjs";
 import { u as he } from "../useScreenSize-B6JyS_Lj.mjs";
 import { L as te } from "../Loader-DUaFpDGv.mjs";
 import { I as pe } from "../CashflowStore-D9Dpuz7X.mjs";
 import { C as zn } from "../CashflowStore-D9Dpuz7X.mjs";
 import { b as M } from "../Localization-2MODESHW.mjs";
-import { M as Je } from "../MiniWidgetContainer-BdgBvpga.mjs";
-import { E as Ze } from "../EmptyState-DA_lfRBv.mjs";
-import { R as et } from "../RecurringSettings-iIupYxJW.mjs";
+import { M as Je } from "../MiniWidgetContainer-CmXpTylX.mjs";
+import { E as Ze } from "../EmptyState-DoxNUae-.mjs";
+import { R as et } from "../RecurringSettings-Cm5Bqcai.mjs";
 import tt from "@mui/material/Tabs";
 import Ce from "@mui/material/Tab";
 import { getUnixTime as B } from "date-fns/getUnixTime";
 import ee from "@mui/material/List";
 import ne from "@mui/material/ListItem";
-import { A as nt } from "../AccountListItem-D6rWAreC.mjs";
-import { f as Q, D as V } from "../Dialog-CWW597AF.mjs";
+import { A as nt } from "../AccountListItem-D4uG9yC-.mjs";
+import { f as Q, a as V } from "../Dialog-BPTr3qHE.mjs";
 import ot from "@mui/material/ListSubheader";
 import { f as Z } from "../NumberFormatting-Buh7u8Oi.mjs";
 import { isAfter as We } from "date-fns/isAfter";
@@ -35,17 +35,17 @@ import { alpha as at, keyframes as it } from "@mui/material/styles";
 import { DataGridPro as rt } from "@mui/x-data-grid-pro";
 import { T as Se } from "../TabContentContainer-j01JYR_7.mjs";
 import G from "@mui/material/Button";
-import { M as st, S as ct, i as lt, d as _e, c as dt } from "../ManageIncome-Cypo9qY4.mjs";
-import { D as Ge } from "../Drawer-kEE73B87.mjs";
+import { M as st, S as ct, i as lt, d as _e, c as dt } from "../ManageIncome-CU5C0AeO.mjs";
+import { D as Ge } from "../Drawer-BEtCk82g.mjs";
 import { formatISO as mt } from "date-fns/formatISO";
 import { fromUnixTime as Ie } from "date-fns/fromUnixTime";
 import { startOfMonth as ut } from "date-fns/startOfMonth";
 import { subDays as je } from "date-fns/subDays";
-import { S as ht, b as pt } from "../TransactionDetails-BUoNbsu-.mjs";
-import { F as ft, R as De, e as ve } from "../RecurringTransactions-ej39mgA6.mjs";
-import { h as gt } from "../DateUtil-BcuH7ErC.mjs";
+import { S as ht, c as pt } from "../TransactionDetails-CtbBBSoU.mjs";
+import { F as ft, R as ve, e as De } from "../RecurringTransactions-CngsRZ3K.mjs";
+import { h as gt } from "../DateUtil-CBdcsyuk.mjs";
 import { endOfToday as bt } from "date-fns/endOfToday";
-import { W as Ae, A as Ee } from "../WidgetContainer-BnTgAfQn.mjs";
+import { W as Ae, A as Ee } from "../WidgetContainer-6dsjtOVg.mjs";
 import { F as xt, A as z } from "../Fetch-DecPFeGU.mjs";
 const K = () => {
   if (!p.useContext(Qe))
@@ -55,7 +55,7 @@ const K = () => {
   const { cashflow: n } = N();
   return /* @__PURE__ */ o(U, { children: [
     /* @__PURE__ */ e(
-      D,
+      v,
       {
         sx: {
           borderRadius: "1px",
@@ -96,7 +96,7 @@ const K = () => {
     () => f - w,
     [f, w]
   );
-  return H ? /* @__PURE__ */ e(D, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: n > 710 ? /* @__PURE__ */ o(
+  return H ? /* @__PURE__ */ e(v, { className: "mx-cashflow", pl: 16, pr: 16, pt: 16, children: n > 710 ? /* @__PURE__ */ o(
     s,
     {
       border: `1px solid ${a.palette.border.light}`,
@@ -139,12 +139,12 @@ const K = () => {
       ) }),
       /* @__PURE__ */ e(O, { amount: g, bold: !0, variant: "XSmall" })
     ] }),
-    /* @__PURE__ */ e(v, {}),
+    /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(u, { variant: "Small", children: M(l.expenses_due, c.length) }),
       /* @__PURE__ */ e(O, { amount: w, bold: !0, symbol: "-", variant: "XSmall" })
     ] }),
-    /* @__PURE__ */ e(v, {}),
+    /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ e(
       s,
       {
@@ -159,7 +159,7 @@ const K = () => {
         children: /* @__PURE__ */ e(fe, { remaining: I })
       }
     ),
-    /* @__PURE__ */ e(v, {}),
+    /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ o(s, { direction: "row", justifyContent: "space-between", p: 16, children: [
       /* @__PURE__ */ e(u, { variant: "Small", children: l.next_paycheck }),
       /* @__PURE__ */ e(u, { bold: !0, variant: "XSmall", children: M(l.days, r) })
@@ -233,8 +233,8 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
       }
     )
   ] }),
-  /* @__PURE__ */ e(v, {})
-] }), Te = L(It), Dt = ({ total: a, type: n }) => {
+  /* @__PURE__ */ e(D, {})
+] }), Te = L(It), vt = ({ total: a, type: n }) => {
   const { cashflow: t } = N();
   return /* @__PURE__ */ o(U, { children: [
     /* @__PURE__ */ o(
@@ -258,9 +258,9 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
         ]
       }
     ),
-    /* @__PURE__ */ e(v, {})
+    /* @__PURE__ */ e(D, {})
   ] });
-}, Re = L(Dt), se = (a, n) => (t) => t.accountGuid === a.guid && (Me(t.expectedDate) || We(t.expectedDate, n.start)) && $e(t.expectedDate, n.end), vt = () => {
+}, Re = L(vt), se = (a, n) => (t) => t.accountGuid === a.guid && (Me(t.expectedDate) || We(t.expectedDate, n.start)) && $e(t.expectedDate, n.end), Dt = () => {
   const { availableWidth: a } = le(), { cashflow: n } = N(), { upcomingExpenses: t, upcomingIncome: i } = P(), { dateRange: g, selectedCashAccounts: b } = K();
   return /* @__PURE__ */ o(s, { children: [
     /* @__PURE__ */ o(s, { direction: a < 400 ? "column" : "row", justifyContent: "space-between", children: [
@@ -303,7 +303,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                 }
               }
             ),
-            /* @__PURE__ */ e(v, {}),
+            /* @__PURE__ */ e(D, {}),
             h.length > 0 && /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
               ee,
               {
@@ -332,7 +332,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
       );
     }) })
   ] });
-}, At = L(vt), Et = () => {
+}, At = L(Dt), Et = () => {
   const { availableWidth: a } = le(), n = ce(), { cashflow: t } = N(), { upcomingExpenses: i, upcomingIncome: g } = P(), { dateRange: b, selectedCashAccounts: m } = K(), h = [
     {
       field: "account",
@@ -407,7 +407,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     };
   }), [m, i, g]);
   return /* @__PURE__ */ o(
-    D,
+    v,
     {
       sx: {
         width: "100%"
@@ -515,7 +515,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(v, { sx: { width: "100%" } }),
+                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
                 /* @__PURE__ */ o(
                   s,
                   {
@@ -530,7 +530,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(v, { sx: { width: "100%" } }),
+                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
                 /* @__PURE__ */ o(
                   s,
                   {
@@ -545,7 +545,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(v, { sx: { width: "100%" } }),
+                /* @__PURE__ */ e(D, { sx: { width: "100%" } }),
                 /* @__PURE__ */ e(
                   s,
                   {
@@ -574,7 +574,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
   };
   return p.useEffect(() => {
     t(i === 0 ? "cash_flow_summary" : "cash_flow_details");
-  }, [i]), /* @__PURE__ */ o(D, { children: [
+  }, [i]), /* @__PURE__ */ o(v, { children: [
     /* @__PURE__ */ o(
       tt,
       {
@@ -610,9 +610,9 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
         ]
       }
     ),
-    /* @__PURE__ */ e(D, { sx: { mb: 32 } }),
-    /* @__PURE__ */ e(Se, { index: 0, name: "cashflow", value: i, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Tt, {}) }) }),
-    /* @__PURE__ */ e(Se, { index: 1, name: "cashflow", value: i, children: /* @__PURE__ */ e(D, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(At, {}) }) })
+    /* @__PURE__ */ e(v, { sx: { mb: 32 } }),
+    /* @__PURE__ */ e(Se, { index: 0, name: "cashflow", value: i, children: /* @__PURE__ */ e(v, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(Tt, {}) }) }),
+    /* @__PURE__ */ e(Se, { index: 1, name: "cashflow", value: i, children: /* @__PURE__ */ e(v, { sx: { m: n ? 48 : 16 }, children: /* @__PURE__ */ e(At, {}) }) })
   ] });
 }, Lt = L(Rt), re = ({
   amount: a,
@@ -668,7 +668,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
               label: M(n.cash_and_bank, l.length)
             }
           ),
-          f && /* @__PURE__ */ e(v, {}),
+          f && /* @__PURE__ */ e(D, {}),
           W ? /* @__PURE__ */ o(U, { children: [
             !f && /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "+" }),
             /* @__PURE__ */ e(
@@ -689,7 +689,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
               children: n.add_income
             }
           ),
-          f ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
+          f ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "-" }),
           /* @__PURE__ */ e(
             re,
             {
@@ -699,7 +699,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
               symbol: f ? "-" : void 0
             }
           ),
-          f ? /* @__PURE__ */ e(v, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
+          f ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(u, { sx: { fontSize: 25, lineHeight: 1 }, children: "=" }),
           /* @__PURE__ */ e(
             re,
             {
@@ -749,7 +749,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     /* @__PURE__ */ o(s, { direction: "column", mb: 32, spacing: 32, children: [
       /* @__PURE__ */ o(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          D,
+          v,
           {
             bgcolor: i.palette.primary.lighter,
             borderRadius: 1,
@@ -765,7 +765,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
       ] }),
       /* @__PURE__ */ o(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          D,
+          v,
           {
             bgcolor: i.palette.primary.lighter,
             borderRadius: 1,
@@ -781,7 +781,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
       ] }),
       /* @__PURE__ */ o(k, { sx: { display: "flex", alignItems: "center", fontSize: 18 }, children: [
         /* @__PURE__ */ e(
-          D,
+          v,
           {
             bgcolor: i.palette.primary.lighter,
             borderRadius: 1,
@@ -823,7 +823,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     () => x.find((y) => y.guid === ie),
     [ie, x]
   ), Be = !!n.filter(
-    (y) => y.repeating_transaction_type === De.Income
+    (y) => y.repeating_transaction_type === ve.Income
   ).length, be = async () => {
     ae(2), r(
       //  Beginning of the month, 90 days before today
@@ -834,7 +834,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     if (!(T.length < 1)) {
       ge(!0);
       for (let y = 0; y < T.length; y++) {
-        const R = T[y], xe = ve(A, Ie(R.date)), qe = {
+        const R = T[y], xe = De(A, Ie(R.date)), qe = {
           account_guid: R.account_guid,
           amount: R.amount,
           created_by: 0,
@@ -844,7 +844,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
           predicted_occurs_on: mt(xe, { representation: "date" }),
           recurrence_day: xe.getDay(),
           recurrence_type: A,
-          repeating_transaction_type: De.Income,
+          repeating_transaction_type: ve.Income,
           second_recurrence_day: I,
           transaction_type: R.transaction_type,
           user_guid: g.guid
@@ -855,7 +855,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
     }
   }, Pe = !S && _ || !S && T.length < 1;
   return l ? /* @__PURE__ */ o(
-    D,
+    v,
     {
       sx: {
         display: "flex",
@@ -869,7 +869,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
       },
       children: [
         q === 1 && /* @__PURE__ */ e(
-          D,
+          v,
           {
             sx: {
               ...h ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
@@ -878,7 +878,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
           }
         ),
         q === 2 && /* @__PURE__ */ e(
-          D,
+          v,
           {
             sx: {
               ...h ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
@@ -887,7 +887,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
           }
         ),
         q === 3 && /* @__PURE__ */ o(
-          D,
+          v,
           {
             sx: {
               ...h ? { display: "flex", flexDirection: "column", maxWidth: "100%", padding: "0 16px" } : { maxWidth: 590, ml: "40%", mr: 90 }
@@ -901,10 +901,10 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                     B(y.nextDate || y.date)
                   ) }),
                   /* @__PURE__ */ e(pt, { transaction: y }),
-                  R !== T.length - 1 && /* @__PURE__ */ e(v, {})
+                  R !== T.length - 1 && /* @__PURE__ */ e(D, {})
                 ] }, y.guid)) }),
                 /* @__PURE__ */ o(s, { alignItems: "center", direction: "row", children: [
-                  /* @__PURE__ */ e(v, { sx: { flexGrow: 1 } }),
+                  /* @__PURE__ */ e(D, { sx: { flexGrow: 1 } }),
                   /* @__PURE__ */ e(
                     G,
                     {
@@ -952,7 +952,7 @@ const It = ({ recurrence: a }) => /* @__PURE__ */ o(U, { children: [
                         const y = [...T];
                         y.push({
                           ...S,
-                          nextDate: ve(A, Ie(S.date)),
+                          nextDate: De(A, Ie(S.date)),
                           frequency: A
                         }), de(y), X("");
                       },

package/dist/categories/index.es.js

@@ -1,5 +1,5 @@
-import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-Buy70Y3V.mjs";
-import { C as g } from "../CategoryStore-BEdFs69_.mjs";
+import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-DqJK_rrL.mjs";
+import { C as g } from "../CategoryStore-U7hOZAbP.mjs";
 export {
   o as CategoryRow,
   a as CategorySelector,

package/dist/common/components/Select.d.ts

@@ -1,12 +1,14 @@
+import { default as React } from 'react';
+import { default as TextField } from '@mui/material/TextField';
 export type SelectOption = {
     id: number;
     label: string;
 };
-interface SelectProps {
+interface SelectProps extends Omit<React.ComponentProps<typeof TextField>, 'onChange'> {
     label: string;
     onChange: (value: number) => void;
     options: SelectOption[];
     value: number;
 }
-export declare const Select: ({ label, onChange, options, value }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ label, onChange, options, value, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/common/components/charts/LineChart.d.ts

@@ -1,4 +1,4 @@
-import { default as React, CSSProperties } from 'react';
+import { default as React } from 'react';
 import { SxProps } from '@mui/material/styles';
 import { MarkHandlers } from './linechart/CustomMark';
 export type LineChartDataset = {
@@ -14,6 +14,7 @@ export type TooltipLabel = LineChartLabel & {
 };
 type LineChartCurve = 'catmullRom' | 'linear' | 'monotoneX' | 'monotoneY' | 'natural' | 'step' | 'stepBefore' | 'stepAfter' | 'bump' | 'bumpX' | 'bumpY';
 interface LineChartProps {
+    areaColor?: string;
     axisColor?: string;
     baseline?: string;
     chartFor?: string;
@@ -22,6 +23,8 @@ interface LineChartProps {
     colors: (string | undefined)[];
     curveType?: LineChartCurve;
     customLegendVariant?: string;
+    customLegendSx?: SxProps;
+    customLegendBoxSx?: SxProps;
     customTooltipLabels?: TooltipLabel[][];
     datasets: LineChartDataset[];
     height?: number;
@@ -37,13 +40,19 @@ interface LineChartProps {
         left?: number;
     };
     markHandlers?: MarkHandlers;
-    markStyles?: (markIndex: number) => CSSProperties;
+    markStyles?: (markIndex: number) => React.CSSProperties & {
+        markLabelStyles?: React.CSSProperties;
+    };
+    minRange?: number;
+    maxRange?: number;
     onItemClick?: () => void;
+    peerAverage?: number;
     showArea?: boolean;
     showAverage?: boolean;
     showAxisHighlight?: boolean;
     showBars?: boolean;
     showLegend?: boolean;
+    showMark?: boolean;
     showMarkLabel?: boolean;
     showTooltip?: boolean;
     showXAxis?: boolean;
@@ -55,6 +64,7 @@ interface LineChartProps {
     useCustomMark?: boolean;
     valueFormatterString?: string;
     width?: number;
+    xAxisScaleType?: 'band' | 'point';
 }
 export declare const LineChart: React.FC<LineChartProps>;
 export {};

package/dist/common/components/charts/linechart/CustomLegend.d.ts

@@ -1,11 +1,13 @@
+import { SxProps } from '@mui/material/styles';
 import { LineChartLabel } from '../LineChart';
 export declare const CustomLegendLabel: ({ label, customLegendVariant, }: {
     label: LineChartLabel;
     customLegendVariant?: string;
 }) => import("react/jsx-runtime").JSX.Element | null;
-declare const _default: (({ average, customLegendVariant, labels, series, style, title, valueFormatterString, }: {
+declare const _default: (({ average, customLegendVariant, customLegendBoxSx, labels, series, style, title, valueFormatterString, }: {
     average?: number;
     customLegendVariant?: string;
+    customLegendBoxSx?: SxProps;
     labels?: LineChartLabel[];
     series: any[];
     title?: string;