@mxenabled/mxui 1.0.0-alpha.bb1 → 1.0.0-alpha.v3

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/components/categoryicon/{IconList.d.ts → CategoryIconList.d.ts} +1 -1
  2. package/dist/components/categoryicon/index.d.ts +1 -0
  3. package/dist/components/drawer/Footer.d.ts +1 -0
  4. package/dist/index.es.js +428 -447
  5. package/dist/index.es.js.map +1 -1
  6. package/package.json +12 -4
package/dist/index.es.js CHANGED
@@ -1,37 +1,175 @@
1
- import { jsx as a, jsxs as y } from "react/jsx-runtime";
2
- import f from "react";
3
- import H from "@mui/material/Stack";
4
- import { useTheme as v, createTheme as O } from "@mui/material/styles";
5
- import X from "@mui/material/Icon";
6
- import { endOfMonth as w } from "date-fns/endOfMonth";
1
+ import { jsx as a, jsxs as M } from "react/jsx-runtime";
2
+ import b from "react";
3
+ import E from "@mui/material/Stack";
4
+ import { useTheme as T, createTheme as B } from "@mui/material/styles";
5
+ import { Icon as O } from "@mxenabled/mx-icons";
6
+ import { endOfMonth as F } from "date-fns/endOfMonth";
7
7
  import { endOfYear as Y } from "date-fns/endOfYear";
8
8
  import { startOfToday as Q } from "date-fns/startOfToday";
9
- import { startOfMonth as I } from "date-fns/startOfMonth";
9
+ import { startOfMonth as w } from "date-fns/startOfMonth";
10
10
  import { startOfYear as R } from "date-fns/startOfYear";
11
- import { subDays as z } from "date-fns/subDays";
11
+ import { subDays as N } from "date-fns/subDays";
12
12
  import { subMonths as J } from "date-fns/subMonths";
13
13
  import { subYears as q } from "date-fns/subYears";
14
- import e0 from "@mui/material/useMediaQuery";
15
- import { LocalizationProvider as r0, StaticDateRangePicker as t0 } from "@mui/x-date-pickers-pro";
16
- import { AdapterDateFns as o0 } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
- import S from "@mui/material/Box";
18
- import a0 from "@mui/material/ToggleButton";
19
- import i0 from "@mui/material/ToggleButtonGroup";
20
- import P from "@mui/material/Slide";
21
- import A from "@mui/material/Button";
14
+ import ee from "@mui/material/useMediaQuery";
15
+ import { LocalizationProvider as re, StaticDateRangePicker as te } from "@mui/x-date-pickers-pro";
16
+ import { AdapterDateFns as oe } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
+ import L from "@mui/material/Box";
18
+ import ae from "@mui/material/ToggleButton";
19
+ import ie from "@mui/material/ToggleButtonGroup";
20
+ import _ from "@mui/material/Slide";
21
+ import k from "@mui/material/Button";
22
22
  import V from "@mui/material/Toolbar";
