@mxenabled/mxui 1.2.1-alpha.bb6 → 1.3.0-alpha.bb1

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/components/icon/Icon.d.ts +1 -3
  2. package/dist/index.es.js +258 -276
  3. package/dist/index.es.js.map +1 -1
  4. package/package.json +12 -2
package/dist/index.es.js CHANGED
@@ -1,25 +1,24 @@
1
- import { jsx as r, jsxs as C } from "react/jsx-runtime";
1
+ import { jsx as t, jsxs as A } from "react/jsx-runtime";
2
2
  import T from "react";
3
3
  import O from "@mui/material/Stack";
4
4
  import { useTheme as y, createTheme as W } from "@mui/material/styles";
5
- import te from "@mui/material/Icon";
5
+ import { Icon as re, Close as te } from "@mxenabled/mx-icons";
6
6
  import { endOfMonth as V } from "date-fns/endOfMonth";
7
- import { endOfYear as re } from "date-fns/endOfYear";
8
- import { startOfToday as ie } from "date-fns/startOfToday";
7
+ import { endOfYear as ie } from "date-fns/endOfYear";
8
+ import { startOfToday as ae } from "date-fns/startOfToday";
9
9
  import { startOfMonth as U } from "date-fns/startOfMonth";
10
10
  import { startOfYear as G } from "date-fns/startOfYear";
11
11
  import { subDays as $ } from "date-fns/subDays";
12
- import { subMonths as ae } from "date-fns/subMonths";
13
- import { subYears as ne } from "date-fns/subYears";
14
- import le from "@mui/material/useMediaQuery";
15
- import { LocalizationProvider as ce, StaticDateRangePicker as se } from "@mui/x-date-pickers-pro";
16
- import { AdapterDateFns as de } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
12
+ import { subMonths as ne } from "date-fns/subMonths";
13
+ import { subYears as le } from "date-fns/subYears";
14
+ import ce from "@mui/material/useMediaQuery";
15
+ import { LocalizationProvider as se, StaticDateRangePicker as de } from "@mui/x-date-pickers-pro";
16
+ import { AdapterDateFns as ue } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
17
  import Z from "@mui/material/Box";
18
- import ue from "@mui/material/ToggleButton";
19
- import he from "@mui/material/ToggleButtonGroup";
18
+ import he from "@mui/material/ToggleButton";
19
+ import pe from "@mui/material/ToggleButtonGroup";
20
20
  import K from "@mui/material/Slide";
21
21
  import _ from "@mui/material/Button";
22
- import { Close as pe } from "@mui/icons-material";
23
22
  import X from "@mui/material/IconButton";
24
23
  import me from "@mui/material/Typography";
25
24
  import ge from "@mui/material/Drawer";
@@ -27,7 +26,7 @@ import fe from "@mui/material/TextField";
27
26
  import Te from "@mui/material/Snackbar";
28
27
  import be from "@mui/material/Alert";
29
28
  import { light as Y, buildTheme as P, dark as Ce } from "@mxenabled/design-tokens";
30
- import { darken as D, lighten as x, alpha as S } from "@mui/material";
29
+ import { darken as D, lighten as x, alpha as b } from "@mui/material";
31
30
  import { circularProgressClasses as Ae } from "@mui/material/CircularProgress";
32
31
  import { LicenseInfo as Me } from "@mui/x-license-pro";
33
32
  import Re from "@mui/material/styles/createPalette";
@@ -36,90 +35,72 @@ const g = ({
36
35
  children: e,
37
36
  height: o,
38
37
  size: a = 16,
39
- viewBox: t = "0 0 16 16",
38
+ viewBox: r = "0 0 16 16",
40
39
  width: n
41
- }) => /* @__PURE__ */ r(
40
+ }) => /* @__PURE__ */ t(
42
41
  "svg",
43
42
  {
44
43
  "aria-hidden": !0,
45
44
  className: "mx-kmui-icon",
46
45
  focusable: !1,
47
46
  height: o || a,
48
- viewBox: t,
47
+ viewBox: r,
49
48
  width: n || a,
50
49
  xmlns: "http://www.w3.org/2000/svg",
51
50
  children: e
52
51
  }
53
52
  );
