@mxenabled/mxui 1.0.3-alpha.JB0 → 1.0.4

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 (7) hide show
  1. package/dist/index.es.js +690 -694
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/themes/Augmentations.d.ts +3 -0
  4. package/dist/themes/Colors.d.ts +107 -72
  5. package/dist/themes/MXTheme.d.ts +1 -2
  6. package/dist/themes/Palette.d.ts +1 -2
  7. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,124 +1,124 @@
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";
1
+ import { jsx as a, jsxs as M } from "react/jsx-runtime";
2
+ import f from "react";
3
+ import L from "@mui/material/Stack";
4
+ import { useTheme as v, 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";
18
+ import ae from "@mui/material/ToggleButton";
19
+ import ie from "@mui/material/ToggleButtonGroup";
20
+ import O from "@mui/material/Slide";
21
21
  import D from "@mui/material/Button";
22
- import _ from "@mui/material/Toolbar";
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 = ({
22
+ import V from "@mui/material/Toolbar";
23
+ import _ 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 = ({
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 y = ({
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 [s, 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: s ? 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
+ ...!s && { 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
+ ) })), y0 = ({
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
+ ) })), M0 = ({
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
+ ) })), v0 = ({
211
211
  color: e = "currentColor",
212
212
  ...o
213
- }) => /* @__PURE__ */ y(h, { ...o, children: [
213
+ }) => /* @__PURE__ */ M(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
+ ] }), T0 = ({
229
229
  color: e = "currentColor",
230
230
  ...o
231
- }) => /* @__PURE__ */ y(h, { ...o, children: [
231
+ }) => /* @__PURE__ */ M(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__ */ M(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 || {}), ye = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(ye || {});
304
+ const $ = {
305
+ guid: u.Uncategorized,
306
306
  colorName: "uncategorized",
307
307
  icon: "category"
308
- }, y0 = [
308
+ }, Me = [
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, ve = ({
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 = v(), c = f.useMemo(
418
+ () => Me.find((d) => d.guid === e) ?? $,
419
419
  [e]
420
- ), c = i.palette.categories[n.colorName];
420
+ ), s = 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 d = s;
427
+ return i === "twotone" && (d = `${d}20`), i === "transparent" || i === "basic" ? "transparent" : d;
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 d = i === "filled" ? l.palette.common.white : s;
432
+ return i === "basic" ? l.palette.text.primary : d;
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(y, { name: c.icon, size: n * o })
439
439
  }
440
440
  );
441
- }, v0 = ({
441
+ }, Te = ({
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 = v(), l = e?.map((c) => {
448
+ const s = 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(s, "accept", c);
453
453
  },
454
- disabled: !r(c)
454
+ disabled: !n(s)
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
+ }, k0 = ({
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 = v(), c = ee(l.breakpoints.down("sm")), s = f.useMemo(() => {
493
+ const p = Q(), d = 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(d), F(d)]
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, d) => {
525
+ const m = d.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,35 +539,35 @@ const W = {
539
539
  slotProps: {
540
540
  actionBar: { actions: [] },
541
541
  shortcuts: {
542
- items: n ? [] : c
542
+ items: c ? [] : s
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(y, { name: "chevron_left", size: 28 }),
550
+ shortcuts: (p) => /* @__PURE__ */ a(Te, { selected: r, ...p }),
551
+ rightArrowIcon: () => /* @__PURE__ */ a(y, { 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
+ }, D0 = 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: s = "Cancel",
568
568
  ...b
569
- }) => /* @__PURE__ */ y(
570
- _,
569
+ }) => /* @__PURE__ */ M(
570
+ V,
571
571
  {
572
572
  sx: {
573
573
  display: "flex",
@@ -582,269 +582,303 @@ const W = {
582
582
  e && /* @__PURE__ */ a(
583
583
  D,
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: s
589
589
  }
590
590
  ),
591
- r && /* @__PURE__ */ a(
591
+ n && /* @__PURE__ */ a(
592
592
  D,
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();
605
- return /* @__PURE__ */ y(
606
- _,
603
+ ), L0 = ({ copy: e, onClose: o, ...n }) => {
604
+ const r = v();
605
+ return /* @__PURE__ */ M(
606
+ V,
607
607
  {
608
608
  sx: {
609
609
  "&.MuiToolbar-gutters": {
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(ke, { sx: { fontWeight: 600 }, variant: "H3", children: e.title }) }),
616
+ /* @__PURE__ */ a(_, { "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: s,
629
629
  children: b,
630
- ...u
631
- }) => /* @__PURE__ */ y(
632
- i0,
630
+ ...p
631
+ }) => /* @__PURE__ */ M(
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: s
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
+ ), U = 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 = U,
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 = U,
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__ */ M(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(ve, { categoryGuid: o, size: r })
700
700
  ] });
701
- }, v = ({
701
+ }, T = ({
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
710
- }) => /* @__PURE__ */ a(
711
- n0,
712
- {
713
- className: `mx-kmui-text ${o}`,
714
- color: l,
715
- sx: [
716
- e ? {
717
- fontWeight: 600
718
- } : {},
719
- i ? {
720
- overflow: "hidden",
721
- textOverflow: "ellipsis",
722
- whiteSpace: "nowrap"
723
- } : {},
724
- n ? {
725
- textTransform: "uppercase"
726
- } : {},
727
- ...Array.isArray(t) ? t : [t]
728
- ],
729
- ...c,
730
- children: r
704
+ children: n,
705
+ color: r,
706
+ sx: i = {},
707
+ truncate: l = !0,
708
+ uppercase: c,
709
+ ...s
710
+ }) => {
711
+ switch (s.variant) {
712
+ case "Body":
713
+ s.variant = "body1", console.error("Variant `Body` is deprecated. Use `body1` instead");
714
+ break;
715
+ case "Button":
716
+ s.variant = "button", console.error("Variant `Button` is deprecated. Use `button` instead");
717
+ break;
718
+ case "H1":
719
+ s.variant = "h1", console.error("Variant `H1` is deprecated. Use `h1` instead");
720
+ break;
721
+ case "H2":
722
+ s.variant = "h2", console.error("Variant `H2` is deprecated. Use `h2` instead");
723
+ break;
724
+ case "H3":
725
+ s.variant = "h3", console.error("Variant `H3` is deprecated. Use `h3` instead");
726
+ break;
727
+ case "Paragraph":
728
+ s.variant = "subtitle1", console.error("Variant `Paragraph` is deprecated. Use `subtitle1` instead");
729
+ break;
730
+ case "ParagraphSmall":
731
+ s.variant = "body2", console.error("Variant `ParagraphSmall` is deprecated. Use `subtitle2` instead");
732
+ break;
733
+ case "Small":
734
+ s.variant = "body2", console.error("Variant `Small` is deprecated. Use `body2` instead");
735
+ break;
736
+ case "Tiny":
737
+ s.variant = "tiny", console.error("Variant `Tiny` is deprecated. Use `tiny` instead");
738
+ break;
739
+ case "XSmall":
740
+ s.variant = "caption", console.error("Variant `XSmall` is deprecated. Use `caption` instead");
741
+ break;
731
742
  }
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(
733
- v,
743
+ return /* @__PURE__ */ a(
744
+ le,
745
+ {
746
+ className: `mx-kmui-text ${o}`,
747
+ color: r,
748
+ sx: [
749
+ e ? {
750
+ fontWeight: 600
751
+ } : {},
752
+ l ? {
753
+ overflow: "hidden",
754
+ textOverflow: "ellipsis",
755
+ whiteSpace: "nowrap"
756
+ } : {},
757
+ c ? {
758
+ textTransform: "uppercase"
759
+ } : {},
760
+ ...Array.isArray(i) ? i : [i]
761
+ ],
762
+ ...s,
763
+ children: n
764
+ }
765
+ );
766
+ }, ke = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(T, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...n, children: o }), S0 = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(T, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...n, children: o }), F0 = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(T, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...n, children: o }), w0 = ({ className: e = "", children: o, truncate: n, ...r }) => /* @__PURE__ */ a(
767
+ T,
734
768
  {
735
769
  className: `mx-kmui-text p ${e}`,
736
770
  component: "p",
737
- truncate: r || !1,
738
- variant: "Body",
739
- ...l,
771
+ truncate: n || !1,
772
+ variant: "body1",
773
+ ...r,
740
774
  children: o
741
775
  }
742
- ), Ne = ({
776
+ ), R0 = ({
743
777
  disabled: e = !1,
744
778
  label: o = "",
745
- shrink: r = !0,
746
- variant: l = "outlined",
747
- ...t
779
+ shrink: n = !0,
780
+ variant: r = "outlined",
781
+ ...i
748
782
  }) => /* @__PURE__ */ a(
749
- l0,
783
+ ce,
750
784
  {
751
785
  InputLabelProps: {
752
- shrink: r
786
+ shrink: n
753
787
  },
754
788
  disabled: e,
755
789
  label: o,
756
- variant: l,
757
- ...t
790
+ variant: r,
791
+ ...i
758
792
  }
759
793
  );
760
- function D0(e) {
761
- return /* @__PURE__ */ a(B, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
794
+ function De(e) {
795
+ return /* @__PURE__ */ a(O, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
762
796
  }
763
- const ze = ({
797
+ const N0 = ({
764
798
  open: e,
765
799
  handleClose: o,
766
- message: r,
767
- autoHideDuration: l = 3e3,
768
- severity: t = "success",
769
- snackbarSx: i,
770
- showAction: n = !1,
771
- showClose: c = !1,
800
+ message: n,
801
+ autoHideDuration: r = 3e3,
802
+ severity: i = "success",
803
+ snackbarSx: l,
804
+ showAction: c = !1,
805
+ showClose: s = !1,
772
806
  actionText: b = "Undo",
773
- onActionClick: u,
774
- multiLine: s = !1
807
+ onActionClick: p,
808
+ multiLine: d = !1
775
809
  }) => {
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,
810
+ const m = v(), Z = {
811
+ success: m.palette.success.dark,
812
+ error: m.palette.error.light,
813
+ info: m.palette.info.lighter,
814
+ warning: m.palette.warning.lighter
815
+ }, j = /* @__PURE__ */ M(
816
+ L,
783
817
  {
784
- alignItems: s ? "flex-end" : "center",
785
- direction: s ? "column-reverse" : "row",
818
+ alignItems: d ? "flex-end" : "center",
819
+ direction: d ? "column-reverse" : "row",
786
820
  justifyContent: (
787
821
  // eslint-disable-next-line no-nested-ternary
788
- s && n && c ? "space-between" : "flex-end"
822
+ d && c && s ? "space-between" : "flex-end"
789
823
  ),
790
824
  children: [
791
- n && /* @__PURE__ */ a(
825
+ c && /* @__PURE__ */ a(
792
826
  D,
793
827
  {
794
828
  color: "inherit",
795
- onClick: u || o,
829
+ onClick: p || o,
796
830
  size: "small",
797
831
  sx: {
798
- color: g.palette.success.contrastText,
832
+ color: m.palette.success.contrastText,
799
833
  height: 44
800
834
  },
801
835
  children: b
802
836
  }
803
837
  ),
804
- c && /* @__PURE__ */ a(
805
- V,
838
+ s && /* @__PURE__ */ a(
839
+ _,
806
840
  {
807
841
  "aria-label": "close",
808
842
  color: "inherit",
809
843
  onClick: o,
810
844
  sx: { height: 44, width: 44 },
811
- children: /* @__PURE__ */ a(f, { fill: !0, name: "close", size: 24, weight: 400 })
845
+ children: /* @__PURE__ */ a(y, { fill: !0, name: "close", size: 24, weight: 400 })
812
846
  }
813
847
  )
814
848
  ]
815
849
  }
816
850
  );
817
851
  return /* @__PURE__ */ a(
818
- c0,
852
+ se,
819
853
  {
820
- TransitionComponent: D0,
854
+ TransitionComponent: De,
821
855
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
822
- autoHideDuration: l,
856
+ autoHideDuration: r,
823
857
  onClose: o,
824
858
  open: e,
825
859
  sx: {
826
- ...i,
827
- width: s ? 400 : 325
860
+ ...l,
861
+ width: d ? 400 : 325
828
862
  },
829
863
  children: /* @__PURE__ */ a(
830
- s0,
864
+ de,
831
865
  {
832
- action: Z,
833
- severity: t,
866
+ action: j,
867
+ severity: i,
834
868
  sx: {
835
869
  display: "flex",
836
870
  alignItems: "stretch",
837
- minHeight: c && n && s ? 120 : 56,
838
- maxHeight: s ? 120 : 56,
839
- backgroundColor: (I) => I.palette.mode === "light" ? I.palette[t].darker : K[t],
871
+ minHeight: s && c && d ? 120 : 56,
872
+ maxHeight: d ? 120 : 56,
873
+ backgroundColor: (S) => S.palette.mode === "light" ? S.palette[i].darker : Z[i],
840
874
  width: "100%",
841
875
  "& .MuiAlert-icon": {
842
- alignSelf: s ? "flex-start" : "center"
876
+ alignSelf: d ? "flex-start" : "center"
843
877
  },
844
878
  "& .MuiAlert-message": {
845
- paddingTop: s ? 12 : 8,
846
- paddingBottom: s ? 12 : 8,
847
- alignSelf: s ? "flex-start" : "center"
879
+ paddingTop: d ? 12 : 8,
880
+ paddingBottom: d ? 12 : 8,
881
+ alignSelf: d ? "flex-start" : "center"
848
882
  },
849
883
  "& .MuiAlert-action": {
850
884
  alignItems: "stretch",
@@ -853,51 +887,51 @@ const ze = ({
853
887
  },
854
888
  variant: "filled",
855
889
  children: /* @__PURE__ */ a(
856
- v,
890
+ T,
857
891
  {
858
892
  sx: {
859
- lineHeight: g.typography.Body.lineHeight,
860
- whiteSpace: s ? "normal" : "nowrap",
861
- overflow: s ? "visible" : "hidden",
862
- textOverflow: s ? "clip" : "ellipsis"
893
+ lineHeight: m.typography.body1.lineHeight,
894
+ whiteSpace: d ? "normal" : "nowrap",
895
+ overflow: d ? "visible" : "hidden",
896
+ textOverflow: d ? "clip" : "ellipsis"
863
897
  },
864
- truncate: !s,
865
- children: r
898
+ truncate: !d,
899
+ children: n
866
900
  }
867
901
  )
868
902
  }
869
903
  )
870
904
  }
871
905
  );
872
- }, M = {
906
+ }, C = {
873
907
  REACT: "react",
874
908
  REACT_NATIVE: "react_native",
875
909
  NATIVE: "native"
876
910
  }, A = {
877
911
  LIGHT: "light",
878
912
  DARK: "dark"
879
- }, G = m.createContext(P), U = m.createContext(
880
- L(A.LIGHT, M.REACT_NATIVE)
881
- ), Oe = ({
913
+ }, G = f.createContext(W), K = f.createContext(
914
+ H(A.LIGHT, C.REACT_NATIVE)
915
+ ), P0 = ({
882
916
  children: e,
883
- target: o = M.REACT,
884
- theme: r = A.LIGHT,
885
- tokenOverrides: l
917
+ target: o = C.REACT,
918
+ theme: n = A.LIGHT,
919
+ tokenOverrides: r
886
920
  }) => {
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 = {
921
+ const [i, l] = f.useState(n === A.LIGHT ? W : ue), c = f.useMemo(() => ({
922
+ ...r
923
+ }), [r]);
924
+ return f.useEffect(() => {
925
+ const s = H(n, o, { ...c });
926
+ l(s);
927
+ }, [n, o, c]), o === C.REACT ? /* @__PURE__ */ a(G.Provider, { value: i, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(K.Provider, { value: i, children: e }));
928
+ }, z0 = (e = C.REACT, o = {}) => {
929
+ const n = e === C.REACT ? G : K, r = f.useContext(n);
930
+ return r || H(A.LIGHT, e, { ...o });
931
+ }, h = {
898
932
  LIGHT: "light",
899
933
  DARK: "dark"
900
- }, k0 = {
934
+ }, t = {
901
935
  Black: "#000000",
902
936
  Error100: "#FCD2CF",
903
937
  Error200: "#F45532",
@@ -930,256 +964,221 @@ const ze = ({
930
964
  Warning400: "#E07C02",
931
965
  Warning500: "#C33E01",
932
966
  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, {
967
+ }, Le = (e) => ge({
968
+ mode: e,
969
+ border: {
970
+ lighter: e === "light" ? t.Neutral200 : t.Neutral800,
971
+ light: e === "light" ? t.Neutral300 : t.Neutral700,
972
+ main: e === "light" ? t.Neutral400 : t.Neutral600,
973
+ dark: t.Neutral500,
974
+ darker: e === "light" ? t.Neutral600 : t.Neutral400
975
+ },
976
+ common: {
977
+ white: t.White,
978
+ black: t.Black
979
+ },
980
+ primary: {
981
+ lighter: t.Primary100,
982
+ light: t.Primary200,
983
+ main: t.Primary300,
984
+ dark: t.Primary400,
985
+ darker: t.Primary500
986
+ },
987
+ secondary: {
988
+ lighter: e === "light" ? t.Neutral500 : t.Neutral200,
989
+ light: e === "light" ? t.Neutral600 : t.Neutral300,
990
+ main: e === "light" ? t.Neutral700 : t.Neutral400,
991
+ dark: e === "light" ? t.Neutral800 : t.Neutral500,
992
+ darker: e === "light" ? t.Neutral900 : t.Neutral600
993
+ },
994
+ text: {
995
+ primary: e === "light" ? t.Neutral900 : t.White,
996
+ secondary: e === "light" ? t.Neutral700 : t.Neutral500,
997
+ disabled: e === "light" ? t.Neutral500 : t.Neutral600
998
+ },
999
+ error: {
1000
+ lighter: e === "light" ? t.Error100 : t.Error300,
1001
+ light: e === "light" ? t.Error200 : t.Error100,
1002
+ main: e === "light" ? t.Error300 : t.Error200,
1003
+ dark: e === "light" ? t.Error400 : t.Error300,
1004
+ darker: e === "light" ? t.Error500 : t.Error400
1005
+ },
1006
+ warning: {
1007
+ lighter: t.Warning100,
1008
+ light: t.Warning200,
1009
+ main: t.Warning300,
1010
+ dark: t.Warning400,
1011
+ darker: t.Warning500
1012
+ },
1013
+ info: {
1014
+ lighter: t.Primary100,
1015
+ light: t.Primary200,
1016
+ main: t.Primary300,
1017
+ dark: t.Primary400,
1018
+ darker: t.Primary500
1019
+ },
1020
+ success: {
1021
+ lighter: t.Success100,
1022
+ light: e === "light" ? t.Success200 : t.Success150,
1023
+ main: e === "light" ? t.Success300 : t.Success200,
1024
+ dark: e === "light" ? t.Success400 : t.Success300,
1025
+ darker: e === "light" ? t.Success500 : t.Success400
1026
+ },
1027
+ grey: {
1028
+ 100: t.Neutral100,
1029
+ 200: t.Neutral200,
1030
+ 300: t.Neutral300,
1031
+ 400: t.Neutral400,
1032
+ 500: t.Neutral500,
1033
+ 600: t.Neutral600,
1034
+ 700: t.Neutral700,
1035
+ 800: t.Neutral800,
1036
+ 900: t.Neutral900
1037
+ },
1038
+ action: {
1039
+ active: e === "light" ? t.Primary300 : t.Primary200,
1040
+ disabled: t.Neutral500,
1041
+ disabledBackground: e === "light" ? t.Neutral200 : t.Neutral700,
1042
+ hover: e === "light" ? t.Neutral100 : t.Neutral800,
1043
+ hoverOpacity: 0.1,
1044
+ selected: e === "light" ? t.Primary300 : t.Primary200,
1045
+ selectedOpacity: 0.1
1046
+ },
1047
+ background: {
1048
+ default: e === "light" ? t.Neutral100 : t.Neutral800,
1049
+ paper: e === "light" ? t.White : t.Neutral900,
1050
+ highlight: e === "light" ? t.Neutral200 : t.Neutral600,
1051
+ highlightPrimary: e === "light" ? t.Primary100 : t.Primary500
1052
+ },
1053
+ divider: e === "light" ? t.Neutral400 : t.Neutral700,
1054
+ categories: {
1055
+ autoTransport: "#4B9DBC",
1056
+ billsUtilities: "#EF8B2C",
1057
+ businessServices: "#B3DE8C",
1058
+ education: "#F8AB3A",
1059
+ entertainment: "#AB5B89",
1060
+ feesCharges: "#FF9696",
1061
+ financial: "#6BCDDB",
1062
+ foodDining: "#58AC7B",
1063
+ giftsDonations: "#347AA5",
1064
+ healthFitness: "#5C446E",
1065
+ home: "#FFD84D",
1066
+ income: "#133F49",
1067
+ investments: "#FF7070",
1068
+ kids: "#82D196",
1069
+ personalCare: "#338B7A",
1070
+ pets: "#615BAB",
1071
+ shopping: "#CF5F84",
1072
+ taxes: "#32588D",
1073
+ transfer: "#959CA6",
1074
+ travel: "#E37434",
1075
+ uncategorized: "#FA5555"
1076
+ },
1077
+ chart: {
1078
+ chart1: "#74E4DA",
1079
+ chart2: "#ED64A4",
1080
+ chart3: "#F3DC46",
1081
+ chart4: "#BABFC5",
1082
+ chart5: "#60A9FF",
1083
+ chart6: "#C8BAEE",
1084
+ chart7: "#585E67"
1085
+ },
1086
+ chartMono: {
1087
+ chartMono1: "#C3EAFF",
1088
+ chartMono2: "#8ED7FF",
1089
+ chartMono3: "#60A9FF",
1090
+ chartMono4: "#2F73DA",
1091
+ chartMono5: "#034AB3",
1092
+ chartMono6: "#002966"
1093
+ }
1094
+ }), x = "Inter, Helvetica, Arial, sans-serif", Ee = (e) => me(e, {
1092
1095
  fontFamily: x,
1093
1096
  fontSize: 15,
1094
- Body: {
1097
+ body1: {
1095
1098
  fontSize: 15,
1096
1099
  lineHeight: "20px"
1097
1100
  },
1098
- body2: void 0,
1099
- Button: {
1101
+ body2: {
1102
+ fontSize: 13,
1103
+ lineHeight: "16px"
1104
+ },
1105
+ button: {
1100
1106
  fontSize: 15
1101
1107
  },
1102
- caption: void 0,
1103
- H1: {
1108
+ caption: {
1109
+ fontSize: 11,
1110
+ lineHeight: "16px"
1111
+ },
1112
+ h1: {
1104
1113
  fontFamily: x,
1105
1114
  fontWeight: 700,
1106
1115
  fontSize: 31,
1107
1116
  lineHeight: "40px"
1108
1117
  },
1109
- H2: {
1118
+ h2: {
1110
1119
  fontFamily: x,
1111
1120
  fontWeight: 700,
1112
1121
  fontSize: 23,
1113
1122
  lineHeight: "32px"
1114
1123
  },
1115
- H3: {
1124
+ h3: {
1116
1125
  fontFamily: x,
1117
1126
  fontWeight: 700,
1118
1127
  fontSize: 18,
1119
1128
  lineHeight: "24px"
1120
1129
  },
1121
- h4: void 0,
1122
1130
  h5: void 0,
1123
1131
  h6: void 0,
1124
1132
  overline: void 0,
1125
- Paragraph: {
1133
+ subtitle1: {
1126
1134
  fontSize: 15,
1127
1135
  lineHeight: "24px"
1128
1136
  },
1129
- ParagraphSmall: {
1137
+ subtitle2: {
1130
1138
  fontSize: 13,
1131
1139
  lineHeight: "20px"
1132
1140
  },
1133
- Small: {
1134
- fontSize: 13,
1135
- lineHeight: "16px"
1136
- },
1137
- subtitle1: void 0,
1138
- subtitle2: void 0,
1139
- Tiny: {
1141
+ tiny: {
1140
1142
  fontSize: 9,
1141
1143
  lineHeight: "12px"
1142
- },
1143
- XSmall: {
1144
- fontSize: 11,
1145
- lineHeight: "16px"
1146
1144
  }
1147
1145
  });
1148
- u0.setLicenseKey(
1146
+ pe.setLicenseKey(
1149
1147
  "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
1150
1148
  );
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({
1149
+ const k = [...B().shadows];
1150
+ k[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1151
+ k[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1152
+ k[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1153
+ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", He = "cubic-bezier(.475,.425,0,.995)", B0 = (e) => {
1154
+ const o = Le(e), n = Ee(o);
1155
+ return B({
1158
1156
  breakpoints: {
1159
1157
  values: {
1160
- xs: 0,
1161
- sm: 576,
1162
- md: 768,
1163
- lg: 992,
1164
- xl: 1200
1158
+ xs: 444,
1159
+ sm: 600,
1160
+ md: 900,
1161
+ lg: 1200,
1162
+ xl: 1536
1165
1163
  }
1166
1164
  },
1167
- palette: r,
1168
- shadows: C,
1165
+ palette: o,
1166
+ shadows: k,
1169
1167
  shape: {
1170
1168
  borderRadius: 4
1171
1169
  },
1172
1170
  spacing: 1,
1173
- typography: l,
1171
+ // 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.
1172
+ typography: n,
1174
1173
  components: {
1175
1174
  MuiAutocomplete: {
1176
1175
  styleOverrides: {
1177
- root: ({ theme: t }) => ({
1176
+ root: ({ theme: r }) => ({
1178
1177
  "& .MuiAutocomplete-endAdornment": {
1179
1178
  marginTop: -5
1180
1179
  },
1181
1180
  "& .MuiIconButton-root": {
1182
- color: t.palette.mode === "light" ? t.palette.grey[700] : t.palette.grey[400],
1181
+ color: r.palette.mode === "light" ? r.palette.grey[700] : r.palette.grey[400],
1183
1182
  "&:hover": {
1184
1183
  backgroundColor: "inherit"
1185
1184
  }
@@ -1190,16 +1189,16 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1190
1189
  MuiAlert: {
1191
1190
  defaultProps: {
1192
1191
  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 })
1192
+ success: /* @__PURE__ */ a(y, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1193
+ error: /* @__PURE__ */ a(y, { fill: !0, name: "error", size: 24, weight: 400 }),
1194
+ warning: /* @__PURE__ */ a(y, { fill: !0, name: "warning", size: 24, weight: 400 }),
1195
+ info: /* @__PURE__ */ a(y, { fill: !0, name: "info", size: 24, weight: 400 })
1197
1196
  }
1198
1197
  },
1199
1198
  styleOverrides: {
1200
- standard: ({ theme: t }) => ({
1201
- background: t.palette.background.paper,
1202
- color: t.palette.text.primary
1199
+ standard: ({ theme: r }) => ({
1200
+ background: r.palette.background.paper,
1201
+ color: r.palette.text.primary
1203
1202
  }),
1204
1203
  root: {
1205
1204
  alignItems: "center",
@@ -1218,8 +1217,8 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1218
1217
  },
1219
1218
  MuiAvatar: {
1220
1219
  styleOverrides: {
1221
- root: ({ theme: t }) => ({
1222
- backgroundColor: t.palette.mode === p.LIGHT ? t.palette.grey[400] : t.palette.grey[700]
1220
+ root: ({ theme: r }) => ({
1221
+ backgroundColor: r.palette.mode === h.LIGHT ? r.palette.grey[400] : r.palette.grey[700]
1223
1222
  })
1224
1223
  }
1225
1224
  },
@@ -1230,15 +1229,15 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1230
1229
  styleOverrides: {
1231
1230
  root: {
1232
1231
  "&.Mui-focusVisible": {
1233
- boxShadow: N
1232
+ boxShadow: P
1234
1233
  }
1235
1234
  }
1236
1235
  }
1237
1236
  },
1238
1237
  MuiButton: {
1239
1238
  styleOverrides: {
1240
- contained: ({ ownerState: t, theme: i }) => ({
1241
- ...i.palette.mode === p.DARK && t.color === "primary" && {
1239
+ contained: ({ ownerState: r, theme: i }) => ({
1240
+ ...i.palette.mode === h.DARK && r.color === "primary" && {
1242
1241
  color: i.palette.grey[900],
1243
1242
  backgroundColor: i.palette.primary.light
1244
1243
  },
@@ -1247,45 +1246,45 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1247
1246
  boxShadow: "none"
1248
1247
  },
1249
1248
  "&:active": {
1250
- backgroundColor: t.color === "error" ? i.palette.error.darker : i.palette.primary.darker
1249
+ backgroundColor: r.color === "error" ? i.palette.error.darker : i.palette.primary.darker
1251
1250
  }
1252
1251
  }),
1253
- outlined: ({ theme: t }) => ({
1254
- borderColor: t.palette.border.main,
1252
+ outlined: ({ theme: r }) => ({
1253
+ borderColor: r.palette.border.main,
1255
1254
  "&:hover": {
1256
- borderColor: t.palette.border.dark
1255
+ borderColor: r.palette.border.dark
1257
1256
  },
1258
1257
  "&:active": {
1259
- borderColor: t.palette.border.darker
1258
+ borderColor: r.palette.border.darker
1260
1259
  }
1261
1260
  }),
1262
- outlinedPrimary: ({ theme: t }) => ({
1263
- ...t.palette.mode === p.DARK && {
1264
- color: t.palette.primary.light
1261
+ outlinedPrimary: ({ theme: r }) => ({
1262
+ ...r.palette.mode === h.DARK && {
1263
+ color: r.palette.primary.light
1265
1264
  }
1266
1265
  }),
1267
- text: ({ ownerState: t, theme: i }) => ({
1266
+ text: ({ ownerState: r, theme: i }) => ({
1268
1267
  "&:active": {
1269
- ...t.color === "error" && {
1268
+ ...r.color === "error" && {
1270
1269
  backgroundColor: i.palette.error.lighter
1271
1270
  },
1272
- ...t.color === "primary" && {
1271
+ ...r.color === "primary" && {
1273
1272
  backgroundColor: i.palette.primary.light
1274
1273
  },
1275
- ...t.color === "secondary" && {
1274
+ ...r.color === "secondary" && {
1276
1275
  backgroundColor: i.palette.secondary.lighter
1277
1276
  },
1278
- ...i.palette.mode === p.DARK && {
1277
+ ...i.palette.mode === h.DARK && {
1279
1278
  color: i.palette.common.white
1280
1279
  },
1281
- ...i.palette.mode === p.DARK && t.color === "secondary" && {
1280
+ ...i.palette.mode === h.DARK && r.color === "secondary" && {
1282
1281
  color: i.palette.secondary.darker
1283
1282
  }
1284
1283
  }
1285
1284
  }),
1286
- textPrimary: ({ theme: t }) => ({
1287
- ...t.palette.mode === p.DARK && {
1288
- color: t.palette.primary.light
1285
+ textPrimary: ({ theme: r }) => ({
1286
+ ...r.palette.mode === h.DARK && {
1287
+ color: r.palette.primary.light
1289
1288
  }
1290
1289
  }),
1291
1290
  root: {
@@ -1297,7 +1296,7 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1297
1296
  cursor: "not-allowed"
1298
1297
  },
1299
1298
  "&.Mui-focusVisible": {
1300
- boxShadow: N
1299
+ boxShadow: P
1301
1300
  }
1302
1301
  },
1303
1302
  sizeMedium: {
@@ -1310,43 +1309,43 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1310
1309
  disableRipple: !0
1311
1310
  },
1312
1311
  styleOverrides: {
1313
- root: ({ theme: t }) => ({
1312
+ root: ({ theme: r }) => ({
1314
1313
  "&:hover": {
1315
- borderColor: t.palette.border.dark
1314
+ borderColor: r.palette.border.dark
1316
1315
  },
1317
1316
  "button:hover + button": {
1318
- borderLeftColor: t.palette.border.dark
1317
+ borderLeftColor: r.palette.border.dark
1319
1318
  },
1320
1319
  "&:active": {
1321
- borderColor: t.palette.border.darker
1320
+ borderColor: r.palette.border.darker
1322
1321
  },
1323
1322
  "button:active + button": {
1324
- borderLeftColor: t.palette.border.darker
1323
+ borderLeftColor: r.palette.border.darker
1325
1324
  }
1326
1325
  })
1327
1326
  }
1328
1327
  },
1329
1328
  MuiTabs: {
1330
1329
  styleOverrides: {
1331
- indicator: ({ theme: t }) => ({
1330
+ indicator: ({ theme: r }) => ({
1332
1331
  height: 3,
1333
- backgroundColor: t.palette.action.selected
1332
+ backgroundColor: r.palette.action.selected
1334
1333
  })
1335
1334
  }
1336
1335
  },
1337
1336
  MuiTab: {
1338
1337
  styleOverrides: {
1339
- root: ({ theme: t }) => ({
1338
+ root: ({ theme: r }) => ({
1340
1339
  textTransform: "none",
1341
1340
  fontWeight: 600,
1342
1341
  "&.Mui-focusVisible": {
1343
1342
  boxShadow: z
1344
1343
  },
1345
1344
  "&:not(.Mui-selected)": {
1346
- borderBottom: `2px solid ${t.palette.divider}`
1345
+ borderBottom: `2px solid ${r.palette.divider}`
1347
1346
  },
1348
1347
  "&.Mui-selected": {
1349
- color: t.palette.action.selected,
1348
+ color: r.palette.action.selected,
1350
1349
  paddingBottom: 13
1351
1350
  }
1352
1351
  })
@@ -1354,35 +1353,35 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1354
1353
  },
1355
1354
  MuiCheckbox: {
1356
1355
  styleOverrides: {
1357
- root: ({ theme: t }) => ({
1358
- color: t.palette.mode === p.LIGHT ? t.palette.grey[800] : t.palette.common.white,
1356
+ root: ({ theme: r }) => ({
1357
+ color: r.palette.mode === h.LIGHT ? r.palette.grey[800] : r.palette.common.white,
1359
1358
  "&:hover": {
1360
1359
  backgroundColor: "transparent"
1361
1360
  },
1362
1361
  "&.Mui-checked": {
1363
- color: t.palette.mode === p.LIGHT ? t.palette.primary.main : t.palette.common.white
1362
+ color: r.palette.mode === h.LIGHT ? r.palette.primary.main : r.palette.common.white
1364
1363
  },
1365
1364
  "&.MuiCheckbox-colorError": {
1366
- color: t.palette.error.main
1365
+ color: r.palette.error.main
1367
1366
  }
1368
1367
  })
1369
1368
  }
1370
1369
  },
1371
1370
  MuiChip: {
1372
1371
  styleOverrides: {
1373
- outlined: ({ theme: t }) => {
1374
- const { common: i, grey: n, mode: c } = t.palette;
1372
+ outlined: ({ theme: r }) => {
1373
+ const { common: i, grey: l, mode: c } = r.palette;
1375
1374
  return {
1376
1375
  backgroundColor: "transparent",
1377
- borderColor: c === p.LIGHT ? n[600] : n[500],
1376
+ borderColor: c === h.LIGHT ? l[600] : l[500],
1378
1377
  borderWidth: 1,
1379
- color: c === p.LIGHT ? n[900] : i.white,
1378
+ color: c === h.LIGHT ? l[900] : i.white,
1380
1379
  fontSize: 11,
1381
1380
  // XSmall
1382
1381
  height: 24,
1383
1382
  "&:hover": {
1384
- borderColor: c === p.LIGHT ? n[300] : n[600],
1385
- backgroundColor: c === p.LIGHT ? n[300] : n[600]
1383
+ borderColor: c === h.LIGHT ? l[300] : l[600],
1384
+ backgroundColor: c === h.LIGHT ? l[300] : l[600]
1386
1385
  }
1387
1386
  };
1388
1387
  },
@@ -1391,7 +1390,6 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1391
1390
  alignItems: "center",
1392
1391
  padding: "8px 12px",
1393
1392
  borderRadius: 16,
1394
- // XLarge
1395
1393
  fontSize: 9,
1396
1394
  // Tiny
1397
1395
  fontWeight: 600,
@@ -1421,7 +1419,7 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1421
1419
  root: {
1422
1420
  animationDuration: "1.6s",
1423
1421
  color: "primary",
1424
- [`& .${p0.circle}`]: {
1422
+ [`& .${he.circle}`]: {
1425
1423
  strokeLinecap: "round"
1426
1424
  }
1427
1425
  }
@@ -1429,31 +1427,31 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1429
1427
  },
1430
1428
  MuiDayCalendar: {
1431
1429
  styleOverrides: {
1432
- weekDayLabel: ({ theme: t }) => ({
1430
+ weekDayLabel: ({ theme: r }) => ({
1433
1431
  // TODO: Need to add additional styles to the theme such as SmallBold or use Caption
1434
- fontSize: t.typography.Small.fontSize,
1432
+ fontSize: r.typography.Small.fontSize,
1435
1433
  fontWeight: 700
1436
1434
  })
1437
1435
  }
1438
1436
  },
1439
1437
  MuiDataGrid: {
1440
1438
  styleOverrides: {
1441
- root: ({ theme: t }) => ({
1439
+ root: ({ theme: r }) => ({
1442
1440
  border: "none",
1443
1441
  borderRadius: 0,
1444
- fontSize: t.typography.Small.fontSize,
1442
+ fontSize: r.typography.Small.fontSize,
1445
1443
  "& .MuiDataGrid-cell": {
1446
1444
  display: "flex",
1447
1445
  alignItems: "center",
1448
1446
  borderTop: "1px solid",
1449
- borderColor: t.palette.background.highlight
1447
+ borderColor: r.palette.background.highlight
1450
1448
  },
1451
1449
  "& .MuiDataGrid-cell:focus": { outline: "unset" },
1452
1450
  "& .MuiDataGrid-iconSeparator": { display: "none" },
1453
1451
  "& .MuiDataGrid-columnHeaders": {
1454
- backgroundColor: t.palette.background.paper,
1452
+ backgroundColor: r.palette.background.paper,
1455
1453
  borderBottom: "2px solid",
1456
- borderColor: t.palette.divider
1454
+ borderColor: r.palette.divider
1457
1455
  },
1458
1456
  "& .MuiDataGrid-columnHeaderTitle": {
1459
1457
  fontWeight: 600
@@ -1478,7 +1476,7 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1478
1476
  },
1479
1477
  MuiDateRangePickerDay: {
1480
1478
  styleOverrides: {
1481
- root: ({ theme: t }) => ({
1479
+ root: ({ theme: r }) => ({
1482
1480
  ":first-of-type": {
1483
1481
  borderTopLeftRadius: 4,
1484
1482
  borderBottomLeftRadius: 4,
@@ -1499,7 +1497,7 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1499
1497
  borderRadius: 4
1500
1498
  },
1501
1499
  "& .MuiPickersDay-dayOutsideMonth": {
1502
- color: t.palette.grey[500]
1500
+ color: r.palette.grey[500]
1503
1501
  }
1504
1502
  }),
1505
1503
  day: {
@@ -1540,8 +1538,8 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1540
1538
  "aria-hidden": !0
1541
1539
  },
1542
1540
  styleOverrides: {
1543
- root: ({ theme: t }) => ({
1544
- borderColor: t.palette.border.light
1541
+ root: ({ theme: r }) => ({
1542
+ borderColor: r.palette.border.light
1545
1543
  }),
1546
1544
  inset: {
1547
1545
  marginLeft: 68
@@ -1567,7 +1565,6 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1567
1565
  styleOverrides: {
1568
1566
  root: {
1569
1567
  borderRadius: 8,
1570
- // Large
1571
1568
  minHeight: 44,
1572
1569
  // touch target
1573
1570
  minWidth: 44
@@ -1582,7 +1579,7 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1582
1579
  // Body
1583
1580
  lineHeight: "20px",
1584
1581
  // Body
1585
- transition: `box-shadow 350ms ${I0}`,
1582
+ transition: `box-shadow 350ms ${He}`,
1586
1583
  width: "100%",
1587
1584
  "&.MuiOutlinedInput-input.Mui-disabled": {
1588
1585
  padding: 12,
@@ -1598,7 +1595,7 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1598
1595
  },
1599
1596
  MuiLink: {
1600
1597
  styleOverrides: {
1601
- root: ({ theme: t }) => ({
1598
+ root: ({ theme: r }) => ({
1602
1599
  display: "inline-flex",
1603
1600
  alignItems: "center",
1604
1601
  boxSizing: "border-box",
@@ -1613,7 +1610,7 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1613
1610
  outline: "rgba(82, 138, 224, 0.8) auto 1px"
1614
1611
  },
1615
1612
  "&:hover": {
1616
- backgroundColor: t.palette.action.hover,
1613
+ backgroundColor: r.palette.action.hover,
1617
1614
  borderBottom: "1px solid"
1618
1615
  },
1619
1616
  fontWeight: 600
@@ -1622,7 +1619,7 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1622
1619
  variants: [
1623
1620
  {
1624
1621
  props: { color: "primary" },
1625
- style: ({ theme: t }) => t.palette.mode === p.DARK ? { color: t.palette.primary.light } : {}
1622
+ style: ({ theme: r }) => r.palette.mode === h.DARK ? { color: r.palette.primary.light } : {}
1626
1623
  }
1627
1624
  ]
1628
1625
  },
@@ -1648,17 +1645,17 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1648
1645
  disablePadding: !0
1649
1646
  },
1650
1647
  styleOverrides: {
1651
- root: ({ ownerState: t, theme: i }) => {
1652
- const { mode: n, primary: c } = i.palette;
1648
+ root: ({ ownerState: r, theme: i }) => {
1649
+ const { mode: l, primary: c } = i.palette;
1653
1650
  return {
1654
1651
  minHeight: 64,
1655
- ...!t.disablePadding && {
1652
+ ...!r.disablePadding && {
1656
1653
  paddingTop: 12,
1657
1654
  paddingBottom: 12,
1658
1655
  paddingLeft: 24
1659
1656
  },
1660
1657
  "& .MuiIconButton-root": {
1661
- color: n === p.LIGHT ? c.main : c.light
1658
+ color: l === h.LIGHT ? c.main : c.light
1662
1659
  }
1663
1660
  };
1664
1661
  }
@@ -1666,7 +1663,7 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1666
1663
  },
1667
1664
  MuiCollapse: {
1668
1665
  styleOverrides: {
1669
- root: ({ theme: t }) => ({
1666
+ root: ({ theme: r }) => ({
1670
1667
  "& .MuiListItem-root": {
1671
1668
  minHeight: 44
1672
1669
  },
@@ -1674,10 +1671,10 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1674
1671
  minHeight: 44,
1675
1672
  paddingLeft: 12,
1676
1673
  "&:hover": {
1677
- backgroundColor: `${t.palette.secondary.lighter}33`
1674
+ backgroundColor: `${r.palette.secondary.lighter}33`
1678
1675
  },
1679
1676
  "&:active": {
1680
- backgroundColor: `${t.palette.secondary.lighter}66`
1677
+ backgroundColor: `${r.palette.secondary.lighter}66`
1681
1678
  }
1682
1679
  }
1683
1680
  })
@@ -1699,7 +1696,7 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1699
1696
  },
1700
1697
  MuiListItemButton: {
1701
1698
  styleOverrides: {
1702
- root: ({ theme: t }) => ({
1699
+ root: ({ theme: r }) => ({
1703
1700
  minHeight: 64,
1704
1701
  paddingLeft: 24,
1705
1702
  paddingRight: 24,
@@ -1709,11 +1706,11 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1709
1706
  boxShadow: z
1710
1707
  },
1711
1708
  "&:active": {
1712
- backgroundColor: `${t.palette.secondary.lighter}33`
1709
+ backgroundColor: `${r.palette.secondary.lighter}33`
1713
1710
  },
1714
1711
  "&.Mui-selected": {
1715
1712
  fontWeight: "bold",
1716
- borderLeft: `3px solid ${t.palette.primary.main}`,
1713
+ borderLeft: `3px solid ${r.palette.primary.main}`,
1717
1714
  paddingLeft: 21
1718
1715
  }
1719
1716
  })
@@ -1739,10 +1736,10 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1739
1736
  },
1740
1737
  MuiListItemIcon: {
1741
1738
  styleOverrides: {
1742
- root: ({ theme: t }) => ({
1739
+ root: ({ theme: r }) => ({
1743
1740
  minWidth: "auto",
1744
1741
  marginLeft: 8,
1745
- color: t.palette.text.primary
1742
+ color: r.palette.text.primary
1746
1743
  })
1747
1744
  }
1748
1745
  },
@@ -1752,11 +1749,11 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1752
1749
  // without this it defaults to the secondary color
1753
1750
  },
1754
1751
  styleOverrides: {
1755
- root: ({ theme: t }) => ({
1752
+ root: ({ theme: r }) => ({
1756
1753
  lineHeight: "inherit",
1757
1754
  top: -1,
1758
1755
  // 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
1756
+ backgroundColor: r.palette.background.default
1760
1757
  })
1761
1758
  }
1762
1759
  },
@@ -1780,20 +1777,19 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1780
1777
  marginBottom: 4,
1781
1778
  // Tiny
1782
1779
  borderRadius: 4
1783
- // Medium
1784
1780
  }
1785
1781
  }
1786
1782
  },
1787
1783
  MuiOutlinedInput: {
1788
1784
  styleOverrides: {
1789
- root: ({ theme: t }) => ({
1785
+ root: ({ theme: r }) => ({
1790
1786
  "&.Mui-focused": {
1791
1787
  "& .MuiOutlinedInput-notchedOutline": {
1792
1788
  outline: "none"
1793
1789
  }
1794
1790
  },
1795
1791
  "& .MuiSelect-icon": {
1796
- color: t.palette.mode === p.LIGHT ? t.palette.grey[900] : t.palette.common.white
1792
+ color: r.palette.mode === h.LIGHT ? r.palette.grey[900] : r.palette.common.white
1797
1793
  }
1798
1794
  })
1799
1795
  }
@@ -1815,8 +1811,8 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1815
1811
  },
1816
1812
  MuiPickersDay: {
1817
1813
  styleOverrides: {
1818
- today: ({ theme: t }) => ({
1819
- color: t.palette.action.selected,
1814
+ today: ({ theme: r }) => ({
1815
+ color: r.palette.action.selected,
1820
1816
  fontWeight: 700,
1821
1817
  textDecoration: "2px underline",
1822
1818
  textUnderlineOffset: 4,
@@ -1832,29 +1828,29 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1832
1828
  backgroundColor: "transparent !important",
1833
1829
  padding: 16
1834
1830
  },
1835
- toolbar: ({ theme: t }) => ({
1831
+ toolbar: ({ theme: r }) => ({
1836
1832
  gridColumn: "1/4",
1837
1833
  "& > .MuiTypography-root": {
1838
1834
  textTransform: "uppercase",
1839
- fontSize: t.typography.Small.fontSize,
1835
+ fontSize: r.typography.Small.fontSize,
1840
1836
  fontWeight: 600,
1841
- lineHeight: t.typography.Small.lineHeight
1837
+ lineHeight: r.typography.Small.lineHeight
1842
1838
  }
1843
1839
  })
1844
1840
  }
1845
1841
  },
1846
1842
  MuiPickersToolbar: {
1847
1843
  styleOverrides: {
1848
- content: ({ theme: t }) => ({
1844
+ content: ({ theme: r }) => ({
1849
1845
  marginTop: 4,
1850
1846
  "& .MuiTypography-root": {
1851
- fontSize: t.typography.H3.fontSize,
1852
- lineHeight: t.typography.H3.lineHeight
1847
+ fontSize: r.typography.H3.fontSize,
1848
+ lineHeight: r.typography.H3.lineHeight
1853
1849
  },
1854
1850
  "& .MuiPickersToolbarText-root": {
1855
- color: t.palette.mode === p.LIGHT ? t.palette.secondary.light : t.palette.secondary.dark,
1851
+ color: r.palette.mode === h.LIGHT ? r.palette.secondary.light : r.palette.secondary.dark,
1856
1852
  "&.Mui-selected": {
1857
- color: t.palette.text.primary
1853
+ color: r.palette.text.primary
1858
1854
  }
1859
1855
  }
1860
1856
  })
@@ -1880,20 +1876,20 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1880
1876
  },
1881
1877
  MuiSnackbar: {
1882
1878
  styleOverrides: {
1883
- root: ({ theme: t }) => ({
1879
+ root: ({ theme: r }) => ({
1884
1880
  "& .MuiAlert-icon": {
1885
- color: t.palette.success.contrastText
1881
+ color: r.palette.success.contrastText
1886
1882
  },
1887
1883
  "& .MuiAlert-message": {
1888
- color: t.palette.success.contrastText
1884
+ color: r.palette.success.contrastText
1889
1885
  }
1890
1886
  })
1891
1887
  }
1892
1888
  },
1893
1889
  MuiSwitch: {
1894
1890
  styleOverrides: {
1895
- root: ({ theme: t }) => {
1896
- const { grey: i, mode: n } = t.palette;
1891
+ root: ({ theme: r }) => {
1892
+ const { grey: i, mode: l } = r.palette;
1897
1893
  return {
1898
1894
  width: 34,
1899
1895
  height: 18,
@@ -1917,10 +1913,10 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1917
1913
  }
1918
1914
  },
1919
1915
  "&.Mui-disabled .MuiSwitch-thumb": {
1920
- color: n === p.LIGHT ? i[100] : i[600]
1916
+ color: l === h.LIGHT ? i[100] : i[600]
1921
1917
  },
1922
1918
  "&.Mui-disabled + .MuiSwitch-track": {
1923
- opacity: n === p.LIGHT ? 0.7 : 0.3
1919
+ opacity: l === h.LIGHT ? 0.7 : 0.3
1924
1920
  },
1925
1921
  "&.Mui-focusVisible .MuiSwitch-thumb": {
1926
1922
  color: "#0AC295",
@@ -1934,7 +1930,7 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1934
1930
  height: 14
1935
1931
  },
1936
1932
  "& .MuiSwitch-track": {
1937
- backgroundColor: n === p.LIGHT ? i[400] : i[700],
1933
+ backgroundColor: l === h.LIGHT ? i[400] : i[700],
1938
1934
  borderRadius: 18 / 2,
1939
1935
  opacity: 1
1940
1936
  }
@@ -1944,8 +1940,8 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1944
1940
  },
1945
1941
  MuiTextField: {
1946
1942
  styleOverrides: {
1947
- root: ({ theme: t }) => ({
1948
- backgroundColor: t.palette.background.paper
1943
+ root: ({ theme: r }) => ({
1944
+ backgroundColor: r.palette.background.paper
1949
1945
  })
1950
1946
  }
1951
1947
  },
@@ -1958,50 +1954,50 @@ const N = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", z = "inset 0px 0px 0px 2px
1958
1954
  });
1959
1955
  };
1960
1956
  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,
1957
+ s0 as AccountsFilledIcon,
1958
+ d0 as AccountsIcon,
1959
+ u0 as ArrowLeftIcon,
1960
+ p0 as AttentionFilledIcon,
1961
+ g as BaseIcon,
1962
+ D0 as BottomSheetTransition,
1963
+ h0 as CalendarIcon,
1964
+ u as CategoryGuids,
1965
+ ve as CategoryIcon,
1966
+ Me as CategoryIconList,
1967
+ ye as CategoryIconVariants,
1968
+ g0 as CheckmarkFilledIcon,
1969
+ m0 as ChevronDownIcon,
1970
+ f0 as ChevronLeftIcon,
1971
+ b0 as ChevronRightIcon,
1972
+ be as CloseIcon,
1973
+ k0 as DateRangePicker,
1974
+ xe as DialogFooter,
1975
+ L0 as DialogHeader,
1976
+ E0 as Drawer,
1977
+ y0 as EditIcon,
1978
+ M0 as FilterIcon,
1979
+ xe as Footer,
1980
+ ke as H1,
1981
+ S0 as H2,
1982
+ F0 as H3,
1983
+ C0 as HeartIcon,
1988
1984
  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,
1985
+ y as Icon,
1986
+ fe as IconWeight,
1987
+ H0 as InstitutionLogo,
1988
+ T0 as MXLogoCopyrightIcon,
1989
+ x0 as MXLogoFilledIcon,
1990
+ v0 as MXLogoIcon,
1991
+ A0 as MXLogoOutlineIcon,
1992
+ I0 as MerchantLogo,
1993
+ w0 as P,
1994
+ C as TARGETS,
1999
1995
  A as THEMES,
2000
- v as Text,
2001
- Ne as TextField,
2002
- ze as Toast,
2003
- Oe as TokenProvider,
2004
- _e as createMXTheme,
2005
- Be as useTokens
1996
+ T as Text,
1997
+ R0 as TextField,
1998
+ N0 as Toast,
1999
+ P0 as TokenProvider,
2000
+ B0 as createMXTheme,
2001
+ z0 as useTokens
2006
2002
  };
2007
2003
  //# sourceMappingURL=index.es.js.map