@mxenabled/mxui 1.5.2 → 1.6.0-alpha.2

package/dist/index.es.js

@@ -1,14 +1,14 @@
 import { jsx as a, jsxs as x } from "react/jsx-runtime";
 import C from "react";
-import k from "@mui/material/Stack";
+import F from "@mui/material/Stack";
 import { useTheme as H, createTheme as j } from "@mui/material/styles";
 import { Icon as de, Close as ue } from "@mxenabled/mx-icons";
-import { endOfMonth as $ } from "date-fns/endOfMonth";
+import { endOfMonth as U } from "date-fns/endOfMonth";
 import { endOfYear as pe } from "date-fns/endOfYear";
 import { startOfToday as he } from "date-fns/startOfToday";
 import { startOfMonth as W } from "date-fns/startOfMonth";
 import { startOfYear as Z } from "date-fns/startOfYear";
-import { subDays as K } from "date-fns/subDays";
+import { subDays as Y } from "date-fns/subDays";
 import { subMonths as ge } from "date-fns/subMonths";
 import { subYears as fe } from "date-fns/subYears";
 import me from "@mui/material/useMediaQuery";
@@ -26,9 +26,9 @@ import Ee from "@mui/material/TextField";
 import Se from "@mui/material/Snackbar";
 import Ie from "@mui/material/Alert";
 import { light as ee, buildTheme as z, dark as ve } from "@mxenabled/design-tokens";
