@mxenabled/mxui 1.2.1-alpha.bb5 → 1.2.1

package/dist/index.es.js

@@ -1,83 +1,83 @@
-import { jsx as t, jsxs as M } from "react/jsx-runtime";
-import C from "react";
-import L from "@mui/material/Stack";
-import { useTheme as D, createTheme as W } from "@mui/material/styles";
-import t0 from "@mui/material/Icon";
+import { jsx as r, jsxs as A } from "react/jsx-runtime";
+import T from "react";
+import O from "@mui/material/Stack";
+import { useTheme as y, createTheme as W } from "@mui/material/styles";
+import te from "@mui/material/Icon";
 import { endOfMonth as V } from "date-fns/endOfMonth";
-import { endOfYear as r0 } from "date-fns/endOfYear";
-import { startOfToday as i0 } from "date-fns/startOfToday";
+import { endOfYear as re } from "date-fns/endOfYear";
+import { startOfToday as ie } from "date-fns/startOfToday";
 import { startOfMonth as U } from "date-fns/startOfMonth";
 import { startOfYear as G } from "date-fns/startOfYear";
 import { subDays as $ } from "date-fns/subDays";
-import { subMonths as a0 } from "date-fns/subMonths";
-import { subYears as n0 } from "date-fns/subYears";
-import l0 from "@mui/material/useMediaQuery";
-import { LocalizationProvider as c0, StaticDateRangePicker as s0 } from "@mui/x-date-pickers-pro";
-import { AdapterDateFns as d0 } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
+import { subMonths as ae } from "date-fns/subMonths";
+import { subYears as ne } from "date-fns/subYears";
+import le from "@mui/material/useMediaQuery";
+import { LocalizationProvider as ce, StaticDateRangePicker as se } from "@mui/x-date-pickers-pro";
+import { AdapterDateFns as de } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
 import Z from "@mui/material/Box";
-import u0 from "@mui/material/ToggleButton";
-import h0 from "@mui/material/ToggleButtonGroup";
+import ue from "@mui/material/ToggleButton";
+import he from "@mui/material/ToggleButtonGroup";
 import K from "@mui/material/Slide";
 import _ from "@mui/material/Button";
-import { Close as p0 } from "@mui/icons-material";
+import { Close as pe } from "@mui/icons-material";
 import X from "@mui/material/IconButton";
