@mxenabled/mxui 1.5.7-alpha.sms2 → 1.5.8

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 (4) hide show
  1. package/dist/index.es.js +220 -226
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/themes/Colors.d.ts +3 -1
  4. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,35 +1,35 @@
1
- import { jsx as a, jsxs as x } from "react/jsx-runtime";
1
+ import { jsx as a, jsxs as R } from "react/jsx-runtime";
2
2
  import C from "react";
3
3
  import F from "@mui/material/Stack";
4
- import { useTheme as H, createTheme as X } from "@mui/material/styles";
5
- import { Icon as ce, Close as se } from "@mxenabled/mx-icons";
4
+ import { useTheme as H, createTheme as ne } from "@mui/material/styles";
5
+ import { Icon as le, Close as ce } from "@mxenabled/mx-icons";
6
6
  import { endOfMonth as U } from "date-fns/endOfMonth";
7
- import { endOfYear as de } from "date-fns/endOfYear";
8
- import { startOfToday as ue } from "date-fns/startOfToday";
9
- import { startOfMonth as W } from "date-fns/startOfMonth";
10
- import { startOfYear as Z } from "date-fns/startOfYear";
11
- import { subDays as K } from "date-fns/subDays";
12
- import { subMonths as pe } from "date-fns/subMonths";
13
- import { subYears as he } from "date-fns/subYears";
14
- import ge from "@mui/material/useMediaQuery";
15
- import { LocalizationProvider as fe, StaticDateRangePicker as me } from "@mui/x-date-pickers-pro";
16
- import { AdapterDateFns as be } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
- import j from "@mui/material/Box";
18
- import Te from "@mui/material/ToggleButton";
19
- import Ce from "@mui/material/ToggleButtonGroup";
20
- import Q from "@mui/material/Slide";
21
- import V from "@mui/material/Button";
22
- import J from "@mui/material/IconButton";
23
- import xe from "@mui/material/Typography";
7
+ import { endOfYear as se } from "date-fns/endOfYear";
8
+ import { startOfToday as de } from "date-fns/startOfToday";
9
+ import { startOfMonth as $ } from "date-fns/startOfMonth";
10
+ import { startOfYear as W } from "date-fns/startOfYear";
11
+ import { subDays as Z } from "date-fns/subDays";
12
+ import { subMonths as ue } from "date-fns/subMonths";
13
+ import { subYears as pe } from "date-fns/subYears";
14
+ import he from "@mui/material/useMediaQuery";
15
+ import { LocalizationProvider as ge, StaticDateRangePicker as me } from "@mui/x-date-pickers-pro";
16
+ import { AdapterDateFns as fe } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
+ import Y from "@mui/material/Box";
18
+ import be from "@mui/material/ToggleButton";
19
+ import Te from "@mui/material/ToggleButtonGroup";
20
+ import X from "@mui/material/Slide";
21
+ import z from "@mui/material/Button";
22
+ import j from "@mui/material/IconButton";
23
+ import Ce from "@mui/material/Typography";
24
24
  import Re from "@mui/material/Drawer";
25
- import Me from "@mui/material/TextField";
25
+ import xe from "@mui/material/TextField";
26
26
  import Ae from "@mui/material/Snackbar";
