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

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 (3) hide show
  1. package/dist/index.es.js +322 -302
  2. package/dist/index.es.js.map +1 -1
  3. package/package.json +1 -9
package/dist/index.es.js CHANGED
@@ -1,8 +1,8 @@
1
- import { jsx as a, jsxs as M } from "react/jsx-runtime";
2
- import b from "react";
3
- import E from "@mui/material/Stack";
1
+ import { jsx as a, jsxs as y } from "react/jsx-runtime";
2
+ import f from "react";
3
+ import L from "@mui/material/Stack";
4
4
  import { useTheme as T, createTheme as B } from "@mui/material/styles";
5
- import { Icon as O } from "@mxenabled/mx-icons";
5
+ import X from "@mui/material/Icon";
6
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";
@@ -14,162 +14,24 @@ import { subYears as q } from "date-fns/subYears";
14
14
  import ee from "@mui/material/useMediaQuery";
15
15
  import { LocalizationProvider as re, StaticDateRangePicker as te } from "@mui/x-date-pickers-pro";
16
16
  import { AdapterDateFns as oe } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
- import L from "@mui/material/Box";
17
+ import E from "@mui/material/Box";
18
18
  import ae from "@mui/material/ToggleButton";
19
19
  import ie from "@mui/material/ToggleButtonGroup";
20
- import _ from "@mui/material/Slide";
20
+ import O from "@mui/material/Slide";
21
21
  import k from "@mui/material/Button";
22
- import V from "@mui/material/Toolbar";
23
- import W from "@mui/material/IconButton";
22
+ import _ from "@mui/material/Toolbar";
23
+ import V from "@mui/material/IconButton";
24
24
  import ne from "@mui/material/Drawer";
25
25
  import le from "@mui/material/Typography";
26
26
  import ce from "@mui/material/TextField";
27
27
  import se from "@mui/material/Snackbar";
28
28
  import de from "@mui/material/Alert";
29
- import { light as $, buildTheme as H, dark as ue } from "@mxenabled/design-tokens";
29
+ import { light as W, buildTheme as H, dark as ue } from "@mxenabled/design-tokens";
30
30
  import { LicenseInfo as pe } from "@mui/x-license-pro";
31
31
  import { circularProgressClasses as he } from "@mui/material/CircularProgress";
32
32
  import ge from "@mui/material/styles/createPalette";
