@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

package/dist/spending/components/Spending/index.es.js

@@ -1,123 +0,0 @@
-import { CategoryGuids as i } from "../../../core/constants/Category/index.es.js";
-import { useAppConfig as E, useCategoryStore as J, useGlobalCopyStore as K, useGlobalUiStore as P, useTransactionStore as Q } from "../../../common/context/hooks/index.es.js";
-import O from "../../../common/components/drawer/Drawer/index.es.js";
-import { exportTransactionsToCSV as X } from "../../../core/utils/TransactionUtils/index.es.js";
-import Y from "../../../transactions/components/shared/TransactionList/index.es.js";
-import Z from "../../../transactions/components/shared/TransactionDetails/index.es.js";
-import { getIncomeData as tt, getSpendingData as et } from "../../utils/SpendingData/index.es.js";
-import G from "../SpendingTabLabel/index.es.js";
-import N from "../SpendingChart/index.es.js";
-import s from "react";
-import { observer as ot } from "mobx-react-lite";
-import R from "@mui/material/Stack";
-import { Icon as at } from "@mxenabled/mxui";
-import nt from "@mui/material/Button";
-import { jsx as e, jsxs as C } from "react/jsx-runtime";
-import rt from "@mui/material/Box";
-import k from "@mui/material/Tab";
-import st from "@mui/material/Tabs";
-import { useTheme as it } from "@mui/material";
-var ct = (n) => [
-  n.palette.chartMono.chartMono5,
-  n.palette.chartMono.chartMono4,
-  n.palette.chartMono.chartMono3,
-  n.palette.chartMono.chartMono2,
-  n.palette.chartMono.chartMono1,
-  n.palette.chartMono.chartMono6
-], lt = () => {
-  const n = it(), { is_mobile_webview: A } = E(), { clientConfig: b } = E(), { categories: c, dateRangeCategoryTotals: l } = J(), { goals: B, spending: r, transactions: V } = K(), { displayedDateRange: T, selectedAccountGuids: y } = P(), { setFilter: d, sortedTransactions: g, sortedTransactionsWithSplits: L, tags: j } = Q(), p = b?.master?.deep_link_params?.account_guids, F = b?.master?.deep_link_params?.view, [m, v] = s.useState(""), [u, W] = s.useState(F === "income" ? 1 : 0), [M, w] = s.useState(""), [z, _] = s.useState(!1), f = s.useMemo(() => et(c, B, n, l), [c, l]), I = s.useMemo(() => tt(c, l, ct(n)), [c, l]), h = s.useMemo(() => g.find((t) => t.guid === M), [M, g]), U = (t, a) => {
-    W(a), v("");
-  }, x = (t, a = !1) => {
-    a ? $(t) : v(m === t || t === "0" ? "" : t);
-  }, $ = (t) => {
-    d({
-      accounts: p || y,
-      dateRange: T,
-      custom: (a) => m === "other" ? a.top_level_category_guid === t : a.category_guid === t,
-      showSplits: !0
-    }), _(!0);
-  }, D = (t) => {
-    const a = {
-      accounts: p || y,
-      dateRange: T
-    };
-    if (u === 0) if (t === "other") {
-      const o = f.categoryData.find((S) => S.guid === "other");
-      d({
-        ...a,
-        custom: (S) => !!o?.categoryTotals?.find((H) => H.guid === S.top_level_category_guid)
-      });
-    } else d({
-      ...a,
-      custom: (o) => t ? o.top_level_category_guid === t : o.top_level_category_guid !== i.INCOME && o.category_guid !== i.INCOME && o.top_level_category_guid !== i.INVESTMENTS && o.top_level_category_guid !== i.TRANSFER,
-      showSplits: !!t
-    });
-    else d({
-      ...a,
-      custom: (o) => t ? o.category_guid === t : o.category_guid === i.INCOME || o.top_level_category_guid === i.INCOME
-    });
-    _(!0);
-  }, q = () => {
-    X(L, j);
-  };
-  return /* @__PURE__ */ C(rt, { children: [
-    /* @__PURE__ */ C(st, {
-      onChange: U,
-      value: u,
-      variant: "fullWidth",
-      children: [/* @__PURE__ */ e(k, { label: /* @__PURE__ */ e(G, {
-        amount: f.totalAmount,
-        label: r.spend_tab_title
-      }) }), /* @__PURE__ */ e(k, { label: /* @__PURE__ */ e(G, {
-        amount: I.totalAmount,
-        label: r.income_tab_title
-      }) })]
-    }),
-    u === 0 && /* @__PURE__ */ e(N, {
-      data: f,
-      onSelected: x,
-      onViewTransactions: D,
-      selectedId: m,
-      title: r.spend_tab_title
-    }),
-    u === 1 && /* @__PURE__ */ e(N, {
-      data: I,
-      onSelected: x,
-      onViewTransactions: D,
-      selectedId: m,
-      title: r.income_tab_title
-    }),
-    /* @__PURE__ */ e(O, {
-      ariaLabelClose: r.close_drawer_aria,
-      isOpen: z,
-      onClose: () => _(!1),
-      title: r.transactions_drawer_title,
-      children: /* @__PURE__ */ C(R, { children: [!A && g.length > 0 && /* @__PURE__ */ e(R, {
-        direction: "row",
-        justifyContent: "right",
-        mb: -24,
-        mr: 8,
-        mt: 8,
-        zIndex: 1,
-        children: /* @__PURE__ */ e(nt, {
-          onClick: q,
-          startIcon: /* @__PURE__ */ e(at, { name: "ios_share" }),
-          variant: "text",
-          children: V.export_csv_btn
-        })
-      }), /* @__PURE__ */ e(Y, { onClick: w })] })
-    }),
-    /* @__PURE__ */ e(O, {
-      ariaLabelClose: r.close_drawer_aria,
-      isOpen: !!h,
-      onClose: () => w(""),
-      title: r.transaction_details_drawer_title,
-      children: h && /* @__PURE__ */ e(Z, { transaction: h })
-    })
-  ] });
-}, Et = ot(lt);
-export {
-  Et as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/spending/components/Spending/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/spending/components/Spending.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport Tab from '@mui/material/Tab'\nimport Tabs from '@mui/material/Tabs'\nimport { useTheme } from '@mui/material'\nimport type { Theme } from '@mui/system'\n\nimport { Icon } from '@mxenabled/mxui'\n\nimport {\n  Drawer,\n  useAppConfig,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useTransactionStore,\n} from '../../common'\nimport { CategoryGuids } from '../../core/constants'\nimport { Transaction } from '../../core'\nimport { exportTransactionsToCSV } from '../../core/utils/TransactionUtils'\n\nimport { TransactionDetails, TransactionList } from '../../transactions'\nimport { getIncomeData, getSpendingData } from '../utils/SpendingData'\nimport SpendingChart from './SpendingChart'\nimport SpendingTabLabel from './SpendingTabLabel'\n\nconst getIncomeColors = (theme: Theme) => {\n  return [\n    theme.palette.chartMono.chartMono5,\n    theme.palette.chartMono.chartMono4,\n    theme.palette.chartMono.chartMono3,\n    theme.palette.chartMono.chartMono2,\n    theme.palette.chartMono.chartMono1,\n    theme.palette.chartMono.chartMono6,\n  ]\n}\n\nconst Spending = () => {\n  const theme = useTheme()\n  const { is_mobile_webview } = useAppConfig()\n\n  const { clientConfig } = useAppConfig()\n  const { categories, dateRangeCategoryTotals } = useCategoryStore()\n\n  const {\n    goals: goalsCopy,\n    spending: spendingCopy,\n    transactions: transactionCopy,\n  } = useGlobalCopyStore()\n  const { displayedDateRange, selectedAccountGuids } = useGlobalUiStore()\n  const {\n    setFilter,\n    sortedTransactions: transactions,\n    sortedTransactionsWithSplits,\n    tags,\n  } = useTransactionStore()\n\n  const accountGuids = clientConfig?.master?.deep_link_params?.account_guids\n  const view = clientConfig?.master?.deep_link_params?.view\n\n  const [selectedId, setSelectedId] = React.useState('')\n  const [selectedTab, setSelectedTab] = React.useState(view === 'income' ? 1 : 0)\n  const [transactionGuid, setTransactionGuid] = React.useState('')\n  const [transactionsOpen, setTransactionsOpen] = React.useState(false)\n\n  const spendingData = React.useMemo(\n    () => getSpendingData(categories, goalsCopy, theme, dateRangeCategoryTotals),\n    [categories, dateRangeCategoryTotals],\n  )\n\n  const incomeData = React.useMemo(\n    () => getIncomeData(categories, dateRangeCategoryTotals, getIncomeColors(theme)),\n    [categories, dateRangeCategoryTotals],\n  )\n\n  const transaction = React.useMemo(\n    () => transactions.find((t) => t.guid === transactionGuid),\n    [transactionGuid, transactions],\n  )\n\n  const handleTabChange = (_event: React.SyntheticEvent, newValue: number) => {\n    setSelectedTab(newValue)\n    setSelectedId('')\n  }\n\n  const handleSelected = (id: string, isSubcategory: boolean = false) => {\n    if (isSubcategory) {\n      handleSelectedSubcategory(id)\n    } else {\n      setSelectedId(selectedId === id || id === '0' ? '' : id)\n    }\n  }\n\n  const handleSelectedSubcategory = (id: string) => {\n    const transactionFilter = {\n      accounts: accountGuids ? accountGuids : selectedAccountGuids,\n      dateRange: displayedDateRange,\n    }\n\n    setFilter({\n      ...transactionFilter,\n      custom: (t: Transaction) =>\n        selectedId === 'other' ? t.top_level_category_guid === id : t.category_guid === id,\n      showSplits: true,\n    })\n\n    setTransactionsOpen(true)\n  }\n\n  const handleViewTransactions = (id: string) => {\n    const transactionFilter = {\n      accounts: accountGuids ? accountGuids : selectedAccountGuids,\n      dateRange: displayedDateRange,\n    }\n\n    if (selectedTab === 0) {\n      // Spending\n      if (id === 'other') {\n        const other = spendingData.categoryData.find((c) => c.guid === 'other')\n        setFilter({\n          ...transactionFilter,\n          custom: (t: Transaction) =>\n            Boolean(other?.categoryTotals?.find((ct) => ct.guid === t.top_level_category_guid)),\n        })\n      } else {\n        setFilter({\n          ...transactionFilter,\n          custom: (t: Transaction) =>\n            id\n              ? t.top_level_category_guid === id\n              : t.top_level_category_guid !== CategoryGuids.INCOME &&\n                t.category_guid !== CategoryGuids.INCOME &&\n                t.top_level_category_guid !== CategoryGuids.INVESTMENTS &&\n                t.top_level_category_guid !== CategoryGuids.TRANSFER,\n          showSplits: Boolean(id),\n        })\n      }\n    } else {\n      // Income\n      setFilter({\n        ...transactionFilter,\n        custom: (t: Transaction) =>\n          id\n            ? t.category_guid === id\n            : t.category_guid === CategoryGuids.INCOME ||\n              t.top_level_category_guid === CategoryGuids.INCOME,\n      })\n    }\n\n    setTransactionsOpen(true)\n  }\n\n  const handleExportToCsv = () => {\n    exportTransactionsToCSV(sortedTransactionsWithSplits, tags)\n  }\n\n  return (\n    <Box>\n      <Tabs onChange={handleTabChange} value={selectedTab} variant=\"fullWidth\">\n        <Tab\n          label={\n            <SpendingTabLabel\n              amount={spendingData.totalAmount}\n              label={spendingCopy.spend_tab_title}\n            />\n          }\n        />\n        <Tab\n          label={\n            <SpendingTabLabel\n              amount={incomeData.totalAmount}\n              label={spendingCopy.income_tab_title}\n            />\n          }\n        />\n      </Tabs>\n      {selectedTab === 0 && (\n        <SpendingChart\n          data={spendingData}\n          onSelected={handleSelected}\n          onViewTransactions={handleViewTransactions}\n          selectedId={selectedId}\n          title={spendingCopy.spend_tab_title}\n        />\n      )}\n      {selectedTab === 1 && (\n        <SpendingChart\n          data={incomeData}\n          onSelected={handleSelected}\n          onViewTransactions={handleViewTransactions}\n          selectedId={selectedId}\n          title={spendingCopy.income_tab_title}\n        />\n      )}\n      <Drawer\n        ariaLabelClose={spendingCopy.close_drawer_aria}\n        isOpen={transactionsOpen}\n        onClose={() => setTransactionsOpen(false)}\n        title={spendingCopy.transactions_drawer_title}\n      >\n        <Stack>\n          {!is_mobile_webview && transactions.length > 0 && (\n            <Stack direction=\"row\" justifyContent=\"right\" mb={-24} mr={8} mt={8} zIndex={1}>\n              <Button\n                onClick={handleExportToCsv}\n                startIcon={<Icon name=\"ios_share\" />}\n                variant=\"text\"\n              >\n                {transactionCopy.export_csv_btn}\n              </Button>\n            </Stack>\n          )}\n          <TransactionList onClick={setTransactionGuid} />\n        </Stack>\n      </Drawer>\n      <Drawer\n        ariaLabelClose={spendingCopy.close_drawer_aria}\n        isOpen={Boolean(transaction)}\n        onClose={() => setTransactionGuid('')}\n        title={spendingCopy.transaction_details_drawer_title}\n      >\n        {transaction && <TransactionDetails transaction={transaction} />}\n      </Drawer>\n    </Box>\n  )\n}\n\nexport default observer(Spending)\n"],"mappings":"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"}

package/dist/spending/components/SpendingChart/index.es.js

@@ -1,60 +0,0 @@
-import { useCategoryStore as u, useGlobalCopyStore as c } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as f } from "../../../common/hooks/useScreenSize/index.es.js";
-import s from "../SpendingDonut/index.es.js";
-import g from "../SpendingList/index.es.js";
-import "react";
-import { observer as S } from "mobx-react-lite";
-import x from "@mui/material/Stack";
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-var C = ({ data: e, onSelected: o, onViewTransactions: d, selectedId: n, title: m }) => {
-  const { isDesktop: a, isMobile: r } = f(), { dateRangeTotalsLoading: i } = u(), { spending: p } = c();
-  return /* @__PURE__ */ y(x, {
-    alignItems: r ? "center" : "flex-start",
-    direction: r ? "column" : "row",
-    gap: {
-      xs: 16,
-      md: 64,
-      xl: 100
-    },
-    justifyContent: "center",
-    pt: 50,
-    px: 8,
-    children: [
-      i && /* @__PURE__ */ t(s, {
-        data: {
-          categoryData: [],
-          donutData: [],
-          totalAmount: 0
-        },
-        onSelected: () => {
-        },
-        selectedId: "",
-        size: a ? 400 : 300,
-        totalLabel: "Loading ...",
-        variant: "full"
-      }),
-      !i && /* @__PURE__ */ t(s, {
-        data: e,
-        onSelected: (l) => {
-          o(l), setTimeout(() => document.getElementById(`spending-list-category-${l}`)?.focus(), 0);
-        },
-        onViewTransactions: d,
-        selectedId: n,
-        size: a ? 400 : 300,
-        totalLabel: p.total_amount,
-        variant: "full"
-      }),
-      /* @__PURE__ */ t(g, {
-        data: e,
-        onSelected: o,
-        selectedId: n,
-        title: m
-      })
-    ]
-  });
-}, R = S(C);
-export {
-  R as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/spending/components/SpendingChart/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/spending/components/SpendingChart.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { useCategoryStore, useGlobalCopyStore, useScreenSize } from '../../common'\n\nimport { SpendingData } from '../utils/SpendingData'\nimport SpendingDonut from './SpendingDonut'\nimport SpendingList from './SpendingList'\n\ninterface SpendingChartProps {\n  data: SpendingData\n  title: string\n  onSelected: (id: string, isSubcategory?: boolean) => void\n  onViewTransactions: (id: string) => void\n  selectedId: string\n}\n\nconst SpendingChart: React.FC<SpendingChartProps> = ({\n  data,\n  onSelected,\n  onViewTransactions,\n  selectedId,\n  title,\n}) => {\n  const { isDesktop, isMobile } = useScreenSize()\n  const { dateRangeTotalsLoading } = useCategoryStore()\n  const { spending: spendingCopy } = useGlobalCopyStore()\n\n  const handleDonutSelected = (id: string) => {\n    onSelected(id)\n    setTimeout(() => document.getElementById(`spending-list-category-${id}`)?.focus(), 0)\n  }\n\n  const loadingDonut = (\n    <SpendingDonut\n      data={{\n        categoryData: [],\n        donutData: [],\n        totalAmount: 0,\n      }}\n      onSelected={() => {}}\n      selectedId={''}\n      size={isDesktop ? 400 : 300}\n      totalLabel={'Loading ...'}\n      variant=\"full\"\n    />\n  )\n\n  return (\n    <Stack\n      alignItems={isMobile ? 'center' : 'flex-start'}\n      direction={isMobile ? 'column' : 'row'}\n      gap={{ xs: 16, md: 64, xl: 100 }}\n      justifyContent=\"center\"\n      pt={50}\n      px={8}\n    >\n      {dateRangeTotalsLoading && loadingDonut}\n      {/* Not using a ternary here because it doesn't show the animation */}\n      {!dateRangeTotalsLoading && (\n        <SpendingDonut\n          data={data}\n          onSelected={handleDonutSelected}\n          onViewTransactions={onViewTransactions}\n          selectedId={selectedId}\n          size={isDesktop ? 400 : 300}\n          totalLabel={spendingCopy.total_amount}\n          variant=\"full\"\n        />\n      )}\n\n      <SpendingList data={data} onSelected={onSelected} selectedId={selectedId} title={title} />\n    </Stack>\n  )\n}\n\nexport default observer(SpendingChart)\n"],"mappings":";;;;;;;;AAmBA,IAAM,IAAA,CAA+C,EACnD,MAAA,GACA,YAAA,GACA,oBAAA,GACA,YAAA,GACA,OAAA,EAAA,MACI;AACJ,QAAM,EAAE,WAAA,GAAW,UAAA,EAAA,IAAa,EAAc,GACxC,EAAE,wBAAA,EAAA,IAA2B,EAAiB,GAC9C,EAAE,UAAU,EAAA,IAAiB,EAAmB;AAsBtD,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,YAAY,IAAW,WAAW;AAAA,IAClC,WAAW,IAAW,WAAW;AAAA,IACjC,KAAK;AAAA,MAAE,IAAI;AAAA,MAAI,IAAI;AAAA,MAAI,IAAI;AAAA,IAAI;AAAA,IAC/B,gBAAe;AAAA,IACf,IAAI;AAAA,IACJ,IAAI;AAAA,cANN;AAAA,MAQG,KAvBH,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,UACJ,cAAc,CAAC;AAAA,UACf,WAAW,CAAC;AAAA,UACZ,aAAa;AAAA,QACf;AAAA,QACA,YAAA,MAAkB;AAAA,QAAC;AAAA,QACnB,YAAY;AAAA,QACZ,MAAM,IAAY,MAAM;AAAA,QACxB,YAAY;AAAA,QACZ,SAAQ;AAAA,MACT,CAY4B;AAAA,MAE1B,CAAC,KACA,gBAAA,EAAC,GAAD;AAAA,QACQ,MAAA;AAAA,QACN,YAlCF,CAAuB,MAAe;AAC1C,UAAA,EAAW,CAAE,GACb,WAAA,MAAiB,SAAS,eAAe,0BAA0B,CAAA,EAAI,GAAG,MAAM,GAAG,CAAC;AAAA,QACtF;AAAA,QAgC4B,oBAAA;AAAA,QACR,YAAA;AAAA,QACZ,MAAM,IAAY,MAAM;AAAA,QACxB,YAAY,EAAa;AAAA,QACzB,SAAQ;AAAA,MACT,CAAA;AAAA,MAGH,gBAAA,EAAC,GAAD;AAAA,QAAoB,MAAA;AAAA,QAAkB,YAAA;AAAA,QAAwB,YAAA;AAAA,QAAmB,OAAA;AAAA,MAAQ,CAAA;AAAA,IACpF;AAAA;AAEX,GAEA,IAAe,EAAS,CAAa"}

package/dist/spending/components/SpendingDonut/index.es.js

@@ -1,132 +0,0 @@
-import { CategoryGuids as j } from "../../../core/constants/Category/index.es.js";
-import k from "../../../common/components/charts/Donut/index.es.js";
-import { useGlobalCopyStore as G } from "../../../common/context/hooks/index.es.js";
-import { useScreenSize as I } from "../../../common/hooks/useScreenSize/index.es.js";
-import { useAriaLive as V } from "../../../common/hooks/useAriaLive/index.es.js";
-import { formatCurrency as c } from "../../../core/utils/NumberFormatting/index.es.js";
-import h from "react";
-import { observer as W } from "mobx-react-lite";
-import s from "@mui/material/Stack";
-import { CategoryIcon as _, CategoryIconVariants as $, P as v, Text as l } from "@mxenabled/mxui";
-import A from "@mui/material/Button";
-import { jsx as i, jsxs as u } from "react/jsx-runtime";
-import { useTheme as B } from "@mui/material/styles";
-import f from "@mui/material/Box";
-var E = ({ data: t, isIncome: g = !1, onSelected: x, onViewTransactions: y, selectedId: e, size: r = 150, totalLabel: m, variant: n = "mini" }) => {
-  const { spending: d } = G(), C = B(), { isTablet: b } = I(), { announce: p, ariaLive: D } = V(), o = h.useMemo(() => e ? t.categoryData.find((a) => a.guid === e) : void 0, [e]);
-  h.useEffect(() => {
-    if (o) {
-      const a = c(o.amount, n === "mini" ? "0,0" : "0,0.00");
-      p(`${o.name}: ${a}`);
-    }
-  }, [
-    o,
-    p,
-    n
-  ]);
-  const S = t.donutData.length > 0 ? t.donutData : [{
-    id: "0",
-    color: C.palette.divider,
-    value: 100
-  }], T = () => {
-    y?.(e);
-  }, w = b ? 32 : 48;
-  return /* @__PURE__ */ u(f, {
-    "aria-label": d.chart_description,
-    height: r,
-    position: "relative",
-    role: "group",
-    width: r,
-    children: [D, /* @__PURE__ */ i(k, {
-      data: S,
-      onClick: x,
-      selectedId: e,
-      size: r,
-      children: /* @__PURE__ */ i(s, {
-        alignItems: "center",
-        height: "100%",
-        justifyContent: "center",
-        width: "100%",
-        children: /* @__PURE__ */ u(s, {
-          alignItems: "center",
-          justifyContent: "center",
-          minHeight: r,
-          minWidth: r,
-          children: [
-            o && /* @__PURE__ */ u(s, {
-              alignItems: "center",
-              gap: n === "mini" ? 0 : 8,
-              mb: n === "mini" ? 0 : 8,
-              mt: n === "mini" ? 0 : -16,
-              sx: n === "mini" ? {
-                gap: 0,
-                mb: 0
-              } : {
-                gap: {
-                  xs: 4,
-                  xl: 8
-                },
-                mb: {
-                  xs: 4,
-                  xl: 8
-                }
-              },
-              children: [/* @__PURE__ */ i(f, {
-                "aria-hidden": "true",
-                role: "presentation",
-                children: /* @__PURE__ */ i(_, {
-                  categoryGuid: g ? j.INCOME : o.guid,
-                  size: n === "mini" ? 24 : w,
-                  variant: $.Transparent
-                })
-              }), /* @__PURE__ */ i(l, {
-                color: "text.secondary",
-                noWrap: !0,
-                variant: n === "mini" ? "tiny" : "body1",
-                children: o ? o.name : m
-              })]
-            }),
-            !o && n === "full" && /* @__PURE__ */ i(l, {
-              bold: !0,
-              color: "text.secondary",
-              sx: { mb: {
-                xs: 4,
-                xl: 8
-              } },
-              children: m
-            }),
-            /* @__PURE__ */ i(v, {
-              variant: n === "mini" ? "h2" : "h1",
-              children: o ? c(o.amount, n === "mini" ? "0,0" : "0,0.00") : c(t.totalAmount, n === "mini" ? "0,0" : "0,0.00")
-            }),
-            !o && n === "mini" && /* @__PURE__ */ i(l, {
-              color: "text.secondary",
-              noWrap: !0,
-              variant: "tiny",
-              children: m
-            }),
-            n === "full" && /* @__PURE__ */ i(A, {
-              "aria-label": `View ${o?.name || ""} Transactions`,
-              disabled: t.categoryData.length === 0,
-              onClick: T,
-              sx: {
-                mt: {
-                  xl: 4,
-                  xs: 0
-                },
-                zIndex: 1
-              },
-              variant: "text",
-              children: d.view_transactions
-            })
-          ]
-        })
-      })
-    })]
-  });
-}, X = W(E);
-export {
-  X as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/spending/components/SpendingDonut/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/spending/components/SpendingDonut.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { CategoryIcon, CategoryIconVariants, P, Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore, useScreenSize } from '../../common'\nimport { CategoryGuids } from '../../core/constants'\nimport Donut from '../../common/components/charts/Donut'\nimport { useAriaLive } from '../../common/hooks/useAriaLive'\n\nimport type { SpendingData } from '../utils/SpendingData'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\ninterface SpendingDonutProps {\n  data: SpendingData\n  isIncome?: boolean\n  onSelected: (id: string) => void\n  onViewTransactions?: (id: string) => void\n  selectedId: string\n  size?: number\n  totalLabel: string\n  variant?: 'mini' | 'full'\n}\n\nconst SpendingDonut: React.FC<SpendingDonutProps> = ({\n  data,\n  isIncome = false,\n  onSelected,\n  onViewTransactions,\n  selectedId,\n  size = 150,\n  totalLabel,\n  variant = 'mini',\n}) => {\n  const { spending: spendingCopy } = useGlobalCopyStore()\n  const theme = useTheme()\n  const { isTablet } = useScreenSize()\n  const { announce, ariaLive } = useAriaLive()\n\n  const selectedCategory = React.useMemo(\n    () => (selectedId ? data.categoryData.find((cd) => cd.guid === selectedId) : undefined),\n    [selectedId],\n  )\n\n  // Announce category selection to screen readers\n  React.useEffect(() => {\n    if (selectedCategory) {\n      const amount = formatCurrency(selectedCategory.amount, variant === 'mini' ? '0,0' : '0,0.00')\n      announce(`${selectedCategory.name}: ${amount}`)\n    }\n  }, [selectedCategory, announce, variant])\n\n  const donutData =\n    data.donutData.length > 0\n      ? data.donutData\n      : [{ id: '0', color: theme.palette.divider, value: 100 }]\n\n  const handleViewTransactions = () => {\n    onViewTransactions?.(selectedId)\n  }\n\n  const iconSize = isTablet ? 32 : 48\n  return (\n    <Box\n      aria-label={spendingCopy.chart_description}\n      height={size}\n      position=\"relative\"\n      role=\"group\"\n      width={size}\n    >\n      {ariaLive}\n      <Donut data={donutData} onClick={onSelected} selectedId={selectedId} size={size}>\n        <Stack alignItems=\"center\" height=\"100%\" justifyContent=\"center\" width=\"100%\">\n          <Stack alignItems=\"center\" justifyContent=\"center\" minHeight={size} minWidth={size}>\n            {selectedCategory && (\n              <Stack\n                alignItems=\"center\"\n                gap={variant === 'mini' ? 0 : 8}\n                mb={variant === 'mini' ? 0 : 8}\n                mt={variant === 'mini' ? 0 : -16}\n                sx={\n                  variant === 'mini'\n                    ? { gap: 0, mb: 0 }\n                    : { gap: { xs: 4, xl: 8 }, mb: { xs: 4, xl: 8 } }\n                }\n              >\n                <Box aria-hidden=\"true\" role=\"presentation\">\n                  <CategoryIcon\n                    categoryGuid={isIncome ? CategoryGuids.INCOME : selectedCategory.guid}\n                    size={variant === 'mini' ? 24 : iconSize}\n                    variant={CategoryIconVariants.Transparent}\n                  />\n                </Box>\n                <Text\n                  color=\"text.secondary\"\n                  noWrap={true}\n                  variant={variant === 'mini' ? 'tiny' : 'body1'}\n                >\n                  {selectedCategory ? selectedCategory.name : totalLabel}\n                </Text>\n              </Stack>\n            )}\n\n            {!selectedCategory && variant === 'full' && (\n              <Text bold={true} color=\"text.secondary\" sx={{ mb: { xs: 4, xl: 8 } }}>\n                {totalLabel}\n              </Text>\n            )}\n\n            <P variant={variant === 'mini' ? 'h2' : 'h1'}>\n              {selectedCategory\n                ? formatCurrency(selectedCategory.amount, variant === 'mini' ? '0,0' : '0,0.00')\n                : formatCurrency(data.totalAmount, variant === 'mini' ? '0,0' : '0,0.00')}\n            </P>\n            {!selectedCategory && variant === 'mini' && (\n              <Text color=\"text.secondary\" noWrap={true} variant=\"tiny\">\n                {totalLabel}\n              </Text>\n            )}\n\n            {variant === 'full' && (\n              <Button\n                aria-label={`View ${selectedCategory?.name || ''} Transactions`}\n                disabled={data.categoryData.length === 0}\n                onClick={handleViewTransactions}\n                sx={{ mt: { xl: 4, xs: 0 }, zIndex: 1 }}\n                variant=\"text\"\n              >\n                {spendingCopy.view_transactions}\n              </Button>\n            )}\n          </Stack>\n        </Stack>\n      </Donut>\n    </Box>\n  )\n}\n\nexport default observer(SpendingDonut)\n"],"mappings":"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"}

package/dist/spending/components/SpendingLegend/index.es.js

@@ -1,46 +0,0 @@
-import "react";
-import i from "@mui/material/Stack";
-import { Text as u } from "@mxenabled/mxui";
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import p from "@mui/material/Box";
-var x = ({ data: e, onSelected: n, selectedId: t }) => {
-  const d = (r, o) => {
-    (r.key === "Enter" || r.key === " ") && (r.preventDefault(), n(o));
-  };
-  return /* @__PURE__ */ a(i, {
-    gap: 8,
-    height: "100%",
-    justifyContent: "center",
-    my: "auto",
-    children: e.categoryData.map((r) => /* @__PURE__ */ c(i, {
-      alignItems: "center",
-      "aria-label": r.name,
-      "aria-pressed": r.guid === t,
-      direction: "row",
-      gap: 8,
-      onClick: () => n(r.guid),
-      onKeyDown: (o) => d(o, r.guid),
-      role: "button",
-      sx: {
-        cursor: "pointer",
-        touchAction: "manipulation"
-      },
-      tabIndex: 0,
-      children: [/* @__PURE__ */ a(p, {
-        borderRadius: 4,
-        height: 8,
-        sx: { backgroundColor: r.color },
-        width: 8
-      }), /* @__PURE__ */ a(u, {
-        bold: r.guid === t,
-        variant: "caption",
-        children: r.name
-      })]
-    }, r.guid))
-  });
-};
-export {
-  x as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/spending/components/SpendingLegend/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/spending/components/SpendingLegend.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport type { SpendingData } from '../utils/SpendingData'\n\ninterface SpendingLegendProps {\n  data: SpendingData\n  onSelected: (id: string) => void\n  selectedId: string\n}\n\nconst SpendingLegend: React.FC<SpendingLegendProps> = ({ data, onSelected, selectedId }) => {\n  const handleKeyDown = (event: React.KeyboardEvent, guid: string) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      onSelected(guid)\n    }\n  }\n\n  return (\n    <Stack gap={8} height=\"100%\" justifyContent=\"center\" my=\"auto\">\n      {data.categoryData.map((item) => (\n        <Stack\n          alignItems=\"center\"\n          aria-label={item.name}\n          aria-pressed={item.guid === selectedId}\n          direction=\"row\"\n          gap={8}\n          key={item.guid}\n          onClick={() => onSelected(item.guid)}\n          onKeyDown={(e) => handleKeyDown(e, item.guid)}\n          role=\"button\"\n          sx={{ cursor: 'pointer', touchAction: 'manipulation' }}\n          tabIndex={0}\n        >\n          <Box borderRadius={4} height={8} sx={{ backgroundColor: item.color }} width={8} />\n          <Text bold={item.guid === selectedId} variant=\"caption\">\n            {item.name}\n          </Text>\n        </Stack>\n      ))}\n    </Stack>\n  )\n}\n\nexport default SpendingLegend\n"],"mappings":";;;;;AAeA,IAAM,IAAA,CAAiD,EAAE,MAAA,GAAM,YAAA,GAAY,YAAA,EAAA,MAAiB;AAC1F,QAAM,IAAA,CAAiB,GAA4B,MAAiB;AAClE,KAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,eAAe,GACrB,EAAW,CAAI;AAAA,EAEnB;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,KAAK;AAAA,IAAG,QAAO;AAAA,IAAO,gBAAe;AAAA,IAAS,IAAG;AAAA,cACrD,EAAK,aAAa,IAAA,CAAK,MACtB,gBAAA,EAAC,GAAD;AAAA,MACE,YAAW;AAAA,MACX,cAAY,EAAK;AAAA,MACjB,gBAAc,EAAK,SAAS;AAAA,MAC5B,WAAU;AAAA,MACV,KAAK;AAAA,MAEL,SAAA,MAAe,EAAW,EAAK,IAAI;AAAA,MACnC,WAAA,CAAY,MAAM,EAAc,GAAG,EAAK,IAAI;AAAA,MAC5C,MAAK;AAAA,MACL,IAAI;AAAA,QAAE,QAAQ;AAAA,QAAW,aAAa;AAAA,MAAe;AAAA,MACrD,UAAU;AAAA,gBAXZ,CAaE,gBAAA,EAAC,GAAD;AAAA,QAAK,cAAc;AAAA,QAAG,QAAQ;AAAA,QAAG,IAAI,EAAE,iBAAiB,EAAK,MAAM;AAAA,QAAG,OAAO;AAAA,MAAI,CAAA,GACjF,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM,EAAK,SAAS;AAAA,QAAY,SAAQ;AAAA,kBAC3C,EAAK;AAAA,MACF,CAAA,CACD;AAAA,OAXA,EAAK,IAWL,CACR;AAAA,EACI,CAAA;AAEX"}

package/dist/spending/components/SpendingList/index.es.js

@@ -1,124 +0,0 @@
-import { useGlobalCopyStore as y } from "../../../common/context/hooks/index.es.js";
-import { formatCurrency as l } from "../../../core/utils/NumberFormatting/index.es.js";
-import f from "react";
-import { observer as x } from "mobx-react-lite";
-import s from "@mui/material/Stack";
-import { Text as t } from "@mxenabled/mxui";
-import { jsx as i, jsxs as o } from "react/jsx-runtime";
-import b from "@mui/material/Box";
-import C from "@mui/material/Divider";
-import p from "@mui/material/List";
-import u from "@mui/material/ListItem";
-import h from "@mui/material/ListItemButton";
-import v from "@mui/material/Collapse";
-var w = ({ data: n, onSelected: g, selectedId: d = "", title: m }) => {
-  const { spending: c } = y(), a = n.categoryData.find((r) => r.guid === d);
-  return /* @__PURE__ */ o(s, {
-    direction: "column",
-    justifyContent: "center",
-    maxWidth: 400,
-    minWidth: 275,
-    width: "100%",
-    children: [
-      /* @__PURE__ */ i(t, {
-        bold: !0,
-        id: "spending-list-title",
-        sx: { py: 12 },
-        variant: "h3",
-        children: `${m} ${c.by_category}`
-      }),
-      /* @__PURE__ */ i(C, { "aria-hidden": "true" }),
-      /* @__PURE__ */ i(p, {
-        "aria-labelledby": "spending-list-title",
-        children: n.categoryData.map((r) => /* @__PURE__ */ o(f.Fragment, { children: [/* @__PURE__ */ i(u, {
-          disableGutters: !0,
-          disablePadding: !0,
-          sx: {
-            borderBottom: 1,
-            borderColor: "divider",
-            minHeight: 44
-          },
-          children: /* @__PURE__ */ o(h, {
-            "aria-expanded": a?.guid === r.guid,
-            id: `spending-list-category-${r.guid}`,
-            onClick: () => g(r.guid),
-            sx: {
-              minHeight: 44,
-              px: 8,
-              py: 0
-            },
-            children: [/* @__PURE__ */ i(b, {
-              "aria-hidden": "true",
-              borderRadius: 4,
-              flexShrink: 0,
-              height: 8,
-              role: "presentation",
-              sx: {
-                backgroundColor: r.color,
-                mr: 8
-              },
-              width: 8
-            }), /* @__PURE__ */ o(s, {
-              alignItems: "center",
-              direction: "row",
-              justifyContent: "space-between",
-              width: "100%",
-              children: [/* @__PURE__ */ i(t, {
-                bold: d === r.guid,
-                children: r.name
-              }), /* @__PURE__ */ i(t, {
-                bold: d === r.guid,
-                variant: "body1",
-                children: l(r.amount, "0,0.00")
-              })]
-            })]
-          })
-        }), r.categoryTotals && r.categoryTotals.length > 0 && /* @__PURE__ */ i(v, {
-          in: a?.guid === r.guid,
-          unmountOnExit: !0,
-          children: /* @__PURE__ */ i(p, {
-            sx: {
-              borderBottom: 1,
-              borderColor: "divider"
-            },
-            children: a?.categoryTotals?.map((e) => /* @__PURE__ */ i(u, {
-              sx: {
-                pl: 12,
-                py: 0
-              },
-              children: /* @__PURE__ */ i(h, {
-                id: `spending-list-subcategory-${e.guid}`,
-                onClick: () => g(e.guid, !0),
-                sx: {
-                  minHeight: 44,
-                  px: 8,
-                  py: 0
-                },
-                children: /* @__PURE__ */ o(s, {
-                  direction: "row",
-                  justifyContent: "space-between",
-                  width: "100%",
-                  children: [/* @__PURE__ */ o(t, { children: [e.name, " "] }), /* @__PURE__ */ i(t, { children: l(e.amount, "0,0.00") })]
-                })
-              })
-            }, e.guid))
-          })
-        })] }, r.guid))
-      }),
-      /* @__PURE__ */ i(t, {
-        bold: !0,
-        sx: {
-          mt: 12,
-          pr: 8,
-          textAlign: "right"
-        },
-        children: `${c.total}: ${l(n.totalAmount, "0,0.00")}`
-      })
-    ]
-  });
-}, _ = x(w);
-export {
-  _ as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/spending/components/SpendingList/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/spending/components/SpendingList.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Collapse from '@mui/material/Collapse'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../common'\nimport { SpendingData } from '../utils/SpendingData'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\ninterface SpendingListProps {\n  data: SpendingData\n  onSelected: (id: string, isSubcategory?: boolean) => void\n  selectedId?: string\n  title: string\n}\n\nconst SpendingList: React.FC<SpendingListProps> = ({\n  data,\n  onSelected,\n  selectedId = '',\n  title,\n}) => {\n  const { spending: spendingCopy } = useGlobalCopyStore()\n  const selectedCategory = data.categoryData.find((parent) => parent.guid === selectedId)\n\n  return (\n    <Stack direction=\"column\" justifyContent=\"center\" maxWidth={400} minWidth={275} width=\"100%\">\n      <Text bold={true} id=\"spending-list-title\" sx={{ py: 12 }} variant=\"h3\">\n        {`${title} ${spendingCopy.by_category}`}\n      </Text>\n\n      <Divider aria-hidden=\"true\" />\n\n      <List aria-labelledby=\"spending-list-title\">\n        {data.categoryData.map((item) => (\n          <React.Fragment key={item.guid}>\n            <ListItem\n              disableGutters={true}\n              disablePadding={true}\n              sx={{\n                borderBottom: 1,\n                borderColor: 'divider',\n                minHeight: 44,\n              }}\n            >\n              <ListItemButton\n                aria-expanded={Boolean(selectedCategory?.guid === item.guid)}\n                id={`spending-list-category-${item.guid}`}\n                onClick={() => onSelected(item.guid)}\n                sx={{ minHeight: 44, px: 8, py: 0 }}\n              >\n                <Box\n                  aria-hidden=\"true\"\n                  borderRadius={4}\n                  flexShrink={0}\n                  height={8}\n                  role=\"presentation\"\n                  sx={{ backgroundColor: item.color, mr: 8 }}\n                  width={8}\n                />\n                <Stack\n                  alignItems=\"center\"\n                  direction=\"row\"\n                  justifyContent=\"space-between\"\n                  width=\"100%\"\n                >\n                  <Text bold={selectedId === item.guid}>{item.name}</Text>\n                  <Text bold={selectedId === item.guid} variant=\"body1\">\n                    {formatCurrency(item.amount, '0,0.00')}\n                  </Text>\n                </Stack>\n              </ListItemButton>\n            </ListItem>\n\n            {item.categoryTotals && item.categoryTotals.length > 0 && (\n              <Collapse in={Boolean(selectedCategory?.guid === item.guid)} unmountOnExit={true}>\n                <List sx={{ borderBottom: 1, borderColor: 'divider' }}>\n                  {selectedCategory?.categoryTotals?.map((subItem) => (\n                    <ListItem\n                      key={subItem.guid}\n                      sx={{\n                        pl: 12,\n                        py: 0,\n                      }}\n                    >\n                      <ListItemButton\n                        id={`spending-list-subcategory-${subItem.guid}`}\n                        onClick={() => onSelected(subItem.guid, true)}\n                        sx={{ minHeight: 44, px: 8, py: 0 }}\n                      >\n                        <Stack direction=\"row\" justifyContent=\"space-between\" width=\"100%\">\n                          <Text>{subItem.name} </Text>\n                          <Text>{formatCurrency(subItem.amount, '0,0.00')}</Text>\n                        </Stack>\n                      </ListItemButton>\n                    </ListItem>\n                  ))}\n                </List>\n              </Collapse>\n            )}\n          </React.Fragment>\n        ))}\n      </List>\n\n      <Text bold={true} sx={{ mt: 12, pr: 8, textAlign: 'right' }}>\n        {`${spendingCopy.total}: ${formatCurrency(data.totalAmount, '0,0.00')}`}\n      </Text>\n    </Stack>\n  )\n}\n\nexport default observer(SpendingList)\n"],"mappings":";;;;;;;;;;;;;AAwBA,IAAM,IAAA,CAA6C,EACjD,MAAA,GACA,YAAA,GACA,YAAA,IAAa,IACb,OAAA,EAAA,MACI;AACJ,QAAM,EAAE,UAAU,EAAA,IAAiB,EAAmB,GAChD,IAAmB,EAAK,aAAa,KAAA,CAAM,MAAW,EAAO,SAAS,CAAU;AAEtF,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,WAAU;AAAA,IAAS,gBAAe;AAAA,IAAS,UAAU;AAAA,IAAK,UAAU;AAAA,IAAK,OAAM;AAAA,cAAtF;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,IAAG;AAAA,QAAsB,IAAI,EAAE,IAAI,GAAG;AAAA,QAAG,SAAQ;AAAA,kBAChE,GAAG,CAAA,IAAS,EAAa,WAAA;AAAA,MACtB,CAAA;AAAA,MAEN,gBAAA,EAAC,GAAD,EAAS,eAAY,OAAQ,CAAA;AAAA,MAE7B,gBAAA,EAAC,GAAD;AAAA,QAAM,mBAAgB;AAAA,kBACnB,EAAK,aAAa,IAAA,CAAK,MACtB,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UACE,gBAAgB;AAAA,UAChB,gBAAgB;AAAA,UAChB,IAAI;AAAA,YACF,cAAc;AAAA,YACd,aAAa;AAAA,YACb,WAAW;AAAA,UACb;AAAA,oBAEA,gBAAA,EAAC,GAAD;AAAA,YACE,iBAAuB,GAAkB,SAAS,EAAK;AAAA,YACvD,IAAI,0BAA0B,EAAK,IAAA;AAAA,YACnC,SAAA,MAAe,EAAW,EAAK,IAAI;AAAA,YACnC,IAAI;AAAA,cAAE,WAAW;AAAA,cAAI,IAAI;AAAA,cAAG,IAAI;AAAA,YAAE;AAAA,sBAJpC,CAME,gBAAA,EAAC,GAAD;AAAA,cACE,eAAY;AAAA,cACZ,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,QAAQ;AAAA,cACR,MAAK;AAAA,cACL,IAAI;AAAA,gBAAE,iBAAiB,EAAK;AAAA,gBAAO,IAAI;AAAA,cAAE;AAAA,cACzC,OAAO;AAAA,YACR,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,cACE,YAAW;AAAA,cACX,WAAU;AAAA,cACV,gBAAe;AAAA,cACf,OAAM;AAAA,wBAJR,CAME,gBAAA,EAAC,GAAD;AAAA,gBAAM,MAAM,MAAe,EAAK;AAAA,0BAAO,EAAK;AAAA,cAAW,CAAA,GACvD,gBAAA,EAAC,GAAD;AAAA,gBAAM,MAAM,MAAe,EAAK;AAAA,gBAAM,SAAQ;AAAA,0BAC3C,EAAe,EAAK,QAAQ,QAAQ;AAAA,cACjC,CAAA,CACD;AAAA,cACO;AAAA;QACR,CAAA,GAET,EAAK,kBAAkB,EAAK,eAAe,SAAS,KACnD,gBAAA,EAAC,GAAD;AAAA,UAAU,IAAY,GAAkB,SAAS,EAAK;AAAA,UAAO,eAAe;AAAA,oBAC1E,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI;AAAA,cAAE,cAAc;AAAA,cAAG,aAAa;AAAA,YAAU;AAAA,sBACjD,GAAkB,gBAAgB,IAAA,CAAK,MACtC,gBAAA,EAAC,GAAD;AAAA,cAEE,IAAI;AAAA,gBACF,IAAI;AAAA,gBACJ,IAAI;AAAA,cACN;AAAA,wBAEA,gBAAA,EAAC,GAAD;AAAA,gBACE,IAAI,6BAA6B,EAAQ,IAAA;AAAA,gBACzC,SAAA,MAAe,EAAW,EAAQ,MAAM,EAAI;AAAA,gBAC5C,IAAI;AAAA,kBAAE,WAAW;AAAA,kBAAI,IAAI;AAAA,kBAAG,IAAI;AAAA,gBAAE;AAAA,0BAElC,gBAAA,EAAC,GAAD;AAAA,kBAAO,WAAU;AAAA,kBAAM,gBAAe;AAAA,kBAAgB,OAAM;AAAA,4BAA5D,CACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CAAO,EAAQ,MAAK,GAAO,EAAA,CAAA,GAC3B,gBAAA,EAAC,GAAD,EAAA,UAAO,EAAe,EAAQ,QAAQ,QAAQ,EAAQ,CAAA,CACjD;AAAA;cACO,CAAA;AAAA,YACR,GAhBH,EAAQ,IAgBL,CACX;AAAA,UACG,CAAA;AAAA,QACE,CAAA,CAEE,EAAA,GAjEK,EAAK,IAiEV,CACjB;AAAA,MACG,CAAA;AAAA,MAEN,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,IAAI;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,UAAG,WAAW;AAAA,QAAQ;AAAA,kBACvD,GAAG,EAAa,KAAA,KAAU,EAAe,EAAK,aAAa,QAAQ,CAAA;AAAA,MAChE,CAAA;AAAA,IACD;AAAA;AAEX,GAEA,IAAe,EAAS,CAAY"}

package/dist/spending/components/SpendingTabLabel/index.es.js

@@ -1,22 +0,0 @@
-import { formatCurrency as e } from "../../../core/utils/NumberFormatting/index.es.js";
-import "react";
-import a from "@mui/material/Stack";
-import { Text as r } from "@mxenabled/mxui";
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-var u = ({ amount: t, label: i, variant: n = "full" }) => /* @__PURE__ */ m(a, {
-  direction: "column",
-  children: [/* @__PURE__ */ o(r, {
-    bold: !0,
-    sx: { textTransform: "none" },
-    variant: "body1",
-    children: i
-  }), /* @__PURE__ */ o(r, {
-    variant: "caption",
-    children: e(t, n === "mini" ? "0,0" : "0,0.00")
-  })]
-});
-export {
-  u as default
-};
-
-//# sourceMappingURL=index.es.js.map

package/dist/spending/components/SpendingTabLabel/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../../../../src/spending/components/SpendingTabLabel.tsx"],"sourcesContent":["import React from 'react'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\n\ninterface SpendingTabLabelProps {\n  amount: number\n  label: string\n  variant?: 'mini' | 'full'\n}\n\nconst SpendingTabLabel: React.FC<SpendingTabLabelProps> = ({ amount, label, variant = 'full' }) => {\n  return (\n    <Stack direction=\"column\">\n      <Text bold={true} sx={{ textTransform: 'none' }} variant=\"body1\">\n        {label}\n      </Text>\n      <Text variant=\"caption\">{formatCurrency(amount, variant === 'mini' ? '0,0' : '0,0.00')}</Text>\n    </Stack>\n  )\n}\n\nexport default SpendingTabLabel\n"],"mappings":";;;;;AAaA,IAAM,IAAA,CAAqD,EAAE,QAAA,GAAQ,OAAA,GAAO,SAAA,IAAU,OAAA,MAElF,gBAAA,EAAC,GAAD;AAAA,EAAO,WAAU;AAAA,YAAjB,CACE,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAM;AAAA,IAAM,IAAI,EAAE,eAAe,OAAO;AAAA,IAAG,SAAQ;AAAA,cACtD;AAAA,EACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,IAAM,SAAQ;AAAA,cAAW,EAAe,GAAQ,MAAY,SAAS,QAAQ,QAAQ;AAAA,EAAQ,CAAA,CACxF"}