@mx-cartographer/experiences 9.2.4-alpha.al5 → 9.3.0-alph.bb2

package/dist/budgets/components/Overview.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overview.es.js","names":[],"sources":["../../../src/budgets/components/Overview.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { subDays } from 'date-fns/subDays'\n\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport IconButton from '@mui/material/IconButton'\nimport Stack from '@mui/material/Stack'\nimport { useTheme } from '@mui/material/styles'\n\nimport { H3, Icon, Text } from '@mxenabled/mxui'\n\nimport {\n  type StatusBarData,\n  ANALYTICS_EVENTS,\n  Drawer,\n  StatusBar,\n  useBudgetsStore,\n  useCategoryStore,\n  useGlobalCopyStore,\n  useRecurringTransactionsStore,\n  useTransactionStore,\n  useAccountStore,\n  useEvent,\n} from '../../common'\nimport { ManageIncome } from '../../recurringtransactions'\nimport { formatCurrency } from '../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\nexport const Overview = observer(() => {\n  const theme = useTheme()\n\n  const { onEvent } = useEvent()\n  const { visibleAccounts: accounts } = useAccountStore()\n  const { budgets: copy, common: commonCopy, recurring: recurringCopy } = useGlobalCopyStore()\n  const { incomeCategories, spendCategories } = useCategoryStore()\n  const { detailedBudgets: budgets, totalBudgeted } = useBudgetsStore()\n  const { incomeTotal } = useRecurringTransactionsStore()\n  const { setFilter } = useTransactionStore()\n\n  const [isIncomeOpen, setIsIncomeOpen] = React.useState(false)\n\n  const [spentTotal, spendingStatus] = React.useMemo(() => {\n    const spentTotal = spendCategories.reduce((total, current) => total + current.totalAmount, 0)\n    let spendingPercentage = spentTotal / totalBudgeted\n    if (spendingPercentage > 1) spendingPercentage = 1\n    let color = theme.palette.success.main\n    if (spendingPercentage > 0.8 && spendingPercentage < 1) {\n      color = theme.palette.warning.main\n    } else if (spendingPercentage >= 1) {\n      color = theme.palette.error.main\n    }\n\n    const spendingStatus = [\n      {\n        color,\n        percentage: `${spendingPercentage}`,\n      },\n    ] as StatusBarData[]\n    return [spentTotal, spendingStatus]\n  }, [budgets, spendCategories])\n\n  const [incomePaid, incomeStatus] = React.useMemo(() => {\n    const incomePaid = Math.abs(\n      incomeCategories.reduce((total, current) => total + current.totalAmount, 0),\n    )\n    let incomePercentage = incomePaid / incomeTotal\n    if (incomePercentage > 1) incomePercentage = 1\n\n    const incomeStatus = [\n      {\n        color: theme.palette.secondary.main,\n        percentage: `${incomePercentage}`,\n      },\n    ]\n    return [incomePaid, incomeStatus]\n  }, [incomeCategories, incomeTotal])\n\n  const handleOpenIncome = () => {\n    setFilter({\n      accounts: accounts.map((account) => account.guid),\n      dateRange: {\n        start: subDays(new Date(), 90),\n        end: new Date(),\n      },\n    })\n    setIsIncomeOpen(true)\n    onEvent(ANALYTICS_EVENTS.BUDGETS_CLICK_EDIT_INCOME)\n  }\n\n  return (\n    <Card elevation={2} sx={{ overflow: 'visible' }}>\n      <CardHeader sx={{ pb: 8, pl: 24 }} title={<H3>{copy.overview_title}</H3>} />\n      <CardContent sx={{ pt: 12, px: 24 }}>\n        <Stack gap={24}>\n          <Stack gap={8}>\n            <Text bold={true} sx={{ mb: 8 }} variant=\"body1\">\n              {copy.spending_title}\n            </Text>\n            <StatusBar data={spendingStatus} height={16} />\n            <Text variant=\"body2\">\n              {\n                buildDynamicCopy(\n                  copy.spending_description,\n                  formatCurrency(spentTotal, '0,0'),\n                  formatCurrency(totalBudgeted, '0,0'),\n                ) as string\n              }\n            </Text>\n          </Stack>\n\n          <Stack gap={8}>\n            <Stack alignItems=\"center\" direction=\"row\" gap={4} mb={-4}>\n              <Text bold={true} variant=\"body1\">\n                {copy.income_title}\n              </Text>\n              <IconButton\n                aria-label={recurringCopy.manage_income}\n                onClick={handleOpenIncome}\n                sx={{ p: 0 }}\n              >\n                <Icon color=\"primary\" name=\"edit\" />\n              </IconButton>\n            </Stack>\n            <StatusBar data={incomeStatus} height={16} />\n            <Text variant=\"body2\">\n              {\n                buildDynamicCopy(\n                  copy.income_description,\n                  formatCurrency(incomePaid, '0,0'),\n                  formatCurrency(incomeTotal, '0,0'),\n                ) as string\n              }\n            </Text>\n          </Stack>\n        </Stack>\n      </CardContent>\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isIncomeOpen}\n        onClose={() => setIsIncomeOpen(false)}\n        title={recurringCopy.manage_income}\n      >\n        <ManageIncome forOverview={true} />\n      </Drawer>\n    </Card>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;AA8BA,IAAa,KAAW,EAAA,MAAe;AACrC,QAAM,IAAQ,EAAS,GAEjB,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,iBAAiB,EAAA,IAAa,EAAgB,GAChD,EAAE,SAAS,GAAM,QAAQ,GAAY,WAAW,EAAA,IAAkB,EAAmB,GACrF,EAAE,kBAAA,GAAkB,iBAAA,EAAA,IAAoB,EAAiB,GACzD,EAAE,iBAAiB,GAAS,eAAA,EAAA,IAAkB,EAAgB,GAC9D,EAAE,aAAA,EAAA,IAAgB,EAA8B,GAChD,EAAE,WAAA,EAAA,IAAc,EAAoB,GAEpC,CAAC,GAAc,CAAA,IAAmB,EAAM,SAAS,EAAK,GAEtD,CAAC,GAAY,CAAA,IAAkB,EAAM,QAAA,MAAc;AACvD,UAAM,IAAa,EAAgB,OAAA,CAAQ,GAAO,MAAY,IAAQ,EAAQ,aAAa,CAAC;AAC5F,QAAI,IAAqB,IAAa;AACtC,IAAI,IAAqB,MAAG,IAAqB;AACjD,QAAI,IAAQ,EAAM,QAAQ,QAAQ;AAClC,WAAI,IAAqB,OAAO,IAAqB,IACnD,IAAQ,EAAM,QAAQ,QAAQ,OACrB,KAAsB,MAC/B,IAAQ,EAAM,QAAQ,MAAM,OASvB,CAAC,GAAY,CALlB;AAAA,MACE,OAAA;AAAA,MACA,YAAY,GAAG,CAAA;AAAA,IACjB,CAEkB,CAAc;AAAA,EACpC,GAAG,CAAC,GAAS,CAAe,CAAC,GAEvB,CAAC,GAAY,CAAA,IAAgB,EAAM,QAAA,MAAc;AACrD,UAAM,IAAa,KAAK,IACtB,EAAiB,OAAA,CAAQ,GAAO,MAAY,IAAQ,EAAQ,aAAa,CAAC,CAC5E;AACA,QAAI,IAAmB,IAAa;AACpC,WAAI,IAAmB,MAAG,IAAmB,IAQtC,CAAC,GAAY,CALlB;AAAA,MACE,OAAO,EAAM,QAAQ,UAAU;AAAA,MAC/B,YAAY,GAAG,CAAA;AAAA,IACjB,CAEkB,CAAY;AAAA,EAClC,GAAG,CAAC,GAAkB,CAAW,CAAC,GAE5B,IAAA,MAAyB;AAC7B,IAAA,EAAU;AAAA,MACR,UAAU,EAAS,IAAA,CAAK,MAAY,EAAQ,IAAI;AAAA,MAChD,WAAW;AAAA,QACT,OAAO,EAAQ,oBAAI,KAAK,GAAG,EAAE;AAAA,QAC7B,KAAK,oBAAI,KAAK;AAAA,MAChB;AAAA,IACF,CAAC,GACD,EAAgB,EAAI,GACpB,EAAQ,EAAiB,yBAAyB;AAAA,EACpD;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAAM,WAAW;AAAA,IAAG,IAAI,EAAE,UAAU,UAAU;AAAA,cAA9C;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAY,IAAI;AAAA,UAAE,IAAI;AAAA,UAAG,IAAI;AAAA,QAAG;AAAA,QAAG,OAAO,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAK,eAAmB,CAAA;AAAA,MAAI,CAAA;AAAA,MAC3E,gBAAA,EAAC,GAAD;AAAA,QAAa,IAAI;AAAA,UAAE,IAAI;AAAA,UAAI,IAAI;AAAA,QAAG;AAAA,kBAChC,gBAAA,EAAC,GAAD;AAAA,UAAO,KAAK;AAAA,oBAAZ,CACE,gBAAA,EAAC,GAAD;AAAA,YAAO,KAAK;AAAA,sBAAZ;AAAA,cACE,gBAAA,EAAC,GAAD;AAAA,gBAAM,MAAM;AAAA,gBAAM,IAAI,EAAE,IAAI,EAAE;AAAA,gBAAG,SAAQ;AAAA,0BACtC,EAAK;AAAA,cACF,CAAA;AAAA,cACN,gBAAA,EAAC,GAAD;AAAA,gBAAW,MAAM;AAAA,gBAAgB,QAAQ;AAAA,cAAK,CAAA;AAAA,cAC9C,gBAAA,EAAC,GAAD;AAAA,gBAAM,SAAQ;AAAA,0BAEV,EACE,EAAK,sBACL,EAAe,GAAY,KAAK,GAChC,EAAe,GAAe,KAAK,CACrC;AAAA,cAEE,CAAA;AAAA,YACD;AAAA,cAEP,gBAAA,EAAC,GAAD;AAAA,YAAO,KAAK;AAAA,sBAAZ;AAAA,cACE,gBAAA,EAAC,GAAD;AAAA,gBAAO,YAAW;AAAA,gBAAS,WAAU;AAAA,gBAAM,KAAK;AAAA,gBAAG,IAAI;AAAA,0BAAvD,CACE,gBAAA,EAAC,GAAD;AAAA,kBAAM,MAAM;AAAA,kBAAM,SAAQ;AAAA,4BACvB,EAAK;AAAA,gBACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,kBACE,cAAY,EAAc;AAAA,kBAC1B,SAAS;AAAA,kBACT,IAAI,EAAE,GAAG,EAAE;AAAA,4BAEX,gBAAA,EAAC,GAAD;AAAA,oBAAM,OAAM;AAAA,oBAAU,MAAK;AAAA,kBAAQ,CAAA;AAAA,gBACzB,CAAA,CACP;AAAA;cACP,gBAAA,EAAC,GAAD;AAAA,gBAAW,MAAM;AAAA,gBAAc,QAAQ;AAAA,cAAK,CAAA;AAAA,cAC5C,gBAAA,EAAC,GAAD;AAAA,gBAAM,SAAQ;AAAA,0BAEV,EACE,EAAK,oBACL,EAAe,GAAY,KAAK,GAChC,EAAe,GAAa,KAAK,CACnC;AAAA,cAEE,CAAA;AAAA,YACD;AAAA,YACF;AAAA;MACI,CAAA;AAAA,MAEb,gBAAA,EAAC,GAAD;AAAA,QACE,gBAAgB,EAAW;AAAA,QAC3B,QAAQ;AAAA,QACR,SAAA,MAAe,EAAgB,EAAK;AAAA,QACpC,OAAO,EAAc;AAAA,kBAErB,gBAAA,EAAC,GAAD,EAAc,aAAa,GAAO,CAAA;AAAA,MAC5B,CAAA;AAAA,IACJ;AAAA;AAEV,CAAC"}