54
53
  var Se = /* @__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))(Se || {});
55
- const b = ({
54
+ const C = ({
56
55
  color: e,
57
56
  fill: o = !1,
58
57
  name: a,
59
- size: t = 20,
58
+ size: r = 20,
60
59
  sx: n,
61
60
  weight: s = 300,
62
61
  ...c
63
- }) => {
64
- const [l, i] = T.useState(!1);
65
- return T.useEffect(() => {
66
- document.fonts.ready.then(() => {
67
- i(!0);
68
- });
69
- }, []), /* @__PURE__ */ r(
70
- te,
71
- {
72
- color: l ? e && e : void 0,
73
- sx: [
74
- {
75
- fontSize: t,
76
- fontVariationSettings: `
77
- 'FILL' ${o ? 1 : 0},
78
- 'wght' ${s},
79
- 'GRAD' 0,
80
- 'opsz' ${t}
81
- `
82
- },
83
- ...Array.isArray(n) ? n : [n],
84
- {
85
- ...!l && { color: "transparent" }
86
- }
87
- ],
88
- ...c,
89
- children: a
90
- }
91
- );
92
- }, b0 = ({
62
+ }) => /* @__PURE__ */ t(
63
+ re,
64
+ {
65
+ color: e,
66
+ fill: o,
67
+ name: a,
68
+ size: r,
69
+ sx: n,
70
+ weight: s,
71
+ ...c
72
+ }
73
+ ), T0 = ({
93
74
  color: e = "currentColor",
94
75
  ...o
95
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
76
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
96
77
  "path",
97
78
  {
98
79
  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",
99
80
  fill: e
100
81
  }
101
- ) })), C0 = ({
82
+ ) })), b0 = ({
102
83
  color: e = "currentColor",
103
84
  ...o
104
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
85
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
105
86
  "path",
106
87
  {
107
88
  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",
108
89
  fill: e
109
90
  }
110
- ) })), A0 = ({
91
+ ) })), C0 = ({
111
92
  color: e = "currentColor",
112
93
  ...o
113
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
94
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
114
95
  "path",
115
96
  {
116
97
  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",
117
98
  fill: e
118
99
  }
119
- ) })), M0 = ({
100
+ ) })), A0 = ({
120
101
  color: e = "currentColor",
121
102
  ...o
122
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
103
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
123
104
  "path",
124
105
  {
125
106
  clipRule: "evenodd",
@@ -127,124 +108,124 @@ const b = ({
127
108
  fill: e,
128
109
  fillRule: "evenodd"
129
110
  }
130
- ) })), R0 = ({
111
+ ) })), M0 = ({
131
112
  color: e = "currentColor",
132
113
  ...o
133
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
114
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
134
115
  "path",
135
116
  {
136
117
  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",
137
118
  fill: e
138
119
  }
139
- ) })), E0 = ({
120
+ ) })), R0 = ({
140
121
  color: e = "currentColor",
141
122
  ...o
142
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
123
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
143
124
  "path",
144
125
  {
145
126
  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",
146
127
  fill: e
147
128
  }
148
- ) })), S0 = ({
129
+ ) })), E0 = ({
149
130
  color: e = "currentColor",
150
131
  ...o
151
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
132
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
152
133
  "path",
153
134
  {
154
135
  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",
155
136
  fill: e
156
137
  }
157
- ) })), I0 = ({
138
+ ) })), S0 = ({
158
139
  color: e = "currentColor",
159
140
  ...o
160
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
141
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
161
142
  "path",
162
143
  {
163
144
  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",
164
145
  fill: e
165
146
  }
166
- ) })), v0 = ({
147
+ ) })), I0 = ({
167
148
  color: e = "currentColor",
168
149
  ...o
169
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
150
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
170
151
  "path",
171
152
  {
172
153
  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",
173
154
  fill: e
174
155
  }
175
- ) })), H0 = ({
156
+ ) })), v0 = ({
176
157
  color: e = "currentColor",
177
158
  ...o
178
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
159
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
179
160
  "path",
180
161
  {
181
162
  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",
182
163
  fill: e
183
164
  }
184
- ) })), x0 = ({
165
+ ) })), H0 = ({
185
166
  color: e = "currentColor",
186
167
  ...o
187
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
168
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
188
169
  "path",
189
170
  {
190
171
  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",
191
172
  fill: e
192
173
  }
193
- ) })), F0 = ({
174
+ ) })), x0 = ({
194
175
  color: e = "currentColor",
195
176
  ...o
196
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
177
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
197
178
  "path",
198
179
  {
199
180
  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",
200
181
  fill: e
201
182
  }
202
- ) })), O0 = ({
183
+ ) })), F0 = ({
203
184
  color: e = "currentColor",
204
185
  ...o
205
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
186
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
206
187
  "path",
207
188
  {
208
189
  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",
209
190
  fill: e
210
191
  }
211
- ) })), y0 = ({
192
+ ) })), O0 = ({
212
193
  color: e = "currentColor",
213
194
  ...o
214
- }) => /* @__PURE__ */ C(g, { ...o, children: [
215
- /* @__PURE__ */ r(
195
+ }) => /* @__PURE__ */ A(g, { ...o, children: [
196
+ /* @__PURE__ */ t(
216
197
  "path",
217
198
  {
218
199
  d: "M14.368 4.5h1.604c.024 0 .037.028.021.044L13.28 7.992c-.008.008-.008.025 0 .032l2.714 3.448c.016.02 0 .045-.021.045h-1.604a.023.023 0 01-.02-.013l-1.895-2.46c-.009-.01-.029-.01-.041 0l-1.895 2.46a.022.022 0 01-.02.013H8.892c-.02 0-.031-.03-.02-.045l2.713-3.448c.008-.007.008-.024 0-.032L8.871 4.544a.027.027 0 01.021-.044h1.605c.008 0 .015.004.02.013l1.895 2.458c.008.013.028.013.04 0l1.896-2.458a.023.023 0 01.02-.013z",
219
200
  fill: e
220
201
  }
221
202
  ),
222
- /* @__PURE__ */ r(
203
+ /* @__PURE__ */ t(
223
204
  "path",
224
205
  {
225
206
  d: "M8.242 11.363l1.056-1.293a.047.047 0 00.012-.029l-.81-5.5c-.004-.02-.02-.036-.04-.036H7.39c-.016 0-.032.008-.036.024L4.816 9.668c-.015.032-.06.032-.073 0l-2.562-5.14c-.009-.015-.02-.023-.036-.023h-1.08c-.021 0-.038.016-.043.036L.001 11.472a.042.042 0 00.04.049H1.29c.02 0 .042-.016.042-.036l.616-4.505c.004-.04.063-.048.08-.011L4.287 11.5c.008.017.021.024.037.024h.884c.016 0 .033-.008.037-.024l2.235-4.508c.015-.037.074-.029.078.011l.608 4.338c.005.037.054.048.075.021z",
226
207
  fill: e
227
208
  }
228
209
  )
229
- ] }), L0 = ({
210
+ ] }), y0 = ({
230
211
  color: e = "currentColor",
231
212
  ...o
232
- }) => /* @__PURE__ */ C(g, { ...o, children: [
233
- /* @__PURE__ */ r(
213
+ }) => /* @__PURE__ */ A(g, { ...o, children: [
214
+ /* @__PURE__ */ t(
234
215
  "path",
235
216
  {
236
217
  d: "M7.93 11l.871-1.124c.01-.01.01-.02.01-.03l-.77-5.305c0-.02-.02-.041-.04-.041H7a.059.059 0 00-.024.008.077.077 0 00-.017.012l-2.4 4.89c-.005.019-.026.026-.043.023a.034.034 0 01-.027-.022l-2.42-4.89a.139.139 0 00-.01-.01.046.046 0 00-.031-.011H1.016c-.02 0-.04.01-.04.04l-.972 6.673c-.01.02.01.04.04.04h1.175c.02 0 .04-.01.04-.04l.587-4.273c.01-.04.061-.05.081-.01l2.137 4.303a.17.17 0 00.01.009.045.045 0 00.03.011h.83c.01 0 .03-.01.041-.02L7.08 6.981c.02-.04.07-.03.08.01l.578 4.14c.01.041.05.051.07.021L7.93 11z",
237
218
  fill: e
238
219
  }
239
220
  ),
240
- /* @__PURE__ */ r(
221
+ /* @__PURE__ */ t(
241
222
  "path",
242
223
  {
243
224
  d: "M15.079 4.5H13.6c-.004 0-.008.002-.013.004h-.002a.1.1 0 01-.009.004.057.057 0 01-.016.002L11.788 6.83c-.01.02-.05.02-.07 0L9.944 4.51a.03.03 0 00-.01-.007c-.008-.003-.017-.003-.03-.003H8.427c-.04 0-.051.04-.04.07l2.54 3.291c.01.01.01.041 0 .051l-2.52 3.28c-.02.031 0 .071.04.071h1.478a.031.031 0 00.011-.002c.008-.003.016-.008.03-.008l1.771-2.318c.01-.02.051-.02.071 0l1.772 2.318c.01.01.02.01.04.01h1.469c.04 0 .05-.04.04-.07l-2.541-3.291a.023.023 0 01-.005-.01.047.047 0 01-.002-.008c-.002-.012 0-.026.007-.033l2.541-3.29c0-.02-.01-.061-.05-.061z",
244
225
  fill: e
245
226
  }
246
227
  ),
247
- /* @__PURE__ */ r(
228
+ /* @__PURE__ */ t(
248
229
  "path",
249
230
  {
250
231
  clipRule: "evenodd",
@@ -253,7 +234,7 @@ const b = ({
253
234
  fillRule: "evenodd"
254
235
  }
255
236
  ),
256
- /* @__PURE__ */ r(
237
+ /* @__PURE__ */ t(
257
238
  "path",
258
239
  {
259
240
  clipRule: "evenodd",
@@ -262,10 +243,10 @@ const b = ({
262
243
  fillRule: "evenodd"
263
244
  }
264
245
  )
265
- ] }), D0 = ({
246
+ ] }), L0 = ({
266
247
  color: e = "currentColor",
267
248
  ...o
268
- }) => /* @__PURE__ */ r(g, { ...o, children: /* @__PURE__ */ r(
249
+ }) => /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
269
250
  "path",
270
251
  {
271
252
  clipRule: "evenodd",
@@ -273,25 +254,25 @@ const b = ({
273
254
  fill: e,
274
255
  fillRule: "evenodd"
275
256
  }
276
- ) }), N0 = ({
257
+ ) }), D0 = ({
277
258
  color: e = "currentColor",
278
259
  ...o
279
- }) => /* @__PURE__ */ C(g, { ...o, children: [
280
- /* @__PURE__ */ r(
260
+ }) => /* @__PURE__ */ A(g, { ...o, children: [
261
+ /* @__PURE__ */ t(
281
262
  "path",
282
263
  {
283
264
  d: "M12.662 5.973h-.94a.013.013 0 00-.012.007L10.6 7.42c-.007.008-.019.008-.024 0l-1.11-1.44a.013.013 0 00-.011-.007h-.94c-.012 0-.02.014-.012.026l1.59 2.02c.004.004.004.014 0 .018l-1.59 2.02c-.006.009 0 .026.012.026h.94c.005 0 .009-.002.012-.008l1.11-1.44c.007-.007.018-.007.024 0l1.11 1.44a.013.013 0 00.011.008h.94a.016.016 0 00.012-.027l-1.59-2.019c-.004-.004-.004-.014 0-.019l1.59-2.02c.01-.008.002-.025-.012-.025z",
284
265
  fill: e
285
266
  }
286
267
  ),
287
- /* @__PURE__ */ r(
268
+ /* @__PURE__ */ t(
288
269
  "path",
289
270
  {
290
271
  d: "M8.753 9.235l-.619.758c-.012.015-.041.009-.044-.013l-.356-2.54c-.003-.024-.037-.029-.046-.007l-1.308 2.64c-.003.01-.013.014-.022.014H5.84c-.01 0-.017-.004-.022-.014L4.494 7.42c-.01-.022-.044-.018-.047.006l-.36 2.639c0 .011-.013.02-.026.02h-.73a.025.025 0 01-.024-.027l.599-4.06c.002-.012.012-.022.024-.022h.633c.01 0 .016.005.02.015L6.086 9c.007.019.033.019.043 0l1.486-3.01c.002-.01.012-.015.021-.015h.626c.012 0 .022.01.024.022l.475 3.221a.027.027 0 01-.007.017z",
291
272
  fill: e
292
273
  }
293
274
  ),
294
- /* @__PURE__ */ r(
275
+ /* @__PURE__ */ t(
295
276
  "path",
296
277
  {
297
278
  clipRule: "evenodd",
@@ -412,14 +393,14 @@ const j = {
412
393
  categoryGuid: e,
413
394
  icon_ratio: o = He,
414
395
  size: a = 32,
415
- sx: t = {},
396
+ sx: r = {},
416
397
  variant: n = "filled"
417
398
  }) => {
418
399
  const s = y(), c = T.useMemo(
419
400
  () => ve.find((d) => d.guid === e) ?? j,
420
401
  [e]
421
402
  ), l = s.palette.categories[c.colorName];
422
- return /* @__PURE__ */ r(
403
+ return /* @__PURE__ */ t(
423
404
  O,
424
405
  {
425
406
  alignItems: "center",
@@ -434,16 +415,16 @@ const j = {
434
415
  },
435
416
  height: a,
436
417
  justifyContent: "center",
437
- sx: [...Array.isArray(t) ? t : [t]],
418
+ sx: [...Array.isArray(r) ? r : [r]],
438
419
  width: a,
439
- children: /* @__PURE__ */ r(b, { name: c.icon, size: a * o })
420
+ children: /* @__PURE__ */ t(C, { name: c.icon, size: a * o })
440
421
  }
441
422
  );
442
423
  }, Fe = ({
443
424
  items: e,
444
425
  onChange: o,
445
426
  isValid: a,
446
- selected: t
427
+ selected: r
447
428
  }) => {
448
429
  const n = y(), s = e?.map((c) => {
449
430
  const l = c.getValue({ isValid: a });
@@ -455,8 +436,8 @@ const j = {
455
436
  disabled: !a(l)
456
437
  };
457
438
  });
458
- return /* @__PURE__ */ r(Z, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ r(he, { color: "primary", orientation: "vertical", value: t, children: s?.map((c) => /* @__PURE__ */ r(
459
- ue,
439
+ return /* @__PURE__ */ t(Z, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ t(pe, { color: "primary", orientation: "vertical", value: r, children: s?.map((c) => /* @__PURE__ */ t(
440
+ he,
460
441
  {
461
442
  onClick: c.onClick,
462
443
  sx: {
@@ -483,15 +464,15 @@ const j = {
483
464
  },
484
465
  c.label
485
466
  )) }) });
486
- }, k0 = ({
467
+ }, N0 = ({
487
468
  copy: e,
488
469
  dateRange: o,
489
470
  onRangeChanged: a,
490
- selectedShortcut: t = e.dateRangeThisMonth,
471
+ selectedShortcut: r = e.dateRangeThisMonth,
491
472
  sx: n = {}
492
473
  }) => {
493
- const s = y(), c = le(s.breakpoints.down("sm")), l = T.useMemo(() => {
494
- const m = ie(), d = ae(m, 1), f = ne(m, 1);
474
+ const s = y(), c = ce(s.breakpoints.down("sm")), l = T.useMemo(() => {
475
+ const m = ae(), d = ne(m, 1), f = le(m, 1);
495
476
  return [
496
477
  {
497
478
  label: e.dateRangeThisMonth,
@@ -515,7 +496,7 @@ const j = {
515
496
  },
516
497
  {
517
498
  label: e.dateRangeLastYear,
518
- getValue: () => [G(f), re(f)]
499
+ getValue: () => [G(f), ie(f)]
519
500
  },
520
501
  {
521
502
  label: e.dateRangeCustom,
@@ -526,8 +507,8 @@ const j = {
526
507
  const f = d.shortcut;
527
508
  a?.(m, f ? f.label : e.dateRangeCustom);
528
509
  };
529
- return /* @__PURE__ */ r(O, { gap: 16, m: 8, children: /* @__PURE__ */ r(ce, { dateAdapter: de, children: /* @__PURE__ */ r(
530
- se,
510
+ return /* @__PURE__ */ t(O, { gap: 16, m: 8, children: /* @__PURE__ */ t(se, { dateAdapter: ue, children: /* @__PURE__ */ t(
511
+ de,
531
512
  {
532
513
  calendars: 1,
533
514
  localeText: {
@@ -547,26 +528,26 @@ const j = {
547
528
  }
548
529
  },
549
530
  slots: {
550
- leftArrowIcon: () => /* @__PURE__ */ r(b, { name: "chevron_left", size: 28 }),
551
- shortcuts: (m) => /* @__PURE__ */ r(Fe, { selected: t, ...m }),
552
- rightArrowIcon: () => /* @__PURE__ */ r(b, { name: "chevron_right", size: 28 })
531
+ leftArrowIcon: () => /* @__PURE__ */ t(C, { name: "chevron_left", size: 28 }),
532
+ shortcuts: (m) => /* @__PURE__ */ t(Fe, { selected: r, ...m }),
533
+ rightArrowIcon: () => /* @__PURE__ */ t(C, { name: "chevron_right", size: 28 })
553
534
  },
554
535
  sx: { ...n },
555
536
  value: o
556
537
  }
557
538
  ) }) });
558
- }, w0 = T.forwardRef(function(o, a) {
559
- return /* @__PURE__ */ r(K, { direction: "up", ref: a, ...o });
539
+ }, k0 = T.forwardRef(function(o, a) {
540
+ return /* @__PURE__ */ t(K, { direction: "up", ref: a, ...o });
560
541
  }), Oe = ({
561
542
  hasSecondaryAction: e = !0,
562
543
  isPrimaryDisabled: o,
563
544
  onPrimaryAction: a,
564
- onSecondaryAction: t,
545
+ onSecondaryAction: r,
565
546
  primaryColor: n = "primary",
566
547
  primaryText: s = "Save",
567
548
  secondaryColor: c = "primary",
568
549
  secondaryText: l = "Cancel"
569
- }) => /* @__PURE__ */ C(
550
+ }) => /* @__PURE__ */ A(
570
551
  O,
571
552
  {
572
553
  direction: "row",
@@ -574,16 +555,16 @@ const j = {
574
555
  justifyContent: "flex-end",
575
556
  sx: { bgcolor: "background.paper", width: "100%", p: 24 },
576
557
  children: [
577
- e && /* @__PURE__ */ r(
558
+ e && /* @__PURE__ */ t(
578
559
  _,
579
560
  {
580
561
  color: c,
581
- onClick: t,
562
+ onClick: r,
582
563
  variant: a ? "outlined" : "contained",
583
564
  children: l
584
565
  }
585
566
  ),
586
- a && /* @__PURE__ */ r(
567
+ a && /* @__PURE__ */ t(
587
568
  _,
588
569
  {
589
570
  color: n,
@@ -599,7 +580,7 @@ const j = {
599
580
  bold: e,
600
581
  className: o = "",
601
582
  children: a,
602
- color: t,
583
+ color: r,
603
584
  sx: n = {},
604
585
  truncate: s = !0,
605
586
  uppercase: c,
@@ -637,11 +618,11 @@ const j = {
637
618
  l.variant = "caption";
638
619
  break;
639
620
  }
640
- return /* @__PURE__ */ r(
621
+ return /* @__PURE__ */ t(
641
622
  me,
642
623
  {
643
624
  className: `mx-kmui-text ${o}`,
644
- color: t,
625
+ color: r,
645
626
  sx: [
646
627
  e ? {
647
628
  fontWeight: 600
@@ -660,17 +641,17 @@ const j = {
660
641
  children: a
661
642
  }
662
643
  );
663
- }, ye = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ r(L, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...a, children: o }), _0 = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ r(L, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...a, children: o }), P0 = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ r(L, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...a, children: o }), z0 = ({ className: e = "", children: o, truncate: a, ...t }) => /* @__PURE__ */ r(
644
+ }, ye = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ t(L, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...a, children: o }), w0 = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ t(L, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...a, children: o }), _0 = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ t(L, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...a, children: o }), P0 = ({ className: e = "", children: o, truncate: a, ...r }) => /* @__PURE__ */ t(
664
645
  L,
665
646
  {
666
647
  className: `mx-kmui-text p ${e}`,
667
648
  component: "p",
668
649
  truncate: a || !1,
669
650
  variant: "body1",
670
- ...t,
651
+ ...r,
671
652
  children: o
672
653
  }
673
- ), B0 = ({ copy: e, onClose: o }) => /* @__PURE__ */ C(
654
+ ), z0 = ({ copy: e, onClose: o }) => /* @__PURE__ */ A(
674
655
  O,
675
656
  {
676
657
  sx: {
@@ -681,34 +662,34 @@ const j = {
681
662
  py: 14
682
663
  },
683
664
  children: [
684
- /* @__PURE__ */ r(ye, { variant: "h3", children: e.title }),
685
- /* @__PURE__ */ r(X, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ r(pe, {}) })
665
+ /* @__PURE__ */ t(ye, { variant: "h3", children: e.title }),
666
+ /* @__PURE__ */ t(X, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ t(te, {}) })
686
667
  ]
687
668
  }
688
- ), V0 = ({
669
+ ), B0 = ({
689
670
  className: e,
690
671
  disableSave: o,
691
672
  id: a,
692
- isOpen: t,
673
+ isOpen: r,
693
674
  onClose: n,
694
675
  onSave: s,
695
676
  primaryText: c,
696
677
  secondaryText: l,
697
678
  children: i,
698
679
  ...m
699
- }) => /* @__PURE__ */ C(
680
+ }) => /* @__PURE__ */ A(
700
681
  ge,
701
682
  {
702
683
  anchor: "right",
703
684
  className: `mx-kmui-drawer ${e}`,
704
685
  id: a ?? void 0,
705
686
  onClose: n,
706
- open: t,
687
+ open: r,
707
688
  variant: "temporary",
708
689
  ...m,
709
690
  children: [
710
691
  i,
711
- s && /* @__PURE__ */ r(
692
+ s && /* @__PURE__ */ t(
712
693
  Oe,
713
694
  {
714
695
  isPrimaryDisabled: o,
@@ -720,40 +701,40 @@ const j = {
720
701
  )
721
702
  ]
722
703
  }
723
- ), Q = 32, z = "https://content.moneydesktop.com/storage/MD_Assets", Le = `${z}/serenity/default_institution_logo.png`, U0 = ({
704
+ ), Q = 32, z = "https://content.moneydesktop.com/storage/MD_Assets", Le = `${z}/serenity/default_institution_logo.png`, V0 = ({
724
705
  alt: e,
725
706
  institutionGuid: o,
726
707
  logoUrl: a,
727
- size: t = Q,
708
+ size: r = Q,
728
709
  ...n
729
- }) => /* @__PURE__ */ r(
710
+ }) => /* @__PURE__ */ t(
730
711
  "img",
731
712
  {
732
713
  alt: e,
733
- height: t,
714
+ height: r,
734
715
  onError: (s) => s.target.src = Le,
735
716
  src: a || `${z}/Ipad%20Logos/100x100/${o}_100x100.png`,
736
717
  style: {
737
718
  borderRadius: 4
738
719
  },
739
- width: t,
720
+ width: r,
740
721
  ...n
741
722
  }
742
- ), G0 = ({
723
+ ), U0 = ({
743
724
  alt: e = "",
744
725
  categoryGuid: o,
745
726
  merchantGuid: a,
746
- size: t = Q,
727
+ size: r = Q,
747
728
  ...n
748
729
  }) => {
749
730
  const [s, c] = T.useState(!1), l = y();
750
- return /* @__PURE__ */ C(Z, { display: "inline-block", position: "relative", ...n, children: [
751
- a && !s && /* @__PURE__ */ r(
731
+ return /* @__PURE__ */ A(Z, { display: "inline-block", position: "relative", ...n, children: [
732
+ a && !s && /* @__PURE__ */ t(
752
733
  "img",
753
734
  {
754
735
  alt: e,
755
736
  "aria-hidden": !e,
756
- height: t,
737
+ height: r,
757
738
  onError: () => c(!0),
758
739
  src: `${z}/merchant_logos/${a}.png`,
759
740
  style: {
@@ -762,18 +743,18 @@ const j = {
762
743
  boxSizing: "border-box",
763
744
  position: "absolute"
764
745
  },
765
- width: t
746
+ width: r
766
747
  }
767
748
  ),
768
- /* @__PURE__ */ r(xe, { categoryGuid: o, size: t })
749
+ /* @__PURE__ */ t(xe, { categoryGuid: o, size: r })
769
750
  ] });
770
- }, $0 = ({
751
+ }, G0 = ({
771
752
  disabled: e = !1,
772
753
  label: o = "",
773
754
  shrink: a = !0,
774
- variant: t = "outlined",
755
+ variant: r = "outlined",
775
756
  ...n
776
- }) => /* @__PURE__ */ r(
757
+ }) => /* @__PURE__ */ t(
777
758
  fe,
778
759
  {
779
760
  InputLabelProps: {
@@ -781,18 +762,18 @@ const j = {
781
762
  },
782
763
  disabled: e,
783
764
  label: o,
784
- variant: t,
765
+ variant: r,
785
766
  ...n
786
767
  }
787
768
  );
788
769
  function De(e) {
789
- return /* @__PURE__ */ r(K, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
770
+ return /* @__PURE__ */ t(K, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
790
771
  }
791
- const W0 = ({
772
+ const $0 = ({
792
773
  open: e,
793
774
  handleClose: o,
794
775
  message: a,
795
- autoHideDuration: t = 3e3,
776
+ autoHideDuration: r = 3e3,
796
777
  severity: n = "success",
797
778
  snackbarSx: s,
798
779
  showAction: c = !1,
@@ -806,7 +787,7 @@ const W0 = ({
806
787
  error: f.palette.error.light,
807
788
  info: f.palette.info.lighter,
808
789
  warning: f.palette.warning.lighter
809
- }, oe = /* @__PURE__ */ C(
790
+ }, oe = /* @__PURE__ */ A(
810
791
  O,
811
792
  {
812
793
  alignItems: d ? "flex-end" : "center",
@@ -816,7 +797,7 @@ const W0 = ({
816
797
  d && c && l ? "space-between" : "flex-end"
817
798
  ),
818
799
  children: [
819
- c && /* @__PURE__ */ r(
800
+ c && /* @__PURE__ */ t(
820
801
  _,
821
802
  {
822
803
  color: "inherit",
@@ -829,32 +810,32 @@ const W0 = ({
829
810
  children: i
830
811
  }
831
812
  ),
832
- l && /* @__PURE__ */ r(
813
+ l && /* @__PURE__ */ t(
833
814
  X,
834
815
  {
835
816
  "aria-label": "close",
836
817
  color: "inherit",
837
818
  onClick: o,
838
819
  sx: { height: 44, width: 44 },
839
- children: /* @__PURE__ */ r(b, { fill: !0, name: "close", size: 24, weight: 400 })
820
+ children: /* @__PURE__ */ t(C, { fill: !0, name: "close", size: 24, weight: 400 })
840
821
  }
841
822
  )
842
823
  ]
843
824
  }
844
825
  );
845
- return /* @__PURE__ */ r(
826
+ return /* @__PURE__ */ t(
846
827
  Te,
847
828
  {
848
829
  TransitionComponent: De,
849
830
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
850
- autoHideDuration: t,
831
+ autoHideDuration: r,
851
832
  onClose: o,
852
833
  open: e,
853
834
  sx: {
854
835
  ...s,
855
836
  width: d ? 400 : 325
856
837
  },
857
- children: /* @__PURE__ */ r(
838
+ children: /* @__PURE__ */ t(
858
839
  be,
859
840
  {
860
841
  action: oe,
@@ -880,7 +861,7 @@ const W0 = ({
880
861
  }
881
862
  },
882
863
  variant: "filled",
883
- children: /* @__PURE__ */ r(
864
+ children: /* @__PURE__ */ t(
884
865
  L,
885
866
  {
886
867
  sx: {
@@ -901,30 +882,30 @@ const W0 = ({
901
882
  REACT: "react",
902
883
  REACT_NATIVE: "react_native",
903
884
  NATIVE: "native"
904
- }, N = {
885
+ }, k = {
905
886
  LIGHT: "light",
906
887
  DARK: "dark"
907
888
  }, J = T.createContext(Y), q = T.createContext(
908
- P(N.LIGHT, F.REACT_NATIVE)
909
- ), Z0 = ({
889
+ P(k.LIGHT, F.REACT_NATIVE)
890
+ ), W0 = ({
910
891
  children: e,
911
892
  target: o = F.REACT,
912
- theme: a = N.LIGHT,
913
- tokenOverrides: t
893
+ theme: a = k.LIGHT,
894
+ tokenOverrides: r
914
895
  }) => {
915
- const [n, s] = T.useState(a === N.LIGHT ? Y : Ce), c = T.useMemo(() => ({
916
- ...t
917
- }), [t]);
896
+ const [n, s] = T.useState(a === k.LIGHT ? Y : Ce), c = T.useMemo(() => ({
897
+ ...r
898
+ }), [r]);
918
899
  return T.useEffect(() => {
919
900
  const l = P(a, o, { ...c });
920
901
  s(l);
921
- }, [a, o, c]), o === F.REACT ? /* @__PURE__ */ r(J.Provider, { value: n, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ r(q.Provider, { value: n, children: e }));
922
- }, K0 = (e = F.REACT, o = {}) => {
923
- const a = e === F.REACT ? J : q, t = T.useContext(a);
924
- return t || P(N.LIGHT, e, { ...o });
902
+ }, [a, o, c]), o === F.REACT ? /* @__PURE__ */ t(J.Provider, { value: n, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ t(q.Provider, { value: n, children: e }));
903
+ }, Z0 = (e = F.REACT, o = {}) => {
904
+ const a = e === F.REACT ? J : q, r = T.useContext(a);
905
+ return r || P(k.LIGHT, e, { ...o });
925
906
  }, H = {
926
907
  LIGHT: "light"
927
- }, A = (e) => ({
908
+ }, M = (e) => ({
928
909
  50: x(e, 0.95),
929
910
  100: x(e, 0.85),
930
911
  200: x(e, 0.7),
@@ -935,7 +916,7 @@ const W0 = ({
935
916
  700: D(e, 0.5),
936
917
  800: D(e, 0.65),
937
918
  900: D(e, 0.75)
938
- }), I = "#FFFFFF", w = "#000000", Ne = "#F9F9F9", ke = "#1A1A1A", M = {
919
+ }), R = "#FFFFFF", N = "#000000", Ne = "#F9F9F9", ke = "#1A1A1A", E = {
939
920
  PRIMARY: "#2C64EF",
940
921
  SECONDARY: "#808080",
941
922
  INFO: "#2C64EF",
@@ -943,7 +924,7 @@ const W0 = ({
943
924
  WARNING: "#FF7B00",
944
925
  ERROR: "#E32727",
945
926
  NEUTRAL: "#808080"
946
- }, R = {
927
+ }, S = {
947
928
  CHART1: "#74E4DA",
948
929
  CHART2: "#ED64A4",
949
930
  CHART3: "#F3DC46",
@@ -1005,7 +986,7 @@ const W0 = ({
1005
986
  TRAVEL: "#76ACF7",
1006
987
  UNCATEGORIZED: "#BCC6D4"
1007
988
  }, we = (e) => {
1008
- const o = A(M.PRIMARY), a = A(M.SECONDARY), t = A(M.ERROR), n = A(M.WARNING), s = A(M.INFO), c = A(M.SUCCESS), l = A(M.NEUTRAL), i = e === H.LIGHT;
989
+ const o = M(E.PRIMARY), a = M(E.SECONDARY), r = M(E.ERROR), n = M(E.WARNING), s = M(E.INFO), c = M(E.SUCCESS), l = M(E.NEUTRAL), i = e === H.LIGHT;
1009
990
  return Re({
1010
991
  mode: e,
1011
992
  // DEPRECATED: Use Neutral instead
@@ -1019,8 +1000,8 @@ const W0 = ({
1019
1000
  darker: l[500]
1020
1001
  },
1021
1002
  common: {
1022
- white: I,
1023
- black: w
1003
+ white: R,
1004
+ black: N
1024
1005
  },
1025
1006
  primary: {
1026
1007
  ...o,
@@ -1043,19 +1024,19 @@ const W0 = ({
1043
1024
  darker: i ? a[900] : a[50]
1044
1025
  },
1045
1026
  text: {
1046
- primary: i ? l[900] : I,
1047
- secondary: i ? l[600] : S(I, 0.7),
1048
- disabled: i ? l[500] : S(I, 0.38)
1027
+ primary: i ? l[900] : R,
1028
+ secondary: i ? l[600] : b(R, 0.7),
1029
+ disabled: i ? l[500] : b(R, 0.38)
1049
1030
  },
1050
1031
  error: {
1051
- ...t,
1032
+ ...r,
1052
1033
  /* DEPRECATED: Use light instead */
1053
- lighter: i ? t[100] : t[800],
1054
- light: i ? t[300] : t[600],
1055
- main: i ? t[500] : t[400],
1056
- dark: i ? t[700] : t[200],
1034
+ lighter: i ? r[100] : r[800],
1035
+ light: i ? r[300] : r[600],
1036
+ main: i ? r[500] : r[400],
1037
+ dark: i ? r[700] : r[200],
1057
1038
  /* DEPRECATED: Use light instead */
1058
- darker: i ? t[900] : t[100]
1039
+ darker: i ? r[900] : r[100]
1059
1040
  },
1060
1041
  warning: {
1061
1042
  ...n,
@@ -1089,17 +1070,18 @@ const W0 = ({
1089
1070
  },
1090
1071
  grey: l,
1091
1072
  action: {
1073
+ active: i ? b(N, 0.56) : b(R, 0.56),
1092
1074
  hoverOpacity: i ? 0.1 : 0.2,
1093
1075
  selectedOpacity: i ? 0.16 : 0.25,
1094
1076
  focusOpacity: 0.3
1095
1077
  },
1096
1078
  background: {
1097
1079
  default: i ? Ne : ke,
1098
- paper: i ? I : w,
1080
+ paper: i ? R : N,
1099
1081
  highlight: i ? l[200] : l[600],
1100
1082
  highlightPrimary: i ? o[100] : o[500]
1101
1083
  },
1102
- divider: i ? S(w, 0.12) : S(I, 0.12),
1084
+ divider: i ? b(N, 0.12) : b(R, 0.24),
1103
1085
  categories: {
1104
1086
  autoTransport: i ? u.AUTO_TRANSPORTT : h.AUTO_TRANSPORTT,
1105
1087
  billsUtilities: i ? u.BILLS_UTILITIES : h.BILLS_UTILITIES,
@@ -1125,13 +1107,13 @@ const W0 = ({
1125
1107
  uncategorized: i ? u.UNCATEGORIZED : h.UNCATEGORIZED
1126
1108
  },
1127
1109
  chart: {
1128
- chart1: R.CHART1,
1129
- chart2: R.CHART2,
1130
- chart3: R.CHART3,
1131
- chart4: R.CHART4,
1132
- chart5: R.CHART5,
1133
- chart6: R.CHART6,
1134
- chart7: R.CHART7
1110
+ chart1: S.CHART1,
1111
+ chart2: S.CHART2,
1112
+ chart3: S.CHART3,
1113
+ chart4: S.CHART4,
1114
+ chart5: S.CHART5,
1115
+ chart6: S.CHART6,
1116
+ chart7: S.CHART7
1135
1117
  },
1136
1118
  chartMono: {
1137
1119
  chartMono1: v.CHART_MONO1,
@@ -1142,8 +1124,8 @@ const W0 = ({
1142
1124
  chartMono6: v.CHART_MONO6
1143
1125
  }
1144
1126
  });
1145
- }, E = "Inter, Helvetica, Arial, sans-serif", _e = (e) => Ee(e, {
1146
- fontFamily: E,
1127
+ }, I = "Inter, Helvetica, Arial, sans-serif", _e = (e) => Ee(e, {
1128
+ fontFamily: I,
1147
1129
  fontSize: 15,
1148
1130
  Body: {
1149
1131
  // DEPRECATED: Use body1 instead
@@ -1181,39 +1163,39 @@ const W0 = ({
1181
1163
  },
1182
1164
  H1: {
1183
1165
  // DEPRECATED: Use h1 instead
1184
- fontFamily: E,
1166
+ fontFamily: I,
1185
1167
  fontWeight: 700,
1186
1168
  fontSize: 31,
1187
1169
  lineHeight: "40px"
1188
1170
  },
1189
1171
  h1: {
1190
- fontFamily: E,
1172
+ fontFamily: I,
1191
1173
  fontWeight: 700,
1192
1174
  fontSize: 31,
1193
1175
  lineHeight: "40px"
1194
1176
  },
1195
1177
  H2: {
1196
1178
  // DEPRECATED: Use h2 instead
1197
- fontFamily: E,
1179
+ fontFamily: I,
1198
1180
  fontWeight: 700,
1199
1181
  fontSize: 23,
1200
1182
  lineHeight: "32px"
1201
1183
  },
1202
1184
  h2: {
1203
- fontFamily: E,
1185
+ fontFamily: I,
1204
1186
  fontWeight: 700,
1205
1187
  fontSize: 23,
1206
1188
  lineHeight: "32px"
1207
1189
  },
1208
1190
  H3: {
1209
1191
  // DEPRECATED: Use h3 instead
1210
- fontFamily: E,
1192
+ fontFamily: I,
1211
1193
  fontWeight: 700,
1212
1194
  fontSize: 18,
1213
1195
  lineHeight: "24px"
1214
1196
  },
1215
1197
  h3: {
1216
- fontFamily: E,
1198
+ fontFamily: I,
1217
1199
  fontWeight: 700,
1218
1200
  fontSize: 18,
1219
1201
  lineHeight: "24px"
@@ -1253,11 +1235,11 @@ const W0 = ({
1253
1235
  Me.setLicenseKey(
1254
1236
  "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
1255
1237
  );
1256
- const k = [...W().shadows];
1257
- k[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1258
- k[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1259
- k[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1260
- const X0 = (e) => {
1238
+ const w = [...W().shadows];
1239
+ w[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1240
+ w[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1241
+ w[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1242
+ const K0 = (e) => {
1261
1243
  const o = we(e), a = _e(o);
1262
1244
  return W({
1263
1245
  breakpoints: {
@@ -1270,7 +1252,7 @@ const X0 = (e) => {
1270
1252
  }
1271
1253
  },
1272
1254
  palette: o,
1273
- shadows: k,
1255
+ shadows: w,
1274
1256
  shape: {
1275
1257
  borderRadius: 4
1276
1258
  },
@@ -1281,20 +1263,20 @@ const X0 = (e) => {
1281
1263
  MuiAlert: {
1282
1264
  defaultProps: {
1283
1265
  iconMapping: {
1284
- success: /* @__PURE__ */ r(b, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1285
- error: /* @__PURE__ */ r(b, { fill: !0, name: "error", size: 24, weight: 400 }),
1286
- warning: /* @__PURE__ */ r(b, { fill: !0, name: "warning", size: 24, weight: 400 }),
1287
- info: /* @__PURE__ */ r(b, { fill: !0, name: "info", size: 24, weight: 400 })
1266
+ success: /* @__PURE__ */ t(C, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1267
+ error: /* @__PURE__ */ t(C, { fill: !0, name: "error", size: 24, weight: 400 }),
1268
+ warning: /* @__PURE__ */ t(C, { fill: !0, name: "warning", size: 24, weight: 400 }),
1269
+ info: /* @__PURE__ */ t(C, { fill: !0, name: "info", size: 24, weight: 400 })
1288
1270
  },
1289
1271
  variant: "outlined"
1290
1272
  },
1291
1273
  styleOverrides: {
1292
- root: ({ theme: t, ownerState: n }) => {
1274
+ root: ({ theme: r, ownerState: n }) => {
1293
1275
  const s = n.severity || "info";
1294
1276
  let c = o.mode === H.LIGHT ? o[s]?.[50] : o[s]?.[800];
1295
1277
  return n.variant === "filled" && (c = o[s]?.main), {
1296
1278
  backgroundColor: c,
1297
- borderRadius: t.shape.borderRadius,
1279
+ borderRadius: r.shape.borderRadius,
1298
1280
  "& .MuiAlert-message": {
1299
1281
  fontSize: a.subtitle1.fontSize,
1300
1282
  lineHeight: a.subtitle1.lineHeight,
@@ -1429,42 +1411,42 @@ const X0 = (e) => {
1429
1411
  },
1430
1412
  MuiDateRangePickerDay: {
1431
1413
  styleOverrides: {
1432
- root: ({ theme: t }) => ({
1414
+ root: ({ theme: r }) => ({
1433
1415
  ":first-of-type": {
1434
- borderTopLeftRadius: t.shape.borderRadius,
1435
- borderBottomLeftRadius: t.shape.borderRadius,
1416
+ borderTopLeftRadius: r.shape.borderRadius,
1417
+ borderBottomLeftRadius: r.shape.borderRadius,
1436
1418
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1437
- borderTopLeftRadius: t.shape.borderRadius,
1438
- borderBottomLeftRadius: t.shape.borderRadius
1419
+ borderTopLeftRadius: r.shape.borderRadius,
1420
+ borderBottomLeftRadius: r.shape.borderRadius
1439
1421
  }
1440
1422
  },
1441
1423
  ":last-of-type": {
1442
- borderTopRightRadius: t.shape.borderRadius,
1443
- borderBottomRightRadius: t.shape.borderRadius,
1424
+ borderTopRightRadius: r.shape.borderRadius,
1425
+ borderBottomRightRadius: r.shape.borderRadius,
1444
1426
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1445
- borderTopRightRadius: t.shape.borderRadius,
1446
- borderBottomRightRadius: t.shape.borderRadius
1427
+ borderTopRightRadius: r.shape.borderRadius,
1428
+ borderBottomRightRadius: r.shape.borderRadius
1447
1429
  }
1448
1430
  },
1449
1431
  "& .Mui-selected": {
1450
- borderRadius: t.shape.borderRadius
1432
+ borderRadius: r.shape.borderRadius
1451
1433
  },
1452
1434
  "& .MuiPickersDay-dayOutsideMonth": {
1453
1435
  color: o.action.disabled
1454
1436
  }
1455
1437
  }),
1456
- day: ({ theme: t }) => ({
1457
- borderRadius: t.shape.borderRadius
1438
+ day: ({ theme: r }) => ({
1439
+ borderRadius: r.shape.borderRadius
1458
1440
  }),
1459
- rangeIntervalDayPreview: ({ theme: t }) => ({
1460
- borderRadius: t.shape.borderRadius
1441
+ rangeIntervalDayPreview: ({ theme: r }) => ({
1442
+ borderRadius: r.shape.borderRadius
1461
1443
  })
1462
1444
  }
1463
1445
  },
1464
1446
  MuiDayCalendar: {
1465
1447
  styleOverrides: {
1466
- weekDayLabel: ({ theme: t }) => ({
1467
- fontSize: t.typography.body2.fontSize,
1448
+ weekDayLabel: ({ theme: r }) => ({
1449
+ fontSize: r.typography.body2.fontSize,
1468
1450
  fontWeight: 700
1469
1451
  })
1470
1452
  }
@@ -1506,14 +1488,14 @@ const X0 = (e) => {
1506
1488
  },
1507
1489
  MuiFormHelperText: {
1508
1490
  styleOverrides: {
1509
- root: ({ theme: t }) => ({
1491
+ root: ({ theme: r }) => ({
1510
1492
  fontSize: 13,
1511
1493
  // Small
1512
1494
  marginLeft: 0,
1513
1495
  display: "flex",
1514
1496
  alignItems: "center",
1515
1497
  position: "relative",
1516
- color: t.palette.text.secondary,
1498
+ color: r.palette.text.secondary,
1517
1499
  "& .MuiSvgIcon-root": {
1518
1500
  height: "16px",
1519
1501
  width: "16px",
@@ -1544,8 +1526,8 @@ const X0 = (e) => {
1544
1526
  disableFocusRipple: !0
1545
1527
  },
1546
1528
  styleOverrides: {
1547
- root: ({ theme: t }) => ({
1548
- borderRadius: t.shape.borderRadius,
1529
+ root: ({ theme: r }) => ({
1530
+ borderRadius: r.shape.borderRadius,
1549
1531
  minHeight: 44,
1550
1532
  // touch target
1551
1533
  minWidth: 44,
@@ -1556,7 +1538,7 @@ const X0 = (e) => {
1556
1538
  },
1557
1539
  "& .MuiTouchRipple-root": {
1558
1540
  "& .MuiTouchRipple-child": {
1559
- borderRadius: t.shape.borderRadius
1541
+ borderRadius: r.shape.borderRadius
1560
1542
  }
1561
1543
  }
1562
1544
  })
@@ -1583,7 +1565,7 @@ const X0 = (e) => {
1583
1565
  },
1584
1566
  MuiLink: {
1585
1567
  styleOverrides: {
1586
- root: ({ color: t }) => ({
1568
+ root: ({ color: r }) => ({
1587
1569
  cursor: "pointer",
1588
1570
  fontWeight: 600,
1589
1571
  textDecoration: "none",
@@ -1598,7 +1580,7 @@ const X0 = (e) => {
1598
1580
  backgroundColor: o.action.hover
1599
1581
  },
1600
1582
  "&:active": {
1601
- backgroundColor: o.mode === H.LIGHT ? o[t].light : o[t].dark
1583
+ backgroundColor: o.mode === H.LIGHT ? o[r].light : o[r].dark
1602
1584
  }
1603
1585
  })
1604
1586
  }
@@ -1625,9 +1607,9 @@ const X0 = (e) => {
1625
1607
  disablePadding: !0
1626
1608
  },
1627
1609
  styleOverrides: {
1628
- root: ({ ownerState: t }) => ({
1610
+ root: ({ ownerState: r }) => ({
1629
1611
  minHeight: 64,
1630
- ...!t.disablePadding && {
1612
+ ...!r.disablePadding && {
1631
1613
  paddingTop: 12,
1632
1614
  paddingBottom: 12,
1633
1615
  paddingLeft: 24
@@ -1787,11 +1769,11 @@ const X0 = (e) => {
1787
1769
  },
1788
1770
  MuiPickersToolbar: {
1789
1771
  styleOverrides: {
1790
- content: ({ theme: t }) => ({
1772
+ content: ({ theme: r }) => ({
1791
1773
  marginTop: 4,
1792
1774
  "& .MuiTypography-root": {
1793
- fontSize: t.typography.h3.fontSize,
1794
- lineHeight: t.typography.h3.lineHeight
1775
+ fontSize: r.typography.h3.fontSize,
1776
+ lineHeight: r.typography.h3.lineHeight
1795
1777
  }
1796
1778
  })
1797
1779
  }
@@ -1852,7 +1834,7 @@ const X0 = (e) => {
1852
1834
  },
1853
1835
  "& .MuiSwitch-thumb": {
1854
1836
  boxSizing: "border-box",
1855
- backgroundColor: o.common.white,
1837
+ backgroundColor: o.background.paper,
1856
1838
  width: 16,
1857
1839
  height: 16
1858
1840
  },
@@ -1919,7 +1901,7 @@ const X0 = (e) => {
1919
1901
  outlineOffset: "2px"
1920
1902
  },
1921
1903
  "&:hover": {
1922
- backgroundColor: S(o.primary.main, o.mode === H.LIGHT ? 0.1 : 0.2),
1904
+ backgroundColor: b(o.primary.main, o.mode === H.LIGHT ? 0.1 : 0.2),
1923
1905
  borderColor: o.primary.main
1924
1906
  },
1925
1907
  "&.Mui-selected": {
@@ -1943,7 +1925,7 @@ const X0 = (e) => {
1943
1925
  props: { color: "error" },
1944
1926
  style: {
1945
1927
  "&:hover": {
1946
- backgroundColor: S(o.error.main, o.mode === H.LIGHT ? 0.1 : 0.2),
1928
+ backgroundColor: b(o.error.main, o.mode === H.LIGHT ? 0.1 : 0.2),
1947
1929
  borderColor: o.error.main
1948
1930
  },
1949
1931
  "&.Mui-selected": {
@@ -1965,7 +1947,7 @@ const X0 = (e) => {
1965
1947
  props: { color: "standard" },
1966
1948
  style: {
1967
1949
  "&:hover": {
1968
- backgroundColor: S(
1950
+ backgroundColor: b(
1969
1951
  o.secondary.main,
1970
1952
  o.mode === H.LIGHT ? 0.1 : 0.2
1971
1953
  ),
@@ -2007,50 +1989,50 @@ const X0 = (e) => {
2007
1989
  });
2008
1990
  };
2009
1991
  export {
2010
- b0 as AccountsFilledIcon,
2011
- C0 as AccountsIcon,
2012
- A0 as ArrowLeftIcon,
2013
- M0 as AttentionFilledIcon,
1992
+ T0 as AccountsFilledIcon,
1993
+ b0 as AccountsIcon,
1994
+ C0 as ArrowLeftIcon,
1995
+ A0 as AttentionFilledIcon,
2014
1996
  g as BaseIcon,
2015
- w0 as BottomSheetTransition,
2016
- R0 as CalendarIcon,
1997
+ k0 as BottomSheetTransition,
1998
+ M0 as CalendarIcon,
2017
1999
  p as CategoryGuids,
2018
2000
  xe as CategoryIcon,
2019
2001
  ve as CategoryIconList,
2020
2002
  Ie as CategoryIconVariants,
2021
- E0 as CheckmarkFilledIcon,
2022
- S0 as ChevronDownIcon,
2023
- I0 as ChevronLeftIcon,
2024
- v0 as ChevronRightIcon,
2025
- H0 as CloseIcon,
2026
- k0 as DateRangePicker,
2003
+ R0 as CheckmarkFilledIcon,
2004
+ E0 as ChevronDownIcon,
2005
+ S0 as ChevronLeftIcon,
2006
+ I0 as ChevronRightIcon,
2007
+ v0 as CloseIcon,
2008
+ N0 as DateRangePicker,
2027
2009
  Oe as DialogFooter,
2028
- B0 as DialogHeader,
2029
- V0 as Drawer,
2030
- x0 as EditIcon,
2031
- F0 as FilterIcon,
2010
+ z0 as DialogHeader,
2011
+ B0 as Drawer,
2012
+ H0 as EditIcon,
2013
+ x0 as FilterIcon,
2032
2014
  Oe as Footer,
2033
2015
  ye as H1,
2034
- _0 as H2,
2035
- P0 as H3,
2036
- O0 as HeartIcon,
2037
- E as INTER,
2038
- b as Icon,
2016
+ w0 as H2,
2017
+ _0 as H3,
2018
+ F0 as HeartIcon,
2019
+ I as INTER,
2020
+ C as Icon,
2039
2021
  Se as IconWeight,
2040
- U0 as InstitutionLogo,
2041
- L0 as MXLogoCopyrightIcon,
2042
- D0 as MXLogoFilledIcon,
2043
- y0 as MXLogoIcon,
2044
- N0 as MXLogoOutlineIcon,
2045
- G0 as MerchantLogo,
2046
- z0 as P,
2022
+ V0 as InstitutionLogo,
2023
+ y0 as MXLogoCopyrightIcon,
2024
+ L0 as MXLogoFilledIcon,
2025
+ O0 as MXLogoIcon,
2026
+ D0 as MXLogoOutlineIcon,
2027
+ U0 as MerchantLogo,
2028
+ P0 as P,
2047
2029
  F as TARGETS,
2048
- N as THEMES,
2030
+ k as THEMES,
2049
2031
  L as Text,
2050
- $0 as TextField,
2051
- W0 as Toast,
2052
- Z0 as TokenProvider,
2053
- X0 as createMXTheme,
2054
- K0 as useTokens
2032
+ G0 as TextField,
2033
+ $0 as Toast,
2034
+ W0 as TokenProvider,
2035
+ K0 as createMXTheme,
2036
+ Z0 as useTokens
2055
2037
  };
2056
2038
  //# sourceMappingURL=index.es.js.map