-import m0 from "@mui/material/Typography";
-import g0 from "@mui/material/Drawer";
-import f0 from "@mui/material/TextField";
-import T0 from "@mui/material/Snackbar";
-import b0 from "@mui/material/Alert";
-import { light as Y, buildTheme as P, dark as C0 } from "@mxenabled/design-tokens";
-import { darken as N, lighten as H, alpha as g } from "@mui/material";
-import { circularProgressClasses as A0 } from "@mui/material/CircularProgress";
-import { LicenseInfo as R0 } from "@mui/x-license-pro";
-import M0 from "@mui/material/styles/createPalette";
-import E0 from "@mui/material/styles/createTypography";
-const f = ({
+import me from "@mui/material/Typography";
+import ge from "@mui/material/Drawer";
+import fe from "@mui/material/TextField";
+import Te from "@mui/material/Snackbar";
+import be from "@mui/material/Alert";
+import { light as Y, buildTheme as P, dark as Ce } from "@mxenabled/design-tokens";
+import { darken as D, lighten as x, alpha as b } from "@mui/material";
+import { circularProgressClasses as Ae } from "@mui/material/CircularProgress";
+import { LicenseInfo as Me } from "@mui/x-license-pro";
+import Re from "@mui/material/styles/createPalette";
+import Ee from "@mui/material/styles/createTypography";
+const g = ({
   children: e,
   height: o,
   size: a = 16,
-  viewBox: r = "0 0 16 16",
+  viewBox: t = "0 0 16 16",
   width: n
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ r(
   "svg",
   {
     "aria-hidden": !0,
     className: "mx-kmui-icon",
     focusable: !1,
     height: o || a,
-    viewBox: r,
+    viewBox: t,
     width: n || a,
     xmlns: "http://www.w3.org/2000/svg",
     children: e
   }
 );
-var S0 = /* @__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))(S0 || {});
-const R = ({
+var Se = /* @__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))(Se || {});
+const C = ({
   color: e,
   fill: o = !1,
   name: a,
-  size: r = 20,
+  size: t = 20,
   sx: n,
   weight: s = 300,
   ...c
 }) => {
-  const [l, i] = C.useState(!1);
-  return C.useEffect(() => {
+  const [l, i] = T.useState(!1);
+  return T.useEffect(() => {
     document.fonts.ready.then(() => {
       i(!0);
     });
-  }, []), /* @__PURE__ */ t(
-    t0,
+  }, []), /* @__PURE__ */ r(
+    te,
     {
       color: l ? e && e : void 0,
       sx: [
         {
-          fontSize: r,
+          fontSize: t,
           fontVariationSettings: `
             'FILL' ${o ? 1 : 0}, 
             'wght' ${s}, 
             'GRAD' 0, 
-            'opsz' ${r}
+            'opsz' ${t}
           `
         },
         ...Array.isArray(n) ? n : [n],
@@ -89,37 +89,37 @@ const R = ({
       children: a
     }
   );
-}, be = ({
+}, b0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(f, { ...o, children: /* @__PURE__ */ t(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
   "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
   }
-) })), Ce = ({
+) })), C0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(f, { ...o, children: /* @__PURE__ */ t(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
   "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
   }
-) })), Ae = ({
+) })), A0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(f, { ...o, children: /* @__PURE__ */ t(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
   "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
   }
-) })), Re = ({
+) })), M0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(f, { ...o, children: /* @__PURE__ */ t(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
   "path",
   {
     clipRule: "evenodd",
@@ -127,124 +127,124 @@ const R = ({
     fill: e,
     fillRule: "evenodd"
   }
-) })), Me = ({
+) })), R0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(f, { ...o, children: /* @__PURE__ */ t(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
   "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
   }
-) })), Ee = ({
+) })), E0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(f, { ...o, children: /* @__PURE__ */ t(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
   "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
   }
-) })), Se = ({
+) })), S0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(f, { ...o, children: /* @__PURE__ */ t(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
   "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
   }
-) })), Ie = ({
+) })), I0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(f, { ...o, children: /* @__PURE__ */ t(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
   "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
   }
-) })), xe = ({
+) })), v0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(f, { ...o, children: /* @__PURE__ */ t(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
   "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
   }
-) })), ve = ({
+) })), H0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(f, { ...o, children: /* @__PURE__ */ t(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
   "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
   }
-) })), He = ({
+) })), x0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(f, { ...o, children: /* @__PURE__ */ t(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
   "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
   }
-) })), Fe = ({
+) })), F0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(f, { ...o, children: /* @__PURE__ */ t(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
   "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
   }
-) })), Oe = ({
+) })), O0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(f, { ...o, children: /* @__PURE__ */ t(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
   "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
   }
-) })), Le = ({
+) })), y0 = ({
   color: e = "currentColor",
   ...o
-}) => /* @__PURE__ */ M(f, { ...o, children: [
-  /* @__PURE__ */ t(
+}) => /* @__PURE__ */ A(g, { ...o, children: [
+  /* @__PURE__ */ r(
     "path",
     {
       d: "M14.368 4.5h1.604c.024 0 .037.028.021.044L13.28 7.992c-.008.008-.008.025 0 .032l2.714 3.448c.016.02 0 .045-.021.045h-1.604a.023.023 0 01-.02-.013l-1.895-2.46c-.009-.01-.029-.01-.041 0l-1.895 2.46a.022.022 0 01-.02.013H8.892c-.02 0-.031-.03-.02-.045l2.713-3.448c.008-.007.008-.024 0-.032L8.871 4.544a.027.027 0 01.021-.044h1.605c.008 0 .015.004.02.013l1.895 2.458c.008.013.028.013.04 0l1.896-2.458a.023.023 0 01.02-.013z",
       fill: e
     }
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ r(
     "path",
     {
       d: "M8.242 11.363l1.056-1.293a.047.047 0 00.012-.029l-.81-5.5c-.004-.02-.02-.036-.04-.036H7.39c-.016 0-.032.008-.036.024L4.816 9.668c-.015.032-.06.032-.073 0l-2.562-5.14c-.009-.015-.02-.023-.036-.023h-1.08c-.021 0-.038.016-.043.036L.001 11.472a.042.042 0 00.04.049H1.29c.02 0 .042-.016.042-.036l.616-4.505c.004-.04.063-.048.08-.011L4.287 11.5c.008.017.021.024.037.024h.884c.016 0 .033-.008.037-.024l2.235-4.508c.015-.037.074-.029.078.011l.608 4.338c.005.037.054.048.075.021z",
       fill: e
     }
   )
-] }), De = ({
+] }), L0 = ({
   color: e = "currentColor",
   ...o
-}) => /* @__PURE__ */ M(f, { ...o, children: [
-  /* @__PURE__ */ t(
+}) => /* @__PURE__ */ A(g, { ...o, children: [
+  /* @__PURE__ */ r(
     "path",
     {
       d: "M7.93 11l.871-1.124c.01-.01.01-.02.01-.03l-.77-5.305c0-.02-.02-.041-.04-.041H7a.059.059 0 00-.024.008.077.077 0 00-.017.012l-2.4 4.89c-.005.019-.026.026-.043.023a.034.034 0 01-.027-.022l-2.42-4.89a.139.139 0 00-.01-.01.046.046 0 00-.031-.011H1.016c-.02 0-.04.01-.04.04l-.972 6.673c-.01.02.01.04.04.04h1.175c.02 0 .04-.01.04-.04l.587-4.273c.01-.04.061-.05.081-.01l2.137 4.303a.17.17 0 00.01.009.045.045 0 00.03.011h.83c.01 0 .03-.01.041-.02L7.08 6.981c.02-.04.07-.03.08.01l.578 4.14c.01.041.05.051.07.021L7.93 11z",
       fill: e
     }
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ r(
     "path",
     {
       d: "M15.079 4.5H13.6c-.004 0-.008.002-.013.004h-.002a.1.1 0 01-.009.004.057.057 0 01-.016.002L11.788 6.83c-.01.02-.05.02-.07 0L9.944 4.51a.03.03 0 00-.01-.007c-.008-.003-.017-.003-.03-.003H8.427c-.04 0-.051.04-.04.07l2.54 3.291c.01.01.01.041 0 .051l-2.52 3.28c-.02.031 0 .071.04.071h1.478a.031.031 0 00.011-.002c.008-.003.016-.008.03-.008l1.771-2.318c.01-.02.051-.02.071 0l1.772 2.318c.01.01.02.01.04.01h1.469c.04 0 .05-.04.04-.07l-2.541-3.291a.023.023 0 01-.005-.01.047.047 0 01-.002-.008c-.002-.012 0-.026.007-.033l2.541-3.29c0-.02-.01-.061-.05-.061z",
       fill: e
     }
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ r(
     "path",
     {
       clipRule: "evenodd",
@@ -253,7 +253,7 @@ const R = ({
       fillRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ r(
     "path",
     {
       clipRule: "evenodd",
@@ -262,10 +262,10 @@ const R = ({
       fillRule: "evenodd"
     }
   )
-] }), ye = ({
+] }), D0 = ({
   color: e = "currentColor",
   ...o
-}) => /* @__PURE__ */ t(f, { ...o, children: /* @__PURE__ */ t(
+}) => /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
   "path",
   {
     clipRule: "evenodd",
@@ -273,25 +273,25 @@ const R = ({
     fill: e,
     fillRule: "evenodd"
   }
-) }), Ne = ({
+) }), N0 = ({
   color: e = "currentColor",
   ...o
-}) => /* @__PURE__ */ M(f, { ...o, children: [
-  /* @__PURE__ */ t(
+}) => /* @__PURE__ */ A(g, { ...o, children: [
+  /* @__PURE__ */ r(
     "path",
     {
       d: "M12.662 5.973h-.94a.013.013 0 00-.012.007L10.6 7.42c-.007.008-.019.008-.024 0l-1.11-1.44a.013.013 0 00-.011-.007h-.94c-.012 0-.02.014-.012.026l1.59 2.02c.004.004.004.014 0 .018l-1.59 2.02c-.006.009 0 .026.012.026h.94c.005 0 .009-.002.012-.008l1.11-1.44c.007-.007.018-.007.024 0l1.11 1.44a.013.013 0 00.011.008h.94a.016.016 0 00.012-.027l-1.59-2.019c-.004-.004-.004-.014 0-.019l1.59-2.02c.01-.008.002-.025-.012-.025z",
       fill: e
     }
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ r(
     "path",
     {
       d: "M8.753 9.235l-.619.758c-.012.015-.041.009-.044-.013l-.356-2.54c-.003-.024-.037-.029-.046-.007l-1.308 2.64c-.003.01-.013.014-.022.014H5.84c-.01 0-.017-.004-.022-.014L4.494 7.42c-.01-.022-.044-.018-.047.006l-.36 2.639c0 .011-.013.02-.026.02h-.73a.025.025 0 01-.024-.027l.599-4.06c.002-.012.012-.022.024-.022h.633c.01 0 .016.005.02.015L6.086 9c.007.019.033.019.043 0l1.486-3.01c.002-.01.012-.015.021-.015h.626c.012 0 .022.01.024.022l.475 3.221a.027.027 0 01-.007.017z",
       fill: e
     }
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ r(
     "path",
     {
       clipRule: "evenodd",
@@ -301,12 +301,12 @@ const R = ({
     }
   )
 ] });
-var p = /* @__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))(p || {}), I0 = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(I0 || {});
+var p = /* @__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))(p || {}), Ie = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(Ie || {});
 const j = {
   guid: p.Uncategorized,
   colorName: "uncategorized",
   icon: "category"
-}, x0 = [
+}, ve = [
   {
     guid: p.AutoTransport,
     colorName: "autoTransport",
@@ -408,19 +408,19 @@ const j = {
     icon: "airplane_ticket"
   },
   j
-], v0 = 0.625, H0 = ({
+], He = 0.625, xe = ({
   categoryGuid: e,
-  icon_ratio: o = v0,
+  icon_ratio: o = He,
   size: a = 32,
-  sx: r = {},
+  sx: t = {},
   variant: n = "filled"
 }) => {
-  const s = D(), c = C.useMemo(
-    () => x0.find((d) => d.guid === e) ?? j,
+  const s = y(), c = T.useMemo(
+    () => ve.find((d) => d.guid === e) ?? j,
     [e]
   ), l = s.palette.categories[c.colorName];
-  return /* @__PURE__ */ t(
-    L,
+  return /* @__PURE__ */ r(
+    O,
     {
       alignItems: "center",
       bgcolor: () => {
@@ -434,18 +434,18 @@ const j = {
       },
       height: a,
       justifyContent: "center",
-      sx: [...Array.isArray(r) ? r : [r]],
+      sx: [...Array.isArray(t) ? t : [t]],
       width: a,
-      children: /* @__PURE__ */ t(R, { name: c.icon, size: a * o })
+      children: /* @__PURE__ */ r(C, { name: c.icon, size: a * o })
     }
   );
-}, F0 = ({
+}, Fe = ({
   items: e,
   onChange: o,
   isValid: a,
-  selected: r
+  selected: t
 }) => {
-  const n = D(), s = e?.map((c) => {
+  const n = y(), s = e?.map((c) => {
     const l = c.getValue({ isValid: a });
     return {
       label: c.label,
@@ -455,8 +455,8 @@ const j = {
       disabled: !a(l)
     };
   });
-  return /* @__PURE__ */ t(Z, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ t(h0, { color: "primary", orientation: "vertical", value: r, children: s?.map((c) => /* @__PURE__ */ t(
-    u0,
+  return /* @__PURE__ */ r(Z, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ r(he, { color: "primary", orientation: "vertical", value: t, children: s?.map((c) => /* @__PURE__ */ r(
+    ue,
     {
       onClick: c.onClick,
       sx: {
@@ -483,15 +483,15 @@ const j = {
     },
     c.label
   )) }) });
-}, ke = ({
+}, k0 = ({
   copy: e,
   dateRange: o,
   onRangeChanged: a,
-  selectedShortcut: r = e.dateRangeThisMonth,
+  selectedShortcut: t = e.dateRangeThisMonth,
   sx: n = {}
 }) => {
-  const s = D(), c = l0(s.breakpoints.down("sm")), l = C.useMemo(() => {
-    const m = i0(), d = a0(m, 1), T = n0(m, 1);
+  const s = y(), c = le(s.breakpoints.down("sm")), l = T.useMemo(() => {
+    const m = ie(), d = ae(m, 1), f = ne(m, 1);
     return [
       {
         label: e.dateRangeThisMonth,
@@ -515,7 +515,7 @@ const j = {
       },
       {
         label: e.dateRangeLastYear,
-        getValue: () => [G(T), r0(T)]
+        getValue: () => [G(f), re(f)]
       },
       {
         label: e.dateRangeCustom,
@@ -523,11 +523,11 @@ const j = {
       }
     ];
   }, [e]), i = (m, d) => {
-    const T = d.shortcut;
-    a?.(m, T ? T.label : e.dateRangeCustom);
+    const f = d.shortcut;
+    a?.(m, f ? f.label : e.dateRangeCustom);
   };
-  return /* @__PURE__ */ t(L, { gap: 16, m: 8, children: /* @__PURE__ */ t(c0, { dateAdapter: d0, children: /* @__PURE__ */ t(
-    s0,
+  return /* @__PURE__ */ r(O, { gap: 16, m: 8, children: /* @__PURE__ */ r(ce, { dateAdapter: de, children: /* @__PURE__ */ r(
+    se,
     {
       calendars: 1,
       localeText: {
@@ -547,43 +547,43 @@ const j = {
         }
       },
       slots: {
-        leftArrowIcon: () => /* @__PURE__ */ t(R, { name: "chevron_left", size: 28 }),
-        shortcuts: (m) => /* @__PURE__ */ t(F0, { selected: r, ...m }),
-        rightArrowIcon: () => /* @__PURE__ */ t(R, { name: "chevron_right", size: 28 })
+        leftArrowIcon: () => /* @__PURE__ */ r(C, { name: "chevron_left", size: 28 }),
+        shortcuts: (m) => /* @__PURE__ */ r(Fe, { selected: t, ...m }),
+        rightArrowIcon: () => /* @__PURE__ */ r(C, { name: "chevron_right", size: 28 })
       },
       sx: { ...n },
       value: o
     }
   ) }) });
-}, we = C.forwardRef(function(o, a) {
-  return /* @__PURE__ */ t(K, { direction: "up", ref: a, ...o });
-}), O0 = ({
+}, w0 = T.forwardRef(function(o, a) {
+  return /* @__PURE__ */ r(K, { direction: "up", ref: a, ...o });
+}), Oe = ({
   hasSecondaryAction: e = !0,
   isPrimaryDisabled: o,
   onPrimaryAction: a,
-  onSecondaryAction: r,
+  onSecondaryAction: t,
   primaryColor: n = "primary",
   primaryText: s = "Save",
   secondaryColor: c = "primary",
   secondaryText: l = "Cancel"
-}) => /* @__PURE__ */ M(
-  L,
+}) => /* @__PURE__ */ A(
+  O,
   {
     direction: "row",
     gap: 16,
     justifyContent: "flex-end",
     sx: { bgcolor: "background.paper", width: "100%", p: 24 },
     children: [
-      e && /* @__PURE__ */ t(
+      e && /* @__PURE__ */ r(
         _,
         {
           color: c,
-          onClick: r,
+          onClick: t,
           variant: a ? "outlined" : "contained",
           children: l
         }
       ),
-      a && /* @__PURE__ */ t(
+      a && /* @__PURE__ */ r(
         _,
         {
           color: n,
@@ -595,11 +595,11 @@ const j = {
       )
     ]
   }
-), y = ({
+), L = ({
   bold: e,
   className: o = "",
   children: a,
-  color: r,
+  color: t,
   sx: n = {},
   truncate: s = !0,
   uppercase: c,
@@ -637,11 +637,11 @@ const j = {
       l.variant = "caption";
       break;
   }
-  return /* @__PURE__ */ t(
-    m0,
+  return /* @__PURE__ */ r(
+    me,
     {
       className: `mx-kmui-text ${o}`,
-      color: r,
+      color: t,
       sx: [
         e ? {
           fontWeight: 600
@@ -660,18 +660,18 @@ const j = {
       children: a
     }
   );
-}, L0 = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ t(y, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...a, children: o }), _e = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ t(y, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...a, children: o }), Pe = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ t(y, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...a, children: o }), ze = ({ className: e = "", children: o, truncate: a, ...r }) => /* @__PURE__ */ t(
-  y,
+}, ye = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ r(L, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...a, children: o }), _0 = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ r(L, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...a, children: o }), P0 = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ r(L, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...a, children: o }), z0 = ({ className: e = "", children: o, truncate: a, ...t }) => /* @__PURE__ */ r(
+  L,
   {
     className: `mx-kmui-text p ${e}`,
     component: "p",
     truncate: a || !1,
     variant: "body1",
-    ...r,
+    ...t,
     children: o
   }
-), Be = ({ copy: e, onClose: o }) => /* @__PURE__ */ M(
-  L,
+), B0 = ({ copy: e, onClose: o }) => /* @__PURE__ */ A(
+  O,
   {
     sx: {
       alignItems: "center",
@@ -681,35 +681,35 @@ const j = {
       py: 14
     },
     children: [
-      /* @__PURE__ */ t(L0, { variant: "h3", children: e.title }),
-      /* @__PURE__ */ t(X, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ t(p0, {}) })
+      /* @__PURE__ */ r(ye, { variant: "h3", children: e.title }),
+      /* @__PURE__ */ r(X, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ r(pe, {}) })
     ]
   }
-), Ve = ({
+), V0 = ({
   className: e,
   disableSave: o,
   id: a,
-  isOpen: r,
+  isOpen: t,
   onClose: n,
   onSave: s,
   primaryText: c,
   secondaryText: l,
   children: i,
   ...m
-}) => /* @__PURE__ */ M(
-  g0,
+}) => /* @__PURE__ */ A(
+  ge,
   {
     anchor: "right",
     className: `mx-kmui-drawer ${e}`,
     id: a ?? void 0,
     onClose: n,
-    open: r,
+    open: t,
     variant: "temporary",
     ...m,
     children: [
       i,
-      s && /* @__PURE__ */ t(
-        O0,
+      s && /* @__PURE__ */ r(
+        Oe,
         {
           isPrimaryDisabled: o,
           onPrimaryAction: s,
@@ -720,40 +720,40 @@ const j = {
       )
     ]
   }
-), Q = 32, z = "https://content.moneydesktop.com/storage/MD_Assets", D0 = `${z}/serenity/default_institution_logo.png`, Ue = ({
+), Q = 32, z = "https://content.moneydesktop.com/storage/MD_Assets", Le = `${z}/serenity/default_institution_logo.png`, U0 = ({
   alt: e,
   institutionGuid: o,
   logoUrl: a,
-  size: r = Q,
+  size: t = Q,
   ...n
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ r(
   "img",
   {
     alt: e,
-    height: r,
-    onError: (s) => s.target.src = D0,
+    height: t,
+    onError: (s) => s.target.src = Le,
     src: a || `${z}/Ipad%20Logos/100x100/${o}_100x100.png`,
     style: {
       borderRadius: 4
     },
-    width: r,
+    width: t,
     ...n
   }
-), Ge = ({
+), G0 = ({
   alt: e = "",
   categoryGuid: o,
   merchantGuid: a,
-  size: r = Q,
+  size: t = Q,
   ...n
 }) => {
-  const [s, c] = C.useState(!1), l = D();
-  return /* @__PURE__ */ M(Z, { display: "inline-block", position: "relative", ...n, children: [
-    a && !s && /* @__PURE__ */ t(
+  const [s, c] = T.useState(!1), l = y();
+  return /* @__PURE__ */ A(Z, { display: "inline-block", position: "relative", ...n, children: [
+    a && !s && /* @__PURE__ */ r(
       "img",
       {
         alt: e,
         "aria-hidden": !e,
-        height: r,
+        height: t,
         onError: () => c(!0),
         src: `${z}/merchant_logos/${a}.png`,
         style: {
@@ -762,37 +762,37 @@ const j = {
           boxSizing: "border-box",
           position: "absolute"
         },
-        width: r
+        width: t
       }
     ),
-    /* @__PURE__ */ t(H0, { categoryGuid: o, size: r })
+    /* @__PURE__ */ r(xe, { categoryGuid: o, size: t })
   ] });
-}, $e = ({
+}, $0 = ({
   disabled: e = !1,
   label: o = "",
   shrink: a = !0,
-  variant: r = "outlined",
+  variant: t = "outlined",
   ...n
-}) => /* @__PURE__ */ t(
-  f0,
+}) => /* @__PURE__ */ r(
+  fe,
   {
     InputLabelProps: {
       shrink: a
     },
     disabled: e,
     label: o,
-    variant: r,
+    variant: t,
     ...n
   }
 );
-function y0(e) {
-  return /* @__PURE__ */ t(K, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
+function De(e) {
+  return /* @__PURE__ */ r(K, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
 }
-const We = ({
+const W0 = ({
   open: e,
   handleClose: o,
   message: a,
-  autoHideDuration: r = 3e3,
+  autoHideDuration: t = 3e3,
   severity: n = "success",
   snackbarSx: s,
   showAction: c = !1,
@@ -801,13 +801,13 @@ const We = ({
   onActionClick: m,
   multiLine: d = !1
 }) => {
-  const T = D(), e0 = {
-    success: T.palette.success.dark,
-    error: T.palette.error.light,
-    info: T.palette.info.lighter,
-    warning: T.palette.warning.lighter
-  }, o0 = /* @__PURE__ */ M(
-    L,
+  const f = y(), ee = {
+    success: f.palette.success.dark,
+    error: f.palette.error.light,
+    info: f.palette.info.lighter,
+    warning: f.palette.warning.lighter
+  }, oe = /* @__PURE__ */ A(
+    O,
     {
       alignItems: d ? "flex-end" : "center",
       direction: d ? "column-reverse" : "row",
@@ -816,55 +816,55 @@ const We = ({
         d && c && l ? "space-between" : "flex-end"
       ),
       children: [
-        c && /* @__PURE__ */ t(
+        c && /* @__PURE__ */ r(
           _,
           {
             color: "inherit",
             onClick: m || o,
             size: "small",
             sx: {
-              color: T.palette.success.contrastText,
+              color: f.palette.success.contrastText,
               height: 44
             },
             children: i
           }
         ),
-        l && /* @__PURE__ */ t(
+        l && /* @__PURE__ */ r(
           X,
           {
             "aria-label": "close",
             color: "inherit",
             onClick: o,
             sx: { height: 44, width: 44 },
-            children: /* @__PURE__ */ t(R, { fill: !0, name: "close", size: 24, weight: 400 })
+            children: /* @__PURE__ */ r(C, { fill: !0, name: "close", size: 24, weight: 400 })
           }
         )
       ]
     }
   );
-  return /* @__PURE__ */ t(
-    T0,
+  return /* @__PURE__ */ r(
+    Te,
     {
-      TransitionComponent: y0,
+      TransitionComponent: De,
       anchorOrigin: { vertical: "bottom", horizontal: "right" },
-      autoHideDuration: r,
+      autoHideDuration: t,
       onClose: o,
       open: e,
       sx: {
         ...s,
         width: d ? 400 : 325
       },
-      children: /* @__PURE__ */ t(
-        b0,
+      children: /* @__PURE__ */ r(
+        be,
         {
-          action: o0,
+          action: oe,
           severity: n,
           sx: {
             display: "flex",
             alignItems: "stretch",
             minHeight: l && c && d ? 120 : 56,
             maxHeight: d ? 120 : 56,
-            backgroundColor: (B) => B.palette.mode === "light" ? B.palette[n].main : e0[n],
+            backgroundColor: (B) => B.palette.mode === "light" ? B.palette[n].main : ee[n],
             width: "100%",
             "& .MuiAlert-icon": {
               alignSelf: d ? "flex-start" : "center"
@@ -880,11 +880,11 @@ const We = ({
             }
           },
           variant: "filled",
-          children: /* @__PURE__ */ t(
-            y,
+          children: /* @__PURE__ */ r(
+            L,
             {
               sx: {
-                lineHeight: T.typography.body1.lineHeight,
+                lineHeight: f.typography.body1.lineHeight,
                 whiteSpace: d ? "normal" : "nowrap",
                 overflow: d ? "visible" : "hidden",
                 textOverflow: d ? "clip" : "ellipsis"
@@ -897,45 +897,45 @@ const We = ({
       )
     }
   );
-}, O = {
+}, F = {
   REACT: "react",
   REACT_NATIVE: "react_native",
   NATIVE: "native"
 }, k = {
   LIGHT: "light",
   DARK: "dark"
-}, J = C.createContext(Y), q = C.createContext(
-  P(k.LIGHT, O.REACT_NATIVE)
-), Ze = ({
+}, J = T.createContext(Y), q = T.createContext(
+  P(k.LIGHT, F.REACT_NATIVE)
+), Z0 = ({
   children: e,
-  target: o = O.REACT,
+  target: o = F.REACT,
   theme: a = k.LIGHT,
-  tokenOverrides: r
+  tokenOverrides: t
 }) => {
-  const [n, s] = C.useState(a === k.LIGHT ? Y : C0), c = C.useMemo(() => ({
-    ...r
-  }), [r]);
-  return C.useEffect(() => {
+  const [n, s] = T.useState(a === k.LIGHT ? Y : Ce), c = T.useMemo(() => ({
+    ...t
+  }), [t]);
+  return T.useEffect(() => {
     const l = P(a, o, { ...c });
     s(l);
-  }, [a, o, c]), o === O.REACT ? /* @__PURE__ */ t(J.Provider, { value: n, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ t(q.Provider, { value: n, children: e }));
-}, Ke = (e = O.REACT, o = {}) => {
-  const a = e === O.REACT ? J : q, r = C.useContext(a);
-  return r || P(k.LIGHT, e, { ...o });
-}, F = {
+  }, [a, o, c]), o === F.REACT ? /* @__PURE__ */ r(J.Provider, { value: n, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ r(q.Provider, { value: n, children: e }));
+}, K0 = (e = F.REACT, o = {}) => {
+  const a = e === F.REACT ? J : q, t = T.useContext(a);
+  return t || P(k.LIGHT, e, { ...o });
+}, H = {
   LIGHT: "light"
-}, E = (e) => ({
-  50: H(e, 0.95),
-  100: H(e, 0.85),
-  200: H(e, 0.7),
-  300: H(e, 0.55),
-  400: H(e, 0.3),
+}, M = (e) => ({
+  50: x(e, 0.95),
+  100: x(e, 0.85),
+  200: x(e, 0.7),
+  300: x(e, 0.55),
+  400: x(e, 0.3),
   500: e,
-  600: N(e, 0.3),
-  700: N(e, 0.5),
-  800: N(e, 0.65),
-  900: N(e, 0.75)
-}), b = "#FFFFFF", A = "#000000", N0 = "#F9F9F9", k0 = "#1A1A1A", S = {
+  600: D(e, 0.3),
+  700: D(e, 0.5),
+  800: D(e, 0.65),
+  900: D(e, 0.75)
+}), R = "#FFFFFF", N = "#000000", Ne = "#F9F9F9", ke = "#1A1A1A", E = {
   PRIMARY: "#2C64EF",
   SECONDARY: "#808080",
   INFO: "#2C64EF",
@@ -943,7 +943,7 @@ const We = ({
   WARNING: "#FF7B00",
   ERROR: "#E32727",
   NEUTRAL: "#808080"
-}, I = {
+}, S = {
   CHART1: "#74E4DA",
   CHART2: "#ED64A4",
   CHART3: "#F3DC46",
@@ -1004,9 +1004,9 @@ const We = ({
   TRANSFER: "#75C7B7",
   TRAVEL: "#76ACF7",
   UNCATEGORIZED: "#BCC6D4"
-}, w0 = (e) => {
-  const o = E(S.PRIMARY), a = E(S.SECONDARY), r = E(S.ERROR), n = E(S.WARNING), s = E(S.INFO), c = E(S.SUCCESS), l = E(S.NEUTRAL), i = e === F.LIGHT;
-  return M0({
+}, we = (e) => {
+  const o = M(E.PRIMARY), a = M(E.SECONDARY), t = M(E.ERROR), n = M(E.WARNING), s = M(E.INFO), c = M(E.SUCCESS), l = M(E.NEUTRAL), i = e === H.LIGHT;
+  return Re({
     mode: e,
     // DEPRECATED: Use Neutral instead
     border: {
@@ -1019,8 +1019,8 @@ const We = ({
       darker: l[500]
     },
     common: {
-      white: b,
-      black: A
+      white: R,
+      black: N
     },
     primary: {
       ...o,
@@ -1043,19 +1043,19 @@ const We = ({
       darker: i ? a[900] : a[50]
     },
     text: {
-      primary: i ? l[900] : b,
-      secondary: i ? l[600] : g(b, 0.7),
-      disabled: i ? l[500] : g(b, 0.38)
+      primary: i ? l[900] : R,
+      secondary: i ? l[600] : b(R, 0.7),
+      disabled: i ? l[500] : b(R, 0.38)
     },
     error: {
-      ...r,
+      ...t,
       /* DEPRECATED: Use light instead */
-      lighter: i ? r[100] : r[800],
-      light: i ? r[300] : r[600],
-      main: i ? r[500] : r[400],
-      dark: i ? r[700] : r[200],
+      lighter: i ? t[100] : t[800],
+      light: i ? t[300] : t[600],
+      main: i ? t[500] : t[400],
+      dark: i ? t[700] : t[200],
       /* DEPRECATED: Use light instead */
-      darker: i ? r[900] : r[100]
+      darker: i ? t[900] : t[100]
     },
     warning: {
       ...n,
@@ -1089,21 +1089,18 @@ const We = ({
     },
     grey: l,
     action: {
-      active: e === "light" ? g(A, 0.56) : g(b, 0.56),
-      hover: e === "light" ? g(A, 0.04) : g(b, 0.08),
-      // also used for text hover
-      selected: e === "light" ? g(A, 0.08) : g(b, 0.16),
-      focus: e === "light" ? g(A, 0.12) : g(b, 0.12),
-      disabled: e === "light" ? g(A, 0.38) : g(b, 0.38),
-      disabledBackground: e === "light" ? g(A, 0.12) : g(b, 0.12)
+      active: i ? b(N, 0.56) : b(R, 0.56),
+      hoverOpacity: i ? 0.1 : 0.2,
+      selectedOpacity: i ? 0.16 : 0.25,
+      focusOpacity: 0.3
     },
     background: {
-      default: i ? N0 : k0,
-      paper: i ? b : A,
+      default: i ? Ne : ke,
+      paper: i ? R : N,
       highlight: i ? l[200] : l[600],
       highlightPrimary: i ? o[100] : o[500]
     },
-    divider: i ? g(A, 0.12) : g(b, 0.12),
+    divider: i ? b(N, 0.12) : b(R, 0.24),
     categories: {
       autoTransport: i ? u.AUTO_TRANSPORTT : h.AUTO_TRANSPORTT,
       billsUtilities: i ? u.BILLS_UTILITIES : h.BILLS_UTILITIES,
@@ -1129,13 +1126,13 @@ const We = ({
       uncategorized: i ? u.UNCATEGORIZED : h.UNCATEGORIZED
     },
     chart: {
-      chart1: I.CHART1,
-      chart2: I.CHART2,
-      chart3: I.CHART3,
-      chart4: I.CHART4,
-      chart5: I.CHART5,
-      chart6: I.CHART6,
-      chart7: I.CHART7
+      chart1: S.CHART1,
+      chart2: S.CHART2,
+      chart3: S.CHART3,
+      chart4: S.CHART4,
+      chart5: S.CHART5,
+      chart6: S.CHART6,
+      chart7: S.CHART7
     },
     chartMono: {
       chartMono1: v.CHART_MONO1,
@@ -1146,8 +1143,8 @@ const We = ({
       chartMono6: v.CHART_MONO6
     }
   });
-}, x = "Inter, Helvetica, Arial, sans-serif", _0 = (e) => E0(e, {
-  fontFamily: x,
+}, I = "Inter, Helvetica, Arial, sans-serif", _e = (e) => Ee(e, {
+  fontFamily: I,
   fontSize: 15,
   Body: {
     // DEPRECATED: Use body1 instead
@@ -1185,39 +1182,39 @@ const We = ({
   },
   H1: {
     // DEPRECATED: Use h1 instead
-    fontFamily: x,
+    fontFamily: I,
     fontWeight: 700,
     fontSize: 31,
     lineHeight: "40px"
   },
   h1: {
-    fontFamily: x,
+    fontFamily: I,
     fontWeight: 700,
     fontSize: 31,
     lineHeight: "40px"
   },
   H2: {
     // DEPRECATED: Use h2 instead
-    fontFamily: x,
+    fontFamily: I,
     fontWeight: 700,
     fontSize: 23,
     lineHeight: "32px"
   },
   h2: {
-    fontFamily: x,
+    fontFamily: I,
     fontWeight: 700,
     fontSize: 23,
     lineHeight: "32px"
   },
   H3: {
     // DEPRECATED: Use h3 instead
-    fontFamily: x,
+    fontFamily: I,
     fontWeight: 700,
     fontSize: 18,
     lineHeight: "24px"
   },
   h3: {
-    fontFamily: x,
+    fontFamily: I,
     fontWeight: 700,
     fontSize: 18,
     lineHeight: "24px"
@@ -1254,15 +1251,15 @@ const We = ({
     lineHeight: "12px"
   }
 });
-R0.setLicenseKey(
+Me.setLicenseKey(
   "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
 );
 const w = [...W().shadows];
 w[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
 w[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
 w[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
-const Xe = (e) => {
-  const o = w0(e), a = _0(o);
+const X0 = (e) => {
+  const o = we(e), a = _e(o);
   return W({
     breakpoints: {
       values: {
@@ -1285,21 +1282,39 @@ const Xe = (e) => {
       MuiAlert: {
         defaultProps: {
           iconMapping: {
-            success: /* @__PURE__ */ t(R, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
-            error: /* @__PURE__ */ t(R, { fill: !0, name: "error", size: 24, weight: 400 }),
-            warning: /* @__PURE__ */ t(R, { fill: !0, name: "warning", size: 24, weight: 400 }),
-            info: /* @__PURE__ */ t(R, { fill: !0, name: "info", size: 24, weight: 400 })
+            success: /* @__PURE__ */ r(C, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
+            error: /* @__PURE__ */ r(C, { fill: !0, name: "error", size: 24, weight: 400 }),
+            warning: /* @__PURE__ */ r(C, { fill: !0, name: "warning", size: 24, weight: 400 }),
+            info: /* @__PURE__ */ r(C, { fill: !0, name: "info", size: 24, weight: 400 })
           },
-          variant: "filled"
+          variant: "outlined"
         },
+        styleOverrides: {
+          root: ({ theme: t, ownerState: n }) => {
+            const s = n.severity || "info";
+            let c = o.mode === H.LIGHT ? o[s]?.[50] : o[s]?.[800];
+            return n.variant === "filled" && (c = o[s]?.main), {
+              backgroundColor: c,
+              borderRadius: t.shape.borderRadius,
+              "& .MuiAlert-message": {
+                fontSize: a.subtitle1.fontSize,
+                lineHeight: a.subtitle1.lineHeight,
+                marginTop: "auto",
+                marginBottom: "auto"
+              },
+              "& .MuiAlert-action": {
+                marginTop: -4,
+                paddingTop: 0
+              }
+            };
+          }
+        }
+      },
+      MuiAlertTitle: {
         styleOverrides: {
           root: {
-            alignItems: "center",
-            borderRadius: 6,
-            fontSize: 15
-          },
-          action: {
-            paddingTop: 0
+            fontWeight: 600,
+            marginTop: 0
           }
         }
       },
@@ -1323,7 +1338,16 @@ const Xe = (e) => {
           sizeMedium: {
             height: 44
           }
-        }
+        },
+        variants: [
+          {
+            props: { size: "small" },
+            style: {
+              marginTop: -12,
+              marginBottom: -12
+            }
+          }
+        ]
       },
       MuiButtonGroup: {
         defaultProps: {
@@ -1337,39 +1361,36 @@ const Xe = (e) => {
           }
         }
       },
-      MuiTab: {
+      MuiCheckbox: {
         defaultProps: {
           disableFocusRipple: !0
         },
         styleOverrides: {
           root: {
-            textTransform: "none",
-            fontWeight: 600,
             "&.Mui-focusVisible": {
-              outline: "none",
-              boxShadow: `inset 0 0 0 2px ${o.info.main}`,
-              borderRadius: 4
+              boxShadow: `inset 0 0 0 2px ${o.info.main}`
             }
           }
         }
       },
-      MuiCheckbox: {
-        defaultProps: {
-          disableFocusRipple: !0
-        },
+      MuiCircularProgress: {
         styleOverrides: {
           root: {
-            "&.Mui-focusVisible": {
-              boxShadow: `inset 0 0 0 2px ${o.info.main}`
+            [`& .${Ae.circle}`]: {
+              strokeLinecap: "round"
             }
           }
         }
       },
-      MuiCircularProgress: {
+      MuiCollapse: {
         styleOverrides: {
           root: {
-            [`& .${A0.circle}`]: {
-              strokeLinecap: "round"
+            "& .MuiListItem-root": {
+              minHeight: 44
+            },
+            "& .MuiListItemButton-root": {
+              minHeight: 44,
+              paddingLeft: 12
             }
           }
         }
@@ -1409,42 +1430,42 @@ const Xe = (e) => {
       },
       MuiDateRangePickerDay: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
+          root: ({ theme: t }) => ({
             ":first-of-type": {
-              borderTopLeftRadius: r.shape.borderRadius,
-              borderBottomLeftRadius: r.shape.borderRadius,
+              borderTopLeftRadius: t.shape.borderRadius,
+              borderBottomLeftRadius: t.shape.borderRadius,
               "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
-                borderTopLeftRadius: r.shape.borderRadius,
-                borderBottomLeftRadius: r.shape.borderRadius
+                borderTopLeftRadius: t.shape.borderRadius,
+                borderBottomLeftRadius: t.shape.borderRadius
               }
             },
             ":last-of-type": {
-              borderTopRightRadius: r.shape.borderRadius,
-              borderBottomRightRadius: r.shape.borderRadius,
+              borderTopRightRadius: t.shape.borderRadius,
+              borderBottomRightRadius: t.shape.borderRadius,
               "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
-                borderTopRightRadius: r.shape.borderRadius,
-                borderBottomRightRadius: r.shape.borderRadius
+                borderTopRightRadius: t.shape.borderRadius,
+                borderBottomRightRadius: t.shape.borderRadius
               }
             },
             "& .Mui-selected": {
-              borderRadius: r.shape.borderRadius
+              borderRadius: t.shape.borderRadius
             },
             "& .MuiPickersDay-dayOutsideMonth": {
               color: o.action.disabled
             }
           }),
-          day: ({ theme: r }) => ({
-            borderRadius: r.shape.borderRadius
+          day: ({ theme: t }) => ({
+            borderRadius: t.shape.borderRadius
           }),
-          rangeIntervalDayPreview: ({ theme: r }) => ({
-            borderRadius: r.shape.borderRadius
+          rangeIntervalDayPreview: ({ theme: t }) => ({
+            borderRadius: t.shape.borderRadius
           })
         }
       },
       MuiDayCalendar: {
         styleOverrides: {
-          weekDayLabel: ({ theme: r }) => ({
-            fontSize: r.typography.body2.fontSize,
+          weekDayLabel: ({ theme: t }) => ({
+            fontSize: t.typography.body2.fontSize,
             fontWeight: 700
           })
         }
@@ -1486,14 +1507,14 @@ const Xe = (e) => {
       },
       MuiFormHelperText: {
         styleOverrides: {
-          root: ({ theme: r }) => ({
+          root: ({ theme: t }) => ({
             fontSize: 13,
             // Small
             marginLeft: 0,
             display: "flex",
             alignItems: "center",
             position: "relative",
-            color: r.palette.text.secondary,
+            color: t.palette.text.secondary,
             "& .MuiSvgIcon-root": {
               height: "16px",
               width: "16px",
@@ -1506,6 +1527,13 @@ const Xe = (e) => {
           })
         }
       },
+      MuiFormLabel: {
+        styleOverrides: {
+          asterisk: {
+            color: o.error.main
+          }
+        }
+      },
       MuiIcon: {
         defaultProps: {
           // DEPRECATED: Remove after symbols font has been removed
@@ -1517,8 +1545,8 @@ const Xe = (e) => {
           disableFocusRipple: !0
         },
         styleOverrides: {
-          root: ({ theme: r }) => ({
-            borderRadius: r.shape.borderRadius,
+          root: ({ theme: t }) => ({
+            borderRadius: t.shape.borderRadius,
             minHeight: 44,
             // touch target
             minWidth: 44,
@@ -1529,7 +1557,7 @@ const Xe = (e) => {
             },
             "& .MuiTouchRipple-root": {
               "& .MuiTouchRipple-child": {
-                borderRadius: r.shape.borderRadius
+                borderRadius: t.shape.borderRadius
               }
             }
           })
@@ -1541,9 +1569,22 @@ const Xe = (e) => {
           // Ensures the label is always shrunk
         }
       },
+      MuiLinearProgress: {
+        styleOverrides: {
+          root: {
+            borderRadius: 4
+          },
+          bar: {
+            borderRadius: 4
+          },
+          colorPrimary: {
+            backgroundColor: o.grey[300]
+          }
+        }
+      },
       MuiLink: {
         styleOverrides: {
-          root: ({ color: r }) => ({
+          root: ({ color: t }) => ({
             cursor: "pointer",
             fontWeight: 600,
             textDecoration: "none",
@@ -1558,7 +1599,7 @@ const Xe = (e) => {
               backgroundColor: o.action.hover
             },
             "&:active": {
-              backgroundColor: o.mode === F.LIGHT ? o[r].light : o[r].dark
+              backgroundColor: o.mode === H.LIGHT ? o[t].light : o[t].dark
             }
           })
         }
@@ -1585,9 +1626,9 @@ const Xe = (e) => {
           disablePadding: !0
         },
         styleOverrides: {
-          root: ({ ownerState: r }) => ({
+          root: ({ ownerState: t }) => ({
             minHeight: 64,
-            ...!r.disablePadding && {
+            ...!t.disablePadding && {
               paddingTop: 12,
               paddingBottom: 12,
               paddingLeft: 24
@@ -1595,19 +1636,6 @@ const Xe = (e) => {
           })
         }
       },
-      MuiCollapse: {
-        styleOverrides: {
-          root: {
-            "& .MuiListItem-root": {
-              minHeight: 44
-            },
-            "& .MuiListItemButton-root": {
-              minHeight: 44,
-              paddingLeft: 12
-            }
-          }
-        }
-      },
       MuiListItemAvatar: {
         styleOverrides: {
           root: {
@@ -1640,6 +1668,14 @@ const Xe = (e) => {
           }
         }
       },
+      MuiListItemIcon: {
+        styleOverrides: {
+          root: {
+            minWidth: "auto",
+            marginLeft: 8
+          }
+        }
+      },
       MuiListItemText: {
         defaultProps: {
           primaryTypographyProps: {
@@ -1658,14 +1694,6 @@ const Xe = (e) => {
           }
         }
       },
-      MuiListItemIcon: {
-        styleOverrides: {
-          root: {
-            minWidth: "auto",
-            marginLeft: 8
-          }
-        }
-      },
       MuiListSubheader: {
         defaultProps: {
           color: "inherit"
@@ -1714,13 +1742,6 @@ const Xe = (e) => {
           }
         }
       },
-      MuiFormLabel: {
-        styleOverrides: {
-          asterisk: {
-            color: o.error.main
-          }
-        }
-      },
       MuiPaper: {
         styleOverrides: {
           root: {
@@ -1767,11 +1788,11 @@ const Xe = (e) => {
       },
       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
             }
           })
         }
@@ -1787,7 +1808,7 @@ const Xe = (e) => {
         defaultProps: {
           anchorOrigin: {
             vertical: "bottom",
-            horizontal: "left"
+            horizontal: "right"
           },
           autoHideDuration: 3500
         }
@@ -1832,7 +1853,7 @@ const Xe = (e) => {
             },
             "& .MuiSwitch-thumb": {
               boxSizing: "border-box",
-              backgroundColor: o.common.white,
+              backgroundColor: o.background.paper,
               width: 16,
               height: 16
             },
@@ -1844,6 +1865,22 @@ const Xe = (e) => {
           }
         }
       },
+      MuiTab: {
+        defaultProps: {
+          disableFocusRipple: !0
+        },
+        styleOverrides: {
+          root: {
+            textTransform: "none",
+            fontWeight: 600,
+            "&.Mui-focusVisible": {
+              outline: "none",
+              boxShadow: `inset 0 0 0 2px ${o.info.main}`,
+              borderRadius: 4
+            }
+          }
+        }
+      },
       MuiTabs: {
         styleOverrides: {
           root: {
@@ -1860,6 +1897,11 @@ const Xe = (e) => {
             shrink: !0
           },
           variant: "outlined"
+        },
+        styleOverrides: {
+          root: {
+            backgroundColor: o.background.paper
+          }
         }
       },
       MuiToggleButton: {
@@ -1878,7 +1920,7 @@ const Xe = (e) => {
               outlineOffset: "2px"
             },
             "&:hover": {
-              backgroundColor: g(o.primary.main, o.mode === F.LIGHT ? 0.1 : 0.2),
+              backgroundColor: b(o.primary.main, o.mode === H.LIGHT ? 0.1 : 0.2),
               borderColor: o.primary.main
             },
             "&.Mui-selected": {
@@ -1902,7 +1944,7 @@ const Xe = (e) => {
             props: { color: "error" },
             style: {
               "&:hover": {
-                backgroundColor: g(o.error.main, o.mode === F.LIGHT ? 0.1 : 0.2),
+                backgroundColor: b(o.error.main, o.mode === H.LIGHT ? 0.1 : 0.2),
                 borderColor: o.error.main
               },
               "&.Mui-selected": {
@@ -1924,9 +1966,9 @@ const Xe = (e) => {
             props: { color: "standard" },
             style: {
               "&:hover": {
-                backgroundColor: g(
+                backgroundColor: b(
                   o.secondary.main,
-                  o.mode === F.LIGHT ? 0.1 : 0.2
+                  o.mode === H.LIGHT ? 0.1 : 0.2
                 ),
                 borderColor: o.secondary.main
               },
@@ -1966,50 +2008,50 @@ const Xe = (e) => {
   });
 };
 export {
-  be as AccountsFilledIcon,
-  Ce as AccountsIcon,
-  Ae as ArrowLeftIcon,
-  Re as AttentionFilledIcon,
-  f as BaseIcon,
-  we as BottomSheetTransition,
-  Me as CalendarIcon,
+  b0 as AccountsFilledIcon,
+  C0 as AccountsIcon,
+  A0 as ArrowLeftIcon,
+  M0 as AttentionFilledIcon,
+  g as BaseIcon,
+  w0 as BottomSheetTransition,
+  R0 as CalendarIcon,
   p as CategoryGuids,
-  H0 as CategoryIcon,
-  x0 as CategoryIconList,
-  I0 as CategoryIconVariants,
-  Ee as CheckmarkFilledIcon,
-  Se as ChevronDownIcon,
-  Ie as ChevronLeftIcon,
-  xe as ChevronRightIcon,
-  ve as CloseIcon,
-  ke as DateRangePicker,
-  O0 as DialogFooter,
-  Be as DialogHeader,
-  Ve as Drawer,
-  He as EditIcon,
-  Fe as FilterIcon,
-  O0 as Footer,
-  L0 as H1,
-  _e as H2,
-  Pe as H3,
-  Oe as HeartIcon,
-  x as INTER,
-  R as Icon,
-  S0 as IconWeight,
-  Ue as InstitutionLogo,
-  De as MXLogoCopyrightIcon,
-  ye as MXLogoFilledIcon,
-  Le as MXLogoIcon,
-  Ne as MXLogoOutlineIcon,
-  Ge as MerchantLogo,
-  ze as P,
-  O as TARGETS,
+  xe as CategoryIcon,
+  ve as CategoryIconList,
+  Ie as CategoryIconVariants,
+  E0 as CheckmarkFilledIcon,
+  S0 as ChevronDownIcon,
+  I0 as ChevronLeftIcon,
+  v0 as ChevronRightIcon,
+  H0 as CloseIcon,
+  k0 as DateRangePicker,
+  Oe as DialogFooter,
+  B0 as DialogHeader,
+  V0 as Drawer,
+  x0 as EditIcon,
+  F0 as FilterIcon,
+  Oe as Footer,
+  ye as H1,
+  _0 as H2,
+  P0 as H3,
+  O0 as HeartIcon,
+  I as INTER,
+  C as Icon,
+  Se as IconWeight,
+  U0 as InstitutionLogo,
+  L0 as MXLogoCopyrightIcon,
+  D0 as MXLogoFilledIcon,
+  y0 as MXLogoIcon,
+  N0 as MXLogoOutlineIcon,
+  G0 as MerchantLogo,
+  z0 as P,
+  F as TARGETS,
   k as THEMES,
-  y as Text,
-  $e as TextField,
-  We as Toast,
-  Ze as TokenProvider,
-  Xe as createMXTheme,
-  Ke as useTokens
+  L as Text,
+  $0 as TextField,
+  W0 as Toast,
+  Z0 as TokenProvider,
+  X0 as createMXTheme,
+  K0 as useTokens
 };
 //# sourceMappingURL=index.es.js.map