@mxenabled/mxui 1.5.3 → 1.5.5

package/dist/index.es.js

@@ -1,35 +1,35 @@
 import { jsx as a, jsxs as x } from "react/jsx-runtime";
-import C, { useId as Ce } from "react";
-import k from "@mui/material/Stack";
-import { useTheme as H, createTheme as re } from "@mui/material/styles";
-import { Icon as xe, Close as Re } from "@mxenabled/mx-icons";
-import { endOfMonth as j } from "date-fns/endOfMonth";
-import { endOfYear as Me } from "date-fns/endOfYear";
-import { startOfToday as Ae } from "date-fns/startOfToday";
-import { startOfMonth as Q } from "date-fns/startOfMonth";
-import { startOfYear as q } from "date-fns/startOfYear";
-import { subDays as J } from "date-fns/subDays";
-import { subMonths as Ee } from "date-fns/subMonths";
-import { subYears as Se } from "date-fns/subYears";
-import Ie from "@mui/material/useMediaQuery";
-import { LocalizationProvider as ve, StaticDateRangePicker as He } from "@mui/x-date-pickers-pro";
-import { AdapterDateFns as ye } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
-import te from "@mui/material/Box";
-import Oe from "@mui/material/ToggleButton";
-import ke from "@mui/material/ToggleButtonGroup";
-import ie from "@mui/material/Slide";
+import C from "react";
+import F from "@mui/material/Stack";
+import { useTheme as H, createTheme as X } from "@mui/material/styles";
+import { Icon as ce, Close as se } from "@mxenabled/mx-icons";
+import { endOfMonth as U } from "date-fns/endOfMonth";
+import { endOfYear as de } from "date-fns/endOfYear";
+import { startOfToday as ue } from "date-fns/startOfToday";
+import { startOfMonth as W } from "date-fns/startOfMonth";
+import { startOfYear as Z } from "date-fns/startOfYear";
+import { subDays as K } from "date-fns/subDays";
+import { subMonths as pe } from "date-fns/subMonths";
+import { subYears as he } from "date-fns/subYears";
+import ge from "@mui/material/useMediaQuery";
+import { LocalizationProvider as fe, StaticDateRangePicker as me } from "@mui/x-date-pickers-pro";
+import { AdapterDateFns as be } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
+import j from "@mui/material/Box";
+import Te from "@mui/material/ToggleButton";
+import Ce from "@mui/material/ToggleButtonGroup";
+import Q from "@mui/material/Slide";
 import V from "@mui/material/Button";
-import ae from "@mui/material/IconButton";
-import Fe from "@mui/material/Typography";
-import De from "@mui/material/Drawer";
-import Le from "@mui/material/TextField";
-import Ne from "@mui/material/Snackbar";
-import we from "@mui/material/Alert";
-import { light as ne, buildTheme as $, dark as _e } from "@mxenabled/design-tokens";
-import { Paper as Pe, Box as ee, Typography as oe, Radio as L, Checkbox as Be, alpha as b, darken as N, lighten as y, getContrastRatio as ze } from "@mui/material";
-import { circularProgressClasses as Ve } from "@mui/material/CircularProgress";
-import { LicenseInfo as $e } from "@mui/x-license-pro";
-const f = ({
+import J from "@mui/material/IconButton";
+import xe from "@mui/material/Typography";
+import Re from "@mui/material/Drawer";
+import Me from "@mui/material/TextField";
+import Ae from "@mui/material/Snackbar";
+import Ee from "@mui/material/Alert";
+import { light as q, buildTheme as G, dark as Se } from "@mxenabled/design-tokens";
+import { FormControlLabel as Ie, Box as B, Typography as Y, Radio as z, Checkbox as ve, alpha as b, darken as k, lighten as y, getContrastRatio as He } from "@mui/material";
+import { circularProgressClasses as ye } from "@mui/material/CircularProgress";
+import { LicenseInfo as Oe } from "@mui/x-license-pro";
+const m = ({
   children: e,
   height: o,
   size: i = 16,
@@ -48,7 +48,7 @@ const f = ({
     children: e
   }
 );
-var Ge = /* @__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))(Ge || {});
+var Fe = /* @__PURE__ */ ((e) => (e[e.Lighter = 100] = "Lighter", e[e.Light = 200] = "Light", e[e.Normal = 300] = "Normal", e[e.Dark = 400] = "Dark", e[e.Darker = 500] = "Darker", e))(Fe || {});
 const M = ({
   color: e,
   fill: o = !1,
@@ -56,9 +56,9 @@ const M = ({
   size: n = 20,
   sx: r,
   weight: d = 300,
-  ...c
+  ...l
 }) => /* @__PURE__ */ a(
-  xe,
+  ce,
   {
     color: e,
     fill: o,
@@ -66,39 +66,39 @@ const M = ({
     size: n,
     sx: r,
     weight: d,
-    ...c
+    ...l
   }
-), N0 = ({
+), A0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...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
   }
-) })), w0 = ({
+) })), E0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...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
   }
-) })), _0 = ({
+) })), S0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     d: "M5.854 3.133a.426.426 0 010 .643L1.757 7.5h13.774c.26 0 .469.224.469.5s-.21.5-.469.5H1.757l4.097 3.724a.426.426 0 010 .643.536.536 0 01-.708 0l-5-4.546a.426.426 0 010-.642l5-4.546a.536.536 0 01.708 0z",
     fill: e
   }
