@mxenabled/mxui 1.0.1 → 1.0.2-alpha.JB0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.es.js +635 -625
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/themes/MXTheme.d.ts +2 -1
  4. package/dist/themes/Palette.d.ts +10 -1
  5. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,124 +1,124 @@
1
1
  import { jsx as a, jsxs as y } from "react/jsx-runtime";
2
- import f from "react";
3
- import L from "@mui/material/Stack";
4
- import { useTheme as T, createTheme as B } from "@mui/material/styles";
5
- import X from "@mui/material/Icon";
6
- import { endOfMonth as F } from "date-fns/endOfMonth";
7
- import { endOfYear as Y } from "date-fns/endOfYear";
8
- import { startOfToday as Q } from "date-fns/startOfToday";
9
- import { startOfMonth as w } from "date-fns/startOfMonth";
10
- import { startOfYear as R } from "date-fns/startOfYear";
11
- import { subDays as N } from "date-fns/subDays";
12
- import { subMonths as J } from "date-fns/subMonths";
13
- import { subYears as q } from "date-fns/subYears";
14
- import ee from "@mui/material/useMediaQuery";
15
- import { LocalizationProvider as re, StaticDateRangePicker as te } from "@mui/x-date-pickers-pro";
16
- import { AdapterDateFns as oe } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
- import E from "@mui/material/Box";
18
- import ae from "@mui/material/ToggleButton";
19
- import ie from "@mui/material/ToggleButtonGroup";
20
- import O from "@mui/material/Slide";
21
- import k from "@mui/material/Button";
22
- import _ from "@mui/material/Toolbar";
23
- import V from "@mui/material/IconButton";
24
- import ne from "@mui/material/Drawer";
25
- import le from "@mui/material/Typography";
26
- import ce from "@mui/material/TextField";
27
- import se from "@mui/material/Snackbar";
28
- import de from "@mui/material/Alert";
29
- import { light as W, buildTheme as H, dark as ue } from "@mxenabled/design-tokens";
30
- import { LicenseInfo as pe } from "@mui/x-license-pro";
31
- import { circularProgressClasses as he } from "@mui/material/CircularProgress";
32
- import ge from "@mui/material/styles/createPalette";
33
- import me from "@mui/material/styles/createTypography";
34
- const g = ({
2
+ import m from "react";
3
+ import k from "@mui/material/Stack";
4
+ import { useTheme as C, createTheme as P } from "@mui/material/styles";
5
+ import j from "@mui/material/Icon";
6
+ import { endOfMonth as S } from "date-fns/endOfMonth";
7
+ import { endOfYear as X } from "date-fns/endOfYear";
8
+ import { startOfToday as Y } from "date-fns/startOfToday";
9
+ import { startOfMonth as F } from "date-fns/startOfMonth";
10
+ import { startOfYear as w } from "date-fns/startOfYear";
11
+ import { subDays as R } from "date-fns/subDays";
12
+ import { subMonths as Q } from "date-fns/subMonths";
13
+ import { subYears as J } from "date-fns/subYears";
14
+ import q from "@mui/material/useMediaQuery";
15
+ import { LocalizationProvider as e0, StaticDateRangePicker as r0 } from "@mui/x-date-pickers-pro";
16
+ import { AdapterDateFns as t0 } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
+ import L from "@mui/material/Box";
18
+ import o0 from "@mui/material/ToggleButton";
19
+ import a0 from "@mui/material/ToggleButtonGroup";
20
+ import B from "@mui/material/Slide";
21
+ import D from "@mui/material/Button";
22
+ import O from "@mui/material/Toolbar";
23
+ import _ from "@mui/material/IconButton";
24
+ import i0 from "@mui/material/Drawer";
25
+ import n0 from "@mui/material/Typography";
26
+ import l0 from "@mui/material/TextField";
27
+ import c0 from "@mui/material/Snackbar";
28
+ import s0 from "@mui/material/Alert";
29
+ import { light as V, buildTheme as E, dark as d0 } from "@mxenabled/design-tokens";
30
+ import { LicenseInfo as u0 } from "@mui/x-license-pro";
31
+ import { circularProgressClasses as p0 } from "@mui/material/CircularProgress";
32
+ import h0 from "@mui/material/styles/createPalette";
33
+ import g0 from "@mui/material/styles/createTypography";
34
+ const h = ({
35
35
  children: e,
36
36
  height: o,
37
- size: n = 16,
38
- viewBox: r = "0 0 16 16",
39
- width: i
37
+ size: r = 16,
38
+ viewBox: l = "0 0 16 16",
39
+ width: t
40
40
  }) => /* @__PURE__ */ a(
41
41
  "svg",
42
42
  {
43
43
  "aria-hidden": !0,
44
44
  className: "mx-kmui-icon",
45
45
  focusable: !1,
46
- height: o || n,
47
- viewBox: r,
48
- width: i || n,
46
+ height: o || r,
47
+ viewBox: l,
48
+ width: t || r,
49
49
  xmlns: "http://www.w3.org/2000/svg",
50
50
  children: e
51
51
  }
52
52
  );
53
- 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 || {});
54
- const M = ({
53
+ var m0 = /* @__PURE__ */ ((e) => (e[e.Lighter = 100] = "Lighter", e[e.Light = 200] = "Light", e[e.Normal = 300] = "Normal", e[e.Dark = 400] = "Dark", e[e.Darker = 500] = "Darker", e))(m0 || {});
54
+ const b = ({
55
55
  color: e,
56
56
  fill: o = !1,
57
- name: n,
58
- size: r = 20,
59
- sx: i,
60
- weight: l = 300,
61
- ...c
57
+ name: r,
58
+ size: l = 20,
59
+ sx: t,
60
+ weight: i = 300,
61
+ ...n
62
62
  }) => {
63
- const [d, b] = f.useState(!1);
64
- return f.useEffect(() => {
63
+ const [c, f] = m.useState(!1);
64
+ return m.useEffect(() => {
65
65
  document.fonts.ready.then(() => {
66
- b(!0);
66
+ f(!0);
67
67
  });
68
68
  }, []), /* @__PURE__ */ a(
69
- X,
69
+ j,
70
70
  {
71
- color: d ? e && e : void 0,
71
+ color: c ? e && e : void 0,
72
72
  sx: [
73
73
  {
74
- fontSize: r,
74
+ fontSize: l,
75
75
  fontVariationSettings: `
76
76
  'FILL' ${o ? 1 : 0},
77
- 'wght' ${l},
77
+ 'wght' ${i},
78
78
  'GRAD' 0,
79
- 'opsz' ${r}
79
+ 'opsz' ${l}
80
80
  `
81
81
  },
82
- ...Array.isArray(i) ? i : [i],
82
+ ...Array.isArray(t) ? t : [t],
83
83
  {
84
- ...!d && { color: "transparent" }
84
+ ...!c && { color: "transparent" }
85
85
  }
86
86
  ],
87
- ...c,
88
- children: n
87
+ ...n,
88
+ children: r
89
89
  }
90
90
  );
91
- }, s0 = ({
91
+ }, se = ({
92
92
  color: e = "currentColor",
93
93
  ...o
94
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
94
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
95
95
  "path",
96
96
  {
97
97
  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",
98
98
  fill: e
99
99
  }
100
- ) })), d0 = ({
100
+ ) })), de = ({
101
101
  color: e = "currentColor",
102
102
  ...o
103
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
103
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
104
104
  "path",
105
105
  {
106
106
  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",
107
107
  fill: e
108
108
  }
109
- ) })), u0 = ({
109
+ ) })), ue = ({
110
110
  color: e = "currentColor",
111
111
  ...o
112
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
112
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
113
113
  "path",
114
114
  {
115
115
  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",
116
116
  fill: e
117
117
  }
118
- ) })), p0 = ({
118
+ ) })), pe = ({
119
119
  color: e = "currentColor",
120
120
  ...o
121
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
121
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
122
122
  "path",
123
123
  {
124
124
  clipRule: "evenodd",
@@ -126,91 +126,91 @@ const M = ({
126
126
  fill: e,
127
127
  fillRule: "evenodd"
128
128
  }
129
- ) })), h0 = ({
129
+ ) })), he = ({
130
130
  color: e = "currentColor",
131
131
  ...o
132
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
132
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
133
133
  "path",
134
134
  {
135
135
  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",
136
136
  fill: e
137
137
  }
138
- ) })), g0 = ({
138
+ ) })), ge = ({
139
139
  color: e = "currentColor",
140
140
  ...o
141
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
141
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
142
142
  "path",
143
143
  {
144
144
  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",
145
145
  fill: e
146
146
  }
147
- ) })), m0 = ({
147
+ ) })), me = ({
148
148
  color: e = "currentColor",
149
149
  ...o
150
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
150
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
151
151
  "path",
152
152
  {
153
153
  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",
154
154
  fill: e
155
155
  }
156
- ) })), f0 = ({
156
+ ) })), fe = ({
157
157
  color: e = "currentColor",
158
158
  ...o
159
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
159
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
160
160
  "path",
161
161
  {
162
162
  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",
163
163
  fill: e
164
164
  }
165
- ) })), b0 = ({
165
+ ) })), be = ({
166
166
  color: e = "currentColor",
167
167
  ...o
168
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
168
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
169
169
  "path",
170
170
  {
171
171
  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",
172
172
  fill: e
173
173
  }
174
- ) })), be = ({
174
+ ) })), f0 = ({
175
175
  color: e = "currentColor",
176
176
  ...o
177
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
177
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
178
178
  "path",
179
179
  {
180
180
  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",
181
181
  fill: e
182
182
  }
183
- ) })), M0 = ({
183
+ ) })), ye = ({
184
184
  color: e = "currentColor",
185
185
  ...o
186
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
186
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
187
187
  "path",
188
188
  {
189
189
  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",
190
190
  fill: e
191
191
  }
192
- ) })), y0 = ({
192
+ ) })), Me = ({
193
193
  color: e = "currentColor",
194
194
  ...o
195
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
195
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
196
196
  "path",
197
197
  {
198
198
  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",
199
199
  fill: e
200
200
  }
201
- ) })), C0 = ({
201
+ ) })), Ce = ({
202
202
  color: e = "currentColor",
203
203
  ...o
204
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
204
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
205
205
  "path",
206
206
  {
207
207
  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",
208
208
  fill: e
209
209
  }
210
- ) })), T0 = ({
210
+ ) })), Te = ({
211
211
  color: e = "currentColor",
212
212
  ...o
213
- }) => /* @__PURE__ */ y(g, { ...o, children: [
213
+ }) => /* @__PURE__ */ y(h, { ...o, children: [
214
214
  /* @__PURE__ */ a(
215
215
  "path",
216
216
  {
@@ -225,10 +225,10 @@ const M = ({
225
225
  fill: e
226
226
  }
227
227
  )
228
- ] }), v0 = ({
228
+ ] }), ve = ({
229
229
  color: e = "currentColor",
230
230
  ...o
231
- }) => /* @__PURE__ */ y(g, { ...o, children: [
231
+ }) => /* @__PURE__ */ y(h, { ...o, children: [
232
232
  /* @__PURE__ */ a(
233
233
  "path",
234
234
  {
@@ -261,10 +261,10 @@ const M = ({
261
261
  fillRule: "evenodd"
262
262
  }
263
263
  )
264
- ] }), x0 = ({
264
+ ] }), xe = ({
265
265
  color: e = "currentColor",
266
266
  ...o
267
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
267
+ }) => /* @__PURE__ */ a(h, { ...o, children: /* @__PURE__ */ a(
268
268
  "path",
269
269
  {
270
270
  clipRule: "evenodd",
@@ -272,10 +272,10 @@ const M = ({
272
272
  fill: e,
273
273
  fillRule: "evenodd"
274
274
  }
275
- ) }), A0 = ({
275
+ ) }), Ae = ({
276
276
  color: e = "currentColor",
277
277
  ...o
278
- }) => /* @__PURE__ */ y(g, { ...o, children: [
278
+ }) => /* @__PURE__ */ y(h, { ...o, children: [
279
279
  /* @__PURE__ */ a(
280
280
  "path",
281
281
  {
@@ -300,164 +300,164 @@ const M = ({
300
300
  }
301
301
  )
302
302
  ] });
303
- var u = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(u || {}), Me = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(Me || {});
304
- const $ = {
305
- guid: u.Uncategorized,
303
+ var d = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(d || {}), b0 = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(b0 || {});
304
+ const W = {
305
+ guid: d.Uncategorized,
306
306
  colorName: "uncategorized",
307
307
  icon: "category"
308
- }, ye = [
308
+ }, y0 = [
309
309
  {
310
- guid: u.AutoTransport,
310
+ guid: d.AutoTransport,
311
311
  colorName: "autoTransport",
312
312
  icon: "directions_car"
313
313
  },
314
314
  {
315
- guid: u.BillsUtilities,
315
+ guid: d.BillsUtilities,
316
316
  colorName: "billsUtilities",
317
317
  icon: "electrical_services"
318
318
  },
319
319
  {
320
- guid: u.BusinessServices,
320
+ guid: d.BusinessServices,
321
321
  colorName: "businessServices",
322
322
  icon: "business_center"
323
323
  },
324
324
  {
325
- guid: u.Education,
325
+ guid: d.Education,
326
326
  colorName: "education",
327
327
  icon: "school"
328
328
  },
329
329
  {
330
- guid: u.Entertainment,
330
+ guid: d.Entertainment,
331
331
  colorName: "entertainment",
332
332
  icon: "stadium"
333
333
  },
334
334
  {
335
- guid: u.FeesCharges,
335
+ guid: d.FeesCharges,
336
336
  colorName: "feesCharges",
337
337
  icon: "problem"
338
338
  },
339
339
  {
340
- guid: u.Financial,
340
+ guid: d.Financial,
341
341
  colorName: "financial",
342
342
  icon: "price_check"
343
343
  },
344
344
  {
345
- guid: u.FoodDining,
345
+ guid: d.FoodDining,
346
346
  colorName: "foodDining",
347
347
  icon: "grocery"
348
348
  },
349
349
  {
350
- guid: u.GiftsDonations,
350
+ guid: d.GiftsDonations,
351
351
  colorName: "giftsDonations",
352
352
  icon: "featured_seasonal_and_gifts"
353
353
  },
354
354
  {
355
- guid: u.HealthFitness,
355
+ guid: d.HealthFitness,
356
356
  colorName: "healthFitness",
357
357
  icon: "ecg_heart"
358
358
  },
359
359
  {
360
- guid: u.Home,
360
+ guid: d.Home,
361
361
  colorName: "home",
362
362
  icon: "cottage"
363
363
  },
364
364
  {
365
- guid: u.Income,
365
+ guid: d.Income,
366
366
  colorName: "income",
367
367
  icon: "monetization_on"
368
368
  },
369
369
  {
370
- guid: u.Investments,
370
+ guid: d.Investments,
371
371
  colorName: "investments",
372
372
  icon: "bid_landscape"
373
373
  },
374
374
  {
375
- guid: u.Kids,
375
+ guid: d.Kids,
376
376
  colorName: "kids",
377
377
  icon: "face"
378
378
  },
379
379
  {
380
- guid: u.PersonalCare,
380
+ guid: d.PersonalCare,
381
381
  colorName: "personalCare",
382
382
  icon: "volunteer_activism"
383
383
  },
384
384
  {
385
- guid: u.Pets,
385
+ guid: d.Pets,
386
386
  colorName: "pets",
387
387
  icon: "pet_supplies"
388
388
  },
389
389
  {
390
- guid: u.Shopping,
390
+ guid: d.Shopping,
391
391
  colorName: "shopping",
392
392
  icon: "shopping_cart"
393
393
  },
394
394
  {
395
- guid: u.Taxes,
395
+ guid: d.Taxes,
396
396
  colorName: "taxes",
397
397
  icon: "heap_snapshot_large"
398
398
  },
399
399
  {
400
- guid: u.Transfer,
400
+ guid: d.Transfer,
401
401
  colorName: "transfer",
402
402
  icon: "compare_arrows"
403
403
  },
404
404
  {
405
- guid: u.Travel,
405
+ guid: d.Travel,
406
406
  colorName: "travel",
407
407
  icon: "airplane_ticket"
408
408
  },
409
- $
410
- ], Ce = 0.625, Te = ({
409
+ W
410
+ ], M0 = 0.625, C0 = ({
411
411
  categoryGuid: e,
412
- icon_ratio: o = Ce,
413
- size: n = 32,
414
- sx: r = {},
415
- variant: i = "filled"
412
+ icon_ratio: o = M0,
413
+ size: r = 32,
414
+ sx: l = {},
415
+ variant: t = "filled"
416
416
  }) => {
417
- const l = T(), c = f.useMemo(
418
- () => ye.find((s) => s.guid === e) ?? $,
417
+ const i = C(), n = m.useMemo(
418
+ () => y0.find((s) => s.guid === e) ?? W,
419
419
  [e]
420
- ), d = l.palette.categories[c.colorName];
420
+ ), c = i.palette.categories[n.colorName];
421
421
  return /* @__PURE__ */ a(
422
- L,
422
+ k,
423
423
  {
424
424
  alignItems: "center",
425
425
  bgcolor: () => {
426
- let s = d;
427
- return i === "twotone" && (s = `${s}20`), i === "transparent" || i === "basic" ? "transparent" : s;
426
+ let s = c;
427
+ return t === "twotone" && (s = `${s}20`), t === "transparent" || t === "basic" ? "transparent" : s;
428
428
  },
429
429
  borderRadius: 1,
430
430
  color: () => {
431
- const s = i === "filled" ? l.palette.common.white : d;
432
- return i === "basic" ? l.palette.text.primary : s;
431
+ const s = t === "filled" ? i.palette.common.white : c;
432
+ return t === "basic" ? i.palette.text.primary : s;
433
433
  },
434
- height: n,
434
+ height: r,
435
435
  justifyContent: "center",
436
- sx: [...Array.isArray(r) ? r : [r]],
437
- width: n,
438
- children: /* @__PURE__ */ a(M, { name: c.icon, size: n * o })
436
+ sx: [...Array.isArray(l) ? l : [l]],
437
+ width: r,
438
+ children: /* @__PURE__ */ a(b, { name: n.icon, size: r * o })
439
439
  }
440
440
  );
441
- }, ve = ({
441
+ }, T0 = ({
442
442
  items: e,
443
443
  onChange: o,
444
- isValid: n,
445
- selected: r
444
+ isValid: r,
445
+ selected: l
446
446
  }) => {
447
- const i = T(), l = e?.map((c) => {
448
- const d = c.getValue({ isValid: n });
447
+ const t = C(), i = e?.map((n) => {
448
+ const c = n.getValue({ isValid: r });
449
449
  return {
450
- label: c.label,
450
+ label: n.label,
451
451
  onClick: () => {
452
- o(d, "accept", c);
452
+ o(c, "accept", n);
453
453
  },
454
- disabled: !n(d)
454
+ disabled: !r(c)
455
455
  };
456
456
  });
457
- return /* @__PURE__ */ a(E, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ a(ie, { color: "primary", orientation: "vertical", value: r, children: l?.map((c) => /* @__PURE__ */ a(
458
- ae,
457
+ return /* @__PURE__ */ a(L, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ a(a0, { color: "primary", orientation: "vertical", value: l, children: i?.map((n) => /* @__PURE__ */ a(
458
+ o0,
459
459
  {
460
- onClick: c.onClick,
460
+ onClick: n.onClick,
461
461
  sx: {
462
462
  borderWidth: 1,
463
463
  color: "secondary.main",
@@ -468,65 +468,65 @@ const $ = {
468
468
  boxShadow: "0px 0px 0px 2px rgba(82, 138, 224, 0.8)"
469
469
  },
470
470
  "&:hover": {
471
- bgcolor: i.palette.action.hover,
472
- borderTop: `1px solid ${i.palette.secondary.lighter}`
471
+ bgcolor: t.palette.action.hover,
472
+ borderTop: `1px solid ${t.palette.secondary.lighter}`
473
473
  },
474
474
  "&.Mui-selected": {
475
- border: `2px solid ${i.palette.mode === "light" ? i.palette.primary.main : i.palette.primary.light} !important`,
475
+ border: `2px solid ${t.palette.mode === "light" ? t.palette.primary.main : t.palette.primary.light} !important`,
476
476
  marginTop: "-2px !important",
477
- color: i.palette.mode === "light" ? "primary" : "primary.light"
477
+ color: t.palette.mode === "light" ? "primary" : "primary.light"
478
478
  }
479
479
  },
480
- value: c.label,
481
- children: c.label
480
+ value: n.label,
481
+ children: n.label
482
482
  },
483
- c.label
483
+ n.label
484
484
  )) }) });
485
- }, D0 = ({
485
+ }, De = ({
486
486
  copy: e,
487
487
  dateRange: o,
488
- onRangeChanged: n,
489
- selectedShortcut: r = e.dateRangeThisMonth,
490
- sx: i = {}
488
+ onRangeChanged: r,
489
+ selectedShortcut: l = e.dateRangeThisMonth,
490
+ sx: t = {}
491
491
  }) => {
492
- const l = T(), c = ee(l.breakpoints.down("sm")), d = f.useMemo(() => {
493
- const p = Q(), s = J(p, 1), m = q(p, 1);
492
+ const i = C(), n = q(i.breakpoints.down("sm")), c = m.useMemo(() => {
493
+ const u = Y(), s = Q(u, 1), g = J(u, 1);
494
494
  return [
495
495
  {
496
496
  label: e.dateRangeThisMonth,
497
- getValue: () => [w(p), F(p)]
497
+ getValue: () => [F(u), S(u)]
498
498
  },
499
499
  {
500
500
  label: e.dateRangeLastMonth,
501
- getValue: () => [w(s), F(s)]
501
+ getValue: () => [F(s), S(s)]
502
502
  },
503
503
  {
504
504
  label: e.dateRangeLast30Days,
505
- getValue: () => [N(p, 30), p]
505
+ getValue: () => [R(u, 30), u]
506
506
  },
507
507
  {
508
508
  label: e.dateRangeLast90Days,
509
- getValue: () => [N(p, 90), p]
509
+ getValue: () => [R(u, 90), u]
510
510
  },
511
511
  {
512
512
  label: e.dateRangeYTD,
513
- getValue: () => [R(p), p]
513
+ getValue: () => [w(u), u]
514
514
  },
515
515
  {
516
516
  label: e.dateRangeLastYear,
517
- getValue: () => [R(m), Y(m)]
517
+ getValue: () => [w(g), X(g)]
518
518
  },
519
519
  {
520
520
  label: e.dateRangeCustom,
521
- getValue: () => [p, p]
521
+ getValue: () => [u, u]
522
522
  }
523
523
  ];
524
- }, [e]), b = (p, s) => {
525
- const m = s.shortcut;
526
- n?.(p, m ? m.label : e.dateRangeCustom);
524
+ }, [e]), f = (u, s) => {
525
+ const g = s.shortcut;
526
+ r?.(u, g ? g.label : e.dateRangeCustom);
527
527
  };
528
- return /* @__PURE__ */ a(L, { gap: 16, m: 8, children: /* @__PURE__ */ a(re, { dateAdapter: oe, children: /* @__PURE__ */ a(
529
- te,
528
+ return /* @__PURE__ */ a(k, { gap: 16, m: 8, children: /* @__PURE__ */ a(e0, { dateAdapter: t0, children: /* @__PURE__ */ a(
529
+ r0,
530
530
  {
531
531
  calendars: 1,
532
532
  localeText: {
@@ -534,40 +534,40 @@ const $ = {
534
534
  end: e.dateRangeTo,
535
535
  toolbarTitle: e.dateRangeToolbarTitle
536
536
  },
537
- onChange: b,
537
+ onChange: f,
538
538
  showDaysOutsideCurrentMonth: !0,
539
539
  slotProps: {
540
540
  actionBar: { actions: [] },
541
541
  shortcuts: {
542
- items: c ? [] : d
542
+ items: n ? [] : c
543
543
  },
544
544
  toolbar: {
545
545
  toolbarFormat: "MMM d, yyyy"
546
546
  }
547
547
  },
548
548
  slots: {
549
- leftArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_left", size: 28 }),
550
- shortcuts: (p) => /* @__PURE__ */ a(ve, { selected: r, ...p }),
551
- rightArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_right", size: 28 })
549
+ leftArrowIcon: () => /* @__PURE__ */ a(b, { name: "chevron_left", size: 28 }),
550
+ shortcuts: (u) => /* @__PURE__ */ a(T0, { selected: l, ...u }),
551
+ rightArrowIcon: () => /* @__PURE__ */ a(b, { name: "chevron_right", size: 28 })
552
552
  },
553
- sx: { ...i },
553
+ sx: { ...t },
554
554
  value: o
555
555
  }
556
556
  ) }) });
557
- }, k0 = f.forwardRef(function(o, n) {
558
- return /* @__PURE__ */ a(O, { direction: "up", ref: n, ...o });
559
- }), xe = ({
557
+ }, ke = m.forwardRef(function(o, r) {
558
+ return /* @__PURE__ */ a(B, { direction: "up", ref: r, ...o });
559
+ }), v0 = ({
560
560
  hasSecondaryAction: e = !0,
561
561
  isPrimaryDisabled: o,
562
- onPrimaryAction: n,
563
- onSecondaryAction: r,
564
- primaryColor: i = "primary",
565
- primaryText: l = "Save",
566
- secondaryColor: c = "primary",
567
- secondaryText: d = "Cancel",
568
- ...b
562
+ onPrimaryAction: r,
563
+ onSecondaryAction: l,
564
+ primaryColor: t = "primary",
565
+ primaryText: i = "Save",
566
+ secondaryColor: n = "primary",
567
+ secondaryText: c = "Cancel",
568
+ ...f
569
569
  }) => /* @__PURE__ */ y(
570
- _,
570
+ O,
571
571
  {
572
572
  sx: {
573
573
  display: "flex",
@@ -577,266 +577,266 @@ const $ = {
577
577
  padding: 24
578
578
  }
579
579
  },
580
- ...b,
580
+ ...f,
581
581
  children: [
582
582
  e && /* @__PURE__ */ a(
583
- k,
583
+ D,
584
584
  {
585
- color: c,
586
- onClick: r,
587
- variant: n ? "outlined" : "contained",
588
- children: d
585
+ color: n,
586
+ onClick: l,
587
+ variant: r ? "outlined" : "contained",
588
+ children: c
589
589
  }
590
590
  ),
591
- n && /* @__PURE__ */ a(
592
- k,
591
+ r && /* @__PURE__ */ a(
592
+ D,
593
593
  {
594
- color: i,
594
+ color: t,
595
595
  disabled: o,
596
- onClick: n,
596
+ onClick: r,
597
597
  variant: "contained",
598
- children: l
598
+ children: i
599
599
  }
600
600
  )
601
601
  ]
602
602
  }
603
- ), L0 = ({ copy: e, onClose: o, ...n }) => {
604
- const r = T();
603
+ ), Le = ({ copy: e, onClose: o, ...r }) => {
604
+ const l = C();
605
605
  return /* @__PURE__ */ y(
606
- _,
606
+ O,
607
607
  {
608
608
  sx: {
609
609
  "&.MuiToolbar-gutters": {
610
610
  padding: "24px 24px 8px"
611
611
  }
612
612
  },
613
- ...n,
613
+ ...r,
614
614
  children: [
615
- /* @__PURE__ */ a(E, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ a(De, { sx: { fontWeight: 600 }, variant: "H3", children: e.title }) }),
616
- /* @__PURE__ */ a(V, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(be, { color: r.palette.primary.main }) })
615
+ /* @__PURE__ */ a(L, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ a(A0, { sx: { fontWeight: 600 }, variant: "H3", children: e.title }) }),
616
+ /* @__PURE__ */ a(_, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(f0, { color: l.palette.primary.main }) })
617
617
  ]
618
618
  }
619
619
  );
620
- }, E0 = ({
620
+ }, Ee = ({
621
621
  className: e,
622
622
  disableSave: o,
623
- id: n,
624
- isOpen: r,
625
- onClose: i,
626
- onSave: l,
627
- primaryText: c,
628
- secondaryText: d,
629
- children: b,
630
- ...p
623
+ id: r,
624
+ isOpen: l,
625
+ onClose: t,
626
+ onSave: i,
627
+ primaryText: n,
628
+ secondaryText: c,
629
+ children: f,
630
+ ...u
631
631
  }) => /* @__PURE__ */ y(
632
- ne,
632
+ i0,
633
633
  {
634
634
  anchor: "right",
635
635
  className: `mx-kmui-drawer ${e}`,
636
- id: n ?? void 0,
637
- onClose: i,
638
- open: r,
636
+ id: r ?? void 0,
637
+ onClose: t,
638
+ open: l,
639
639
  variant: "temporary",
640
- ...p,
640
+ ...u,
641
641
  children: [
642
- b,
643
- l && /* @__PURE__ */ a(
644
- xe,
642
+ f,
643
+ i && /* @__PURE__ */ a(
644
+ v0,
645
645
  {
646
646
  isPrimaryDisabled: o,
647
- onPrimaryAction: l,
648
- onSecondaryAction: i,
649
- primaryText: c,
650
- secondaryText: d
647
+ onPrimaryAction: i,
648
+ onSecondaryAction: t,
649
+ primaryText: n,
650
+ secondaryText: c
651
651
  }
652
652
  )
653
653
  ]
654
654
  }
655
- ), G = 32, I = "https://content.moneydesktop.com/storage/MD_Assets", Ae = `${I}/serenity/default_institution_logo.png`, H0 = ({
655
+ ), $ = 32, H = "https://content.moneydesktop.com/storage/MD_Assets", x0 = `${H}/serenity/default_institution_logo.png`, He = ({
656
656
  alt: e,
657
657
  institutionGuid: o,
658
- logoUrl: n,
659
- size: r = G,
660
- ...i
658
+ logoUrl: r,
659
+ size: l = $,
660
+ ...t
661
661
  }) => /* @__PURE__ */ a(
662
662
  "img",
663
663
  {
664
664
  alt: e,
665
- height: r,
666
- onError: (l) => l.target.src = Ae,
667
- src: n || `${I}/Ipad%20Logos/100x100/${o}_100x100.png`,
665
+ height: l,
666
+ onError: (i) => i.target.src = x0,
667
+ src: r || `${H}/Ipad%20Logos/100x100/${o}_100x100.png`,
668
668
  style: {
669
669
  borderRadius: 4
670
670
  },
671
- width: r,
672
- ...i
671
+ width: l,
672
+ ...t
673
673
  }
674
- ), I0 = ({
674
+ ), Ie = ({
675
675
  alt: e = "",
676
676
  categoryGuid: o,
677
- merchantGuid: n,
678
- size: r = G,
679
- ...i
677
+ merchantGuid: r,
678
+ size: l = $,
679
+ ...t
680
680
  }) => {
681
- const [l, c] = f.useState(!1);
682
- return /* @__PURE__ */ y(E, { display: "inline-block", position: "relative", ...i, children: [
683
- n && !l && /* @__PURE__ */ a(
681
+ const [i, n] = m.useState(!1);
682
+ return /* @__PURE__ */ y(L, { display: "inline-block", position: "relative", ...t, children: [
683
+ r && !i && /* @__PURE__ */ a(
684
684
  "img",
685
685
  {
686
686
  alt: e,
687
687
  "aria-hidden": !e,
688
- height: r,
689
- onError: () => c(!0),
690
- src: `${I}/merchant_logos/${n}.png`,
688
+ height: l,
689
+ onError: () => n(!0),
690
+ src: `${H}/merchant_logos/${r}.png`,
691
691
  style: {
692
692
  borderRadius: 4,
693
693
  boxSizing: "border-box",
694
694
  position: "absolute"
695
695
  },
696
- width: r
696
+ width: l
697
697
  }
698
698
  ),
699
- /* @__PURE__ */ a(Te, { categoryGuid: o, size: r })
699
+ /* @__PURE__ */ a(C0, { categoryGuid: o, size: l })
700
700
  ] });
701
- }, v = ({
701
+ }, T = ({
702
702
  bold: e,
703
703
  className: o = "",
704
- children: n,
705
- color: r,
706
- sx: i = {},
707
- truncate: l = !0,
708
- uppercase: c,
709
- ...d
704
+ children: r,
705
+ color: l,
706
+ sx: t = {},
707
+ truncate: i = !0,
708
+ uppercase: n,
709
+ ...c
710
710
  }) => /* @__PURE__ */ a(
711
- le,
711
+ n0,
712
712
  {
713
713
  className: `mx-kmui-text ${o}`,
714
- color: r,
714
+ color: l,
715
715
  sx: [
716
716
  e ? {
717
717
  fontWeight: 600
718
718
  } : {},
719
- l ? {
719
+ i ? {
720
720
  overflow: "hidden",
721
721
  textOverflow: "ellipsis",
722
722
  whiteSpace: "nowrap"
723
723
  } : {},
724
- c ? {
724
+ n ? {
725
725
  textTransform: "uppercase"
726
726
  } : {},
727
- ...Array.isArray(i) ? i : [i]
727
+ ...Array.isArray(t) ? t : [t]
728
728
  ],
729
- ...d,
730
- children: n
729
+ ...c,
730
+ children: r
731
731
  }
732
- ), De = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "H1", ...n, children: o }), S0 = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "H2", ...n, children: o }), F0 = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "H3", ...n, children: o }), w0 = ({ className: e = "", children: o, truncate: n, ...r }) => /* @__PURE__ */ a(
733
- v,
732
+ ), A0 = ({ className: e = "", children: o, ...r }) => /* @__PURE__ */ a(T, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "H1", ...r, children: o }), Se = ({ className: e = "", children: o, ...r }) => /* @__PURE__ */ a(T, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "H2", ...r, children: o }), Fe = ({ className: e = "", children: o, ...r }) => /* @__PURE__ */ a(T, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "H3", ...r, children: o }), we = ({ className: e = "", children: o, truncate: r, ...l }) => /* @__PURE__ */ a(
733
+ T,
734
734
  {
735
735
  className: `mx-kmui-text p ${e}`,
736
736
  component: "p",
737
- truncate: n || !1,
737
+ truncate: r || !1,
738
738
  variant: "Body",
739
- ...r,
739
+ ...l,
740
740
  children: o
741
741
  }
742
- ), R0 = ({
742
+ ), Re = ({
743
743
  disabled: e = !1,
744
744
  label: o = "",
745
- shrink: n = !0,
746
- variant: r = "outlined",
747
- ...i
745
+ shrink: r = !0,
746
+ variant: l = "outlined",
747
+ ...t
748
748
  }) => /* @__PURE__ */ a(
749
- ce,
749
+ l0,
750
750
  {
751
751
  InputLabelProps: {
752
- shrink: n
752
+ shrink: r
753
753
  },
754
754
  disabled: e,
755
755
  label: o,
756
- variant: r,
757
- ...i
756
+ variant: l,
757
+ ...t
758
758
  }
759
759
  );
760
- function ke(e) {
761
- return /* @__PURE__ */ a(O, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
760
+ function D0(e) {
761
+ return /* @__PURE__ */ a(B, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
762
762
  }
763
- const N0 = ({
763
+ const Ne = ({
764
764
  open: e,
765
765
  handleClose: o,
766
- message: n,
767
- autoHideDuration: r = 3e3,
768
- severity: i = "success",
769
- snackbarSx: l,
770
- showAction: c = !1,
771
- showClose: d = !1,
772
- actionText: b = "Undo",
773
- onActionClick: p,
766
+ message: r,
767
+ autoHideDuration: l = 3e3,
768
+ severity: t = "success",
769
+ snackbarSx: i,
770
+ showAction: n = !1,
771
+ showClose: c = !1,
772
+ actionText: f = "Undo",
773
+ onActionClick: u,
774
774
  multiLine: s = !1
775
775
  }) => {
776
- const m = T(), Z = {
777
- success: m.palette.success.dark,
778
- error: m.palette.error.light,
779
- info: m.palette.info.lighter,
780
- warning: m.palette.warning.lighter
781
- }, j = /* @__PURE__ */ y(
782
- L,
776
+ const g = C(), K = {
777
+ success: g.palette.success.dark,
778
+ error: g.palette.error.light,
779
+ info: g.palette.info.lighter,
780
+ warning: g.palette.warning.lighter
781
+ }, Z = /* @__PURE__ */ y(
782
+ k,
783
783
  {
784
784
  alignItems: s ? "flex-end" : "center",
785
785
  direction: s ? "column-reverse" : "row",
786
786
  justifyContent: (
787
787
  // eslint-disable-next-line no-nested-ternary
788
- s && c && d ? "space-between" : "flex-end"
788
+ s && n && c ? "space-between" : "flex-end"
789
789
  ),
790
790
  children: [
791
- c && /* @__PURE__ */ a(
792
- k,
791
+ n && /* @__PURE__ */ a(
792
+ D,
793
793
  {
794
794
  color: "inherit",
795
- onClick: p || o,
795
+ onClick: u || o,
796
796
  size: "small",
797
797
  sx: {
798
- color: m.palette.success.contrastText,
798
+ color: g.palette.success.contrastText,
799
799
  height: 44
800
800
  },
801
- children: b
801
+ children: f
802
802
  }
803
803
  ),
804
- d && /* @__PURE__ */ a(
805
- V,
804
+ c && /* @__PURE__ */ a(
805
+ _,
806
806
  {
807
807
  "aria-label": "close",
808
808
  color: "inherit",
809
809
  onClick: o,
810
810
  sx: { height: 44, width: 44 },
811
- children: /* @__PURE__ */ a(M, { fill: !0, name: "close", size: 24, weight: 400 })
811
+ children: /* @__PURE__ */ a(b, { fill: !0, name: "close", size: 24, weight: 400 })
812
812
  }
813
813
  )
814
814
  ]
815
815
  }
816
816
  );
817
817
  return /* @__PURE__ */ a(
818
- se,
818
+ c0,
819
819
  {
820
- TransitionComponent: ke,
820
+ TransitionComponent: D0,
821
821
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
822
- autoHideDuration: r,
822
+ autoHideDuration: l,
823
823
  onClose: o,
824
824
  open: e,
825
825
  sx: {
826
- ...l,
826
+ ...i,
827
827
  width: s ? 400 : 325
828
828
  },
829
829
  children: /* @__PURE__ */ a(
830
- de,
830
+ s0,
831
831
  {
832
- action: j,
833
- severity: i,
832
+ action: Z,
833
+ severity: t,
834
834
  sx: {
835
835
  display: "flex",
836
836
  alignItems: "stretch",
837
- minHeight: d && c && s ? 120 : 56,
837
+ minHeight: c && n && s ? 120 : 56,
838
838
  maxHeight: s ? 120 : 56,
839
- backgroundColor: (S) => S.palette.mode === "light" ? S.palette[i].darker : Z[i],
839
+ backgroundColor: (I) => I.palette.mode === "light" ? I.palette[t].darker : K[t],
840
840
  width: "100%",
841
841
  "& .MuiAlert-icon": {
842
842
  alignSelf: s ? "flex-start" : "center"
@@ -853,51 +853,51 @@ const N0 = ({
853
853
  },
854
854
  variant: "filled",
855
855
  children: /* @__PURE__ */ a(
856
- v,
856
+ T,
857
857
  {
858
858
  sx: {
859
- lineHeight: m.typography.Body.lineHeight,
859
+ lineHeight: g.typography.Body.lineHeight,
860
860
  whiteSpace: s ? "normal" : "nowrap",
861
861
  overflow: s ? "visible" : "hidden",
862
862
  textOverflow: s ? "clip" : "ellipsis"
863
863
  },
864
864
  truncate: !s,
865
- children: n
865
+ children: r
866
866
  }
867
867
  )
868
868
  }
869
869
  )
870
870
  }
871
871
  );
872
- }, C = {
872
+ }, M = {
873
873
  REACT: "react",
874
874
  REACT_NATIVE: "react_native",
875
875
  NATIVE: "native"
876
- }, A = {
876
+ }, x = {
877
877
  LIGHT: "light",
878
878
  DARK: "dark"
879
- }, U = f.createContext(W), K = f.createContext(
880
- H(A.LIGHT, C.REACT_NATIVE)
881
- ), z0 = ({
879
+ }, G = m.createContext(V), U = m.createContext(
880
+ E(x.LIGHT, M.REACT_NATIVE)
881
+ ), ze = ({
882
882
  children: e,
883
- target: o = C.REACT,
884
- theme: n = A.LIGHT,
885
- tokenOverrides: r
883
+ target: o = M.REACT,
884
+ theme: r = x.LIGHT,
885
+ tokenOverrides: l
886
886
  }) => {
887
- const [i, l] = f.useState(n === A.LIGHT ? W : ue), c = f.useMemo(() => ({
888
- ...r
889
- }), [r]);
890
- return f.useEffect(() => {
891
- const d = H(n, o, { ...c });
892
- l(d);
893
- }, [n, o, c]), o === C.REACT ? /* @__PURE__ */ a(U.Provider, { value: i, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(K.Provider, { value: i, children: e }));
894
- }, P0 = (e = C.REACT, o = {}) => {
895
- const n = e === C.REACT ? U : K, r = f.useContext(n);
896
- return r || H(A.LIGHT, e, { ...o });
897
- }, h = {
887
+ const [t, i] = m.useState(r === x.LIGHT ? V : d0), n = m.useMemo(() => ({
888
+ ...l
889
+ }), [l]);
890
+ return m.useEffect(() => {
891
+ const c = E(r, o, { ...n });
892
+ i(c);
893
+ }, [r, o, n]), o === M.REACT ? /* @__PURE__ */ a(G.Provider, { value: t, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(U.Provider, { value: t, children: e }));
894
+ }, Pe = (e = M.REACT, o = {}) => {
895
+ const r = e === M.REACT ? G : U, l = m.useContext(r);
896
+ return l || E(x.LIGHT, e, { ...o });
897
+ }, p = {
898
898
  LIGHT: "light",
899
899
  DARK: "dark"
900
- }, t = {
900
+ }, k0 = {
901
901
  Black: "#000000",
902
902
  Error100: "#FCD2CF",
903
903
  Error200: "#F45532",
@@ -930,135 +930,145 @@ const N0 = ({
930
930
  Warning400: "#E07C02",
931
931
  Warning500: "#C33E01",
932
932
  White: "#FFFFFF"
933
- }, Le = (e) => ge({
934
- mode: e,
935
- border: {
936
- lighter: e === "light" ? t.Neutral200 : t.Neutral800,
937
- light: e === "light" ? t.Neutral300 : t.Neutral700,
938
- main: e === "light" ? t.Neutral400 : t.Neutral600,
939
- dark: t.Neutral500,
940
- darker: e === "light" ? t.Neutral600 : t.Neutral400
941
- },
942
- common: {
943
- white: t.White,
944
- black: t.Black
945
- },
946
- primary: {
947
- lighter: t.Primary100,
948
- light: t.Primary200,
949
- main: t.Primary300,
950
- dark: t.Primary400,
951
- darker: t.Primary500
952
- },
953
- secondary: {
954
- lighter: e === "light" ? t.Neutral500 : t.Neutral200,
955
- light: e === "light" ? t.Neutral600 : t.Neutral300,
956
- main: e === "light" ? t.Neutral700 : t.Neutral400,
957
- dark: e === "light" ? t.Neutral800 : t.Neutral500,
958
- darker: e === "light" ? t.Neutral900 : t.Neutral600
959
- },
960
- text: {
961
- primary: e === "light" ? t.Neutral900 : t.White,
962
- secondary: e === "light" ? t.Neutral700 : t.Neutral500,
963
- disabled: e === "light" ? t.Neutral500 : t.Neutral600
964
- },
965
- error: {
966
- lighter: e === "light" ? t.Error100 : t.Error300,
967
- light: e === "light" ? t.Error200 : t.Error100,
968
- main: e === "light" ? t.Error300 : t.Error200,
969
- dark: e === "light" ? t.Error400 : t.Error300,
970
- darker: e === "light" ? t.Error500 : t.Error400
971
- },
972
- warning: {
973
- lighter: t.Warning100,
974
- light: t.Warning200,
975
- main: t.Warning300,
976
- dark: t.Warning400,
977
- darker: t.Warning500
978
- },
979
- info: {
980
- lighter: t.Primary100,
981
- light: t.Primary200,
982
- main: t.Primary300,
983
- dark: t.Primary400,
984
- darker: t.Primary500
985
- },
986
- success: {
987
- lighter: t.Success100,
988
- light: e === "light" ? t.Success200 : t.Success150,
989
- main: e === "light" ? t.Success300 : t.Success200,
990
- dark: e === "light" ? t.Success400 : t.Success300,
991
- darker: e === "light" ? t.Success500 : t.Success400
992
- },
993
- grey: {
994
- 100: t.Neutral100,
995
- 200: t.Neutral200,
996
- 300: t.Neutral300,
997
- 400: t.Neutral400,
998
- 500: t.Neutral500,
999
- 600: t.Neutral600,
1000
- 700: t.Neutral700,
1001
- 800: t.Neutral800,
1002
- 900: t.Neutral900
1003
- },
1004
- action: {
1005
- active: e === "light" ? t.Primary300 : t.Primary200,
1006
- disabled: t.Neutral500,
1007
- disabledBackground: e === "light" ? t.Neutral200 : t.Neutral700,
1008
- hover: e === "light" ? t.Neutral100 : t.Neutral800,
1009
- hoverOpacity: 0.1,
1010
- selected: e === "light" ? t.Primary300 : t.Primary200,
1011
- selectedOpacity: 0.1
1012
- },
1013
- background: {
1014
- default: e === "light" ? t.Neutral100 : t.Neutral800,
1015
- paper: e === "light" ? t.White : t.Neutral900,
1016
- highlight: e === "light" ? t.Neutral200 : t.Neutral600,
1017
- highlightPrimary: e === "light" ? t.Primary100 : t.Primary500
1018
- },
1019
- divider: e === "light" ? t.Neutral400 : t.Neutral700,
1020
- categories: {
1021
- autoTransport: "#4B9DBC",
1022
- billsUtilities: "#EF8B2C",
1023
- businessServices: "#B3DE8C",
1024
- education: "#F8AB3A",
1025
- entertainment: "#AB5B89",
1026
- feesCharges: "#FF9696",
1027
- financial: "#6BCDDB",
1028
- foodDining: "#58AC7B",
1029
- giftsDonations: "#347AA5",
1030
- healthFitness: "#5C446E",
1031
- home: "#FFD84D",
1032
- income: "#133F49",
1033
- investments: "#FF7070",
1034
- kids: "#82D196",
1035
- personalCare: "#338B7A",
1036
- pets: "#615BAB",
1037
- shopping: "#CF5F84",
1038
- taxes: "#32588D",
1039
- transfer: "#959CA6",
1040
- travel: "#E37434",
1041
- uncategorized: "#FA5555"
1042
- },
1043
- chart: {
1044
- chart1: "#74E4DA",
1045
- chart2: "#ED64A4",
1046
- chart3: "#F3DC46",
1047
- chart4: "#BABFC5",
1048
- chart5: "#60A9FF",
1049
- chart6: "#C8BAEE",
1050
- chart7: "#585E67"
1051
- },
1052
- chartMono: {
1053
- chartMono1: "#C3EAFF",
1054
- chartMono2: "#8ED7FF",
1055
- chartMono3: "#60A9FF",
1056
- chartMono4: "#2F73DA",
1057
- chartMono5: "#034AB3",
1058
- chartMono6: "#002966"
1059
- }
1060
- }), x = "Inter, Helvetica, Arial, sans-serif", Ee = (e) => me(e, {
1061
- fontFamily: x,
933
+ }, L0 = (e, o = {}) => {
934
+ const r = {
935
+ ...k0,
936
+ ...o.primary?.[100] && { Primary100: o.primary[100] },
937
+ ...o.primary?.[200] && { Primary200: o.primary[200] },
938
+ ...o.primary?.[300] && { Primary300: o.primary[300] },
939
+ ...o.primary?.[400] && { Primary400: o.primary[400] },
940
+ ...o.primary?.[500] && { Primary500: o.primary[500] }
941
+ };
942
+ return h0({
943
+ mode: e,
944
+ border: {
945
+ lighter: e === "light" ? r.Neutral200 : r.Neutral800,
946
+ light: e === "light" ? r.Neutral300 : r.Neutral700,
947
+ main: e === "light" ? r.Neutral400 : r.Neutral600,
948
+ dark: r.Neutral500,
949
+ darker: e === "light" ? r.Neutral600 : r.Neutral400
950
+ },
951
+ common: {
952
+ white: r.White,
953
+ black: r.Black
954
+ },
955
+ primary: {
956
+ lighter: r.Primary100,
957
+ light: r.Primary200,
958
+ main: r.Primary300,
959
+ dark: r.Primary400,
960
+ darker: r.Primary500
961
+ },
962
+ secondary: {
963
+ lighter: e === "light" ? r.Neutral500 : r.Neutral200,
964
+ light: e === "light" ? r.Neutral600 : r.Neutral300,
965
+ main: e === "light" ? r.Neutral700 : r.Neutral400,
966
+ dark: e === "light" ? r.Neutral800 : r.Neutral500,
967
+ darker: e === "light" ? r.Neutral900 : r.Neutral600
968
+ },
969
+ text: {
970
+ primary: e === "light" ? r.Neutral900 : r.White,
971
+ secondary: e === "light" ? r.Neutral700 : r.Neutral500,
972
+ disabled: e === "light" ? r.Neutral500 : r.Neutral600
973
+ },
974
+ error: {
975
+ lighter: e === "light" ? r.Error100 : r.Error300,
976
+ light: e === "light" ? r.Error200 : r.Error100,
977
+ main: e === "light" ? r.Error300 : r.Error200,
978
+ dark: e === "light" ? r.Error400 : r.Error300,
979
+ darker: e === "light" ? r.Error500 : r.Error400
980
+ },
981
+ warning: {
982
+ lighter: r.Warning100,
983
+ light: r.Warning200,
984
+ main: r.Warning300,
985
+ dark: r.Warning400,
986
+ darker: r.Warning500
987
+ },
988
+ info: {
989
+ lighter: r.Primary100,
990
+ light: r.Primary200,
991
+ main: r.Primary300,
992
+ dark: r.Primary400,
993
+ darker: r.Primary500
994
+ },
995
+ success: {
996
+ lighter: r.Success100,
997
+ light: e === "light" ? r.Success200 : r.Success150,
998
+ main: e === "light" ? r.Success300 : r.Success200,
999
+ dark: e === "light" ? r.Success400 : r.Success300,
1000
+ darker: e === "light" ? r.Success500 : r.Success400
1001
+ },
1002
+ grey: {
1003
+ 100: r.Neutral100,
1004
+ 200: r.Neutral200,
1005
+ 300: r.Neutral300,
1006
+ 400: r.Neutral400,
1007
+ 500: r.Neutral500,
1008
+ 600: r.Neutral600,
1009
+ 700: r.Neutral700,
1010
+ 800: r.Neutral800,
1011
+ 900: r.Neutral900
1012
+ },
1013
+ action: {
1014
+ active: e === "light" ? r.Primary300 : r.Primary200,
1015
+ disabled: r.Neutral500,
1016
+ disabledBackground: e === "light" ? r.Neutral200 : r.Neutral700,
1017
+ hover: e === "light" ? r.Neutral100 : r.Neutral800,
1018
+ hoverOpacity: 0.1,
1019
+ selected: e === "light" ? r.Primary300 : r.Primary200,
1020
+ selectedOpacity: 0.1
1021
+ },
1022
+ background: {
1023
+ default: e === "light" ? r.Neutral100 : r.Neutral800,
1024
+ paper: e === "light" ? r.White : r.Neutral900,
1025
+ highlight: e === "light" ? r.Neutral200 : r.Neutral600,
1026
+ highlightPrimary: e === "light" ? r.Primary100 : r.Primary500
1027
+ },
1028
+ divider: e === "light" ? r.Neutral400 : r.Neutral700,
1029
+ categories: {
1030
+ autoTransport: "#4B9DBC",
1031
+ billsUtilities: "#EF8B2C",
1032
+ businessServices: "#B3DE8C",
1033
+ education: "#F8AB3A",
1034
+ entertainment: "#AB5B89",
1035
+ feesCharges: "#FF9696",
1036
+ financial: "#6BCDDB",
1037
+ foodDining: "#58AC7B",
1038
+ giftsDonations: "#347AA5",
1039
+ healthFitness: "#5C446E",
1040
+ home: "#FFD84D",
1041
+ income: "#133F49",
1042
+ investments: "#FF7070",
1043
+ kids: "#82D196",
1044
+ personalCare: "#338B7A",
1045
+ pets: "#615BAB",
1046
+ shopping: "#CF5F84",
1047
+ taxes: "#32588D",
1048
+ transfer: "#959CA6",
1049
+ travel: "#E37434",
1050
+ uncategorized: "#FA5555"
1051
+ },
1052
+ chart: {
1053
+ chart1: "#74E4DA",
1054
+ chart2: "#ED64A4",
1055
+ chart3: "#F3DC46",
1056
+ chart4: "#BABFC5",
1057
+ chart5: "#60A9FF",
1058
+ chart6: "#C8BAEE",
1059
+ chart7: "#585E67"
1060
+ },
1061
+ chartMono: {
1062
+ chartMono1: "#C3EAFF",
1063
+ chartMono2: "#8ED7FF",
1064
+ chartMono3: "#60A9FF",
1065
+ chartMono4: "#2F73DA",
1066
+ chartMono5: "#034AB3",
1067
+ chartMono6: "#002966"
1068
+ }
1069
+ });
1070
+ }, v = "Inter, Helvetica, Arial, sans-serif", E0 = (e) => g0(e, {
1071
+ fontFamily: v,
1062
1072
  fontSize: 15,
1063
1073
  Body: {
1064
1074
  fontSize: 15,
@@ -1070,19 +1080,19 @@ const N0 = ({
1070
1080
  },
1071
1081
  caption: void 0,
1072
1082
  H1: {
1073
- fontFamily: x,
1083
+ fontFamily: v,
1074
1084
  fontWeight: 700,
1075
1085
  fontSize: 31,
1076
1086
  lineHeight: "40px"
1077
1087
  },
1078
1088
  H2: {
1079
- fontFamily: x,
1089
+ fontFamily: v,
1080
1090
  fontWeight: 700,
1081
1091
  fontSize: 23,
1082
1092
  lineHeight: "32px"
1083
1093
  },
1084
1094
  H3: {
1085
- fontFamily: x,
1095
+ fontFamily: v,
1086
1096
  fontWeight: 700,
1087
1097
  fontSize: 18,
1088
1098
  lineHeight: "24px"
@@ -1114,16 +1124,16 @@ const N0 = ({
1114
1124
  lineHeight: "16px"
1115
1125
  }
1116
1126
  });
1117
- pe.setLicenseKey(
1127
+ u0.setLicenseKey(
1118
1128
  "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
1119
1129
  );
1120
- const D = [...B().shadows];
1121
- D[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1122
- D[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1123
- D[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1124
- const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", He = "cubic-bezier(.475,.425,0,.995)", B0 = (e) => {
1125
- const o = Le(e), n = Ee(o);
1126
- return B({
1130
+ const A = [...P().shadows];
1131
+ A[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1132
+ A[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1133
+ A[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1134
+ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", H0 = "cubic-bezier(.475,.425,0,.995)", Be = (e, o = {}) => {
1135
+ const r = L0(e, o), l = E0(r);
1136
+ return P({
1127
1137
  breakpoints: {
1128
1138
  values: {
1129
1139
  xs: 0,
@@ -1133,22 +1143,22 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1133
1143
  xl: 1200
1134
1144
  }
1135
1145
  },
1136
- palette: o,
1137
- shadows: D,
1146
+ palette: r,
1147
+ shadows: A,
1138
1148
  shape: {
1139
1149
  borderRadius: 4
1140
1150
  },
1141
1151
  spacing: 1,
1142
- typography: n,
1152
+ typography: l,
1143
1153
  components: {
1144
1154
  MuiAutocomplete: {
1145
1155
  styleOverrides: {
1146
- root: ({ theme: r }) => ({
1156
+ root: ({ theme: t }) => ({
1147
1157
  "& .MuiAutocomplete-endAdornment": {
1148
1158
  marginTop: -5
1149
1159
  },
1150
1160
  "& .MuiIconButton-root": {
1151
- color: r.palette.mode === "light" ? r.palette.grey[700] : r.palette.grey[400],
1161
+ color: t.palette.mode === "light" ? t.palette.grey[700] : t.palette.grey[400],
1152
1162
  "&:hover": {
1153
1163
  backgroundColor: "inherit"
1154
1164
  }
@@ -1159,16 +1169,16 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1159
1169
  MuiAlert: {
1160
1170
  defaultProps: {
1161
1171
  iconMapping: {
1162
- success: /* @__PURE__ */ a(M, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1163
- error: /* @__PURE__ */ a(M, { fill: !0, name: "error", size: 24, weight: 400 }),
1164
- warning: /* @__PURE__ */ a(M, { fill: !0, name: "warning", size: 24, weight: 400 }),
1165
- info: /* @__PURE__ */ a(M, { fill: !0, name: "info", size: 24, weight: 400 })
1172
+ success: /* @__PURE__ */ a(b, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1173
+ error: /* @__PURE__ */ a(b, { fill: !0, name: "error", size: 24, weight: 400 }),
1174
+ warning: /* @__PURE__ */ a(b, { fill: !0, name: "warning", size: 24, weight: 400 }),
1175
+ info: /* @__PURE__ */ a(b, { fill: !0, name: "info", size: 24, weight: 400 })
1166
1176
  }
1167
1177
  },
1168
1178
  styleOverrides: {
1169
- standard: ({ theme: r }) => ({
1170
- background: r.palette.background.paper,
1171
- color: r.palette.text.primary
1179
+ standard: ({ theme: t }) => ({
1180
+ background: t.palette.background.paper,
1181
+ color: t.palette.text.primary
1172
1182
  }),
1173
1183
  root: {
1174
1184
  alignItems: "center",
@@ -1187,8 +1197,8 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1187
1197
  },
1188
1198
  MuiAvatar: {
1189
1199
  styleOverrides: {
1190
- root: ({ theme: r }) => ({
1191
- backgroundColor: r.palette.mode === h.LIGHT ? r.palette.grey[400] : r.palette.grey[700]
1200
+ root: ({ theme: t }) => ({
1201
+ backgroundColor: t.palette.mode === p.LIGHT ? t.palette.grey[400] : t.palette.grey[700]
1192
1202
  })
1193
1203
  }
1194
1204
  },
@@ -1199,15 +1209,15 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1199
1209
  styleOverrides: {
1200
1210
  root: {
1201
1211
  "&.Mui-focusVisible": {
1202
- boxShadow: z
1212
+ boxShadow: N
1203
1213
  }
1204
1214
  }
1205
1215
  }
1206
1216
  },
1207
1217
  MuiButton: {
1208
1218
  styleOverrides: {
1209
- contained: ({ ownerState: r, theme: i }) => ({
1210
- ...i.palette.mode === h.DARK && r.color === "primary" && {
1219
+ contained: ({ ownerState: t, theme: i }) => ({
1220
+ ...i.palette.mode === p.DARK && t.color === "primary" && {
1211
1221
  color: i.palette.grey[900],
1212
1222
  backgroundColor: i.palette.primary.light
1213
1223
  },
@@ -1216,45 +1226,45 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1216
1226
  boxShadow: "none"
1217
1227
  },
1218
1228
  "&:active": {
1219
- backgroundColor: r.color === "error" ? i.palette.error.darker : i.palette.primary.darker
1229
+ backgroundColor: t.color === "error" ? i.palette.error.darker : i.palette.primary.darker
1220
1230
  }
1221
1231
  }),
1222
- outlined: ({ theme: r }) => ({
1223
- borderColor: r.palette.border.main,
1232
+ outlined: ({ theme: t }) => ({
1233
+ borderColor: t.palette.border.main,
1224
1234
  "&:hover": {
1225
- borderColor: r.palette.border.dark
1235
+ borderColor: t.palette.border.dark
1226
1236
  },
1227
1237
  "&:active": {
1228
- borderColor: r.palette.border.darker
1238
+ borderColor: t.palette.border.darker
1229
1239
  }
1230
1240
  }),
1231
- outlinedPrimary: ({ theme: r }) => ({
1232
- ...r.palette.mode === h.DARK && {
1233
- color: r.palette.primary.light
1241
+ outlinedPrimary: ({ theme: t }) => ({
1242
+ ...t.palette.mode === p.DARK && {
1243
+ color: t.palette.primary.light
1234
1244
  }
1235
1245
  }),
1236
- text: ({ ownerState: r, theme: i }) => ({
1246
+ text: ({ ownerState: t, theme: i }) => ({
1237
1247
  "&:active": {
1238
- ...r.color === "error" && {
1248
+ ...t.color === "error" && {
1239
1249
  backgroundColor: i.palette.error.lighter
1240
1250
  },
1241
- ...r.color === "primary" && {
1251
+ ...t.color === "primary" && {
1242
1252
  backgroundColor: i.palette.primary.light
1243
1253
  },
1244
- ...r.color === "secondary" && {
1254
+ ...t.color === "secondary" && {
1245
1255
  backgroundColor: i.palette.secondary.lighter
1246
1256
  },
1247
- ...i.palette.mode === h.DARK && {
1257
+ ...i.palette.mode === p.DARK && {
1248
1258
  color: i.palette.common.white
1249
1259
  },
1250
- ...i.palette.mode === h.DARK && r.color === "secondary" && {
1260
+ ...i.palette.mode === p.DARK && t.color === "secondary" && {
1251
1261
  color: i.palette.secondary.darker
1252
1262
  }
1253
1263
  }
1254
1264
  }),
1255
- textPrimary: ({ theme: r }) => ({
1256
- ...r.palette.mode === h.DARK && {
1257
- color: r.palette.primary.light
1265
+ textPrimary: ({ theme: t }) => ({
1266
+ ...t.palette.mode === p.DARK && {
1267
+ color: t.palette.primary.light
1258
1268
  }
1259
1269
  }),
1260
1270
  root: {
@@ -1266,7 +1276,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1266
1276
  cursor: "not-allowed"
1267
1277
  },
1268
1278
  "&.Mui-focusVisible": {
1269
- boxShadow: z
1279
+ boxShadow: N
1270
1280
  }
1271
1281
  },
1272
1282
  sizeMedium: {
@@ -1279,43 +1289,43 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1279
1289
  disableRipple: !0
1280
1290
  },
1281
1291
  styleOverrides: {
1282
- root: ({ theme: r }) => ({
1292
+ root: ({ theme: t }) => ({
1283
1293
  "&:hover": {
1284
- borderColor: r.palette.border.dark
1294
+ borderColor: t.palette.border.dark
1285
1295
  },
1286
1296
  "button:hover + button": {
1287
- borderLeftColor: r.palette.border.dark
1297
+ borderLeftColor: t.palette.border.dark
1288
1298
  },
1289
1299
  "&:active": {
1290
- borderColor: r.palette.border.darker
1300
+ borderColor: t.palette.border.darker
1291
1301
  },
1292
1302
  "button:active + button": {
1293
- borderLeftColor: r.palette.border.darker
1303
+ borderLeftColor: t.palette.border.darker
1294
1304
  }
1295
1305
  })
1296
1306
  }
1297
1307
  },
1298
1308
  MuiTabs: {
1299
1309
  styleOverrides: {
1300
- indicator: ({ theme: r }) => ({
1310
+ indicator: ({ theme: t }) => ({
1301
1311
  height: 3,
1302
- backgroundColor: r.palette.action.selected
1312
+ backgroundColor: t.palette.action.selected
1303
1313
  })
1304
1314
  }
1305
1315
  },
1306
1316
  MuiTab: {
1307
1317
  styleOverrides: {
1308
- root: ({ theme: r }) => ({
1318
+ root: ({ theme: t }) => ({
1309
1319
  textTransform: "none",
1310
1320
  fontWeight: 600,
1311
1321
  "&.Mui-focusVisible": {
1312
- boxShadow: P
1322
+ boxShadow: z
1313
1323
  },
1314
1324
  "&:not(.Mui-selected)": {
1315
- borderBottom: `2px solid ${r.palette.divider}`
1325
+ borderBottom: `2px solid ${t.palette.divider}`
1316
1326
  },
1317
1327
  "&.Mui-selected": {
1318
- color: r.palette.action.selected,
1328
+ color: t.palette.action.selected,
1319
1329
  paddingBottom: 13
1320
1330
  }
1321
1331
  })
@@ -1323,35 +1333,35 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1323
1333
  },
1324
1334
  MuiCheckbox: {
1325
1335
  styleOverrides: {
1326
- root: ({ theme: r }) => ({
1327
- color: r.palette.mode === h.LIGHT ? r.palette.grey[800] : r.palette.common.white,
1336
+ root: ({ theme: t }) => ({
1337
+ color: t.palette.mode === p.LIGHT ? t.palette.grey[800] : t.palette.common.white,
1328
1338
  "&:hover": {
1329
1339
  backgroundColor: "transparent"
1330
1340
  },
1331
1341
  "&.Mui-checked": {
1332
- color: r.palette.mode === h.LIGHT ? r.palette.primary.main : r.palette.common.white
1342
+ color: t.palette.mode === p.LIGHT ? t.palette.primary.main : t.palette.common.white
1333
1343
  },
1334
1344
  "&.MuiCheckbox-colorError": {
1335
- color: r.palette.error.main
1345
+ color: t.palette.error.main
1336
1346
  }
1337
1347
  })
1338
1348
  }
1339
1349
  },
1340
1350
  MuiChip: {
1341
1351
  styleOverrides: {
1342
- outlined: ({ theme: r }) => {
1343
- const { common: i, grey: l, mode: c } = r.palette;
1352
+ outlined: ({ theme: t }) => {
1353
+ const { common: i, grey: n, mode: c } = t.palette;
1344
1354
  return {
1345
1355
  backgroundColor: "transparent",
1346
- borderColor: c === h.LIGHT ? l[600] : l[500],
1356
+ borderColor: c === p.LIGHT ? n[600] : n[500],
1347
1357
  borderWidth: 1,
1348
- color: c === h.LIGHT ? l[900] : i.white,
1358
+ color: c === p.LIGHT ? n[900] : i.white,
1349
1359
  fontSize: 11,
1350
1360
  // XSmall
1351
1361
  height: 24,
1352
1362
  "&:hover": {
1353
- borderColor: c === h.LIGHT ? l[300] : l[600],
1354
- backgroundColor: c === h.LIGHT ? l[300] : l[600]
1363
+ borderColor: c === p.LIGHT ? n[300] : n[600],
1364
+ backgroundColor: c === p.LIGHT ? n[300] : n[600]
1355
1365
  }
1356
1366
  };
1357
1367
  },
@@ -1390,7 +1400,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1390
1400
  root: {
1391
1401
  animationDuration: "1.6s",
1392
1402
  color: "primary",
1393
- [`& .${he.circle}`]: {
1403
+ [`& .${p0.circle}`]: {
1394
1404
  strokeLinecap: "round"
1395
1405
  }
1396
1406
  }
@@ -1398,31 +1408,31 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1398
1408
  },
1399
1409
  MuiDayCalendar: {
1400
1410
  styleOverrides: {
1401
- weekDayLabel: ({ theme: r }) => ({
1411
+ weekDayLabel: ({ theme: t }) => ({
1402
1412
  // TODO: Need to add additional styles to the theme such as SmallBold or use Caption
1403
- fontSize: r.typography.Small.fontSize,
1413
+ fontSize: t.typography.Small.fontSize,
1404
1414
  fontWeight: 700
1405
1415
  })
1406
1416
  }
1407
1417
  },
1408
1418
  MuiDataGrid: {
1409
1419
  styleOverrides: {
1410
- root: ({ theme: r }) => ({
1420
+ root: ({ theme: t }) => ({
1411
1421
  border: "none",
1412
1422
  borderRadius: 0,
1413
- fontSize: r.typography.Small.fontSize,
1423
+ fontSize: t.typography.Small.fontSize,
1414
1424
  "& .MuiDataGrid-cell": {
1415
1425
  display: "flex",
1416
1426
  alignItems: "center",
1417
1427
  borderTop: "1px solid",
1418
- borderColor: r.palette.background.highlight
1428
+ borderColor: t.palette.background.highlight
1419
1429
  },
1420
1430
  "& .MuiDataGrid-cell:focus": { outline: "unset" },
1421
1431
  "& .MuiDataGrid-iconSeparator": { display: "none" },
1422
1432
  "& .MuiDataGrid-columnHeaders": {
1423
- backgroundColor: r.palette.background.paper,
1433
+ backgroundColor: t.palette.background.paper,
1424
1434
  borderBottom: "2px solid",
1425
- borderColor: r.palette.divider
1435
+ borderColor: t.palette.divider
1426
1436
  },
1427
1437
  "& .MuiDataGrid-columnHeaderTitle": {
1428
1438
  fontWeight: 600
@@ -1447,7 +1457,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1447
1457
  },
1448
1458
  MuiDateRangePickerDay: {
1449
1459
  styleOverrides: {
1450
- root: ({ theme: r }) => ({
1460
+ root: ({ theme: t }) => ({
1451
1461
  ":first-of-type": {
1452
1462
  borderTopLeftRadius: 4,
1453
1463
  borderBottomLeftRadius: 4,
@@ -1468,7 +1478,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1468
1478
  borderRadius: 4
1469
1479
  },
1470
1480
  "& .MuiPickersDay-dayOutsideMonth": {
1471
- color: r.palette.grey[500]
1481
+ color: t.palette.grey[500]
1472
1482
  }
1473
1483
  }),
1474
1484
  day: {
@@ -1509,8 +1519,8 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1509
1519
  "aria-hidden": !0
1510
1520
  },
1511
1521
  styleOverrides: {
1512
- root: ({ theme: r }) => ({
1513
- borderColor: r.palette.border.light
1522
+ root: ({ theme: t }) => ({
1523
+ borderColor: t.palette.border.light
1514
1524
  }),
1515
1525
  inset: {
1516
1526
  marginLeft: 68
@@ -1551,7 +1561,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1551
1561
  // Body
1552
1562
  lineHeight: "20px",
1553
1563
  // Body
1554
- transition: `box-shadow 350ms ${He}`,
1564
+ transition: `box-shadow 350ms ${H0}`,
1555
1565
  width: "100%",
1556
1566
  "&.MuiOutlinedInput-input.Mui-disabled": {
1557
1567
  padding: 12,
@@ -1567,7 +1577,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1567
1577
  },
1568
1578
  MuiLink: {
1569
1579
  styleOverrides: {
1570
- root: ({ theme: r }) => ({
1580
+ root: ({ theme: t }) => ({
1571
1581
  display: "inline-flex",
1572
1582
  alignItems: "center",
1573
1583
  boxSizing: "border-box",
@@ -1582,7 +1592,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1582
1592
  outline: "rgba(82, 138, 224, 0.8) auto 1px"
1583
1593
  },
1584
1594
  "&:hover": {
1585
- backgroundColor: r.palette.action.hover,
1595
+ backgroundColor: t.palette.action.hover,
1586
1596
  borderBottom: "1px solid"
1587
1597
  },
1588
1598
  fontWeight: 600
@@ -1591,7 +1601,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1591
1601
  variants: [
1592
1602
  {
1593
1603
  props: { color: "primary" },
1594
- style: ({ theme: r }) => r.palette.mode === h.DARK ? { color: r.palette.primary.light } : {}
1604
+ style: ({ theme: t }) => t.palette.mode === p.DARK ? { color: t.palette.primary.light } : {}
1595
1605
  }
1596
1606
  ]
1597
1607
  },
@@ -1617,17 +1627,17 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1617
1627
  disablePadding: !0
1618
1628
  },
1619
1629
  styleOverrides: {
1620
- root: ({ ownerState: r, theme: i }) => {
1621
- const { mode: l, primary: c } = i.palette;
1630
+ root: ({ ownerState: t, theme: i }) => {
1631
+ const { mode: n, primary: c } = i.palette;
1622
1632
  return {
1623
1633
  minHeight: 64,
1624
- ...!r.disablePadding && {
1634
+ ...!t.disablePadding && {
1625
1635
  paddingTop: 12,
1626
1636
  paddingBottom: 12,
1627
1637
  paddingLeft: 24
1628
1638
  },
1629
1639
  "& .MuiIconButton-root": {
1630
- color: l === h.LIGHT ? c.main : c.light
1640
+ color: n === p.LIGHT ? c.main : c.light
1631
1641
  }
1632
1642
  };
1633
1643
  }
@@ -1635,7 +1645,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1635
1645
  },
1636
1646
  MuiCollapse: {
1637
1647
  styleOverrides: {
1638
- root: ({ theme: r }) => ({
1648
+ root: ({ theme: t }) => ({
1639
1649
  "& .MuiListItem-root": {
1640
1650
  minHeight: 44
1641
1651
  },
@@ -1643,10 +1653,10 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1643
1653
  minHeight: 44,
1644
1654
  paddingLeft: 12,
1645
1655
  "&:hover": {
1646
- backgroundColor: `${r.palette.secondary.lighter}33`
1656
+ backgroundColor: `${t.palette.secondary.lighter}33`
1647
1657
  },
1648
1658
  "&:active": {
1649
- backgroundColor: `${r.palette.secondary.lighter}66`
1659
+ backgroundColor: `${t.palette.secondary.lighter}66`
1650
1660
  }
1651
1661
  }
1652
1662
  })
@@ -1668,21 +1678,21 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1668
1678
  },
1669
1679
  MuiListItemButton: {
1670
1680
  styleOverrides: {
1671
- root: ({ theme: r }) => ({
1681
+ root: ({ theme: t }) => ({
1672
1682
  minHeight: 64,
1673
1683
  paddingLeft: 24,
1674
1684
  paddingRight: 24,
1675
1685
  paddingTop: 12,
1676
1686
  paddingBottom: 12,
1677
1687
  "&.Mui-focusVisible": {
1678
- boxShadow: P
1688
+ boxShadow: z
1679
1689
  },
1680
1690
  "&:active": {
1681
- backgroundColor: `${r.palette.secondary.lighter}33`
1691
+ backgroundColor: `${t.palette.secondary.lighter}33`
1682
1692
  },
1683
1693
  "&.Mui-selected": {
1684
1694
  fontWeight: "bold",
1685
- borderLeft: `3px solid ${r.palette.primary.main}`,
1695
+ borderLeft: `3px solid ${t.palette.primary.main}`,
1686
1696
  paddingLeft: 21
1687
1697
  }
1688
1698
  })
@@ -1708,10 +1718,10 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1708
1718
  },
1709
1719
  MuiListItemIcon: {
1710
1720
  styleOverrides: {
1711
- root: ({ theme: r }) => ({
1721
+ root: ({ theme: t }) => ({
1712
1722
  minWidth: "auto",
1713
1723
  marginLeft: 8,
1714
- color: r.palette.text.primary
1724
+ color: t.palette.text.primary
1715
1725
  })
1716
1726
  }
1717
1727
  },
@@ -1721,11 +1731,11 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1721
1731
  // without this it defaults to the secondary color
1722
1732
  },
1723
1733
  styleOverrides: {
1724
- root: ({ theme: r }) => ({
1734
+ root: ({ theme: t }) => ({
1725
1735
  lineHeight: "inherit",
1726
1736
  top: -1,
1727
1737
  // This fixes an issue where there is a 1px gap when the subheader sticks to the top while scrolling
1728
- backgroundColor: r.palette.background.default
1738
+ backgroundColor: t.palette.background.default
1729
1739
  })
1730
1740
  }
1731
1741
  },
@@ -1755,14 +1765,14 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1755
1765
  },
1756
1766
  MuiOutlinedInput: {
1757
1767
  styleOverrides: {
1758
- root: ({ theme: r }) => ({
1768
+ root: ({ theme: t }) => ({
1759
1769
  "&.Mui-focused": {
1760
1770
  "& .MuiOutlinedInput-notchedOutline": {
1761
1771
  outline: "none"
1762
1772
  }
1763
1773
  },
1764
1774
  "& .MuiSelect-icon": {
1765
- color: r.palette.mode === h.LIGHT ? r.palette.grey[900] : r.palette.common.white
1775
+ color: t.palette.mode === p.LIGHT ? t.palette.grey[900] : t.palette.common.white
1766
1776
  }
1767
1777
  })
1768
1778
  }
@@ -1784,8 +1794,8 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1784
1794
  },
1785
1795
  MuiPickersDay: {
1786
1796
  styleOverrides: {
1787
- today: ({ theme: r }) => ({
1788
- color: r.palette.action.selected,
1797
+ today: ({ theme: t }) => ({
1798
+ color: t.palette.action.selected,
1789
1799
  fontWeight: 700,
1790
1800
  textDecoration: "2px underline",
1791
1801
  textUnderlineOffset: 4,
@@ -1801,29 +1811,29 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1801
1811
  backgroundColor: "transparent !important",
1802
1812
  padding: 16
1803
1813
  },
1804
- toolbar: ({ theme: r }) => ({
1814
+ toolbar: ({ theme: t }) => ({
1805
1815
  gridColumn: "1/4",
1806
1816
  "& > .MuiTypography-root": {
1807
1817
  textTransform: "uppercase",
1808
- fontSize: r.typography.Small.fontSize,
1818
+ fontSize: t.typography.Small.fontSize,
1809
1819
  fontWeight: 600,
1810
- lineHeight: r.typography.Small.lineHeight
1820
+ lineHeight: t.typography.Small.lineHeight
1811
1821
  }
1812
1822
  })
1813
1823
  }
1814
1824
  },
1815
1825
  MuiPickersToolbar: {
1816
1826
  styleOverrides: {
1817
- content: ({ theme: r }) => ({
1827
+ content: ({ theme: t }) => ({
1818
1828
  marginTop: 4,
1819
1829
  "& .MuiTypography-root": {
1820
- fontSize: r.typography.H3.fontSize,
1821
- lineHeight: r.typography.H3.lineHeight
1830
+ fontSize: t.typography.H3.fontSize,
1831
+ lineHeight: t.typography.H3.lineHeight
1822
1832
  },
1823
1833
  "& .MuiPickersToolbarText-root": {
1824
- color: r.palette.mode === h.LIGHT ? r.palette.secondary.light : r.palette.secondary.dark,
1834
+ color: t.palette.mode === p.LIGHT ? t.palette.secondary.light : t.palette.secondary.dark,
1825
1835
  "&.Mui-selected": {
1826
- color: r.palette.text.primary
1836
+ color: t.palette.text.primary
1827
1837
  }
1828
1838
  }
1829
1839
  })
@@ -1849,20 +1859,20 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1849
1859
  },
1850
1860
  MuiSnackbar: {
1851
1861
  styleOverrides: {
1852
- root: ({ theme: r }) => ({
1862
+ root: ({ theme: t }) => ({
1853
1863
  "& .MuiAlert-icon": {
1854
- color: r.palette.success.contrastText
1864
+ color: t.palette.success.contrastText
1855
1865
  },
1856
1866
  "& .MuiAlert-message": {
1857
- color: r.palette.success.contrastText
1867
+ color: t.palette.success.contrastText
1858
1868
  }
1859
1869
  })
1860
1870
  }
1861
1871
  },
1862
1872
  MuiSwitch: {
1863
1873
  styleOverrides: {
1864
- root: ({ theme: r }) => {
1865
- const { grey: i, mode: l } = r.palette;
1874
+ root: ({ theme: t }) => {
1875
+ const { grey: i, mode: n } = t.palette;
1866
1876
  return {
1867
1877
  width: 34,
1868
1878
  height: 18,
@@ -1886,10 +1896,10 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1886
1896
  }
1887
1897
  },
1888
1898
  "&.Mui-disabled .MuiSwitch-thumb": {
1889
- color: l === h.LIGHT ? i[100] : i[600]
1899
+ color: n === p.LIGHT ? i[100] : i[600]
1890
1900
  },
1891
1901
  "&.Mui-disabled + .MuiSwitch-track": {
1892
- opacity: l === h.LIGHT ? 0.7 : 0.3
1902
+ opacity: n === p.LIGHT ? 0.7 : 0.3
1893
1903
  },
1894
1904
  "&.Mui-focusVisible .MuiSwitch-thumb": {
1895
1905
  color: "#0AC295",
@@ -1903,7 +1913,7 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1903
1913
  height: 14
1904
1914
  },
1905
1915
  "& .MuiSwitch-track": {
1906
- backgroundColor: l === h.LIGHT ? i[400] : i[700],
1916
+ backgroundColor: n === p.LIGHT ? i[400] : i[700],
1907
1917
  borderRadius: 18 / 2,
1908
1918
  opacity: 1
1909
1919
  }
@@ -1913,8 +1923,8 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1913
1923
  },
1914
1924
  MuiTextField: {
1915
1925
  styleOverrides: {
1916
- root: ({ theme: r }) => ({
1917
- backgroundColor: r.palette.background.paper
1926
+ root: ({ theme: t }) => ({
1927
+ backgroundColor: t.palette.background.paper
1918
1928
  })
1919
1929
  }
1920
1930
  },
@@ -1927,50 +1937,50 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1927
1937
  });
1928
1938
  };
1929
1939
  export {
1930
- s0 as AccountsFilledIcon,
1931
- d0 as AccountsIcon,
1932
- u0 as ArrowLeftIcon,
1933
- p0 as AttentionFilledIcon,
1934
- g as BaseIcon,
1935
- k0 as BottomSheetTransition,
1936
- h0 as CalendarIcon,
1937
- u as CategoryGuids,
1938
- Te as CategoryIcon,
1939
- ye as CategoryIconList,
1940
- Me as CategoryIconVariants,
1941
- g0 as CheckmarkFilledIcon,
1942
- m0 as ChevronDownIcon,
1943
- f0 as ChevronLeftIcon,
1944
- b0 as ChevronRightIcon,
1945
- be as CloseIcon,
1946
- D0 as DateRangePicker,
1947
- xe as DialogFooter,
1948
- L0 as DialogHeader,
1949
- E0 as Drawer,
1950
- M0 as EditIcon,
1951
- y0 as FilterIcon,
1952
- xe as Footer,
1953
- De as H1,
1954
- S0 as H2,
1955
- F0 as H3,
1956
- C0 as HeartIcon,
1957
- x as INTER,
1958
- M as Icon,
1959
- fe as IconWeight,
1960
- H0 as InstitutionLogo,
1961
- v0 as MXLogoCopyrightIcon,
1962
- x0 as MXLogoFilledIcon,
1963
- T0 as MXLogoIcon,
1964
- A0 as MXLogoOutlineIcon,
1965
- I0 as MerchantLogo,
1966
- w0 as P,
1967
- C as TARGETS,
1968
- A as THEMES,
1969
- v as Text,
1970
- R0 as TextField,
1971
- N0 as Toast,
1972
- z0 as TokenProvider,
1973
- B0 as createMXTheme,
1974
- P0 as useTokens
1940
+ se as AccountsFilledIcon,
1941
+ de as AccountsIcon,
1942
+ ue as ArrowLeftIcon,
1943
+ pe as AttentionFilledIcon,
1944
+ h as BaseIcon,
1945
+ ke as BottomSheetTransition,
1946
+ he as CalendarIcon,
1947
+ d as CategoryGuids,
1948
+ C0 as CategoryIcon,
1949
+ y0 as CategoryIconList,
1950
+ b0 as CategoryIconVariants,
1951
+ ge as CheckmarkFilledIcon,
1952
+ me as ChevronDownIcon,
1953
+ fe as ChevronLeftIcon,
1954
+ be as ChevronRightIcon,
1955
+ f0 as CloseIcon,
1956
+ De as DateRangePicker,
1957
+ v0 as DialogFooter,
1958
+ Le as DialogHeader,
1959
+ Ee as Drawer,
1960
+ ye as EditIcon,
1961
+ Me as FilterIcon,
1962
+ v0 as Footer,
1963
+ A0 as H1,
1964
+ Se as H2,
1965
+ Fe as H3,
1966
+ Ce as HeartIcon,
1967
+ v as INTER,
1968
+ b as Icon,
1969
+ m0 as IconWeight,
1970
+ He as InstitutionLogo,
1971
+ ve as MXLogoCopyrightIcon,
1972
+ xe as MXLogoFilledIcon,
1973
+ Te as MXLogoIcon,
1974
+ Ae as MXLogoOutlineIcon,
1975
+ Ie as MerchantLogo,
1976
+ we as P,
1977
+ M as TARGETS,
1978
+ x as THEMES,
1979
+ T as Text,
1980
+ Re as TextField,
1981
+ Ne as Toast,
1982
+ ze as TokenProvider,
1983
+ Be as createMXTheme,
1984
+ Pe as useTokens
1975
1985
  };
1976
1986
  //# sourceMappingURL=index.es.js.map