@mxenabled/mxui 1.0.3-alpha.JB0 → 1.0.3

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