@mxenabled/mxui 1.4.0 → 1.5.1

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 (10) hide show
  1. package/dist/components/selectionbox/SelectionBox.d.ts +9 -5
  2. package/dist/index.es.js +778 -725
  3. package/dist/index.es.js.map +1 -1
  4. package/dist/themes/Augmentations.d.ts +17 -0
  5. package/dist/themes/Colors.d.ts +4 -3
  6. package/dist/themes/MXTheme.d.ts +2 -1
  7. package/dist/themes/Palette.d.ts +195 -1
  8. package/dist/themes/Typography.d.ts +35 -2
  9. package/dist/types/ClientCustomizations.d.ts +30 -0
  10. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,106 +1,104 @@
1
- import { jsx as i, jsxs as A } from "react/jsx-runtime";
1
+ import { jsx as n, jsxs as R } from "react/jsx-runtime";
2
2
  import C from "react";
3
- import D from "@mui/material/Stack";
4
- import { useTheme as y, createTheme as ee } from "@mui/material/styles";
3
+ import k from "@mui/material/Stack";
4
+ import { useTheme as H, createTheme as J } from "@mui/material/styles";
5
5
  import { Icon as ge, Close as fe } from "@mxenabled/mx-icons";
6
- import { endOfMonth as K } from "date-fns/endOfMonth";
7
- import { endOfYear as be } from "date-fns/endOfYear";
8
- import { startOfToday as Te } from "date-fns/startOfToday";
9
- import { startOfMonth as X } from "date-fns/startOfMonth";
6
+ import { endOfMonth as Z } from "date-fns/endOfMonth";
7
+ import { endOfYear as me } from "date-fns/endOfYear";
8
+ import { startOfToday as be } from "date-fns/startOfToday";
9
+ import { startOfMonth as K } from "date-fns/startOfMonth";
10
10
  import { startOfYear as Y } from "date-fns/startOfYear";
11
- import { subDays as j } from "date-fns/subDays";
12
- import { subMonths as Ce } from "date-fns/subMonths";
13
- import { subYears as Ae } from "date-fns/subYears";
11
+ import { subDays as X } from "date-fns/subDays";
12
+ import { subMonths as Te } from "date-fns/subMonths";
13
+ import { subYears as Ce } from "date-fns/subYears";
14
14
  import Re from "@mui/material/useMediaQuery";
15
- import { LocalizationProvider as Me, StaticDateRangePicker as Ee } from "@mui/x-date-pickers-pro";
16
- import { AdapterDateFns as Se } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
- import oe from "@mui/material/Box";
18
- import xe from "@mui/material/ToggleButton";
19
- import Ie from "@mui/material/ToggleButtonGroup";
20
- import re from "@mui/material/Slide";
21
- import U from "@mui/material/Button";
22
- import te from "@mui/material/IconButton";
23
- import ve from "@mui/material/Typography";
24
- import He from "@mui/material/Drawer";
25
- import ye from "@mui/material/TextField";
26
- import Fe from "@mui/material/Snackbar";
15
+ import { LocalizationProvider as Ae, StaticDateRangePicker as Me } from "@mui/x-date-pickers-pro";
16
+ import { AdapterDateFns as Ee } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
+ import q from "@mui/material/Box";
18
+ import Se from "@mui/material/ToggleButton";
19
+ import xe from "@mui/material/ToggleButtonGroup";
20
+ import ee from "@mui/material/Slide";
21
+ import V from "@mui/material/Button";
22
+ import re from "@mui/material/IconButton";
23
+ import Ie from "@mui/material/Typography";
24
+ import ve from "@mui/material/Drawer";
25
+ import He from "@mui/material/TextField";
26
+ import ye from "@mui/material/Snackbar";
27
27
  import Oe from "@mui/material/Alert";
28
- import { light as ie, buildTheme as G, dark as Le } from "@mxenabled/design-tokens";
29
- import { Paper as De, Box as Q, Typography as J, Radio as q, alpha as T, darken as w, lighten as O } from "@mui/material";
28
+ import { light as oe, buildTheme as G, dark as Fe } from "@mxenabled/design-tokens";
29
+ import { Paper as ke, Box as j, Typography as Q, Radio as N, Checkbox as De, alpha as b, darken as w, lighten as O, getContrastRatio as Le } from "@mui/material";
30
30
  import { circularProgressClasses as Ne } from "@mui/material/CircularProgress";
31
- import { LicenseInfo as ke } from "@mui/x-license-pro";
32
- import we from "@mui/material/styles/createPalette";
33
- import _e from "@mui/material/styles/createTypography";
31
+ import { LicenseInfo as we } from "@mui/x-license-pro";
34
32
  const f = ({
35
33
  children: e,
36
- height: o,
37
- size: n = 16,
38
- viewBox: r = "0 0 16 16",
39
- width: a
40
- }) => /* @__PURE__ */ i(
34
+ height: r,
35
+ size: i = 16,
36
+ viewBox: a = "0 0 16 16",
37
+ width: o
38
+ }) => /* @__PURE__ */ n(
41
39
  "svg",
42
40
  {
43
41
  "aria-hidden": !0,
44
42
  className: "mx-kmui-icon",
45
43
  focusable: !1,
46
- height: o || n,
47
- viewBox: r,
48
- width: a || n,
44
+ height: r || i,
45
+ viewBox: a,
46
+ width: o || i,
49
47
  xmlns: "http://www.w3.org/2000/svg",
50
48
  children: e
51
49
  }
52
50
  );