-) })), P0 = ({
+) })), I0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     clipRule: "evenodd",
@@ -106,91 +106,91 @@ const M = ({
     fill: e,
     fillRule: "evenodd"
   }
-) })), B0 = ({
+) })), v0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...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
   }
-) })), z0 = ({
+) })), H0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...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
   }
-) })), V0 = ({
+) })), y0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...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
   }
-) })), $0 = ({
+) })), O0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...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
   }
-) })), G0 = ({
+) })), F0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...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
   }
-) })), U0 = ({
+) })), D0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...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
   }
-) })), W0 = ({
+) })), L0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...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
   }
-) })), Z0 = ({
+) })), k0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...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
   }
-) })), K0 = ({
+) })), N0 = ({
   color: e = "currentColor",
   ...o
-}) => (console.warn('<HeartIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
+}) => (console.warn('<HeartIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...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
   }
-) })), Y0 = ({
+) })), w0 = ({
   color: e = "currentColor",
   ...o
-}) => /* @__PURE__ */ x(f, { ...o, children: [
+}) => /* @__PURE__ */ x(m, { ...o, children: [
   /* @__PURE__ */ a(
     "path",
     {
@@ -205,10 +205,10 @@ const M = ({
       fill: e
     }
   )
-] }), X0 = ({
+] }), _0 = ({
   color: e = "currentColor",
   ...o
-}) => /* @__PURE__ */ x(f, { ...o, children: [
+}) => /* @__PURE__ */ x(m, { ...o, children: [
   /* @__PURE__ */ a(
     "path",
     {
@@ -241,10 +241,10 @@ const M = ({
       fillRule: "evenodd"
     }
   )
-] }), j0 = ({
+] }), P0 = ({
   color: e = "currentColor",
   ...o
-}) => /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
+}) => /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
   "path",
   {
     clipRule: "evenodd",
@@ -252,10 +252,10 @@ const M = ({
     fill: e,
     fillRule: "evenodd"
   }
-) }), Q0 = ({
+) }), B0 = ({
   color: e = "currentColor",
   ...o
-}) => /* @__PURE__ */ x(f, { ...o, children: [
+}) => /* @__PURE__ */ x(m, { ...o, children: [
   /* @__PURE__ */ a(
     "path",
     {
@@ -280,12 +280,12 @@ const M = ({
     }
   )
 ] });
-var g = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(g || {}), Ue = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(Ue || {});
-const le = {
+var g = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(g || {}), De = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(De || {});
+const ee = {
   guid: g.Uncategorized,
   colorName: "uncategorized",
   icon: "category"
-}, We = [
+}, Le = [
   {
     guid: g.AutoTransport,
     colorName: "autoTransport",
@@ -386,58 +386,58 @@ const le = {
     colorName: "travel",
     icon: "airplane_ticket"
   },
-  le
-], Ze = 0.625, Ke = ({
+  ee
+], ke = 0.625, Ne = ({
   categoryGuid: e,
-  icon_ratio: o = Ze,
+  icon_ratio: o = ke,
   size: i = 32,
   sx: n = {},
   variant: r = "filled"
 }) => {
-  const d = H(), c = C.useMemo(
-    () => We.find((u) => u.guid === e) ?? le,
+  const d = H(), l = C.useMemo(
+    () => Le.find((u) => u.guid === e) ?? ee,
     [e]
-  ), l = d.palette.categories[c.colorName];
+  ), c = d.palette.categories[l.colorName];
   return /* @__PURE__ */ a(
-    k,
+    F,
     {
       alignItems: "center",
       bgcolor: () => {
-        let u = l;
+        let u = c;
         return r === "twotone" && (u = `${u}20`), r === "transparent" || r === "basic" ? "transparent" : u;
       },
       borderRadius: 1,
       color: () => {
-        const u = r === "filled" ? d.palette.common.white : l;
+        const u = r === "filled" ? d.palette.common.white : c;
         return r === "basic" ? d.palette.text.primary : u;
       },
       height: i,
       justifyContent: "center",
       sx: [...Array.isArray(n) ? n : [n]],
       width: i,
-      children: /* @__PURE__ */ a(M, { name: c.icon, size: i * o })
+      children: /* @__PURE__ */ a(M, { name: l.icon, size: i * o })
     }
   );
-}, Ye = ({
+}, we = ({
   items: e,
   onChange: o,
   isValid: i,
   selected: n
 }) => {
-  const r = H(), d = e?.map((c) => {
-    const l = c.getValue({ isValid: i });
+  const r = H(), d = e?.map((l) => {
+    const c = l.getValue({ isValid: i });
     return {
-      label: c.label,
+      label: l.label,
       onClick: () => {
-        o(l, "accept", c);
+        o(c, "accept", l);
       },
-      disabled: !i(l)
+      disabled: !i(c)
     };
   });
-  return /* @__PURE__ */ a(te, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ a(ke, { color: "primary", orientation: "vertical", value: n, children: d?.map((c) => /* @__PURE__ */ a(
-    Oe,
+  return /* @__PURE__ */ a(j, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ a(Ce, { color: "primary", orientation: "vertical", value: n, children: d?.map((l) => /* @__PURE__ */ a(
+    Te,
     {
-      onClick: c.onClick,
+      onClick: l.onClick,
       sx: {
         borderWidth: 1,
         color: "secondary.main",
@@ -457,44 +457,44 @@ const le = {
           color: "primary"
         }
       },
-      value: c.label,
-      children: c.label
+      value: l.label,
+      children: l.label
     },
-    c.label
+    l.label
   )) }) });
-}, q0 = ({
+}, z0 = ({
   copy: e,
   dateRange: o,
   onRangeChanged: i,
   selectedShortcut: n = e.dateRangeThisMonth,
   sx: r = {}
 }) => {
-  const d = H(), c = Ie(d.breakpoints.down("sm")), l = C.useMemo(() => {
-    const t = Ae(), u = Ee(t, 1), T = Se(t, 1);
+  const d = H(), l = ge(d.breakpoints.down("sm")), c = C.useMemo(() => {
+    const t = ue(), u = pe(t, 1), T = he(t, 1);
     return [
       {
         label: e.dateRangeThisMonth,
-        getValue: () => [Q(t), j(t)]
+        getValue: () => [W(t), U(t)]
       },
       {
         label: e.dateRangeLastMonth,
-        getValue: () => [Q(u), j(u)]
+        getValue: () => [W(u), U(u)]
       },
       {
         label: e.dateRangeLast30Days,
-        getValue: () => [J(t, 30), t]
+        getValue: () => [K(t, 30), t]
       },
       {
         label: e.dateRangeLast90Days,
-        getValue: () => [J(t, 90), t]
+        getValue: () => [K(t, 90), t]
       },
       {
         label: e.dateRangeYTD,
-        getValue: () => [q(t), t]
+        getValue: () => [Z(t), t]
       },
       {
         label: e.dateRangeLastYear,
-        getValue: () => [q(T), Me(T)]
+        getValue: () => [Z(T), de(T)]
       },
       {
         label: e.dateRangeCustom,
@@ -505,8 +505,8 @@ const le = {
     const T = u.shortcut;
     i?.(t, T ? T.label : e.dateRangeCustom);
   };
-  return /* @__PURE__ */ a(k, { gap: 16, m: 8, children: /* @__PURE__ */ a(ve, { dateAdapter: ye, children: /* @__PURE__ */ a(
-    He,
+  return /* @__PURE__ */ a(F, { gap: 16, m: 8, children: /* @__PURE__ */ a(fe, { dateAdapter: be, children: /* @__PURE__ */ a(
+    me,
     {
       calendars: 1,
       localeText: {
@@ -519,7 +519,7 @@ const le = {
       slotProps: {
         actionBar: { actions: [] },
         shortcuts: {
-          items: c ? [] : l
+          items: l ? [] : c
         },
         toolbar: {
           toolbarFormat: "MMM d, yyyy"
@@ -527,26 +527,26 @@ const le = {
       },
       slots: {
         leftArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_left", size: 28 }),
-        shortcuts: (t) => /* @__PURE__ */ a(Ye, { selected: n, ...t }),
+        shortcuts: (t) => /* @__PURE__ */ a(we, { selected: n, ...t }),
         rightArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_right", size: 28 })
       },
       sx: { ...r },
       value: o
     }
   ) }) });
-}, J0 = C.forwardRef(function(o, i) {
-  return /* @__PURE__ */ a(ie, { direction: "up", ref: i, ...o });
-}), Xe = ({
+}, V0 = C.forwardRef(function(o, i) {
+  return /* @__PURE__ */ a(Q, { direction: "up", ref: i, ...o });
+}), _e = ({
   hasSecondaryAction: e = !0,
   isPrimaryDisabled: o,
   onPrimaryAction: i,
   onSecondaryAction: n,
   primaryColor: r = "primary",
   primaryText: d = "Save",
-  secondaryColor: c = "primary",
-  secondaryText: l = "Cancel"
+  secondaryColor: l = "primary",
+  secondaryText: c = "Cancel"
 }) => /* @__PURE__ */ x(
-  k,
+  F,
   {
     direction: "row",
     gap: 16,
@@ -556,10 +556,10 @@ const le = {
       e && /* @__PURE__ */ a(
         V,
         {
-          color: c,
+          color: l,
           onClick: n,
           variant: i ? "outlined" : "contained",
-          children: l
+          children: c
         }
       ),
       i && /* @__PURE__ */ a(
@@ -574,50 +574,50 @@ const le = {
       )
     ]
   }
-), F = ({
+), D = ({
   bold: e,
   className: o = "",
   children: i,
   color: n,
   sx: r = {},
   truncate: d = !0,
-  uppercase: c,
-  ...l
+  uppercase: l,
+  ...c
 }) => {
-  switch (l.variant) {
+  switch (c.variant) {
     case "Body":
-      l.variant = "body1";
+      c.variant = "body1";
       break;
     case "Button":
-      l.variant = "button";
+      c.variant = "button";
       break;
     case "H1":
-      l.variant = "h1";
+      c.variant = "h1";
       break;
     case "H2":
-      l.variant = "h2";
+      c.variant = "h2";
       break;
     case "H3":
-      l.variant = "h3";
+      c.variant = "h3";
       break;
     case "Paragraph":
-      l.variant = "subtitle1";
+      c.variant = "subtitle1";
       break;
     case "ParagraphSmall":
-      l.variant = "subtitle2";
+      c.variant = "subtitle2";
       break;
     case "Small":
-      l.variant = "body2";
+      c.variant = "body2";
       break;
     case "Tiny":
-      l.variant = "tiny";
+      c.variant = "tiny";
       break;
     case "XSmall":
-      l.variant = "caption";
+      c.variant = "caption";
       break;
   }
   return /* @__PURE__ */ a(
-    Fe,
+    xe,
     {
       className: `mx-kmui-text ${o}`,
       color: n,
@@ -630,17 +630,17 @@ const le = {
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
         } : {},
-        c ? {
+        l ? {
           textTransform: "uppercase"
         } : {},
         ...Array.isArray(r) ? r : [r]
       ],
-      ...l,
+      ...c,
       children: i
     }
   );
-}, je = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(F, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...i, children: o }), eo = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(F, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...i, children: o }), oo = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(F, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...i, children: o }), ro = ({ className: e = "", children: o, truncate: i, ...n }) => /* @__PURE__ */ a(
-  F,
+}, Pe = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(D, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...i, children: o }), G0 = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(D, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...i, children: o }), $0 = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(D, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...i, children: o }), U0 = ({ className: e = "", children: o, truncate: i, ...n }) => /* @__PURE__ */ a(
+  D,
   {
     className: `mx-kmui-text p ${e}`,
     component: "p",
@@ -649,8 +649,8 @@ const le = {
     ...n,
     children: o
   }
-), to = ({ copy: e, onClose: o }) => /* @__PURE__ */ x(
-  k,
+), W0 = ({ copy: e, onClose: o }) => /* @__PURE__ */ x(
+  F,
   {
     sx: {
       alignItems: "center",
@@ -660,23 +660,23 @@ const le = {
       py: 14
     },
     children: [
-      /* @__PURE__ */ a(je, { variant: "h3", children: e.title }),
-      /* @__PURE__ */ a(ae, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(Re, {}) })
+      /* @__PURE__ */ a(Pe, { variant: "h3", children: e.title }),
+      /* @__PURE__ */ a(J, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(se, {}) })
     ]
   }
-), io = ({
+), Z0 = ({
   className: e,
   disableSave: o,
   id: i,
   isOpen: n,
   onClose: r,
   onSave: d,
-  primaryText: c,
-  secondaryText: l,
+  primaryText: l,
+  secondaryText: c,
   children: s,
   ...t
 }) => /* @__PURE__ */ x(
-  De,
+  Re,
   {
     anchor: "right",
     className: `mx-kmui-drawer ${e}`,
@@ -688,55 +688,55 @@ const le = {
     children: [
       s,
       d && /* @__PURE__ */ a(
-        Xe,
+        _e,
         {
           isPrimaryDisabled: o,
           onPrimaryAction: d,
           onSecondaryAction: r,
-          primaryText: c,
-          secondaryText: l
+          primaryText: l,
+          secondaryText: c
         }
       )
     ]
   }
-), ce = 32, G = "https://content.moneydesktop.com/storage/MD_Assets", Qe = `${G}/serenity/default_institution_logo.png`, ao = ({
+), oe = 32, $ = "https://content.moneydesktop.com/storage/MD_Assets", Be = `${$}/serenity/default_institution_logo.png`, K0 = ({
   alt: e,
   institutionGuid: o,
   logoUrl: i,
-  size: n = ce,
+  size: n = oe,
   ...r
 }) => /* @__PURE__ */ a(
   "img",
   {
     alt: e,
     height: n,
-    onError: (d) => d.target.src = Qe,
-    src: i || `${G}/Ipad%20Logos/100x100/${o}_100x100.png`,
+    onError: (d) => d.target.src = Be,
+    src: i || `${$}/Ipad%20Logos/100x100/${o}_100x100.png`,
     style: {
       borderRadius: 4
     },
     width: n,
     ...r
   }
-), no = ({
+), Y0 = ({
   alt: e = "",
   categoryGuid: o,
   merchantGuid: i,
-  size: n = ce,
+  size: n = oe,
   ...r
 }) => {
-  const [d, c] = C.useState(!1), l = H();
-  return /* @__PURE__ */ x(te, { display: "inline-block", position: "relative", ...r, children: [
+  const [d, l] = C.useState(!1), c = H();
+  return /* @__PURE__ */ x(j, { display: "inline-block", position: "relative", ...r, children: [
     i && !d && /* @__PURE__ */ a(
       "img",
       {
         alt: e,
         "aria-hidden": !e,
         height: n,
-        onError: () => c(!0),
-        src: `${G}/merchant_logos/${i}.png`,
+        onError: () => l(!0),
+        src: `${$}/merchant_logos/${i}.png`,
         style: {
-          backgroundColor: l.palette.common.white,
+          backgroundColor: c.palette.common.white,
           borderRadius: 4,
           boxSizing: "border-box",
           position: "absolute"
@@ -744,16 +744,16 @@ const le = {
         width: n
       }
     ),
-    /* @__PURE__ */ a(Ke, { categoryGuid: o, size: n })
+    /* @__PURE__ */ a(Ne, { categoryGuid: o, size: n })
   ] });
-}, lo = ({
+}, X0 = ({
   disabled: e = !1,
   label: o = "",
   shrink: i = !0,
   variant: n = "outlined",
   ...r
 }) => /* @__PURE__ */ a(
-  Le,
+  Me,
   {
     InputLabelProps: {
       shrink: i
@@ -764,33 +764,33 @@ const le = {
     ...r
   }
 );
-function qe(e) {
-  return /* @__PURE__ */ a(ie, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
+function ze(e) {
+  return /* @__PURE__ */ a(Q, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
 }
-const co = ({
+const j0 = ({
   open: e,
   handleClose: o,
   message: i,
   autoHideDuration: n = 3e3,
   severity: r = "success",
   snackbarSx: d,
-  showAction: c = !1,
-  showClose: l = !1,
+  showAction: l = !1,
+  showClose: c = !1,
   actionText: s = "Undo",
   onActionClick: t,
   multiLine: u = !1
 }) => {
-  const T = H(), B = /* @__PURE__ */ x(
-    k,
+  const T = H(), L = /* @__PURE__ */ x(
+    F,
     {
       alignItems: u ? "flex-end" : "center",
       direction: u ? "column-reverse" : "row",
       justifyContent: (
         // eslint-disable-next-line no-nested-ternary
-        u && c && l ? "space-between" : "flex-end"
+        u && l && c ? "space-between" : "flex-end"
       ),
       children: [
-        c && /* @__PURE__ */ a(
+        l && /* @__PURE__ */ a(
           V,
           {
             color: "inherit",
@@ -803,8 +803,8 @@ const co = ({
             children: s
           }
         ),
-        l && /* @__PURE__ */ a(
-          ae,
+        c && /* @__PURE__ */ a(
+          J,
           {
             "aria-label": "close",
             color: "inherit",
@@ -817,9 +817,9 @@ const co = ({
     }
   );
   return /* @__PURE__ */ a(
-    Ne,
+    Ae,
     {
-      TransitionComponent: qe,
+      TransitionComponent: ze,
       anchorOrigin: { vertical: "bottom", horizontal: "right" },
       autoHideDuration: n,
       onClose: o,
@@ -829,14 +829,14 @@ const co = ({
         width: u ? 400 : 325
       },
       children: /* @__PURE__ */ a(
-        we,
+        Ee,
         {
-          action: B,
+          action: L,
           severity: r,
           sx: {
             display: "flex",
             alignItems: "stretch",
-            minHeight: l && c && u ? 120 : 56,
+            minHeight: c && l && u ? 120 : 56,
             maxHeight: u ? 120 : 56,
             width: "100%",
             "& .MuiAlert-icon": {
@@ -854,7 +854,7 @@ const co = ({
           },
           variant: "filled",
           children: /* @__PURE__ */ a(
-            F,
+            D,
             {
               sx: {
                 lineHeight: T.typography.body1.lineHeight,
@@ -874,158 +874,118 @@ const co = ({
   REACT: "react",
   REACT_NATIVE: "react_native",
   NATIVE: "native"
-}, _ = {
+}, w = {
   LIGHT: "light",
   DARK: "dark"
-}, se = C.createContext(ne), de = C.createContext(
-  $(_.LIGHT, O.REACT_NATIVE)
-), so = ({
+}, re = C.createContext(q), te = C.createContext(
+  G(w.LIGHT, O.REACT_NATIVE)
+), Q0 = ({
   children: e,
   target: o = O.REACT,
-  theme: i = _.LIGHT,
+  theme: i = w.LIGHT,
   tokenOverrides: n
 }) => {
-  const [r, d] = C.useState(i === _.LIGHT ? ne : _e), c = C.useMemo(() => ({
+  const [r, d] = C.useState(i === w.LIGHT ? q : Se), l = C.useMemo(() => ({
     ...n
   }), [n]);
   return C.useEffect(() => {
-    const l = $(i, o, { ...c });
-    d(l);
-  }, [i, o, c]), o === O.REACT ? /* @__PURE__ */ a(se.Provider, { value: r, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(de.Provider, { value: r, children: e }));
-}, uo = (e = O.REACT, o = {}) => {
-  const i = e === O.REACT ? se : de, n = C.useContext(i);
-  return n || $(_.LIGHT, e, { ...o });
-}, po = ({
-  component: e = L,
+    const c = G(i, o, { ...l });
+    d(c);
+  }, [i, o, l]), o === O.REACT ? /* @__PURE__ */ a(re.Provider, { value: r, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(te.Provider, { value: r, children: e }));
+}, J0 = (e = O.REACT, o = {}) => {
+  const i = e === O.REACT ? re : te, n = C.useContext(i);
+  return n || G(w.LIGHT, e, { ...o });
+}, q0 = ({
+  component: e = z,
   variant: o = "outlined",
   selected: i,
   onChange: n,
   headline: r,
   message: d,
-  name: c,
-  value: l,
+  name: l,
+  value: c,
   disabled: s = !1,
   error: t = !1,
   icon: u = !1,
   sx: T = {},
-  ...B
+  ...L
 }) => {
-  const m = H(), ue = Ce(), { id: pe, ...U } = B || {}, D = pe || `selection-box-${ue}`, W = `${D}-headline`, z = `${D}-message`, Z = r ? `${W} ${z}` : z, he = (Y) => {
-    if (s || !n) return;
-    const X = e === L ? !0 : !i, Te = {
-      ...Y,
-      target: {
-        ...Y.target,
-        checked: X,
-        value: l
-      }
-    };
-    n(Te, X);
-  }, ge = () => m.palette.background.paper, K = () => t ? `inset 0px 0px 0px 2px ${m.palette.error.main}` : s ? i ? `inset 0px 0px 0px 2px ${m.palette.action.disabled}` : o === "outlined" ? `inset 0px 0px 0px 1px ${m.palette.action.disabledBackground}` : void 0 : i ? `inset 0px 0px 0px 2px ${b(m.palette.primary.main, 0.5)}` : o === "outlined" ? `inset 0px 0px 0px 1px ${b(m.palette.common.black, 0.23)}` : void 0, fe = () => s || t ? m.palette.background.paper : b(m.palette.primary.main, 0.1), me = () => s || t ? K() : i ? `inset 0px 0px 0px 2px ${b(m.palette.primary.main, 0.5)}` : o === "outlined" ? `inset 0px 0px 0px 1px ${b(m.palette.primary.main, 0.5)}` : void 0, be = () => s || t ? m.palette.background.paper : b(m.palette.primary.main, 0.3);
-  return /* @__PURE__ */ x(
-    Pe,
+  const f = H(), ie = () => f.palette.background.paper, P = () => t ? `inset 0px 0px 0px 2px ${f.palette.error.main}` : s ? i ? `inset 0px 0px 0px 2px ${f.palette.action.disabled}` : o === "outlined" ? `inset 0px 0px 0px 1px ${f.palette.action.disabledBackground}` : `inset 0px 0px 0px 1px ${f.palette.action.disabled}` : o === "outlined" ? i ? `inset 0px 0px 0px 2px ${b(f.palette.primary.main, 0.5)}` : `inset 0px 0px 0px 1px ${b(f.palette.common.black, 0.23)}` : i ? `inset 0px 0px 0px 2px ${b(f.palette.primary.main, 0.5)}` : f.shadows[1], ae = () => s || t ? f.palette.background.paper : b(f.palette.primary.main, 0.1), ne = () => s || t ? P() : o === "outlined" ? i ? `inset 0px 0px 0px 2px ${b(f.palette.primary.main, 0.5)}` : `inset 0px 0px 0px 1px ${b(f.palette.primary.main, 0.5)}` : P(), le = () => s || t ? f.palette.background.paper : b(f.palette.primary.main, 0.3);
+  return /* @__PURE__ */ a(
+    Ie,
     {
-      elevation: o === "elevation" ? 1 : 0,
-      onClick: he,
+      checked: i,
+      control: e === z ? /* @__PURE__ */ a(
+        z,
+        {
+          name: l,
+          sx: {
+            p: 0,
+            ml: 16,
+            mt: "8px",
+            flexShrink: 0,
+            "& .MuiSvgIcon-root": {
+              fontSize: "20px"
+            }
+          },
+          ...L
+        }
+      ) : /* @__PURE__ */ a(
+        ve,
+        {
+          name: l,
+          sx: {
+            p: 0,
+            ml: 16,
+            mt: "8px",
+            flexShrink: 0,
+            "& .MuiSvgIcon-root": {
+              fontSize: "20px"
+            }
+          },
+          ...L
+        }
+      ),
+      disabled: s,
+      label: /* @__PURE__ */ x(B, { sx: { display: "flex", alignItems: "flex-start", width: "100%" }, children: [
+        u && /* @__PURE__ */ a(B, { sx: { mr: 12, mt: "8px", flexShrink: 0 }, children: u }),
+        /* @__PURE__ */ x(B, { sx: { flex: 1, minWidth: 0, py: "8px" }, children: [
+          r && /* @__PURE__ */ a(Y, { fontWeight: 600, sx: { lineHeight: "24px", pb: "4px" }, variant: "body1", children: r }),
+          /* @__PURE__ */ a(Y, { sx: { lineHeight: "20px" }, variant: "subtitle2", children: d })
+        ] })
+      ] }),
+      labelPlacement: "start",
+      onChange: n,
       sx: {
         display: "flex",
         padding: "6px 16px",
         alignItems: "flex-start",
         justifyContent: "space-between",
-        borderRadius: m.shape.borderRadius / 2,
+        borderRadius: f.shape.borderRadius / 2,
         mb: 16,
         cursor: s ? "not-allowed" : "pointer",
         opacity: s ? 0.6 : 1,
-        backgroundColor: ge(),
+        backgroundColor: ie(),
         border: "none",
-        boxShadow: K(),
+        boxShadow: P(),
         boxSizing: "border-box",
-        transition: m.transitions.create(["background-color", "box-shadow"], {
-          duration: m.transitions.duration.short
+        transition: f.transitions.create(["background-color", "box-shadow"], {
+          duration: f.transitions.duration.short
         }),
         "&:hover": {
-          backgroundColor: fe(),
-          boxShadow: me()
+          backgroundColor: ae(),
+          boxShadow: ne()
         },
         "&:active": {
-          backgroundColor: be()
+          backgroundColor: le()
         },
-        "&:focus-within": {
-          outline: `2px solid ${m.palette.info.main}`,
+        "&:focus-visible": {
+          outline: `2px solid ${f.palette.info.main}`,
           outlineOffset: "2px"
         },
         ...T
       },
-      variant: o,
-      children: [
-        u && /* @__PURE__ */ a(
-          ee,
-          {
-            sx: {
-              mr: 12,
-              mt: "8px",
-              flexShrink: 0
-            },
-            children: u
-          }
-        ),
-        /* @__PURE__ */ x(ee, { sx: { flex: 1, minWidth: 0, py: "8px", cursor: "inherit" }, children: [
-          r && /* @__PURE__ */ a(
-            oe,
-            {
-              fontWeight: 600,
-              id: W,
-              sx: { lineHeight: "24px", pb: "4px" },
-              variant: "body1",
-              children: r
-            }
-          ),
-          /* @__PURE__ */ a(oe, { id: z, sx: { lineHeight: "20px" }, variant: "subtitle2", children: d })
-        ] }),
-        e === L ? /* @__PURE__ */ a(
-          L,
-          {
-            "aria-labelledby": Z,
-            checked: i,
-            disabled: s,
-            id: D,
-            name: c,
-            onChange: n,
-            sx: {
-              p: 0,
-              ml: 16,
-              mt: "8px",
-              flexShrink: 0,
-              "& .MuiSvgIcon-root": {
-                fontSize: "20px"
-              }
-            },
-            value: l,
-            ...U
-          }
-        ) : /* @__PURE__ */ a(
-          Be,
-          {
-            "aria-labelledby": Z,
-            checked: i,
-            disabled: s,
-            id: D,
-            name: c,
-            onChange: n,
-            sx: {
-              p: 0,
-              ml: 16,
-              mt: "8px",
-              flexShrink: 0,
-              "& .MuiSvgIcon-root": {
-                fontSize: "20px"
-              }
-            },
-            value: l,
-            ...U
-          }
-        )
-      ]
+      value: c
     }
   );
 }, v = {
@@ -1037,11 +997,11 @@ const co = ({
   300: y(e, 0.55),
   400: y(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)
-}), R = "#FFFFFF", w = "#000000", Je = "#F9F9F9", e0 = "#1A1A1A", E = {
+  600: k(e, 0.3),
+  700: k(e, 0.5),
+  800: k(e, 0.65),
+  900: k(e, 0.75)
+}), R = "#FFFFFF", N = "#000000", Ve = "#F9F9F9", Ge = "#1A1A1A", E = {
   PRIMARY: "#2C64EF",
   SECONDARY: "#808080",
   INFO: "#2C64EF",
@@ -1110,8 +1070,8 @@ const co = ({
   TRANSFER: "#75C7B7",
   TRAVEL: "#76ACF7",
   UNCATEGORIZED: "#BCC6D4"
-}, o0 = (e, o) => {
-  const i = A(o?.primary || E.PRIMARY), n = A(o?.secondary || E.SECONDARY), r = A(o?.error || E.ERROR), d = A(o?.warning || E.WARNING), c = A(o?.info || E.INFO), l = A(o?.success || E.SUCCESS), s = A(o?.grey || E.GREY), t = e === v.LIGHT;
+}, $e = (e, o) => {
+  const i = A(o?.primary || E.PRIMARY), n = A(o?.secondary || E.SECONDARY), r = A(o?.error || E.ERROR), d = A(o?.warning || E.WARNING), l = A(o?.info || E.INFO), c = A(o?.success || E.SUCCESS), s = A(o?.grey || E.GREY), t = e === v.LIGHT;
   return {
     mode: e,
     // DEPRECATED: Use grey instead
@@ -1126,7 +1086,7 @@ const co = ({
     },
     common: {
       white: R,
-      black: w
+      black: N
     },
     primary: {
       ...i,
@@ -1157,7 +1117,7 @@ const co = ({
       dark: t ? s[700] : s[200],
       /* DEPRECATED: Use dark instead */
       darker: t ? s[900] : s[100],
-      contrastText: ze(t ? s[700] : s[400], "#fff") > 4.5 ? R : s[900]
+      contrastText: He(t ? s[700] : s[400], "#fff") > 4.5 ? R : s[900]
     },
     text: {
       primary: t ? s[900] : R,
@@ -1185,16 +1145,6 @@ const co = ({
       darker: t ? d[900] : d[100]
     },
     info: {
-      ...c,
-      /* DEPRECATED: Use light instead */
-      lighter: t ? c[100] : c[800],
-      light: t ? c[300] : c[600],
-      main: t ? c[500] : c[400],
-      dark: t ? c[700] : c[200],
-      /* DEPRECATED: Use light instead */
-      darker: t ? c[900] : c[100]
-    },
-    success: {
       ...l,
       /* DEPRECATED: Use light instead */
       lighter: t ? l[100] : l[800],
@@ -1204,20 +1154,30 @@ const co = ({
       /* DEPRECATED: Use light instead */
       darker: t ? l[900] : l[100]
     },
+    success: {
+      ...c,
+      /* DEPRECATED: Use light instead */
+      lighter: t ? c[100] : c[800],
+      light: t ? c[300] : c[600],
+      main: t ? c[500] : c[400],
+      dark: t ? c[700] : c[200],
+      /* DEPRECATED: Use light instead */
+      darker: t ? c[900] : c[100]
+    },
     grey: s,
     action: {
-      active: t ? b(w, 0.56) : b(R, 0.56),
+      active: t ? b(N, 0.56) : b(R, 0.56),
       hoverOpacity: t ? 0.1 : 0.2,
       selectedOpacity: t ? 0.16 : 0.25,
       focusOpacity: 0.3
     },
     background: {
-      default: t ? o?.background?.default?.light || Je : o?.background?.default?.dark || e0,
-      paper: t ? o?.background?.paper?.light || R : o?.background?.paper?.dark || w,
+      default: t ? o?.background?.default?.light || Ve : o?.background?.default?.dark || N,
+      paper: t ? o?.background?.paper?.light || R : o?.background?.paper?.dark || Ge,
       highlight: t ? s[200] : s[600],
       highlightPrimary: t ? i[100] : i[500]
     },
-    divider: t ? b(w, 0.12) : b(R, 0.24),
+    divider: t ? b(N, 0.12) : b(R, 0.24),
     categories: {
       autoTransport: t ? p.AUTO_TRANSPORTT : h.AUTO_TRANSPORTT,
       billsUtilities: t ? p.BILLS_UTILITIES : h.BILLS_UTILITIES,
@@ -1260,8 +1220,8 @@ const co = ({
       chartMono6: I.CHART_MONO6
     }
   };
-}, r0 = "Inter, Helvetica, Arial, sans-serif", t0 = (e) => {
-  const o = e?.fontFamily || r0;
+}, Ue = "Inter, Helvetica, Arial, sans-serif", We = (e) => {
+  const o = e?.fontFamily || Ue;
   return {
     fontFamily: o,
     fontSize: 15,
@@ -1394,16 +1354,16 @@ const co = ({
     ...e
   };
 };
-$e.setLicenseKey(
+Oe.setLicenseKey(
   "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
 );
-const P = [...re().shadows];
-P[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
-P[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
-P[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
-const ho = (e, o) => {
-  const i = o0(e, o?.paletteOptions), n = t0(o?.typographyOptions);
-  return re({
+const _ = [...X().shadows];
+_[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
+_[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
+_[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
+const eo = (e, o) => {
+  const i = $e(e, o?.paletteOptions), n = We(o?.typographyOptions);
+  return X({
     breakpoints: {
       values: {
         xs: 444,
@@ -1414,7 +1374,7 @@ const ho = (e, o) => {
       }
     },
     palette: i,
-    shadows: P,
+    shadows: _,
     shape: {
       borderRadius: o?.shapeOptions?.borderRadius || 4
     },
@@ -1434,14 +1394,14 @@ const ho = (e, o) => {
         },
         styleOverrides: {
           root: ({ theme: r, ownerState: d }) => {
-            const c = d.severity || "info";
-            let l = r.palette.mode === v.LIGHT ? r.palette[c]?.[50] : r.palette[c]?.[800];
+            const l = d.severity || "info";
+            let c = r.palette.mode === v.LIGHT ? r.palette[l]?.[50] : r.palette[l]?.[800];
             if (d.variant === "filled") {
-              const s = c === "warning";
-              l = r.palette[c]?.[s ? 400 : 600];
+              const s = l === "warning";
+              c = r.palette[l]?.[s ? 400 : 600];
             }
             return {
-              backgroundColor: l,
+              backgroundColor: c,
               borderRadius: r.shape.borderRadius,
               "& .MuiAlert-message": {
                 fontSize: r.typography.subtitle1.fontSize,
@@ -1523,7 +1483,7 @@ const ho = (e, o) => {
       MuiCircularProgress: {
         styleOverrides: {
           root: {
-            [`& .${Ve.circle}`]: {
+            [`& .${ye.circle}`]: {
               strokeLinecap: "round"
             }
           }
@@ -1891,8 +1851,7 @@ const ho = (e, o) => {
       MuiPaper: {
         styleOverrides: {
           root: {
-            borderRadius: 8,
-            backgroundImage: "unset"
+            borderRadius: 8
           }
         }
       },
@@ -2154,51 +2113,51 @@ const ho = (e, o) => {
   });
 };
 export {
-  N0 as AccountsFilledIcon,
-  w0 as AccountsIcon,
-  _0 as ArrowLeftIcon,
-  P0 as AttentionFilledIcon,
-  f as BaseIcon,
-  J0 as BottomSheetTransition,
-  B0 as CalendarIcon,
+  A0 as AccountsFilledIcon,
+  E0 as AccountsIcon,
+  S0 as ArrowLeftIcon,
+  I0 as AttentionFilledIcon,
+  m as BaseIcon,
+  V0 as BottomSheetTransition,
+  v0 as CalendarIcon,
   g as CategoryGuids,
-  Ke as CategoryIcon,
-  We as CategoryIconList,
-  Ue as CategoryIconVariants,
-  z0 as CheckmarkFilledIcon,
-  V0 as ChevronDownIcon,
-  $0 as ChevronLeftIcon,
-  G0 as ChevronRightIcon,
-  U0 as CloseIcon,
-  q0 as DateRangePicker,
-  Xe as DialogFooter,
-  to as DialogHeader,
-  io as Drawer,
-  W0 as EditIcon,
-  Z0 as FilterIcon,
-  Xe as Footer,
-  je as H1,
-  eo as H2,
-  oo as H3,
-  K0 as HeartIcon,
-  r0 as INTER,
+  Ne as CategoryIcon,
+  Le as CategoryIconList,
+  De as CategoryIconVariants,
+  H0 as CheckmarkFilledIcon,
+  y0 as ChevronDownIcon,
+  O0 as ChevronLeftIcon,
+  F0 as ChevronRightIcon,
+  D0 as CloseIcon,
+  z0 as DateRangePicker,
+  _e as DialogFooter,
+  W0 as DialogHeader,
+  Z0 as Drawer,
+  L0 as EditIcon,
+  k0 as FilterIcon,
+  _e as Footer,
+  Pe as H1,
+  G0 as H2,
+  $0 as H3,
+  N0 as HeartIcon,
+  Ue as INTER,
   M as Icon,
-  Ge as IconWeight,
-  ao as InstitutionLogo,
-  X0 as MXLogoCopyrightIcon,
-  j0 as MXLogoFilledIcon,
-  Y0 as MXLogoIcon,
-  Q0 as MXLogoOutlineIcon,
-  no as MerchantLogo,
-  ro as P,
-  po as SelectionBox,
+  Fe as IconWeight,
+  K0 as InstitutionLogo,
+  _0 as MXLogoCopyrightIcon,
+  P0 as MXLogoFilledIcon,
+  w0 as MXLogoIcon,
+  B0 as MXLogoOutlineIcon,
+  Y0 as MerchantLogo,
+  U0 as P,
+  q0 as SelectionBox,
   O as TARGETS,
-  _ as THEMES,
-  F as Text,
-  lo as TextField,
-  co as Toast,
-  so as TokenProvider,
-  ho as createMXTheme,
-  uo as useTokens
+  w as THEMES,
+  D as Text,
+  X0 as TextField,
+  j0 as Toast,
+  Q0 as TokenProvider,
+  eo as createMXTheme,
+  J0 as useTokens
 };
 //# sourceMappingURL=index.es.js.map