@mxenabled/mxui 1.0.2 → 1.0.3-alpha.JB0

package/dist/index.es.js

@@ -1,124 +1,124 @@
 import { jsx as a, jsxs as y } from "react/jsx-runtime";
-import f from "react";
-import L from "@mui/material/Stack";
-import { useTheme as T, createTheme as B } from "@mui/material/styles";
-import X from "@mui/material/Icon";
-import { endOfMonth as F } from "date-fns/endOfMonth";
-import { endOfYear as Y } from "date-fns/endOfYear";
-import { startOfToday as Q } from "date-fns/startOfToday";
+import m from "react";
+import k from "@mui/material/Stack";
+import { useTheme as T, createTheme as O } from "@mui/material/styles";
+import j from "@mui/material/Icon";
+import { endOfMonth as H } from "date-fns/endOfMonth";
+import { endOfYear as X } from "date-fns/endOfYear";
+import { startOfToday as Y } from "date-fns/startOfToday";
 import { startOfMonth as w } from "date-fns/startOfMonth";
-import { startOfYear as R } from "date-fns/startOfYear";
-import { subDays as N } from "date-fns/subDays";
-import { subMonths as J } from "date-fns/subMonths";
-import { subYears as q } from "date-fns/subYears";
-import ee from "@mui/material/useMediaQuery";
-import { LocalizationProvider as re, StaticDateRangePicker as te } from "@mui/x-date-pickers-pro";
-import { AdapterDateFns as oe } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
+import { startOfYear as F } from "date-fns/startOfYear";
+import { subDays as R } from "date-fns/subDays";
+import { subMonths as Q } from "date-fns/subMonths";
+import { subYears as J } from "date-fns/subYears";
+import q from "@mui/material/useMediaQuery";
+import { LocalizationProvider as e0, StaticDateRangePicker as r0 } from "@mui/x-date-pickers-pro";
+import { AdapterDateFns as t0 } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
 import E from "@mui/material/Box";
-import ae from "@mui/material/ToggleButton";
-import ie from "@mui/material/ToggleButtonGroup";
-import O from "@mui/material/Slide";
-import k from "@mui/material/Button";
+import o0 from "@mui/material/ToggleButton";
+import a0 from "@mui/material/ToggleButtonGroup";
+import B from "@mui/material/Slide";
+import D from "@mui/material/Button";
 import _ from "@mui/material/Toolbar";
 import V from "@mui/material/IconButton";
-import ne from "@mui/material/Drawer";
-import le from "@mui/material/Typography";
-import ce from "@mui/material/TextField";
-import se from "@mui/material/Snackbar";
-import de from "@mui/material/Alert";
-import { light as W, buildTheme as H, dark as ue } from "@mxenabled/design-tokens";
-import { LicenseInfo as pe } from "@mui/x-license-pro";
-import { circularProgressClasses as he } from "@mui/material/CircularProgress";
-import ge from "@mui/material/styles/createPalette";
-import me from "@mui/material/styles/createTypography";
-const g = ({
+import i0 from "@mui/material/Drawer";
+import n0 from "@mui/material/Typography";
+import l0 from "@mui/material/TextField";
+import c0 from "@mui/material/Snackbar";
+import s0 from "@mui/material/Alert";
+import { light as P, buildTheme as L, dark as d0 } from "@mxenabled/design-tokens";
+import { LicenseInfo as u0 } from "@mui/x-license-pro";
+import { circularProgressClasses as p0 } from "@mui/material/CircularProgress";
+import h0 from "@mui/material/styles/createPalette";
+import g0 from "@mui/material/styles/createTypography";
+const h = ({
   children: e,
   height: o,
-  size: n = 16,
-  viewBox: r = "0 0 16 16",
-  width: i
+  size: r = 16,
+  viewBox: l = "0 0 16 16",
+  width: t
 }) => /* @__PURE__ */ a(
   "svg",
   {
     "aria-hidden": !0,
     className: "mx-kmui-icon",
     focusable: !1,
-    height: o || n,
-    viewBox: r,
-    width: i || n,
+    height: o || r,
+    viewBox: l,
+    width: t || r,
     xmlns: "http://www.w3.org/2000/svg",
     children: e
   }
 );
-var fe = /* @__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))(fe || {});
-const M = ({
+var m0 = /* @__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))(m0 || {});
+const f = ({
   color: e,
   fill: o = !1,
-  name: n,
-  size: r = 20,
-  sx: i,
-  weight: l = 300,
-  ...c
+  name: r,
+  size: l = 20,
+  sx: t,
+  weight: i = 300,
+  ...n
 }) => {
-  const [d, b] = f.useState(!1);
-  return f.useEffect(() => {
+  const [c, b] = m.useState(!1);
+  return m.useEffect(() => {
     document.fonts.ready.then(() => {
       b(!0);
     });
   }, []), /* @__PURE__ */ a(
-    X,
+    j,
     {
-      color: d ? e && e : void 0,
+      color: c ? e && e : void 0,
       sx: [
         {
-          fontSize: r,
+          fontSize: l,
           fontVariationSettings: `
             'FILL' ${o ? 1 : 0}, 
-            'wght' ${l}, 
+            'wght' ${i}, 
             'GRAD' 0, 
-            'opsz' ${r}
+            'opsz' ${l}
           `
         },
-        ...Array.isArray(i) ? i : [i],
+        ...Array.isArray(t) ? t : [t],
         {
-          ...!d && { color: "transparent" }
+          ...!c && { color: "transparent" }
         }
       ],
-      ...c,
-      children: n
+      ...n,
+      children: r
     }
   );
-}, s0 = ({
+}, de = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     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
   }
-) })), d0 = ({
+) })), ue = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     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
   }
-) })), u0 = ({
+) })), pe = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     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
   }
-) })), p0 = ({
+) })), he = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     clipRule: "evenodd",
@@ -126,91 +126,91 @@ const M = ({
     fill: e,
     fillRule: "evenodd"
   }
-) })), h0 = ({
+) })), ge = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     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
   }
-) })), g0 = ({
+) })), me = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     d: "M8 0c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm4.358 5.151a.5.5 0 00-.707-.01L6.858 9.803 4.35 7.363a.5.5 0 10-.698.718l2.858 2.777a.5.5 0 00.697 0l5.142-5a.5.5 0 00.01-.707z",
     fill: e
   }
-) })), m0 = ({
+) })), be = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     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
   }
-) })), f0 = ({
+) })), fe = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     d: "M10.799 2.68a.6.6 0 01.011.848L6.457 8l4.353 4.472a.6.6 0 01-.86.837L5.19 8.42a.6.6 0 010-.838l4.76-4.89a.6.6 0 01.849-.012z",
     fill: e
   }
-) })), b0 = ({
+) })), ye = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     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
   }
-) })), be = ({
+) })), b0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     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
   }
-) })), M0 = ({
+) })), Me = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     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
   }
-) })), y0 = ({
+) })), Te = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     d: "M1.5 1.933l5.4 6.72c.066.081.1.18.1.28v5.134h2V8.933c0-.1.036-.199.1-.28l5.4-6.72h-13zM6 9.09L.1 1.747C-.145 1.439.09 1 .5 1h15c.413 0 .648.439.4.747L10 9.089v5.444c0 .258-.223.467-.5.467h-3c-.275 0-.5-.209-.5-.467V9.09z",
     fill: e
   }
-) })), C0 = ({
+) })), ve = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     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
   }
