@mxenabled/mxui 1.0.0-alpha.bb1

package/dist/index.es.js

@@ -0,0 +1,1975 @@
+import { jsx as a, jsxs as y } from "react/jsx-runtime";
+import f from "react";
+import H from "@mui/material/Stack";
+import { useTheme as v, createTheme as O } from "@mui/material/styles";
+import X from "@mui/material/Icon";
+import { endOfMonth as w } from "date-fns/endOfMonth";
+import { endOfYear as Y } from "date-fns/endOfYear";
+import { startOfToday as Q } from "date-fns/startOfToday";
+import { startOfMonth as I } from "date-fns/startOfMonth";
+import { startOfYear as R } from "date-fns/startOfYear";
+import { subDays as z } from "date-fns/subDays";
+import { subMonths as J } from "date-fns/subMonths";
+import { subYears as q } from "date-fns/subYears";
+import e0 from "@mui/material/useMediaQuery";
+import { LocalizationProvider as r0, StaticDateRangePicker as t0 } from "@mui/x-date-pickers-pro";
+import { AdapterDateFns as o0 } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
+import S from "@mui/material/Box";
+import a0 from "@mui/material/ToggleButton";
+import i0 from "@mui/material/ToggleButtonGroup";
+import P from "@mui/material/Slide";
+import A from "@mui/material/Button";
+import V from "@mui/material/Toolbar";
+import _ from "@mui/material/IconButton";
+import n0 from "@mui/material/Drawer";
+import l0 from "@mui/material/Typography";
+import c0 from "@mui/material/TextField";
+import s0 from "@mui/material/Snackbar";
+import d0 from "@mui/material/Alert";
+import { light as W, buildTheme as D, dark as u0 } from "@mxenabled/design-tokens";
+import { LicenseInfo as p0 } from "@mui/x-license-pro";
+import { circularProgressClasses as h0 } from "@mui/material/CircularProgress";
+import g0 from "@mui/material/styles/createPalette";
+import m0 from "@mui/material/styles/createTypography";
+const g = ({
+  children: e,
+  height: o,
+  size: n = 16,
+  viewBox: r = "0 0 16 16",
+  width: i
+}) => /* @__PURE__ */ a(
+  "svg",
+  {
+    "aria-hidden": !0,
+    className: "mx-kmui-icon",
+    focusable: !1,
+    height: o || n,
+    viewBox: r,
+    width: i || n,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: e
+  }
+);
+var f0 = /* @__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))(f0 || {});
+const M = ({
+  color: e,
+  fill: o = !1,
+  name: n,
+  size: r = 20,
+  sx: i,
+  weight: l = 300,
+  ...c
+}) => {
+  const [d, b] = f.useState(!1);
+  return f.useEffect(() => {
+    document.fonts.ready.then(() => {
+      b(!0);
+    });
+  }, []), /* @__PURE__ */ a(
+    X,
+    {
+      color: d ? e && e : void 0,
+      sx: [
+        {
+          fontSize: r,
+          fontVariationSettings: `
+            'FILL' ${o ? 1 : 0}, 
+            'wght' ${l}, 
+            'GRAD' 0, 
+            'opsz' ${r}
+          `
+        },
+        ...Array.isArray(i) ? i : [i],
+        {
+          ...!d && { color: "transparent" }
+        }
+      ],
+      ...c,
+      children: n
+    }
+  );
+}, se = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ a(g, { ...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
+  }
+) }), de = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ a(g, { ...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
+  }
+) }), ue = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ a(g, { ...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
+  }
+) }), pe = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+  "path",
+  {
+    clipRule: "evenodd",
+    d: "M8 0c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm0 11a1 1 0 100 2 1 1 0 000-2zm.02-8c-.398 0-.72.364-.72.813v4.874c0 .45.322.813.72.813.398 0 .72-.364.72-.813V3.814c0-.45-.322-.813-.72-.813z",
+    fill: e,
+    fillRule: "evenodd"
+  }
+) }), he = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ a(g, { ...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
+  }
+) }), ge = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ a(g, { ...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
+  }
+) }), me = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ a(g, { ...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
+  }
+) }), fe = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ a(g, { ...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
+  }
+) }), be = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ a(g, { ...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
+  }
+) }), b0 = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ a(g, { ...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
+  }
+) }), Me = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ a(g, { ...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
+  }
+) }), ye = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ a(g, { ...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
+  }
+) }), Ce = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ a(g, { ...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
+  }
+) }), ve = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ y(g, { ...o, children: [
+  /* @__PURE__ */ a(
+    "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__ */ a(
+    "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
+    }
+  )
+] }), xe = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ y(g, { ...o, children: [
+  /* @__PURE__ */ a(
+    "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__ */ a(
+    "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__ */ a(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M15.666 10.97l.101.142h.06l-.1-.152a.11.11 0 00.09-.112c0-.07-.06-.111-.12-.111h-.153v.375h.061v-.142h.06zm-.05-.182h.09c.03 0 .061.03.071.07 0 .041-.04.061-.07.061h-.092v-.131z",
+      fill: e,
+      fillRule: "evenodd"
+    }
+  ),
+  /* @__PURE__ */ a(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M15.352 10.93a.32.32 0 00.324.323.32.32 0 00.324-.324.32.32 0 00-.324-.324.32.32 0 00-.324.324zm.05 0c0-.152.122-.274.274-.274.152 0 .273.121.273.273a.272.272 0 01-.273.274.272.272 0 01-.273-.274z",
+      fill: e,
+      fillRule: "evenodd"
+    }
+  )
+] }), Te = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
+  "path",
+  {
+    clipRule: "evenodd",
+    d: "M16 0H0V16H16V0ZM13.979 5.5H12.7758C12.7703 5.5 12.7639 5.50299 12.7607 5.50897L11.3396 7.25908C11.3301 7.26805 11.3151 7.26805 11.3087 7.25908L9.8876 5.50897C9.88443 5.50299 9.87888 5.5 9.87254 5.5H8.66938C8.65353 5.5 8.64244 5.51719 8.65353 5.53139L10.6889 7.98543C10.6945 7.99141 10.6945 8.00336 10.6889 8.00859L8.65353 10.4626C8.64561 10.4738 8.65353 10.4948 8.66938 10.4948H9.87254C9.87888 10.4948 9.88443 10.4918 9.8876 10.4858L11.3087 8.73494C11.3182 8.72672 11.3333 8.72672 11.3396 8.73494L12.7607 10.4858C12.7639 10.4918 12.7703 10.4948 12.7758 10.4948H13.979C13.9948 10.4948 14.0067 10.4768 13.9948 10.4626L11.9594 8.00859C11.9531 8.00336 11.9531 7.99141 11.9594 7.98543L13.9948 5.53139C14.0067 5.52018 13.9972 5.5 13.979 5.5ZM8.97366 9.46462L8.18186 10.3853C8.166 10.4047 8.12875 10.3965 8.12558 10.3703L7.66905 7.28258C7.66588 7.25419 7.62229 7.24821 7.6104 7.27436L5.93486 10.4831C5.93168 10.4951 5.919 10.5003 5.90711 10.5003H5.24371C5.23183 10.5003 5.22231 10.4951 5.21597 10.4831L3.51982 7.25717C3.50714 7.23102 3.46355 7.23625 3.46038 7.26539L2.9983 10.4719C2.9983 10.4861 2.98245 10.4973 2.96659 10.4973H2.03133C2.01231 10.4973 1.99725 10.4802 2.00042 10.463L2.76686 5.52948C2.77003 5.51528 2.78271 5.50333 2.79856 5.50333H3.60859C3.62048 5.50333 3.6292 5.5093 3.63554 5.52051L5.55758 9.17841C5.5663 9.20158 5.60038 9.20158 5.61227 9.17841L7.51529 5.52051C7.51846 5.5093 7.53034 5.50333 7.54303 5.50333H8.34434C8.3594 5.50333 8.37208 5.51528 8.37525 5.52948L8.98238 9.44444C8.98238 9.45042 8.9792 9.45864 8.97366 9.46462Z",
+    fill: e,
+    fillRule: "evenodd"
+  }
+) }), ke = ({
+  color: e = "currentColor",
+  ...o
+}) => /* @__PURE__ */ y(g, { ...o, children: [
+  /* @__PURE__ */ a(
+    "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__ */ a(
+    "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__ */ a(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M0 16V0h16v16H0zM1 1h14v14H1V1z",
+      fill: e,
+      fillRule: "evenodd"
+    }
+  )
+] });
+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 || {}), M0 = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(M0 || {});
+const $ = {
+  guid: u.Uncategorized,
+  colorName: "uncategorized",
+  icon: "category"
+}, y0 = [
+  {
+    guid: u.AutoTransport,
+    colorName: "autoTransport",
+    icon: "directions_car"
+  },
+  {
+    guid: u.BillsUtilities,
+    colorName: "billsUtilities",
+    icon: "electrical_services"
+  },
+  {
+    guid: u.BusinessServices,
+    colorName: "businessServices",
+    icon: "business_center"
+  },
+  {
+    guid: u.Education,
+    colorName: "education",
+    icon: "school"
+  },
+  {
+    guid: u.Entertainment,
+    colorName: "entertainment",
+    icon: "stadium"
+  },
+  {
+    guid: u.FeesCharges,
+    colorName: "feesCharges",
+    icon: "problem"
+  },
+  {
+    guid: u.Financial,
+    colorName: "financial",
+    icon: "price_check"
+  },
+  {
+    guid: u.FoodDining,
+    colorName: "foodDining",
+    icon: "grocery"
+  },
+  {
+    guid: u.GiftsDonations,
+    colorName: "giftsDonations",
+    icon: "featured_seasonal_and_gifts"
+  },
+  {
+    guid: u.HealthFitness,
+    colorName: "healthFitness",
+    icon: "ecg_heart"
+  },
+  {
+    guid: u.Home,
+    colorName: "home",
+    icon: "cottage"
+  },
+  {
+    guid: u.Income,
+    colorName: "income",
+    icon: "monetization_on"
+  },
+  {
+    guid: u.Investments,
+    colorName: "investments",
+    icon: "bid_landscape"
+  },
+  {
+    guid: u.Kids,
+    colorName: "kids",
+    icon: "face"
+  },
+  {
+    guid: u.PersonalCare,
+    colorName: "personalCare",
+    icon: "volunteer_activism"
+  },
+  {
+    guid: u.Pets,
+    colorName: "pets",
+    icon: "pet_supplies"
+  },
+  {
+    guid: u.Shopping,
+    colorName: "shopping",
+    icon: "shopping_cart"
+  },
+  {
+    guid: u.Taxes,
+    colorName: "taxes",
+    icon: "heap_snapshot_large"
+  },
+  {
+    guid: u.Transfer,
+    colorName: "transfer",
+    icon: "compare_arrows"
+  },
+  {
+    guid: u.Travel,
+    colorName: "travel",
+    icon: "airplane_ticket"
+  },
+  $
+], C0 = 0.625, v0 = ({
+  categoryGuid: e,
+  icon_ratio: o = C0,
+  size: n = 32,
+  sx: r = {},
+  variant: i = "filled"
+}) => {
+  const l = v(), c = f.useMemo(
+    () => y0.find((s) => s.guid === e) ?? $,
+    [e]
+  ), d = l.palette.categories[c.colorName];
+  return /* @__PURE__ */ a(
+    H,
+    {
+      alignItems: "center",
+      bgcolor: () => {
+        let s = d;
+        return i === "twotone" && (s = `${s}20`), i === "transparent" || i === "basic" ? "transparent" : s;
+      },
+      borderRadius: "4px",
+      className: "mx-kmui-category-icon",
+      color: () => {
+        const s = i === "filled" ? l.palette.common.white : d;
+        return i === "basic" ? l.palette.text.primary : s;
+      },
+      height: n,
+      justifyContent: "center",
+      sx: [...Array.isArray(r) ? r : [r]],
+      width: n,
+      children: /* @__PURE__ */ a(M, { name: c.icon, size: n * o })
+    }
+  );
+}, x0 = ({
+  items: e,
+  onChange: o,
+  isValid: n,
+  selected: r
+}) => {
+  const i = v(), l = e?.map((c) => {
+    const d = c.getValue({ isValid: n });
+    return {
+      label: c.label,
+      onClick: () => {
+        o(d, "accept", c);
+      },
+      disabled: !n(d)
+    };
+  });
+  return /* @__PURE__ */ a(S, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ a(i0, { color: "primary", orientation: "vertical", value: r, children: l?.map((c) => /* @__PURE__ */ a(
+    a0,
+    {
+      onClick: c.onClick,
+      sx: {
+        borderWidth: 1,
+        color: "secondary.main",
+        fontSize: 12,
+        fontWeight: 700,
+        minWidth: 180,
+        "&:focus": {
+          boxShadow: "0px 0px 0px 2px rgba(82, 138, 224, 0.8)"
+        },
+        "&:hover": {
+          bgcolor: i.palette.action.hover,
+          borderTop: `1px solid ${i.palette.secondary.lighter}`
+        },
+        "&.Mui-selected": {
+          border: `2px solid ${i.palette.mode === "light" ? i.palette.primary.main : i.palette.primary.light} !important`,
+          marginTop: "-2px !important",
+          color: i.palette.mode === "light" ? "primary" : "primary.light"
+        }
+      },
+      value: c.label,
+      children: c.label
+    },
+    c.label
+  )) }) });
+}, Le = ({
+  copy: e,
+  dateRange: o,
+  onRangeChanged: n,
+  selectedShortcut: r = e.dateRangeThisMonth,
+  sx: i = {}
+}) => {
+  const l = v(), c = e0(l.breakpoints.down("sm")), d = f.useMemo(() => {
+    const p = Q(), s = J(p, 1), m = q(p, 1);
+    return [
+      {
+        label: e.dateRangeThisMonth,
+        getValue: () => [I(p), w(p)]
+      },
+      {
+        label: e.dateRangeLastMonth,
+        getValue: () => [I(s), w(s)]
+      },
+      {
+        label: e.dateRangeLast30Days,
+        getValue: () => [z(p, 30), p]
+      },
+      {
+        label: e.dateRangeLast90Days,
+        getValue: () => [z(p, 90), p]
+      },
+      {
+        label: e.dateRangeYTD,
+        getValue: () => [R(p), p]
+      },
+      {
+        label: e.dateRangeLastYear,
+        getValue: () => [R(m), Y(m)]
+      },
+      {
+        label: e.dateRangeCustom,
+        getValue: () => [p, p]
+      }
+    ];
+  }, [e]), b = (p, s) => {
+    const m = s.shortcut;
+    n?.(p, m ? m.label : e.dateRangeCustom);
+  };
+  return /* @__PURE__ */ a(H, { gap: 16, m: 8, children: /* @__PURE__ */ a(r0, { dateAdapter: o0, children: /* @__PURE__ */ a(
+    t0,
+    {
+      calendars: 1,
+      localeText: {
+        start: e.dateRangeFrom,
+        end: e.dateRangeTo,
+        toolbarTitle: e.dateRangeToolbarTitle
+      },
+      onChange: b,
+      showDaysOutsideCurrentMonth: !0,
+      slotProps: {
+        actionBar: { actions: [] },
+        shortcuts: {
+          items: c ? [] : d
+        },
+        toolbar: {
+          toolbarFormat: "MMM d, yyyy"
+        }
+      },
+      slots: {
+        leftArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_left", size: 28 }),
+        shortcuts: (p) => /* @__PURE__ */ a(x0, { selected: r, ...p }),
+        rightArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_right", size: 28 })
+      },
+      sx: { ...i },
+      value: o
+    }
+  ) }) });
+}, Ae = f.forwardRef(function(o, n) {
+  return /* @__PURE__ */ a(P, { direction: "up", ref: n, ...o });
+}), T0 = ({
+  isPrimaryDisabled: e,
+  onPrimaryAction: o,
+  onSecondaryAction: n,
+  primaryColor: r = "primary",
+  primaryText: i = "Save",
+  secondaryColor: l = "primary",
+  secondaryText: c = "Cancel",
+  ...d
+}) => /* @__PURE__ */ y(
+  V,
+  {
+    sx: {
+      display: "flex",
+      gap: 16,
+      justifyContent: "flex-end",
+      "&.MuiToolbar-gutters": {
+        padding: 24
+      }
+    },
+    ...d,
+    children: [
+      /* @__PURE__ */ a(
+        A,
+        {
+          color: l,
+          onClick: n,
+          variant: o ? "outlined" : "contained",
+          children: c
+        }
+      ),
+      o && /* @__PURE__ */ a(
+        A,
+        {
+          color: r,
+          disabled: e,
+          onClick: o,
+          variant: "contained",
+          children: i
+        }
+      )
+    ]
+  }
+), He = ({ copy: e, onClose: o, ...n }) => {
+  const r = v();
+  return /* @__PURE__ */ y(
+    V,
+    {
+      sx: {
+        "&.MuiToolbar-gutters": {
+          padding: "24px 24px 8px"
+        }
+      },
+      ...n,
+      children: [
+        /* @__PURE__ */ a(S, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ a(L0, { sx: { fontWeight: 600 }, variant: "H3", children: e.title }) }),
+        /* @__PURE__ */ a(_, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(b0, { color: r.palette.primary.main }) })
+      ]
+    }
+  );
+}, Se = ({
+  className: e,
+  disableSave: o,
+  id: n,
+  isOpen: r,
+  onClose: i,
+  onSave: l,
+  primaryText: c,
+  secondaryText: d,
+  children: b,
+  ...p
+}) => /* @__PURE__ */ y(
+  n0,
+  {
+    anchor: "right",
+    className: `mx-kmui-drawer ${e}`,
+    id: n ?? void 0,
+    onClose: i,
+    open: r,
+    variant: "temporary",
+    ...p,
+    children: [
+      b,
+      l && /* @__PURE__ */ a(
+        T0,
+        {
+          isPrimaryDisabled: o,
+          onPrimaryAction: l,
+          onSecondaryAction: i,
+          primaryText: c,
+          secondaryText: d
+        }
+      )
+    ]
+  }
+), G = 32, N = "https://content.moneydesktop.com/storage/MD_Assets", k0 = `${N}/serenity/default_institution_logo.png`, De = ({
+  alt: e,
+  institutionGuid: o,
+  logoUrl: n,
+  size: r = G,
+  ...i
+}) => /* @__PURE__ */ a(
+  "img",
+  {
+    alt: e,
+    height: r,
+    onError: (l) => l.target.src = k0,
+    src: n || `${N}/Ipad%20Logos/100x100/${o}_100x100.png`,
+    style: {
+      borderRadius: 4
+    },
+    width: r,
+    ...i
+  }
+), Ne = ({
+  alt: e = "",
+  categoryGuid: o,
+  merchantGuid: n,
+  size: r = G,
+  ...i
+}) => {
+  const [l, c] = f.useState(!1);
+  return /* @__PURE__ */ y(S, { display: "inline-block", position: "relative", ...i, children: [
+    n && !l && /* @__PURE__ */ a(
+      "img",
+      {
+        alt: e,
+        "aria-hidden": !e,
+        height: r,
+        onError: () => c(!0),
+        src: `${N}/merchant_logos/${n}.png`,
+        style: {
+          borderRadius: 4,
+          boxSizing: "border-box",
+          position: "absolute"
+        },
+        width: r
+      }
+    ),
+    /* @__PURE__ */ a(v0, { categoryGuid: o, size: r })
+  ] });
+}, x = ({
+  bold: e,
+  className: o = "",
+  children: n,
+  color: r,
+  sx: i = {},
+  truncate: l = !0,
+  uppercase: c,
+  ...d
+}) => /* @__PURE__ */ a(
+  l0,
+  {
+    className: `mx-kmui-text ${o}`,
+    color: r,
+    sx: [
+      e ? {
+        fontWeight: 600
+      } : {},
+      l ? {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      } : {},
+      c ? {
+        textTransform: "uppercase"
+      } : {},
+      ...Array.isArray(i) ? i : [i]
+    ],
+    ...d,
+    children: n
+  }
+), L0 = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(x, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "H1", ...n, children: o }), Fe = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(x, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "H2", ...n, children: o }), we = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(x, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "H3", ...n, children: o }), Ie = ({ className: e = "", children: o, truncate: n, ...r }) => /* @__PURE__ */ a(
+  x,
+  {
+    className: `mx-kmui-text p ${e}`,
+    component: "p",
+    truncate: n || !1,
+    variant: "Body",
+    ...r,
+    children: o
+  }
+), Re = ({
+  disabled: e = !1,
+  label: o = "",
+  shrink: n = !0,
+  variant: r = "outlined",
+  ...i
+}) => /* @__PURE__ */ a(
+  c0,
+  {
+    InputLabelProps: {
+      shrink: n
+    },
+    disabled: e,
+    label: o,
+    variant: r,
+    ...i
+  }
+);
+function A0(e) {
+  return /* @__PURE__ */ a(P, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
+}
+const ze = ({
+  open: e,
+  handleClose: o,
+  message: n,
+  autoHideDuration: r = 3e3,
+  severity: i = "success",
+  snackbarSx: l,
+  showAction: c = !1,
+  showClose: d = !1,
+  actionText: b = "Undo",
+  onActionClick: p,
+  multiLine: s = !1
+}) => {
+  const m = v(), Z = {
+    success: m.palette.success.dark,
+    error: m.palette.error.light,
+    info: m.palette.info.lighter,
+    warning: m.palette.warning.lighter
+  }, j = /* @__PURE__ */ y(
+    H,
+    {
+      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"
+      ),
+      children: [
+        c && /* @__PURE__ */ a(
+          A,
+          {
+            color: "inherit",
+            onClick: p || o,
+            size: "small",
+            sx: {
+              color: m.palette.success.contrastText,
+              height: 44
+            },
+            children: b
+          }
+        ),
+        d && /* @__PURE__ */ a(
+          _,
+          {
+            "aria-label": "close",
+            color: "inherit",
+            onClick: o,
+            sx: { height: 44, width: 44 },
+            children: /* @__PURE__ */ a(M, { fill: !0, name: "close", size: 24, weight: 400 })
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ a(
+    s0,
+    {
+      TransitionComponent: A0,
+      anchorOrigin: { vertical: "bottom", horizontal: "right" },
+      autoHideDuration: r,
+      onClose: o,
+      open: e,
+      sx: {
+        ...l,
+        width: s ? 400 : 325
+      },
+      children: /* @__PURE__ */ a(
+        d0,
+        {
+          action: j,
+          severity: i,
+          sx: {
+            display: "flex",
+            alignItems: "stretch",
+            minHeight: d && c && s ? 120 : 56,
+            maxHeight: s ? 120 : 56,
+            backgroundColor: (F) => F.palette.mode === "light" ? F.palette[i].darker : Z[i],
+            width: "100%",
+            "& .MuiAlert-icon": {
+              alignSelf: s ? "flex-start" : "center"
+            },
+            "& .MuiAlert-message": {
+              paddingTop: s ? 12 : 8,
+              paddingBottom: s ? 12 : 8,
+              alignSelf: s ? "flex-start" : "center"
+            },
+            "& .MuiAlert-action": {
+              alignItems: "stretch",
+              height: "auto"
+            }
+          },
+          variant: "filled",
+          children: /* @__PURE__ */ a(
+            x,
+            {
+              sx: {
+                lineHeight: m.typography.Body.lineHeight,
+                whiteSpace: s ? "normal" : "nowrap",
+                overflow: s ? "visible" : "hidden",
+                textOverflow: s ? "clip" : "ellipsis"
+              },
+              truncate: !s,
+              children: n
+            }
+          )
+        }
+      )
+    }
+  );
+}, C = {
+  REACT: "react",
+  REACT_NATIVE: "react_native",
+  NATIVE: "native"
+}, k = {
+  LIGHT: "light",
+  DARK: "dark"
+}, U = f.createContext(W), K = f.createContext(
+  D(k.LIGHT, C.REACT_NATIVE)
+), Ee = ({
+  children: e,
+  target: o = C.REACT,
+  theme: n = k.LIGHT,
+  tokenOverrides: r
+}) => {
+  const [i, l] = f.useState(n === k.LIGHT ? W : u0), c = f.useMemo(() => ({
+    ...r
+  }), [r]);
+  return f.useEffect(() => {
+    const d = D(n, o, { ...c });
+    l(d);
+  }, [n, o, c]), o === C.REACT ? /* @__PURE__ */ a(U.Provider, { value: i, children: e }) : /* @__PURE__ */ a(K.Provider, { value: i, children: e });
+}, Be = (e = C.REACT, o = {}) => {
+  const n = e === C.REACT ? U : K, r = f.useContext(n);
+  return r || D(k.LIGHT, e, { ...o });
+}, h = {
+  LIGHT: "light",
+  DARK: "dark"
+}, t = {
+  Black: "#000000",
+  Error100: "#FCD2CF",
+  Error200: "#F45532",
+  Error300: "#DF320C",
+  Error400: "#C61A0B",
+  Error500: "#AE0A0A",
+  Neutral100: "#F8F9FB",
+  Neutral200: "#EEF1F6",
+  Neutral300: "#E4E8EE",
+  Neutral400: "#CDD3DD",
+  Neutral500: "#A8B1BD",
+  Neutral600: "#6A7381",
+  Neutral700: "#49505A",
+  Neutral800: "#1F2329",
+  Neutral900: "#121417",
+  Primary100: "#E7F0FE",
+  Primary200: "#69A1FA",
+  Primary300: "#2D64EF",
+  Primary400: "#095ADB",
+  Primary500: "#0749B2",
+  Success100: "#BEFDDC",
+  Success150: "#73F7B8",
+  Success200: "#00E998",
+  Success300: "#12875E",
+  Success400: "#0E6848",
+  Success500: "#0A4D36",
+  Warning100: "#FEF7B9",
+  Warning200: "#FFDA6C",
+  Warning300: "#FFB400",
+  Warning400: "#E07C02",
+  Warning500: "#C33E01",
+  White: "#FFFFFF"
+}, H0 = (e) => g0({
+  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"
+  }
+}), T = "Inter, Helvetica, Arial, sans-serif", S0 = (e) => m0(e, {
+  fontFamily: T,
+  fontSize: 15,
+  Body: {
+    fontSize: 15,
+    lineHeight: "20px"
+  },
+  body2: void 0,
+  Button: {
+    fontSize: 15
+  },
+  caption: void 0,
+  H1: {
+    fontFamily: T,
+    fontWeight: 700,
+    fontSize: 31,
+    lineHeight: "40px"
+  },
+  H2: {
+    fontFamily: T,
+    fontWeight: 700,
+    fontSize: 23,
+    lineHeight: "32px"
+  },
+  H3: {
+    fontFamily: T,
+    fontWeight: 700,
+    fontSize: 18,
+    lineHeight: "24px"
+  },
+  h4: void 0,
+  h5: void 0,
+  h6: void 0,
+  overline: void 0,
+  Paragraph: {
+    fontSize: 15,
+    lineHeight: "24px"
+  },
+  ParagraphSmall: {
+    fontSize: 13,
+    lineHeight: "20px"
+  },
+  Small: {
+    fontSize: 13,
+    lineHeight: "16px"
+  },
+  subtitle1: void 0,
+  subtitle2: void 0,
+  Tiny: {
+    fontSize: 9,
+    lineHeight: "12px"
+  },
+  XSmall: {
+    fontSize: 11,
+    lineHeight: "16px"
+  }
+});
+p0.setLicenseKey(
+  "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
+);
+const L = [...O().shadows];
+L[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
+L[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
+L[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
+const E = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", D0 = "cubic-bezier(.475,.425,0,.995)", Oe = (e) => {
+  const o = H0(e), n = S0(o);
+  return O({
+    breakpoints: {
+      values: {
+        xs: 0,
+        sm: 576,
+        md: 768,
+        lg: 992,
+        xl: 1200
+      }
+    },
+    palette: o,
+    shadows: L,
+    shape: {
+      borderRadius: 4
+    },
+    spacing: 1,
+    typography: n,
+    components: {
+      MuiAutocomplete: {
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            "& .MuiAutocomplete-endAdornment": {
+              marginTop: -5
+            },
+            "& .MuiIconButton-root": {
+              color: r.palette.mode === "light" ? r.palette.grey[700] : r.palette.grey[400],
+              "&:hover": {
+                backgroundColor: "inherit"
+              }
+            }
+          })
+        }
+      },
+      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 })
+          }
+        },
+        styleOverrides: {
+          standard: ({ theme: r }) => ({
+            background: r.palette.background.paper,
+            color: r.palette.text.primary
+          }),
+          root: {
+            alignItems: "center",
+            borderRadius: 6,
+            fontSize: 15
+          },
+          action: {
+            paddingTop: 0,
+            "& .MuiIconButton-root": {
+              "&:hover": {
+                backgroundColor: "rgba(18, 20, 23, 0.1);"
+              }
+            }
+          }
+        }
+      },
+      MuiAvatar: {
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            backgroundColor: r.palette.mode === h.LIGHT ? r.palette.grey[400] : r.palette.grey[700]
+          })
+        }
+      },
+      MuiButtonBase: {
+        defaultProps: {
+          disableRipple: !0
+        },
+        styleOverrides: {
+          root: {
+            "&.Mui-focusVisible": {
+              boxShadow: E
+            }
+          }
+        }
+      },
+      MuiButton: {
+        styleOverrides: {
+          contained: ({ ownerState: r, theme: i }) => ({
+            ...i.palette.mode === h.DARK && r.color === "primary" && {
+              color: i.palette.grey[900],
+              backgroundColor: i.palette.primary.light
+            },
+            boxShadow: "none",
+            "&:hover": {
+              boxShadow: "none"
+            },
+            "&:active": {
+              backgroundColor: r.color === "error" ? i.palette.error.darker : i.palette.primary.darker
+            }
+          }),
+          outlined: ({ theme: r }) => ({
+            borderColor: r.palette.border.main,
+            "&:hover": {
+              borderColor: r.palette.border.dark
+            },
+            "&:active": {
+              borderColor: r.palette.border.darker
+            }
+          }),
+          outlinedPrimary: ({ theme: r }) => ({
+            ...r.palette.mode === h.DARK && {
+              color: r.palette.primary.light
+            }
+          }),
+          text: ({ ownerState: r, theme: i }) => ({
+            "&:active": {
+              ...r.color === "error" && {
+                backgroundColor: i.palette.error.lighter
+              },
+              ...r.color === "primary" && {
+                backgroundColor: i.palette.primary.light
+              },
+              ...r.color === "secondary" && {
+                backgroundColor: i.palette.secondary.lighter
+              },
+              ...i.palette.mode === h.DARK && {
+                color: i.palette.common.white
+              },
+              ...i.palette.mode === h.DARK && r.color === "secondary" && {
+                color: i.palette.secondary.darker
+              }
+            }
+          }),
+          textPrimary: ({ theme: r }) => ({
+            ...r.palette.mode === h.DARK && {
+              color: r.palette.primary.light
+            }
+          }),
+          root: {
+            fontWeight: 700,
+            textTransform: "none",
+            paddingLeft: 16,
+            paddingRight: 16,
+            "&.Mui-disabled": {
+              cursor: "not-allowed"
+            },
+            "&.Mui-focusVisible": {
+              boxShadow: E
+            }
+          },
+          sizeMedium: {
+            height: 44
+          }
+        }
+      },
+      MuiButtonGroup: {
+        defaultProps: {
+          disableRipple: !0
+        },
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            "&:hover": {
+              borderColor: r.palette.border.dark
+            },
+            "button:hover + button": {
+              borderLeftColor: r.palette.border.dark
+            },
+            "&:active": {
+              borderColor: r.palette.border.darker
+            },
+            "button:active + button": {
+              borderLeftColor: r.palette.border.darker
+            }
+          })
+        }
+      },
+      MuiTabs: {
+        styleOverrides: {
+          indicator: ({ theme: r }) => ({
+            height: 3,
+            backgroundColor: r.palette.action.selected
+          })
+        }
+      },
+      MuiTab: {
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            textTransform: "none",
+            fontWeight: 600,
+            "&.Mui-focusVisible": {
+              boxShadow: B
+            },
+            "&:not(.Mui-selected)": {
+              borderBottom: `2px solid ${r.palette.divider}`
+            },
+            "&.Mui-selected": {
+              color: r.palette.action.selected,
+              paddingBottom: 13
+            }
+          })
+        }
+      },
+      MuiCheckbox: {
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            color: r.palette.mode === h.LIGHT ? r.palette.grey[800] : r.palette.common.white,
+            "&:hover": {
+              backgroundColor: "transparent"
+            },
+            "&.Mui-checked": {
+              color: r.palette.mode === h.LIGHT ? r.palette.primary.main : r.palette.common.white
+            },
+            "&.MuiCheckbox-colorError": {
+              color: r.palette.error.main
+            }
+          })
+        }
+      },
+      MuiChip: {
+        styleOverrides: {
+          outlined: ({ theme: r }) => {
+            const { common: i, grey: l, mode: c } = r.palette;
+            return {
+              backgroundColor: "transparent",
+              borderColor: c === h.LIGHT ? l[600] : l[500],
+              borderWidth: 1,
+              color: c === h.LIGHT ? l[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]
+              }
+            };
+          },
+          filled: {
+            display: "inline-flex",
+            alignItems: "center",
+            padding: "8px 12px",
+            borderRadius: 16,
+            // XLarge
+            fontSize: 9,
+            // Tiny
+            fontWeight: 600,
+            // Semibold,
+            lineHeight: 12,
+            // Tiny,
+            letterSpacing: 0.33,
+            // TinyUppercase,
+            textTransform: "uppercase",
+            gap: 8,
+            // XSmall
+            whiteSpace: "nowrap"
+          },
+          icon: {
+            color: "inherit"
+          },
+          deleteIcon: {
+            color: "inherit",
+            "&:hover": {
+              color: "inherit"
+            }
+          }
+        }
+      },
+      MuiCircularProgress: {
+        styleOverrides: {
+          root: {
+            animationDuration: "1.6s",
+            color: "primary",
+            [`& .${h0.circle}`]: {
+              strokeLinecap: "round"
+            }
+          }
+        }
+      },
+      MuiDayCalendar: {
+        styleOverrides: {
+          weekDayLabel: ({ theme: r }) => ({
+            // TODO: Need to add additional styles to the theme such as SmallBold or use Caption
+            fontSize: r.typography.Small.fontSize,
+            fontWeight: 700
+          })
+        }
+      },
+      MuiDataGrid: {
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            border: "none",
+            borderRadius: 0,
+            fontSize: r.typography.Small.fontSize,
+            "& .MuiDataGrid-cell": {
+              display: "flex",
+              alignItems: "center",
+              borderTop: "1px solid",
+              borderColor: r.palette.background.highlight
+            },
+            "& .MuiDataGrid-cell:focus": { outline: "unset" },
+            "& .MuiDataGrid-iconSeparator": { display: "none" },
+            "& .MuiDataGrid-columnHeaders": {
+              backgroundColor: r.palette.background.paper,
+              borderBottom: "2px solid",
+              borderColor: r.palette.divider
+            },
+            "& .MuiDataGrid-columnHeaderTitle": {
+              fontWeight: 600
+            },
+            // remove default top border
+            "& .MuiDataGrid-row.MuiDataGrid-row--firstVisible .MuiDataGrid-cell": {
+              borderTop: "none"
+            },
+            "& .MuiDataGrid-container--top [role=row]": { background: "none" },
+            "& .MuiDataGrid-row": { cursor: "pointer" },
+            "& .MuiDataGrid-columnHeader--last": { pr: 16 },
+            "& .MuiDataGrid-cell--textRight": { pr: 16 }
+          })
+        }
+      },
+      MuiPickersToolbarButton: {
+        styleOverrides: {
+          root: {
+            height: 24
+          }
+        }
+      },
+      MuiDateRangePickerDay: {
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            ":first-of-type": {
+              borderTopLeftRadius: 4,
+              borderBottomLeftRadius: 4,
+              "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
+                borderTopLeftRadius: 4,
+                borderBottomLeftRadius: 4
+              }
+            },
+            ":last-of-type": {
+              borderTopRightRadius: 4,
+              borderBottomRightRadius: 4,
+              "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
+                borderTopRightRadius: 4,
+                borderBottomRightRadius: 4
+              }
+            },
+            "& .Mui-selected": {
+              borderRadius: 4
+            },
+            "& .MuiPickersDay-dayOutsideMonth": {
+              color: r.palette.grey[500]
+            }
+          }),
+          day: {
+            borderRadius: 4
+          },
+          rangeIntervalDayPreview: {
+            borderRadius: 4
+          }
+        }
+      },
+      MuiDialog: {
+        styleOverrides: {
+          root: {
+            "& .MuiDialogTitle-root": {
+              fontSize: 18,
+              lineHeight: "24px",
+              fontWeight: 700,
+              padding: 24
+            },
+            "& .MuiTypography-Body": {
+              padding: "0 24px"
+            },
+            "& .MuiDialog-paper": {
+              minWidth: 400
+            },
+            "& .MuiDialogContent-root": {
+              paddingBottom: 0,
+              paddingTop: 8
+            },
+            "& .MuiDialogContentText-root": {
+              fontSize: 15
+            }
+          }
+        }
+      },
+      MuiDivider: {
+        defaultProps: {
+          "aria-hidden": !0
+        },
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            borderColor: r.palette.border.light
+          }),
+          inset: {
+            marginLeft: 68
+          }
+        }
+      },
+      MuiDrawer: {
+        styleOverrides: {
+          root: {
+            "& .MuiDrawer-paper": {
+              maxWidth: 450,
+              width: "100%"
+            }
+          }
+        }
+      },
+      MuiIcon: {
+        defaultProps: {
+          baseClassName: "material-symbols-rounded"
+        }
+      },
+      MuiIconButton: {
+        styleOverrides: {
+          root: {
+            borderRadius: 8,
+            // Large
+            minHeight: 44,
+            // touch target
+            minWidth: 44
+            // touch target
+          }
+        }
+      },
+      MuiInputBase: {
+        styleOverrides: {
+          input: {
+            fontSize: 15,
+            // Body
+            lineHeight: "20px",
+            // Body
+            transition: `box-shadow 350ms ${D0}`,
+            width: "100%",
+            "&.MuiOutlinedInput-input.Mui-disabled": {
+              padding: 12,
+              // Small
+              paddingTop: 16
+              // Medium
+            },
+            "&:focus": {
+              outline: "none"
+            }
+          }
+        }
+      },
+      MuiLink: {
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            display: "inline-flex",
+            alignItems: "center",
+            boxSizing: "border-box",
+            cursor: "pointer",
+            borderBottom: "1px solid transparent",
+            textDecoration: "none",
+            height: 20,
+            transition: "background-color 300ms cubic-bezier(.475,.425,0,.995)",
+            marginLeft: 4,
+            marginRight: 4,
+            "&:focus": {
+              outline: "rgba(82, 138, 224, 0.8) auto 1px"
+            },
+            "&:hover": {
+              backgroundColor: r.palette.action.hover,
+              borderBottom: "1px solid"
+            },
+            fontWeight: 600
+          })
+        },
+        variants: [
+          {
+            props: { color: "primary" },
+            style: ({ theme: r }) => r.palette.mode === h.DARK ? { color: r.palette.primary.light } : {}
+          }
+        ]
+      },
+      MuiList: {
+        styleOverrides: {
+          dense: {
+            "& .MuiListItemButton-root": {
+              minHeight: 44
+            },
+            "& .MuiListItem-root": {
+              minHeight: 44
+            }
+          },
+          root: {
+            paddingTop: 0,
+            paddingBottom: 0
+          }
+        }
+      },
+      MuiListItem: {
+        defaultProps: {
+          disableGutters: !0,
+          disablePadding: !0
+        },
+        styleOverrides: {
+          root: ({ ownerState: r, theme: i }) => {
+            const { mode: l, primary: c } = i.palette;
+            return {
+              minHeight: 64,
+              ...!r.disablePadding && {
+                paddingTop: 12,
+                paddingBottom: 12,
+                paddingLeft: 24
+              },
+              "& .MuiIconButton-root": {
+                color: l === h.LIGHT ? c.main : c.light
+              }
+            };
+          }
+        }
+      },
+      MuiCollapse: {
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            "& .MuiListItem-root": {
+              minHeight: 44
+            },
+            "& .MuiListItemButton-root": {
+              minHeight: 44,
+              paddingLeft: 12,
+              "&:hover": {
+                backgroundColor: `${r.palette.secondary.lighter}33`
+              },
+              "&:active": {
+                backgroundColor: `${r.palette.secondary.lighter}66`
+              }
+            }
+          })
+        }
+      },
+      MuiListItemAvatar: {
+        styleOverrides: {
+          root: {
+            height: 32,
+            marginRight: 12,
+            minWidth: 32,
+            width: 32,
+            "& .MuiAvatar-root": {
+              height: 32,
+              width: 32
+            }
+          }
+        }
+      },
+      MuiListItemButton: {
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            minHeight: 64,
+            paddingLeft: 24,
+            paddingRight: 24,
+            paddingTop: 12,
+            paddingBottom: 12,
+            "&.Mui-focusVisible": {
+              boxShadow: B
+            },
+            "&:active": {
+              backgroundColor: `${r.palette.secondary.lighter}33`
+            },
+            "&.Mui-selected": {
+              fontWeight: "bold",
+              borderLeft: `3px solid ${r.palette.primary.main}`,
+              paddingLeft: 21
+            }
+          })
+        }
+      },
+      MuiListItemText: {
+        defaultProps: {
+          primaryTypographyProps: {
+            fontWeight: 600,
+            fontSize: 15
+          },
+          secondaryTypographyProps: {
+            fontSize: 11,
+            color: "text.primary"
+          }
+        },
+        styleOverrides: {
+          root: {
+            marginTop: 0,
+            marginBottom: 0
+          }
+        }
+      },
+      MuiListItemIcon: {
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            minWidth: "auto",
+            marginLeft: 8,
+            color: r.palette.text.primary
+          })
+        }
+      },
+      MuiListSubheader: {
+        defaultProps: {
+          color: "inherit"
+          // without this it defaults to the secondary color
+        },
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            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
+          })
+        }
+      },
+      // This styles the Menu dropdown including Menus and Select dropdowns
+      MuiMenu: {
+        styleOverrides: {
+          paper: {
+            padding: "4px 4px 0",
+            // '(Tiny)px (Tiny)px 0'
+            "& .MuiMenu-list": {
+              padding: 0
+            }
+          }
+        }
+      },
+      MuiMenuItem: {
+        styleOverrides: {
+          root: {
+            padding: "12px 8px",
+            // '(Small)px (XSmall)px'
+            marginBottom: 4,
+            // Tiny
+            borderRadius: 4
+            // Medium
+          }
+        }
+      },
+      MuiOutlinedInput: {
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            "&.Mui-focused": {
+              "& .MuiOutlinedInput-notchedOutline": {
+                outline: "none"
+              }
+            },
+            "& .MuiSelect-icon": {
+              color: r.palette.mode === h.LIGHT ? r.palette.grey[900] : r.palette.common.white
+            }
+          })
+        }
+      },
+      MuiPaper: {
+        styleOverrides: {
+          root: {
+            backgroundImage: "unset"
+          }
+        }
+      },
+      MuiPickersArrowSwitcher: {
+        styleOverrides: {
+          button: {
+            marginLeft: 0,
+            marginRight: 0
+          }
+        }
+      },
+      MuiPickersDay: {
+        styleOverrides: {
+          today: ({ theme: r }) => ({
+            color: r.palette.action.selected,
+            fontWeight: 700,
+            textDecoration: "2px underline",
+            textUnderlineOffset: 4,
+            ":not(.Mui-selected)": {
+              borderWidth: 0
+            }
+          })
+        }
+      },
+      MuiPickersLayout: {
+        styleOverrides: {
+          root: {
+            backgroundColor: "transparent !important",
+            padding: 16
+          },
+          toolbar: ({ theme: r }) => ({
+            gridColumn: "1/4",
+            "& > .MuiTypography-root": {
+              textTransform: "uppercase",
+              fontSize: r.typography.Small.fontSize,
+              fontWeight: 600,
+              lineHeight: r.typography.Small.lineHeight
+            }
+          })
+        }
+      },
+      MuiPickersToolbar: {
+        styleOverrides: {
+          content: ({ theme: r }) => ({
+            marginTop: 4,
+            "& .MuiTypography-root": {
+              fontSize: r.typography.H3.fontSize,
+              lineHeight: r.typography.H3.lineHeight
+            },
+            "& .MuiPickersToolbarText-root": {
+              color: r.palette.mode === h.LIGHT ? r.palette.secondary.light : r.palette.secondary.dark,
+              "&.Mui-selected": {
+                color: r.palette.text.primary
+              }
+            }
+          })
+        }
+      },
+      MuiFormControlLabel: {
+        styleOverrides: {
+          label: {
+            fontSize: 16
+          }
+        }
+      },
+      MuiFormHelperText: {
+        styleOverrides: {
+          root: {
+            "&.Mui-error": {
+              fontSize: 13,
+              // Small
+              marginLeft: 0
+            }
+          }
+        }
+      },
+      MuiSnackbar: {
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            "& .MuiAlert-icon": {
+              color: r.palette.success.contrastText
+            },
+            "& .MuiAlert-message": {
+              color: r.palette.success.contrastText
+            }
+          })
+        }
+      },
+      MuiSwitch: {
+        styleOverrides: {
+          root: ({ theme: r }) => {
+            const { grey: i, mode: l } = r.palette;
+            return {
+              width: 34,
+              height: 18,
+              padding: 0,
+              "& .MuiSwitch-switchBase": {
+                padding: 0,
+                margin: 2,
+                transitionDuration: "300ms",
+                "&.Mui-checked": {
+                  transform: "translateX(16px)",
+                  color: "#FFFFFF",
+                  // NeutralWhite
+                  "& + .MuiSwitch-track": {
+                    backgroundColor: "#09A57F",
+                    // Success300
+                    opacity: 1,
+                    border: 0
+                  },
+                  "&.Mui-disabled + .MuiSwitch-track": {
+                    opacity: 0.5
+                  }
+                },
+                "&.Mui-disabled .MuiSwitch-thumb": {
+                  color: l === h.LIGHT ? i[100] : i[600]
+                },
+                "&.Mui-disabled + .MuiSwitch-track": {
+                  opacity: l === h.LIGHT ? 0.7 : 0.3
+                },
+                "&.Mui-focusVisible .MuiSwitch-thumb": {
+                  color: "#0AC295",
+                  // Success200
+                  border: "6px solid #fff"
+                }
+              },
+              "& .MuiSwitch-thumb": {
+                boxSizing: "border-box",
+                width: 14,
+                height: 14
+              },
+              "& .MuiSwitch-track": {
+                backgroundColor: l === h.LIGHT ? i[400] : i[700],
+                borderRadius: 18 / 2,
+                opacity: 1
+              }
+            };
+          }
+        }
+      },
+      MuiTextField: {
+        styleOverrides: {
+          root: ({ theme: r }) => ({
+            backgroundColor: r.palette.background.paper
+          })
+        }
+      },
+      MuiTooltip: {
+        defaultProps: {
+          arrow: !0
+        }
+      }
+    }
+  });
+};
+export {
+  se as AccountsFilledIcon,
+  de as AccountsIcon,
+  ue as ArrowLeftIcon,
+  pe as AttentionFilledIcon,
+  g as BaseIcon,
+  Ae as BottomSheetTransition,
+  he as CalendarIcon,
+  u as CategoryGuids,
+  v0 as CategoryIcon,
+  M0 as CategoryIconVariants,
+  ge as CheckmarkFilledIcon,
+  me as ChevronDownIcon,
+  fe as ChevronLeftIcon,
+  be as ChevronRightIcon,
+  b0 as CloseIcon,
+  Le as DateRangePicker,
+  T0 as DialogFooter,
+  He as DialogHeader,
+  Se as Drawer,
+  Me as EditIcon,
+  ye as FilterIcon,
+  T0 as Footer,
+  L0 as H1,
+  Fe as H2,
+  we as H3,
+  Ce as HeartIcon,
+  T as INTER,
+  M as Icon,
+  f0 as IconWeight,
+  De as InstitutionLogo,
+  xe as MXLogoCopyrightIcon,
+  Te as MXLogoFilledIcon,
+  ve as MXLogoIcon,
+  ke as MXLogoOutlineIcon,
+  Ne as MerchantLogo,
+  Ie as P,
+  C as TARGETS,
+  k as THEMES,
+  x as Text,
+  Re as TextField,
+  ze as Toast,
+  Ee as TokenProvider,
+  Oe as createMXTheme,
+  Be as useTokens
+};
+//# sourceMappingURL=index.es.js.map