53
- var Pe = /* @__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))(Pe || {});
54
- const R = ({
51
+ var _e = /* @__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))(_e || {});
52
+ const M = ({
55
53
  color: e,
56
- fill: o = !1,
57
- name: n,
58
- size: r = 20,
59
- sx: a,
60
- weight: s = 300,
54
+ fill: r = !1,
55
+ name: i,
56
+ size: a = 20,
57
+ sx: o,
58
+ weight: d = 300,
61
59
  ...c
62
- }) => /* @__PURE__ */ i(
60
+ }) => /* @__PURE__ */ n(
63
61
  ge,
64
62
  {
65
63
  color: e,
66
- fill: o,
67
- name: n,
68
- size: r,
69
- sx: a,
70
- weight: s,
64
+ fill: r,
65
+ name: i,
66
+ size: a,
67
+ sx: o,
68
+ weight: d,
71
69
  ...c
72
70
  }
73
- ), L0 = ({
71
+ ), O0 = ({
74
72
  color: e = "currentColor",
75
- ...o
76
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
73
+ ...r
74
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ n(f, { ...r, children: /* @__PURE__ */ n(
77
75
  "path",
78
76
  {
79
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",
80
78
  fill: e
81
79
  }
82
- ) })), D0 = ({
80
+ ) })), F0 = ({
83
81
  color: e = "currentColor",
84
- ...o
85
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
82
+ ...r
83
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ n(f, { ...r, children: /* @__PURE__ */ n(
86
84
  "path",
87
85
  {
88
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",
89
87
  fill: e
90
88
  }
91
- ) })), N0 = ({
89
+ ) })), k0 = ({
92
90
  color: e = "currentColor",
93
- ...o
94
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
91
+ ...r
92
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ n(f, { ...r, children: /* @__PURE__ */ n(
95
93
  "path",
96
94
  {
97
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",
98
96
  fill: e
99
97
  }
100
- ) })), k0 = ({
98
+ ) })), D0 = ({
101
99
  color: e = "currentColor",
102
- ...o
103
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
100
+ ...r
101
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ n(f, { ...r, children: /* @__PURE__ */ n(
104
102
  "path",
105
103
  {
106
104
  clipRule: "evenodd",
@@ -108,124 +106,124 @@ const R = ({
108
106
  fill: e,
109
107
  fillRule: "evenodd"
110
108
  }
111
- ) })), w0 = ({
109
+ ) })), L0 = ({
112
110
  color: e = "currentColor",
113
- ...o
114
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
111
+ ...r
112
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ n(f, { ...r, children: /* @__PURE__ */ n(
115
113
  "path",
116
114
  {
117
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",
118
116
  fill: e
119
117
  }
120
- ) })), _0 = ({
118
+ ) })), N0 = ({
121
119
  color: e = "currentColor",
122
- ...o
123
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
120
+ ...r
121
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ n(f, { ...r, children: /* @__PURE__ */ n(
124
122
  "path",
125
123
  {
126
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",
127
125
  fill: e
128
126
  }
129
- ) })), P0 = ({
127
+ ) })), w0 = ({
130
128
  color: e = "currentColor",
131
- ...o
132
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
129
+ ...r
130
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ n(f, { ...r, children: /* @__PURE__ */ n(
133
131
  "path",
134
132
  {
135
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",
136
134
  fill: e
137
135
  }
138
- ) })), B0 = ({
136
+ ) })), _0 = ({
139
137
  color: e = "currentColor",
140
- ...o
141
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
138
+ ...r
139
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ n(f, { ...r, children: /* @__PURE__ */ n(
142
140
  "path",
143
141
  {
144
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",
145
143
  fill: e
146
144
  }
147
- ) })), z0 = ({
145
+ ) })), P0 = ({
148
146
  color: e = "currentColor",
149
- ...o
150
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
147
+ ...r
148
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ n(f, { ...r, children: /* @__PURE__ */ n(
151
149
  "path",
152
150
  {
153
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",
154
152
  fill: e
155
153
  }
156
- ) })), V0 = ({
154
+ ) })), B0 = ({
157
155
  color: e = "currentColor",
158
- ...o
159
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
156
+ ...r
157
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ n(f, { ...r, children: /* @__PURE__ */ n(
160
158
  "path",
161
159
  {
162
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",
163
161
  fill: e
164
162
  }
165
- ) })), U0 = ({
163
+ ) })), z0 = ({
166
164
  color: e = "currentColor",
167
- ...o
168
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
165
+ ...r
166
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ n(f, { ...r, children: /* @__PURE__ */ n(
169
167
  "path",
170
168
  {
171
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",
172
170
  fill: e
173
171
  }
174
- ) })), G0 = ({
172
+ ) })), V0 = ({
175
173
  color: e = "currentColor",
176
- ...o
177
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
174
+ ...r
175
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ n(f, { ...r, children: /* @__PURE__ */ n(
178
176
  "path",
179
177
  {
180
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",
181
179
  fill: e
182
180
  }
183
- ) })), $0 = ({
181
+ ) })), G0 = ({
184
182
  color: e = "currentColor",
185
- ...o
186
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
183
+ ...r
184
+ }) => (console.warn('<HeartIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ n(f, { ...r, children: /* @__PURE__ */ n(
187
185
  "path",
188
186
  {
189
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",
190
188
  fill: e
191
189
  }
192
- ) })), W0 = ({
190
+ ) })), U0 = ({
193
191
  color: e = "currentColor",
194
- ...o
195
- }) => /* @__PURE__ */ A(f, { ...o, children: [
196
- /* @__PURE__ */ i(
192
+ ...r
193
+ }) => /* @__PURE__ */ R(f, { ...r, children: [
194
+ /* @__PURE__ */ n(
197
195
  "path",
198
196
  {
199
197
  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",
200
198
  fill: e
201
199
  }
202
200
  ),
203
- /* @__PURE__ */ i(
201
+ /* @__PURE__ */ n(
204
202
  "path",
205
203
  {
206
204
  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",
207
205
  fill: e
208
206
  }
209
207
  )
210
- ] }), Z0 = ({
208
+ ] }), $0 = ({
211
209
  color: e = "currentColor",
212
- ...o
213
- }) => /* @__PURE__ */ A(f, { ...o, children: [
214
- /* @__PURE__ */ i(
210
+ ...r
211
+ }) => /* @__PURE__ */ R(f, { ...r, children: [
212
+ /* @__PURE__ */ n(
215
213
  "path",
216
214
  {
217
215
  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",
218
216
  fill: e
219
217
  }
220
218
  ),
221
- /* @__PURE__ */ i(
219
+ /* @__PURE__ */ n(
222
220
  "path",
223
221
  {
224
222
  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",
225
223
  fill: e
226
224
  }
227
225
  ),
228
- /* @__PURE__ */ i(
226
+ /* @__PURE__ */ n(
229
227
  "path",
230
228
  {
231
229
  clipRule: "evenodd",
@@ -234,7 +232,7 @@ const R = ({
234
232
  fillRule: "evenodd"
235
233
  }
236
234
  ),
237
- /* @__PURE__ */ i(
235
+ /* @__PURE__ */ n(
238
236
  "path",
239
237
  {
240
238
  clipRule: "evenodd",
@@ -243,10 +241,10 @@ const R = ({
243
241
  fillRule: "evenodd"
244
242
  }
245
243
  )
246
- ] }), K0 = ({
244
+ ] }), W0 = ({
247
245
  color: e = "currentColor",
248
- ...o
249
- }) => /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
246
+ ...r
247
+ }) => /* @__PURE__ */ n(f, { ...r, children: /* @__PURE__ */ n(
250
248
  "path",
251
249
  {
252
250
  clipRule: "evenodd",
@@ -254,25 +252,25 @@ const R = ({
254
252
  fill: e,
255
253
  fillRule: "evenodd"
256
254
  }
257
- ) }), X0 = ({
255
+ ) }), Z0 = ({
258
256
  color: e = "currentColor",
259
- ...o
260
- }) => /* @__PURE__ */ A(f, { ...o, children: [
261
- /* @__PURE__ */ i(
257
+ ...r
258
+ }) => /* @__PURE__ */ R(f, { ...r, children: [
259
+ /* @__PURE__ */ n(
262
260
  "path",
263
261
  {
264
262
  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",
265
263
  fill: e
266
264
  }
267
265
  ),
268
- /* @__PURE__ */ i(
266
+ /* @__PURE__ */ n(
269
267
  "path",
270
268
  {
271
269
  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",
272
270
  fill: e
273
271
  }
274
272
  ),
275
- /* @__PURE__ */ i(
273
+ /* @__PURE__ */ n(
276
274
  "path",
277
275
  {
278
276
  clipRule: "evenodd",
@@ -282,162 +280,162 @@ const R = ({
282
280
  }
283
281
  )
284
282
  ] });
285
- var m = /* @__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))(m || {}), Be = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(Be || {});
286
- const ne = {
287
- guid: m.Uncategorized,
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 || {}), Pe = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(Pe || {});
284
+ const te = {
285
+ guid: g.Uncategorized,
288
286
  colorName: "uncategorized",
289
287
  icon: "category"
290
- }, ze = [
288
+ }, Be = [
291
289
  {
292
- guid: m.AutoTransport,
290
+ guid: g.AutoTransport,
293
291
  colorName: "autoTransport",
294
292
  icon: "directions_car"
295
293
  },
296
294
  {
297
- guid: m.BillsUtilities,
295
+ guid: g.BillsUtilities,
298
296
  colorName: "billsUtilities",
299
297
  icon: "electrical_services"
300
298
  },
301
299
  {
302
- guid: m.BusinessServices,
300
+ guid: g.BusinessServices,
303
301
  colorName: "businessServices",
304
302
  icon: "business_center"
305
303
  },
306
304
  {
307
- guid: m.Education,
305
+ guid: g.Education,
308
306
  colorName: "education",
309
307
  icon: "school"
310
308
  },
311
309
  {
312
- guid: m.Entertainment,
310
+ guid: g.Entertainment,
313
311
  colorName: "entertainment",
314
312
  icon: "stadium"
315
313
  },
316
314
  {
317
- guid: m.FeesCharges,
315
+ guid: g.FeesCharges,
318
316
  colorName: "feesCharges",
319
317
  icon: "problem"
320
318
  },
321
319
  {
322
- guid: m.Financial,
320
+ guid: g.Financial,
323
321
  colorName: "financial",
324
322
  icon: "price_check"
325
323
  },
326
324
  {
327
- guid: m.FoodDining,
325
+ guid: g.FoodDining,
328
326
  colorName: "foodDining",
329
327
  icon: "grocery"
330
328
  },
331
329
  {
332
- guid: m.GiftsDonations,
330
+ guid: g.GiftsDonations,
333
331
  colorName: "giftsDonations",
334
332
  icon: "featured_seasonal_and_gifts"
335
333
  },
336
334
  {
337
- guid: m.HealthFitness,
335
+ guid: g.HealthFitness,
338
336
  colorName: "healthFitness",
339
337
  icon: "ecg_heart"
340
338
  },
341
339
  {
342
- guid: m.Home,
340
+ guid: g.Home,
343
341
  colorName: "home",
344
342
  icon: "cottage"
345
343
  },
346
344
  {
347
- guid: m.Income,
345
+ guid: g.Income,
348
346
  colorName: "income",
349
347
  icon: "monetization_on"
350
348
  },
351
349
  {
352
- guid: m.Investments,
350
+ guid: g.Investments,
353
351
  colorName: "investments",
354
352
  icon: "bid_landscape"
355
353
  },
356
354
  {
357
- guid: m.Kids,
355
+ guid: g.Kids,
358
356
  colorName: "kids",
359
357
  icon: "face"
360
358
  },
361
359
  {
362
- guid: m.PersonalCare,
360
+ guid: g.PersonalCare,
363
361
  colorName: "personalCare",
364
362
  icon: "volunteer_activism"
365
363
  },
366
364
  {
367
- guid: m.Pets,
365
+ guid: g.Pets,
368
366
  colorName: "pets",
369
367
  icon: "pet_supplies"
370
368
  },
371
369
  {
372
- guid: m.Shopping,
370
+ guid: g.Shopping,
373
371
  colorName: "shopping",
374
372
  icon: "shopping_cart"
375
373
  },
376
374
  {
377
- guid: m.Taxes,
375
+ guid: g.Taxes,
378
376
  colorName: "taxes",
379
377
  icon: "heap_snapshot_large"
380
378
  },
381
379
  {
382
- guid: m.Transfer,
380
+ guid: g.Transfer,
383
381
  colorName: "transfer",
384
382
  icon: "compare_arrows"
385
383
  },
386
384
  {
387
- guid: m.Travel,
385
+ guid: g.Travel,
388
386
  colorName: "travel",
389
387
  icon: "airplane_ticket"
390
388
  },
391
- ne
392
- ], Ve = 0.625, Ue = ({
389
+ te
390
+ ], ze = 0.625, Ve = ({
393
391
  categoryGuid: e,
394
- icon_ratio: o = Ve,
395
- size: n = 32,
396
- sx: r = {},
397
- variant: a = "filled"
392
+ icon_ratio: r = ze,
393
+ size: i = 32,
394
+ sx: a = {},
395
+ variant: o = "filled"
398
396
  }) => {
399
- const s = y(), c = C.useMemo(
400
- () => ze.find((d) => d.guid === e) ?? ne,
397
+ const d = H(), c = C.useMemo(
398
+ () => Be.find((u) => u.guid === e) ?? te,
401
399
  [e]
402
- ), l = s.palette.categories[c.colorName];
403
- return /* @__PURE__ */ i(
404
- D,
400
+ ), l = d.palette.categories[c.colorName];
401
+ return /* @__PURE__ */ n(
402
+ k,
405
403
  {
406
404
  alignItems: "center",
407
405
  bgcolor: () => {
408
- let d = l;
409
- return a === "twotone" && (d = `${d}20`), a === "transparent" || a === "basic" ? "transparent" : d;
406
+ let u = l;
407
+ return o === "twotone" && (u = `${u}20`), o === "transparent" || o === "basic" ? "transparent" : u;
410
408
  },
411
409
  borderRadius: 1,
412
410
  color: () => {
413
- const d = a === "filled" ? s.palette.common.white : l;
414
- return a === "basic" ? s.palette.text.primary : d;
411
+ const u = o === "filled" ? d.palette.common.white : l;
412
+ return o === "basic" ? d.palette.text.primary : u;
415
413
  },
416
- height: n,
414
+ height: i,
417
415
  justifyContent: "center",
418
- sx: [...Array.isArray(r) ? r : [r]],
419
- width: n,
420
- children: /* @__PURE__ */ i(R, { name: c.icon, size: n * o })
416
+ sx: [...Array.isArray(a) ? a : [a]],
417
+ width: i,
418
+ children: /* @__PURE__ */ n(M, { name: c.icon, size: i * r })
421
419
  }
422
420
  );
423
421
  }, Ge = ({
424
422
  items: e,
425
- onChange: o,
426
- isValid: n,
427
- selected: r
423
+ onChange: r,
424
+ isValid: i,
425
+ selected: a
428
426
  }) => {
429
- const a = y(), s = e?.map((c) => {
430
- const l = c.getValue({ isValid: n });
427
+ const o = H(), d = e?.map((c) => {
428
+ const l = c.getValue({ isValid: i });
431
429
  return {
432
430
  label: c.label,
433
431
  onClick: () => {
434
- o(l, "accept", c);
432
+ r(l, "accept", c);
435
433
  },
436
- disabled: !n(l)
434
+ disabled: !i(l)
437
435
  };
438
436
  });
439
- return /* @__PURE__ */ i(oe, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ i(Ie, { color: "primary", orientation: "vertical", value: r, children: s?.map((c) => /* @__PURE__ */ i(
440
- xe,
437
+ return /* @__PURE__ */ n(q, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ n(xe, { color: "primary", orientation: "vertical", value: a, children: d?.map((c) => /* @__PURE__ */ n(
438
+ Se,
441
439
  {
442
440
  onClick: c.onClick,
443
441
  sx: {
@@ -450,11 +448,11 @@ const ne = {
450
448
  boxShadow: "0px 0px 0px 2px rgba(82, 138, 224, 0.8)"
451
449
  },
452
450
  "&:hover": {
453
- bgcolor: a.palette.action.hover,
454
- borderTop: `1px solid ${a.palette.secondary.light}`
451
+ bgcolor: o.palette.action.hover,
452
+ borderTop: `1px solid ${o.palette.secondary.light}`
455
453
  },
456
454
  "&.Mui-selected": {
457
- border: `2px solid ${a.palette.primary.main} !important`,
455
+ border: `2px solid ${o.palette.primary.main} !important`,
458
456
  marginTop: "-2px !important",
459
457
  color: "primary"
460
458
  }
@@ -464,51 +462,51 @@ const ne = {
464
462
  },
465
463
  c.label
466
464
  )) }) });
467
- }, Y0 = ({
465
+ }, K0 = ({
468
466
  copy: e,
469
- dateRange: o,
470
- onRangeChanged: n,
471
- selectedShortcut: r = e.dateRangeThisMonth,
472
- sx: a = {}
467
+ dateRange: r,
468
+ onRangeChanged: i,
469
+ selectedShortcut: a = e.dateRangeThisMonth,
470
+ sx: o = {}
473
471
  }) => {
474
- const s = y(), c = Re(s.breakpoints.down("sm")), l = C.useMemo(() => {
475
- const u = Te(), d = Ce(u, 1), b = Ae(u, 1);
472
+ const d = H(), c = Re(d.breakpoints.down("sm")), l = C.useMemo(() => {
473
+ const t = be(), u = Te(t, 1), T = Ce(t, 1);
476
474
  return [
477
475
  {
478
476
  label: e.dateRangeThisMonth,
479
- getValue: () => [X(u), K(u)]
477
+ getValue: () => [K(t), Z(t)]
480
478
  },
481
479
  {
482
480
  label: e.dateRangeLastMonth,
483
- getValue: () => [X(d), K(d)]
481
+ getValue: () => [K(u), Z(u)]
484
482
  },
485
483
  {
486
484
  label: e.dateRangeLast30Days,
487
- getValue: () => [j(u, 30), u]
485
+ getValue: () => [X(t, 30), t]
488
486
  },
489
487
  {
490
488
  label: e.dateRangeLast90Days,
491
- getValue: () => [j(u, 90), u]
489
+ getValue: () => [X(t, 90), t]
492
490
  },
493
491
  {
494
492
  label: e.dateRangeYTD,
495
- getValue: () => [Y(u), u]
493
+ getValue: () => [Y(t), t]
496
494
  },
497
495
  {
498
496
  label: e.dateRangeLastYear,
499
- getValue: () => [Y(b), be(b)]
497
+ getValue: () => [Y(T), me(T)]
500
498
  },
501
499
  {
502
500
  label: e.dateRangeCustom,
503
- getValue: () => [u, u]
501
+ getValue: () => [t, t]
504
502
  }
505
503
  ];
506
- }, [e]), t = (u, d) => {
507
- const b = d.shortcut;
508
- n?.(u, b ? b.label : e.dateRangeCustom);
504
+ }, [e]), s = (t, u) => {
505
+ const T = u.shortcut;
506
+ i?.(t, T ? T.label : e.dateRangeCustom);
509
507
  };
510
- return /* @__PURE__ */ i(D, { gap: 16, m: 8, children: /* @__PURE__ */ i(Me, { dateAdapter: Se, children: /* @__PURE__ */ i(
511
- Ee,
508
+ return /* @__PURE__ */ n(k, { gap: 16, m: 8, children: /* @__PURE__ */ n(Ae, { dateAdapter: Ee, children: /* @__PURE__ */ n(
509
+ Me,
512
510
  {
513
511
  calendars: 1,
514
512
  localeText: {
@@ -516,7 +514,7 @@ const ne = {
516
514
  end: e.dateRangeTo,
517
515
  toolbarTitle: e.dateRangeToolbarTitle
518
516
  },
519
- onChange: t,
517
+ onChange: s,
520
518
  showDaysOutsideCurrentMonth: !0,
521
519
  slotProps: {
522
520
  actionBar: { actions: [] },
@@ -528,61 +526,61 @@ const ne = {
528
526
  }
529
527
  },
530
528
  slots: {
531
- leftArrowIcon: () => /* @__PURE__ */ i(R, { name: "chevron_left", size: 28 }),
532
- shortcuts: (u) => /* @__PURE__ */ i(Ge, { selected: r, ...u }),
533
- rightArrowIcon: () => /* @__PURE__ */ i(R, { name: "chevron_right", size: 28 })
529
+ leftArrowIcon: () => /* @__PURE__ */ n(M, { name: "chevron_left", size: 28 }),
530
+ shortcuts: (t) => /* @__PURE__ */ n(Ge, { selected: a, ...t }),
531
+ rightArrowIcon: () => /* @__PURE__ */ n(M, { name: "chevron_right", size: 28 })
534
532
  },
535
- sx: { ...a },
536
- value: o
533
+ sx: { ...o },
534
+ value: r
537
535
  }
538
536
  ) }) });
539
- }, j0 = C.forwardRef(function(o, n) {
540
- return /* @__PURE__ */ i(re, { direction: "up", ref: n, ...o });
541
- }), $e = ({
537
+ }, Y0 = C.forwardRef(function(r, i) {
538
+ return /* @__PURE__ */ n(ee, { direction: "up", ref: i, ...r });
539
+ }), Ue = ({
542
540
  hasSecondaryAction: e = !0,
543
- isPrimaryDisabled: o,
544
- onPrimaryAction: n,
545
- onSecondaryAction: r,
546
- primaryColor: a = "primary",
547
- primaryText: s = "Save",
541
+ isPrimaryDisabled: r,
542
+ onPrimaryAction: i,
543
+ onSecondaryAction: a,
544
+ primaryColor: o = "primary",
545
+ primaryText: d = "Save",
548
546
  secondaryColor: c = "primary",
549
547
  secondaryText: l = "Cancel"
550
- }) => /* @__PURE__ */ A(
551
- D,
548
+ }) => /* @__PURE__ */ R(
549
+ k,
552
550
  {
553
551
  direction: "row",
554
552
  gap: 16,
555
553
  justifyContent: "flex-end",
556
554
  sx: { bgcolor: "background.paper", width: "100%", p: 24 },
557
555
  children: [
558
- e && /* @__PURE__ */ i(
559
- U,
556
+ e && /* @__PURE__ */ n(
557
+ V,
560
558
  {
561
559
  color: c,
562
- onClick: r,
563
- variant: n ? "outlined" : "contained",
560
+ onClick: a,
561
+ variant: i ? "outlined" : "contained",
564
562
  children: l
565
563
  }
566
564
  ),
567
- n && /* @__PURE__ */ i(
568
- U,
565
+ i && /* @__PURE__ */ n(
566
+ V,
569
567
  {
570
- color: a,
571
- disabled: o,
572
- onClick: n,
568
+ color: o,
569
+ disabled: r,
570
+ onClick: i,
573
571
  variant: "contained",
574
- children: s
572
+ children: d
575
573
  }
576
574
  )
577
575
  ]
578
576
  }
579
- ), N = ({
577
+ ), D = ({
580
578
  bold: e,
581
- className: o = "",
582
- children: n,
583
- color: r,
584
- sx: a = {},
585
- truncate: s = !0,
579
+ className: r = "",
580
+ children: i,
581
+ color: a,
582
+ sx: o = {},
583
+ truncate: d = !0,
586
584
  uppercase: c,
587
585
  ...l
588
586
  }) => {
@@ -618,16 +616,16 @@ const ne = {
618
616
  l.variant = "caption";
619
617
  break;
620
618
  }
621
- return /* @__PURE__ */ i(
622
- ve,
619
+ return /* @__PURE__ */ n(
620
+ Ie,
623
621
  {
624
- className: `mx-kmui-text ${o}`,
625
- color: r,
622
+ className: `mx-kmui-text ${r}`,
623
+ color: a,
626
624
  sx: [
627
625
  e ? {
628
626
  fontWeight: 600
629
627
  } : {},
630
- s ? {
628
+ d ? {
631
629
  overflow: "hidden",
632
630
  textOverflow: "ellipsis",
633
631
  whiteSpace: "nowrap"
@@ -635,24 +633,24 @@ const ne = {
635
633
  c ? {
636
634
  textTransform: "uppercase"
637
635
  } : {},
638
- ...Array.isArray(a) ? a : [a]
636
+ ...Array.isArray(o) ? o : [o]
639
637
  ],
640
638
  ...l,
641
- children: n
639
+ children: i
642
640
  }
643
641
  );
644
- }, We = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ i(N, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...n, children: o }), Q0 = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ i(N, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...n, children: o }), J0 = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ i(N, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...n, children: o }), q0 = ({ className: e = "", children: o, truncate: n, ...r }) => /* @__PURE__ */ i(
645
- N,
642
+ }, $e = ({ className: e = "", children: r, ...i }) => /* @__PURE__ */ n(D, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...i, children: r }), X0 = ({ className: e = "", children: r, ...i }) => /* @__PURE__ */ n(D, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...i, children: r }), j0 = ({ className: e = "", children: r, ...i }) => /* @__PURE__ */ n(D, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...i, children: r }), Q0 = ({ className: e = "", children: r, truncate: i, ...a }) => /* @__PURE__ */ n(
643
+ D,
646
644
  {
647
645
  className: `mx-kmui-text p ${e}`,
648
646
  component: "p",
649
- truncate: n || !1,
647
+ truncate: i || !1,
650
648
  variant: "body1",
651
- ...r,
652
- children: o
649
+ ...a,
650
+ children: r
653
651
  }
654
- ), eo = ({ copy: e, onClose: o }) => /* @__PURE__ */ A(
655
- D,
652
+ ), J0 = ({ copy: e, onClose: r }) => /* @__PURE__ */ R(
653
+ k,
656
654
  {
657
655
  sx: {
658
656
  alignItems: "center",
@@ -662,198 +660,192 @@ const ne = {
662
660
  py: 14
663
661
  },
664
662
  children: [
665
- /* @__PURE__ */ i(We, { variant: "h3", children: e.title }),
666
- /* @__PURE__ */ i(te, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ i(fe, {}) })
663
+ /* @__PURE__ */ n($e, { variant: "h3", children: e.title }),
664
+ /* @__PURE__ */ n(re, { "aria-label": e.close_aria, onClick: r, sx: { mr: -12 }, children: /* @__PURE__ */ n(fe, {}) })
667
665
  ]
668
666
  }
669
- ), oo = ({
667
+ ), q0 = ({
670
668
  className: e,
671
- disableSave: o,
672
- id: n,
673
- isOpen: r,
674
- onClose: a,
675
- onSave: s,
669
+ disableSave: r,
670
+ id: i,
671
+ isOpen: a,
672
+ onClose: o,
673
+ onSave: d,
676
674
  primaryText: c,
677
675
  secondaryText: l,
678
- children: t,
679
- ...u
680
- }) => /* @__PURE__ */ A(
681
- He,
676
+ children: s,
677
+ ...t
678
+ }) => /* @__PURE__ */ R(
679
+ ve,
682
680
  {
683
681
  anchor: "right",
684
682
  className: `mx-kmui-drawer ${e}`,
685
- id: n ?? void 0,
686
- onClose: a,
687
- open: r,
683
+ id: i ?? void 0,
684
+ onClose: o,
685
+ open: a,
688
686
  variant: "temporary",
689
- ...u,
687
+ ...t,
690
688
  children: [
691
- t,
692
- s && /* @__PURE__ */ i(
693
- $e,
689
+ s,
690
+ d && /* @__PURE__ */ n(
691
+ Ue,
694
692
  {
695
- isPrimaryDisabled: o,
696
- onPrimaryAction: s,
697
- onSecondaryAction: a,
693
+ isPrimaryDisabled: r,
694
+ onPrimaryAction: d,
695
+ onSecondaryAction: o,
698
696
  primaryText: c,
699
697
  secondaryText: l
700
698
  }
701
699
  )
702
700
  ]
703
701
  }
704
- ), ae = 32, $ = "https://content.moneydesktop.com/storage/MD_Assets", Ze = `${$}/serenity/default_institution_logo.png`, ro = ({
702
+ ), ie = 32, U = "https://content.moneydesktop.com/storage/MD_Assets", We = `${U}/serenity/default_institution_logo.png`, er = ({
705
703
  alt: e,
706
- institutionGuid: o,
707
- logoUrl: n,
708
- size: r = ae,
709
- ...a
710
- }) => /* @__PURE__ */ i(
704
+ institutionGuid: r,
705
+ logoUrl: i,
706
+ size: a = ie,
707
+ ...o
708
+ }) => /* @__PURE__ */ n(
711
709
  "img",
712
710
  {
713
711
  alt: e,
714
- height: r,
715
- onError: (s) => s.target.src = Ze,
716
- src: n || `${$}/Ipad%20Logos/100x100/${o}_100x100.png`,
712
+ height: a,
713
+ onError: (d) => d.target.src = We,
714
+ src: i || `${U}/Ipad%20Logos/100x100/${r}_100x100.png`,
717
715
  style: {
718
716
  borderRadius: 4
719
717
  },
720
- width: r,
721
- ...a
718
+ width: a,
719
+ ...o
722
720
  }
723
- ), to = ({
721
+ ), rr = ({
724
722
  alt: e = "",
725
- categoryGuid: o,
726
- merchantGuid: n,
727
- size: r = ae,
728
- ...a
723
+ categoryGuid: r,
724
+ merchantGuid: i,
725
+ size: a = ie,
726
+ ...o
729
727
  }) => {
730
- const [s, c] = C.useState(!1), l = y();
731
- return /* @__PURE__ */ A(oe, { display: "inline-block", position: "relative", ...a, children: [
732
- n && !s && /* @__PURE__ */ i(
728
+ const [d, c] = C.useState(!1), l = H();
729
+ return /* @__PURE__ */ R(q, { display: "inline-block", position: "relative", ...o, children: [
730
+ i && !d && /* @__PURE__ */ n(
733
731
  "img",
734
732
  {
735
733
  alt: e,
736
734
  "aria-hidden": !e,
737
- height: r,
735
+ height: a,
738
736
  onError: () => c(!0),
739
- src: `${$}/merchant_logos/${n}.png`,
737
+ src: `${U}/merchant_logos/${i}.png`,
740
738
  style: {
741
739
  backgroundColor: l.palette.common.white,
742
740
  borderRadius: 4,
743
741
  boxSizing: "border-box",
744
742
  position: "absolute"
745
743
  },
746
- width: r
744
+ width: a
747
745
  }
748
746
  ),
749
- /* @__PURE__ */ i(Ue, { categoryGuid: o, size: r })
747
+ /* @__PURE__ */ n(Ve, { categoryGuid: r, size: a })
750
748
  ] });
751
- }, io = ({
749
+ }, or = ({
752
750
  disabled: e = !1,
753
- label: o = "",
754
- shrink: n = !0,
755
- variant: r = "outlined",
756
- ...a
757
- }) => /* @__PURE__ */ i(
758
- ye,
751
+ label: r = "",
752
+ shrink: i = !0,
753
+ variant: a = "outlined",
754
+ ...o
755
+ }) => /* @__PURE__ */ n(
756
+ He,
759
757
  {
760
758
  InputLabelProps: {
761
- shrink: n
759
+ shrink: i
762
760
  },
763
761
  disabled: e,
764
- label: o,
765
- variant: r,
766
- ...a
762
+ label: r,
763
+ variant: a,
764
+ ...o
767
765
  }
768
766
  );
769
- function Ke(e) {
770
- return /* @__PURE__ */ i(re, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
767
+ function Ze(e) {
768
+ return /* @__PURE__ */ n(ee, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
771
769
  }
772
- const no = ({
770
+ const tr = ({
773
771
  open: e,
774
- handleClose: o,
775
- message: n,
776
- autoHideDuration: r = 3e3,
777
- severity: a = "success",
778
- snackbarSx: s,
772
+ handleClose: r,
773
+ message: i,
774
+ autoHideDuration: a = 3e3,
775
+ severity: o = "success",
776
+ snackbarSx: d,
779
777
  showAction: c = !1,
780
778
  showClose: l = !1,
781
- actionText: t = "Undo",
782
- onActionClick: u,
783
- multiLine: d = !1
779
+ actionText: s = "Undo",
780
+ onActionClick: t,
781
+ multiLine: u = !1
784
782
  }) => {
785
- const b = y(), g = {
786
- success: b.palette.success.dark,
787
- error: b.palette.error.light,
788
- info: b.palette.info.lighter,
789
- warning: b.palette.warning.lighter
790
- }, z = /* @__PURE__ */ A(
791
- D,
783
+ const T = H(), L = /* @__PURE__ */ R(
784
+ k,
792
785
  {
793
- alignItems: d ? "flex-end" : "center",
794
- direction: d ? "column-reverse" : "row",
786
+ alignItems: u ? "flex-end" : "center",
787
+ direction: u ? "column-reverse" : "row",
795
788
  justifyContent: (
796
789
  // eslint-disable-next-line no-nested-ternary
797
- d && c && l ? "space-between" : "flex-end"
790
+ u && c && l ? "space-between" : "flex-end"
798
791
  ),
799
792
  children: [
800
- c && /* @__PURE__ */ i(
801
- U,
793
+ c && /* @__PURE__ */ n(
794
+ V,
802
795
  {
803
796
  color: "inherit",
804
- onClick: u || o,
797
+ onClick: t || r,
805
798
  size: "small",
806
799
  sx: {
807
- color: b.palette.success.contrastText,
800
+ color: T.palette.success.contrastText,
808
801
  height: 44
809
802
  },
810
- children: t
803
+ children: s
811
804
  }
812
805
  ),
813
- l && /* @__PURE__ */ i(
814
- te,
806
+ l && /* @__PURE__ */ n(
807
+ re,
815
808
  {
816
809
  "aria-label": "close",
817
810
  color: "inherit",
818
- onClick: o,
811
+ onClick: r,
819
812
  sx: { height: 44, width: 44 },
820
- children: /* @__PURE__ */ i(R, { fill: !0, name: "close", size: 24, weight: 400 })
813
+ children: /* @__PURE__ */ n(M, { fill: !0, name: "close", size: 24, weight: 400 })
821
814
  }
822
815
  )
823
816
  ]
824
817
  }
825
818
  );
826
- return /* @__PURE__ */ i(
827
- Fe,
819
+ return /* @__PURE__ */ n(
820
+ ye,
828
821
  {
829
- TransitionComponent: Ke,
822
+ TransitionComponent: Ze,
830
823
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
831
- autoHideDuration: r,
832
- onClose: o,
824
+ autoHideDuration: a,
825
+ onClose: r,
833
826
  open: e,
834
827
  sx: {
835
- ...s,
836
- width: d ? 400 : 325
828
+ ...d,
829
+ width: u ? 400 : 325
837
830
  },
838
- children: /* @__PURE__ */ i(
831
+ children: /* @__PURE__ */ n(
839
832
  Oe,
840
833
  {
841
- action: z,
842
- severity: a,
834
+ action: L,
835
+ severity: o,
843
836
  sx: {
844
837
  display: "flex",
845
838
  alignItems: "stretch",
846
- minHeight: l && c && d ? 120 : 56,
847
- maxHeight: d ? 120 : 56,
848
- backgroundColor: (k) => k.palette.mode === "light" ? k.palette[a].main : g[a],
839
+ minHeight: l && c && u ? 120 : 56,
840
+ maxHeight: u ? 120 : 56,
849
841
  width: "100%",
850
842
  "& .MuiAlert-icon": {
851
- alignSelf: d ? "flex-start" : "center"
843
+ alignSelf: u ? "flex-start" : "center"
852
844
  },
853
845
  "& .MuiAlert-message": {
854
- paddingTop: d ? 12 : 8,
855
- paddingBottom: d ? 12 : 8,
856
- alignSelf: d ? "flex-start" : "center"
846
+ paddingTop: u ? 12 : 8,
847
+ paddingBottom: u ? 12 : 8,
848
+ alignSelf: u ? "flex-start" : "center"
857
849
  },
858
850
  "& .MuiAlert-action": {
859
851
  alignItems: "stretch",
@@ -861,134 +853,135 @@ const no = ({
861
853
  }
862
854
  },
863
855
  variant: "filled",
864
- children: /* @__PURE__ */ i(
865
- N,
856
+ children: /* @__PURE__ */ n(
857
+ D,
866
858
  {
867
859
  sx: {
868
- lineHeight: b.typography.body1.lineHeight,
869
- whiteSpace: d ? "normal" : "nowrap",
870
- overflow: d ? "visible" : "hidden",
871
- textOverflow: d ? "clip" : "ellipsis"
860
+ lineHeight: T.typography.body1.lineHeight,
861
+ whiteSpace: u ? "normal" : "nowrap",
862
+ overflow: u ? "visible" : "hidden",
863
+ textOverflow: u ? "clip" : "ellipsis"
872
864
  },
873
- truncate: !d,
874
- children: n
865
+ truncate: !u,
866
+ children: i
875
867
  }
876
868
  )
877
869
  }
878
870
  )
879
871
  }
880
872
  );
881
- }, L = {
873
+ }, F = {
882
874
  REACT: "react",
883
875
  REACT_NATIVE: "react_native",
884
876
  NATIVE: "native"
885
877
  }, P = {
886
878
  LIGHT: "light",
887
879
  DARK: "dark"
888
- }, le = C.createContext(ie), ce = C.createContext(
889
- G(P.LIGHT, L.REACT_NATIVE)
890
- ), ao = ({
880
+ }, ne = C.createContext(oe), ae = C.createContext(
881
+ G(P.LIGHT, F.REACT_NATIVE)
882
+ ), ir = ({
891
883
  children: e,
892
- target: o = L.REACT,
893
- theme: n = P.LIGHT,
894
- tokenOverrides: r
884
+ target: r = F.REACT,
885
+ theme: i = P.LIGHT,
886
+ tokenOverrides: a
895
887
  }) => {
896
- const [a, s] = C.useState(n === P.LIGHT ? ie : Le), c = C.useMemo(() => ({
897
- ...r
898
- }), [r]);
888
+ const [o, d] = C.useState(i === P.LIGHT ? oe : Fe), c = C.useMemo(() => ({
889
+ ...a
890
+ }), [a]);
899
891
  return C.useEffect(() => {
900
- const l = G(n, o, { ...c });
901
- s(l);
902
- }, [n, o, c]), o === L.REACT ? /* @__PURE__ */ i(le.Provider, { value: a, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ i(ce.Provider, { value: a, children: e }));
903
- }, lo = (e = L.REACT, o = {}) => {
904
- const n = e === L.REACT ? le : ce, r = C.useContext(n);
905
- return r || G(P.LIGHT, e, { ...o });
906
- }, co = ({
907
- component: e = q,
908
- variant: o = "outlined",
909
- selected: n,
910
- onChange: r,
911
- headline: a,
912
- message: s,
892
+ const l = G(i, r, { ...c });
893
+ d(l);
894
+ }, [i, r, c]), r === F.REACT ? /* @__PURE__ */ n(ne.Provider, { value: o, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ n(ae.Provider, { value: o, children: e }));
895
+ }, nr = (e = F.REACT, r = {}) => {
896
+ const i = e === F.REACT ? ne : ae, a = C.useContext(i);
897
+ return a || G(P.LIGHT, e, { ...r });
898
+ }, ar = ({
899
+ component: e = N,
900
+ variant: r = "outlined",
901
+ selected: i,
902
+ onChange: a,
903
+ headline: o,
904
+ message: d,
913
905
  name: c,
914
906
  value: l,
915
- disabled: t = !1,
916
- error: u = !1,
917
- icon: d = !1,
918
- sx: b = {}
907
+ disabled: s = !1,
908
+ error: t = !1,
909
+ icon: u = !1,
910
+ sx: T = {},
911
+ ...L
919
912
  }) => {
920
- const g = y(), z = e, k = () => {
921
- if (!t && r && l) {
922
- const Z = e === q ? !0 : !n;
923
- r({
924
- target: { value: l, checked: Z }
925
- }, Z);
913
+ const m = H(), le = () => {
914
+ if (!s && a && l) {
915
+ const W = e === N ? !0 : !i;
916
+ a({
917
+ target: { value: l, checked: W }
918
+ }, W);
926
919
  }
927
- }, W = () => u ? g.palette.error.main : n ? T(g.palette.primary.main, 0.5) : g.palette.border.main, F = () => g.palette.background.paper, se = () => n ? "2px" : "1px", de = () => {
928
- if (!t)
929
- return u ? g.palette.error.main : T(g.palette.primary.main, 0.5);
930
- }, ue = () => t || u ? F() : T(g.palette.primary.main, 0.1), pe = () => {
931
- if (!t)
932
- return u ? g.palette.error.main : T(g.palette.primary.main, 0.5);
933
- }, he = () => t || u ? F() : T(g.palette.primary.main, 0.3), me = () => t ? W() : u ? g.palette.error.main : g.palette.info.main, V = () => !!(o === "outlined" || o === "elevation" && (u || n));
934
- return /* @__PURE__ */ A(
935
- De,
920
+ }, $ = () => t ? m.palette.error.main : i ? b(m.palette.primary.main, 0.5) : m.palette.border.main, y = () => m.palette.background.paper, ce = () => i ? "2px" : "1px", se = () => {
921
+ if (!s)
922
+ return t ? m.palette.error.main : b(m.palette.primary.main, 0.5);
923
+ }, de = () => s || t ? y() : b(m.palette.primary.main, 0.1), ue = () => {
924
+ if (!s)
925
+ return t ? m.palette.error.main : b(m.palette.primary.main, 0.5);
926
+ }, pe = () => s || t ? y() : b(m.palette.primary.main, 0.3), he = () => s ? $() : t ? m.palette.error.main : m.palette.info.main, z = () => !!(r === "outlined" || r === "elevation" && (t || i));
927
+ return /* @__PURE__ */ R(
928
+ ke,
936
929
  {
937
- elevation: o === "elevation" ? 1 : 0,
938
- onClick: k,
930
+ elevation: r === "elevation" ? 1 : 0,
931
+ onClick: le,
939
932
  sx: {
940
933
  display: "flex",
941
934
  padding: "6px 16px",
942
935
  alignItems: "flex-start",
943
936
  justifyContent: "space-between",
944
- borderRadius: g.shape.borderRadius / 2,
937
+ borderRadius: m.shape.borderRadius / 2,
945
938
  mb: 16,
946
- cursor: t ? "not-allowed" : "pointer",
947
- opacity: t ? 0.6 : 1,
948
- backgroundColor: F(),
949
- border: V() ? `${se()} solid ${W()}` : "none",
950
- transition: g.transitions.create(["border-color", "box-shadow", "background-color"], {
951
- duration: g.transitions.duration.short
939
+ cursor: s ? "not-allowed" : "pointer",
940
+ opacity: s ? 0.6 : 1,
941
+ backgroundColor: y(),
942
+ border: z() ? `${ce()} solid ${$()}` : "none",
943
+ transition: m.transitions.create(["border-color", "box-shadow", "background-color"], {
944
+ duration: m.transitions.duration.short
952
945
  }),
953
946
  "&:hover": {
954
- borderColor: V() ? de() : void 0,
955
- backgroundColor: ue()
947
+ borderColor: z() ? se() : void 0,
948
+ backgroundColor: de()
956
949
  },
957
950
  "&:active": {
958
- borderColor: V() ? pe() : void 0,
959
- backgroundColor: he()
951
+ borderColor: z() ? ue() : void 0,
952
+ backgroundColor: pe()
960
953
  },
961
954
  "&:focus-visible": {
962
- outline: `2px solid ${me()}`,
955
+ outline: `2px solid ${he()}`,
963
956
  outlineOffset: "2px"
964
957
  },
965
- ...b
958
+ ...T
966
959
  },
967
960
  tabIndex: 0,
968
- variant: o,
961
+ variant: r,
969
962
  children: [
970
- d && /* @__PURE__ */ i(
971
- Q,
963
+ u && /* @__PURE__ */ n(
964
+ j,
972
965
  {
973
966
  sx: {
974
967
  mr: 16,
975
968
  mt: "8px",
976
969
  flexShrink: 0
977
970
  },
978
- children: d
971
+ children: u
979
972
  }
980
973
  ),
981
- /* @__PURE__ */ A(Q, { sx: { flex: 1, minWidth: 0, py: "8px" }, children: [
982
- a && /* @__PURE__ */ i(J, { fontWeight: 600, sx: { lineHeight: "24px" }, variant: "body1", children: a }),
983
- /* @__PURE__ */ i(J, { sx: { lineHeight: "20px" }, variant: "subtitle2", children: s })
974
+ /* @__PURE__ */ R(j, { sx: { flex: 1, minWidth: 0, py: "8px" }, children: [
975
+ o && /* @__PURE__ */ n(Q, { fontWeight: 600, sx: { lineHeight: "24px" }, variant: "body1", children: o }),
976
+ /* @__PURE__ */ n(Q, { sx: { lineHeight: "20px" }, variant: "subtitle2", children: d })
984
977
  ] }),
985
- /* @__PURE__ */ i(
986
- z,
978
+ e === N ? /* @__PURE__ */ n(
979
+ N,
987
980
  {
988
- checked: n,
989
- disabled: t,
981
+ checked: i,
982
+ disabled: s,
990
983
  name: c,
991
- onChange: r,
984
+ onChange: a,
992
985
  sx: {
993
986
  p: 0,
994
987
  ml: 16,
@@ -998,15 +991,35 @@ const no = ({
998
991
  fontSize: "20px"
999
992
  }
1000
993
  },
1001
- value: l
994
+ value: l,
995
+ ...L
996
+ }
997
+ ) : /* @__PURE__ */ n(
998
+ De,
999
+ {
1000
+ checked: i,
1001
+ disabled: s,
1002
+ name: c,
1003
+ onChange: a,
1004
+ sx: {
1005
+ p: 0,
1006
+ ml: 16,
1007
+ mt: "8px",
1008
+ flexShrink: 0,
1009
+ "& .MuiSvgIcon-root": {
1010
+ fontSize: "20px"
1011
+ }
1012
+ },
1013
+ value: l,
1014
+ ...L
1002
1015
  }
1003
1016
  )
1004
1017
  ]
1005
1018
  }
1006
1019
  );
1007
- }, H = {
1020
+ }, v = {
1008
1021
  LIGHT: "light"
1009
- }, M = (e) => ({
1022
+ }, E = (e) => ({
1010
1023
  50: O(e, 0.95),
1011
1024
  100: O(e, 0.85),
1012
1025
  200: O(e, 0.7),
@@ -1017,14 +1030,14 @@ const no = ({
1017
1030
  700: w(e, 0.5),
1018
1031
  800: w(e, 0.65),
1019
1032
  900: w(e, 0.75)
1020
- }), E = "#FFFFFF", _ = "#000000", Xe = "#F9F9F9", Ye = "#1A1A1A", S = {
1033
+ }), A = "#FFFFFF", _ = "#000000", Ke = "#F9F9F9", Ye = "#1A1A1A", S = {
1021
1034
  PRIMARY: "#2C64EF",
1022
1035
  SECONDARY: "#808080",
1023
1036
  INFO: "#2C64EF",
1024
1037
  SUCCESS: "#12875E",
1025
1038
  WARNING: "#FF7B00",
1026
1039
  ERROR: "#E32727",
1027
- NEUTRAL: "#808080"
1040
+ GREY: "#808080"
1028
1041
  }, x = {
1029
1042
  CHART1: "#74E4DA",
1030
1043
  CHART2: "#ED64A4",
@@ -1033,7 +1046,7 @@ const no = ({
1033
1046
  CHART5: "#60A9FF",
1034
1047
  CHART6: "#C8BAEE",
1035
1048
  CHART7: "#585E67"
1036
- }, v = {
1049
+ }, I = {
1037
1050
  CHART_MONO1: "#C3EAFF",
1038
1051
  CHART_MONO2: "#8ED7FF",
1039
1052
  CHART_MONO3: "#60A9FF",
@@ -1086,80 +1099,81 @@ const no = ({
1086
1099
  TRANSFER: "#75C7B7",
1087
1100
  TRAVEL: "#76ACF7",
1088
1101
  UNCATEGORIZED: "#BCC6D4"
1089
- }, je = (e) => {
1090
- const o = M(S.PRIMARY), n = M(S.SECONDARY), r = M(S.ERROR), a = M(S.WARNING), s = M(S.INFO), c = M(S.SUCCESS), l = M(S.NEUTRAL), t = e === H.LIGHT;
1091
- return we({
1102
+ }, Xe = (e, r) => {
1103
+ const i = E(r?.primary || S.PRIMARY), a = E(r?.secondary || S.SECONDARY), o = E(r?.error || S.ERROR), d = E(r?.warning || S.WARNING), c = E(r?.info || S.INFO), l = E(r?.success || S.SUCCESS), s = E(r?.grey || S.GREY), t = e === v.LIGHT;
1104
+ return {
1092
1105
  mode: e,
1093
- // DEPRECATED: Use Neutral instead
1106
+ // DEPRECATED: Use grey instead
1094
1107
  border: {
1095
1108
  /* DEPRECATED: Use light instead */
1096
- lighter: t ? l[300] : l[700],
1097
- light: t ? l[300] : l[700],
1098
- main: t ? l[400] : l[600],
1099
- dark: l[500],
1109
+ lighter: t ? s[300] : s[700],
1110
+ light: t ? s[300] : s[700],
1111
+ main: t ? s[400] : s[600],
1112
+ dark: s[500],
1100
1113
  /* DEPRECATED: Use light instead */
1101
- darker: l[500]
1114
+ darker: s[500]
1102
1115
  },
1103
1116
  common: {
1104
- white: E,
1117
+ white: A,
1105
1118
  black: _
1106
1119
  },
1107
1120
  primary: {
1108
- ...o,
1121
+ ...i,
1109
1122
  /* DEPRECATED: Use light instead */
1110
- lighter: t ? o[100] : o[800],
1111
- light: t ? o[300] : o[600],
1112
- main: t ? o[500] : o[400],
1113
- dark: t ? o[700] : o[200],
1123
+ lighter: t ? i[100] : i[800],
1124
+ light: t ? i[300] : i[600],
1125
+ main: t ? i[500] : i[400],
1126
+ dark: t ? i[700] : i[200],
1114
1127
  /* DEPRECATED: Use dark instead */
1115
- darker: t ? o[900] : o[100]
1128
+ darker: t ? i[900] : i[100]
1116
1129
  },
1117
1130
  secondary: {
1118
- ...n,
1119
- /* DEPRECATED: Use light instead */
1120
- lighter: t ? n[300] : n[700],
1121
- light: n[500],
1122
- main: t ? n[700] : n[300],
1123
- dark: t ? n[900] : n[100],
1124
- /* DEPRECATED: Use dark instead */
1125
- darker: t ? n[900] : n[50]
1126
- },
1127
- text: {
1128
- primary: t ? l[900] : E,
1129
- secondary: t ? l[600] : T(E, 0.7),
1130
- disabled: t ? l[500] : T(E, 0.38)
1131
- },
1132
- error: {
1133
- ...r,
1134
- /* DEPRECATED: Use light instead */
1135
- lighter: t ? r[100] : r[800],
1136
- light: t ? r[300] : r[600],
1137
- main: t ? r[500] : r[400],
1138
- dark: t ? r[700] : r[200],
1139
- /* DEPRECATED: Use light instead */
1140
- darker: t ? r[900] : r[100]
1141
- },
1142
- warning: {
1143
1131
  ...a,
1144
1132
  /* DEPRECATED: Use light instead */
1145
1133
  lighter: t ? a[100] : a[800],
1146
1134
  light: t ? a[300] : a[600],
1147
1135
  main: t ? a[500] : a[400],
1148
1136
  dark: t ? a[700] : a[200],
1149
- /* DEPRECATED: Use light instead */
1137
+ /* DEPRECATED: Use dark instead */
1150
1138
  darker: t ? a[900] : a[100]
1151
1139
  },
1152
- info: {
1140
+ neutral: {
1153
1141
  ...s,
1154
1142
  /* DEPRECATED: Use light instead */
1155
1143
  lighter: t ? s[100] : s[800],
1156
1144
  light: t ? s[300] : s[600],
1157
1145
  main: t ? s[500] : s[400],
1158
1146
  dark: t ? s[700] : s[200],
1147
+ /* DEPRECATED: Use dark instead */
1148
+ darker: t ? s[900] : s[100],
1149
+ contrastText: Le(t ? s[700] : s[400], "#fff") > 4.5 ? A : s[900]
1150
+ },
1151
+ text: {
1152
+ primary: t ? s[900] : A,
1153
+ secondary: t ? s[600] : b(A, 0.7),
1154
+ disabled: t ? s[500] : b(A, 0.38)
1155
+ },
1156
+ error: {
1157
+ ...o,
1158
+ /* DEPRECATED: Use light instead */
1159
+ lighter: t ? o[100] : o[800],
1160
+ light: t ? o[300] : o[600],
1161
+ main: t ? o[500] : o[400],
1162
+ dark: t ? o[700] : o[200],
1159
1163
  /* DEPRECATED: Use light instead */
1160
- darker: t ? s[900] : s[100]
1164
+ darker: t ? o[900] : o[100]
1161
1165
  },
1162
- success: {
1166
+ warning: {
1167
+ ...d,
1168
+ /* DEPRECATED: Use light instead */
1169
+ lighter: t ? d[100] : d[800],
1170
+ light: t ? d[300] : d[600],
1171
+ main: t ? d[500] : d[400],
1172
+ dark: t ? d[700] : d[200],
1173
+ /* DEPRECATED: Use light instead */
1174
+ darker: t ? d[900] : d[100]
1175
+ },
1176
+ info: {
1163
1177
  ...c,
1164
1178
  /* DEPRECATED: Use light instead */
1165
1179
  lighter: t ? c[100] : c[800],
@@ -1169,20 +1183,30 @@ const no = ({
1169
1183
  /* DEPRECATED: Use light instead */
1170
1184
  darker: t ? c[900] : c[100]
1171
1185
  },
1172
- grey: l,
1186
+ success: {
1187
+ ...l,
1188
+ /* DEPRECATED: Use light instead */
1189
+ lighter: t ? l[100] : l[800],
1190
+ light: t ? l[300] : l[600],
1191
+ main: t ? l[500] : l[400],
1192
+ dark: t ? l[700] : l[200],
1193
+ /* DEPRECATED: Use light instead */
1194
+ darker: t ? l[900] : l[100]
1195
+ },
1196
+ grey: s,
1173
1197
  action: {
1174
- active: t ? T(_, 0.56) : T(E, 0.56),
1198
+ active: t ? b(_, 0.56) : b(A, 0.56),
1175
1199
  hoverOpacity: t ? 0.1 : 0.2,
1176
1200
  selectedOpacity: t ? 0.16 : 0.25,
1177
1201
  focusOpacity: 0.3
1178
1202
  },
1179
1203
  background: {
1180
- default: t ? Xe : Ye,
1181
- paper: t ? E : _,
1182
- highlight: t ? l[200] : l[600],
1183
- highlightPrimary: t ? o[100] : o[500]
1204
+ default: t ? r?.background?.default?.light || Ke : r?.background?.default?.dark || Ye,
1205
+ paper: t ? r?.background?.paper?.light || A : r?.background?.paper?.dark || _,
1206
+ highlight: t ? s[200] : s[600],
1207
+ highlightPrimary: t ? i[100] : i[500]
1184
1208
  },
1185
- divider: t ? T(_, 0.12) : T(E, 0.24),
1209
+ divider: t ? b(_, 0.12) : b(A, 0.24),
1186
1210
  categories: {
1187
1211
  autoTransport: t ? p.AUTO_TRANSPORTT : h.AUTO_TRANSPORTT,
1188
1212
  billsUtilities: t ? p.BILLS_UTILITIES : h.BILLS_UTILITIES,
@@ -1217,132 +1241,158 @@ const no = ({
1217
1241
  chart7: x.CHART7
1218
1242
  },
1219
1243
  chartMono: {
1220
- chartMono1: v.CHART_MONO1,
1221
- chartMono2: v.CHART_MONO2,
1222
- chartMono3: v.CHART_MONO3,
1223
- chartMono4: v.CHART_MONO4,
1224
- chartMono5: v.CHART_MONO5,
1225
- chartMono6: v.CHART_MONO6
1244
+ chartMono1: I.CHART_MONO1,
1245
+ chartMono2: I.CHART_MONO2,
1246
+ chartMono3: I.CHART_MONO3,
1247
+ chartMono4: I.CHART_MONO4,
1248
+ chartMono5: I.CHART_MONO5,
1249
+ chartMono6: I.CHART_MONO6
1226
1250
  }
1227
- });
1228
- }, I = "Inter, Helvetica, Arial, sans-serif", Qe = (e) => _e(e, {
1229
- fontFamily: I,
1230
- fontSize: 15,
1231
- Body: {
1232
- // DEPRECATED: Use body1 instead
1233
- fontSize: 15,
1234
- lineHeight: "20px"
1235
- },
1236
- body1: {
1237
- fontSize: 15,
1238
- lineHeight: "20px"
1239
- },
1240
- Small: {
1241
- // DEPRECATED: Use body2 instead
1242
- fontSize: 15,
1243
- lineHeight: "20px"
1244
- },
1245
- body2: {
1246
- fontSize: 13,
1247
- lineHeight: "16px"
1248
- },
1249
- Button: {
1250
- // DEPRECATED: Use button instead
1251
- fontSize: 15
1252
- },
1253
- button: {
1254
- fontSize: 15
1255
- },
1256
- XSmall: {
1257
- // DEPRECATED: Use caption instead
1258
- fontSize: 11,
1259
- lineHeight: "16px"
1260
- },
1261
- caption: {
1262
- fontSize: 11,
1263
- lineHeight: "16px"
1264
- },
1265
- H1: {
1266
- // DEPRECATED: Use h1 instead
1267
- fontFamily: I,
1268
- fontWeight: 700,
1269
- fontSize: 31,
1270
- lineHeight: "40px"
1271
- },
1272
- h1: {
1273
- fontFamily: I,
1274
- fontWeight: 700,
1275
- fontSize: 31,
1276
- lineHeight: "40px"
1277
- },
1278
- H2: {
1279
- // DEPRECATED: Use h2 instead
1280
- fontFamily: I,
1281
- fontWeight: 700,
1282
- fontSize: 23,
1283
- lineHeight: "32px"
1284
- },
1285
- h2: {
1286
- fontFamily: I,
1287
- fontWeight: 700,
1288
- fontSize: 23,
1289
- lineHeight: "32px"
1290
- },
1291
- H3: {
1292
- // DEPRECATED: Use h3 instead
1293
- fontFamily: I,
1294
- fontWeight: 700,
1295
- fontSize: 18,
1296
- lineHeight: "24px"
1297
- },
1298
- h3: {
1299
- fontFamily: I,
1300
- fontWeight: 700,
1301
- fontSize: 18,
1302
- lineHeight: "24px"
1303
- },
1304
- h4: void 0,
1305
- h5: void 0,
1306
- h6: void 0,
1307
- overline: void 0,
1308
- Paragraph: {
1309
- // DEPRECATED: Use subtitle1 instead
1310
- fontSize: 15,
1311
- lineHeight: "24px"
1312
- },
1313
- subtitle1: {
1251
+ };
1252
+ }, je = "Inter, Helvetica, Arial, sans-serif", Qe = (e) => {
1253
+ const r = e?.fontFamily || je;
1254
+ return {
1255
+ fontFamily: r,
1314
1256
  fontSize: 15,
1315
- lineHeight: "24px"
1316
- },
1317
- ParagraphSmall: {
1318
- // DEPRECATED: Use subtitle2 instead
1319
- fontSize: 13,
1320
- lineHeight: "20px"
1321
- },
1322
- subtitle2: {
1323
- fontSize: 13,
1324
- lineHeight: "20px"
1325
- },
1326
- Tiny: {
1327
- // DEPRECATED: Use tiny instead
1328
- fontSize: 9,
1329
- lineHeight: "12px"
1330
- },
1331
- tiny: {
1332
- fontSize: 9,
1333
- lineHeight: "12px"
1334
- }
1335
- });
1336
- ke.setLicenseKey(
1257
+ Body: {
1258
+ // DEPRECATED: Use body1 instead
1259
+ fontFamily: r,
1260
+ fontSize: 15,
1261
+ lineHeight: "20px"
1262
+ },
1263
+ body1: {
1264
+ fontFamily: r,
1265
+ fontSize: 15,
1266
+ lineHeight: "20px"
1267
+ },
1268
+ Small: {
1269
+ // DEPRECATED: Use body2 instead
1270
+ fontFamily: r,
1271
+ fontSize: 15,
1272
+ lineHeight: "20px"
1273
+ },
1274
+ body2: {
1275
+ fontFamily: r,
1276
+ fontSize: 13,
1277
+ lineHeight: "16px"
1278
+ },
1279
+ Button: {
1280
+ // DEPRECATED: Use button instead
1281
+ fontFamily: r,
1282
+ fontSize: 15
1283
+ },
1284
+ button: {
1285
+ fontFamily: r,
1286
+ fontSize: 15
1287
+ },
1288
+ XSmall: {
1289
+ // DEPRECATED: Use caption instead
1290
+ fontFamily: r,
1291
+ fontSize: 11,
1292
+ lineHeight: "16px"
1293
+ },
1294
+ caption: {
1295
+ fontFamily: r,
1296
+ fontSize: 11,
1297
+ lineHeight: "16px"
1298
+ },
1299
+ H1: {
1300
+ // DEPRECATED: Use h1 instead
1301
+ fontFamily: r,
1302
+ fontWeight: 700,
1303
+ fontSize: 31,
1304
+ lineHeight: "40px"
1305
+ },
1306
+ h1: {
1307
+ fontFamily: r,
1308
+ fontWeight: 700,
1309
+ fontSize: 31,
1310
+ lineHeight: "40px"
1311
+ },
1312
+ H2: {
1313
+ // DEPRECATED: Use h2 instead
1314
+ fontFamily: r,
1315
+ fontWeight: 700,
1316
+ fontSize: 23,
1317
+ lineHeight: "32px"
1318
+ },
1319
+ h2: {
1320
+ fontFamily: r,
1321
+ fontWeight: 700,
1322
+ fontSize: 23,
1323
+ lineHeight: "32px"
1324
+ },
1325
+ H3: {
1326
+ // DEPRECATED: Use h3 instead
1327
+ fontFamily: r,
1328
+ fontWeight: 700,
1329
+ fontSize: 18,
1330
+ lineHeight: "24px"
1331
+ },
1332
+ h3: {
1333
+ fontFamily: r,
1334
+ fontWeight: 700,
1335
+ fontSize: 18,
1336
+ lineHeight: "24px"
1337
+ },
1338
+ // h4: {
1339
+ // fontFamily,
1340
+ // },
1341
+ // h5: {
1342
+ // fontFamily,
1343
+ // },
1344
+ // h6: {
1345
+ // fontFamily,
1346
+ // },
1347
+ // overline: {
1348
+ // fontFamily,
1349
+ // },
1350
+ Paragraph: {
1351
+ // DEPRECATED: Use subtitle1 instead
1352
+ fontFamily: r,
1353
+ fontSize: 15,
1354
+ lineHeight: "24px"
1355
+ },
1356
+ subtitle1: {
1357
+ fontFamily: r,
1358
+ fontSize: 15,
1359
+ lineHeight: "24px"
1360
+ },
1361
+ ParagraphSmall: {
1362
+ // DEPRECATED: Use subtitle2 instead
1363
+ fontFamily: r,
1364
+ fontSize: 13,
1365
+ lineHeight: "20px"
1366
+ },
1367
+ subtitle2: {
1368
+ fontFamily: r,
1369
+ fontSize: 13,
1370
+ lineHeight: "20px"
1371
+ },
1372
+ Tiny: {
1373
+ // DEPRECATED: Use tiny instead
1374
+ fontFamily: r,
1375
+ fontSize: 9,
1376
+ lineHeight: "12px"
1377
+ },
1378
+ tiny: {
1379
+ fontFamily: r,
1380
+ fontSize: 9,
1381
+ lineHeight: "12px"
1382
+ },
1383
+ ...e
1384
+ };
1385
+ };
1386
+ we.setLicenseKey(
1337
1387
  "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
1338
1388
  );
1339
- const B = [...ee().shadows];
1389
+ const B = [...J().shadows];
1340
1390
  B[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1341
1391
  B[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1342
1392
  B[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1343
- const so = (e) => {
1344
- const o = je(e), n = Qe(o);
1345
- return ee({
1393
+ const lr = (e, r) => {
1394
+ const i = Xe(e, r?.paletteOptions), a = Qe(r?.typographyOptions);
1395
+ return J({
1346
1396
  breakpoints: {
1347
1397
  values: {
1348
1398
  xs: 444,
@@ -1352,35 +1402,39 @@ const so = (e) => {
1352
1402
  xl: 1536
1353
1403
  }
1354
1404
  },
1355
- palette: o,
1405
+ palette: i,
1356
1406
  shadows: B,
1357
1407
  shape: {
1358
- borderRadius: 4
1408
+ borderRadius: r?.shapeOptions?.borderRadius || 4
1359
1409
  },
1360
1410
  spacing: 1,
1361
1411
  // TODO: update spacing, we're back to a 8-base which is default for MUI 2.x
1362
- typography: n,
1412
+ typography: a,
1363
1413
  components: {
1364
1414
  MuiAlert: {
1365
1415
  defaultProps: {
1366
1416
  iconMapping: {
1367
- success: /* @__PURE__ */ i(R, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1368
- error: /* @__PURE__ */ i(R, { fill: !0, name: "error", size: 24, weight: 400 }),
1369
- warning: /* @__PURE__ */ i(R, { fill: !0, name: "warning", size: 24, weight: 400 }),
1370
- info: /* @__PURE__ */ i(R, { fill: !0, name: "info", size: 24, weight: 400 })
1417
+ success: /* @__PURE__ */ n(M, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1418
+ error: /* @__PURE__ */ n(M, { fill: !0, name: "error", size: 24, weight: 400 }),
1419
+ warning: /* @__PURE__ */ n(M, { fill: !0, name: "warning", size: 24, weight: 400 }),
1420
+ info: /* @__PURE__ */ n(M, { fill: !0, name: "info", size: 24, weight: 400 })
1371
1421
  },
1372
1422
  variant: "outlined"
1373
1423
  },
1374
1424
  styleOverrides: {
1375
- root: ({ theme: r, ownerState: a }) => {
1376
- const s = a.severity || "info";
1377
- let c = o.mode === H.LIGHT ? o[s]?.[50] : o[s]?.[800];
1378
- return a.variant === "filled" && (c = o[s]?.main), {
1379
- backgroundColor: c,
1380
- borderRadius: r.shape.borderRadius,
1425
+ root: ({ theme: o, ownerState: d }) => {
1426
+ const c = d.severity || "info";
1427
+ let l = o.palette.mode === v.LIGHT ? o.palette[c]?.[50] : o.palette[c]?.[800];
1428
+ if (d.variant === "filled") {
1429
+ const s = c === "warning";
1430
+ l = o.palette[c]?.[s ? 400 : 600];
1431
+ }
1432
+ return {
1433
+ backgroundColor: l,
1434
+ borderRadius: o.shape.borderRadius,
1381
1435
  "& .MuiAlert-message": {
1382
- fontSize: n.subtitle1.fontSize,
1383
- lineHeight: n.subtitle1.lineHeight,
1436
+ fontSize: o.typography.subtitle1.fontSize,
1437
+ lineHeight: o.typography.subtitle1.lineHeight,
1384
1438
  marginTop: "auto",
1385
1439
  marginBottom: "auto"
1386
1440
  },
@@ -1406,17 +1460,17 @@ const so = (e) => {
1406
1460
  disableElevation: !0
1407
1461
  },
1408
1462
  styleOverrides: {
1409
- root: {
1463
+ root: ({ theme: o }) => ({
1410
1464
  fontWeight: 600,
1411
1465
  textTransform: "none",
1412
1466
  "&.Mui-disabled": {
1413
1467
  cursor: "not-allowed"
1414
1468
  },
1415
1469
  "&.Mui-focusVisible": {
1416
- outline: `2px solid ${o.info.main}`,
1470
+ outline: `2px solid ${o.palette.info.main}`,
1417
1471
  outlineOffset: "2px"
1418
1472
  }
1419
- },
1473
+ }),
1420
1474
  sizeMedium: {
1421
1475
  height: 44
1422
1476
  }
@@ -1450,7 +1504,7 @@ const so = (e) => {
1450
1504
  styleOverrides: {
1451
1505
  root: {
1452
1506
  "&.Mui-focusVisible": {
1453
- boxShadow: `inset 0 0 0 2px ${o.info.main}`
1507
+ boxShadow: `inset 0 0 0 2px ${i.info.main}`
1454
1508
  }
1455
1509
  }
1456
1510
  }
@@ -1479,22 +1533,22 @@ const so = (e) => {
1479
1533
  },
1480
1534
  MuiDataGrid: {
1481
1535
  styleOverrides: {
1482
- root: {
1536
+ root: ({ theme: o }) => ({
1483
1537
  border: "none",
1484
1538
  borderRadius: 0,
1485
- fontSize: n.body2.fontSize,
1539
+ fontSize: o.typography.body2.fontSize,
1486
1540
  "& .MuiDataGrid-cell": {
1487
1541
  display: "flex",
1488
1542
  alignItems: "center",
1489
1543
  borderTop: "1px solid",
1490
- borderColor: o.background.highlight
1544
+ borderColor: o.palette.background.highlight
1491
1545
  },
1492
1546
  "& .MuiDataGrid-cell:focus": { outline: "unset" },
1493
1547
  "& .MuiDataGrid-iconSeparator": { display: "none" },
1494
1548
  "& .MuiDataGrid-columnHeaders": {
1495
- backgroundColor: o.background.paper,
1549
+ backgroundColor: o.palette.background.paper,
1496
1550
  borderBottom: "2px solid",
1497
- borderColor: o.divider
1551
+ borderColor: o.palette.divider
1498
1552
  },
1499
1553
  "& .MuiDataGrid-columnHeaderTitle": {
1500
1554
  fontWeight: 600
@@ -1507,47 +1561,47 @@ const so = (e) => {
1507
1561
  "& .MuiDataGrid-row": { cursor: "pointer" },
1508
1562
  "& .MuiDataGrid-columnHeader--last": { pr: 16 },
1509
1563
  "& .MuiDataGrid-cell--textRight": { pr: 16 }
1510
- }
1564
+ })
1511
1565
  }
1512
1566
  },
1513
1567
  MuiDateRangePickerDay: {
1514
1568
  styleOverrides: {
1515
- root: ({ theme: r }) => ({
1569
+ root: ({ theme: o }) => ({
1516
1570
  ":first-of-type": {
1517
- borderTopLeftRadius: r.shape.borderRadius,
1518
- borderBottomLeftRadius: r.shape.borderRadius,
1571
+ borderTopLeftRadius: o.shape.borderRadius,
1572
+ borderBottomLeftRadius: o.shape.borderRadius,
1519
1573
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1520
- borderTopLeftRadius: r.shape.borderRadius,
1521
- borderBottomLeftRadius: r.shape.borderRadius
1574
+ borderTopLeftRadius: o.shape.borderRadius,
1575
+ borderBottomLeftRadius: o.shape.borderRadius
1522
1576
  }
1523
1577
  },
1524
1578
  ":last-of-type": {
1525
- borderTopRightRadius: r.shape.borderRadius,
1526
- borderBottomRightRadius: r.shape.borderRadius,
1579
+ borderTopRightRadius: o.shape.borderRadius,
1580
+ borderBottomRightRadius: o.shape.borderRadius,
1527
1581
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1528
- borderTopRightRadius: r.shape.borderRadius,
1529
- borderBottomRightRadius: r.shape.borderRadius
1582
+ borderTopRightRadius: o.shape.borderRadius,
1583
+ borderBottomRightRadius: o.shape.borderRadius
1530
1584
  }
1531
1585
  },
1532
1586
  "& .Mui-selected": {
1533
- borderRadius: r.shape.borderRadius
1587
+ borderRadius: o.shape.borderRadius
1534
1588
  },
1535
1589
  "& .MuiPickersDay-dayOutsideMonth": {
1536
- color: o.action.disabled
1590
+ color: o.palette.action.disabled
1537
1591
  }
1538
1592
  }),
1539
- day: ({ theme: r }) => ({
1540
- borderRadius: r.shape.borderRadius
1593
+ day: ({ theme: o }) => ({
1594
+ borderRadius: o.shape.borderRadius
1541
1595
  }),
1542
- rangeIntervalDayPreview: ({ theme: r }) => ({
1543
- borderRadius: r.shape.borderRadius
1596
+ rangeIntervalDayPreview: ({ theme: o }) => ({
1597
+ borderRadius: o.shape.borderRadius
1544
1598
  })
1545
1599
  }
1546
1600
  },
1547
1601
  MuiDayCalendar: {
1548
1602
  styleOverrides: {
1549
- weekDayLabel: ({ theme: r }) => ({
1550
- fontSize: r.typography.body2.fontSize,
1603
+ weekDayLabel: ({ theme: o }) => ({
1604
+ fontSize: o.typography.body2.fontSize,
1551
1605
  fontWeight: 700
1552
1606
  })
1553
1607
  }
@@ -1589,14 +1643,14 @@ const so = (e) => {
1589
1643
  },
1590
1644
  MuiFormHelperText: {
1591
1645
  styleOverrides: {
1592
- root: ({ theme: r }) => ({
1646
+ root: ({ theme: o }) => ({
1593
1647
  fontSize: 13,
1594
1648
  // Small
1595
1649
  marginLeft: 0,
1596
1650
  display: "flex",
1597
1651
  alignItems: "center",
1598
1652
  position: "relative",
1599
- color: r.palette.text.secondary,
1653
+ color: o.palette.text.secondary,
1600
1654
  "& .MuiSvgIcon-root": {
1601
1655
  height: "16px",
1602
1656
  width: "16px",
@@ -1612,7 +1666,7 @@ const so = (e) => {
1612
1666
  MuiFormLabel: {
1613
1667
  styleOverrides: {
1614
1668
  asterisk: {
1615
- color: o.error.main
1669
+ color: i.error.main
1616
1670
  }
1617
1671
  }
1618
1672
  },
@@ -1627,19 +1681,19 @@ const so = (e) => {
1627
1681
  disableFocusRipple: !0
1628
1682
  },
1629
1683
  styleOverrides: {
1630
- root: ({ theme: r }) => ({
1631
- borderRadius: r.shape.borderRadius,
1684
+ root: ({ theme: o }) => ({
1685
+ borderRadius: o.shape.borderRadius,
1632
1686
  minHeight: 44,
1633
1687
  // touch target
1634
1688
  minWidth: 44,
1635
1689
  // touch target
1636
1690
  "&.Mui-focusVisible": {
1637
- outline: `2px solid ${o.info.main}`,
1691
+ outline: `2px solid ${o.palette.info.main}`,
1638
1692
  outlineOffset: "2px"
1639
1693
  },
1640
1694
  "& .MuiTouchRipple-root": {
1641
1695
  "& .MuiTouchRipple-child": {
1642
- borderRadius: r.shape.borderRadius
1696
+ borderRadius: o.shape.borderRadius
1643
1697
  }
1644
1698
  }
1645
1699
  })
@@ -1660,13 +1714,13 @@ const so = (e) => {
1660
1714
  borderRadius: 4
1661
1715
  },
1662
1716
  colorPrimary: {
1663
- backgroundColor: o.grey[300]
1717
+ backgroundColor: i.grey[300]
1664
1718
  }
1665
1719
  }
1666
1720
  },
1667
1721
  MuiLink: {
1668
1722
  styleOverrides: {
1669
- root: ({ color: r }) => ({
1723
+ root: ({ theme: o, color: d }) => ({
1670
1724
  cursor: "pointer",
1671
1725
  fontWeight: 600,
1672
1726
  textDecoration: "none",
@@ -1678,10 +1732,10 @@ const so = (e) => {
1678
1732
  outlineOffset: "2px"
1679
1733
  },
1680
1734
  "&:hover": {
1681
- backgroundColor: o.action.hover
1735
+ backgroundColor: o.palette.action.hover
1682
1736
  },
1683
1737
  "&:active": {
1684
- backgroundColor: o.mode === H.LIGHT ? o[r].light : o[r].dark
1738
+ backgroundColor: o.palette.mode === v.LIGHT ? o.palette[d].light : o.palette[d].dark
1685
1739
  }
1686
1740
  })
1687
1741
  }
@@ -1708,9 +1762,9 @@ const so = (e) => {
1708
1762
  disablePadding: !0
1709
1763
  },
1710
1764
  styleOverrides: {
1711
- root: ({ ownerState: r }) => ({
1765
+ root: ({ ownerState: o }) => ({
1712
1766
  minHeight: 64,
1713
- ...!r.disablePadding && {
1767
+ ...!o.disablePadding && {
1714
1768
  paddingTop: 12,
1715
1769
  paddingBottom: 12,
1716
1770
  paddingLeft: 24
@@ -1734,8 +1788,7 @@ const so = (e) => {
1734
1788
  },
1735
1789
  MuiListItemButton: {
1736
1790
  styleOverrides: {
1737
- root: {
1738
- // root: ({ theme }) => ({
1791
+ root: ({ theme: o }) => ({
1739
1792
  minHeight: 64,
1740
1793
  paddingLeft: 24,
1741
1794
  paddingRight: 24,
@@ -1744,10 +1797,10 @@ const so = (e) => {
1744
1797
  "&.Mui-focusVisible": {
1745
1798
  backgroundColor: "transparent",
1746
1799
  borderRadius: 8,
1747
- outline: `2px solid ${o.info.main}`,
1800
+ outline: `2px solid ${o.palette.info.main}`,
1748
1801
  outlineOffset: -2
1749
1802
  }
1750
- }
1803
+ })
1751
1804
  }
1752
1805
  },
1753
1806
  MuiListItemIcon: {
@@ -1766,7 +1819,7 @@ const so = (e) => {
1766
1819
  },
1767
1820
  secondaryTypographyProps: {
1768
1821
  fontSize: 11,
1769
- color: o.text.secondary
1822
+ color: i.text.secondary
1770
1823
  }
1771
1824
  },
1772
1825
  styleOverrides: {
@@ -1786,7 +1839,7 @@ const so = (e) => {
1786
1839
  lineHeight: "inherit",
1787
1840
  top: -1,
1788
1841
  // This fixes an issue where there is a 1px gap when the subheader sticks to the top while scrolling
1789
- backgroundColor: o.background.default
1842
+ backgroundColor: i.background.default
1790
1843
  }
1791
1844
  }
1792
1845
  },
@@ -1861,20 +1914,20 @@ const so = (e) => {
1861
1914
  gridColumn: "1/4",
1862
1915
  "& > .MuiTypography-root": {
1863
1916
  textTransform: "uppercase",
1864
- fontSize: n.body2.fontSize,
1917
+ fontSize: a.body2.fontSize,
1865
1918
  fontWeight: 600,
1866
- lineHeight: n.body2.lineHeight
1919
+ lineHeight: a.body2.lineHeight
1867
1920
  }
1868
1921
  }
1869
1922
  }
1870
1923
  },
1871
1924
  MuiPickersToolbar: {
1872
1925
  styleOverrides: {
1873
- content: ({ theme: r }) => ({
1926
+ content: ({ theme: o }) => ({
1874
1927
  marginTop: 4,
1875
1928
  "& .MuiTypography-root": {
1876
- fontSize: r.typography.h3.fontSize,
1877
- lineHeight: r.typography.h3.lineHeight
1929
+ fontSize: o.typography.h3.fontSize,
1930
+ lineHeight: o.typography.h3.lineHeight
1878
1931
  }
1879
1932
  })
1880
1933
  }
@@ -1900,7 +1953,7 @@ const so = (e) => {
1900
1953
  disableFocusRipple: !0
1901
1954
  },
1902
1955
  styleOverrides: {
1903
- root: {
1956
+ root: ({ theme: o }) => ({
1904
1957
  width: 37,
1905
1958
  height: 20,
1906
1959
  padding: 0,
@@ -1911,7 +1964,7 @@ const so = (e) => {
1911
1964
  "&.Mui-checked": {
1912
1965
  transform: "translateX(16px)",
1913
1966
  "& + .MuiSwitch-track": {
1914
- backgroundColor: o.success.main,
1967
+ backgroundColor: o.palette.success.main,
1915
1968
  opacity: 1,
1916
1969
  border: 0
1917
1970
  },
@@ -1920,31 +1973,31 @@ const so = (e) => {
1920
1973
  }
1921
1974
  },
1922
1975
  "&.Mui-disabled .MuiSwitch-thumb": {
1923
- color: o.common.white
1976
+ color: o.palette.common.white
1924
1977
  },
1925
1978
  "&.Mui-disabled + .MuiSwitch-track": {
1926
- backgroundColor: o.action.disabledBackground,
1979
+ backgroundColor: o.palette.action.disabledBackground,
1927
1980
  opacity: 1
1928
1981
  }
1929
1982
  },
1930
1983
  "& .MuiSwitch-input": {
1931
1984
  "&:focus-visible ~ .MuiSwitch-thumb": {
1932
- outline: `2px solid ${o.info.main}`,
1985
+ outline: `2px solid ${o.palette.info.main}`,
1933
1986
  outlineOffset: 0
1934
1987
  }
1935
1988
  },
1936
1989
  "& .MuiSwitch-thumb": {
1937
1990
  boxSizing: "border-box",
1938
- backgroundColor: o.background.paper,
1991
+ backgroundColor: o.palette.background.paper,
1939
1992
  width: 16,
1940
1993
  height: 16
1941
1994
  },
1942
1995
  "& .MuiSwitch-track": {
1943
- backgroundColor: o.action.active,
1996
+ backgroundColor: o.palette.action.active,
1944
1997
  borderRadius: 20 / 2,
1945
1998
  opacity: 1
1946
1999
  }
1947
- }
2000
+ })
1948
2001
  }
1949
2002
  },
1950
2003
  MuiTab: {
@@ -1957,7 +2010,7 @@ const so = (e) => {
1957
2010
  fontWeight: 600,
1958
2011
  "&.Mui-focusVisible": {
1959
2012
  outline: "none",
1960
- boxShadow: `inset 0 0 0 2px ${o.info.main}`,
2013
+ boxShadow: `inset 0 0 0 2px ${i.info.main}`,
1961
2014
  borderRadius: 4
1962
2015
  }
1963
2016
  }
@@ -1968,7 +2021,7 @@ const so = (e) => {
1968
2021
  root: {
1969
2022
  borderBottomStyle: "solid",
1970
2023
  borderBottomWidth: 1,
1971
- borderColor: o.divider,
2024
+ borderColor: i.divider,
1972
2025
  marginBottom: 8
1973
2026
  }
1974
2027
  }
@@ -1982,7 +2035,7 @@ const so = (e) => {
1982
2035
  },
1983
2036
  styleOverrides: {
1984
2037
  root: {
1985
- backgroundColor: o.background.paper
2038
+ backgroundColor: i.background.paper
1986
2039
  }
1987
2040
  }
1988
2041
  },
@@ -1993,29 +2046,29 @@ const so = (e) => {
1993
2046
  },
1994
2047
  styleOverrides: {
1995
2048
  root: {
1996
- color: o.text.primary,
2049
+ color: i.text.primary,
1997
2050
  fontSize: 13,
1998
2051
  lineHeight: "16px",
1999
2052
  textTransform: "none",
2000
2053
  "&:focus-visible": {
2001
- outline: `2px solid ${o.info.main}`,
2054
+ outline: `2px solid ${i.info.main}`,
2002
2055
  outlineOffset: "2px"
2003
2056
  },
2004
2057
  "&:hover": {
2005
- backgroundColor: T(o.primary.main, o.mode === H.LIGHT ? 0.1 : 0.2),
2006
- borderColor: o.primary.main
2058
+ backgroundColor: b(i.primary.main, i.mode === v.LIGHT ? 0.1 : 0.2),
2059
+ borderColor: i.primary.main
2007
2060
  },
2008
2061
  "&.Mui-selected": {
2009
2062
  fontWeight: 600,
2010
- borderColor: o.primary.main,
2063
+ borderColor: i.primary.main,
2011
2064
  "&:hover": {
2012
- boxShadow: `inset 0px 0px 0px 2px ${o.primary.main}`
2065
+ boxShadow: `inset 0px 0px 0px 2px ${i.primary.main}`
2013
2066
  }
2014
2067
  },
2015
2068
  "& .MuiTouchRipple-root": {
2016
2069
  "& .MuiTouchRipple-ripple": {
2017
2070
  "& .MuiTouchRipple-child": {
2018
- backgroundColor: o.primary.main
2071
+ backgroundColor: i.primary.main
2019
2072
  }
2020
2073
  }
2021
2074
  }
@@ -2026,19 +2079,19 @@ const so = (e) => {
2026
2079
  props: { color: "error" },
2027
2080
  style: {
2028
2081
  "&:hover": {
2029
- backgroundColor: T(o.error.main, o.mode === H.LIGHT ? 0.1 : 0.2),
2030
- borderColor: o.error.main
2082
+ backgroundColor: b(i.error.main, i.mode === v.LIGHT ? 0.1 : 0.2),
2083
+ borderColor: i.error.main
2031
2084
  },
2032
2085
  "&.Mui-selected": {
2033
- borderColor: o.error.main,
2086
+ borderColor: i.error.main,
2034
2087
  "&:hover": {
2035
- boxShadow: `inset 0px 0px 0px 2px ${o.error.main}`
2088
+ boxShadow: `inset 0px 0px 0px 2px ${i.error.main}`
2036
2089
  }
2037
2090
  },
2038
2091
  "& .MuiTouchRipple-root": {
2039
2092
  "& .MuiTouchRipple-ripple": {
2040
2093
  "& .MuiTouchRipple-child": {
2041
- backgroundColor: o.error.main
2094
+ backgroundColor: i.error.main
2042
2095
  }
2043
2096
  }
2044
2097
  }
@@ -2048,22 +2101,22 @@ const so = (e) => {
2048
2101
  props: { color: "standard" },
2049
2102
  style: {
2050
2103
  "&:hover": {
2051
- backgroundColor: T(
2052
- o.secondary.main,
2053
- o.mode === H.LIGHT ? 0.1 : 0.2
2104
+ backgroundColor: b(
2105
+ i.secondary.main,
2106
+ i.mode === v.LIGHT ? 0.1 : 0.2
2054
2107
  ),
2055
- borderColor: o.secondary.main
2108
+ borderColor: i.secondary.main
2056
2109
  },
2057
2110
  "&.Mui-selected": {
2058
- borderColor: o.secondary.main,
2111
+ borderColor: i.secondary.main,
2059
2112
  "&:hover": {
2060
- boxShadow: `inset 0px 0px 0px 2px ${o.secondary.main}`
2113
+ boxShadow: `inset 0px 0px 0px 2px ${i.secondary.main}`
2061
2114
  }
2062
2115
  },
2063
2116
  "& .MuiTouchRipple-root": {
2064
2117
  "& .MuiTouchRipple-ripple": {
2065
2118
  "& .MuiTouchRipple-child": {
2066
- backgroundColor: o.secondary.main
2119
+ backgroundColor: i.secondary.main
2067
2120
  }
2068
2121
  }
2069
2122
  }
@@ -2090,51 +2143,51 @@ const so = (e) => {
2090
2143
  });
2091
2144
  };
2092
2145
  export {
2093
- L0 as AccountsFilledIcon,
2094
- D0 as AccountsIcon,
2095
- N0 as ArrowLeftIcon,
2096
- k0 as AttentionFilledIcon,
2146
+ O0 as AccountsFilledIcon,
2147
+ F0 as AccountsIcon,
2148
+ k0 as ArrowLeftIcon,
2149
+ D0 as AttentionFilledIcon,
2097
2150
  f as BaseIcon,
2098
- j0 as BottomSheetTransition,
2099
- w0 as CalendarIcon,
2100
- m as CategoryGuids,
2101
- Ue as CategoryIcon,
2102
- ze as CategoryIconList,
2103
- Be as CategoryIconVariants,
2104
- _0 as CheckmarkFilledIcon,
2105
- P0 as ChevronDownIcon,
2106
- B0 as ChevronLeftIcon,
2107
- z0 as ChevronRightIcon,
2108
- V0 as CloseIcon,
2109
- Y0 as DateRangePicker,
2110
- $e as DialogFooter,
2111
- eo as DialogHeader,
2112
- oo as Drawer,
2113
- U0 as EditIcon,
2114
- G0 as FilterIcon,
2115
- $e as Footer,
2116
- We as H1,
2117
- Q0 as H2,
2118
- J0 as H3,
2119
- $0 as HeartIcon,
2120
- I as INTER,
2121
- R as Icon,
2122
- Pe as IconWeight,
2123
- ro as InstitutionLogo,
2124
- Z0 as MXLogoCopyrightIcon,
2125
- K0 as MXLogoFilledIcon,
2126
- W0 as MXLogoIcon,
2127
- X0 as MXLogoOutlineIcon,
2128
- to as MerchantLogo,
2129
- q0 as P,
2130
- co as SelectionBox,
2131
- L as TARGETS,
2151
+ Y0 as BottomSheetTransition,
2152
+ L0 as CalendarIcon,
2153
+ g as CategoryGuids,
2154
+ Ve as CategoryIcon,
2155
+ Be as CategoryIconList,
2156
+ Pe as CategoryIconVariants,
2157
+ N0 as CheckmarkFilledIcon,
2158
+ w0 as ChevronDownIcon,
2159
+ _0 as ChevronLeftIcon,
2160
+ P0 as ChevronRightIcon,
2161
+ B0 as CloseIcon,
2162
+ K0 as DateRangePicker,
2163
+ Ue as DialogFooter,
2164
+ J0 as DialogHeader,
2165
+ q0 as Drawer,
2166
+ z0 as EditIcon,
2167
+ V0 as FilterIcon,
2168
+ Ue as Footer,
2169
+ $e as H1,
2170
+ X0 as H2,
2171
+ j0 as H3,
2172
+ G0 as HeartIcon,
2173
+ je as INTER,
2174
+ M as Icon,
2175
+ _e as IconWeight,
2176
+ er as InstitutionLogo,
2177
+ $0 as MXLogoCopyrightIcon,
2178
+ W0 as MXLogoFilledIcon,
2179
+ U0 as MXLogoIcon,
2180
+ Z0 as MXLogoOutlineIcon,
2181
+ rr as MerchantLogo,
2182
+ Q0 as P,
2183
+ ar as SelectionBox,
2184
+ F as TARGETS,
2132
2185
  P as THEMES,
2133
- N as Text,
2134
- io as TextField,
2135
- no as Toast,
2136
- ao as TokenProvider,
2137
- so as createMXTheme,
2138
- lo as useTokens
2186
+ D as Text,
2187
+ or as TextField,
2188
+ tr as Toast,
2189
+ ir as TokenProvider,
2190
+ lr as createMXTheme,
2191
+ nr as useTokens
2139
2192
  };
2140
2193
  //# sourceMappingURL=index.es.js.map