@mx-cartographer/experiences 7.7.1-alpha.san6 → 7.7.1

package/dist/{SpendingLegend-BZsjOYfi.mjs → SpendingLegend-gTCJLLkV.mjs}

@@ -1,19 +1,19 @@
 import { b as _ } from "./CategoryUtil-DZflYFam.mjs";
 import { b as p } from "./Category-CevNQ03n.mjs";
-import { jsxs as y, Fragment as w, jsx as m } from "react/jsx-runtime";
+import { jsxs as f, Fragment as w, jsx as m } from "react/jsx-runtime";
 import x from "react";
 import { observer as M } from "mobx-react-lite";
 import N from "@mui/material/Button";
-import f from "@mui/material/Stack";
+import h from "@mui/material/Stack";
 import { useTheme as k } from "@mui/material/styles";
-import { CategoryIcon as A, CategoryIconVariants as G, Text as h } from "@mxenabled/mxui";
-import { D as O } from "./Donut-Dmy3JTWd.mjs";
-import { u as $ } from "./useAriaLive-B3_pRUio.mjs";
-import { u as j } from "./hooks-ZMp65DFz.mjs";
-import { u as R } from "./useScreenSize-B6JyS_Lj.mjs";
+import { CategoryIcon as A, CategoryIconVariants as G, Text as y, P as O } from "@mxenabled/mxui";
+import { D as $ } from "./Donut-Dmy3JTWd.mjs";
+import { u as j } from "./useAriaLive-B3_pRUio.mjs";
+import { u as R } from "./hooks-ZMp65DFz.mjs";
+import { u as v } from "./useScreenSize-B6JyS_Lj.mjs";
 import { f as D } from "./NumberFormatting-DjTD0t3W.mjs";