package/dist/budgets/components/addbudget/Header.es.js

@@ -0,0 +1,70 @@
+import { useBudgetsStore as l, useGlobalCopyStore as s, useRecurringTransactionsStore as m } from "../../../common/context/hooks.es.js";
+import { formatCurrency as i } from "../../../core/utils/NumberFormatting.es.js";
+import { observer as u } from "mobx-react-lite";
+import t from "@mui/material/Stack";
+import { Text as r } from "@mxenabled/mxui";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+var v = u(() => {
+  const { budgets: n } = s(), { totalBudgeted: c } = l(), { incomeTotal: d } = m(), a = d - c;
+  return /* @__PURE__ */ o(t, {
+    direction: "row",
+    justifyContent: "center",
+    my: 16,
+    spacing: 20,
+    children: [
+      /* @__PURE__ */ o(t, {
+        alignItems: "center",
+        children: [/* @__PURE__ */ e(r, {
+          bold: !0,
+          variant: "body1",
+          children: i(d, "0,0")
+        }), /* @__PURE__ */ e(r, {
+          color: "secondary",
+          variant: "body2",
+          children: n.projected_income
+        })]
+      }),
+      /* @__PURE__ */ e(r, {
+        bold: !0,
+        justifyContent: "center",
+        variant: "body1",
+        children: "-"
+      }),
+      /* @__PURE__ */ o(t, {
+        alignItems: "center",
+        children: [/* @__PURE__ */ e(r, {
+          bold: !0,
+          variant: "body1",
+          children: i(c, "0,0")
+        }), /* @__PURE__ */ e(r, {
+          color: "secondary",
+          variant: "body2",
+          children: n.budgeted
+        })]
+      }),
+      /* @__PURE__ */ e(r, {
+        bold: !0,
+        justifyContent: "center",
+        variant: "body1",
+        children: "="
+      }),
+      /* @__PURE__ */ o(t, {
+        alignItems: "center",
+        children: [/* @__PURE__ */ e(r, {
+          bold: !0,
+          variant: "body1",
+          children: i(a, "0,0")
+        }), /* @__PURE__ */ e(r, {
+          color: "secondary",
+          variant: "body2",
+          children: n.remaining
+        })]
+      })
+    ]
+  });
+});
+export {
+  v as Header
+};
+
+//# sourceMappingURL=Header.es.js.map