-import { Paper as He, Box as Y, Typography as X, Radio as L, Checkbox as ye, alpha as b, darken as N, lighten as y, getContrastRatio as Oe } from "@mui/material";
-import { circularProgressClasses as ke } from "@mui/material/CircularProgress";
-import { LicenseInfo as Fe } from "@mui/x-license-pro";
+import { Paper as He, Box as X, Typography as K, Radio as D, Checkbox as ye, alpha as b, darken as N, lighten as y, getContrastRatio as Oe } from "@mui/material";
+import { circularProgressClasses as Fe } from "@mui/material/CircularProgress";
+import { LicenseInfo as ke } from "@mui/x-license-pro";
 const f = ({
   children: e,
   height: o,
@@ -48,7 +48,7 @@ const f = ({
     children: e
   }
 );
-var De = /* @__PURE__ */ ((e) => (e[e.Lighter = 100] = "Lighter", e[e.Light = 200] = "Light", e[e.Normal = 300] = "Normal", e[e.Dark = 400] = "Dark", e[e.Darker = 500] = "Darker", e))(De || {});
+var Le = /* @__PURE__ */ ((e) => (e[e.Lighter = 100] = "Lighter", e[e.Light = 200] = "Light", e[e.Normal = 300] = "Normal", e[e.Dark = 400] = "Dark", e[e.Darker = 500] = "Darker", e))(Le || {});
 const M = ({
   color: e,
   fill: o = !1,
@@ -68,7 +68,7 @@ const M = ({
     weight: d,
     ...c
   }
-), I0 = ({
+), S0 = ({
   color: e = "currentColor",
   ...o
 }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
@@ -77,7 +77,7 @@ const M = ({
     d: "M2.24801 6.76647H0.573286C0.327604 6.76647 0.110586 6.60678 0.0327867 6.37748C-0.0450124 6.14408 0.0327866 5.88612 0.229332 5.73871L7.6571 0.116699C7.85774 -0.0388996 8.14027 -0.0388996 8.34501 0.116699L15.7728 5.73871C15.9693 5.89021 16.0471 6.14408 15.9693 6.37748C15.8915 6.61088 15.6745 6.76647 15.4288 6.76647H13.7582V12.323H14.3929C14.7122 12.323 14.9661 12.5809 14.9661 12.8962C14.9661 13.2156 14.7082 13.4695 14.3929 13.4695H1.60924C1.28986 13.4695 1.03599 13.2115 1.03599 12.8962C1.03599 12.5768 1.29395 12.323 1.60924 12.323H2.24801V6.76647ZM5.70393 6.76647H3.39043V12.323H5.70393V6.76647ZM9.15985 12.323V6.76647H6.84635V12.323H9.15985ZM10.3023 12.3189H12.6158V6.76647H10.3023V12.3189ZM0.573256 14.8535H15.4288C15.7441 14.8535 15.998 15.1115 15.998 15.4267C15.998 15.7461 15.74 16 15.4247 16H0.573256C0.253871 16 0 15.742 0 15.4267C0 15.1074 0.257965 14.8535 0.573256 14.8535Z",
     fill: e
   }
-) })), v0 = ({
+) })), I0 = ({
   color: e = "currentColor",
   ...o
 }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
@@ -86,7 +86,7 @@ const M = ({
     d: "M15.429 14.854H.573a.572.572 0 100 1.146h14.852a.572.572 0 00.004-1.146zM.573 6.766h1.675v5.557h-.639a.572.572 0 100 1.146h12.784a.572.572 0 100-1.146h-.635V6.766h1.67a.568.568 0 00.541-.389.574.574 0 00-.196-.638L8.345.117a.565.565 0 00-.688 0L.23 5.739a.572.572 0 00.344 1.027zm2.817 0h2.314v5.557H3.39V6.766zm5.77 0v5.557H6.846V6.766H9.16zm3.456 5.553h-2.314V6.766h2.314v5.553zM8 1.288l5.724 4.336H2.277L8 1.288z",
     fill: e
   }
-) })), H0 = ({
+) })), v0 = ({
   color: e = "currentColor",
   ...o
 }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
@@ -95,7 +95,7 @@ const M = ({
     d: "M5.854 3.133a.426.426 0 010 .643L1.757 7.5h13.774c.26 0 .469.224.469.5s-.21.5-.469.5H1.757l4.097 3.724a.426.426 0 010 .643.536.536 0 01-.708 0l-5-4.546a.426.426 0 010-.642l5-4.546a.536.536 0 01.708 0z",
     fill: e
   }
-) })), y0 = ({
+) })), H0 = ({
   color: e = "currentColor",
   ...o
 }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
@@ -106,7 +106,7 @@ const M = ({
     fill: e,
     fillRule: "evenodd"
   }
-) })), O0 = ({
+) })), y0 = ({
   color: e = "currentColor",
   ...o
 }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
@@ -115,7 +115,7 @@ const M = ({
     d: "M11.5 0a.5.5 0 01.5.5V2h2.5A1.5 1.5 0 0116 3.5v11a1.5 1.5 0 01-1.5 1.5h-13A1.5 1.5 0 010 14.5v-11A1.5 1.5 0 011.5 2H4V.5a.5.5 0 011 0V2h6V.5a.5.5 0 01.5-.5zM15 6H1v8.5a.5.5 0 00.5.5h13a.5.5 0 00.5-.5V6zm-4.5 1a.5.5 0 01.5.5V10h2.5a.5.5 0 010 1H11v2.5a.5.5 0 01-1 0V11H6v2.5a.5.5 0 01-1 0V11H2.5a.5.5 0 010-1H5V7.5a.5.5 0 011 0V10h4V7.5a.5.5 0 01.5-.5zm4-4h-13a.5.5 0 00-.5.5V5h14V3.5a.5.5 0 00-.5-.5z",
     fill: e
   }
-) })), k0 = ({
+) })), O0 = ({
   color: e = "currentColor",
   ...o
 }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
@@ -133,7 +133,7 @@ const M = ({
     d: "M2.68 5.201a.6.6 0 01.848-.011L8 9.543l4.472-4.353a.6.6 0 11.837.86l-4.89 4.76a.6.6 0 01-.838 0l-4.89-4.76a.6.6 0 01-.012-.849z",
     fill: e
   }
-) })), D0 = ({
+) })), k0 = ({
   color: e = "currentColor",
   ...o
 }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
@@ -151,7 +151,7 @@ const M = ({
     d: "M5.207 13.32a.6.6 0 01-.012-.848L9.55 8 5.195 3.528a.6.6 0 11.86-.837l4.76 4.89a.6.6 0 010 .838l-4.76 4.89a.6.6 0 01-.848.012z",
     fill: e
   }
-) })), N0 = ({
+) })), D0 = ({
   color: e = "currentColor",
   ...o
 }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
@@ -160,7 +160,7 @@ const M = ({
     d: "M13.79 2.21a.72.72 0 0 1 0 1.02L9.018 8l4.77 4.77a.72.72 0 1 1-1.018 1.02L8 9.018l-4.77 4.77a.72.72 0 1 1-1.02-1.018L6.982 8l-4.77-4.77A.72.72 0 0 1 3.23 2.21L8 6.982l4.77-4.77a.72.72 0 0 1 1.02 0Z",
     fill: e
   }
-) })), w0 = ({
+) })), N0 = ({
   color: e = "currentColor",
   ...o
 }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
@@ -169,7 +169,7 @@ const M = ({
     d: "M12.644.156l3.2 3.2a.533.533 0 010 .754L5.177 14.777a.534.534 0 01-.247.14L.663 15.984a.533.533 0 01-.647-.647l1.067-4.267a.534.534 0 01.14-.248L11.89.156a.533.533 0 01.754 0zM10.133 3.42l-8.051 8.052-.815 3.261 3.26-.815 8.052-8.052-2.446-2.446zm2.134-2.132l-1.38 1.378 2.446 2.446 1.38-1.379-2.446-2.445z",
     fill: e
   }
-) })), _0 = ({
+) })), w0 = ({
   color: e = "currentColor",
   ...o
 }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
@@ -187,7 +187,7 @@ const M = ({
     d: "M1.317 2.317a4.5 4.5 0 016.364 0c.117.117.223.238.32.363.095-.124.2-.245.316-.362a4.5 4.5 0 016.364 6.364l-.004.004-6.328 6.172a.5.5 0 01-.698 0L1.317 8.682a4.5 4.5 0 010-6.365zm5.657.708a3.5 3.5 0 00-4.952 4.947L8 13.802l5.977-5.83a3.5 3.5 0 00-4.952-4.947c-.235.235-.42.51-.586.815a.5.5 0 01-.878 0 3.46 3.46 0 00-.587-.815z",
     fill: e
   }
-) })), B0 = ({
+) })), _0 = ({
   color: e = "currentColor",
   ...o
 }) => /* @__PURE__ */ x(f, { ...o, children: [
@@ -205,7 +205,7 @@ const M = ({
       fill: e
     }
   )
-] }), z0 = ({
+] }), B0 = ({
   color: e = "currentColor",
   ...o
 }) => /* @__PURE__ */ x(f, { ...o, children: [
@@ -241,7 +241,7 @@ const M = ({
       fillRule: "evenodd"
     }
   )
-] }), V0 = ({
+] }), z0 = ({
   color: e = "currentColor",
   ...o
 }) => /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