-import v from "@mui/material/Box";
-const T = 5, B = (i, l, g, d) => d.reduce((t, n) => {
+import B from "@mui/material/Box";
+const T = 5, H = (i, l, g, d) => d.reduce((t, n) => {
   const a = i.find((s) => s.guid === n.category_guid);
   if (!a) return t;
   const o = a.parent_guid ?? a.guid, r = i.find((s) => s.guid === o);
@@ -31,8 +31,8 @@ const T = 5, B = (i, l, g, d) => d.reduce((t, n) => {
     categoryTotals: [c],
     amount: n.total
   }), t;
-}, []), to = (i, l, g, d) => {
-  const t = B(i, l, g, d), n = t.filter(
+}, []), no = (i, l, g, d) => {
+  const t = H(i, l, g, d), n = t.filter(
     (e) => e.guid !== p.INCOME && e.guid !== p.INVESTMENTS && e.guid !== p.TRANSFER && e.amount > 0
   ).sort((e, s) => s.amount - e.amount), a = n.reduce(
     (e, s) => e + s.amount,
@@ -66,7 +66,7 @@ const T = 5, B = (i, l, g, d) => d.reduce((t, n) => {
     donutData: c,
     totalAmount: a
   };
-}, no = (i, l, g) => {
+}, eo = (i, l, g) => {
   const d = i.filter(
     (o) => o.guid === p.INCOME || o.parent_guid === p.INCOME
   ), t = l.filter((o) => d.some((r) => r.guid === o.category_guid)).sort((o, r) => o.total - r.total).map((o, r) => ({
@@ -89,7 +89,7 @@ const T = 5, B = (i, l, g, d) => d.reduce((t, n) => {
     donutData: a,
     totalAmount: n
   };
-}, H = ({
+}, V = ({
   data: i,
   isIncome: l = !1,
   onSelected: g,
@@ -99,7 +99,7 @@ const T = 5, B = (i, l, g, d) => d.reduce((t, n) => {
   totalLabel: a,
   variant: o = "mini"
 }) => {
-  const { spending: r } = j(), c = k(), { isTablet: e } = R(), { announce: s, ariaLive: C } = $(), u = x.useMemo(
+  const { spending: r } = R(), c = k(), { isTablet: e } = v(), { announce: s, ariaLive: C } = j(), u = x.useMemo(
     () => t ? i.categoryData.find((b) => b.guid === t) : void 0,
     [t]
   );
@@ -112,11 +112,11 @@ const T = 5, B = (i, l, g, d) => d.reduce((t, n) => {
   const S = x.useMemo(() => i.donutData.length > 0 ? i.donutData : [{ id: "0", color: c.palette.divider, value: 100 }], [i, c]), E = () => {
     d?.(t);
   }, I = e ? 32 : 48;
-  return /* @__PURE__ */ y(w, { children: [
+  return /* @__PURE__ */ f(w, { children: [
     C,
-    /* @__PURE__ */ m(O, { data: S, onClick: g, selectedId: t, size: n, children: /* @__PURE__ */ m(f, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ y(f, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
-      u && /* @__PURE__ */ y(
-        f,
+    /* @__PURE__ */ m($, { data: S, onClick: g, selectedId: t, size: n, children: /* @__PURE__ */ m(h, { alignItems: "center", height: "100%", justifyContent: "center", width: "100%", children: /* @__PURE__ */ f(h, { alignItems: "center", justifyContent: "center", minHeight: n, minWidth: n, children: [
+      u && /* @__PURE__ */ f(
+        h,
         {
           alignItems: "center",
           gap: o === "mini" ? 0 : 8,
@@ -133,7 +133,7 @@ const T = 5, B = (i, l, g, d) => d.reduce((t, n) => {
               }
             ),
             /* @__PURE__ */ m(
-              h,
+              y,
               {
                 color: "secondary",
                 noWrap: !0,
@@ -144,9 +144,9 @@ const T = 5, B = (i, l, g, d) => d.reduce((t, n) => {
           ]
         }
       ),
-      !u && o === "full" && /* @__PURE__ */ m(h, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: a }),
-      /* @__PURE__ */ m(h, { variant: o === "mini" ? "H2" : "H1", children: u ? D(u.amount, o === "mini" ? "0,0" : "0,0.00") : D(i.totalAmount, o === "mini" ? "0,0" : "0,0.00") }),
-      !u && o === "mini" && /* @__PURE__ */ m(h, { color: "secondary", noWrap: !0, variant: "Tiny", children: a }),
+      !u && o === "full" && /* @__PURE__ */ m(y, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: a }),
+      /* @__PURE__ */ m(O, { variant: o === "mini" ? "H2" : "H1", children: u ? D(u.amount, o === "mini" ? "0,0" : "0,0.00") : D(i.totalAmount, o === "mini" ? "0,0" : "0,0.00") }),
+      !u && o === "mini" && /* @__PURE__ */ m(y, { color: "secondary", noWrap: !0, variant: "Tiny", children: a }),
       o === "full" && /* @__PURE__ */ m(
         N,
         {
@@ -160,12 +160,12 @@ const T = 5, B = (i, l, g, d) => d.reduce((t, n) => {
       )
     ] }) }) })
   ] });
-}, eo = M(H), ro = ({ data: i, onSelected: l, selectedId: g }) => {
+}, ro = M(V), ao = ({ data: i, onSelected: l, selectedId: g }) => {
   const d = (t, n) => {
     (t.key === "Enter" || t.key === " ") && (t.preventDefault(), l(n));
   };
-  return /* @__PURE__ */ m(f, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: i.categoryData.map((t) => /* @__PURE__ */ y(
-    f,
+  return /* @__PURE__ */ m(h, { gap: 8, height: "100%", justifyContent: "center", my: "auto", children: i.categoryData.map((t) => /* @__PURE__ */ f(
+    h,
     {
       alignItems: "center",
       "aria-label": t.name,
@@ -178,16 +178,16 @@ const T = 5, B = (i, l, g, d) => d.reduce((t, n) => {
       sx: { cursor: "pointer" },
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ m(v, { borderRadius: 4, height: 8, sx: { backgroundColor: t.color }, width: 8 }),
-        /* @__PURE__ */ m(h, { bold: t.guid === g, variant: "XSmall", children: t.name })
+        /* @__PURE__ */ m(B, { borderRadius: 4, height: 8, sx: { backgroundColor: t.color }, width: 8 }),
+        /* @__PURE__ */ m(y, { bold: t.guid === g, variant: "XSmall", children: t.name })
       ]
     },
     t.guid
   )) });
 };
 export {
-  eo as S,
-  no as a,
-  ro as b,
-  to as g
+  ro as S,
+  eo as a,
+  ao as b,
+  no as g
 };