package/dist/budgets/components/addbudget/Header.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.es.js","names":[],"sources":["../../../../src/budgets/components/addbudget/Header.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useBudgetsStore, useGlobalCopyStore, useRecurringTransactionsStore } from '../../../common'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\nexport const Header = observer(() => {\n  const { budgets: copy } = useGlobalCopyStore()\n  const { totalBudgeted } = useBudgetsStore()\n  const { incomeTotal } = useRecurringTransactionsStore()\n\n  const remaining = incomeTotal - totalBudgeted\n\n  return (\n    <Stack direction=\"row\" justifyContent=\"center\" my={16} spacing={20}>\n      <Stack alignItems=\"center\">\n        <Text bold={true} variant=\"body1\">\n          {formatCurrency(incomeTotal, '0,0')}\n        </Text>\n        <Text color=\"secondary\" variant=\"body2\">\n          {copy.projected_income}\n        </Text>\n      </Stack>\n\n      <Text bold={true} justifyContent=\"center\" variant=\"body1\">\n        {'-'}\n      </Text>\n\n      <Stack alignItems=\"center\">\n        <Text bold={true} variant=\"body1\">\n          {formatCurrency(totalBudgeted, '0,0')}\n        </Text>\n        <Text color=\"secondary\" variant=\"body2\">\n          {copy.budgeted}\n        </Text>\n      </Stack>\n\n      <Text bold={true} justifyContent=\"center\" variant=\"body1\">\n        {'='}\n      </Text>\n\n      <Stack alignItems=\"center\">\n        <Text bold={true} variant=\"body1\">\n          {formatCurrency(remaining, '0,0')}\n        </Text>\n        <Text color=\"secondary\" variant=\"body2\">\n          {copy.remaining}\n        </Text>\n      </Stack>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;AASA,IAAa,IAAS,EAAA,MAAe;AACnC,QAAM,EAAE,SAAS,EAAA,IAAS,EAAmB,GACvC,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,aAAA,EAAA,IAAgB,EAA8B,GAEhD,IAAY,IAAc;AAEhC,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,WAAU;AAAA,IAAM,gBAAe;AAAA,IAAS,IAAI;AAAA,IAAI,SAAS;AAAA,cAAhE;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,kBAAlB,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,EAAe,GAAa,KAAK;AAAA,QAC9B,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAY,SAAQ;AAAA,oBAC7B,EAAK;AAAA,QACF,CAAA,CACD;AAAA;MAEP,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,gBAAe;AAAA,QAAS,SAAQ;AAAA,kBAC/C;AAAA,MACG,CAAA;AAAA,MAEN,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,kBAAlB,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,EAAe,GAAe,KAAK;AAAA,QAChC,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAY,SAAQ;AAAA,oBAC7B,EAAK;AAAA,QACF,CAAA,CACD;AAAA;MAEP,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,gBAAe;AAAA,QAAS,SAAQ;AAAA,kBAC/C;AAAA,MACG,CAAA;AAAA,MAEN,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,kBAAlB,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,EAAe,GAAW,KAAK;AAAA,QAC5B,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAY,SAAQ;AAAA,oBAC7B,EAAK;AAAA,QACF,CAAA,CACD;AAAA;IACF;AAAA;AAEX,CAAC"}

package/dist/budgets/components/addbudget/RecalculateBudgetRow.es.js

@@ -0,0 +1,30 @@
+import { buildDynamicCopy as s } from "../../../core/utils/Localization.es.js";
+import { useBudgetsStore as c, useGlobalCopyStore as p } from "../../../common/context/hooks.es.js";
+import { formatCurrency as i } from "../../../core/utils/NumberFormatting.es.js";
+import u from "react";
+import { observer as l } from "mobx-react-lite";
+import { CategoryIcon as f } from "@mxenabled/mxui";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import g from "@mui/material/Divider";
+import b from "@mui/material/ListItem";
+import v from "@mui/material/ListItemButton";
+import y from "@mui/material/ListItemText";
+import x from "@mui/material/ListItemAvatar";
+var S = l(({ category: r }) => {
+  const { budgets: o } = p(), { budgets: e } = c(), a = u.useMemo(() => {
+    const m = e.find((d) => d.category_guid === r.guid);
+    return `${i(r.totalAverageAmount, "0,0")} - ${m ? s(o.recalculate_previous_budget, i(m.amount, "0,0")) : o.recalculate_new_budget}`;
+  }, [o, e]);
+  return /* @__PURE__ */ n(u.Fragment, { children: [/* @__PURE__ */ t(b, { children: /* @__PURE__ */ n(v, { children: [/* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(f, {
+    categoryGuid: r.guid,
+    variant: "filled"
+  }) }), /* @__PURE__ */ t(y, {
+    primary: r.name,
+    secondary: a
+  })] }) }), /* @__PURE__ */ t(g, {})] }, r.guid);
+});
+export {
+  S as RecalculateBudgetRow
+};
+
+//# sourceMappingURL=RecalculateBudgetRow.es.js.map

package/dist/budgets/components/addbudget/RecalculateBudgetRow.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecalculateBudgetRow.es.js","names":[],"sources":["../../../../src/budgets/components/addbudget/RecalculateBudgetRow.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport { CategoryIcon } from '@mxenabled/mxui'\n\nimport { useBudgetsStore, useGlobalCopyStore } from '../../../common'\nimport { type DetailedCategory } from '../../../core'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface RecalculateBudgetRowProps {\n  category: DetailedCategory\n}\n\nexport const RecalculateBudgetRow: React.FC<RecalculateBudgetRowProps> = observer(\n  ({ category }) => {\n    const { budgets: copy } = useGlobalCopyStore()\n    const { budgets } = useBudgetsStore()\n\n    const secondaryText = React.useMemo(() => {\n      const budget = budgets.find((b) => b.category_guid === category.guid)\n      const part1 = formatCurrency(category.totalAverageAmount, '0,0')\n      const part2 = budget\n        ? buildDynamicCopy(copy.recalculate_previous_budget, formatCurrency(budget.amount, '0,0'))\n        : copy.recalculate_new_budget\n\n      return `${part1} - ${part2}`\n    }, [copy, budgets])\n\n    return (\n      <React.Fragment key={category.guid}>\n        <ListItem>\n          <ListItemButton>\n            <ListItemAvatar>\n              <CategoryIcon categoryGuid={category.guid} variant=\"filled\" />\n            </ListItemAvatar>\n            <ListItemText primary={category.name} secondary={secondaryText} />\n          </ListItemButton>\n        </ListItem>\n        <Divider />\n      </React.Fragment>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;AAoBA,IAAa,IAA4D,EAAA,CACtE,EAAE,UAAA,EAAA,MAAe;AAChB,QAAM,EAAE,SAAS,EAAA,IAAS,EAAmB,GACvC,EAAE,SAAA,EAAA,IAAY,EAAgB,GAE9B,IAAgB,EAAM,QAAA,MAAc;AACxC,UAAM,IAAS,EAAQ,KAAA,CAAM,MAAM,EAAE,kBAAkB,EAAS,IAAI;AAMpE,WAAO,GALO,EAAe,EAAS,oBAAoB,KAKhD,CAAA,MAJI,IACV,EAAiB,EAAK,6BAA6B,EAAe,EAAO,QAAQ,KAAK,CAAC,IACvF,EAAK,sBAAA;AAAA,EAGX,GAAG,CAAC,GAAM,CAAO,CAAC;AAElB,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAc,cAAc,EAAS;AAAA,IAAM,SAAQ;AAAA,EAAU,CAAA,EAC/C,CAAA,GAChB,gBAAA,EAAC,GAAD;AAAA,IAAc,SAAS,EAAS;AAAA,IAAM,WAAW;AAAA,EAAgB,CAAA,CACnD,EAAA,CAAA,EACR,CAAA,GACV,gBAAA,EAAC,GAAD,CAAU,CAAA,CACI,EAAA,GAVK,EAAS,IAUd;AAEpB,CACF"}

package/dist/budgets/components/addbudget/RecalculateBudgets.es.js

@@ -0,0 +1,62 @@
+import { useBudgetsStore as b, useCategoryStore as h, useGlobalCopyStore as x } from "../../../common/context/hooks.es.js";
+import _ from "../../../common/components/drawer/Drawer.es.js";
+import { RecalculateBudgetRow as y } from "./RecalculateBudgetRow.es.js";
+import i from "react";
+import n from "@mui/material/Stack";
+import { Text as a } from "@mxenabled/mxui";
+import C from "@mui/material/Button";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import B from "@mui/material/Box";
+import v from "@mui/material/List";
+var F = ({ onRecalculateBudgets: s }) => {
+  const { budgets: t, common: m } = x(), { spendCategories: u } = h(), { recalculateBudgets: d, setAlert: p } = b(), [g, o] = i.useState(!1), c = u.filter((r) => r.totalAverageAmount > 0), f = async () => {
+    await d(c), o(!1), p(t.alert_recalculated_budgets), s?.();
+  };
+  return /* @__PURE__ */ l(i.Fragment, { children: [
+    /* @__PURE__ */ e(C, {
+      onClick: () => o(!0),
+      sx: {
+        mt: 24,
+        mx: 24
+      },
+      variant: "text",
+      children: t.recalculate_button
+    }),
+    /* @__PURE__ */ e(a, {
+      sx: {
+        mx: 24,
+        my: 16,
+        textAlign: "center"
+      },
+      variant: "subtitle1",
+      children: t.recalculate_help
+    }),
+    /* @__PURE__ */ e(_, {
+      ariaLabelClose: m.close_aria,
+      isOpen: g,
+      onClose: () => o(!1),
+      onPrimaryAction: f,
+      title: t.recalculate_title,
+      children: /* @__PURE__ */ l(n, { children: [/* @__PURE__ */ l(n, {
+        mx: 24,
+        my: 16,
+        children: [/* @__PURE__ */ e(a, {
+          bold: !0,
+          variant: "body1",
+          children: t.recalculate_description_top
+        }), /* @__PURE__ */ e(a, {
+          variant: "subtitle2",
+          children: t.recalculate_description_bottom
+        })]
+      }), /* @__PURE__ */ e(B, {
+        bgcolor: "background.paper",
+        children: /* @__PURE__ */ e(v, { children: c.map((r) => /* @__PURE__ */ e(y, { category: r }, r.guid)) })
+      })] })
+    })
+  ] });
+};
+export {
+  F as RecalculateBudgets
+};
+
+//# sourceMappingURL=RecalculateBudgets.es.js.map

package/dist/budgets/components/addbudget/RecalculateBudgets.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecalculateBudgets.es.js","names":[],"sources":["../../../../src/budgets/components/addbudget/RecalculateBudgets.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport List from '@mui/material/List'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Drawer, useBudgetsStore, useCategoryStore, useGlobalCopyStore } from '../../../common'\n\nimport { RecalculateBudgetRow } from './RecalculateBudgetRow'\n\ninterface RecalculateBudgetsProps {\n  onRecalculateBudgets?: () => void\n}\n\nexport const RecalculateBudgets = ({ onRecalculateBudgets }: RecalculateBudgetsProps) => {\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const { spendCategories } = useCategoryStore()\n  const { recalculateBudgets, setAlert } = useBudgetsStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  const newBudgetCategories = spendCategories.filter((category) => category.totalAverageAmount > 0)\n\n  const handlePrimaryClick = async () => {\n    await recalculateBudgets(newBudgetCategories)\n\n    setIsOpen(false)\n    setAlert(copy.alert_recalculated_budgets)\n    onRecalculateBudgets?.()\n  }\n\n  return (\n    <React.Fragment>\n      <Button onClick={() => setIsOpen(true)} sx={{ mt: 24, mx: 24 }} variant=\"text\">\n        {copy.recalculate_button}\n      </Button>\n\n      <Text sx={{ mx: 24, my: 16, textAlign: 'center' }} variant=\"subtitle1\">\n        {copy.recalculate_help}\n      </Text>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        onPrimaryAction={handlePrimaryClick}\n        title={copy.recalculate_title}\n      >\n        <Stack>\n          <Stack mx={24} my={16}>\n            <Text bold={true} variant=\"body1\">\n              {copy.recalculate_description_top}\n            </Text>\n            <Text variant=\"subtitle2\">{copy.recalculate_description_bottom}</Text>\n          </Stack>\n          <Box bgcolor=\"background.paper\">\n            <List>\n              {newBudgetCategories.map((category) => (\n                <RecalculateBudgetRow category={category} key={category.guid} />\n              ))}\n            </List>\n          </Box>\n        </Stack>\n      </Drawer>\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;;;;;AAiBA,IAAa,IAAA,CAAsB,EAAE,sBAAA,EAAA,MAAoD;AACvF,QAAM,EAAE,SAAS,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAC3D,EAAE,iBAAA,EAAA,IAAoB,EAAiB,GACvC,EAAE,oBAAA,GAAoB,UAAA,EAAA,IAAa,EAAgB,GAEnD,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAsB,EAAgB,OAAA,CAAQ,MAAa,EAAS,qBAAqB,CAAC,GAE1F,IAAqB,YAAY;AACrC,UAAM,EAAmB,CAAmB,GAE5C,EAAU,EAAK,GACf,EAAS,EAAK,0BAA0B,GACxC,IAAuB;AAAA,EACzB;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MAAQ,SAAA,MAAe,EAAU,EAAI;AAAA,MAAG,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAG;AAAA,MAAG,SAAQ;AAAA,gBACrE,EAAK;AAAA,IACA,CAAA;AAAA,IAER,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,WAAW;AAAA,MAAS;AAAA,MAAG,SAAQ;AAAA,gBACxD,EAAK;AAAA,IACF,CAAA;AAAA,IACN,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,EAAW;AAAA,MACnB,QAAA;AAAA,MACR,SAAA,MAAe,EAAU,EAAK;AAAA,MAC9B,iBAAiB;AAAA,MACjB,OAAO,EAAK;AAAA,gBAEZ,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,QAAI,IAAI;AAAA,kBAAnB,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB,EAAK;AAAA,QACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,oBAAa,EAAK;AAAA,QAAqC,CAAA,CAChE;AAAA,UACP,gBAAA,EAAC,GAAD;AAAA,QAAK,SAAQ;AAAA,kBACX,gBAAA,EAAC,GAAD,EAAA,UACG,EAAoB,IAAA,CAAK,MACxB,gBAAA,EAAC,GAAD,EAAgC,UAAA,EAA+B,GAAhB,EAAS,IAAO,CAChE,EACG,CAAA;AAAA,MACH,CAAA,CACA,EAAA,CAAA;AAAA,IACD,CAAA;AAAA,EACM,EAAA,CAAA;AAEpB"}

package/dist/budgets/components/addbudget/UnbudgetedRow.es.js

@@ -0,0 +1,50 @@
+import { useGlobalCopyStore as p } from "../../../common/context/hooks.es.js";
+import l from "../../../common/components/dialog/Dialog.es.js";
+import { formatCurrency as c } from "../../../core/utils/NumberFormatting.es.js";
+import { BudgetAmount as f } from "../shared/BudgetAmount.es.js";
+import m from "react";
+import { observer as A } from "mobx-react-lite";
+import { CategoryIcon as b, Icon as I } from "@mxenabled/mxui";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import h from "@mui/material/ListItem";
+import y from "@mui/material/ListItemButton";
+import C from "@mui/material/ListItemText";
+import g from "@mui/material/ListItemAvatar";
+import x from "@mui/material/ListItemSecondaryAction";
+var w = A(({ category: t, onAddBudget: a }) => {
+  const { budgets: e, common: s } = p(), [d, i] = m.useState(!1), [r, u] = m.useState(`${t.totalAmount === 0 ? "" : t.totalAmount}`);
+  return /* @__PURE__ */ n(m.Fragment, { children: [/* @__PURE__ */ o(h, { children: /* @__PURE__ */ n(y, {
+    onClick: () => i(!0),
+    children: [
+      /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(b, { categoryGuid: t.guid }) }),
+      /* @__PURE__ */ o(C, {
+        primary: t.name,
+        secondary: c(t.totalAmount, "0,0")
+      }),
+      /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(I, {
+        name: "add",
+        size: 20
+      }) })
+    ]
+  }) }, t.guid), /* @__PURE__ */ o(l, {
+    copy: {
+      close_aria: s.close_aria,
+      title: e.add_title
+    },
+    disablePrimaryButton: Number(r) <= 0,
+    isOpen: d,
+    onClose: () => i(!1),
+    onPrimaryAction: () => a(t, Number(r)),
+    primaryText: e.add_save_button,
+    children: /* @__PURE__ */ o(f, {
+      amount: r,
+      categoryName: t.name,
+      onAmountChanged: u
+    })
+  })] });
+});
+export {
+  w as UnbudgetedRow
+};
+
+//# sourceMappingURL=UnbudgetedRow.es.js.map