27
- import Ee from "@mui/material/Alert";
28
- import { light as q, buildTheme as G, dark as Se } from "@mxenabled/design-tokens";
29
- import { FormControlLabel as Ie, Box as B, Typography as Y, Radio as z, Checkbox as ve, alpha as b, darken as k, lighten as y, getContrastRatio as He } from "@mui/material";
30
- import { circularProgressClasses as ye } from "@mui/material/CircularProgress";
31
- import { LicenseInfo as Oe } from "@mui/x-license-pro";
32
- const m = ({
27
+ import Me from "@mui/material/Alert";
28
+ import { light as Q, buildTheme as V, dark as Ee } from "@mxenabled/design-tokens";
29
+ import { FormControlLabel as Se, Box as _, Typography as K, Radio as P, Checkbox as Ie, alpha as b, darken as k, lighten as y, getContrastRatio as ve } from "@mui/material";
30
+ import { circularProgressClasses as He } from "@mui/material/CircularProgress";
31
+ import { LicenseInfo as ye } from "@mui/x-license-pro";
32
+ const f = ({
33
33
  children: e,
34
34
  height: o,
35
35
  size: i = 16,
@@ -48,8 +48,8 @@ const m = ({
48
48
  children: e
49
49
  }
50
50
  );
51
- 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 || {});
52
- const M = ({
51
+ var Oe = /* @__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))(Oe || {});
52
+ const x = ({
53
53
  color: e,
54
54
  fill: o = !1,
55
55
  name: i,
@@ -58,7 +58,7 @@ const M = ({
58
58
  weight: d = 300,
59
59
  ...l
60
60
  }) => /* @__PURE__ */ a(
61
- ce,
61
+ le,
62
62
  {
63
63
  color: e,
64
64
  fill: o,
@@ -68,37 +68,37 @@ const M = ({
68
68
  weight: d,
69
69
  ...l
70
70
  }
71
- ), A0 = ({
71
+ ), E0 = ({
72
72
  color: e = "currentColor",
73
73
  ...o
74
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
74
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
75
75
  "path",
76
76
  {
77
77
  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",
78
78
  fill: e
79
79
  }
80
- ) })), E0 = ({
80
+ ) })), S0 = ({
81
81
  color: e = "currentColor",
82
82
  ...o
83
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
83
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
84
84
  "path",
85
85
  {
86
86
  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",
87
87
  fill: e
88
88
  }
89
- ) })), S0 = ({
89
+ ) })), I0 = ({
90
90
  color: e = "currentColor",
91
91
  ...o
92
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
92
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
93
93
  "path",
94
94
  {
95
95
  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",
96
96
  fill: e
97
97
  }
98
- ) })), I0 = ({
98
+ ) })), v0 = ({
99
99
  color: e = "currentColor",
100
100
  ...o
101
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
101
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
102
102
  "path",
103
103
  {
104
104
  clipRule: "evenodd",
@@ -106,91 +106,91 @@ const M = ({
106
106
  fill: e,
107
107
  fillRule: "evenodd"
108
108
  }
109
- ) })), v0 = ({
109
+ ) })), H0 = ({
110
110
  color: e = "currentColor",
111
111
  ...o
112
- }) => (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(f, { ...o, children: /* @__PURE__ */ a(
113
113
  "path",
114
114
  {
115
115
  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",
116
116
  fill: e
117
117
  }
118
- ) })), H0 = ({
118
+ ) })), y0 = ({
119
119
  color: e = "currentColor",
120
120
  ...o
121
- }) => (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(f, { ...o, children: /* @__PURE__ */ a(
122
122
  "path",
123
123
  {
124
124
  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",
125
125
  fill: e
126
126
  }
127
- ) })), y0 = ({
127
+ ) })), O0 = ({
128
128
  color: e = "currentColor",
129
129
  ...o
130
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
130
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
131
131
  "path",
132
132
  {
133
133
  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",
134
134
  fill: e
135
135
  }
136
- ) })), O0 = ({
136
+ ) })), F0 = ({
137
137
  color: e = "currentColor",
138
138
  ...o
139
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
139
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
140
140
  "path",
141
141
  {
142
142
  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",
143
143
  fill: e
144
144
  }
145
- ) })), F0 = ({
145
+ ) })), L0 = ({
146
146
  color: e = "currentColor",
147
147
  ...o
148
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
148
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
149
149
  "path",
150
150
  {
151
151
  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",
152
152
  fill: e
153
153
  }
154
- ) })), L0 = ({
154
+ ) })), D0 = ({
155
155
  color: e = "currentColor",
156
156
  ...o
157
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
157
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
158
158
  "path",
159
159
  {
160
160
  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",
161
161
  fill: e
162
162
  }
163
- ) })), D0 = ({
163
+ ) })), k0 = ({
164
164
  color: e = "currentColor",
165
165
  ...o
166
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
166
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
167
167
  "path",
168
168
  {
169
169
  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",
170
170
  fill: e
171
171
  }
172
- ) })), k0 = ({
172
+ ) })), N0 = ({
173
173
  color: e = "currentColor",
174
174
  ...o
175
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
175
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
176
176
  "path",
177
177
  {
178
178
  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",
179
179
  fill: e
180
180
  }
181
- ) })), N0 = ({
181
+ ) })), w0 = ({
182
182
  color: e = "currentColor",
183
183
  ...o
184
- }) => (console.warn('<HeartIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
184
+ }) => (console.warn('<HeartIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
185
185
  "path",
186
186
  {
187
187
  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",
188
188
  fill: e
189
189
  }
190
- ) })), w0 = ({
190
+ ) })), _0 = ({
191
191
  color: e = "currentColor",
192
192
  ...o
193
- }) => /* @__PURE__ */ x(m, { ...o, children: [
193
+ }) => /* @__PURE__ */ R(f, { ...o, children: [
194
194
  /* @__PURE__ */ a(
195
195
  "path",
196
196
  {
@@ -205,10 +205,10 @@ const M = ({
205
205
  fill: e
206
206
  }
207
207
  )
208
- ] }), _0 = ({
208
+ ] }), P0 = ({
209
209
  color: e = "currentColor",
210
210
  ...o
211
- }) => /* @__PURE__ */ x(m, { ...o, children: [
211
+ }) => /* @__PURE__ */ R(f, { ...o, children: [
212
212
  /* @__PURE__ */ a(
213
213
  "path",
214
214
  {
@@ -241,10 +241,10 @@ const M = ({
241
241
  fillRule: "evenodd"
242
242
  }
243
243
  )
244
- ] }), P0 = ({
244
+ ] }), B0 = ({
245
245
  color: e = "currentColor",
246
246
  ...o
247
- }) => /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
247
+ }) => /* @__PURE__ */ a(f, { ...o, children: /* @__PURE__ */ a(
248
248
  "path",
249
249
  {
250
250
  clipRule: "evenodd",
@@ -252,10 +252,10 @@ const M = ({
252
252
  fill: e,
253
253
  fillRule: "evenodd"
254
254
  }
255
- ) }), B0 = ({
255
+ ) }), z0 = ({
256
256
  color: e = "currentColor",
257
257
  ...o
258
- }) => /* @__PURE__ */ x(m, { ...o, children: [
258
+ }) => /* @__PURE__ */ R(f, { ...o, children: [
259
259
  /* @__PURE__ */ a(
260
260
  "path",
261
261
  {
@@ -280,12 +280,12 @@ const M = ({
280
280
  }
281
281
  )
282
282
  ] });
283
- var g = /* @__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))(g || {}), Le = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(Le || {});
284
- const ee = {
283
+ var g = /* @__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))(g || {}), Fe = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(Fe || {});
284
+ const J = {
285
285
  guid: g.Uncategorized,
286
286
  colorName: "uncategorized",
287
287
  icon: "category"
288
- }, De = [
288
+ }, Le = [
289
289
  {
290
290
  guid: g.AutoTransport,
291
291
  colorName: "autoTransport",
@@ -386,16 +386,16 @@ const ee = {
386
386
  colorName: "travel",
387
387
  icon: "airplane_ticket"
388
388
  },
389
- ee
390
- ], ke = 0.625, Ne = ({
389
+ J
390
+ ], De = 0.625, ke = ({
391
391
  categoryGuid: e,
392
- icon_ratio: o = ke,
392
+ icon_ratio: o = De,
393
393
  size: i = 32,
394
394
  sx: n = {},
395
395
  variant: r = "filled"
396
396
  }) => {
397
397
  const d = H(), l = C.useMemo(
398
- () => De.find((u) => u.guid === e) ?? ee,
398
+ () => Le.find((u) => u.guid === e) ?? J,
399
399
  [e]
400
400
  ), c = d.palette.categories[l.colorName];
401
401
  return /* @__PURE__ */ a(
@@ -415,10 +415,10 @@ const ee = {
415
415
  justifyContent: "center",
416
416
  sx: [...Array.isArray(n) ? n : [n]],
417
417
  width: i,
418
- children: /* @__PURE__ */ a(M, { name: l.icon, size: i * o })
418
+ children: /* @__PURE__ */ a(x, { name: l.icon, size: i * o })
419
419
  }
420
420
  );
421
- }, we = ({
421
+ }, Ne = ({
422
422
  items: e,
423
423
  onChange: o,
424
424
  isValid: i,
@@ -434,8 +434,8 @@ const ee = {
434
434
  disabled: !i(c)
435
435
  };
436
436
  });
437
- return /* @__PURE__ */ a(j, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ a(Ce, { color: "primary", orientation: "vertical", value: n, children: d?.map((l) => /* @__PURE__ */ a(
438
- Te,
437
+ return /* @__PURE__ */ a(Y, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ a(Te, { color: "primary", orientation: "vertical", value: n, children: d?.map((l) => /* @__PURE__ */ a(
438
+ be,
439
439
  {
440
440
  onClick: l.onClick,
441
441
  sx: {
@@ -462,39 +462,39 @@ const ee = {
462
462
  },
463
463
  l.label
464
464
  )) }) });
465
- }, z0 = ({
465
+ }, V0 = ({
466
466
  copy: e,
467
467
  dateRange: o,
468
468
  onRangeChanged: i,
469
469
  selectedShortcut: n = e.dateRangeThisMonth,
470
470
  sx: r = {}
471
471
  }) => {
472
- const d = H(), l = ge(d.breakpoints.down("sm")), c = C.useMemo(() => {
473
- const t = ue(), u = pe(t, 1), T = he(t, 1);
472
+ const d = H(), l = he(d.breakpoints.down("sm")), c = C.useMemo(() => {
473
+ const t = de(), u = ue(t, 1), T = pe(t, 1);
474
474
  return [
475
475
  {
476
476
  label: e.dateRangeThisMonth,
477
- getValue: () => [W(t), U(t)]
477
+ getValue: () => [$(t), U(t)]
478
478
  },
479
479
  {
480
480
  label: e.dateRangeLastMonth,
481
- getValue: () => [W(u), U(u)]
481
+ getValue: () => [$(u), U(u)]
482
482
  },
483
483
  {
484
484
  label: e.dateRangeLast30Days,
485
- getValue: () => [K(t, 30), t]
485
+ getValue: () => [Z(t, 30), t]
486
486
  },
487
487
  {
488
488
  label: e.dateRangeLast90Days,
489
- getValue: () => [K(t, 90), t]
489
+ getValue: () => [Z(t, 90), t]
490
490
  },
491
491
  {
492
492
  label: e.dateRangeYTD,
493
- getValue: () => [Z(t), t]
493
+ getValue: () => [W(t), t]
494
494
  },
495
495
  {
496
496
  label: e.dateRangeLastYear,
497
- getValue: () => [Z(T), de(T)]
497
+ getValue: () => [W(T), se(T)]
498
498
  },
499
499
  {
500
500
  label: e.dateRangeCustom,
@@ -505,7 +505,7 @@ const ee = {
505
505
  const T = u.shortcut;
506
506
  i?.(t, T ? T.label : e.dateRangeCustom);
507
507
  };
508
- return /* @__PURE__ */ a(F, { gap: 16, m: 8, children: /* @__PURE__ */ a(fe, { dateAdapter: be, children: /* @__PURE__ */ a(
508
+ return /* @__PURE__ */ a(F, { gap: 16, m: 8, children: /* @__PURE__ */ a(ge, { dateAdapter: fe, children: /* @__PURE__ */ a(
509
509
  me,
510
510
  {
511
511
  calendars: 1,
@@ -526,17 +526,17 @@ const ee = {
526
526
  }
527
527
  },
528
528
  slots: {
529
- leftArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_left", size: 28 }),
530
- shortcuts: (t) => /* @__PURE__ */ a(we, { selected: n, ...t }),
531
- rightArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_right", size: 28 })
529
+ leftArrowIcon: () => /* @__PURE__ */ a(x, { name: "chevron_left", size: 28 }),
530
+ shortcuts: (t) => /* @__PURE__ */ a(Ne, { selected: n, ...t }),
531
+ rightArrowIcon: () => /* @__PURE__ */ a(x, { name: "chevron_right", size: 28 })
532
532
  },
533
533
  sx: { ...r },
534
534
  value: o
535
535
  }
536
536
  ) }) });
537
- }, V0 = C.forwardRef(function(o, i) {
538
- return /* @__PURE__ */ a(Q, { direction: "up", ref: i, ...o });
539
- }), _e = ({
537
+ }, G0 = C.forwardRef(function(o, i) {
538
+ return /* @__PURE__ */ a(X, { direction: "up", ref: i, ...o });
539
+ }), we = ({
540
540
  hasSecondaryAction: e = !0,
541
541
  isPrimaryDisabled: o,
542
542
  onPrimaryAction: i,
@@ -545,7 +545,7 @@ const ee = {
545
545
  primaryText: d = "Save",
546
546
  secondaryColor: l = "primary",
547
547
  secondaryText: c = "Cancel"
548
- }) => /* @__PURE__ */ x(
548
+ }) => /* @__PURE__ */ R(
549
549
  F,
550
550
  {
551
551
  direction: "row",
@@ -554,7 +554,7 @@ const ee = {
554
554
  sx: { bgcolor: "background.paper", p: 24 },
555
555
  children: [
556
556
  e && /* @__PURE__ */ a(
557
- V,
557
+ z,
558
558
  {
559
559
  color: l,
560
560
  onClick: n,
@@ -563,7 +563,7 @@ const ee = {
563
563
  }
564
564
  ),
565
565
  i && /* @__PURE__ */ a(
566
- V,
566
+ z,
567
567
  {
568
568
  color: r,
569
569
  disabled: o,
@@ -617,7 +617,7 @@ const ee = {
617
617
  break;
618
618
  }
619
619
  return /* @__PURE__ */ a(
620
- xe,
620
+ Ce,
621
621
  {
622
622
  className: `mx-kmui-text ${o}`,
623
623
  color: n,
@@ -639,7 +639,7 @@ const ee = {
639
639
  children: i
640
640
  }
641
641
  );
642
- }, Pe = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(L, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...i, children: o }), G0 = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(L, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...i, children: o }), $0 = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(L, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...i, children: o }), U0 = ({ className: e = "", children: o, truncate: i, ...n }) => /* @__PURE__ */ a(
642
+ }, _e = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(L, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...i, children: o }), U0 = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(L, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...i, children: o }), $0 = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(L, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...i, children: o }), W0 = ({ className: e = "", children: o, truncate: i, ...n }) => /* @__PURE__ */ a(
643
643
  L,
644
644
  {
645
645
  className: `mx-kmui-text p ${e}`,
@@ -649,7 +649,7 @@ const ee = {
649
649
  ...n,
650
650
  children: o
651
651
  }
652
- ), W0 = ({ copy: e, onClose: o }) => /* @__PURE__ */ x(
652
+ ), Z0 = ({ copy: e, onClose: o }) => /* @__PURE__ */ R(
653
653
  F,
654
654
  {
655
655
  sx: {
@@ -660,11 +660,11 @@ const ee = {
660
660
  py: 14
661
661
  },
662
662
  children: [
663
- /* @__PURE__ */ a(Pe, { variant: "h3", children: e.title }),
664
- /* @__PURE__ */ a(J, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(se, {}) })
663
+ /* @__PURE__ */ a(_e, { variant: "h3", children: e.title }),
664
+ /* @__PURE__ */ a(j, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(ce, {}) })
665
665
  ]
666
666
  }
667
- ), Z0 = ({
667
+ ), K0 = ({
668
668
  className: e,
669
669
  disableSave: o,
670
670
  id: i,
@@ -675,7 +675,7 @@ const ee = {
675
675
  secondaryText: c,
676
676
  children: s,
677
677
  ...t
678
- }) => /* @__PURE__ */ x(
678
+ }) => /* @__PURE__ */ R(
679
679
  Re,
680
680
  {
681
681
  anchor: "right",
@@ -688,7 +688,7 @@ const ee = {
688
688
  children: [
689
689
  s,
690
690
  d && /* @__PURE__ */ a(
691
- _e,
691
+ we,
692
692
  {
693
693
  isPrimaryDisabled: o,
694
694
  onPrimaryAction: d,
@@ -699,34 +699,34 @@ const ee = {
699
699
  )
700
700
  ]
701
701
  }
702
- ), oe = 32, $ = "https://content.moneydesktop.com/storage/MD_Assets", Be = `${$}/serenity/default_institution_logo.png`, K0 = ({
702
+ ), q = 32, G = "https://content.moneydesktop.com/storage/MD_Assets", Pe = `${G}/serenity/default_institution_logo.png`, Y0 = ({
703
703
  alt: e,
704
704
  institutionGuid: o,
705
705
  logoUrl: i,
706
- size: n = oe,
706
+ size: n = q,
707
707
  ...r
708
708
  }) => /* @__PURE__ */ a(
709
709
  "img",
710
710
  {
711
711
  alt: e,
712
712
  height: n,
713
- onError: (d) => d.target.src = Be,
714
- src: i || `${$}/Ipad%20Logos/100x100/${o}_100x100.png`,
713
+ onError: (d) => d.target.src = Pe,
714
+ src: i || `${G}/Ipad%20Logos/100x100/${o}_100x100.png`,
715
715
  style: {
716
716
  borderRadius: 4
717
717
  },
718
718
  width: n,
719
719
  ...r
720
720
  }
721
- ), Y0 = ({
721
+ ), X0 = ({
722
722
  alt: e = "",
723
723
  categoryGuid: o,
724
724
  merchantGuid: i,
725
- size: n = oe,
725
+ size: n = q,
726
726
  ...r
727
727
  }) => {
728
728
  const [d, l] = C.useState(!1), c = H();
729
- return /* @__PURE__ */ x(j, { display: "inline-block", position: "relative", ...r, children: [
729
+ return /* @__PURE__ */ R(Y, { display: "inline-block", position: "relative", ...r, children: [
730
730
  i && !d && /* @__PURE__ */ a(
731
731
  "img",
732
732
  {
@@ -734,7 +734,7 @@ const ee = {
734
734
  "aria-hidden": !e,
735
735
  height: n,
736
736
  onError: () => l(!0),
737
- src: `${$}/merchant_logos/${i}.png`,
737
+ src: `${G}/merchant_logos/${i}.png`,
738
738
  style: {
739
739
  backgroundColor: c.palette.common.white,
740
740
  borderRadius: 4,
@@ -744,16 +744,16 @@ const ee = {
744
744
  width: n
745
745
  }
746
746
  ),
747
- /* @__PURE__ */ a(Ne, { categoryGuid: o, size: n })
747
+ /* @__PURE__ */ a(ke, { categoryGuid: o, size: n })
748
748
  ] });
749
- }, X0 = ({
749
+ }, j0 = ({
750
750
  disabled: e = !1,
751
751
  label: o = "",
752
752
  shrink: i = !0,
753
753
  variant: n = "outlined",
754
754
  ...r
755
755
  }) => /* @__PURE__ */ a(
756
- Me,
756
+ xe,
757
757
  {
758
758
  InputLabelProps: {
759
759
  shrink: i
@@ -764,10 +764,10 @@ const ee = {
764
764
  ...r
765
765
  }
766
766
  );
767
- function ze(e) {
768
- return /* @__PURE__ */ a(Q, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
767
+ function Be(e) {
768
+ return /* @__PURE__ */ a(X, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
769
769
  }
770
- const j0 = ({
770
+ const Q0 = ({
771
771
  open: e,
772
772
  handleClose: o,
773
773
  message: i,
@@ -780,7 +780,7 @@ const j0 = ({
780
780
  onActionClick: t,
781
781
  multiLine: u = !1
782
782
  }) => {
783
- const T = H(), D = /* @__PURE__ */ x(
783
+ const T = H(), D = /* @__PURE__ */ R(
784
784
  F,
785
785
  {
786
786
  alignItems: u ? "flex-end" : "center",
@@ -791,7 +791,7 @@ const j0 = ({
791
791
  ),
792
792
  children: [
793
793
  l && /* @__PURE__ */ a(
794
- V,
794
+ z,
795
795
  {
796
796
  color: "inherit",
797
797
  onClick: t || o,
@@ -804,13 +804,13 @@ const j0 = ({
804
804
  }
805
805
  ),
806
806
  c && /* @__PURE__ */ a(
807
- J,
807
+ j,
808
808
  {
809
809
  "aria-label": "close",
810
810
  color: "inherit",
811
811
  onClick: o,
812
812
  sx: { height: 44, width: 44 },
813
- children: /* @__PURE__ */ a(M, { fill: !0, name: "close", size: 24, weight: 400 })
813
+ children: /* @__PURE__ */ a(x, { fill: !0, name: "close", size: 24, weight: 400 })
814
814
  }
815
815
  )
816
816
  ]
@@ -819,7 +819,7 @@ const j0 = ({
819
819
  return /* @__PURE__ */ a(
820
820
  Ae,
821
821
  {
822
- TransitionComponent: ze,
822
+ TransitionComponent: Be,
823
823
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
824
824
  autoHideDuration: n,
825
825
  onClose: o,
@@ -829,7 +829,7 @@ const j0 = ({
829
829
  width: u ? 400 : 325
830
830
  },
831
831
  children: /* @__PURE__ */ a(
832
- Ee,
832
+ Me,
833
833
  {
834
834
  action: D,
835
835
  severity: r,
@@ -874,29 +874,29 @@ const j0 = ({
874
874
  REACT: "react",
875
875
  REACT_NATIVE: "react_native",
876
876
  NATIVE: "native"
877
- }, w = {
877
+ }, N = {
878
878
  LIGHT: "light",
879
879
  DARK: "dark"
880
- }, re = C.createContext(q), te = C.createContext(
881
- G(w.LIGHT, O.REACT_NATIVE)
882
- ), Q0 = ({
880
+ }, ee = C.createContext(Q), oe = C.createContext(
881
+ V(N.LIGHT, O.REACT_NATIVE)
882
+ ), J0 = ({
883
883
  children: e,
884
884
  target: o = O.REACT,
885
- theme: i = w.LIGHT,
885
+ theme: i = N.LIGHT,
886
886
  tokenOverrides: n
887
887
  }) => {
888
- const [r, d] = C.useState(i === w.LIGHT ? q : Se), l = C.useMemo(() => ({
888
+ const [r, d] = C.useState(i === N.LIGHT ? Q : Ee), l = C.useMemo(() => ({
889
889
  ...n
890
890
  }), [n]);
891
891
  return C.useEffect(() => {
892
- const c = G(i, o, { ...l });
892
+ const c = V(i, o, { ...l });
893
893
  d(c);
894
- }, [i, o, l]), o === O.REACT ? /* @__PURE__ */ a(re.Provider, { value: r, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(te.Provider, { value: r, children: e }));
895
- }, J0 = (e = O.REACT, o = {}) => {
896
- const i = e === O.REACT ? re : te, n = C.useContext(i);
897
- return n || G(w.LIGHT, e, { ...o });
898
- }, q0 = ({
899
- component: e = z,
894
+ }, [i, o, l]), o === O.REACT ? /* @__PURE__ */ a(ee.Provider, { value: r, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(oe.Provider, { value: r, children: e }));
895
+ }, q0 = (e = O.REACT, o = {}) => {
896
+ const i = e === O.REACT ? ee : oe, n = C.useContext(i);
897
+ return n || V(N.LIGHT, e, { ...o });
898
+ }, eo = ({
899
+ component: e = P,
900
900
  variant: o = "outlined",
901
901
  selected: i,
902
902
  onChange: n,
@@ -910,13 +910,13 @@ const j0 = ({
910
910
  sx: T = {},
911
911
  ...D
912
912
  }) => {
913
- const f = H(), ie = () => f.palette.background.paper, P = () => t ? `inset 0px 0px 0px 2px ${f.palette.error.main}` : s ? i ? `inset 0px 0px 0px 2px ${f.palette.action.disabled}` : o === "outlined" ? `inset 0px 0px 0px 1px ${f.palette.action.disabledBackground}` : `inset 0px 0px 0px 1px ${f.palette.action.disabled}` : o === "outlined" ? i ? `inset 0px 0px 0px 2px ${b(f.palette.primary.main, 0.5)}` : `inset 0px 0px 0px 1px ${b(f.palette.common.black, 0.23)}` : i ? `inset 0px 0px 0px 2px ${b(f.palette.primary.main, 0.5)}` : f.shadows[1], ae = () => s || t ? f.palette.background.paper : b(f.palette.primary.main, 0.1), ne = () => s || t ? P() : o === "outlined" ? i ? `inset 0px 0px 0px 2px ${b(f.palette.primary.main, 0.5)}` : `inset 0px 0px 0px 1px ${b(f.palette.primary.main, 0.5)}` : P(), le = () => s || t ? f.palette.background.paper : b(f.palette.primary.main, 0.3);
913
+ const m = H(), re = () => m.palette.background.paper, w = () => t ? `inset 0px 0px 0px 2px ${m.palette.error.main}` : s ? i ? `inset 0px 0px 0px 2px ${m.palette.action.disabled}` : o === "outlined" ? `inset 0px 0px 0px 1px ${m.palette.action.disabledBackground}` : `inset 0px 0px 0px 1px ${m.palette.action.disabled}` : o === "outlined" ? i ? `inset 0px 0px 0px 2px ${b(m.palette.primary.main, 0.5)}` : `inset 0px 0px 0px 1px ${b(m.palette.common.black, 0.23)}` : i ? `inset 0px 0px 0px 2px ${b(m.palette.primary.main, 0.5)}` : m.shadows[1], te = () => s || t ? m.palette.background.paper : b(m.palette.primary.main, 0.1), ie = () => s || t ? w() : o === "outlined" ? i ? `inset 0px 0px 0px 2px ${b(m.palette.primary.main, 0.5)}` : `inset 0px 0px 0px 1px ${b(m.palette.primary.main, 0.5)}` : w(), ae = () => s || t ? m.palette.background.paper : b(m.palette.primary.main, 0.3);
914
914
  return /* @__PURE__ */ a(
915
- Ie,
915
+ Se,
916
916
  {
917
917
  checked: i,
918
- control: e === z ? /* @__PURE__ */ a(
919
- z,
918
+ control: e === P ? /* @__PURE__ */ a(
919
+ P,
920
920
  {
921
921
  name: l,
922
922
  sx: {
@@ -931,7 +931,7 @@ const j0 = ({
931
931
  ...D
932
932
  }
933
933
  ) : /* @__PURE__ */ a(
934
- ve,
934
+ Ie,
935
935
  {
936
936
  name: l,
937
937
  sx: {
@@ -947,11 +947,11 @@ const j0 = ({
947
947
  }
948
948
  ),
949
949
  disabled: s,
950
- label: /* @__PURE__ */ x(B, { sx: { display: "flex", alignItems: "flex-start", width: "100%" }, children: [
951
- u && /* @__PURE__ */ a(B, { sx: { mr: 12, mt: "8px", flexShrink: 0 }, children: u }),
952
- /* @__PURE__ */ x(B, { sx: { flex: 1, minWidth: 0, py: "8px" }, children: [
953
- r && /* @__PURE__ */ a(Y, { fontWeight: 600, sx: { lineHeight: "24px", pb: "4px" }, variant: "body1", children: r }),
954
- /* @__PURE__ */ a(Y, { sx: { lineHeight: "20px" }, variant: "subtitle2", children: d })
950
+ label: /* @__PURE__ */ R(_, { sx: { display: "flex", alignItems: "flex-start", width: "100%" }, children: [
951
+ u && /* @__PURE__ */ a(_, { sx: { mr: 12, mt: "8px", flexShrink: 0 }, children: u }),
952
+ /* @__PURE__ */ R(_, { sx: { flex: 1, minWidth: 0, py: "8px" }, children: [
953
+ r && /* @__PURE__ */ a(K, { fontWeight: 600, sx: { lineHeight: "24px", pb: "4px" }, variant: "body1", children: r }),
954
+ /* @__PURE__ */ a(K, { sx: { lineHeight: "20px" }, variant: "subtitle2", children: d })
955
955
  ] })
956
956
  ] }),
957
957
  labelPlacement: "start",
@@ -961,26 +961,26 @@ const j0 = ({
961
961
  padding: "6px 16px",
962
962
  alignItems: "flex-start",
963
963
  justifyContent: "space-between",
964
- borderRadius: f.shape.borderRadius / 2,
964
+ borderRadius: m.shape.borderRadius / 2,
965
965
  mb: 16,
966
966
  cursor: s ? "not-allowed" : "pointer",
967
967
  opacity: s ? 0.6 : 1,
968
- backgroundColor: ie(),
968
+ backgroundColor: re(),
969
969
  border: "none",
970
- boxShadow: P(),
970
+ boxShadow: w(),
971
971
  boxSizing: "border-box",
972
- transition: f.transitions.create(["background-color", "box-shadow"], {
973
- duration: f.transitions.duration.short
972
+ transition: m.transitions.create(["background-color", "box-shadow"], {
973
+ duration: m.transitions.duration.short
974
974
  }),
975
975
  "&:hover": {
976
- backgroundColor: ae(),
977
- boxShadow: ne()
976
+ backgroundColor: te(),
977
+ boxShadow: ie()
978
978
  },
979
979
  "&:active": {
980
- backgroundColor: le()
980
+ backgroundColor: ae()
981
981
  },
982
982
  "&:focus-visible": {
983
- outline: `2px solid ${f.palette.info.main}`,
983
+ outline: `2px solid ${m.palette.info.main}`,
984
984
  outlineOffset: "2px"
985
985
  },
986
986
  ...T
@@ -1001,7 +1001,7 @@ const j0 = ({
1001
1001
  700: k(e, 0.5),
1002
1002
  800: k(e, 0.65),
1003
1003
  900: k(e, 0.75)
1004
- }), R = "#FFFFFF", N = "#000000", Ve = "#F9F9F9", Ge = "#1A1A1A", E = {
1004
+ }), M = "#FFFFFF", B = "#000000", ze = "#F9F9F9", Ve = "#000000", Ge = "#FFFFFF", Ue = "#1A1A1A", E = {
1005
1005
  PRIMARY: "#2C64EF",
1006
1006
  SECONDARY: "#808080",
1007
1007
  INFO: "#2C64EF",
@@ -1072,7 +1072,7 @@ const j0 = ({
1072
1072
  UNCATEGORIZED: "#BCC6D4"
1073
1073
  }, $e = (e, o) => {
1074
1074
  const i = A(o?.primary || E.PRIMARY), n = A(o?.secondary || E.SECONDARY), r = A(o?.error || E.ERROR), d = A(o?.warning || E.WARNING), l = A(o?.info || E.INFO), c = A(o?.success || E.SUCCESS), s = A(o?.grey || E.GREY), t = e === v.LIGHT;
1075
- return console.log("isLight", t), {
1075
+ return {
1076
1076
  mode: e,
1077
1077
  // DEPRECATED: Use grey instead
1078
1078
  border: {
@@ -1085,8 +1085,8 @@ const j0 = ({
1085
1085
  darker: s[500]
1086
1086
  },
1087
1087
  common: {
1088
- white: R,
1089
- black: N
1088
+ white: M,
1089
+ black: B
1090
1090
  },
1091
1091
  primary: {
1092
1092
  ...i,
@@ -1117,12 +1117,12 @@ const j0 = ({
1117
1117
  dark: t ? s[700] : s[200],
1118
1118
  /* DEPRECATED: Use dark instead */
1119
1119
  darker: t ? s[900] : s[100],
1120
- contrastText: He(t ? s[700] : s[400], "#fff") > 4.5 ? R : s[900]
1120
+ contrastText: ve(t ? s[700] : s[400], "#fff") > 4.5 ? M : s[900]
1121
1121
  },
1122
1122
  text: {
1123
- primary: t ? s[900] : R,
1124
- secondary: t ? s[600] : b(R, 0.7),
1125
- disabled: t ? s[500] : b(R, 0.38)
1123
+ primary: t ? s[900] : M,
1124
+ secondary: t ? s[600] : b(M, 0.7),
1125
+ disabled: t ? s[500] : b(M, 0.38)
1126
1126
  },
1127
1127
  error: {
1128
1128
  ...r,
@@ -1166,18 +1166,18 @@ const j0 = ({
1166
1166
  },
1167
1167
  grey: s,
1168
1168
  action: {
1169
- active: t ? b(N, 0.56) : b(R, 0.56),
1169
+ active: t ? b(B, 0.56) : b(M, 0.56),
1170
1170
  hoverOpacity: t ? 0.1 : 0.2,
1171
1171
  selectedOpacity: t ? 0.16 : 0.25,
1172
1172
  focusOpacity: 0.3
1173
1173
  },
1174
1174
  background: {
1175
- default: t ? o?.background?.default?.light || Ve : o?.background?.default?.dark || N,
1176
- paper: t ? o?.background?.paper?.light || R : o?.background?.paper?.dark || Ge,
1175
+ default: t ? o?.background?.default?.light || ze : o?.background?.default?.dark || Ve,
1176
+ paper: t ? o?.background?.paper?.light || Ge : o?.background?.paper?.dark || Ue,
1177
1177
  highlight: t ? s[200] : s[600],
1178
1178
  highlightPrimary: t ? i[100] : i[500]
1179
1179
  },
1180
- divider: t ? b(N, 0.12) : b(R, 0.24),
1180
+ divider: t ? b(B, 0.12) : b(M, 0.24),
1181
1181
  categories: {
1182
1182
  autoTransport: t ? p.AUTO_TRANSPORTT : h.AUTO_TRANSPORTT,
1183
1183
  billsUtilities: t ? p.BILLS_UTILITIES : h.BILLS_UTILITIES,
@@ -1220,8 +1220,8 @@ const j0 = ({
1220
1220
  chartMono6: I.CHART_MONO6
1221
1221
  }
1222
1222
  };
1223
- }, Ue = "Inter, Helvetica, Arial, sans-serif", We = (e) => {
1224
- const o = e?.fontFamily || Ue;
1223
+ }, We = "Inter, Helvetica, Arial, sans-serif", Ze = (e) => {
1224
+ const o = e?.fontFamily || We;
1225
1225
  return {
1226
1226
  fontFamily: o,
1227
1227
  fontSize: 15,
@@ -1354,17 +1354,12 @@ const j0 = ({
1354
1354
  ...e
1355
1355
  };
1356
1356
  };
1357
- Oe.setLicenseKey(
1358
- "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
1357
+ ye.setLicenseKey(
1358
+ "702b0c04dc7df078768d2d45cd3a98c6Tz0xMjEzMDYsRT0xNzkzNzUwMzk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
1359
1359
  );
1360
- const _ = [...X().shadows];
1361
- _[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1362
- _[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1363
- _[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1364
- const eo = (e, o) => {
1365
- console.log("mode", e);
1366
- const i = $e(e, o?.paletteOptions), n = We(o?.typographyOptions);
1367
- return X({
1360
+ const oo = (e, o) => {
1361
+ const i = $e(e, o?.paletteOptions), n = Ze(o?.typographyOptions);
1362
+ return ne({
1368
1363
  breakpoints: {
1369
1364
  values: {
1370
1365
  xs: 444,
@@ -1375,7 +1370,6 @@ const eo = (e, o) => {
1375
1370
  }
1376
1371
  },
1377
1372
  palette: i,
1378
- shadows: _,
1379
1373
  shape: {
1380
1374
  borderRadius: o?.shapeOptions?.borderRadius || 4
1381
1375
  },
@@ -1386,10 +1380,10 @@ const eo = (e, o) => {
1386
1380
  MuiAlert: {
1387
1381
  defaultProps: {
1388
1382
  iconMapping: {
1389
- success: /* @__PURE__ */ a(M, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1390
- error: /* @__PURE__ */ a(M, { fill: !0, name: "error", size: 24, weight: 400 }),
1391
- warning: /* @__PURE__ */ a(M, { fill: !0, name: "warning", size: 24, weight: 400 }),
1392
- info: /* @__PURE__ */ a(M, { fill: !0, name: "info", size: 24, weight: 400 })
1383
+ success: /* @__PURE__ */ a(x, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1384
+ error: /* @__PURE__ */ a(x, { fill: !0, name: "error", size: 24, weight: 400 }),
1385
+ warning: /* @__PURE__ */ a(x, { fill: !0, name: "warning", size: 24, weight: 400 }),
1386
+ info: /* @__PURE__ */ a(x, { fill: !0, name: "info", size: 24, weight: 400 })
1393
1387
  },
1394
1388
  variant: "outlined"
1395
1389
  },
@@ -1484,7 +1478,7 @@ const eo = (e, o) => {
1484
1478
  MuiCircularProgress: {
1485
1479
  styleOverrides: {
1486
1480
  root: {
1487
- [`& .${ye.circle}`]: {
1481
+ [`& .${He.circle}`]: {
1488
1482
  strokeLinecap: "round"
1489
1483
  }
1490
1484
  }
@@ -2114,51 +2108,51 @@ const eo = (e, o) => {
2114
2108
  });
2115
2109
  };
2116
2110
  export {
2117
- A0 as AccountsFilledIcon,
2118
- E0 as AccountsIcon,
2119
- S0 as ArrowLeftIcon,
2120
- I0 as AttentionFilledIcon,
2121
- m as BaseIcon,
2122
- V0 as BottomSheetTransition,
2123
- v0 as CalendarIcon,
2111
+ E0 as AccountsFilledIcon,
2112
+ S0 as AccountsIcon,
2113
+ I0 as ArrowLeftIcon,
2114
+ v0 as AttentionFilledIcon,
2115
+ f as BaseIcon,
2116
+ G0 as BottomSheetTransition,
2117
+ H0 as CalendarIcon,
2124
2118
  g as CategoryGuids,
2125
- Ne as CategoryIcon,
2126
- De as CategoryIconList,
2127
- Le as CategoryIconVariants,
2128
- H0 as CheckmarkFilledIcon,
2129
- y0 as ChevronDownIcon,
2130
- O0 as ChevronLeftIcon,
2131
- F0 as ChevronRightIcon,
2132
- L0 as CloseIcon,
2133
- z0 as DateRangePicker,
2134
- _e as DialogFooter,
2135
- W0 as DialogHeader,
2136
- Z0 as Drawer,
2137
- D0 as EditIcon,
2138
- k0 as FilterIcon,
2139
- _e as Footer,
2140
- Pe as H1,
2141
- G0 as H2,
2119
+ ke as CategoryIcon,
2120
+ Le as CategoryIconList,
2121
+ Fe as CategoryIconVariants,
2122
+ y0 as CheckmarkFilledIcon,
2123
+ O0 as ChevronDownIcon,
2124
+ F0 as ChevronLeftIcon,
2125
+ L0 as ChevronRightIcon,
2126
+ D0 as CloseIcon,
2127
+ V0 as DateRangePicker,
2128
+ we as DialogFooter,
2129
+ Z0 as DialogHeader,
2130
+ K0 as Drawer,
2131
+ k0 as EditIcon,
2132
+ N0 as FilterIcon,
2133
+ we as Footer,
2134
+ _e as H1,
2135
+ U0 as H2,
2142
2136
  $0 as H3,
2143
- N0 as HeartIcon,
2144
- Ue as INTER,
2145
- M as Icon,
2146
- Fe as IconWeight,
2147
- K0 as InstitutionLogo,
2148
- _0 as MXLogoCopyrightIcon,
2149
- P0 as MXLogoFilledIcon,
2150
- w0 as MXLogoIcon,
2151
- B0 as MXLogoOutlineIcon,
2152
- Y0 as MerchantLogo,
2153
- U0 as P,
2154
- q0 as SelectionBox,
2137
+ w0 as HeartIcon,
2138
+ We as INTER,
2139
+ x as Icon,
2140
+ Oe as IconWeight,
2141
+ Y0 as InstitutionLogo,
2142
+ P0 as MXLogoCopyrightIcon,
2143
+ B0 as MXLogoFilledIcon,
2144
+ _0 as MXLogoIcon,
2145
+ z0 as MXLogoOutlineIcon,
2146
+ X0 as MerchantLogo,
2147
+ W0 as P,
2148
+ eo as SelectionBox,
2155
2149
  O as TARGETS,
2156
- w as THEMES,
2150
+ N as THEMES,
2157
2151
  L as Text,
2158
- X0 as TextField,
2159
- j0 as Toast,
2160
- Q0 as TokenProvider,
2161
- eo as createMXTheme,
2162
- J0 as useTokens
2152
+ j0 as TextField,
2153
+ Q0 as Toast,
2154
+ J0 as TokenProvider,
2155
+ oo as createMXTheme,
2156
+ q0 as useTokens
2163
2157
  };
2164
2158
  //# sourceMappingURL=index.es.js.map