-) })), T0 = ({
+) })), xe = ({
   color: e = "currentColor",
   ...o
-}) => /* @__PURE__ */ y(g, { ...o, children: [
+}) => /* @__PURE__ */ y(h, { ...o, children: [
   /* @__PURE__ */ a(
     "path",
     {
@@ -225,10 +225,10 @@ const M = ({
       fill: e
     }
   )
-] }), v0 = ({
+] }), Ae = ({
   color: e = "currentColor",
   ...o
-}) => /* @__PURE__ */ y(g, { ...o, children: [
+}) => /* @__PURE__ */ y(h, { ...o, children: [
   /* @__PURE__ */ a(
     "path",
     {
@@ -261,10 +261,10 @@ const M = ({
       fillRule: "evenodd"
     }
   )
-] }), x0 = ({
+] }), Ce = ({
   color: e = "currentColor",
   ...o
-}) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+}) => /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     clipRule: "evenodd",
@@ -272,10 +272,10 @@ const M = ({
     fill: e,
     fillRule: "evenodd"
   }
-) }), A0 = ({
+) }), De = ({
   color: e = "currentColor",
   ...o
-}) => /* @__PURE__ */ y(g, { ...o, children: [
+}) => /* @__PURE__ */ y(h, { ...o, children: [
   /* @__PURE__ */ a(
     "path",
     {
@@ -300,164 +300,164 @@ const M = ({
     }
   )
 ] });
-var u = /* @__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))(u || {}), Me = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(Me || {});
-const $ = {
-  guid: u.Uncategorized,
+var d = /* @__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))(d || {}), f0 = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(f0 || {});
+const W = {
+  guid: d.Uncategorized,
   colorName: "uncategorized",
   icon: "category"
-}, ye = [
+}, y0 = [
   {
-    guid: u.AutoTransport,
+    guid: d.AutoTransport,
     colorName: "autoTransport",
     icon: "directions_car"
   },
   {
-    guid: u.BillsUtilities,
+    guid: d.BillsUtilities,
     colorName: "billsUtilities",
     icon: "electrical_services"
   },
   {
-    guid: u.BusinessServices,
+    guid: d.BusinessServices,
     colorName: "businessServices",
     icon: "business_center"
   },
   {
-    guid: u.Education,
+    guid: d.Education,
     colorName: "education",
     icon: "school"
   },
   {
-    guid: u.Entertainment,
+    guid: d.Entertainment,
     colorName: "entertainment",
     icon: "stadium"
   },
   {
-    guid: u.FeesCharges,
+    guid: d.FeesCharges,
     colorName: "feesCharges",
     icon: "problem"
   },
   {
-    guid: u.Financial,
+    guid: d.Financial,
     colorName: "financial",
     icon: "price_check"
   },
   {
-    guid: u.FoodDining,
+    guid: d.FoodDining,
     colorName: "foodDining",
     icon: "grocery"
   },
   {
-    guid: u.GiftsDonations,
+    guid: d.GiftsDonations,
     colorName: "giftsDonations",
     icon: "featured_seasonal_and_gifts"
   },
   {
-    guid: u.HealthFitness,
+    guid: d.HealthFitness,
     colorName: "healthFitness",
     icon: "ecg_heart"
   },
   {
-    guid: u.Home,
+    guid: d.Home,
     colorName: "home",
     icon: "cottage"
   },
   {
-    guid: u.Income,
+    guid: d.Income,
     colorName: "income",
     icon: "monetization_on"
   },
   {
-    guid: u.Investments,
+    guid: d.Investments,
     colorName: "investments",
     icon: "bid_landscape"
   },
   {
-    guid: u.Kids,
+    guid: d.Kids,
     colorName: "kids",
     icon: "face"
   },
   {
-    guid: u.PersonalCare,
+    guid: d.PersonalCare,
     colorName: "personalCare",
     icon: "volunteer_activism"
   },
   {
-    guid: u.Pets,
+    guid: d.Pets,
     colorName: "pets",
     icon: "pet_supplies"
   },
   {
-    guid: u.Shopping,
+    guid: d.Shopping,
     colorName: "shopping",
     icon: "shopping_cart"
   },
   {
-    guid: u.Taxes,
+    guid: d.Taxes,
     colorName: "taxes",
     icon: "heap_snapshot_large"
   },
   {
-    guid: u.Transfer,
+    guid: d.Transfer,
     colorName: "transfer",
     icon: "compare_arrows"
   },
   {
-    guid: u.Travel,
+    guid: d.Travel,
     colorName: "travel",
     icon: "airplane_ticket"
   },
-  $
-], Ce = 0.625, Te = ({
+  W
+], M0 = 0.625, T0 = ({
   categoryGuid: e,
-  icon_ratio: o = Ce,
-  size: n = 32,
-  sx: r = {},
-  variant: i = "filled"
+  icon_ratio: o = M0,
+  size: r = 32,
+  sx: l = {},
+  variant: t = "filled"
 }) => {
-  const l = T(), c = f.useMemo(
-    () => ye.find((s) => s.guid === e) ?? $,
+  const i = T(), n = m.useMemo(
+    () => y0.find((s) => s.guid === e) ?? W,
     [e]
-  ), d = l.palette.categories[c.colorName];
+  ), c = i.palette.categories[n.colorName];
   return /* @__PURE__ */ a(
-    L,
+    k,
     {
       alignItems: "center",
       bgcolor: () => {
-        let s = d;
-        return i === "twotone" && (s = `${s}20`), i === "transparent" || i === "basic" ? "transparent" : s;
+        let s = c;
+        return t === "twotone" && (s = `${s}20`), t === "transparent" || t === "basic" ? "transparent" : s;
       },
       borderRadius: 1,
       color: () => {
-        const s = i === "filled" ? l.palette.common.white : d;
-        return i === "basic" ? l.palette.text.primary : s;
+        const s = t === "filled" ? i.palette.common.white : c;
+        return t === "basic" ? i.palette.text.primary : s;
       },
-      height: n,
+      height: r,
       justifyContent: "center",
-      sx: [...Array.isArray(r) ? r : [r]],
-      width: n,
-      children: /* @__PURE__ */ a(M, { name: c.icon, size: n * o })
+      sx: [...Array.isArray(l) ? l : [l]],
+      width: r,
+      children: /* @__PURE__ */ a(f, { name: n.icon, size: r * o })
     }
   );
-}, ve = ({
+}, v0 = ({
   items: e,
   onChange: o,
-  isValid: n,
-  selected: r
+  isValid: r,
+  selected: l
 }) => {
-  const i = T(), l = e?.map((c) => {
-    const d = c.getValue({ isValid: n });
+  const t = T(), i = e?.map((n) => {
+    const c = n.getValue({ isValid: r });
     return {
-      label: c.label,
+      label: n.label,
       onClick: () => {
-        o(d, "accept", c);
+        o(c, "accept", n);
       },
-      disabled: !n(d)
+      disabled: !r(c)
     };
   });
-  return /* @__PURE__ */ a(E, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ a(ie, { color: "primary", orientation: "vertical", value: r, children: l?.map((c) => /* @__PURE__ */ a(
-    ae,
+  return /* @__PURE__ */ a(E, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ a(a0, { color: "primary", orientation: "vertical", value: l, children: i?.map((n) => /* @__PURE__ */ a(
+    o0,
     {
-      onClick: c.onClick,
+      onClick: n.onClick,
       sx: {
         borderWidth: 1,
         color: "secondary.main",
@@ -468,65 +468,65 @@ const $ = {
           boxShadow: "0px 0px 0px 2px rgba(82, 138, 224, 0.8)"
         },
         "&:hover": {
-          bgcolor: i.palette.action.hover,
-          borderTop: `1px solid ${i.palette.secondary.lighter}`
+          bgcolor: t.palette.action.hover,
+          borderTop: `1px solid ${t.palette.secondary.lighter}`
         },
         "&.Mui-selected": {
-          border: `2px solid ${i.palette.mode === "light" ? i.palette.primary.main : i.palette.primary.light} !important`,
+          border: `2px solid ${t.palette.mode === "light" ? t.palette.primary.main : t.palette.primary.light} !important`,
           marginTop: "-2px !important",
-          color: i.palette.mode === "light" ? "primary" : "primary.light"
+          color: t.palette.mode === "light" ? "primary" : "primary.light"
         }
       },
-      value: c.label,
-      children: c.label
+      value: n.label,
+      children: n.label
     },
-    c.label
+    n.label
   )) }) });
-}, D0 = ({
+}, ke = ({
   copy: e,
   dateRange: o,
-  onRangeChanged: n,
-  selectedShortcut: r = e.dateRangeThisMonth,
-  sx: i = {}
+  onRangeChanged: r,
+  selectedShortcut: l = e.dateRangeThisMonth,
+  sx: t = {}
 }) => {
-  const l = T(), c = ee(l.breakpoints.down("sm")), d = f.useMemo(() => {
-    const p = Q(), s = J(p, 1), m = q(p, 1);
+  const i = T(), n = q(i.breakpoints.down("sm")), c = m.useMemo(() => {
+    const u = Y(), s = Q(u, 1), g = J(u, 1);
     return [
       {
         label: e.dateRangeThisMonth,
-        getValue: () => [w(p), F(p)]
+        getValue: () => [w(u), H(u)]
       },
       {
         label: e.dateRangeLastMonth,
-        getValue: () => [w(s), F(s)]
+        getValue: () => [w(s), H(s)]
       },
       {
         label: e.dateRangeLast30Days,
-        getValue: () => [N(p, 30), p]
+        getValue: () => [R(u, 30), u]
       },
       {
         label: e.dateRangeLast90Days,
-        getValue: () => [N(p, 90), p]
+        getValue: () => [R(u, 90), u]
       },
       {
         label: e.dateRangeYTD,
-        getValue: () => [R(p), p]
+        getValue: () => [F(u), u]
       },
       {
         label: e.dateRangeLastYear,
-        getValue: () => [R(m), Y(m)]
+        getValue: () => [F(g), X(g)]
       },
       {
         label: e.dateRangeCustom,
-        getValue: () => [p, p]
+        getValue: () => [u, u]
       }
     ];
-  }, [e]), b = (p, s) => {
-    const m = s.shortcut;
-    n?.(p, m ? m.label : e.dateRangeCustom);
+  }, [e]), b = (u, s) => {
+    const g = s.shortcut;
+    r?.(u, g ? g.label : e.dateRangeCustom);
   };
-  return /* @__PURE__ */ a(L, { gap: 16, m: 8, children: /* @__PURE__ */ a(re, { dateAdapter: oe, children: /* @__PURE__ */ a(
-    te,
+  return /* @__PURE__ */ a(k, { gap: 16, m: 8, children: /* @__PURE__ */ a(e0, { dateAdapter: t0, children: /* @__PURE__ */ a(
+    r0,
     {
       calendars: 1,
       localeText: {
@@ -539,32 +539,32 @@ const $ = {
       slotProps: {
         actionBar: { actions: [] },
         shortcuts: {
-          items: c ? [] : d
+          items: n ? [] : c
         },
         toolbar: {
           toolbarFormat: "MMM d, yyyy"
         }
       },
       slots: {
-        leftArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_left", size: 28 }),
-        shortcuts: (p) => /* @__PURE__ */ a(ve, { selected: r, ...p }),
-        rightArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_right", size: 28 })
+        leftArrowIcon: () => /* @__PURE__ */ a(f, { name: "chevron_left", size: 28 }),
+        shortcuts: (u) => /* @__PURE__ */ a(v0, { selected: l, ...u }),
+        rightArrowIcon: () => /* @__PURE__ */ a(f, { name: "chevron_right", size: 28 })
       },
-      sx: { ...i },
+      sx: { ...t },
       value: o
     }
   ) }) });
-}, k0 = f.forwardRef(function(o, n) {
-  return /* @__PURE__ */ a(O, { direction: "up", ref: n, ...o });
-}), xe = ({
+}, Ee = m.forwardRef(function(o, r) {
+  return /* @__PURE__ */ a(B, { direction: "up", ref: r, ...o });
+}), x0 = ({
   hasSecondaryAction: e = !0,
   isPrimaryDisabled: o,
-  onPrimaryAction: n,
-  onSecondaryAction: r,
-  primaryColor: i = "primary",
-  primaryText: l = "Save",
-  secondaryColor: c = "primary",
-  secondaryText: d = "Cancel",
+  onPrimaryAction: r,
+  onSecondaryAction: l,
+  primaryColor: t = "primary",
+  primaryText: i = "Save",
+  secondaryColor: n = "primary",
+  secondaryText: c = "Cancel",
   ...b
 }) => /* @__PURE__ */ y(
   _,
@@ -580,28 +580,28 @@ const $ = {
     ...b,
     children: [
       e && /* @__PURE__ */ a(
-        k,
+        D,
         {
-          color: c,
-          onClick: r,
-          variant: n ? "outlined" : "contained",
-          children: d
+          color: n,
+          onClick: l,
+          variant: r ? "outlined" : "contained",
+          children: c
         }
       ),
-      n && /* @__PURE__ */ a(
-        k,
+      r && /* @__PURE__ */ a(
+        D,
         {
-          color: i,
+          color: t,
           disabled: o,
-          onClick: n,
+          onClick: r,
           variant: "contained",
-          children: l
+          children: i
         }
       )
     ]
   }
-), L0 = ({ copy: e, onClose: o, ...n }) => {
-  const r = T();
+), Le = ({ copy: e, onClose: o, ...r }) => {
+  const l = T();
   return /* @__PURE__ */ y(
     _,
     {
@@ -610,233 +610,233 @@ const $ = {
           padding: "24px 24px 8px"
         }
       },
-      ...n,
+      ...r,
       children: [
-        /* @__PURE__ */ a(E, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ a(De, { sx: { fontWeight: 600 }, variant: "H3", children: e.title }) }),
-        /* @__PURE__ */ a(V, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(be, { color: r.palette.primary.main }) })
+        /* @__PURE__ */ a(E, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ a(C0, { sx: { fontWeight: 600 }, variant: "H3", children: e.title }) }),
+        /* @__PURE__ */ a(V, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(b0, { color: l.palette.primary.main }) })
       ]
     }
   );
-}, E0 = ({
+}, Se = ({
   className: e,
   disableSave: o,
-  id: n,
-  isOpen: r,
-  onClose: i,
-  onSave: l,
-  primaryText: c,
-  secondaryText: d,
+  id: r,
+  isOpen: l,
+  onClose: t,
+  onSave: i,
+  primaryText: n,
+  secondaryText: c,
   children: b,
-  ...p
+  ...u
 }) => /* @__PURE__ */ y(
-  ne,
+  i0,
   {
     anchor: "right",
     className: `mx-kmui-drawer ${e}`,
-    id: n ?? void 0,
-    onClose: i,
-    open: r,
+    id: r ?? void 0,
+    onClose: t,
+    open: l,
     variant: "temporary",
-    ...p,
+    ...u,
     children: [
       b,
-      l && /* @__PURE__ */ a(
-        xe,
+      i && /* @__PURE__ */ a(
+        x0,
         {
           isPrimaryDisabled: o,
-          onPrimaryAction: l,
-          onSecondaryAction: i,
-          primaryText: c,
-          secondaryText: d
+          onPrimaryAction: i,
+          onSecondaryAction: t,
+          primaryText: n,
+          secondaryText: c
         }
       )
     ]
   }
-), G = 32, I = "https://content.moneydesktop.com/storage/MD_Assets", Ae = `${I}/serenity/default_institution_logo.png`, H0 = ({
+), $ = 32, S = "https://content.moneydesktop.com/storage/MD_Assets", A0 = `${S}/serenity/default_institution_logo.png`, Ie = ({
   alt: e,
   institutionGuid: o,
-  logoUrl: n,
-  size: r = G,
-  ...i
+  logoUrl: r,
+  size: l = $,
+  ...t
 }) => /* @__PURE__ */ a(
   "img",
   {
     alt: e,
-    height: r,
-    onError: (l) => l.target.src = Ae,
-    src: n || `${I}/Ipad%20Logos/100x100/${o}_100x100.png`,
+    height: l,
+    onError: (i) => i.target.src = A0,
+    src: r || `${S}/Ipad%20Logos/100x100/${o}_100x100.png`,
     style: {
       borderRadius: 4
     },
-    width: r,
-    ...i
+    width: l,
+    ...t
   }
-), I0 = ({
+), He = ({
   alt: e = "",
   categoryGuid: o,
-  merchantGuid: n,
-  size: r = G,
-  ...i
+  merchantGuid: r,
+  size: l = $,
+  ...t
 }) => {
-  const [l, c] = f.useState(!1);
-  return /* @__PURE__ */ y(E, { display: "inline-block", position: "relative", ...i, children: [
-    n && !l && /* @__PURE__ */ a(
+  const [i, n] = m.useState(!1);
+  return /* @__PURE__ */ y(E, { display: "inline-block", position: "relative", ...t, children: [
+    r && !i && /* @__PURE__ */ a(
       "img",
       {
         alt: e,
         "aria-hidden": !e,
-        height: r,
-        onError: () => c(!0),
-        src: `${I}/merchant_logos/${n}.png`,
+        height: l,
+        onError: () => n(!0),
+        src: `${S}/merchant_logos/${r}.png`,
         style: {
           borderRadius: 4,
           boxSizing: "border-box",
           position: "absolute"
         },
-        width: r
+        width: l
       }
     ),
-    /* @__PURE__ */ a(Te, { categoryGuid: o, size: r })
+    /* @__PURE__ */ a(T0, { categoryGuid: o, size: l })
   ] });
 }, v = ({
   bold: e,
   className: o = "",
-  children: n,
-  color: r,
-  sx: i = {},
-  truncate: l = !0,
-  uppercase: c,
-  ...d
+  children: r,
+  color: l,
+  sx: t = {},
+  truncate: i = !0,
+  uppercase: n,
+  ...c
 }) => /* @__PURE__ */ a(
-  le,
+  n0,
   {
     className: `mx-kmui-text ${o}`,
-    color: r,
+    color: l,
     sx: [
       e ? {
         fontWeight: 600
       } : {},
-      l ? {
+      i ? {
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap"
       } : {},
-      c ? {
+      n ? {
         textTransform: "uppercase"
       } : {},
-      ...Array.isArray(i) ? i : [i]
+      ...Array.isArray(t) ? t : [t]
     ],
-    ...d,
-    children: n
+    ...c,
+    children: r
   }
-), De = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "H1", ...n, children: o }), S0 = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "H2", ...n, children: o }), F0 = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "H3", ...n, children: o }), w0 = ({ className: e = "", children: o, truncate: n, ...r }) => /* @__PURE__ */ a(
+), C0 = ({ className: e = "", children: o, ...r }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "H1", ...r, children: o }), we = ({ className: e = "", children: o, ...r }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "H2", ...r, children: o }), Fe = ({ className: e = "", children: o, ...r }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "H3", ...r, children: o }), Re = ({ className: e = "", children: o, truncate: r, ...l }) => /* @__PURE__ */ a(
   v,
   {
     className: `mx-kmui-text p ${e}`,
     component: "p",
-    truncate: n || !1,
+    truncate: r || !1,
     variant: "Body",
-    ...r,
+    ...l,
     children: o
   }
-), R0 = ({
+), Ne = ({
   disabled: e = !1,
   label: o = "",
-  shrink: n = !0,
-  variant: r = "outlined",
-  ...i
+  shrink: r = !0,
+  variant: l = "outlined",
+  ...t
 }) => /* @__PURE__ */ a(
-  ce,
+  l0,
   {
     InputLabelProps: {
-      shrink: n
+      shrink: r
     },
     disabled: e,
     label: o,
-    variant: r,
-    ...i
+    variant: l,
+    ...t
   }
 );
-function ke(e) {
-  return /* @__PURE__ */ a(O, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
+function D0(e) {
+  return /* @__PURE__ */ a(B, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
 }
-const N0 = ({
+const ze = ({
   open: e,
   handleClose: o,
-  message: n,
-  autoHideDuration: r = 3e3,
-  severity: i = "success",
-  snackbarSx: l,
-  showAction: c = !1,
-  showClose: d = !1,
+  message: r,
+  autoHideDuration: l = 3e3,
+  severity: t = "success",
+  snackbarSx: i,
+  showAction: n = !1,
+  showClose: c = !1,
   actionText: b = "Undo",
-  onActionClick: p,
+  onActionClick: u,
   multiLine: s = !1
 }) => {
-  const m = T(), Z = {
-    success: m.palette.success.dark,
-    error: m.palette.error.light,
-    info: m.palette.info.lighter,
-    warning: m.palette.warning.lighter
-  }, j = /* @__PURE__ */ y(
-    L,
+  const g = T(), K = {
+    success: g.palette.success.dark,
+    error: g.palette.error.light,
+    info: g.palette.info.lighter,
+    warning: g.palette.warning.lighter
+  }, Z = /* @__PURE__ */ y(
+    k,
     {
       alignItems: s ? "flex-end" : "center",
       direction: s ? "column-reverse" : "row",
       justifyContent: (
         // eslint-disable-next-line no-nested-ternary
-        s && c && d ? "space-between" : "flex-end"
+        s && n && c ? "space-between" : "flex-end"
       ),
       children: [
-        c && /* @__PURE__ */ a(
-          k,
+        n && /* @__PURE__ */ a(
+          D,
           {
             color: "inherit",
-            onClick: p || o,
+            onClick: u || o,
             size: "small",
             sx: {
-              color: m.palette.success.contrastText,
+              color: g.palette.success.contrastText,
               height: 44
             },
             children: b
           }
         ),
-        d && /* @__PURE__ */ a(
+        c && /* @__PURE__ */ a(
           V,
           {
             "aria-label": "close",
             color: "inherit",
             onClick: o,
             sx: { height: 44, width: 44 },
-            children: /* @__PURE__ */ a(M, { fill: !0, name: "close", size: 24, weight: 400 })
+            children: /* @__PURE__ */ a(f, { fill: !0, name: "close", size: 24, weight: 400 })
           }
         )
       ]
     }
   );
   return /* @__PURE__ */ a(
-    se,
+    c0,
     {
-      TransitionComponent: ke,
+      TransitionComponent: D0,
       anchorOrigin: { vertical: "bottom", horizontal: "right" },
-      autoHideDuration: r,
+      autoHideDuration: l,
       onClose: o,
       open: e,
       sx: {
-        ...l,
+        ...i,
         width: s ? 400 : 325
       },
       children: /* @__PURE__ */ a(
-        de,
+        s0,
         {
-          action: j,
-          severity: i,
+          action: Z,
+          severity: t,
           sx: {
             display: "flex",
             alignItems: "stretch",
-            minHeight: d && c && s ? 120 : 56,
+            minHeight: c && n && s ? 120 : 56,
             maxHeight: s ? 120 : 56,
-            backgroundColor: (S) => S.palette.mode === "light" ? S.palette[i].darker : Z[i],
+            backgroundColor: (I) => I.palette.mode === "light" ? I.palette[t].darker : K[t],
             width: "100%",
             "& .MuiAlert-icon": {
               alignSelf: s ? "flex-start" : "center"
@@ -856,48 +856,48 @@ const N0 = ({
             v,
             {
               sx: {
-                lineHeight: m.typography.Body.lineHeight,
+                lineHeight: g.typography.Body.lineHeight,
                 whiteSpace: s ? "normal" : "nowrap",
                 overflow: s ? "visible" : "hidden",
                 textOverflow: s ? "clip" : "ellipsis"
               },
               truncate: !s,
-              children: n
+              children: r
             }
           )
         }
       )
     }
   );
-}, C = {
+}, M = {
   REACT: "react",
   REACT_NATIVE: "react_native",
   NATIVE: "native"
 }, A = {
   LIGHT: "light",
   DARK: "dark"
-}, U = f.createContext(W), K = f.createContext(
-  H(A.LIGHT, C.REACT_NATIVE)
-), z0 = ({
+}, G = m.createContext(P), U = m.createContext(
+  L(A.LIGHT, M.REACT_NATIVE)
+), Oe = ({
   children: e,
-  target: o = C.REACT,
-  theme: n = A.LIGHT,
-  tokenOverrides: r
+  target: o = M.REACT,
+  theme: r = A.LIGHT,
+  tokenOverrides: l
 }) => {
-  const [i, l] = f.useState(n === A.LIGHT ? W : ue), c = f.useMemo(() => ({
-    ...r
-  }), [r]);
-  return f.useEffect(() => {
-    const d = H(n, o, { ...c });
-    l(d);
-  }, [n, o, c]), o === C.REACT ? /* @__PURE__ */ a(U.Provider, { value: i, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(K.Provider, { value: i, children: e }));
-}, P0 = (e = C.REACT, o = {}) => {
-  const n = e === C.REACT ? U : K, r = f.useContext(n);
-  return r || H(A.LIGHT, e, { ...o });
-}, h = {
+  const [t, i] = m.useState(r === A.LIGHT ? P : d0), n = m.useMemo(() => ({
+    ...l
+  }), [l]);
+  return m.useEffect(() => {
+    const c = L(r, o, { ...n });
+    i(c);
+  }, [r, o, n]), o === M.REACT ? /* @__PURE__ */ a(G.Provider, { value: t, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(U.Provider, { value: t, children: e }));
+}, Be = (e = M.REACT, o = {}) => {
+  const r = e === M.REACT ? G : U, l = m.useContext(r);
+  return l || L(A.LIGHT, e, { ...o });
+}, p = {
   LIGHT: "light",
   DARK: "dark"
-}, t = {
+}, k0 = {
   Black: "#000000",
   Error100: "#FCD2CF",
   Error200: "#F45532",
@@ -930,134 +930,165 @@ const N0 = ({
   Warning400: "#E07C02",
   Warning500: "#C33E01",
   White: "#FFFFFF"
-}, Le = (e) => ge({
-  mode: e,
-  border: {
-    lighter: e === "light" ? t.Neutral200 : t.Neutral800,
-    light: e === "light" ? t.Neutral300 : t.Neutral700,
-    main: e === "light" ? t.Neutral400 : t.Neutral600,
-    dark: t.Neutral500,
-    darker: e === "light" ? t.Neutral600 : t.Neutral400
-  },
-  common: {
-    white: t.White,
-    black: t.Black
-  },
-  primary: {
-    lighter: t.Primary100,
-    light: t.Primary200,
-    main: t.Primary300,
-    dark: t.Primary400,
-    darker: t.Primary500
-  },
-  secondary: {
-    lighter: e === "light" ? t.Neutral500 : t.Neutral200,
-    light: e === "light" ? t.Neutral600 : t.Neutral300,
-    main: e === "light" ? t.Neutral700 : t.Neutral400,
-    dark: e === "light" ? t.Neutral800 : t.Neutral500,
-    darker: e === "light" ? t.Neutral900 : t.Neutral600
-  },
-  text: {
-    primary: e === "light" ? t.Neutral900 : t.White,
-    secondary: e === "light" ? t.Neutral700 : t.Neutral500,
-    disabled: e === "light" ? t.Neutral500 : t.Neutral600
-  },
-  error: {
-    lighter: e === "light" ? t.Error100 : t.Error300,
-    light: e === "light" ? t.Error200 : t.Error100,
-    main: e === "light" ? t.Error300 : t.Error200,
-    dark: e === "light" ? t.Error400 : t.Error300,
-    darker: e === "light" ? t.Error500 : t.Error400
-  },
-  warning: {
-    lighter: t.Warning100,
-    light: t.Warning200,
-    main: t.Warning300,
-    dark: t.Warning400,
-    darker: t.Warning500
-  },
-  info: {
-    lighter: t.Primary100,
-    light: t.Primary200,
-    main: t.Primary300,
-    dark: t.Primary400,
-    darker: t.Primary500
-  },
-  success: {
-    lighter: t.Success100,
-    light: e === "light" ? t.Success200 : t.Success150,
-    main: e === "light" ? t.Success300 : t.Success200,
-    dark: e === "light" ? t.Success400 : t.Success300,
-    darker: e === "light" ? t.Success500 : t.Success400
-  },
-  grey: {
-    100: t.Neutral100,
-    200: t.Neutral200,
-    300: t.Neutral300,
-    400: t.Neutral400,
-    500: t.Neutral500,
-    600: t.Neutral600,
-    700: t.Neutral700,
-    800: t.Neutral800,
-    900: t.Neutral900
-  },
-  action: {
-    active: e === "light" ? t.Primary300 : t.Primary200,
-    disabled: t.Neutral500,
-    disabledBackground: e === "light" ? t.Neutral200 : t.Neutral700,
-    hover: e === "light" ? t.Neutral100 : t.Neutral800,
-    hoverOpacity: 0.1,
-    selected: e === "light" ? t.Primary300 : t.Primary200,
-    selectedOpacity: 0.1
-  },
-  background: {
-    default: e === "light" ? t.Neutral100 : t.Neutral800,
-    paper: e === "light" ? t.White : t.Neutral900,
-    highlight: e === "light" ? t.Neutral200 : t.Neutral600,
-    highlightPrimary: e === "light" ? t.Primary100 : t.Primary500
-  },
-  divider: e === "light" ? t.Neutral400 : t.Neutral700,
-  categories: {
-    autoTransport: "#4B9DBC",
-    billsUtilities: "#EF8B2C",
-    businessServices: "#B3DE8C",
-    education: "#F8AB3A",
-    entertainment: "#AB5B89",
-    feesCharges: "#FF9696",
-    financial: "#6BCDDB",
-    foodDining: "#58AC7B",
-    giftsDonations: "#347AA5",
-    healthFitness: "#5C446E",
-    home: "#FFD84D",
-    income: "#133F49",
-    investments: "#FF7070",
-    kids: "#82D196",
-    personalCare: "#338B7A",
-    pets: "#615BAB",
-    shopping: "#CF5F84",
-    taxes: "#32588D",
-    transfer: "#959CA6",
-    travel: "#E37434",
-    uncategorized: "#FA5555"
-  },
-  chart: {
-    chart1: "#74E4DA",
-    chart2: "#ED64A4",
-    chart3: "#F3DC46",
-    chart4: "#BABFC5",
-    chart5: "#60A9FF",
-    chart6: "#C8BAEE",
-    chart7: "#585E67"
-  },
-  chartMono: {
-    chartMono1: "#C3EAFF",
-    chartMono2: "#8ED7FF",
-    chartMono3: "#60A9FF",
-    chartMono4: "#2F73DA",
-    chartMono5: "#034AB3",
-    chartMono6: "#002966"
-  }
-}), x = "Inter, Helvetica, Arial, sans-serif", Ee = (e) => me(e, {
+}, E0 = (e = {}) => ({
+  ...k0,
+  ...e.primary?.[100] && { Primary100: e.primary[100] },
+  ...e.primary?.[200] && { Primary200: e.primary[200] },
+  ...e.primary?.[300] && { Primary300: e.primary[300] },
+  ...e.primary?.[400] && { Primary400: e.primary[400] },
+  ...e.primary?.[500] && { Primary500: e.primary[500] },
+  ...e.secondary?.[100] && { Neutral500: e.secondary[100] },
+  ...e.secondary?.[200] && { Neutral600: e.secondary[200] },
+  ...e.secondary?.[300] && { Neutral700: e.secondary[300] },
+  ...e.secondary?.[400] && { Neutral800: e.secondary[400] },
+  ...e.secondary?.[500] && { Neutral900: e.secondary[500] },
+  ...e.error?.[100] && { Error100: e.error[100] },
+  ...e.error?.[200] && { Error200: e.error[200] },
+  ...e.error?.[300] && { Error300: e.error[300] },
+  ...e.error?.[400] && { Error400: e.error[400] },
+  ...e.error?.[500] && { Error500: e.error[500] },
+  ...e.warning?.[100] && { Warning100: e.warning[100] },
+  ...e.warning?.[200] && { Warning200: e.warning[200] },
+  ...e.warning?.[300] && { Warning300: e.warning[300] },
+  ...e.warning?.[400] && { Warning400: e.warning[400] },
+  ...e.warning?.[500] && { Warning500: e.warning[500] },
+  ...e.success?.[100] && { Success100: e.success[100] },
+  ...e.success?.[150] && { Success150: e.success[150] },
+  ...e.success?.[200] && { Success200: e.success[200] },
+  ...e.success?.[300] && { Success300: e.success[300] },
+  ...e.success?.[400] && { Success400: e.success[400] },
+  ...e.success?.[500] && { Success500: e.success[500] }
+}), L0 = (e, o = {}) => {
+  const r = E0(o);
+  return h0({
+    mode: e,
+    border: {
+      lighter: e === "light" ? r.Neutral200 : r.Neutral800,
+      light: e === "light" ? r.Neutral300 : r.Neutral700,
+      main: e === "light" ? r.Neutral400 : r.Neutral600,
+      dark: r.Neutral500,
+      darker: e === "light" ? r.Neutral600 : r.Neutral400
+    },
+    common: {
+      white: r.White,
+      black: r.Black
+    },
+    primary: {
+      lighter: r.Primary100,
+      light: r.Primary200,
+      main: r.Primary300,
+      dark: r.Primary400,
+      darker: r.Primary500
+    },
+    secondary: {
+      lighter: e === "light" ? r.Neutral500 : r.Neutral200,
+      light: e === "light" ? r.Neutral600 : r.Neutral300,
+      main: e === "light" ? r.Neutral700 : r.Neutral400,
+      dark: e === "light" ? r.Neutral800 : r.Neutral500,
+      darker: e === "light" ? r.Neutral900 : r.Neutral600
+    },
+    text: {
+      primary: e === "light" ? r.Neutral900 : r.White,
+      secondary: e === "light" ? r.Neutral700 : r.Neutral500,
+      disabled: e === "light" ? r.Neutral500 : r.Neutral600
+    },
+    error: {
+      lighter: e === "light" ? r.Error100 : r.Error300,
+      light: e === "light" ? r.Error200 : r.Error100,
+      main: e === "light" ? r.Error300 : r.Error200,
+      dark: e === "light" ? r.Error400 : r.Error300,
+      darker: e === "light" ? r.Error500 : r.Error400
+    },
+    warning: {
+      lighter: r.Warning100,
+      light: r.Warning200,
+      main: r.Warning300,
+      dark: r.Warning400,
+      darker: r.Warning500
+    },
+    info: {
+      lighter: r.Primary100,
+      light: r.Primary200,
+      main: r.Primary300,
+      dark: r.Primary400,
+      darker: r.Primary500
+    },
+    success: {
+      lighter: r.Success100,
+      light: e === "light" ? r.Success200 : r.Success150,
+      main: e === "light" ? r.Success300 : r.Success200,
+      dark: e === "light" ? r.Success400 : r.Success300,
+      darker: e === "light" ? r.Success500 : r.Success400
+    },
+    grey: {
+      100: r.Neutral100,
+      200: r.Neutral200,
+      300: r.Neutral300,
+      400: r.Neutral400,
+      500: r.Neutral500,
+      600: r.Neutral600,
+      700: r.Neutral700,
+      800: r.Neutral800,
+      900: r.Neutral900
+    },
+    action: {
+      active: e === "light" ? r.Primary300 : r.Primary200,
+      disabled: r.Neutral500,
+      disabledBackground: e === "light" ? r.Neutral200 : r.Neutral700,
+      hover: e === "light" ? r.Neutral100 : r.Neutral800,
+      hoverOpacity: 0.1,
+      selected: e === "light" ? r.Primary300 : r.Primary200,
+      selectedOpacity: 0.1
+    },
+    background: {
+      default: e === "light" ? r.Neutral100 : r.Neutral800,
+      paper: e === "light" ? r.White : r.Neutral900,
+      highlight: e === "light" ? r.Neutral200 : r.Neutral600,
+      highlightPrimary: e === "light" ? r.Primary100 : r.Primary500
+    },
+    divider: e === "light" ? r.Neutral400 : r.Neutral700,
+    categories: {
+      autoTransport: "#4B9DBC",
+      billsUtilities: "#EF8B2C",
+      businessServices: "#B3DE8C",
+      education: "#F8AB3A",
+      entertainment: "#AB5B89",
+      feesCharges: "#FF9696",
+      financial: "#6BCDDB",
+      foodDining: "#58AC7B",
+      giftsDonations: "#347AA5",
+      healthFitness: "#5C446E",
+      home: "#FFD84D",
+      income: "#133F49",
+      investments: "#FF7070",
+      kids: "#82D196",
+      personalCare: "#338B7A",
+      pets: "#615BAB",
+      shopping: "#CF5F84",
+      taxes: "#32588D",
+      transfer: "#959CA6",
+      travel: "#E37434",
+      uncategorized: "#FA5555"
+    },
+    chart: {
+      chart1: "#74E4DA",
+      chart2: "#ED64A4",
+      chart3: "#F3DC46",
+      chart4: "#BABFC5",
+      chart5: "#60A9FF",
+      chart6: "#C8BAEE",
+      chart7: "#585E67"
+    },
+    chartMono: {
+      chartMono1: "#C3EAFF",
+      chartMono2: "#8ED7FF",
+      chartMono3: "#60A9FF",
+      chartMono4: "#2F73DA",
+      chartMono5: "#034AB3",
+      chartMono6: "#002966"
+    }
+  });
+}, x = "Inter, Helvetica, Arial, sans-serif", S0 = (e) => g0(e, {
   fontFamily: x,
   fontSize: 15,
   Body: {
@@ -1114,16 +1145,16 @@ const N0 = ({
     lineHeight: "16px"
   }
 });
-pe.setLicenseKey(
+u0.setLicenseKey(
   "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
 );
-const D = [...B().shadows];
-D[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
-D[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
-D[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
-const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", He = "cubic-bezier(.475,.425,0,.995)", B0 = (e) => {
-  const o = Le(e), n = Ee(o);
-  return B({
+const C = [...O().shadows];
+C[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
+C[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
+C[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
+const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", I0 = "cubic-bezier(.475,.425,0,.995)", _e = (e, o = {}) => {
+  const r = L0(e, o), l = S0(r);
+  return O({
     breakpoints: {
       values: {
         xs: 0,
@@ -1133,22 +1164,22 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
         xl: 1200
       }
     },
-    palette: o,
-    shadows: D,
+    palette: r,
+    shadows: C,
     shape: {
       borderRadius: 4
     },
     spacing: 1,
-    typography: n,
+    typography: l,
     components: {
       MuiAutocomplete: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
+          root: ({ theme: t }) => ({
             "& .MuiAutocomplete-endAdornment": {
               marginTop: -5
             },
             "& .MuiIconButton-root": {
-              color: r.palette.mode === "light" ? r.palette.grey[700] : r.palette.grey[400],
+              color: t.palette.mode === "light" ? t.palette.grey[700] : t.palette.grey[400],
               "&:hover": {
                 backgroundColor: "inherit"
               }
@@ -1159,16 +1190,16 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
       MuiAlert: {
         defaultProps: {
           iconMapping: {
-            success: /* @__PURE__ */ a(M, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
-            error: /* @__PURE__ */ a(M, { fill: !0, name: "error", size: 24, weight: 400 }),
-            warning: /* @__PURE__ */ a(M, { fill: !0, name: "warning", size: 24, weight: 400 }),
-            info: /* @__PURE__ */ a(M, { fill: !0, name: "info", size: 24, weight: 400 })
+            success: /* @__PURE__ */ a(f, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
+            error: /* @__PURE__ */ a(f, { fill: !0, name: "error", size: 24, weight: 400 }),
+            warning: /* @__PURE__ */ a(f, { fill: !0, name: "warning", size: 24, weight: 400 }),
+            info: /* @__PURE__ */ a(f, { fill: !0, name: "info", size: 24, weight: 400 })
           }
         },
         styleOverrides: {
-          standard: ({ theme: r }) => ({
-            background: r.palette.background.paper,
-            color: r.palette.text.primary
+          standard: ({ theme: t }) => ({
+            background: t.palette.background.paper,
+            color: t.palette.text.primary
           }),
           root: {
             alignItems: "center",
@@ -1187,8 +1218,8 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
       },
       MuiAvatar: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
-            backgroundColor: r.palette.mode === h.LIGHT ? r.palette.grey[400] : r.palette.grey[700]
+          root: ({ theme: t }) => ({
+            backgroundColor: t.palette.mode === p.LIGHT ? t.palette.grey[400] : t.palette.grey[700]
           })
         }
       },
@@ -1199,15 +1230,15 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
         styleOverrides: {
           root: {
             "&.Mui-focusVisible": {
-              boxShadow: z
+              boxShadow: N
             }
           }
         }
       },
       MuiButton: {
         styleOverrides: {
-          contained: ({ ownerState: r, theme: i }) => ({
-            ...i.palette.mode === h.DARK && r.color === "primary" && {
+          contained: ({ ownerState: t, theme: i }) => ({
+            ...i.palette.mode === p.DARK && t.color === "primary" && {
               color: i.palette.grey[900],
               backgroundColor: i.palette.primary.light
             },
@@ -1216,45 +1247,45 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
               boxShadow: "none"
             },
             "&:active": {
-              backgroundColor: r.color === "error" ? i.palette.error.darker : i.palette.primary.darker
+              backgroundColor: t.color === "error" ? i.palette.error.darker : i.palette.primary.darker
             }
           }),
-          outlined: ({ theme: r }) => ({
-            borderColor: r.palette.border.main,
+          outlined: ({ theme: t }) => ({
+            borderColor: t.palette.border.main,
             "&:hover": {
-              borderColor: r.palette.border.dark
+              borderColor: t.palette.border.dark
             },
             "&:active": {
-              borderColor: r.palette.border.darker
+              borderColor: t.palette.border.darker
             }
           }),
-          outlinedPrimary: ({ theme: r }) => ({
-            ...r.palette.mode === h.DARK && {
-              color: r.palette.primary.light
+          outlinedPrimary: ({ theme: t }) => ({
+            ...t.palette.mode === p.DARK && {
+              color: t.palette.primary.light
             }
           }),
-          text: ({ ownerState: r, theme: i }) => ({
+          text: ({ ownerState: t, theme: i }) => ({
             "&:active": {
-              ...r.color === "error" && {
+              ...t.color === "error" && {
                 backgroundColor: i.palette.error.lighter
               },
-              ...r.color === "primary" && {
+              ...t.color === "primary" && {
                 backgroundColor: i.palette.primary.light
               },
-              ...r.color === "secondary" && {
+              ...t.color === "secondary" && {
                 backgroundColor: i.palette.secondary.lighter
               },
-              ...i.palette.mode === h.DARK && {
+              ...i.palette.mode === p.DARK && {
                 color: i.palette.common.white
               },
-              ...i.palette.mode === h.DARK && r.color === "secondary" && {
+              ...i.palette.mode === p.DARK && t.color === "secondary" && {
                 color: i.palette.secondary.darker
               }
             }
           }),
-          textPrimary: ({ theme: r }) => ({
-            ...r.palette.mode === h.DARK && {
-              color: r.palette.primary.light
+          textPrimary: ({ theme: t }) => ({
+            ...t.palette.mode === p.DARK && {
+              color: t.palette.primary.light
             }
           }),
           root: {
@@ -1266,7 +1297,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
               cursor: "not-allowed"
             },
             "&.Mui-focusVisible": {
-              boxShadow: z
+              boxShadow: N
             }
           },
           sizeMedium: {
@@ -1279,43 +1310,43 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
           disableRipple: !0
         },
         styleOverrides: {
-          root: ({ theme: r }) => ({
+          root: ({ theme: t }) => ({
             "&:hover": {
-              borderColor: r.palette.border.dark
+              borderColor: t.palette.border.dark
             },
             "button:hover + button": {
-              borderLeftColor: r.palette.border.dark
+              borderLeftColor: t.palette.border.dark
             },
             "&:active": {
-              borderColor: r.palette.border.darker
+              borderColor: t.palette.border.darker
             },
             "button:active + button": {
-              borderLeftColor: r.palette.border.darker
+              borderLeftColor: t.palette.border.darker
             }
           })
         }
       },
       MuiTabs: {
         styleOverrides: {
-          indicator: ({ theme: r }) => ({
+          indicator: ({ theme: t }) => ({
             height: 3,
-            backgroundColor: r.palette.action.selected
+            backgroundColor: t.palette.action.selected
           })
         }
       },
       MuiTab: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
+          root: ({ theme: t }) => ({
             textTransform: "none",
             fontWeight: 600,
             "&.Mui-focusVisible": {
-              boxShadow: P
+              boxShadow: z
             },
             "&:not(.Mui-selected)": {
-              borderBottom: `2px solid ${r.palette.divider}`
+              borderBottom: `2px solid ${t.palette.divider}`
             },
             "&.Mui-selected": {
-              color: r.palette.action.selected,
+              color: t.palette.action.selected,
               paddingBottom: 13
             }
           })
@@ -1323,35 +1354,35 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
       },
       MuiCheckbox: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
-            color: r.palette.mode === h.LIGHT ? r.palette.grey[800] : r.palette.common.white,
+          root: ({ theme: t }) => ({
+            color: t.palette.mode === p.LIGHT ? t.palette.grey[800] : t.palette.common.white,
             "&:hover": {
               backgroundColor: "transparent"
             },
             "&.Mui-checked": {
-              color: r.palette.mode === h.LIGHT ? r.palette.primary.main : r.palette.common.white
+              color: t.palette.mode === p.LIGHT ? t.palette.primary.main : t.palette.common.white
             },
             "&.MuiCheckbox-colorError": {
-              color: r.palette.error.main
+              color: t.palette.error.main
             }
           })
         }
       },
       MuiChip: {
         styleOverrides: {
-          outlined: ({ theme: r }) => {
-            const { common: i, grey: l, mode: c } = r.palette;
+          outlined: ({ theme: t }) => {
+            const { common: i, grey: n, mode: c } = t.palette;
             return {
               backgroundColor: "transparent",
-              borderColor: c === h.LIGHT ? l[600] : l[500],
+              borderColor: c === p.LIGHT ? n[600] : n[500],
               borderWidth: 1,
-              color: c === h.LIGHT ? l[900] : i.white,
+              color: c === p.LIGHT ? n[900] : i.white,
               fontSize: 11,
               // XSmall
               height: 24,
               "&:hover": {
-                borderColor: c === h.LIGHT ? l[300] : l[600],
-                backgroundColor: c === h.LIGHT ? l[300] : l[600]
+                borderColor: c === p.LIGHT ? n[300] : n[600],
+                backgroundColor: c === p.LIGHT ? n[300] : n[600]
               }
             };
           },
@@ -1390,7 +1421,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
           root: {
             animationDuration: "1.6s",
             color: "primary",
-            [`& .${he.circle}`]: {
+            [`& .${p0.circle}`]: {
               strokeLinecap: "round"
             }
           }
@@ -1398,31 +1429,31 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
       },
       MuiDayCalendar: {
         styleOverrides: {
-          weekDayLabel: ({ theme: r }) => ({
+          weekDayLabel: ({ theme: t }) => ({
             // TODO: Need to add additional styles to the theme such as SmallBold or use Caption
-            fontSize: r.typography.Small.fontSize,
+            fontSize: t.typography.Small.fontSize,
             fontWeight: 700
           })
         }
       },
       MuiDataGrid: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
+          root: ({ theme: t }) => ({
             border: "none",
             borderRadius: 0,
-            fontSize: r.typography.Small.fontSize,
+            fontSize: t.typography.Small.fontSize,
             "& .MuiDataGrid-cell": {
               display: "flex",
               alignItems: "center",
               borderTop: "1px solid",
-              borderColor: r.palette.background.highlight
+              borderColor: t.palette.background.highlight
             },
             "& .MuiDataGrid-cell:focus": { outline: "unset" },
             "& .MuiDataGrid-iconSeparator": { display: "none" },
             "& .MuiDataGrid-columnHeaders": {
-              backgroundColor: r.palette.background.paper,
+              backgroundColor: t.palette.background.paper,
               borderBottom: "2px solid",
-              borderColor: r.palette.divider
+              borderColor: t.palette.divider
             },
             "& .MuiDataGrid-columnHeaderTitle": {
               fontWeight: 600
@@ -1447,7 +1478,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
       },
       MuiDateRangePickerDay: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
+          root: ({ theme: t }) => ({
             ":first-of-type": {
               borderTopLeftRadius: 4,
               borderBottomLeftRadius: 4,
@@ -1468,7 +1499,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
               borderRadius: 4
             },
             "& .MuiPickersDay-dayOutsideMonth": {
-              color: r.palette.grey[500]
+              color: t.palette.grey[500]
             }
           }),
           day: {
@@ -1509,8 +1540,8 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
           "aria-hidden": !0
         },
         styleOverrides: {
-          root: ({ theme: r }) => ({
-            borderColor: r.palette.border.light
+          root: ({ theme: t }) => ({
+            borderColor: t.palette.border.light
           }),
           inset: {
             marginLeft: 68
@@ -1551,7 +1582,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
             // Body
             lineHeight: "20px",
             // Body
-            transition: `box-shadow 350ms ${He}`,
+            transition: `box-shadow 350ms ${I0}`,
             width: "100%",
             "&.MuiOutlinedInput-input.Mui-disabled": {
               padding: 12,
@@ -1567,7 +1598,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
       },
       MuiLink: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
+          root: ({ theme: t }) => ({
             display: "inline-flex",
             alignItems: "center",
             boxSizing: "border-box",
@@ -1582,7 +1613,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
               outline: "rgba(82, 138, 224, 0.8) auto 1px"
             },
             "&:hover": {
-              backgroundColor: r.palette.action.hover,
+              backgroundColor: t.palette.action.hover,
               borderBottom: "1px solid"
             },
             fontWeight: 600
@@ -1591,7 +1622,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
         variants: [
           {
             props: { color: "primary" },
-            style: ({ theme: r }) => r.palette.mode === h.DARK ? { color: r.palette.primary.light } : {}
+            style: ({ theme: t }) => t.palette.mode === p.DARK ? { color: t.palette.primary.light } : {}
           }
         ]
       },
@@ -1617,17 +1648,17 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
           disablePadding: !0
         },
         styleOverrides: {
-          root: ({ ownerState: r, theme: i }) => {
-            const { mode: l, primary: c } = i.palette;
+          root: ({ ownerState: t, theme: i }) => {
+            const { mode: n, primary: c } = i.palette;
             return {
               minHeight: 64,
-              ...!r.disablePadding && {
+              ...!t.disablePadding && {
                 paddingTop: 12,
                 paddingBottom: 12,
                 paddingLeft: 24
               },
               "& .MuiIconButton-root": {
-                color: l === h.LIGHT ? c.main : c.light
+                color: n === p.LIGHT ? c.main : c.light
               }
             };
           }
@@ -1635,7 +1666,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
       },
       MuiCollapse: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
+          root: ({ theme: t }) => ({
             "& .MuiListItem-root": {
               minHeight: 44
             },
@@ -1643,10 +1674,10 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
               minHeight: 44,
               paddingLeft: 12,
               "&:hover": {
-                backgroundColor: `${r.palette.secondary.lighter}33`
+                backgroundColor: `${t.palette.secondary.lighter}33`
               },
               "&:active": {
-                backgroundColor: `${r.palette.secondary.lighter}66`
+                backgroundColor: `${t.palette.secondary.lighter}66`
               }
             }
           })
@@ -1668,21 +1699,21 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
       },
       MuiListItemButton: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
+          root: ({ theme: t }) => ({
             minHeight: 64,
             paddingLeft: 24,
             paddingRight: 24,
             paddingTop: 12,
             paddingBottom: 12,
             "&.Mui-focusVisible": {
-              boxShadow: P
+              boxShadow: z
             },
             "&:active": {
-              backgroundColor: `${r.palette.secondary.lighter}33`
+              backgroundColor: `${t.palette.secondary.lighter}33`
             },
             "&.Mui-selected": {
               fontWeight: "bold",
-              borderLeft: `3px solid ${r.palette.primary.main}`,
+              borderLeft: `3px solid ${t.palette.primary.main}`,
               paddingLeft: 21
             }
           })
@@ -1708,10 +1739,10 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
       },
       MuiListItemIcon: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
+          root: ({ theme: t }) => ({
             minWidth: "auto",
             marginLeft: 8,
-            color: r.palette.text.primary
+            color: t.palette.text.primary
           })
         }
       },
@@ -1721,11 +1752,11 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
           // without this it defaults to the secondary color
         },
         styleOverrides: {
-          root: ({ theme: r }) => ({
+          root: ({ theme: t }) => ({
             lineHeight: "inherit",
             top: -1,
             // This fixes an issue where there is a 1px gap when the subheader sticks to the top while scrolling
-            backgroundColor: r.palette.background.default
+            backgroundColor: t.palette.background.default
           })
         }
       },
@@ -1755,14 +1786,14 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
       },
       MuiOutlinedInput: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
+          root: ({ theme: t }) => ({
             "&.Mui-focused": {
               "& .MuiOutlinedInput-notchedOutline": {
                 outline: "none"
               }
             },
             "& .MuiSelect-icon": {
-              color: r.palette.mode === h.LIGHT ? r.palette.grey[900] : r.palette.common.white
+              color: t.palette.mode === p.LIGHT ? t.palette.grey[900] : t.palette.common.white
             }
           })
         }
@@ -1784,8 +1815,8 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
       },
       MuiPickersDay: {
         styleOverrides: {
-          today: ({ theme: r }) => ({
-            color: r.palette.action.selected,
+          today: ({ theme: t }) => ({
+            color: t.palette.action.selected,
             fontWeight: 700,
             textDecoration: "2px underline",
             textUnderlineOffset: 4,
@@ -1801,29 +1832,29 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
             backgroundColor: "transparent !important",
             padding: 16
           },
-          toolbar: ({ theme: r }) => ({
+          toolbar: ({ theme: t }) => ({
             gridColumn: "1/4",
             "& > .MuiTypography-root": {
               textTransform: "uppercase",
-              fontSize: r.typography.Small.fontSize,
+              fontSize: t.typography.Small.fontSize,
               fontWeight: 600,
-              lineHeight: r.typography.Small.lineHeight
+              lineHeight: t.typography.Small.lineHeight
             }
           })
         }
       },
       MuiPickersToolbar: {
         styleOverrides: {
-          content: ({ theme: r }) => ({
+          content: ({ theme: t }) => ({
             marginTop: 4,
             "& .MuiTypography-root": {
-              fontSize: r.typography.H3.fontSize,
-              lineHeight: r.typography.H3.lineHeight
+              fontSize: t.typography.H3.fontSize,
+              lineHeight: t.typography.H3.lineHeight
             },
             "& .MuiPickersToolbarText-root": {
-              color: r.palette.mode === h.LIGHT ? r.palette.secondary.light : r.palette.secondary.dark,
+              color: t.palette.mode === p.LIGHT ? t.palette.secondary.light : t.palette.secondary.dark,
               "&.Mui-selected": {
-                color: r.palette.text.primary
+                color: t.palette.text.primary
               }
             }
           })
@@ -1849,20 +1880,20 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
       },
       MuiSnackbar: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
+          root: ({ theme: t }) => ({
             "& .MuiAlert-icon": {
-              color: r.palette.success.contrastText
+              color: t.palette.success.contrastText
             },
             "& .MuiAlert-message": {
-              color: r.palette.success.contrastText
+              color: t.palette.success.contrastText
             }
           })
         }
       },
       MuiSwitch: {
         styleOverrides: {
-          root: ({ theme: r }) => {
-            const { grey: i, mode: l } = r.palette;
+          root: ({ theme: t }) => {
+            const { grey: i, mode: n } = t.palette;
             return {
               width: 34,
               height: 18,
@@ -1886,10 +1917,10 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
                   }
                 },
                 "&.Mui-disabled .MuiSwitch-thumb": {
-                  color: l === h.LIGHT ? i[100] : i[600]
+                  color: n === p.LIGHT ? i[100] : i[600]
                 },
                 "&.Mui-disabled + .MuiSwitch-track": {
-                  opacity: l === h.LIGHT ? 0.7 : 0.3
+                  opacity: n === p.LIGHT ? 0.7 : 0.3
                 },
                 "&.Mui-focusVisible .MuiSwitch-thumb": {
                   color: "#0AC295",
@@ -1903,7 +1934,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
                 height: 14
               },
               "& .MuiSwitch-track": {
-                backgroundColor: l === h.LIGHT ? i[400] : i[700],
+                backgroundColor: n === p.LIGHT ? i[400] : i[700],
                 borderRadius: 18 / 2,
                 opacity: 1
               }
@@ -1913,8 +1944,8 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
       },
       MuiTextField: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
-            backgroundColor: r.palette.background.paper
+          root: ({ theme: t }) => ({
+            backgroundColor: t.palette.background.paper
           })
         }
       },
@@ -1927,50 +1958,50 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
   });
 };
 export {
-  s0 as AccountsFilledIcon,
-  d0 as AccountsIcon,
-  u0 as ArrowLeftIcon,
-  p0 as AttentionFilledIcon,
-  g as BaseIcon,
-  k0 as BottomSheetTransition,
-  h0 as CalendarIcon,
-  u as CategoryGuids,
-  Te as CategoryIcon,
-  ye as CategoryIconList,
-  Me as CategoryIconVariants,
-  g0 as CheckmarkFilledIcon,
-  m0 as ChevronDownIcon,
-  f0 as ChevronLeftIcon,
-  b0 as ChevronRightIcon,
-  be as CloseIcon,
-  D0 as DateRangePicker,
-  xe as DialogFooter,
-  L0 as DialogHeader,
-  E0 as Drawer,
-  M0 as EditIcon,
-  y0 as FilterIcon,
-  xe as Footer,
-  De as H1,
-  S0 as H2,
-  F0 as H3,
-  C0 as HeartIcon,
+  de as AccountsFilledIcon,
+  ue as AccountsIcon,
+  pe as ArrowLeftIcon,
+  he as AttentionFilledIcon,
+  h as BaseIcon,
+  Ee as BottomSheetTransition,
+  ge as CalendarIcon,
+  d as CategoryGuids,
+  T0 as CategoryIcon,
+  y0 as CategoryIconList,
+  f0 as CategoryIconVariants,
+  me as CheckmarkFilledIcon,
+  be as ChevronDownIcon,
+  fe as ChevronLeftIcon,
+  ye as ChevronRightIcon,
+  b0 as CloseIcon,
+  ke as DateRangePicker,
+  x0 as DialogFooter,
+  Le as DialogHeader,
+  Se as Drawer,
+  Me as EditIcon,
+  Te as FilterIcon,
+  x0 as Footer,
+  C0 as H1,
+  we as H2,
+  Fe as H3,
+  ve as HeartIcon,
   x as INTER,
-  M as Icon,
-  fe as IconWeight,
-  H0 as InstitutionLogo,
-  v0 as MXLogoCopyrightIcon,
-  x0 as MXLogoFilledIcon,
-  T0 as MXLogoIcon,
-  A0 as MXLogoOutlineIcon,
-  I0 as MerchantLogo,
-  w0 as P,
-  C as TARGETS,
+  f as Icon,
+  m0 as IconWeight,
+  Ie as InstitutionLogo,
+  Ae as MXLogoCopyrightIcon,
+  Ce as MXLogoFilledIcon,
+  xe as MXLogoIcon,
+  De as MXLogoOutlineIcon,
+  He as MerchantLogo,
+  Re as P,
+  M as TARGETS,
   A as THEMES,
   v as Text,
-  R0 as TextField,
-  N0 as Toast,
-  z0 as TokenProvider,
-  B0 as createMXTheme,
-  P0 as useTokens
+  Ne as TextField,
+  ze as Toast,
+  Oe as TokenProvider,
+  _e as createMXTheme,
+  Be as useTokens
 };
 //# sourceMappingURL=index.es.js.map