package/dist/budgets/components/addbudget/UnbudgetedRow.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnbudgetedRow.es.js","names":[],"sources":["../../../../src/budgets/components/addbudget/UnbudgetedRow.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport { CategoryIcon, Icon } from '@mxenabled/mxui'\n\nimport { Dialog, useGlobalCopyStore } from '../../../common'\nimport { type DetailedCategory } from '../../../core'\n\nimport { BudgetAmount } from '../shared/BudgetAmount'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\ninterface UnbudgetedRowProps {\n  category: DetailedCategory\n  onAddBudget: (category: DetailedCategory, amount: number) => void\n}\n\nexport const UnbudgetedRow: React.FC<UnbudgetedRowProps> = observer(({ category, onAddBudget }) => {\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n\n  const [isAddBudgetOpen, setIsAddBudgetOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState(\n    `${category.totalAmount === 0 ? '' : category.totalAmount}`,\n  )\n\n  return (\n    <React.Fragment>\n      <ListItem key={category.guid}>\n        <ListItemButton onClick={() => setIsAddBudgetOpen(true)}>\n          <ListItemAvatar>\n            <CategoryIcon categoryGuid={category.guid} />\n          </ListItemAvatar>\n          <ListItemText\n            primary={category.name}\n            secondary={formatCurrency(category.totalAmount, '0,0')}\n          />\n          <ListItemSecondaryAction>\n            <Icon name=\"add\" size={20} />\n          </ListItemSecondaryAction>\n        </ListItemButton>\n      </ListItem>\n      <Dialog\n        copy={{ close_aria: commonCopy.close_aria, title: copy.add_title }}\n        disablePrimaryButton={Number(amount) <= 0}\n        isOpen={isAddBudgetOpen}\n        onClose={() => setIsAddBudgetOpen(false)}\n        onPrimaryAction={() => onAddBudget(category, Number(amount))}\n        primaryText={copy.add_save_button}\n      >\n        <BudgetAmount amount={amount} categoryName={category.name} onAmountChanged={setAmount} />\n      </Dialog>\n    </React.Fragment>\n  )\n})\n"],"mappings":";;;;;;;;;;;;;AAsBA,IAAa,IAA8C,EAAA,CAAU,EAAE,UAAA,GAAU,aAAA,EAAA,MAAkB;AACjG,QAAM,EAAE,SAAS,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAE3D,CAAC,GAAiB,CAAA,IAAsB,EAAM,SAAS,EAAK,GAC5D,CAAC,GAAQ,CAAA,IAAa,EAAM,SAChC,GAAG,EAAS,gBAAgB,IAAI,KAAK,EAAS,WAAA,EAChD;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,SAAA,MAAe,EAAmB,EAAI;AAAA,cAAtD;AAAA,MACE,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD,EAAc,cAAc,EAAS,KAAO,CAAA,EAC9B,CAAA;AAAA,MAChB,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS,EAAS;AAAA,QAClB,WAAW,EAAe,EAAS,aAAa,KAAK;AAAA,MACtD,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAM,MAAM;AAAA,MAAK,CAAA,EACL,CAAA;AAAA,IACX;AAAA,KACR,GAbK,EAAS,IAad,GACV,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM;AAAA,MAAE,YAAY,EAAW;AAAA,MAAY,OAAO,EAAK;AAAA,IAAU;AAAA,IACjE,sBAAsB,OAAO,CAAM,KAAK;AAAA,IACxC,QAAQ;AAAA,IACR,SAAA,MAAe,EAAmB,EAAK;AAAA,IACvC,iBAAA,MAAuB,EAAY,GAAU,OAAO,CAAM,CAAC;AAAA,IAC3D,aAAa,EAAK;AAAA,cAElB,gBAAA,EAAC,GAAD;AAAA,MAAsB,QAAA;AAAA,MAAQ,cAAc,EAAS;AAAA,MAAM,iBAAiB;AAAA,IAAY,CAAA;AAAA,EAClF,CAAA,CACM,EAAA,CAAA;AAEpB,CAAC"}

package/dist/budgets/components/bubblechart/Bubble.es.js

@@ -0,0 +1,128 @@
+import { useWidgetContainerProvider as L } from "../../../common/context/hooks.es.js";
+import R from "./Mercury.es.js";
+import x from "react";
+import { Icon as A, Text as d } from "@mxenabled/mxui";
+import { jsx as e, jsxs as I } from "react/jsx-runtime";
+import { useTheme as O } from "@mui/material/styles";
+import P from "@mui/material/Tooltip";
+var r = 75, u = 50;
+function U({ bubble: t, isDraggable: v, onClick: f = () => {
+} }) {
+  const [$, s] = x.useState(!1), T = O(), { availableWidth: p } = L(), D = x.useMemo(() => {
+    if (t)
+      return {
+        amount: t.amount,
+        budgetColors: t.budgetColors,
+        guid: t.guid,
+        radius: t.radius,
+        transaction_total: t.transaction_total
+      };
+  }, [
+    t.amount,
+    t.budgetColors,
+    t.guid,
+    t.radius,
+    t.transaction_total
+  ]);
+  if (!t) return;
+  const { budgetColors: { background: k, text: l }, category: { icon: C, name: m }, guid: i, description: n, radius: o, x: E, y: M } = t, g = p < 400 ? -8 : -12;
+  let y = g, a = g;
+  o > r ? (y = -14, a = -45) : o > u && (a = -32);
+  let h = 32;
+  o <= r && (h = p < 400 ? 16 : 24);
+  const S = `${t.category.name}: ${n}`, _ = { modifiers: [{
+    name: "offset",
+    options: { offset: [0, 15] }
+  }] }, w = (c) => {
+    (c.key === "Enter" || c.key === " ") && (c.preventDefault(), f(t));
+  }, B = () => {
+    s(!0);
+  }, H = () => {
+    s(!1);
+  };
+  return /* @__PURE__ */ I("g", {
+    "aria-label": `${m} - ${n}`,
+    className: "bubble",
+    id: `bubble-${i}`,
+    onBlur: H,
+    onClick: () => f(t),
+    onFocus: B,
+    onKeyDown: w,
+    onMouseEnter: () => s(!0),
+    onMouseLeave: () => s(!1),
+    role: "button",
+    style: {
+      cursor: v ? "pointer" : "default",
+      touchAction: "manipulation"
+    },
+    tabIndex: 0,
+    textAnchor: "middle",
+    x: E,
+    y: M,
+    children: [
+      /* @__PURE__ */ e("style", { children: `
+          .bubble:focus,
+          .bubble:focus-visible {
+            outline: none;
+          }
+          .bubble:focus circle,
+          .bubble:focus-visible circle {
+            stroke: ${T.palette.primary.main};
+            stroke-width: 3;
+            stroke-opacity: 0.8;
+          }
+        ` }),
+      /* @__PURE__ */ e(P, {
+        open: $,
+        slotProps: { popper: _ },
+        title: S,
+        children: /* @__PURE__ */ e("circle", {
+          fill: k,
+          id: `circle-${i}`,
+          r: o
+        })
+      }),
+      /* @__PURE__ */ e("svg", {
+        x: y,
+        y: a,
+        children: /* @__PURE__ */ e(A, {
+          name: C,
+          size: h,
+          sx: { fill: l }
+        })
+      }),
+      o > r && /* @__PURE__ */ e(d, {
+        bold: !0,
+        component: "text",
+        id: `budget-category-${i}`,
+        sx: { fill: l },
+        variant: "body2",
+        y: 4,
+        children: m
+      }),
+      o > u && /* @__PURE__ */ e(d, {
+        bold: !0,
+        component: "text",
+        id: `budget-description-${i}-1`,
+        sx: { fill: l },
+        variant: "body1",
+        y: o <= r ? 12 : 24,
+        children: o <= r ? n.split(" ")[0] : n
+      }),
+      o <= r && o > u && /* @__PURE__ */ e(d, {
+        component: "text",
+        id: `budget-description-${i}-2`,
+        sx: { fill: l },
+        variant: "caption",
+        y: 28,
+        children: n.split(" ")[1]
+      }),
+      /* @__PURE__ */ e(R, { bubble: D })
+    ]
+  }, i);
+}
+export {
+  U as Bubble
+};
+
+//# sourceMappingURL=Bubble.es.js.map

package/dist/budgets/components/bubblechart/Bubble.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bubble.es.js","names":[],"sources":["../../../../src/budgets/components/bubblechart/Bubble.tsx"],"sourcesContent":["import React from 'react'\n\nimport Tooltip from '@mui/material/Tooltip'\nimport { useTheme } from '@mui/material/styles'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport Mercury from './Mercury'\n\nimport { useWidgetContainerProvider } from '../../../common'\nimport { type DetailedBudget } from '../../../core'\nimport type { BubbleData } from '../BubbleChart'\n\nconst LARGE_THRESHOLD = 75\nconst MEDIUM_THRESHOLD = 50\n\ninterface BubbleProps {\n  bubble: BubbleData\n  isDraggable: boolean\n  onClick?: (budget: DetailedBudget) => void\n}\n\nexport function Bubble({ bubble, isDraggable, onClick = () => {} }: BubbleProps) {\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const theme = useTheme()\n\n  const { availableWidth } = useWidgetContainerProvider()\n\n  const budgetBubble = React.useMemo(() => {\n    if (!bubble) return undefined\n    return {\n      amount: bubble.amount,\n      budgetColors: bubble.budgetColors,\n      guid: bubble.guid,\n      radius: bubble.radius,\n      transaction_total: bubble.transaction_total,\n    }\n  }, [bubble.amount, bubble.budgetColors, bubble.guid, bubble.radius, bubble.transaction_total])\n\n  if (!bubble) return undefined\n\n  const {\n    budgetColors: { background, text: textColor },\n    category: { icon, name },\n    guid,\n    description,\n    radius,\n    x,\n    y,\n  } = bubble\n\n  const defaultSvgOffset = availableWidth < 400 ? -8 : -12\n\n  let iconX = defaultSvgOffset\n  let iconY = defaultSvgOffset\n\n  if (radius > LARGE_THRESHOLD) {\n    iconX = -14\n    iconY = -45\n  } else if (radius > MEDIUM_THRESHOLD) {\n    iconY = -32\n  }\n\n  let iconDimension = 32\n\n  if (radius <= LARGE_THRESHOLD) {\n    iconDimension = availableWidth < 400 ? 16 : 24\n  }\n\n  const tooltipText = `${bubble.category.name}: ${description}`\n  const tooltipPopperSlot = {\n    modifiers: [\n      {\n        name: 'offset',\n        options: { offset: [0, 15] },\n      },\n    ],\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      onClick(bubble)\n    }\n  }\n\n  const handleFocus = () => {\n    setShowTooltip(true)\n  }\n\n  const handleBlur = () => {\n    setShowTooltip(false)\n  }\n\n  return (\n    <g\n      aria-label={`${name} - ${description}`}\n      className=\"bubble\"\n      id={`bubble-${guid}`}\n      key={guid}\n      onBlur={handleBlur}\n      onClick={() => onClick(bubble)}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n      onMouseEnter={() => setShowTooltip(true)}\n      onMouseLeave={() => setShowTooltip(false)}\n      role=\"button\"\n      style={{ cursor: isDraggable ? 'pointer' : 'default', touchAction: 'manipulation' }}\n      tabIndex={0}\n      textAnchor=\"middle\"\n      x={x}\n      y={y}\n    >\n      <style>\n        {`\n          .bubble:focus,\n          .bubble:focus-visible {\n            outline: none;\n          }\n          .bubble:focus circle,\n          .bubble:focus-visible circle {\n            stroke: ${theme.palette.primary.main};\n            stroke-width: 3;\n            stroke-opacity: 0.8;\n          }\n        `}\n      </style>\n      <Tooltip open={showTooltip} slotProps={{ popper: tooltipPopperSlot }} title={tooltipText}>\n        <circle fill={background} id={`circle-${guid}`} r={radius} />\n      </Tooltip>\n\n      <svg x={iconX} y={iconY}>\n        <Icon name={icon} size={iconDimension} sx={{ fill: textColor }} />\n      </svg>\n\n      {radius > LARGE_THRESHOLD && (\n        <Text\n          bold={true}\n          component=\"text\"\n          id={`budget-category-${guid}`}\n          sx={{ fill: textColor }}\n          variant=\"body2\"\n          /* @ts-expect-error Property doesn't exist on type */\n          y={4}\n        >\n          {name}\n        </Text>\n      )}\n\n      {radius > MEDIUM_THRESHOLD && (\n        <Text\n          bold={true}\n          component=\"text\"\n          id={`budget-description-${guid}-1`}\n          sx={{ fill: textColor }}\n          variant=\"body1\"\n          /* @ts-expect-error Property doesn't exist on type */\n          y={radius <= LARGE_THRESHOLD ? 12 : 24}\n        >\n          {radius <= LARGE_THRESHOLD ? description.split(' ')[0] : description}\n        </Text>\n      )}\n\n      {radius <= LARGE_THRESHOLD && radius > MEDIUM_THRESHOLD && (\n        <Text\n          component=\"text\"\n          id={`budget-description-${guid}-2`}\n          sx={{ fill: textColor }}\n          variant=\"caption\"\n          /* @ts-expect-error Property doesn't exist on type */\n          y={28}\n        >\n          {description.split(' ')[1]}\n        </Text>\n      )}\n\n      <Mercury bubble={budgetBubble as BubbleData} />\n    </g>\n  )\n}\n"],"mappings":";;;;;;;AAaA,IAAM,IAAkB,IAClB,IAAmB;AAQzB,SAAgB,EAAO,EAAE,QAAA,GAAQ,aAAA,GAAa,SAAA,IAAA,MAAgB;AAAC,EAAA,GAAkB;AAC/E,QAAM,CAAC,GAAa,CAAA,IAAkB,EAAM,SAAS,EAAK,GACpD,IAAQ,EAAS,GAEjB,EAAE,gBAAA,EAAA,IAAmB,EAA2B,GAEhD,IAAe,EAAM,QAAA,MAAc;AACvC,QAAK;AACL,aAAO;AAAA,QACL,QAAQ,EAAO;AAAA,QACf,cAAc,EAAO;AAAA,QACrB,MAAM,EAAO;AAAA,QACb,QAAQ,EAAO;AAAA,QACf,mBAAmB,EAAO;AAAA,MAC5B;AAAA,EACF,GAAG;AAAA,IAAC,EAAO;AAAA,IAAQ,EAAO;AAAA,IAAc,EAAO;AAAA,IAAM,EAAO;AAAA,IAAQ,EAAO;AAAA,EAAiB,CAAC;AAE7F,MAAI,CAAC,EAAQ;AAEb,QAAM,EACJ,cAAc,EAAE,YAAA,GAAY,MAAM,EAAA,GAClC,UAAU,EAAE,MAAA,GAAM,MAAA,EAAA,GAClB,MAAA,GACA,aAAA,GACA,QAAA,GACA,GAAA,GACA,GAAA,EAAA,IACE,GAEE,IAAmB,IAAiB,MAAM,KAAK;AAErD,MAAI,IAAQ,GACR,IAAQ;AAEZ,EAAI,IAAS,KACX,IAAQ,KACR,IAAQ,OACC,IAAS,MAClB,IAAQ;AAGV,MAAI,IAAgB;AAEpB,EAAI,KAAU,MACZ,IAAgB,IAAiB,MAAM,KAAK;AAG9C,QAAM,IAAc,GAAG,EAAO,SAAS,IAAA,KAAS,CAAA,IAC1C,IAAoB,EACxB,WAAW,CACT;AAAA,IACE,MAAM;AAAA,IACN,SAAS,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAE;AAAA,EAC7B,CACF,EACF,GAEM,IAAA,CAAiB,MAA+B;AACpD,KAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,eAAe,GACrB,EAAQ,CAAM;AAAA,EAElB,GAEM,IAAA,MAAoB;AACxB,IAAA,EAAe,EAAI;AAAA,EACrB,GAEM,IAAA,MAAmB;AACvB,IAAA,EAAe,EAAK;AAAA,EACtB;AAEA,SACE,gBAAA,EAAC,KAAD;AAAA,IACE,cAAY,GAAG,CAAA,MAAU,CAAA;AAAA,IACzB,WAAU;AAAA,IACV,IAAI,UAAU,CAAA;AAAA,IAEd,QAAQ;AAAA,IACR,SAAA,MAAe,EAAQ,CAAM;AAAA,IAC7B,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAA,MAAoB,EAAe,EAAI;AAAA,IACvC,cAAA,MAAoB,EAAe,EAAK;AAAA,IACxC,MAAK;AAAA,IACL,OAAO;AAAA,MAAE,QAAQ,IAAc,YAAY;AAAA,MAAW,aAAa;AAAA,IAAe;AAAA,IAClF,UAAU;AAAA,IACV,YAAW;AAAA,IACR,GAAA;AAAA,IACA,GAAA;AAAA,cAhBL;AAAA,MAkBE,gBAAA,EAAC,SAAD,EAAA,UACG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOa,EAAM,QAAQ,QAAQ,IAAA;AAAA;AAAA;AAAA;AAAA,UAK/B,CAAA;AAAA,MACP,gBAAA,EAAC,GAAD;AAAA,QAAS,MAAM;AAAA,QAAa,WAAW,EAAE,QAAQ,EAAkB;AAAA,QAAG,OAAO;AAAA,kBAC3E,gBAAA,EAAC,UAAD;AAAA,UAAQ,MAAM;AAAA,UAAY,IAAI,UAAU,CAAA;AAAA,UAAQ,GAAG;AAAA,QAAS,CAAA;AAAA,MACrD,CAAA;AAAA,MAET,gBAAA,EAAC,OAAD;AAAA,QAAK,GAAG;AAAA,QAAO,GAAG;AAAA,kBAChB,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,MAAM;AAAA,UAAe,IAAI,EAAE,MAAM,EAAU;AAAA,QAAI,CAAA;AAAA,MAC9D,CAAA;AAAA,MAEJ,IAAS,KACR,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,QACN,WAAU;AAAA,QACV,IAAI,mBAAmB,CAAA;AAAA,QACvB,IAAI,EAAE,MAAM,EAAU;AAAA,QACtB,SAAQ;AAAA,QAER,GAAG;AAAA,kBAEF;AAAA,MACG,CAAA;AAAA,MAGP,IAAS,KACR,gBAAA,EAAC,GAAD;AAAA,QACE,MAAM;AAAA,QACN,WAAU;AAAA,QACV,IAAI,sBAAsB,CAAA;AAAA,QAC1B,IAAI,EAAE,MAAM,EAAU;AAAA,QACtB,SAAQ;AAAA,QAER,GAAG,KAAU,IAAkB,KAAK;AAAA,kBAEnC,KAAU,IAAkB,EAAY,MAAM,GAAG,EAAE,CAAA,IAAK;AAAA,MACrD,CAAA;AAAA,MAGP,KAAU,KAAmB,IAAS,KACrC,gBAAA,EAAC,GAAD;AAAA,QACE,WAAU;AAAA,QACV,IAAI,sBAAsB,CAAA;AAAA,QAC1B,IAAI,EAAE,MAAM,EAAU;AAAA,QACtB,SAAQ;AAAA,QAER,GAAG;AAAA,kBAEF,EAAY,MAAM,GAAG,EAAE,CAAA;AAAA,MACpB,CAAA;AAAA,MAGR,gBAAA,EAAC,GAAD,EAAS,QAAQ,EAA6B,CAAA;AAAA,IAC7C;AAAA,KA9EI,CA8EJ;AAEP"}

package/dist/budgets/components/bubblechart/Mercury.es.js

@@ -0,0 +1,29 @@
+import { arcTween as f } from "../../utils/BubblesSVG.es.js";
+import i from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { useTheme as p } from "@mui/material/styles";
+import * as r from "d3";
+var l = 5, y = 2e3, R = ({ bubble: a }) => {
+  const c = p(), { amount: m, guid: n, budgetColors: { mercury: u }, radius: s, transaction_total: d } = a, t = `mercury-${n}`;
+  return i.useEffect(() => {
+    r.select(`.${t}`).selectAll(".status").remove(), r.select(`.${t}`).append("path").transition().duration(y).delay(0).attr("class", "status").attr("style", `fill: ${u}; fill-opacity: 1;`).attrTween("d", () => f(a));
+  }, [
+    m,
+    s,
+    d
+  ]), /* @__PURE__ */ o("g", {
+    className: t,
+    children: /* @__PURE__ */ o("path", {
+      d: r.arc().innerRadius((e) => e - 2 * l).outerRadius((e) => e - l).startAngle(0).endAngle(2 * Math.PI)(s) || "",
+      style: {
+        fill: c.palette.common.white,
+        fillOpacity: 0.35
+      }
+    })
+  });
+}, A = i.memo(R);
+export {
+  A as default
+};
+
+//# sourceMappingURL=Mercury.es.js.map

package/dist/budgets/components/bubblechart/Mercury.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mercury.es.js","names":[],"sources":["../../../../src/budgets/components/bubblechart/Mercury.tsx"],"sourcesContent":["import React from 'react'\nimport * as d3 from 'd3'\n\nimport { useTheme } from '@mui/material/styles'\n\nimport { arcTween } from '../../utils/BubblesSVG'\n\nimport type { BubbleData } from '../BubbleChart'\n\nconst PROGRESS_INDICATOR_SIZE = 5\nconst PROGRESS_DURATION = 2000\n\ninterface MercuryProps {\n  bubble: BubbleData\n}\n\nconst Mercury = ({ bubble }: MercuryProps) => {\n  const theme = useTheme()\n  const {\n    amount,\n    guid,\n    budgetColors: { mercury },\n    radius,\n    transaction_total,\n  } = bubble\n\n  const bubbleId = `mercury-${guid}`\n\n  React.useEffect(() => {\n    // Remove previous status arc\n    d3.select(`.${bubbleId}`).selectAll('.status').remove()\n\n    // Append updated status arc\n    d3.select(`.${bubbleId}`)\n      .append('path')\n      .transition()\n      .duration(PROGRESS_DURATION)\n      .delay(0)\n      .attr('class', 'status')\n      .attr('style', `fill: ${mercury}; fill-opacity: 1;`)\n      .attrTween('d', () => arcTween(bubble))\n  }, [amount, radius, transaction_total])\n\n  const trackArc = d3\n    .arc<number>()\n    .innerRadius((radius: number) => radius - 2 * PROGRESS_INDICATOR_SIZE)\n    .outerRadius((radius: number) => radius - PROGRESS_INDICATOR_SIZE)\n    .startAngle(0)\n    .endAngle(2 * Math.PI)\n\n  return (\n    <g className={bubbleId}>\n      <path\n        d={trackArc(radius) || ''}\n        style={{ fill: theme.palette.common.white, fillOpacity: 0.35 }}\n      />\n    </g>\n  )\n}\n\nexport default React.memo(Mercury)\n"],"mappings":";;;;;AASA,IAAM,IAA0B,GAC1B,IAAoB,KAMpB,IAAA,CAAW,EAAE,QAAA,EAAA,MAA2B;AAC5C,QAAM,IAAQ,EAAS,GACjB,EACJ,QAAA,GACA,MAAA,GACA,cAAc,EAAE,SAAA,EAAA,GAChB,QAAA,GACA,mBAAA,EAAA,IACE,GAEE,IAAW,WAAW,CAAA;AAE5B,SAAA,EAAM,UAAA,MAAgB;AAEpB,IAAA,EAAG,OAAO,IAAI,CAAA,EAAU,EAAE,UAAU,SAAS,EAAE,OAAO,GAGtD,EAAG,OAAO,IAAI,CAAA,EAAU,EACrB,OAAO,MAAM,EACb,WAAW,EACX,SAAS,CAAiB,EAC1B,MAAM,CAAC,EACP,KAAK,SAAS,QAAQ,EACtB,KAAK,SAAS,SAAS,CAAA,oBAA2B,EAClD,UAAU,KAAA,MAAW,EAAS,CAAM,CAAC;AAAA,EAC1C,GAAG;AAAA,IAAC;AAAA,IAAQ;AAAA,IAAQ;AAAA,EAAiB,CAAC,GAUpC,gBAAA,EAAC,KAAD;AAAA,IAAG,WAAW;AAAA,cACZ,gBAAA,EAAC,QAAD;AAAA,MACE,GAVW,EACd,IAAY,EACZ,YAAA,CAAa,MAAmB,IAAS,IAAI,CAAuB,EACpE,YAAA,CAAa,MAAmB,IAAS,CAAuB,EAChE,WAAW,CAAC,EACZ,SAAS,IAAI,KAAK,EAKZ,EAAS,CAAM,KAAK;AAAA,MACvB,OAAO;AAAA,QAAE,MAAM,EAAM,QAAQ,OAAO;AAAA,QAAO,aAAa;AAAA,MAAK;AAAA,IAC9D,CAAA;AAAA,EACA,CAAA;AAEP,GAEA,IAAe,EAAM,KAAK,CAAO"}

package/dist/budgets/components/budgetdetails/AddSubBudget.es.js

@@ -0,0 +1,98 @@
+import { useBudgetsStore as v, useGlobalCopyStore as I } from "../../../common/context/hooks.es.js";
+import O from "../../../common/components/dialog/Dialog.es.js";
+import w from "../../../common/components/drawer/Drawer.es.js";
+import { useCategoryUiStore as L } from "../../../categories/context/hooks.es.js";
+import N from "../../../categories/components/CategoryRow.es.js";
+import { BudgetAmount as j } from "../shared/BudgetAmount.es.js";
+import t from "react";
+import { observer as k } from "mobx-react-lite";
+import p from "@mui/material/Stack";
+import { Icon as f, Text as D } from "@mxenabled/mxui";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import G from "@mui/material/Box";
+import P from "@mui/material/Divider";
+import T from "@mui/material/List";
+import z from "@mui/material/ListItem";
+import E from "@mui/material/ListItemButton";
+import R from "@mui/material/ListItemText";
+var re = k(({ category: o, parentBudget: g }) => {
+  const { budgets: r, common: u } = I(), { setExpandedGuid: b, setOnSelect: h } = L(), { addBudget: y } = v(), [C, n] = t.useState(!1), [_, a] = t.useState(!1), [i, l] = t.useState(""), [d, c] = t.useState(void 0);
+  t.useEffect(() => {
+    h((A) => {
+      const s = o.subCategories.find((B) => B.guid === A);
+      s && (c(s), l(`${s.currentAmount === 0 ? "" : s.currentAmount}`), a(!0));
+    });
+  }, []);
+  const x = () => {
+    b(o.guid), n(!0);
+  }, S = async () => {
+    d && Number(i) > 0 && (await y(d, Number(i), g.guid), a(!1), n(!1), c(void 0));
+  };
+  return /* @__PURE__ */ m(G, { children: [
+    /* @__PURE__ */ e(z, {
+      disableGutters: !0,
+      disablePadding: !0,
+      sx: { bgcolor: "background.paper" },
+      children: /* @__PURE__ */ e(E, {
+        onClick: x,
+        children: /* @__PURE__ */ e(R, { children: /* @__PURE__ */ m(p, {
+          alignItems: "center",
+          direction: "row",
+          justifyContent: "space-between",
+          children: [/* @__PURE__ */ m(p, {
+            alignItems: "center",
+            direction: "row",
+            gap: 8,
+            children: [/* @__PURE__ */ e(f, {
+              fill: !0,
+              name: "add_box",
+              size: 24,
+              sx: { color: "primary.light" }
+            }), /* @__PURE__ */ e(D, {
+              bold: !0,
+              sx: { color: "primary.light" },
+              variant: "body1",
+              children: r.add_sub_budget_button
+            })]
+          }), /* @__PURE__ */ e(f, {
+            name: "chevron_right",
+            size: 24,
+            sx: { color: "primary.light" }
+          })]
+        }) })
+      })
+    }),
+    /* @__PURE__ */ e(P, {}),
+    /* @__PURE__ */ e(w, {
+      ariaLabelClose: u.close_aria,
+      isOpen: C,
+      onClose: () => n(!1),
+      title: r.add_sub_budget_title,
+      children: /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(N, {
+        category: o,
+        subCategories: o.subCategories
+      }) })
+    }),
+    /* @__PURE__ */ e(O, {
+      copy: {
+        close_aria: u.close_aria,
+        title: r.add_title
+      },
+      disablePrimaryButton: Number(i) <= 0,
+      isOpen: _,
+      onClose: () => a(!1),
+      onPrimaryAction: S,
+      primaryText: r.add_save_button,
+      children: /* @__PURE__ */ e(j, {
+        amount: i,
+        categoryName: d?.name || "",
+        onAmountChanged: l
+      })
+    })
+  ] });
+});
+export {
+  re as AddSubBudget
+};
+
+//# sourceMappingURL=AddSubBudget.es.js.map

package/dist/budgets/components/budgetdetails/AddSubBudget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddSubBudget.es.js","names":[],"sources":["../../../../src/budgets/components/budgetdetails/AddSubBudget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { Dialog, Drawer, useBudgetsStore, useGlobalCopyStore } from '../../../common'\nimport { type DetailedBudget, type DetailedCategory } from '../../../core'\nimport { CategoryRow, useCategoryUiStore } from '../../../categories'\nimport { BudgetAmount } from '../shared/BudgetAmount'\n\ninterface AddSubBudgetProps {\n  category: DetailedCategory\n  parentBudget: DetailedBudget\n}\n\nexport const AddSubBudget: React.FC<AddSubBudgetProps> = observer(({ category, parentBudget }) => {\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const { setExpandedGuid, setOnSelect } = useCategoryUiStore()\n  const { addBudget } = useBudgetsStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [isAddBudgetOpen, setIsAddBudgetOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState('')\n  const [subCategory, setSubCategory] = React.useState<DetailedCategory | undefined>(undefined)\n\n  React.useEffect(() => {\n    setOnSelect((guid: string) => {\n      const subCategory = category.subCategories.find((sc) => sc.guid === guid)\n      if (subCategory) {\n        setSubCategory(subCategory)\n        setAmount(`${subCategory.currentAmount === 0 ? '' : subCategory.currentAmount}`)\n        setIsAddBudgetOpen(true)\n      }\n    })\n  }, [])\n\n  const handleOpen = () => {\n    setExpandedGuid(category.guid)\n    setIsOpen(true)\n  }\n\n  const handleAddSubBudget = async () => {\n    if (subCategory && Number(amount) > 0) {\n      await addBudget(subCategory, Number(amount), parentBudget.guid)\n      setIsAddBudgetOpen(false)\n      setIsOpen(false)\n      setSubCategory(undefined)\n    }\n  }\n\n  return (\n    <Box>\n      <ListItem disableGutters={true} disablePadding={true} sx={{ bgcolor: 'background.paper' }}>\n        <ListItemButton onClick={handleOpen}>\n          <ListItemText>\n            <Stack alignItems=\"center\" direction=\"row\" justifyContent=\"space-between\">\n              <Stack alignItems=\"center\" direction=\"row\" gap={8}>\n                <Icon fill={true} name=\"add_box\" size={24} sx={{ color: 'primary.light' }} />\n                <Text bold={true} sx={{ color: 'primary.light' }} variant=\"body1\">\n                  {copy.add_sub_budget_button}\n                </Text>\n              </Stack>\n              <Icon name=\"chevron_right\" size={24} sx={{ color: 'primary.light' }} />\n            </Stack>\n          </ListItemText>\n        </ListItemButton>\n      </ListItem>\n      <Divider />\n\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        title={copy.add_sub_budget_title}\n      >\n        <List>\n          <CategoryRow category={category} subCategories={category.subCategories} />\n        </List>\n      </Drawer>\n\n      <Dialog\n        copy={{ close_aria: commonCopy.close_aria, title: copy.add_title }}\n        disablePrimaryButton={Number(amount) <= 0}\n        isOpen={isAddBudgetOpen}\n        onClose={() => setIsAddBudgetOpen(false)}\n        onPrimaryAction={handleAddSubBudget}\n        primaryText={copy.add_save_button}\n      >\n        <BudgetAmount\n          amount={amount}\n          categoryName={subCategory?.name || ''}\n          onAmountChanged={setAmount}\n        />\n      </Dialog>\n    </Box>\n  )\n})\n"],"mappings":"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"}

package/dist/budgets/components/budgetdetails/BudgetDetails.es.js

@@ -0,0 +1,66 @@
+import { useAppConfig as k, useBudgetsStore as D, useGlobalCopyStore as j, useTransactionStore as G } from "../../../common/context/hooks.es.js";
+import { useScreenSize as I } from "../../../common/hooks/useScreenSize.es.js";
+import L from "../../../common/components/drawer/Drawer.es.js";
+import { exportTransactionsToCSV as z } from "../../../core/utils/TransactionUtils.es.js";
+import A from "../../../transactions/components/shared/TransactionList.es.js";
+import E from "../../../transactions/components/shared/TransactionDetails.es.js";
+import { Header as W } from "./Header.es.js";
+import { SubBudgetList as H } from "./SubBudgetList.es.js";
+import i from "react";
+import { observer as M } from "mobx-react-lite";
+import e from "@mui/material/Stack";
+import { Icon as O } from "@mxenabled/mxui";
+import R from "@mui/material/Button";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import p from "@mui/material/Tab";
+import V from "@mui/material/Tabs";
+var st = M(({ budget: c }) => {
+  const { is_mobile_webview: u } = k(), { setAlert: f } = D(), { budgets: o, common: b, transactions: h } = j(), { isDesktop: _, isSmallTablet: T, isTablet: C } = I(), { sortedTransactions: s, sortedTransactionsWithSplits: S, tags: g } = G(), [a, x] = i.useState(0), [l, m] = i.useState(""), n = i.useMemo(() => s.find((d) => d.guid === l), [l, s]), v = (d, B) => {
+    x(B);
+  }, w = () => {
+    z(S, g), f(o.alert_csv_downloaded);
+  }, y = s.length > 0 && !u && (_ || C && !T);
+  return /* @__PURE__ */ r(e, {
+    gap: 24,
+    children: [/* @__PURE__ */ t(W, { budget: c }), /* @__PURE__ */ r(e, { children: [
+      /* @__PURE__ */ r(V, {
+        onChange: v,
+        sx: { width: "100%" },
+        textColor: "primary",
+        value: a,
+        variant: "fullWidth",
+        children: [/* @__PURE__ */ t(p, { label: o.details_transactions_tab }), /* @__PURE__ */ t(p, { label: o.details_subbudgets_tab })]
+      }),
+      a === 0 && /* @__PURE__ */ r(e, { children: [y && /* @__PURE__ */ t(e, {
+        direction: "row",
+        justifyContent: "right",
+        mb: -24,
+        mr: 8,
+        mt: 8,
+        zIndex: 1,
+        children: /* @__PURE__ */ t(R, {
+          onClick: w,
+          startIcon: /* @__PURE__ */ t(O, { name: "ios_share" }),
+          variant: "text",
+          children: h.export_csv_btn
+        })
+      }), /* @__PURE__ */ t(A, {
+        height: "100%",
+        onClick: m
+      })] }),
+      a === 1 && /* @__PURE__ */ t(H, { budget: c }),
+      /* @__PURE__ */ t(L, {
+        ariaLabelClose: b.close_aria,
+        isOpen: !!n,
+        onClose: () => m(""),
+        title: o.details_transaction_drawer,
+        children: n && /* @__PURE__ */ t(E, { transaction: n })
+      })
+    ] })]
+  });
+});
+export {
+  st as BudgetDetails
+};
+
+//# sourceMappingURL=BudgetDetails.es.js.map