@@ -252,7 +252,7 @@ const M = ({
     fill: e,
     fillRule: "evenodd"
   }
-) }), G0 = ({
+) }), V0 = ({
   color: e = "currentColor",
   ...o
 }) => /* @__PURE__ */ x(f, { ...o, children: [
@@ -280,7 +280,7 @@ const M = ({
     }
   )
 ] });
-var g = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(g || {}), Le = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(Le || {});
+var g = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(g || {}), De = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(De || {});
 const oe = {
   guid: g.Uncategorized,
   colorName: "uncategorized",
@@ -387,7 +387,7 @@ const oe = {
     icon: "airplane_ticket"
   },
   oe
-], we = 0.625, _e = ({
+], we = 0.625, Pe = ({
   categoryGuid: e,
   icon_ratio: o = we,
   size: i = 32,
@@ -399,7 +399,7 @@ const oe = {
     [e]
   ), l = d.palette.categories[c.colorName];
   return /* @__PURE__ */ a(
-    k,
+    F,
     {
       alignItems: "center",
       bgcolor: () => {
@@ -418,7 +418,7 @@ const oe = {
       children: /* @__PURE__ */ a(M, { name: c.icon, size: i * o })
     }
   );
-}, Pe = ({
+}, _e = ({
   items: e,
   onChange: o,
   isValid: i,
@@ -462,7 +462,7 @@ const oe = {
     },
     c.label
   )) }) });
-}, U0 = ({
+}, G0 = ({
   copy: e,
   dateRange: o,
   onRangeChanged: i,
@@ -474,19 +474,19 @@ const oe = {
     return [
       {
         label: e.dateRangeThisMonth,
-        getValue: () => [W(t), $(t)]
+        getValue: () => [W(t), U(t)]
       },
       {
         label: e.dateRangeLastMonth,
-        getValue: () => [W(u), $(u)]
+        getValue: () => [W(u), U(u)]
       },
       {
         label: e.dateRangeLast30Days,
-        getValue: () => [K(t, 30), t]
+        getValue: () => [Y(t, 30), t]
       },
       {
         label: e.dateRangeLast90Days,
-        getValue: () => [K(t, 90), t]
+        getValue: () => [Y(t, 90), t]
       },
       {
         label: e.dateRangeYTD,
@@ -505,7 +505,7 @@ const oe = {
     const T = u.shortcut;
     i?.(t, T ? T.label : e.dateRangeCustom);
   };
-  return /* @__PURE__ */ a(k, { gap: 16, m: 8, children: /* @__PURE__ */ a(be, { dateAdapter: Ce, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(F, { gap: 16, m: 8, children: /* @__PURE__ */ a(be, { dateAdapter: Ce, children: /* @__PURE__ */ a(
     Te,
     {
       calendars: 1,
@@ -527,7 +527,7 @@ const oe = {
       },
       slots: {
         leftArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_left", size: 28 }),
-        shortcuts: (t) => /* @__PURE__ */ a(Pe, { selected: n, ...t }),
+        shortcuts: (t) => /* @__PURE__ */ a(_e, { selected: n, ...t }),
         rightArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_right", size: 28 })
       },
       sx: { ...r },
@@ -546,7 +546,7 @@ const oe = {
   secondaryColor: c = "primary",
   secondaryText: l = "Cancel"
 }) => /* @__PURE__ */ x(
-  k,
+  F,
   {
     direction: "row",
     gap: 16,
@@ -574,7 +574,7 @@ const oe = {
       )
     ]
   }
-), F = ({
+), k = ({
   bold: e,
   className: o = "",
   children: i,
@@ -639,8 +639,8 @@ const oe = {
       children: i
     }
   );
-}, ze = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(F, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...i, children: o }), W0 = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(F, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...i, children: o }), Z0 = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(F, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...i, children: o }), K0 = ({ className: e = "", children: o, truncate: i, ...n }) => /* @__PURE__ */ a(
-  F,
+}, ze = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(k, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...i, children: o }), U0 = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(k, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...i, children: o }), W0 = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(k, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...i, children: o }), Z0 = ({ className: e = "", children: o, truncate: i, ...n }) => /* @__PURE__ */ a(
+  k,
   {
     className: `mx-kmui-text p ${e}`,
     component: "p",
@@ -650,7 +650,7 @@ const oe = {
     children: o
   }
 ), Y0 = ({ copy: e, onClose: o }) => /* @__PURE__ */ x(
-  k,
+  F,
   {
     sx: {
       alignItems: "center",
@@ -699,7 +699,7 @@ const oe = {
       )
     ]
   }
-), re = 32, V = "https://content.moneydesktop.com/storage/MD_Assets", Ve = `${V}/serenity/default_institution_logo.png`, j0 = ({
+), re = 32, V = "https://content.moneydesktop.com/storage/MD_Assets", Ve = `${V}/serenity/default_institution_logo.png`, K0 = ({
   alt: e,
   institutionGuid: o,
   logoUrl: i,
@@ -718,7 +718,7 @@ const oe = {
     width: n,
     ...r
   }
-), Q0 = ({
+), j0 = ({
   alt: e = "",
   categoryGuid: o,
   merchantGuid: i,
@@ -744,9 +744,9 @@ const oe = {
         width: n
       }
     ),
-    /* @__PURE__ */ a(_e, { categoryGuid: o, size: n })
+    /* @__PURE__ */ a(Pe, { categoryGuid: o, size: n })
   ] });
-}, J0 = ({
+}, Q0 = ({
   disabled: e = !1,
   label: o = "",
   shrink: i = !0,
@@ -767,7 +767,7 @@ const oe = {
 function Ge(e) {
   return /* @__PURE__ */ a(J, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
 }
-const q0 = ({
+const J0 = ({
   open: e,
   handleClose: o,
   message: i,
@@ -780,8 +780,8 @@ const q0 = ({
   onActionClick: t,
   multiLine: u = !1
 }) => {
-  const T = H(), D = /* @__PURE__ */ x(
-    k,
+  const T = H(), L = /* @__PURE__ */ x(
+    F,
     {
       alignItems: u ? "flex-end" : "center",
       direction: u ? "column-reverse" : "row",
@@ -831,7 +831,7 @@ const q0 = ({
       children: /* @__PURE__ */ a(
         Ie,
         {
-          action: D,
+          action: L,
           severity: r,
           sx: {
             display: "flex",
@@ -854,7 +854,7 @@ const q0 = ({
           },
           variant: "filled",
           children: /* @__PURE__ */ a(
-            F,
+            k,
             {
               sx: {
                 lineHeight: T.typography.body1.lineHeight,
@@ -874,29 +874,29 @@ const q0 = ({
   REACT: "react",
   REACT_NATIVE: "react_native",
   NATIVE: "native"
-}, _ = {
+}, P = {
   LIGHT: "light",
   DARK: "dark"
 }, te = C.createContext(ee), ie = C.createContext(
-  z(_.LIGHT, O.REACT_NATIVE)
-), eo = ({
+  z(P.LIGHT, O.REACT_NATIVE)
+), q0 = ({
   children: e,
   target: o = O.REACT,
-  theme: i = _.LIGHT,
+  theme: i = P.LIGHT,
   tokenOverrides: n
 }) => {
-  const [r, d] = C.useState(i === _.LIGHT ? ee : ve), c = C.useMemo(() => ({
+  const [r, d] = C.useState(i === P.LIGHT ? ee : ve), c = C.useMemo(() => ({
     ...n
   }), [n]);
   return C.useEffect(() => {
     const l = z(i, o, { ...c });
     d(l);
   }, [i, o, c]), o === O.REACT ? /* @__PURE__ */ a(te.Provider, { value: r, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(ie.Provider, { value: r, children: e }));
-}, oo = (e = O.REACT, o = {}) => {
+}, eo = (e = O.REACT, o = {}) => {
   const i = e === O.REACT ? te : ie, n = C.useContext(i);
-  return n || z(_.LIGHT, e, { ...o });
-}, ro = ({
-  component: e = L,
+  return n || z(P.LIGHT, e, { ...o });
+}, oo = ({
+  component: e = D,
   variant: o = "outlined",
   selected: i,
   onChange: n,
@@ -908,14 +908,14 @@ const q0 = ({
   error: t = !1,
   icon: u = !1,
   sx: T = {},
-  ...D
+  ...L
 }) => {
   const m = H(), ae = () => {
     if (!s && n) {
-      const U = e === L ? !0 : !i;
+      const $ = e === D ? !0 : !i;
       n({
-        target: { value: l, checked: U }
-      }, U);
+        target: { value: l, checked: $ }
+      }, $);
     }
   }, ne = () => m.palette.background.paper, G = () => t ? `inset 0px 0px 0px 2px ${m.palette.error.main}` : s ? i ? `inset 0px 0px 0px 2px ${m.palette.action.disabled}` : o === "outlined" ? `inset 0px 0px 0px 1px ${m.palette.action.disabledBackground}` : void 0 : i ? `inset 0px 0px 0px 2px ${b(m.palette.primary.main, 0.5)}` : o === "outlined" ? `inset 0px 0px 0px 1px ${b(m.palette.common.black, 0.23)}` : void 0, le = () => s || t ? m.palette.background.paper : b(m.palette.primary.main, 0.1), ce = () => s || t ? G() : i ? `inset 0px 0px 0px 2px ${b(m.palette.primary.main, 0.5)}` : o === "outlined" ? `inset 0px 0px 0px 1px ${b(m.palette.primary.main, 0.5)}` : void 0, se = () => s || t ? m.palette.background.paper : b(m.palette.primary.main, 0.3);
   return /* @__PURE__ */ x(
@@ -956,7 +956,7 @@ const q0 = ({
       variant: o,
       children: [
         u && /* @__PURE__ */ a(
-          Y,
+          X,
           {
             sx: {
               mr: 12,
@@ -966,12 +966,12 @@ const q0 = ({
             children: u
           }
         ),
-        /* @__PURE__ */ x(Y, { sx: { flex: 1, minWidth: 0, py: "8px" }, children: [
-          r && /* @__PURE__ */ a(X, { fontWeight: 600, sx: { lineHeight: "24px", pb: "4px" }, variant: "body1", children: r }),
-          /* @__PURE__ */ a(X, { sx: { lineHeight: "20px" }, variant: "subtitle2", children: d })
+        /* @__PURE__ */ x(X, { sx: { flex: 1, minWidth: 0, py: "8px" }, children: [
+          r && /* @__PURE__ */ a(K, { fontWeight: 600, sx: { lineHeight: "24px", pb: "4px" }, variant: "body1", children: r }),
+          /* @__PURE__ */ a(K, { sx: { lineHeight: "20px" }, variant: "subtitle2", children: d })
         ] }),
-        e === L ? /* @__PURE__ */ a(
-          L,
+        e === D ? /* @__PURE__ */ a(
+          D,
           {
             checked: i,
             disabled: s,
@@ -987,7 +987,7 @@ const q0 = ({
               }
             },
             value: l,
-            ...D
+            ...L
           }
         ) : /* @__PURE__ */ a(
           ye,
@@ -1006,7 +1006,7 @@ const q0 = ({
               }
             },
             value: l,
-            ...D
+            ...L
           }
         )
       ]
@@ -1025,7 +1025,7 @@ const q0 = ({
   700: N(e, 0.5),
   800: N(e, 0.65),
   900: N(e, 0.75)
-}), R = "#FFFFFF", w = "#000000", Ue = "#F9F9F9", $e = "#1A1A1A", E = {
+}), R = "#FFFFFF", w = "#000000", $e = "#F9F9F9", E = {
   PRIMARY: "#2C64EF",
   SECONDARY: "#808080",
   INFO: "#2C64EF",
@@ -1094,7 +1094,7 @@ const q0 = ({
   TRANSFER: "#75C7B7",
   TRAVEL: "#76ACF7",
   UNCATEGORIZED: "#BCC6D4"
-}, We = (e, o) => {
+}, Ue = (e, o) => {
   const i = A(o?.primary || E.PRIMARY), n = A(o?.secondary || E.SECONDARY), r = A(o?.error || E.ERROR), d = A(o?.warning || E.WARNING), c = A(o?.info || E.INFO), l = A(o?.success || E.SUCCESS), s = A(o?.grey || E.GREY), t = e === v.LIGHT;
   return {
     mode: e,
@@ -1196,8 +1196,12 @@ const q0 = ({
       focusOpacity: 0.3
     },
     background: {
-      default: t ? o?.background?.default?.light || Ue : o?.background?.default?.dark || $e,
-      paper: t ? o?.background?.paper?.light || R : o?.background?.paper?.dark || w,
+      default: t ? $e : w,
+      // ? paletteCustomizations?.background?.default?.light || DEFAULT_BACKGROUND_LIGHT
+      // : paletteCustomizations?.background?.default?.dark || DEFAULT_BACKGROUND_DARK,
+      paper: t ? R : s[900],
+      // ? paletteCustomizations?.background?.paper?.light || WHITE
+      // : paletteCustomizations?.background?.paper?.dark || BLACK,
       highlight: t ? s[200] : s[600],
       highlightPrimary: t ? i[100] : i[500]
     },
@@ -1244,8 +1248,8 @@ const q0 = ({
       chartMono6: I.CHART_MONO6
     }
   };
-}, Ze = "Inter, Helvetica, Arial, sans-serif", Ke = (e) => {
-  const o = e?.fontFamily || Ze;
+}, We = "Inter, Helvetica, Arial, sans-serif", Ze = (e) => {
+  const o = e?.fontFamily || We;
   return {
     fontFamily: o,
     fontSize: 15,
@@ -1378,15 +1382,15 @@ const q0 = ({
     ...e
   };
 };
-Fe.setLicenseKey(
+ke.setLicenseKey(
   "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
 );
-const P = [...j().shadows];
-P[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
-P[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
-P[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
-const to = (e, o) => {
-  const i = We(e, o?.paletteOptions), n = Ke(o?.typographyOptions);
+const _ = [...j().shadows];
+_[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
+_[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
+_[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
+const ro = (e, o) => {
+  const i = Ue(e, o?.paletteOptions), n = Ze(o?.typographyOptions);
   return j({
     breakpoints: {
       values: {
@@ -1398,7 +1402,7 @@ const to = (e, o) => {
       }
     },
     palette: i,
-    shadows: P,
+    shadows: _,
     shape: {
       borderRadius: o?.shapeOptions?.borderRadius || 4
     },
@@ -1507,7 +1511,7 @@ const to = (e, o) => {
       MuiCircularProgress: {
         styleOverrides: {
           root: {
-            [`& .${ke.circle}`]: {
+            [`& .${Fe.circle}`]: {
               strokeLinecap: "round"
             }
           }
@@ -1875,8 +1879,8 @@ const to = (e, o) => {
       MuiPaper: {
         styleOverrides: {
           root: {
-            borderRadius: 8,
-            backgroundImage: "unset"
+            borderRadius: 8
+            // backgroundImage: 'unset',
           }
         }
       },
@@ -2138,51 +2142,51 @@ const to = (e, o) => {
   });
 };
 export {
-  I0 as AccountsFilledIcon,
-  v0 as AccountsIcon,
-  H0 as ArrowLeftIcon,
-  y0 as AttentionFilledIcon,
+  S0 as AccountsFilledIcon,
+  I0 as AccountsIcon,
+  v0 as ArrowLeftIcon,
+  H0 as AttentionFilledIcon,
   f as BaseIcon,
   $0 as BottomSheetTransition,
-  O0 as CalendarIcon,
+  y0 as CalendarIcon,
   g as CategoryGuids,
-  _e as CategoryIcon,
+  Pe as CategoryIcon,
   Ne as CategoryIconList,
-  Le as CategoryIconVariants,
-  k0 as CheckmarkFilledIcon,
+  De as CategoryIconVariants,
+  O0 as CheckmarkFilledIcon,
   F0 as ChevronDownIcon,
-  D0 as ChevronLeftIcon,
+  k0 as ChevronLeftIcon,
   L0 as ChevronRightIcon,
-  N0 as CloseIcon,
-  U0 as DateRangePicker,
+  D0 as CloseIcon,
+  G0 as DateRangePicker,
   Be as DialogFooter,
   Y0 as DialogHeader,
   X0 as Drawer,
-  w0 as EditIcon,
-  _0 as FilterIcon,
+  N0 as EditIcon,
+  w0 as FilterIcon,
   Be as Footer,
   ze as H1,
-  W0 as H2,
-  Z0 as H3,
+  U0 as H2,
+  W0 as H3,
   P0 as HeartIcon,
-  Ze as INTER,
+  We as INTER,
   M as Icon,
-  De as IconWeight,
-  j0 as InstitutionLogo,
-  z0 as MXLogoCopyrightIcon,
-  V0 as MXLogoFilledIcon,
-  B0 as MXLogoIcon,
-  G0 as MXLogoOutlineIcon,
-  Q0 as MerchantLogo,
-  K0 as P,
-  ro as SelectionBox,
+  Le as IconWeight,
+  K0 as InstitutionLogo,
+  B0 as MXLogoCopyrightIcon,
+  z0 as MXLogoFilledIcon,
+  _0 as MXLogoIcon,
+  V0 as MXLogoOutlineIcon,
+  j0 as MerchantLogo,
+  Z0 as P,
+  oo as SelectionBox,
   O as TARGETS,
-  _ as THEMES,
-  F as Text,
-  J0 as TextField,
-  q0 as Toast,
-  eo as TokenProvider,
-  to as createMXTheme,
-  oo as useTokens
+  P as THEMES,
+  k as Text,
+  Q0 as TextField,
+  J0 as Toast,
+  q0 as TokenProvider,
+  ro as createMXTheme,
+  eo as useTokens
 };
 //# sourceMappingURL=index.es.js.map