23
- import _ from "@mui/material/IconButton";
24
- import n0 from "@mui/material/Drawer";
25
- import l0 from "@mui/material/Typography";
26
- import c0 from "@mui/material/TextField";
27
- import s0 from "@mui/material/Snackbar";
28
- import d0 from "@mui/material/Alert";
29
- import { light as W, buildTheme as D, dark as u0 } from "@mxenabled/design-tokens";
30
- import { LicenseInfo as p0 } from "@mui/x-license-pro";
31
- import { circularProgressClasses as h0 } from "@mui/material/CircularProgress";
32
- import g0 from "@mui/material/styles/createPalette";
33
- import m0 from "@mui/material/styles/createTypography";
34
- const g = ({
23
+ import W 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 $, 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
+ var s = /* @__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))(s || {}), fe = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(fe || {});
35
+ const G = {
36
+ guid: s.Uncategorized,
37
+ colorName: "uncategorized",
38
+ icon: "category"
39
+ }, be = [
40
+ {
41
+ guid: s.AutoTransport,
42
+ colorName: "autoTransport",
43
+ icon: "directions_car"
44
+ },
45
+ {
46
+ guid: s.BillsUtilities,
47
+ colorName: "billsUtilities",
48
+ icon: "electrical_services"
49
+ },
50
+ {
51
+ guid: s.BusinessServices,
52
+ colorName: "businessServices",
53
+ icon: "business_center"
54
+ },
55
+ {
56
+ guid: s.Education,
57
+ colorName: "education",
58
+ icon: "school"
59
+ },
60
+ {
61
+ guid: s.Entertainment,
62
+ colorName: "entertainment",
63
+ icon: "stadium"
64
+ },
65
+ {
66
+ guid: s.FeesCharges,
67
+ colorName: "feesCharges",
68
+ icon: "problem"
69
+ },
70
+ {
71
+ guid: s.Financial,
72
+ colorName: "financial",
73
+ icon: "price_check"
74
+ },
75
+ {
76
+ guid: s.FoodDining,
77
+ colorName: "foodDining",
78
+ icon: "grocery"
79
+ },
80
+ {
81
+ guid: s.GiftsDonations,
82
+ colorName: "giftsDonations",
83
+ icon: "featured_seasonal_and_gifts"
84
+ },
85
+ {
86
+ guid: s.HealthFitness,
87
+ colorName: "healthFitness",
88
+ icon: "ecg_heart"
89
+ },
90
+ {
91
+ guid: s.Home,
92
+ colorName: "home",
93
+ icon: "cottage"
94
+ },
95
+ {
96
+ guid: s.Income,
97
+ colorName: "income",
98
+ icon: "monetization_on"
99
+ },
100
+ {
101
+ guid: s.Investments,
102
+ colorName: "investments",
103
+ icon: "bid_landscape"
104
+ },
105
+ {
106
+ guid: s.Kids,
107
+ colorName: "kids",
108
+ icon: "face"
109
+ },
110
+ {
111
+ guid: s.PersonalCare,
112
+ colorName: "personalCare",
113
+ icon: "volunteer_activism"
114
+ },
115
+ {
116
+ guid: s.Pets,
117
+ colorName: "pets",
118
+ icon: "pet_supplies"
119
+ },
120
+ {
121
+ guid: s.Shopping,
122
+ colorName: "shopping",
123
+ icon: "shopping_cart"
124
+ },
125
+ {
126
+ guid: s.Taxes,
127
+ colorName: "taxes",
128
+ icon: "heap_snapshot_large"
129
+ },
130
+ {
131
+ guid: s.Transfer,
132
+ colorName: "transfer",
133
+ icon: "compare_arrows"
134
+ },
135
+ {
136
+ guid: s.Travel,
137
+ colorName: "travel",
138
+ icon: "airplane_ticket"
139
+ },
140
+ G
141
+ ], Me = 0.625, Ce = ({
142
+ categoryGuid: e,
143
+ icon_ratio: o = Me,
144
+ size: n = 32,
145
+ sx: r = {},
146
+ variant: i = "filled"
147
+ }) => {
148
+ const l = T(), c = b.useMemo(
149
+ () => be.find((p) => p.guid === e) ?? G,
150
+ [e]
151
+ ), g = c.colorName, f = l.palette.categories[g];
152
+ return /* @__PURE__ */ a(
153
+ E,
154
+ {
155
+ alignItems: "center",
156
+ bgcolor: () => {
157
+ let p = f;
158
+ return i === "twotone" && (p = `${p}20`), i === "transparent" || i === "basic" ? "transparent" : p;
159
+ },
160
+ borderRadius: 1,
161
+ color: () => {
162
+ const p = i === "filled" ? l.palette.common.white : f;
163
+ return i === "basic" ? l.palette.text.primary : p;
164
+ },
165
+ height: n,
166
+ justifyContent: "center",
167
+ sx: [...Array.isArray(r) ? r : [r]],
168
+ width: n,
169
+ children: /* @__PURE__ */ a(O, { name: c.icon, size: n * o })
170
+ }
171
+ );
172
+ }, m = ({
35
173
  children: e,
36
174
  height: o,
37
175
  size: n = 16,
@@ -50,75 +188,56 @@ const g = ({
50
188
  children: e
51
189
  }
52
190
  );
53
- var f0 = /* @__PURE__ */ ((e) => (e[e.Lighter = 100] = "Lighter", e[e.Light = 200] = "Light", e[e.Normal = 300] = "Normal", e[e.Dark = 400] = "Dark", e[e.Darker = 500] = "Darker", e))(f0 || {});
54
- const M = ({
191
+ var ye = /* @__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))(ye || {});
192
+ const C = ({
55
193
  color: e,
56
194
  fill: o = !1,
57
195
  name: n,
58
196
  size: r = 20,
59
- sx: i,
60
- weight: l = 300,
61
- ...c
62
- }) => {
63
- const [d, b] = f.useState(!1);
64
- return f.useEffect(() => {
65
- document.fonts.ready.then(() => {
66
- b(!0);
67
- });
68
- }, []), /* @__PURE__ */ a(
69
- X,
70
- {
71
- color: d ? e && e : void 0,
72
- sx: [
73
- {
74
- fontSize: r,
75
- fontVariationSettings: `
76
- 'FILL' ${o ? 1 : 0},
77
- 'wght' ${l},
78
- 'GRAD' 0,
79
- 'opsz' ${r}
80
- `
81
- },
82
- ...Array.isArray(i) ? i : [i],
83
- {
84
- ...!d && { color: "transparent" }
85
- }
86
- ],
87
- ...c,
88
- children: n
89
- }
90
- );
91
- }, se = ({
197
+ sx: i = {},
198
+ weight: l = 300
199
+ /* Normal */
200
+ }) => /* @__PURE__ */ a(
201
+ O,
202
+ {
203
+ color: e,
204
+ fill: o,
205
+ name: n,
206
+ size: r,
207
+ sx: { ...Array.isArray(i) ? i : [i] },
208
+ weight: l
209
+ }
210
+ ), s0 = ({
92
211
  color: e = "currentColor",
93
212
  ...o
94
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
213
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
95
214
  "path",
96
215
  {
97
216
  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
217
  fill: e
99
218
  }
100
- ) }), de = ({
219
+ ) })), d0 = ({
101
220
  color: e = "currentColor",
102
221
  ...o
103
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
222
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
104
223
  "path",
105
224
  {
106
225
  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
226
  fill: e
108
227
  }
109
- ) }), ue = ({
228
+ ) })), u0 = ({
110
229
  color: e = "currentColor",
111
230
  ...o
112
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
231
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
113
232
  "path",
114
233
  {
115
234
  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
235
  fill: e
117
236
  }
118
- ) }), pe = ({
237
+ ) })), p0 = ({
119
238
  color: e = "currentColor",
120
239
  ...o
121
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
240
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
122
241
  "path",
123
242
  {
124
243
  clipRule: "evenodd",
@@ -126,91 +245,91 @@ const M = ({
126
245
  fill: e,
127
246
  fillRule: "evenodd"
128
247
  }
129
- ) }), he = ({
248
+ ) })), h0 = ({
130
249
  color: e = "currentColor",
131
250
  ...o
132
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
251
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
133
252
  "path",
134
253
  {
135
254
  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
255
  fill: e
137
256
  }
138
- ) }), ge = ({
257
+ ) })), g0 = ({
139
258
  color: e = "currentColor",
140
259
  ...o
141
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
260
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
142
261
  "path",
143
262
  {
144
263
  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
264
  fill: e
146
265
  }
147
- ) }), me = ({
266
+ ) })), m0 = ({
148
267
  color: e = "currentColor",
149
268
  ...o
150
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
269
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
151
270
  "path",
152
271
  {
153
272
  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
273
  fill: e
155
274
  }
156
- ) }), fe = ({
275
+ ) })), f0 = ({
157
276
  color: e = "currentColor",
158
277
  ...o
159
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
278
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
160
279
  "path",
161
280
  {
162
281
  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
282
  fill: e
164
283
  }
165
- ) }), be = ({
284
+ ) })), b0 = ({
166
285
  color: e = "currentColor",
167
286
  ...o
168
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
287
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
169
288
  "path",
170
289
  {
171
290
  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
291
  fill: e
173
292
  }
174
- ) }), b0 = ({
293
+ ) })), Te = ({
175
294
  color: e = "currentColor",
176
295
  ...o
177
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
296
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
178
297
  "path",
179
298
  {
180
299
  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
300
  fill: e
182
301
  }
183
- ) }), Me = ({
302
+ ) })), M0 = ({
184
303
  color: e = "currentColor",
185
304
  ...o
186
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
305
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
187
306
  "path",
188
307
  {
189
308
  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
309
  fill: e
191
310
  }
192
- ) }), ye = ({
311
+ ) })), C0 = ({
193
312
  color: e = "currentColor",
194
313
  ...o
195
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
314
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
196
315
  "path",
197
316
  {
198
317
  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
318
  fill: e
200
319
  }
201
- ) }), Ce = ({
320
+ ) })), y0 = ({
202
321
  color: e = "currentColor",
203
322
  ...o
204
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
323
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
205
324
  "path",
206
325
  {
207
326
  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
327
  fill: e
209
328
  }
210
- ) }), ve = ({
329
+ ) })), T0 = ({
211
330
  color: e = "currentColor",
212
331
  ...o
213
- }) => /* @__PURE__ */ y(g, { ...o, children: [
332
+ }) => /* @__PURE__ */ M(m, { ...o, children: [
214
333
  /* @__PURE__ */ a(
215
334
  "path",
216
335
  {
@@ -225,10 +344,10 @@ const M = ({
225
344
  fill: e
226
345
  }
227
346
  )
228
- ] }), xe = ({
347
+ ] }), v0 = ({
229
348
  color: e = "currentColor",
230
349
  ...o
231
- }) => /* @__PURE__ */ y(g, { ...o, children: [
350
+ }) => /* @__PURE__ */ M(m, { ...o, children: [
232
351
  /* @__PURE__ */ a(
233
352
  "path",
234
353
  {
@@ -261,10 +380,10 @@ const M = ({
261
380
  fillRule: "evenodd"
262
381
  }
263
382
  )
264
- ] }), Te = ({
383
+ ] }), x0 = ({
265
384
  color: e = "currentColor",
266
385
  ...o
267
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
386
+ }) => /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
268
387
  "path",
269
388
  {
270
389
  clipRule: "evenodd",
@@ -272,10 +391,10 @@ const M = ({
272
391
  fill: e,
273
392
  fillRule: "evenodd"
274
393
  }
275
- ) }), ke = ({
394
+ ) }), A0 = ({
276
395
  color: e = "currentColor",
277
396
  ...o
278
- }) => /* @__PURE__ */ y(g, { ...o, children: [
397
+ }) => /* @__PURE__ */ M(m, { ...o, children: [
279
398
  /* @__PURE__ */ a(
280
399
  "path",
281
400
  {
@@ -299,164 +418,24 @@ const M = ({
299
418
  fillRule: "evenodd"
300
419
  }
301
420
  )
302
- ] });
303
- var u = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(u || {}), M0 = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(M0 || {});
304
- const $ = {
305
- guid: u.Uncategorized,
306
- colorName: "uncategorized",
307
- icon: "category"
308
- }, y0 = [
309
- {
310
- guid: u.AutoTransport,
311
- colorName: "autoTransport",
312
- icon: "directions_car"
313
- },
314
- {
315
- guid: u.BillsUtilities,
316
- colorName: "billsUtilities",
317
- icon: "electrical_services"
318
- },
319
- {
320
- guid: u.BusinessServices,
321
- colorName: "businessServices",
322
- icon: "business_center"
323
- },
324
- {
325
- guid: u.Education,
326
- colorName: "education",
327
- icon: "school"
328
- },
329
- {
330
- guid: u.Entertainment,
331
- colorName: "entertainment",
332
- icon: "stadium"
333
- },
334
- {
335
- guid: u.FeesCharges,
336
- colorName: "feesCharges",
337
- icon: "problem"
338
- },
339
- {
340
- guid: u.Financial,
341
- colorName: "financial",
342
- icon: "price_check"
343
- },
344
- {
345
- guid: u.FoodDining,
346
- colorName: "foodDining",
347
- icon: "grocery"
348
- },
349
- {
350
- guid: u.GiftsDonations,
351
- colorName: "giftsDonations",
352
- icon: "featured_seasonal_and_gifts"
353
- },
354
- {
355
- guid: u.HealthFitness,
356
- colorName: "healthFitness",
357
- icon: "ecg_heart"
358
- },
359
- {
360
- guid: u.Home,
361
- colorName: "home",
362
- icon: "cottage"
363
- },
364
- {
365
- guid: u.Income,
366
- colorName: "income",
367
- icon: "monetization_on"
368
- },
369
- {
370
- guid: u.Investments,
371
- colorName: "investments",
372
- icon: "bid_landscape"
373
- },
374
- {
375
- guid: u.Kids,
376
- colorName: "kids",
377
- icon: "face"
378
- },
379
- {
380
- guid: u.PersonalCare,
381
- colorName: "personalCare",
382
- icon: "volunteer_activism"
383
- },
384
- {
385
- guid: u.Pets,
386
- colorName: "pets",
387
- icon: "pet_supplies"
388
- },
389
- {
390
- guid: u.Shopping,
391
- colorName: "shopping",
392
- icon: "shopping_cart"
393
- },
394
- {
395
- guid: u.Taxes,
396
- colorName: "taxes",
397
- icon: "heap_snapshot_large"
398
- },
399
- {
400
- guid: u.Transfer,
401
- colorName: "transfer",
402
- icon: "compare_arrows"
403
- },
404
- {
405
- guid: u.Travel,
406
- colorName: "travel",
407
- icon: "airplane_ticket"
408
- },
409
- $
410
- ], C0 = 0.625, v0 = ({
411
- categoryGuid: e,
412
- icon_ratio: o = C0,
413
- size: n = 32,
414
- sx: r = {},
415
- variant: i = "filled"
416
- }) => {
417
- const l = v(), c = f.useMemo(
418
- () => y0.find((s) => s.guid === e) ?? $,
419
- [e]
420
- ), d = l.palette.categories[c.colorName];
421
- return /* @__PURE__ */ a(
422
- H,
423
- {
424
- alignItems: "center",
425
- bgcolor: () => {
426
- let s = d;
427
- return i === "twotone" && (s = `${s}20`), i === "transparent" || i === "basic" ? "transparent" : s;
428
- },
429
- borderRadius: "4px",
430
- className: "mx-kmui-category-icon",
431
- color: () => {
432
- const s = i === "filled" ? l.palette.common.white : d;
433
- return i === "basic" ? l.palette.text.primary : s;
434
- },
435
- height: n,
436
- justifyContent: "center",
437
- sx: [...Array.isArray(r) ? r : [r]],
438
- width: n,
439
- children: /* @__PURE__ */ a(M, { name: c.icon, size: n * o })
440
- }
441
- );
442
- }, x0 = ({
421
+ ] }), ve = ({
443
422
  items: e,
444
423
  onChange: o,
445
424
  isValid: n,
446
425
  selected: r
447
426
  }) => {
448
- const i = v(), l = e?.map((c) => {
449
- const d = c.getValue({ isValid: n });
427
+ const i = T(), l = e?.map((c) => {
428
+ const g = c.getValue({ isValid: n });
450
429
  return {
451
430
  label: c.label,
452
431
  onClick: () => {
453
- o(d, "accept", c);
432
+ o(g, "accept", c);
454
433
  },
455
- disabled: !n(d)
434
+ disabled: !n(g)
456
435
  };
457
436
  });
458
- return /* @__PURE__ */ a(S, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ a(i0, { color: "primary", orientation: "vertical", value: r, children: l?.map((c) => /* @__PURE__ */ a(
459
- a0,
437
+ return /* @__PURE__ */ a(L, { 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(
438
+ ae,
460
439
  {
461
440
  onClick: c.onClick,
462
441
  sx: {
@@ -483,51 +462,51 @@ const $ = {
483
462
  },
484
463
  c.label
485
464
  )) }) });
486
- }, Le = ({
465
+ }, D0 = ({
487
466
  copy: e,
488
467
  dateRange: o,
489
468
  onRangeChanged: n,
490
469
  selectedShortcut: r = e.dateRangeThisMonth,
491
470
  sx: i = {}
492
471
  }) => {
493
- const l = v(), c = e0(l.breakpoints.down("sm")), d = f.useMemo(() => {
494
- const p = Q(), s = J(p, 1), m = q(p, 1);
472
+ const l = T(), c = ee(l.breakpoints.down("sm")), g = b.useMemo(() => {
473
+ const d = Q(), u = J(d, 1), p = q(d, 1);
495
474
  return [
496
475
  {
497
476
  label: e.dateRangeThisMonth,
498
- getValue: () => [I(p), w(p)]
477
+ getValue: () => [w(d), F(d)]
499
478
  },
500
479
  {
501
480
  label: e.dateRangeLastMonth,
502
- getValue: () => [I(s), w(s)]
481
+ getValue: () => [w(u), F(u)]
503
482
  },
504
483
  {
505
484
  label: e.dateRangeLast30Days,
506
- getValue: () => [z(p, 30), p]
485
+ getValue: () => [N(d, 30), d]
507
486
  },
508
487
  {
509
488
  label: e.dateRangeLast90Days,
510
- getValue: () => [z(p, 90), p]
489
+ getValue: () => [N(d, 90), d]
511
490
  },
512
491
  {
513
492
  label: e.dateRangeYTD,
514
- getValue: () => [R(p), p]
493
+ getValue: () => [R(d), d]
515
494
  },
516
495
  {
517
496
  label: e.dateRangeLastYear,
518
- getValue: () => [R(m), Y(m)]
497
+ getValue: () => [R(p), Y(p)]
519
498
  },
520
499
  {
521
500
  label: e.dateRangeCustom,
522
- getValue: () => [p, p]
501
+ getValue: () => [d, d]
523
502
  }
524
503
  ];
525
- }, [e]), b = (p, s) => {
526
- const m = s.shortcut;
527
- n?.(p, m ? m.label : e.dateRangeCustom);
504
+ }, [e]), f = (d, u) => {
505
+ const p = u.shortcut;
506
+ n?.(d, p ? p.label : e.dateRangeCustom);
528
507
  };
529
- return /* @__PURE__ */ a(H, { gap: 16, m: 8, children: /* @__PURE__ */ a(r0, { dateAdapter: o0, children: /* @__PURE__ */ a(
530
- t0,
508
+ return /* @__PURE__ */ a(E, { gap: 16, m: 8, children: /* @__PURE__ */ a(re, { dateAdapter: oe, children: /* @__PURE__ */ a(
509
+ te,
531
510
  {
532
511
  calendars: 1,
533
512
  localeText: {
@@ -535,38 +514,39 @@ const $ = {
535
514
  end: e.dateRangeTo,
536
515
  toolbarTitle: e.dateRangeToolbarTitle
537
516
  },
538
- onChange: b,
517
+ onChange: f,
539
518
  showDaysOutsideCurrentMonth: !0,
540
519
  slotProps: {
541
520
  actionBar: { actions: [] },
542
521
  shortcuts: {
543
- items: c ? [] : d
522
+ items: c ? [] : g
544
523
  },
545
524
  toolbar: {
546
525
  toolbarFormat: "MMM d, yyyy"
547
526
  }
548
527
  },
549
528
  slots: {
550
- leftArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_left", size: 28 }),
551
- shortcuts: (p) => /* @__PURE__ */ a(x0, { selected: r, ...p }),
552
- rightArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_right", size: 28 })
529
+ leftArrowIcon: () => /* @__PURE__ */ a(C, { name: "chevron_left", size: 28 }),
530
+ shortcuts: (d) => /* @__PURE__ */ a(ve, { selected: r, ...d }),
531
+ rightArrowIcon: () => /* @__PURE__ */ a(C, { name: "chevron_right", size: 28 })
553
532
  },
554
533
  sx: { ...i },
555
534
  value: o
556
535
  }
557
536
  ) }) });
558
- }, Ae = f.forwardRef(function(o, n) {
559
- return /* @__PURE__ */ a(P, { direction: "up", ref: n, ...o });
560
- }), T0 = ({
561
- isPrimaryDisabled: e,
562
- onPrimaryAction: o,
563
- onSecondaryAction: n,
564
- primaryColor: r = "primary",
565
- primaryText: i = "Save",
566
- secondaryColor: l = "primary",
567
- secondaryText: c = "Cancel",
568
- ...d
569
- }) => /* @__PURE__ */ y(
537
+ }, k0 = b.forwardRef(function(o, n) {
538
+ return /* @__PURE__ */ a(_, { direction: "up", ref: n, ...o });
539
+ }), xe = ({
540
+ hasSecondaryAction: e = !0,
541
+ isPrimaryDisabled: o,
542
+ onPrimaryAction: n,
543
+ onSecondaryAction: r,
544
+ primaryColor: i = "primary",
545
+ primaryText: l = "Save",
546
+ secondaryColor: c = "primary",
547
+ secondaryText: g = "Cancel",
548
+ ...f
549
+ }) => /* @__PURE__ */ M(
570
550
  V,
571
551
  {
572
552
  sx: {
@@ -577,32 +557,32 @@ const $ = {
577
557
  padding: 24
578
558
  }
579
559
  },
580
- ...d,
560
+ ...f,
581
561
  children: [
582
- /* @__PURE__ */ a(
583
- A,
562
+ e && /* @__PURE__ */ a(
563
+ k,
584
564
  {
585
- color: l,
586
- onClick: n,
587
- variant: o ? "outlined" : "contained",
588
- children: c
565
+ color: c,
566
+ onClick: r,
567
+ variant: n ? "outlined" : "contained",
568
+ children: g
589
569
  }
590
570
  ),
591
- o && /* @__PURE__ */ a(
592
- A,
571
+ n && /* @__PURE__ */ a(
572
+ k,
593
573
  {
594
- color: r,
595
- disabled: e,
596
- onClick: o,
574
+ color: i,
575
+ disabled: o,
576
+ onClick: n,
597
577
  variant: "contained",
598
- children: i
578
+ children: l
599
579
  }
600
580
  )
601
581
  ]
602
582
  }
603
- ), He = ({ copy: e, onClose: o, ...n }) => {
604
- const r = v();
605
- return /* @__PURE__ */ y(
583
+ ), E0 = ({ copy: e, onClose: o, ...n }) => {
584
+ const r = T();
585
+ return /* @__PURE__ */ M(
606
586
  V,
607
587
  {
608
588
  sx: {
@@ -612,12 +592,12 @@ const $ = {
612
592
  },
613
593
  ...n,
614
594
  children: [
615
- /* @__PURE__ */ a(S, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ a(L0, { sx: { fontWeight: 600 }, variant: "H3", children: e.title }) }),
616
- /* @__PURE__ */ a(_, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(b0, { color: r.palette.primary.main }) })
595
+ /* @__PURE__ */ a(L, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ a(De, { sx: { fontWeight: 600 }, variant: "H3", children: e.title }) }),
596
+ /* @__PURE__ */ a(W, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(Te, { color: r.palette.primary.main }) })
617
597
  ]
618
598
  }
619
599
  );
620
- }, Se = ({
600
+ }, L0 = ({
621
601
  className: e,
622
602
  disableSave: o,
623
603
  id: n,
@@ -625,11 +605,11 @@ const $ = {
625
605
  onClose: i,
626
606
  onSave: l,
627
607
  primaryText: c,
628
- secondaryText: d,
629
- children: b,
630
- ...p
631
- }) => /* @__PURE__ */ y(
632
- n0,
608
+ secondaryText: g,
609
+ children: f,
610
+ ...d
611
+ }) => /* @__PURE__ */ M(
612
+ ne,
633
613
  {
634
614
  anchor: "right",
635
615
  className: `mx-kmui-drawer ${e}`,
@@ -637,49 +617,49 @@ const $ = {
637
617
  onClose: i,
638
618
  open: r,
639
619
  variant: "temporary",
640
- ...p,
620
+ ...d,
641
621
  children: [
642
- b,
622
+ f,
643
623
  l && /* @__PURE__ */ a(
644
- T0,
624
+ xe,
645
625
  {
646
626
  isPrimaryDisabled: o,
647
627
  onPrimaryAction: l,
648
628
  onSecondaryAction: i,
649
629
  primaryText: c,
650
- secondaryText: d
630
+ secondaryText: g
651
631
  }
652
632
  )
653
633
  ]
654
634
  }
655
- ), G = 32, N = "https://content.moneydesktop.com/storage/MD_Assets", k0 = `${N}/serenity/default_institution_logo.png`, De = ({
635
+ ), U = 32, I = "https://content.moneydesktop.com/storage/MD_Assets", Ae = `${I}/serenity/default_institution_logo.png`, H0 = ({
656
636
  alt: e,
657
637
  institutionGuid: o,
658
638
  logoUrl: n,
659
- size: r = G,
639
+ size: r = U,
660
640
  ...i
661
641
  }) => /* @__PURE__ */ a(
662
642
  "img",
663
643
  {
664
644
  alt: e,
665
645
  height: r,
666
- onError: (l) => l.target.src = k0,
667
- src: n || `${N}/Ipad%20Logos/100x100/${o}_100x100.png`,
646
+ onError: (l) => l.target.src = Ae,
647
+ src: n || `${I}/Ipad%20Logos/100x100/${o}_100x100.png`,
668
648
  style: {
669
649
  borderRadius: 4
670
650
  },
671
651
  width: r,
672
652
  ...i
673
653
  }
674
- ), Ne = ({
654
+ ), I0 = ({
675
655
  alt: e = "",
676
656
  categoryGuid: o,
677
657
  merchantGuid: n,
678
- size: r = G,
658
+ size: r = U,
679
659
  ...i
680
660
  }) => {
681
- const [l, c] = f.useState(!1);
682
- return /* @__PURE__ */ y(S, { display: "inline-block", position: "relative", ...i, children: [
661
+ const [l, c] = b.useState(!1);
662
+ return /* @__PURE__ */ M(L, { display: "inline-block", position: "relative", ...i, children: [
683
663
  n && !l && /* @__PURE__ */ a(
684
664
  "img",
685
665
  {
@@ -687,7 +667,7 @@ const $ = {
687
667
  "aria-hidden": !e,
688
668
  height: r,
689
669
  onError: () => c(!0),
690
- src: `${N}/merchant_logos/${n}.png`,
670
+ src: `${I}/merchant_logos/${n}.png`,
691
671
  style: {
692
672
  borderRadius: 4,
693
673
  boxSizing: "border-box",
@@ -696,9 +676,9 @@ const $ = {
696
676
  width: r
697
677
  }
698
678
  ),
699
- /* @__PURE__ */ a(v0, { categoryGuid: o, size: r })
679
+ /* @__PURE__ */ a(Ce, { categoryGuid: o, size: r })
700
680
  ] });
701
- }, x = ({
681
+ }, v = ({
702
682
  bold: e,
703
683
  className: o = "",
704
684
  children: n,
@@ -706,9 +686,9 @@ const $ = {
706
686
  sx: i = {},
707
687
  truncate: l = !0,
708
688
  uppercase: c,
709
- ...d
689
+ ...g
710
690
  }) => /* @__PURE__ */ a(
711
- l0,
691
+ le,
712
692
  {
713
693
  className: `mx-kmui-text ${o}`,
714
694
  color: r,
@@ -726,11 +706,11 @@ const $ = {
726
706
  } : {},
727
707
  ...Array.isArray(i) ? i : [i]
728
708
  ],
729
- ...d,
709
+ ...g,
730
710
  children: n
731
711
  }
732
- ), L0 = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(x, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "H1", ...n, children: o }), Fe = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(x, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "H2", ...n, children: o }), we = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(x, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "H3", ...n, children: o }), Ie = ({ className: e = "", children: o, truncate: n, ...r }) => /* @__PURE__ */ a(
733
- x,
712
+ ), 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(
713
+ v,
734
714
  {
735
715
  className: `mx-kmui-text p ${e}`,
736
716
  component: "p",
@@ -739,14 +719,14 @@ const $ = {
739
719
  ...r,
740
720
  children: o
741
721
  }
742
- ), Re = ({
722
+ ), R0 = ({
743
723
  disabled: e = !1,
744
724
  label: o = "",
745
725
  shrink: n = !0,
746
726
  variant: r = "outlined",
747
727
  ...i
748
728
  }) => /* @__PURE__ */ a(
749
- c0,
729
+ ce,
750
730
  {
751
731
  InputLabelProps: {
752
732
  shrink: n
@@ -757,10 +737,10 @@ const $ = {
757
737
  ...i
758
738
  }
759
739
  );
760
- function A0(e) {
761
- return /* @__PURE__ */ a(P, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
740
+ function ke(e) {
741
+ return /* @__PURE__ */ a(_, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
762
742
  }
763
- const ze = ({
743
+ const N0 = ({
764
744
  open: e,
765
745
  handleClose: o,
766
746
  message: n,
@@ -768,83 +748,83 @@ const ze = ({
768
748
  severity: i = "success",
769
749
  snackbarSx: l,
770
750
  showAction: c = !1,
771
- showClose: d = !1,
772
- actionText: b = "Undo",
773
- onActionClick: p,
774
- multiLine: s = !1
751
+ showClose: g = !1,
752
+ actionText: f = "Undo",
753
+ onActionClick: d,
754
+ multiLine: u = !1
775
755
  }) => {
776
- const m = v(), 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
- H,
756
+ const p = T(), j = {
757
+ success: p.palette.success.dark,
758
+ error: p.palette.error.light,
759
+ info: p.palette.info.lighter,
760
+ warning: p.palette.warning.lighter
761
+ }, X = /* @__PURE__ */ M(
762
+ E,
783
763
  {
784
- alignItems: s ? "flex-end" : "center",
785
- direction: s ? "column-reverse" : "row",
764
+ alignItems: u ? "flex-end" : "center",
765
+ direction: u ? "column-reverse" : "row",
786
766
  justifyContent: (
787
767
  // eslint-disable-next-line no-nested-ternary
788
- s && c && d ? "space-between" : "flex-end"
768
+ u && c && g ? "space-between" : "flex-end"
789
769
  ),
790
770
  children: [
791
771
  c && /* @__PURE__ */ a(
792
- A,
772
+ k,
793
773
  {
794
774
  color: "inherit",
795
- onClick: p || o,
775
+ onClick: d || o,
796
776
  size: "small",
797
777
  sx: {
798
- color: m.palette.success.contrastText,
778
+ color: p.palette.success.contrastText,
799
779
  height: 44
800
780
  },
801
- children: b
781
+ children: f
802
782
  }
803
783
  ),
804
- d && /* @__PURE__ */ a(
805
- _,
784
+ g && /* @__PURE__ */ a(
785
+ W,
806
786
  {
807
787
  "aria-label": "close",
808
788
  color: "inherit",
809
789
  onClick: o,
810
790
  sx: { height: 44, width: 44 },
811
- children: /* @__PURE__ */ a(M, { fill: !0, name: "close", size: 24, weight: 400 })
791
+ children: /* @__PURE__ */ a(C, { fill: !0, name: "close", size: 24, weight: 400 })
812
792
  }
813
793
  )
814
794
  ]
815
795
  }
816
796
  );
817
797
  return /* @__PURE__ */ a(
818
- s0,
798
+ se,
819
799
  {
820
- TransitionComponent: A0,
800
+ TransitionComponent: ke,
821
801
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
822
802
  autoHideDuration: r,
823
803
  onClose: o,
824
804
  open: e,
825
805
  sx: {
826
806
  ...l,
827
- width: s ? 400 : 325
807
+ width: u ? 400 : 325
828
808
  },
829
809
  children: /* @__PURE__ */ a(
830
- d0,
810
+ de,
831
811
  {
832
- action: j,
812
+ action: X,
833
813
  severity: i,
834
814
  sx: {
835
815
  display: "flex",
836
816
  alignItems: "stretch",
837
- minHeight: d && c && s ? 120 : 56,
838
- maxHeight: s ? 120 : 56,
839
- backgroundColor: (F) => F.palette.mode === "light" ? F.palette[i].darker : Z[i],
817
+ minHeight: g && c && u ? 120 : 56,
818
+ maxHeight: u ? 120 : 56,
819
+ backgroundColor: (S) => S.palette.mode === "light" ? S.palette[i].darker : j[i],
840
820
  width: "100%",
841
821
  "& .MuiAlert-icon": {
842
- alignSelf: s ? "flex-start" : "center"
822
+ alignSelf: u ? "flex-start" : "center"
843
823
  },
844
824
  "& .MuiAlert-message": {
845
- paddingTop: s ? 12 : 8,
846
- paddingBottom: s ? 12 : 8,
847
- alignSelf: s ? "flex-start" : "center"
825
+ paddingTop: u ? 12 : 8,
826
+ paddingBottom: u ? 12 : 8,
827
+ alignSelf: u ? "flex-start" : "center"
848
828
  },
849
829
  "& .MuiAlert-action": {
850
830
  alignItems: "stretch",
@@ -853,15 +833,15 @@ const ze = ({
853
833
  },
854
834
  variant: "filled",
855
835
  children: /* @__PURE__ */ a(
856
- x,
836
+ v,
857
837
  {
858
838
  sx: {
859
- lineHeight: m.typography.Body.lineHeight,
860
- whiteSpace: s ? "normal" : "nowrap",
861
- overflow: s ? "visible" : "hidden",
862
- textOverflow: s ? "clip" : "ellipsis"
839
+ lineHeight: p.typography.Body.lineHeight,
840
+ whiteSpace: u ? "normal" : "nowrap",
841
+ overflow: u ? "visible" : "hidden",
842
+ textOverflow: u ? "clip" : "ellipsis"
863
843
  },
864
- truncate: !s,
844
+ truncate: !u,
865
845
  children: n
866
846
  }
867
847
  )
@@ -869,31 +849,31 @@ const ze = ({
869
849
  )
870
850
  }
871
851
  );
872
- }, C = {
852
+ }, y = {
873
853
  REACT: "react",
874
854
  REACT_NATIVE: "react_native",
875
855
  NATIVE: "native"
876
- }, k = {
856
+ }, A = {
877
857
  LIGHT: "light",
878
858
  DARK: "dark"
879
- }, U = f.createContext(W), K = f.createContext(
880
- D(k.LIGHT, C.REACT_NATIVE)
881
- ), Ee = ({
859
+ }, K = b.createContext($), Z = b.createContext(
860
+ H(A.LIGHT, y.REACT_NATIVE)
861
+ ), z0 = ({
882
862
  children: e,
883
- target: o = C.REACT,
884
- theme: n = k.LIGHT,
863
+ target: o = y.REACT,
864
+ theme: n = A.LIGHT,
885
865
  tokenOverrides: r
886
866
  }) => {
887
- const [i, l] = f.useState(n === k.LIGHT ? W : u0), c = f.useMemo(() => ({
867
+ const [i, l] = b.useState(n === A.LIGHT ? $ : ue), c = b.useMemo(() => ({
888
868
  ...r
889
869
  }), [r]);
890
- return f.useEffect(() => {
891
- const d = D(n, o, { ...c });
892
- l(d);
893
- }, [n, o, c]), o === C.REACT ? /* @__PURE__ */ a(U.Provider, { value: i, children: e }) : /* @__PURE__ */ a(K.Provider, { value: i, children: e });
894
- }, Be = (e = C.REACT, o = {}) => {
895
- const n = e === C.REACT ? U : K, r = f.useContext(n);
896
- return r || D(k.LIGHT, e, { ...o });
870
+ return b.useEffect(() => {
871
+ const g = H(n, o, { ...c });
872
+ l(g);
873
+ }, [n, o, c]), o === y.REACT ? /* @__PURE__ */ a(K.Provider, { value: i, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(Z.Provider, { value: i, children: e }));
874
+ }, P0 = (e = y.REACT, o = {}) => {
875
+ const n = e === y.REACT ? K : Z, r = b.useContext(n);
876
+ return r || H(A.LIGHT, e, { ...o });
897
877
  }, h = {
898
878
  LIGHT: "light",
899
879
  DARK: "dark"
@@ -930,7 +910,7 @@ const ze = ({
930
910
  Warning400: "#E07C02",
931
911
  Warning500: "#C33E01",
932
912
  White: "#FFFFFF"
933
- }, H0 = (e) => g0({
913
+ }, Ee = (e) => ge({
934
914
  mode: e,
935
915
  border: {
936
916
  lighter: e === "light" ? t.Neutral200 : t.Neutral800,
@@ -1057,8 +1037,8 @@ const ze = ({
1057
1037
  chartMono5: "#034AB3",
1058
1038
  chartMono6: "#002966"
1059
1039
  }
1060
- }), T = "Inter, Helvetica, Arial, sans-serif", S0 = (e) => m0(e, {
1061
- fontFamily: T,
1040
+ }), x = "Inter, Helvetica, Arial, sans-serif", Le = (e) => me(e, {
1041
+ fontFamily: x,
1062
1042
  fontSize: 15,
1063
1043
  Body: {
1064
1044
  fontSize: 15,
@@ -1070,19 +1050,19 @@ const ze = ({
1070
1050
  },
1071
1051
  caption: void 0,
1072
1052
  H1: {
1073
- fontFamily: T,
1053
+ fontFamily: x,
1074
1054
  fontWeight: 700,
1075
1055
  fontSize: 31,
1076
1056
  lineHeight: "40px"
1077
1057
  },
1078
1058
  H2: {
1079
- fontFamily: T,
1059
+ fontFamily: x,
1080
1060
  fontWeight: 700,
1081
1061
  fontSize: 23,
1082
1062
  lineHeight: "32px"
1083
1063
  },
1084
1064
  H3: {
1085
- fontFamily: T,
1065
+ fontFamily: x,
1086
1066
  fontWeight: 700,
1087
1067
  fontSize: 18,
1088
1068
  lineHeight: "24px"
@@ -1114,16 +1094,16 @@ const ze = ({
1114
1094
  lineHeight: "16px"
1115
1095
  }
1116
1096
  });
1117
- p0.setLicenseKey(
1097
+ pe.setLicenseKey(
1118
1098
  "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
1119
1099
  );
1120
- const L = [...O().shadows];
1121
- L[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1122
- L[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1123
- L[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1124
- const E = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", D0 = "cubic-bezier(.475,.425,0,.995)", Oe = (e) => {
1125
- const o = H0(e), n = S0(o);
1126
- return O({
1100
+ const D = [...B().shadows];
1101
+ D[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1102
+ D[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1103
+ D[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1104
+ 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) => {
1105
+ const o = Ee(e), n = Le(o);
1106
+ return B({
1127
1107
  breakpoints: {
1128
1108
  values: {
1129
1109
  xs: 0,
@@ -1134,7 +1114,7 @@ const E = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1134
1114
  }
1135
1115
  },
1136
1116
  palette: o,
1137
- shadows: L,
1117
+ shadows: D,
1138
1118
  shape: {
1139
1119
  borderRadius: 4
1140
1120
  },
@@ -1159,10 +1139,10 @@ const E = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1159
1139
  MuiAlert: {
1160
1140
  defaultProps: {
1161
1141
  iconMapping: {
1162
- success: /* @__PURE__ */ a(M, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1163
- error: /* @__PURE__ */ a(M, { fill: !0, name: "error", size: 24, weight: 400 }),
1164
- warning: /* @__PURE__ */ a(M, { fill: !0, name: "warning", size: 24, weight: 400 }),
1165
- info: /* @__PURE__ */ a(M, { fill: !0, name: "info", size: 24, weight: 400 })
1142
+ success: /* @__PURE__ */ a(C, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1143
+ error: /* @__PURE__ */ a(C, { fill: !0, name: "error", size: 24, weight: 400 }),
1144
+ warning: /* @__PURE__ */ a(C, { fill: !0, name: "warning", size: 24, weight: 400 }),
1145
+ info: /* @__PURE__ */ a(C, { fill: !0, name: "info", size: 24, weight: 400 })
1166
1146
  }
1167
1147
  },
1168
1148
  styleOverrides: {
@@ -1199,7 +1179,7 @@ const E = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1199
1179
  styleOverrides: {
1200
1180
  root: {
1201
1181
  "&.Mui-focusVisible": {
1202
- boxShadow: E
1182
+ boxShadow: z
1203
1183
  }
1204
1184
  }
1205
1185
  }
@@ -1266,7 +1246,7 @@ const E = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1266
1246
  cursor: "not-allowed"
1267
1247
  },
1268
1248
  "&.Mui-focusVisible": {
1269
- boxShadow: E
1249
+ boxShadow: z
1270
1250
  }
1271
1251
  },
1272
1252
  sizeMedium: {
@@ -1309,7 +1289,7 @@ const E = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1309
1289
  textTransform: "none",
1310
1290
  fontWeight: 600,
1311
1291
  "&.Mui-focusVisible": {
1312
- boxShadow: B
1292
+ boxShadow: P
1313
1293
  },
1314
1294
  "&:not(.Mui-selected)": {
1315
1295
  borderBottom: `2px solid ${r.palette.divider}`
@@ -1390,7 +1370,7 @@ const E = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1390
1370
  root: {
1391
1371
  animationDuration: "1.6s",
1392
1372
  color: "primary",
1393
- [`& .${h0.circle}`]: {
1373
+ [`& .${he.circle}`]: {
1394
1374
  strokeLinecap: "round"
1395
1375
  }
1396
1376
  }
@@ -1551,7 +1531,7 @@ const E = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1551
1531
  // Body
1552
1532
  lineHeight: "20px",
1553
1533
  // Body
1554
- transition: `box-shadow 350ms ${D0}`,
1534
+ transition: `box-shadow 350ms ${He}`,
1555
1535
  width: "100%",
1556
1536
  "&.MuiOutlinedInput-input.Mui-disabled": {
1557
1537
  padding: 12,
@@ -1675,7 +1655,7 @@ const E = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1675
1655
  paddingTop: 12,
1676
1656
  paddingBottom: 12,
1677
1657
  "&.Mui-focusVisible": {
1678
- boxShadow: B
1658
+ boxShadow: P
1679
1659
  },
1680
1660
  "&:active": {
1681
1661
  backgroundColor: `${r.palette.secondary.lighter}33`
@@ -1927,49 +1907,50 @@ const E = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1927
1907
  });
1928
1908
  };
1929
1909
  export {
1930
- se as AccountsFilledIcon,
1931
- de as AccountsIcon,
1932
- ue as ArrowLeftIcon,
1933
- pe as AttentionFilledIcon,
1934
- g as BaseIcon,
1935
- Ae as BottomSheetTransition,
1936
- he as CalendarIcon,
1937
- u as CategoryGuids,
1938
- v0 as CategoryIcon,
1939
- M0 as CategoryIconVariants,
1940
- ge as CheckmarkFilledIcon,
1941
- me as ChevronDownIcon,
1942
- fe as ChevronLeftIcon,
1943
- be as ChevronRightIcon,
1944
- b0 as CloseIcon,
1945
- Le as DateRangePicker,
1946
- T0 as DialogFooter,
1947
- He as DialogHeader,
1948
- Se as Drawer,
1949
- Me as EditIcon,
1950
- ye as FilterIcon,
1951
- T0 as Footer,
1952
- L0 as H1,
1953
- Fe as H2,
1954
- we as H3,
1955
- Ce as HeartIcon,
1956
- T as INTER,
1957
- M as Icon,
1958
- f0 as IconWeight,
1959
- De as InstitutionLogo,
1960
- xe as MXLogoCopyrightIcon,
1961
- Te as MXLogoFilledIcon,
1962
- ve as MXLogoIcon,
1963
- ke as MXLogoOutlineIcon,
1964
- Ne as MerchantLogo,
1965
- Ie as P,
1966
- C as TARGETS,
1967
- k as THEMES,
1968
- x as Text,
1969
- Re as TextField,
1970
- ze as Toast,
1971
- Ee as TokenProvider,
1972
- Oe as createMXTheme,
1973
- Be as useTokens
1910
+ s0 as AccountsFilledIcon,
1911
+ d0 as AccountsIcon,
1912
+ u0 as ArrowLeftIcon,
1913
+ p0 as AttentionFilledIcon,
1914
+ m as BaseIcon,
1915
+ k0 as BottomSheetTransition,
1916
+ h0 as CalendarIcon,
1917
+ s as CategoryGuids,
1918
+ Ce as CategoryIcon,
1919
+ be as CategoryIconList,
1920
+ fe as CategoryIconVariants,
1921
+ g0 as CheckmarkFilledIcon,
1922
+ m0 as ChevronDownIcon,
1923
+ f0 as ChevronLeftIcon,
1924
+ b0 as ChevronRightIcon,
1925
+ Te as CloseIcon,
1926
+ D0 as DateRangePicker,
1927
+ xe as DialogFooter,
1928
+ E0 as DialogHeader,
1929
+ L0 as Drawer,
1930
+ M0 as EditIcon,
1931
+ C0 as FilterIcon,
1932
+ xe as Footer,
1933
+ De as H1,
1934
+ S0 as H2,
1935
+ F0 as H3,
1936
+ y0 as HeartIcon,
1937
+ x as INTER,
1938
+ C as Icon,
1939
+ ye as IconWeight,
1940
+ H0 as InstitutionLogo,
1941
+ v0 as MXLogoCopyrightIcon,
1942
+ x0 as MXLogoFilledIcon,
1943
+ T0 as MXLogoIcon,
1944
+ A0 as MXLogoOutlineIcon,
1945
+ I0 as MerchantLogo,
1946
+ w0 as P,
1947
+ y as TARGETS,
1948
+ A as THEMES,
1949
+ v as Text,
1950
+ R0 as TextField,
1951
+ N0 as Toast,
1952
+ z0 as TokenProvider,
1953
+ B0 as createMXTheme,
1954
+ P0 as useTokens
1974
1955
  };
1975
1956
  //# sourceMappingURL=index.es.js.map