33
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 = ({
34
+ const g = ({
173
35
  children: e,
174
36
  height: o,
175
37
  size: n = 16,
@@ -188,29 +50,48 @@ const G = {
188
50
  children: e
189
51
  }
190
52
  );
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 = ({
53
+ var fe = /* @__PURE__ */ ((e) => (e[e.Lighter = 100] = "Lighter", e[e.Light = 200] = "Light", e[e.Normal = 300] = "Normal", e[e.Dark = 400] = "Dark", e[e.Darker = 500] = "Darker", e))(fe || {});
54
+ const M = ({
193
55
  color: e,
194
56
  fill: o = !1,
195
57
  name: n,
196
58
  size: r = 20,
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 = ({
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
+ }, s0 = ({
211
92
  color: e = "currentColor",
212
93
  ...o
213
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
94
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
214
95
  "path",
215
96
  {
216
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",
@@ -219,7 +100,7 @@ const C = ({
219
100
  ) })), d0 = ({
220
101
  color: e = "currentColor",
221
102
  ...o
222
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
103
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
223
104
  "path",
224
105
  {
225
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",
@@ -228,7 +109,7 @@ const C = ({
228
109
  ) })), u0 = ({
229
110
  color: e = "currentColor",
230
111
  ...o
231
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
112
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
232
113
  "path",
233
114
  {
234
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",
@@ -237,7 +118,7 @@ const C = ({
237
118
  ) })), p0 = ({
238
119
  color: e = "currentColor",
239
120
  ...o
240
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
121
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
241
122
  "path",
242
123
  {
243
124
  clipRule: "evenodd",
@@ -248,7 +129,7 @@ const C = ({
248
129
  ) })), h0 = ({
249
130
  color: e = "currentColor",
250
131
  ...o
251
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
132
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
252
133
  "path",
253
134
  {
254
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",
@@ -257,7 +138,7 @@ const C = ({
257
138
  ) })), g0 = ({
258
139
  color: e = "currentColor",
259
140
  ...o
260
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
141
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
261
142
  "path",
262
143
  {
263
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",
@@ -266,7 +147,7 @@ const C = ({
266
147
  ) })), m0 = ({
267
148
  color: e = "currentColor",
268
149
  ...o
269
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
150
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
270
151
  "path",
271
152
  {
272
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",
@@ -275,7 +156,7 @@ const C = ({
275
156
  ) })), f0 = ({
276
157
  color: e = "currentColor",
277
158
  ...o
278
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
159
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
279
160
  "path",
280
161
  {
281
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",
@@ -284,16 +165,16 @@ const C = ({
284
165
  ) })), b0 = ({
285
166
  color: e = "currentColor",
286
167
  ...o
287
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
168
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
288
169
  "path",
289
170
  {
290
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",
291
172
  fill: e
292
173
  }
293
- ) })), Te = ({
174
+ ) })), be = ({
294
175
  color: e = "currentColor",
295
176
  ...o
296
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
177
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
297
178
  "path",
298
179
  {
299
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",
@@ -302,25 +183,25 @@ const C = ({
302
183
  ) })), M0 = ({
303
184
  color: e = "currentColor",
304
185
  ...o
305
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
186
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
306
187
  "path",
307
188
  {
308
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",
309
190
  fill: e
310
191
  }
311
- ) })), C0 = ({
192
+ ) })), y0 = ({
312
193
  color: e = "currentColor",
313
194
  ...o
314
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
195
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
315
196
  "path",
316
197
  {
317
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",
318
199
  fill: e
319
200
  }
320
- ) })), y0 = ({
201
+ ) })), C0 = ({
321
202
  color: e = "currentColor",
322
203
  ...o
323
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
204
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
324
205
  "path",
325
206
  {
326
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",
@@ -329,7 +210,7 @@ const C = ({
329
210
  ) })), T0 = ({
330
211
  color: e = "currentColor",
331
212
  ...o
332
- }) => /* @__PURE__ */ M(m, { ...o, children: [
213
+ }) => /* @__PURE__ */ y(g, { ...o, children: [
333
214
  /* @__PURE__ */ a(
334
215
  "path",
335
216
  {
@@ -347,7 +228,7 @@ const C = ({
347
228
  ] }), v0 = ({
348
229
  color: e = "currentColor",
349
230
  ...o
350
- }) => /* @__PURE__ */ M(m, { ...o, children: [
231
+ }) => /* @__PURE__ */ y(g, { ...o, children: [
351
232
  /* @__PURE__ */ a(
352
233
  "path",
353
234
  {
@@ -383,7 +264,7 @@ const C = ({
383
264
  ] }), x0 = ({
384
265
  color: e = "currentColor",
385
266
  ...o
386
- }) => /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
267
+ }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
387
268
  "path",
388
269
  {
389
270
  clipRule: "evenodd",
@@ -394,7 +275,7 @@ const C = ({
394
275
  ) }), A0 = ({
395
276
  color: e = "currentColor",
396
277
  ...o
397
- }) => /* @__PURE__ */ M(m, { ...o, children: [
278
+ }) => /* @__PURE__ */ y(g, { ...o, children: [
398
279
  /* @__PURE__ */ a(
399
280
  "path",
400
281
  {
@@ -418,23 +299,162 @@ const C = ({
418
299
  fillRule: "evenodd"
419
300
  }
420
301
  )
421
- ] }), ve = ({
302
+ ] });
303
+ var u = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(u || {}), Me = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(Me || {});
304
+ const $ = {
305
+ guid: u.Uncategorized,
306
+ colorName: "uncategorized",
307
+ icon: "category"
308
+ }, ye = [
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
+ ], Ce = 0.625, Te = ({
411
+ categoryGuid: e,
412
+ icon_ratio: o = Ce,
413
+ size: n = 32,
414
+ sx: r = {},
415
+ variant: i = "filled"
416
+ }) => {
417
+ const l = T(), c = f.useMemo(
418
+ () => ye.find((s) => s.guid === e) ?? $,
419
+ [e]
420
+ ), d = l.palette.categories[c.colorName];
421
+ return /* @__PURE__ */ a(
422
+ L,
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: 1,
430
+ color: () => {
431
+ const s = i === "filled" ? l.palette.common.white : d;
432
+ return i === "basic" ? l.palette.text.primary : s;
433
+ },
434
+ height: n,
435
+ justifyContent: "center",
436
+ sx: [...Array.isArray(r) ? r : [r]],
437
+ width: n,
438
+ children: /* @__PURE__ */ a(M, { name: c.icon, size: n * o })
439
+ }
440
+ );
441
+ }, ve = ({
422
442
  items: e,
423
443
  onChange: o,
424
444
  isValid: n,
425
445
  selected: r
426
446
  }) => {
427
447
  const i = T(), l = e?.map((c) => {
428
- const g = c.getValue({ isValid: n });
448
+ const d = c.getValue({ isValid: n });
429
449
  return {
430
450
  label: c.label,
431
451
  onClick: () => {
432
- o(g, "accept", c);
452
+ o(d, "accept", c);
433
453
  },
434
- disabled: !n(g)
454
+ disabled: !n(d)
435
455
  };
436
456
  });
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(
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(
438
458
  ae,
439
459
  {
440
460
  onClick: c.onClick,
@@ -469,43 +489,43 @@ const C = ({
469
489
  selectedShortcut: r = e.dateRangeThisMonth,
470
490
  sx: i = {}
471
491
  }) => {
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);
492
+ const l = T(), c = ee(l.breakpoints.down("sm")), d = f.useMemo(() => {
493
+ const p = Q(), s = J(p, 1), m = q(p, 1);
474
494
  return [
475
495
  {
476
496
  label: e.dateRangeThisMonth,
477
- getValue: () => [w(d), F(d)]
497
+ getValue: () => [w(p), F(p)]
478
498
  },
479
499
  {
480
500
  label: e.dateRangeLastMonth,
481
- getValue: () => [w(u), F(u)]
501
+ getValue: () => [w(s), F(s)]
482
502
  },
483
503
  {
484
504
  label: e.dateRangeLast30Days,
485
- getValue: () => [N(d, 30), d]
505
+ getValue: () => [N(p, 30), p]
486
506
  },
487
507
  {
488
508
  label: e.dateRangeLast90Days,
489
- getValue: () => [N(d, 90), d]
509
+ getValue: () => [N(p, 90), p]
490
510
  },
491
511
  {
492
512
  label: e.dateRangeYTD,
493
- getValue: () => [R(d), d]
513
+ getValue: () => [R(p), p]
494
514
  },
495
515
  {
496
516
  label: e.dateRangeLastYear,
497
- getValue: () => [R(p), Y(p)]
517
+ getValue: () => [R(m), Y(m)]
498
518
  },
499
519
  {
500
520
  label: e.dateRangeCustom,
501
- getValue: () => [d, d]
521
+ getValue: () => [p, p]
502
522
  }
503
523
  ];
504
- }, [e]), f = (d, u) => {
505
- const p = u.shortcut;
506
- n?.(d, p ? p.label : e.dateRangeCustom);
524
+ }, [e]), b = (p, s) => {
525
+ const m = s.shortcut;
526
+ n?.(p, m ? m.label : e.dateRangeCustom);
507
527
  };
508
- return /* @__PURE__ */ a(E, { gap: 16, m: 8, children: /* @__PURE__ */ a(re, { dateAdapter: oe, children: /* @__PURE__ */ a(
528
+ return /* @__PURE__ */ a(L, { gap: 16, m: 8, children: /* @__PURE__ */ a(re, { dateAdapter: oe, children: /* @__PURE__ */ a(
509
529
  te,
510
530
  {
511
531
  calendars: 1,
@@ -514,28 +534,28 @@ const C = ({
514
534
  end: e.dateRangeTo,
515
535
  toolbarTitle: e.dateRangeToolbarTitle
516
536
  },
517
- onChange: f,
537
+ onChange: b,
518
538
  showDaysOutsideCurrentMonth: !0,
519
539
  slotProps: {
520
540
  actionBar: { actions: [] },
521
541
  shortcuts: {
522
- items: c ? [] : g
542
+ items: c ? [] : d
523
543
  },
524
544
  toolbar: {
525
545
  toolbarFormat: "MMM d, yyyy"
526
546
  }
527
547
  },
528
548
  slots: {
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 })
549
+ leftArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_left", size: 28 }),
550
+ shortcuts: (p) => /* @__PURE__ */ a(ve, { selected: r, ...p }),
551
+ rightArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_right", size: 28 })
532
552
  },
533
553
  sx: { ...i },
534
554
  value: o
535
555
  }
536
556
  ) }) });
537
- }, k0 = b.forwardRef(function(o, n) {
538
- return /* @__PURE__ */ a(_, { direction: "up", ref: n, ...o });
557
+ }, k0 = f.forwardRef(function(o, n) {
558
+ return /* @__PURE__ */ a(O, { direction: "up", ref: n, ...o });
539
559
  }), xe = ({
540
560
  hasSecondaryAction: e = !0,
541
561
  isPrimaryDisabled: o,
@@ -544,10 +564,10 @@ const C = ({
544
564
  primaryColor: i = "primary",
545
565
  primaryText: l = "Save",
546
566
  secondaryColor: c = "primary",
547
- secondaryText: g = "Cancel",
548
- ...f
549
- }) => /* @__PURE__ */ M(
550
- V,
567
+ secondaryText: d = "Cancel",
568
+ ...b
569
+ }) => /* @__PURE__ */ y(
570
+ _,
551
571
  {
552
572
  sx: {
553
573
  display: "flex",
@@ -557,7 +577,7 @@ const C = ({
557
577
  padding: 24
558
578
  }
559
579
  },
560
- ...f,
580
+ ...b,
561
581
  children: [
562
582
  e && /* @__PURE__ */ a(
563
583
  k,
@@ -565,7 +585,7 @@ const C = ({
565
585
  color: c,
566
586
  onClick: r,
567
587
  variant: n ? "outlined" : "contained",
568
- children: g
588
+ children: d
569
589
  }
570
590
  ),
571
591
  n && /* @__PURE__ */ a(
@@ -580,10 +600,10 @@ const C = ({
580
600
  )
581
601
  ]
582
602
  }
583
- ), E0 = ({ copy: e, onClose: o, ...n }) => {
603
+ ), L0 = ({ copy: e, onClose: o, ...n }) => {
584
604
  const r = T();
585
- return /* @__PURE__ */ M(
586
- V,
605
+ return /* @__PURE__ */ y(
606
+ _,
587
607
  {
588
608
  sx: {
589
609
  "&.MuiToolbar-gutters": {
@@ -592,12 +612,12 @@ const C = ({
592
612
  },
593
613
  ...n,
594
614
  children: [
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 }) })
615
+ /* @__PURE__ */ a(E, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ a(De, { sx: { fontWeight: 600 }, variant: "H3", children: e.title }) }),
616
+ /* @__PURE__ */ a(V, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(be, { color: r.palette.primary.main }) })
597
617
  ]
598
618
  }
599
619
  );
600
- }, L0 = ({
620
+ }, E0 = ({
601
621
  className: e,
602
622
  disableSave: o,
603
623
  id: n,
@@ -605,10 +625,10 @@ const C = ({
605
625
  onClose: i,
606
626
  onSave: l,
607
627
  primaryText: c,
608
- secondaryText: g,
609
- children: f,
610
- ...d
611
- }) => /* @__PURE__ */ M(
628
+ secondaryText: d,
629
+ children: b,
630
+ ...p
631
+ }) => /* @__PURE__ */ y(
612
632
  ne,
613
633
  {
614
634
  anchor: "right",
@@ -617,9 +637,9 @@ const C = ({
617
637
  onClose: i,
618
638
  open: r,
619
639
  variant: "temporary",
620
- ...d,
640
+ ...p,
621
641
  children: [
622
- f,
642
+ b,
623
643
  l && /* @__PURE__ */ a(
624
644
  xe,
625
645
  {
@@ -627,16 +647,16 @@ const C = ({
627
647
  onPrimaryAction: l,
628
648
  onSecondaryAction: i,
629
649
  primaryText: c,
630
- secondaryText: g
650
+ secondaryText: d
631
651
  }
632
652
  )
633
653
  ]
634
654
  }
635
- ), U = 32, I = "https://content.moneydesktop.com/storage/MD_Assets", Ae = `${I}/serenity/default_institution_logo.png`, H0 = ({
655
+ ), G = 32, I = "https://content.moneydesktop.com/storage/MD_Assets", Ae = `${I}/serenity/default_institution_logo.png`, H0 = ({
636
656
  alt: e,
637
657
  institutionGuid: o,
638
658
  logoUrl: n,
639
- size: r = U,
659
+ size: r = G,
640
660
  ...i
641
661
  }) => /* @__PURE__ */ a(
642
662
  "img",
@@ -655,11 +675,11 @@ const C = ({
655
675
  alt: e = "",
656
676
  categoryGuid: o,
657
677
  merchantGuid: n,
658
- size: r = U,
678
+ size: r = G,
659
679
  ...i
660
680
  }) => {
661
- const [l, c] = b.useState(!1);
662
- return /* @__PURE__ */ M(L, { display: "inline-block", position: "relative", ...i, children: [
681
+ const [l, c] = f.useState(!1);
682
+ return /* @__PURE__ */ y(E, { display: "inline-block", position: "relative", ...i, children: [
663
683
  n && !l && /* @__PURE__ */ a(
664
684
  "img",
665
685
  {
@@ -676,7 +696,7 @@ const C = ({
676
696
  width: r
677
697
  }
678
698
  ),
679
- /* @__PURE__ */ a(Ce, { categoryGuid: o, size: r })
699
+ /* @__PURE__ */ a(Te, { categoryGuid: o, size: r })
680
700
  ] });
681
701
  }, v = ({
682
702
  bold: e,
@@ -686,7 +706,7 @@ const C = ({
686
706
  sx: i = {},
687
707
  truncate: l = !0,
688
708
  uppercase: c,
689
- ...g
709
+ ...d
690
710
  }) => /* @__PURE__ */ a(
691
711
  le,
692
712
  {
@@ -706,7 +726,7 @@ const C = ({
706
726
  } : {},
707
727
  ...Array.isArray(i) ? i : [i]
708
728
  ],
709
- ...g,
729
+ ...d,
710
730
  children: n
711
731
  }
712
732
  ), De = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "H1", ...n, children: o }), S0 = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "H2", ...n, children: o }), F0 = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(v, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "H3", ...n, children: o }), w0 = ({ className: e = "", children: o, truncate: n, ...r }) => /* @__PURE__ */ a(
@@ -738,7 +758,7 @@ const C = ({
738
758
  }
739
759
  );
740
760
  function ke(e) {
741
- return /* @__PURE__ */ a(_, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
761
+ return /* @__PURE__ */ a(O, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
742
762
  }
743
763
  const N0 = ({
744
764
  open: e,
@@ -748,47 +768,47 @@ const N0 = ({
748
768
  severity: i = "success",
749
769
  snackbarSx: l,
750
770
  showAction: c = !1,
751
- showClose: g = !1,
752
- actionText: f = "Undo",
753
- onActionClick: d,
754
- multiLine: u = !1
771
+ showClose: d = !1,
772
+ actionText: b = "Undo",
773
+ onActionClick: p,
774
+ multiLine: s = !1
755
775
  }) => {
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,
776
+ const m = T(), Z = {
777
+ success: m.palette.success.dark,
778
+ error: m.palette.error.light,
779
+ info: m.palette.info.lighter,
780
+ warning: m.palette.warning.lighter
781
+ }, j = /* @__PURE__ */ y(
782
+ L,
763
783
  {
764
- alignItems: u ? "flex-end" : "center",
765
- direction: u ? "column-reverse" : "row",
784
+ alignItems: s ? "flex-end" : "center",
785
+ direction: s ? "column-reverse" : "row",
766
786
  justifyContent: (
767
787
  // eslint-disable-next-line no-nested-ternary
768
- u && c && g ? "space-between" : "flex-end"
788
+ s && c && d ? "space-between" : "flex-end"
769
789
  ),
770
790
  children: [
771
791
  c && /* @__PURE__ */ a(
772
792
  k,
773
793
  {
774
794
  color: "inherit",
775
- onClick: d || o,
795
+ onClick: p || o,
776
796
  size: "small",
777
797
  sx: {
778
- color: p.palette.success.contrastText,
798
+ color: m.palette.success.contrastText,
779
799
  height: 44
780
800
  },
781
- children: f
801
+ children: b
782
802
  }
783
803
  ),
784
- g && /* @__PURE__ */ a(
785
- W,
804
+ d && /* @__PURE__ */ a(
805
+ V,
786
806
  {
787
807
  "aria-label": "close",
788
808
  color: "inherit",
789
809
  onClick: o,
790
810
  sx: { height: 44, width: 44 },
791
- children: /* @__PURE__ */ a(C, { fill: !0, name: "close", size: 24, weight: 400 })
811
+ children: /* @__PURE__ */ a(M, { fill: !0, name: "close", size: 24, weight: 400 })
792
812
  }
793
813
  )
794
814
  ]
@@ -804,27 +824,27 @@ const N0 = ({
804
824
  open: e,
805
825
  sx: {
806
826
  ...l,
807
- width: u ? 400 : 325
827
+ width: s ? 400 : 325
808
828
  },
809
829
  children: /* @__PURE__ */ a(
810
830
  de,
811
831
  {
812
- action: X,
832
+ action: j,
813
833
  severity: i,
814
834
  sx: {
815
835
  display: "flex",
816
836
  alignItems: "stretch",
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],
837
+ minHeight: d && c && s ? 120 : 56,
838
+ maxHeight: s ? 120 : 56,
839
+ backgroundColor: (S) => S.palette.mode === "light" ? S.palette[i].darker : Z[i],
820
840
  width: "100%",
821
841
  "& .MuiAlert-icon": {
822
- alignSelf: u ? "flex-start" : "center"
842
+ alignSelf: s ? "flex-start" : "center"
823
843
  },
824
844
  "& .MuiAlert-message": {
825
- paddingTop: u ? 12 : 8,
826
- paddingBottom: u ? 12 : 8,
827
- alignSelf: u ? "flex-start" : "center"
845
+ paddingTop: s ? 12 : 8,
846
+ paddingBottom: s ? 12 : 8,
847
+ alignSelf: s ? "flex-start" : "center"
828
848
  },
829
849
  "& .MuiAlert-action": {
830
850
  alignItems: "stretch",
@@ -836,12 +856,12 @@ const N0 = ({
836
856
  v,
837
857
  {
838
858
  sx: {
839
- lineHeight: p.typography.Body.lineHeight,
840
- whiteSpace: u ? "normal" : "nowrap",
841
- overflow: u ? "visible" : "hidden",
842
- textOverflow: u ? "clip" : "ellipsis"
859
+ lineHeight: m.typography.Body.lineHeight,
860
+ whiteSpace: s ? "normal" : "nowrap",
861
+ overflow: s ? "visible" : "hidden",
862
+ textOverflow: s ? "clip" : "ellipsis"
843
863
  },
844
- truncate: !u,
864
+ truncate: !s,
845
865
  children: n
846
866
  }
847
867
  )
@@ -849,30 +869,30 @@ const N0 = ({
849
869
  )
850
870
  }
851
871
  );
852
- }, y = {
872
+ }, C = {
853
873
  REACT: "react",
854
874
  REACT_NATIVE: "react_native",
855
875
  NATIVE: "native"
856
876
  }, A = {
857
877
  LIGHT: "light",
858
878
  DARK: "dark"
859
- }, K = b.createContext($), Z = b.createContext(
860
- H(A.LIGHT, y.REACT_NATIVE)
879
+ }, U = f.createContext(W), K = f.createContext(
880
+ H(A.LIGHT, C.REACT_NATIVE)
861
881
  ), z0 = ({
862
882
  children: e,
863
- target: o = y.REACT,
883
+ target: o = C.REACT,
864
884
  theme: n = A.LIGHT,
865
885
  tokenOverrides: r
866
886
  }) => {
867
- const [i, l] = b.useState(n === A.LIGHT ? $ : ue), c = b.useMemo(() => ({
887
+ const [i, l] = f.useState(n === A.LIGHT ? W : ue), c = f.useMemo(() => ({
868
888
  ...r
869
889
  }), [r]);
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);
890
+ return f.useEffect(() => {
891
+ const d = H(n, o, { ...c });
892
+ l(d);
893
+ }, [n, o, c]), o === C.REACT ? /* @__PURE__ */ a(U.Provider, { value: i, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(K.Provider, { value: i, children: e }));
894
+ }, P0 = (e = C.REACT, o = {}) => {
895
+ const n = e === C.REACT ? U : K, r = f.useContext(n);
876
896
  return r || H(A.LIGHT, e, { ...o });
877
897
  }, h = {
878
898
  LIGHT: "light",
@@ -910,7 +930,7 @@ const N0 = ({
910
930
  Warning400: "#E07C02",
911
931
  Warning500: "#C33E01",
912
932
  White: "#FFFFFF"
913
- }, Ee = (e) => ge({
933
+ }, Le = (e) => ge({
914
934
  mode: e,
915
935
  border: {
916
936
  lighter: e === "light" ? t.Neutral200 : t.Neutral800,
@@ -1037,7 +1057,7 @@ const N0 = ({
1037
1057
  chartMono5: "#034AB3",
1038
1058
  chartMono6: "#002966"
1039
1059
  }
1040
- }), x = "Inter, Helvetica, Arial, sans-serif", Le = (e) => me(e, {
1060
+ }), x = "Inter, Helvetica, Arial, sans-serif", Ee = (e) => me(e, {
1041
1061
  fontFamily: x,
1042
1062
  fontSize: 15,
1043
1063
  Body: {
@@ -1102,7 +1122,7 @@ D[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1102
1122
  D[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1103
1123
  D[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1104
1124
  const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", He = "cubic-bezier(.475,.425,0,.995)", B0 = (e) => {
1105
- const o = Ee(e), n = Le(o);
1125
+ const o = Le(e), n = Ee(o);
1106
1126
  return B({
1107
1127
  breakpoints: {
1108
1128
  values: {
@@ -1139,10 +1159,10 @@ const z = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", P = "inset 0px 0px 0px 2px
1139
1159
  MuiAlert: {
1140
1160
  defaultProps: {
1141
1161
  iconMapping: {
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 })
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 })
1146
1166
  }
1147
1167
  },
1148
1168
  styleOverrides: {
@@ -1911,32 +1931,32 @@ export {
1911
1931
  d0 as AccountsIcon,
1912
1932
  u0 as ArrowLeftIcon,
1913
1933
  p0 as AttentionFilledIcon,
1914
- m as BaseIcon,
1934
+ g as BaseIcon,
1915
1935
  k0 as BottomSheetTransition,
1916
1936
  h0 as CalendarIcon,
1917
- s as CategoryGuids,
1918
- Ce as CategoryIcon,
1919
- be as CategoryIconList,
1920
- fe as CategoryIconVariants,
1937
+ u as CategoryGuids,
1938
+ Te as CategoryIcon,
1939
+ ye as CategoryIconList,
1940
+ Me as CategoryIconVariants,
1921
1941
  g0 as CheckmarkFilledIcon,
1922
1942
  m0 as ChevronDownIcon,
1923
1943
  f0 as ChevronLeftIcon,
1924
1944
  b0 as ChevronRightIcon,
1925
- Te as CloseIcon,
1945
+ be as CloseIcon,
1926
1946
  D0 as DateRangePicker,
1927
1947
  xe as DialogFooter,
1928
- E0 as DialogHeader,
1929
- L0 as Drawer,
1948
+ L0 as DialogHeader,
1949
+ E0 as Drawer,
1930
1950
  M0 as EditIcon,
1931
- C0 as FilterIcon,
1951
+ y0 as FilterIcon,
1932
1952
  xe as Footer,
1933
1953
  De as H1,
1934
1954
  S0 as H2,
1935
1955
  F0 as H3,
1936
- y0 as HeartIcon,
1956
+ C0 as HeartIcon,
1937
1957
  x as INTER,
1938
- C as Icon,
1939
- ye as IconWeight,
1958
+ M as Icon,
1959
+ fe as IconWeight,
1940
1960
  H0 as InstitutionLogo,
1941
1961
  v0 as MXLogoCopyrightIcon,
1942
1962
  x0 as MXLogoFilledIcon,
@@ -1944,7 +1964,7 @@ export {
1944
1964
  A0 as MXLogoOutlineIcon,
1945
1965
  I0 as MerchantLogo,
1946
1966
  w0 as P,
1947
- y as TARGETS,
1967
+ C as TARGETS,
1948
1968
  A as THEMES,
1949
1969
  v as Text,
1950
1970
  R0 as TextField,