@mxenabled/mxui 1.4.0 → 1.5.0

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 (9) hide show
  1. package/dist/index.es.js +767 -735
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/themes/Augmentations.d.ts +17 -0
  4. package/dist/themes/Colors.d.ts +4 -3
  5. package/dist/themes/MXTheme.d.ts +2 -1
  6. package/dist/themes/Palette.d.ts +195 -1
  7. package/dist/themes/Typography.d.ts +35 -2
  8. package/dist/types/ClientCustomizations.d.ts +30 -0
  9. 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
3
  import D from "@mui/material/Stack";
4
- import { useTheme as y, createTheme as ee } from "@mui/material/styles";
4
+ import { useTheme as H, createTheme as Q } 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";
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";
6
+ import { endOfMonth as $ } 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 W } from "date-fns/startOfMonth";
10
+ import { startOfYear as Z } from "date-fns/startOfYear";
11
+ import { subDays as K } from "date-fns/subDays";
12
+ import { subMonths as 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 J from "@mui/material/Box";
18
+ import Se from "@mui/material/ToggleButton";
19
+ import xe from "@mui/material/ToggleButtonGroup";
20
+ import q from "@mui/material/Slide";
21
+ import B from "@mui/material/Button";
22
+ import ee 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";
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";
34
- const f = ({
28
+ import { light as re, buildTheme as z, dark as Fe } from "@mxenabled/design-tokens";
29
+ import { Paper as De, Box as Y, Typography as X, Radio as j, alpha as b, darken as L, lighten as O, getContrastRatio as ke } from "@mui/material";
30
+ import { circularProgressClasses as Le } from "@mui/material/CircularProgress";
31
+ import { LicenseInfo as Ne } from "@mui/x-license-pro";
32
+ const m = ({
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 we = /* @__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))(we || {});
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
+ ), y0 = ({
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(m, { ...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
+ ) })), O0 = ({
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(m, { ...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
+ ) })), F0 = ({
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(m, { ...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(m, { ...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
+ ) })), k0 = ({
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(m, { ...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
+ ) })), L0 = ({
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(m, { ...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
+ ) })), N0 = ({
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(m, { ...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
+ ) })), w0 = ({
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(m, { ...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
+ ) })), _0 = ({
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(m, { ...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
+ ) })), P0 = ({
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(m, { ...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
+ ) })), B0 = ({
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(m, { ...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
+ ) })), z0 = ({
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(m, { ...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
+ ) })), V0 = ({
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(m, { ...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
+ ) })), G0 = ({
193
191
  color: e = "currentColor",
194
- ...o
195
- }) => /* @__PURE__ */ A(f, { ...o, children: [
196
- /* @__PURE__ */ i(
192
+ ...r
193
+ }) => /* @__PURE__ */ R(m, { ...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
+ ] }), U0 = ({
211
209
  color: e = "currentColor",
212
- ...o
213
- }) => /* @__PURE__ */ A(f, { ...o, children: [
214
- /* @__PURE__ */ i(
210
+ ...r
211
+ }) => /* @__PURE__ */ R(m, { ...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
+ ] }), $0 = ({
247
245
  color: e = "currentColor",
248
- ...o
249
- }) => /* @__PURE__ */ i(f, { ...o, children: /* @__PURE__ */ i(
246
+ ...r
247
+ }) => /* @__PURE__ */ n(m, { ...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
+ ) }), W0 = ({
258
256
  color: e = "currentColor",
259
- ...o
260
- }) => /* @__PURE__ */ A(f, { ...o, children: [
261
- /* @__PURE__ */ i(
257
+ ...r
258
+ }) => /* @__PURE__ */ R(m, { ...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 || {}), _e = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(_e || {});
284
+ const oe = {
285
+ guid: g.Uncategorized,
288
286
  colorName: "uncategorized",
289
287
  icon: "category"
290
- }, ze = [
288
+ }, Pe = [
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
+ oe
390
+ ], Be = 0.625, ze = ({
393
391
  categoryGuid: e,
394
- icon_ratio: o = Ve,
395
- size: n = 32,
396
- sx: r = {},
397
- variant: a = "filled"
392
+ icon_ratio: r = Be,
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
+ () => Pe.find((u) => u.guid === e) ?? oe,
401
399
  [e]
402
- ), l = s.palette.categories[c.colorName];
403
- return /* @__PURE__ */ i(
400
+ ), l = d.palette.categories[c.colorName];
401
+ return /* @__PURE__ */ n(
404
402
  D,
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
- }, Ge = ({
421
+ }, Ve = ({
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(J, { 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
+ }, Z0 = ({
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: () => [W(t), $(t)]
480
478
  },
481
479
  {
482
480
  label: e.dateRangeLastMonth,
483
- getValue: () => [X(d), K(d)]
481
+ getValue: () => [W(u), $(u)]
484
482
  },
485
483
  {
486
484
  label: e.dateRangeLast30Days,
487
- getValue: () => [j(u, 30), u]
485
+ getValue: () => [K(t, 30), t]
488
486
  },
489
487
  {
490
488
  label: e.dateRangeLast90Days,
491
- getValue: () => [j(u, 90), u]
489
+ getValue: () => [K(t, 90), t]
492
490
  },
493
491
  {
494
492
  label: e.dateRangeYTD,
495
- getValue: () => [Y(u), u]
493
+ getValue: () => [Z(t), t]
496
494
  },
497
495
  {
498
496
  label: e.dateRangeLastYear,
499
- getValue: () => [Y(b), be(b)]
497
+ getValue: () => [Z(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(D, { 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,26 +526,26 @@ 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(Ve, { 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
+ }, K0 = C.forwardRef(function(r, i) {
538
+ return /* @__PURE__ */ n(q, { direction: "up", ref: i, ...r });
539
+ }), Ge = ({
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(
548
+ }) => /* @__PURE__ */ R(
551
549
  D,
552
550
  {
553
551
  direction: "row",
@@ -555,34 +553,34 @@ const ne = {
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
+ B,
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
+ B,
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
+ ), k = ({
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,23 +633,23 @@ 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
+ }, Ue = ({ className: e = "", children: r, ...i }) => /* @__PURE__ */ n(k, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...i, children: r }), Y0 = ({ className: e = "", children: r, ...i }) => /* @__PURE__ */ n(k, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...i, children: r }), X0 = ({ className: e = "", children: r, ...i }) => /* @__PURE__ */ n(k, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...i, children: r }), j0 = ({ className: e = "", children: r, truncate: i, ...a }) => /* @__PURE__ */ n(
643
+ k,
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(
652
+ ), Q0 = ({ copy: e, onClose: r }) => /* @__PURE__ */ R(
655
653
  D,
656
654
  {
657
655
  sx: {
@@ -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(Ue, { variant: "h3", children: e.title }),
664
+ /* @__PURE__ */ n(ee, { "aria-label": e.close_aria, onClick: r, sx: { mr: -12 }, children: /* @__PURE__ */ n(fe, {}) })
667
665
  ]
668
666
  }
669
- ), oo = ({
667
+ ), J0 = ({
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
+ Ge,
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
+ ), te = 32, V = "https://content.moneydesktop.com/storage/MD_Assets", $e = `${V}/serenity/default_institution_logo.png`, q0 = ({
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 = te,
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 = $e,
714
+ src: i || `${V}/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
+ ), er = ({
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 = te,
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(J, { 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: `${V}/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(ze, { categoryGuid: r, size: a })
750
748
  ] });
751
- }, io = ({
749
+ }, rr = ({
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 We(e) {
768
+ return /* @__PURE__ */ n(q, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
771
769
  }
772
- const no = ({
770
+ const or = ({
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(
783
+ const T = H(), f = /* @__PURE__ */ R(
791
784
  D,
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
+ B,
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
+ ee,
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: We,
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: f,
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,134 @@ const no = ({
861
853
  }
862
854
  },
863
855
  variant: "filled",
864
- children: /* @__PURE__ */ i(
865
- N,
856
+ children: /* @__PURE__ */ n(
857
+ k,
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
- }, P = {
877
+ }, w = {
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
+ }, ie = C.createContext(re), ne = C.createContext(
881
+ z(w.LIGHT, F.REACT_NATIVE)
882
+ ), tr = ({
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 = w.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 === w.LIGHT ? re : 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 = z(i, r, { ...c });
893
+ d(l);
894
+ }, [i, r, c]), r === F.REACT ? /* @__PURE__ */ n(ie.Provider, { value: o, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ n(ne.Provider, { value: o, children: e }));
895
+ }, ir = (e = F.REACT, r = {}) => {
896
+ const i = e === F.REACT ? ie : ne, a = C.useContext(i);
897
+ return a || z(w.LIGHT, e, { ...r });
898
+ }, nr = ({
899
+ component: e = j,
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 = {}
919
911
  }) => {
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);
912
+ const f = H(), ae = e, le = () => {
913
+ if (!s && a && l) {
914
+ const U = e === j ? !0 : !i;
915
+ a({
916
+ target: { value: l, checked: U }
917
+ }, U);
926
918
  }
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(
919
+ }, G = () => t ? f.palette.error.main : i ? b(f.palette.primary.main, 0.5) : f.palette.border.main, y = () => f.palette.background.paper, ce = () => i ? "2px" : "1px", se = () => {
920
+ if (!s)
921
+ return t ? f.palette.error.main : b(f.palette.primary.main, 0.5);
922
+ }, de = () => s || t ? y() : b(f.palette.primary.main, 0.1), ue = () => {
923
+ if (!s)
924
+ return t ? f.palette.error.main : b(f.palette.primary.main, 0.5);
925
+ }, pe = () => s || t ? y() : b(f.palette.primary.main, 0.3), he = () => s ? G() : t ? f.palette.error.main : f.palette.info.main, P = () => !!(r === "outlined" || r === "elevation" && (t || i));
926
+ return /* @__PURE__ */ R(
935
927
  De,
936
928
  {
937
- elevation: o === "elevation" ? 1 : 0,
938
- onClick: k,
929
+ elevation: r === "elevation" ? 1 : 0,
930
+ onClick: le,
939
931
  sx: {
940
932
  display: "flex",
941
933
  padding: "6px 16px",
942
934
  alignItems: "flex-start",
943
935
  justifyContent: "space-between",
944
- borderRadius: g.shape.borderRadius / 2,
936
+ borderRadius: f.shape.borderRadius / 2,
945
937
  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
938
+ cursor: s ? "not-allowed" : "pointer",
939
+ opacity: s ? 0.6 : 1,
940
+ backgroundColor: y(),
941
+ border: P() ? `${ce()} solid ${G()}` : "none",
942
+ transition: f.transitions.create(["border-color", "box-shadow", "background-color"], {
943
+ duration: f.transitions.duration.short
952
944
  }),
953
945
  "&:hover": {
954
- borderColor: V() ? de() : void 0,
955
- backgroundColor: ue()
946
+ borderColor: P() ? se() : void 0,
947
+ backgroundColor: de()
956
948
  },
957
949
  "&:active": {
958
- borderColor: V() ? pe() : void 0,
959
- backgroundColor: he()
950
+ borderColor: P() ? ue() : void 0,
951
+ backgroundColor: pe()
960
952
  },
961
953
  "&:focus-visible": {
962
- outline: `2px solid ${me()}`,
954
+ outline: `2px solid ${he()}`,
963
955
  outlineOffset: "2px"
964
956
  },
965
- ...b
957
+ ...T
966
958
  },
967
959
  tabIndex: 0,
968
- variant: o,
960
+ variant: r,
969
961
  children: [
970
- d && /* @__PURE__ */ i(
971
- Q,
962
+ u && /* @__PURE__ */ n(
963
+ Y,
972
964
  {
973
965
  sx: {
974
966
  mr: 16,
975
967
  mt: "8px",
976
968
  flexShrink: 0
977
969
  },
978
- children: d
970
+ children: u
979
971
  }
980
972
  ),
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 })
973
+ /* @__PURE__ */ R(Y, { sx: { flex: 1, minWidth: 0, py: "8px" }, children: [
974
+ o && /* @__PURE__ */ n(X, { fontWeight: 600, sx: { lineHeight: "24px" }, variant: "body1", children: o }),
975
+ /* @__PURE__ */ n(X, { sx: { lineHeight: "20px" }, variant: "subtitle2", children: d })
984
976
  ] }),
985
- /* @__PURE__ */ i(
986
- z,
977
+ /* @__PURE__ */ n(
978
+ ae,
987
979
  {
988
- checked: n,
989
- disabled: t,
980
+ checked: i,
981
+ disabled: s,
990
982
  name: c,
991
- onChange: r,
983
+ onChange: a,
992
984
  sx: {
993
985
  p: 0,
994
986
  ml: 16,
@@ -1004,27 +996,27 @@ const no = ({
1004
996
  ]
1005
997
  }
1006
998
  );
1007
- }, H = {
999
+ }, v = {
1008
1000
  LIGHT: "light"
1009
- }, M = (e) => ({
1001
+ }, E = (e) => ({
1010
1002
  50: O(e, 0.95),
1011
1003
  100: O(e, 0.85),
1012
1004
  200: O(e, 0.7),
1013
1005
  300: O(e, 0.55),
1014
1006
  400: O(e, 0.3),
1015
1007
  500: e,
1016
- 600: w(e, 0.3),
1017
- 700: w(e, 0.5),
1018
- 800: w(e, 0.65),
1019
- 900: w(e, 0.75)
1020
- }), E = "#FFFFFF", _ = "#000000", Xe = "#F9F9F9", Ye = "#1A1A1A", S = {
1008
+ 600: L(e, 0.3),
1009
+ 700: L(e, 0.5),
1010
+ 800: L(e, 0.65),
1011
+ 900: L(e, 0.75)
1012
+ }), A = "#FFFFFF", N = "#000000", Ze = "#F9F9F9", Ke = "#1A1A1A", S = {
1021
1013
  PRIMARY: "#2C64EF",
1022
1014
  SECONDARY: "#808080",
1023
1015
  INFO: "#2C64EF",
1024
1016
  SUCCESS: "#12875E",
1025
1017
  WARNING: "#FF7B00",
1026
1018
  ERROR: "#E32727",
1027
- NEUTRAL: "#808080"
1019
+ GREY: "#808080"
1028
1020
  }, x = {
1029
1021
  CHART1: "#74E4DA",
1030
1022
  CHART2: "#ED64A4",
@@ -1033,7 +1025,7 @@ const no = ({
1033
1025
  CHART5: "#60A9FF",
1034
1026
  CHART6: "#C8BAEE",
1035
1027
  CHART7: "#585E67"
1036
- }, v = {
1028
+ }, I = {
1037
1029
  CHART_MONO1: "#C3EAFF",
1038
1030
  CHART_MONO2: "#8ED7FF",
1039
1031
  CHART_MONO3: "#60A9FF",
@@ -1086,80 +1078,81 @@ const no = ({
1086
1078
  TRANSFER: "#75C7B7",
1087
1079
  TRAVEL: "#76ACF7",
1088
1080
  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({
1081
+ }, Ye = (e, r) => {
1082
+ 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;
1083
+ return {
1092
1084
  mode: e,
1093
- // DEPRECATED: Use Neutral instead
1085
+ // DEPRECATED: Use grey instead
1094
1086
  border: {
1095
1087
  /* 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],
1088
+ lighter: t ? s[300] : s[700],
1089
+ light: t ? s[300] : s[700],
1090
+ main: t ? s[400] : s[600],
1091
+ dark: s[500],
1100
1092
  /* DEPRECATED: Use light instead */
1101
- darker: l[500]
1093
+ darker: s[500]
1102
1094
  },
1103
1095
  common: {
1104
- white: E,
1105
- black: _
1096
+ white: A,
1097
+ black: N
1106
1098
  },
1107
1099
  primary: {
1108
- ...o,
1100
+ ...i,
1109
1101
  /* 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],
1102
+ lighter: t ? i[100] : i[800],
1103
+ light: t ? i[300] : i[600],
1104
+ main: t ? i[500] : i[400],
1105
+ dark: t ? i[700] : i[200],
1114
1106
  /* DEPRECATED: Use dark instead */
1115
- darker: t ? o[900] : o[100]
1107
+ darker: t ? i[900] : i[100]
1116
1108
  },
1117
1109
  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
1110
  ...a,
1144
1111
  /* DEPRECATED: Use light instead */
1145
1112
  lighter: t ? a[100] : a[800],
1146
1113
  light: t ? a[300] : a[600],
1147
1114
  main: t ? a[500] : a[400],
1148
1115
  dark: t ? a[700] : a[200],
1149
- /* DEPRECATED: Use light instead */
1116
+ /* DEPRECATED: Use dark instead */
1150
1117
  darker: t ? a[900] : a[100]
1151
1118
  },
1152
- info: {
1119
+ neutral: {
1153
1120
  ...s,
1154
1121
  /* DEPRECATED: Use light instead */
1155
1122
  lighter: t ? s[100] : s[800],
1156
1123
  light: t ? s[300] : s[600],
1157
1124
  main: t ? s[500] : s[400],
1158
1125
  dark: t ? s[700] : s[200],
1126
+ /* DEPRECATED: Use dark instead */
1127
+ darker: t ? s[900] : s[100],
1128
+ contrastText: ke(t ? s[700] : s[400], "#fff") > 4.5 ? A : s[900]
1129
+ },
1130
+ text: {
1131
+ primary: t ? s[900] : A,
1132
+ secondary: t ? s[600] : b(A, 0.7),
1133
+ disabled: t ? s[500] : b(A, 0.38)
1134
+ },
1135
+ error: {
1136
+ ...o,
1159
1137
  /* DEPRECATED: Use light instead */
1160
- darker: t ? s[900] : s[100]
1138
+ lighter: t ? o[100] : o[800],
1139
+ light: t ? o[300] : o[600],
1140
+ main: t ? o[500] : o[400],
1141
+ dark: t ? o[700] : o[200],
1142
+ /* DEPRECATED: Use light instead */
1143
+ darker: t ? o[900] : o[100]
1161
1144
  },
1162
- success: {
1145
+ warning: {
1146
+ ...d,
1147
+ /* DEPRECATED: Use light instead */
1148
+ lighter: t ? d[100] : d[800],
1149
+ light: t ? d[300] : d[600],
1150
+ main: t ? d[500] : d[400],
1151
+ dark: t ? d[700] : d[200],
1152
+ /* DEPRECATED: Use light instead */
1153
+ darker: t ? d[900] : d[100]
1154
+ },
1155
+ info: {
1163
1156
  ...c,
1164
1157
  /* DEPRECATED: Use light instead */
1165
1158
  lighter: t ? c[100] : c[800],
@@ -1169,20 +1162,30 @@ const no = ({
1169
1162
  /* DEPRECATED: Use light instead */
1170
1163
  darker: t ? c[900] : c[100]
1171
1164
  },
1172
- grey: l,
1165
+ success: {
1166
+ ...l,
1167
+ /* DEPRECATED: Use light instead */
1168
+ lighter: t ? l[100] : l[800],
1169
+ light: t ? l[300] : l[600],
1170
+ main: t ? l[500] : l[400],
1171
+ dark: t ? l[700] : l[200],
1172
+ /* DEPRECATED: Use light instead */
1173
+ darker: t ? l[900] : l[100]
1174
+ },
1175
+ grey: s,
1173
1176
  action: {
1174
- active: t ? T(_, 0.56) : T(E, 0.56),
1177
+ active: t ? b(N, 0.56) : b(A, 0.56),
1175
1178
  hoverOpacity: t ? 0.1 : 0.2,
1176
1179
  selectedOpacity: t ? 0.16 : 0.25,
1177
1180
  focusOpacity: 0.3
1178
1181
  },
1179
1182
  background: {
1180
- default: t ? Xe : Ye,
1181
- paper: t ? E : _,
1182
- highlight: t ? l[200] : l[600],
1183
- highlightPrimary: t ? o[100] : o[500]
1183
+ default: t ? r?.background?.default?.light || Ze : r?.background?.default?.dark || Ke,
1184
+ paper: t ? r?.background?.paper?.light || A : r?.background?.paper?.dark || N,
1185
+ highlight: t ? s[200] : s[600],
1186
+ highlightPrimary: t ? i[100] : i[500]
1184
1187
  },
1185
- divider: t ? T(_, 0.12) : T(E, 0.24),
1188
+ divider: t ? b(N, 0.12) : b(A, 0.24),
1186
1189
  categories: {
1187
1190
  autoTransport: t ? p.AUTO_TRANSPORTT : h.AUTO_TRANSPORTT,
1188
1191
  billsUtilities: t ? p.BILLS_UTILITIES : h.BILLS_UTILITIES,
@@ -1217,132 +1220,158 @@ const no = ({
1217
1220
  chart7: x.CHART7
1218
1221
  },
1219
1222
  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
1223
+ chartMono1: I.CHART_MONO1,
1224
+ chartMono2: I.CHART_MONO2,
1225
+ chartMono3: I.CHART_MONO3,
1226
+ chartMono4: I.CHART_MONO4,
1227
+ chartMono5: I.CHART_MONO5,
1228
+ chartMono6: I.CHART_MONO6
1226
1229
  }
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: {
1230
+ };
1231
+ }, Xe = "Inter, Helvetica, Arial, sans-serif", je = (e) => {
1232
+ const r = e?.fontFamily || Xe;
1233
+ return {
1234
+ fontFamily: r,
1314
1235
  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(
1236
+ Body: {
1237
+ // DEPRECATED: Use body1 instead
1238
+ fontFamily: r,
1239
+ fontSize: 15,
1240
+ lineHeight: "20px"
1241
+ },
1242
+ body1: {
1243
+ fontFamily: r,
1244
+ fontSize: 15,
1245
+ lineHeight: "20px"
1246
+ },
1247
+ Small: {
1248
+ // DEPRECATED: Use body2 instead
1249
+ fontFamily: r,
1250
+ fontSize: 15,
1251
+ lineHeight: "20px"
1252
+ },
1253
+ body2: {
1254
+ fontFamily: r,
1255
+ fontSize: 13,
1256
+ lineHeight: "16px"
1257
+ },
1258
+ Button: {
1259
+ // DEPRECATED: Use button instead
1260
+ fontFamily: r,
1261
+ fontSize: 15
1262
+ },
1263
+ button: {
1264
+ fontFamily: r,
1265
+ fontSize: 15
1266
+ },
1267
+ XSmall: {
1268
+ // DEPRECATED: Use caption instead
1269
+ fontFamily: r,
1270
+ fontSize: 11,
1271
+ lineHeight: "16px"
1272
+ },
1273
+ caption: {
1274
+ fontFamily: r,
1275
+ fontSize: 11,
1276
+ lineHeight: "16px"
1277
+ },
1278
+ H1: {
1279
+ // DEPRECATED: Use h1 instead
1280
+ fontFamily: r,
1281
+ fontWeight: 700,
1282
+ fontSize: 31,
1283
+ lineHeight: "40px"
1284
+ },
1285
+ h1: {
1286
+ fontFamily: r,
1287
+ fontWeight: 700,
1288
+ fontSize: 31,
1289
+ lineHeight: "40px"
1290
+ },
1291
+ H2: {
1292
+ // DEPRECATED: Use h2 instead
1293
+ fontFamily: r,
1294
+ fontWeight: 700,
1295
+ fontSize: 23,
1296
+ lineHeight: "32px"
1297
+ },
1298
+ h2: {
1299
+ fontFamily: r,
1300
+ fontWeight: 700,
1301
+ fontSize: 23,
1302
+ lineHeight: "32px"
1303
+ },
1304
+ H3: {
1305
+ // DEPRECATED: Use h3 instead
1306
+ fontFamily: r,
1307
+ fontWeight: 700,
1308
+ fontSize: 18,
1309
+ lineHeight: "24px"
1310
+ },
1311
+ h3: {
1312
+ fontFamily: r,
1313
+ fontWeight: 700,
1314
+ fontSize: 18,
1315
+ lineHeight: "24px"
1316
+ },
1317
+ // h4: {
1318
+ // fontFamily,
1319
+ // },
1320
+ // h5: {
1321
+ // fontFamily,
1322
+ // },
1323
+ // h6: {
1324
+ // fontFamily,
1325
+ // },
1326
+ // overline: {
1327
+ // fontFamily,
1328
+ // },
1329
+ Paragraph: {
1330
+ // DEPRECATED: Use subtitle1 instead
1331
+ fontFamily: r,
1332
+ fontSize: 15,
1333
+ lineHeight: "24px"
1334
+ },
1335
+ subtitle1: {
1336
+ fontFamily: r,
1337
+ fontSize: 15,
1338
+ lineHeight: "24px"
1339
+ },
1340
+ ParagraphSmall: {
1341
+ // DEPRECATED: Use subtitle2 instead
1342
+ fontFamily: r,
1343
+ fontSize: 13,
1344
+ lineHeight: "20px"
1345
+ },
1346
+ subtitle2: {
1347
+ fontFamily: r,
1348
+ fontSize: 13,
1349
+ lineHeight: "20px"
1350
+ },
1351
+ Tiny: {
1352
+ // DEPRECATED: Use tiny instead
1353
+ fontFamily: r,
1354
+ fontSize: 9,
1355
+ lineHeight: "12px"
1356
+ },
1357
+ tiny: {
1358
+ fontFamily: r,
1359
+ fontSize: 9,
1360
+ lineHeight: "12px"
1361
+ },
1362
+ ...e
1363
+ };
1364
+ };
1365
+ Ne.setLicenseKey(
1337
1366
  "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
1338
1367
  );
1339
- const B = [...ee().shadows];
1340
- B[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1341
- B[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1342
- 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({
1368
+ const _ = [...Q().shadows];
1369
+ _[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1370
+ _[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1371
+ _[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1372
+ const ar = (e, r) => {
1373
+ const i = Ye(e, r?.paletteOptions), a = je(r?.typographyOptions);
1374
+ return Q({
1346
1375
  breakpoints: {
1347
1376
  values: {
1348
1377
  xs: 444,
@@ -1352,35 +1381,39 @@ const so = (e) => {
1352
1381
  xl: 1536
1353
1382
  }
1354
1383
  },
1355
- palette: o,
1356
- shadows: B,
1384
+ palette: i,
1385
+ shadows: _,
1357
1386
  shape: {
1358
- borderRadius: 4
1387
+ borderRadius: r?.shapeOptions?.borderRadius || 4
1359
1388
  },
1360
1389
  spacing: 1,
1361
1390
  // TODO: update spacing, we're back to a 8-base which is default for MUI 2.x
1362
- typography: n,
1391
+ typography: a,
1363
1392
  components: {
1364
1393
  MuiAlert: {
1365
1394
  defaultProps: {
1366
1395
  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 })
1396
+ success: /* @__PURE__ */ n(M, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1397
+ error: /* @__PURE__ */ n(M, { fill: !0, name: "error", size: 24, weight: 400 }),
1398
+ warning: /* @__PURE__ */ n(M, { fill: !0, name: "warning", size: 24, weight: 400 }),
1399
+ info: /* @__PURE__ */ n(M, { fill: !0, name: "info", size: 24, weight: 400 })
1371
1400
  },
1372
1401
  variant: "outlined"
1373
1402
  },
1374
1403
  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,
1404
+ root: ({ theme: o, ownerState: d }) => {
1405
+ const c = d.severity || "info";
1406
+ let l = o.palette.mode === v.LIGHT ? o.palette[c]?.[50] : o.palette[c]?.[800];
1407
+ if (d.variant === "filled") {
1408
+ const s = c === "warning";
1409
+ l = o.palette[c]?.[s ? 400 : 600];
1410
+ }
1411
+ return {
1412
+ backgroundColor: l,
1413
+ borderRadius: o.shape.borderRadius,
1381
1414
  "& .MuiAlert-message": {
1382
- fontSize: n.subtitle1.fontSize,
1383
- lineHeight: n.subtitle1.lineHeight,
1415
+ fontSize: o.typography.subtitle1.fontSize,
1416
+ lineHeight: o.typography.subtitle1.lineHeight,
1384
1417
  marginTop: "auto",
1385
1418
  marginBottom: "auto"
1386
1419
  },
@@ -1406,17 +1439,17 @@ const so = (e) => {
1406
1439
  disableElevation: !0
1407
1440
  },
1408
1441
  styleOverrides: {
1409
- root: {
1442
+ root: ({ theme: o }) => ({
1410
1443
  fontWeight: 600,
1411
1444
  textTransform: "none",
1412
1445
  "&.Mui-disabled": {
1413
1446
  cursor: "not-allowed"
1414
1447
  },
1415
1448
  "&.Mui-focusVisible": {
1416
- outline: `2px solid ${o.info.main}`,
1449
+ outline: `2px solid ${o.palette.info.main}`,
1417
1450
  outlineOffset: "2px"
1418
1451
  }
1419
- },
1452
+ }),
1420
1453
  sizeMedium: {
1421
1454
  height: 44
1422
1455
  }
@@ -1450,7 +1483,7 @@ const so = (e) => {
1450
1483
  styleOverrides: {
1451
1484
  root: {
1452
1485
  "&.Mui-focusVisible": {
1453
- boxShadow: `inset 0 0 0 2px ${o.info.main}`
1486
+ boxShadow: `inset 0 0 0 2px ${i.info.main}`
1454
1487
  }
1455
1488
  }
1456
1489
  }
@@ -1458,7 +1491,7 @@ const so = (e) => {
1458
1491
  MuiCircularProgress: {
1459
1492
  styleOverrides: {
1460
1493
  root: {
1461
- [`& .${Ne.circle}`]: {
1494
+ [`& .${Le.circle}`]: {
1462
1495
  strokeLinecap: "round"
1463
1496
  }
1464
1497
  }
@@ -1479,22 +1512,22 @@ const so = (e) => {
1479
1512
  },
1480
1513
  MuiDataGrid: {
1481
1514
  styleOverrides: {
1482
- root: {
1515
+ root: ({ theme: o }) => ({
1483
1516
  border: "none",
1484
1517
  borderRadius: 0,
1485
- fontSize: n.body2.fontSize,
1518
+ fontSize: o.typography.body2.fontSize,
1486
1519
  "& .MuiDataGrid-cell": {
1487
1520
  display: "flex",
1488
1521
  alignItems: "center",
1489
1522
  borderTop: "1px solid",
1490
- borderColor: o.background.highlight
1523
+ borderColor: o.palette.background.highlight
1491
1524
  },
1492
1525
  "& .MuiDataGrid-cell:focus": { outline: "unset" },
1493
1526
  "& .MuiDataGrid-iconSeparator": { display: "none" },
1494
1527
  "& .MuiDataGrid-columnHeaders": {
1495
- backgroundColor: o.background.paper,
1528
+ backgroundColor: o.palette.background.paper,
1496
1529
  borderBottom: "2px solid",
1497
- borderColor: o.divider
1530
+ borderColor: o.palette.divider
1498
1531
  },
1499
1532
  "& .MuiDataGrid-columnHeaderTitle": {
1500
1533
  fontWeight: 600
@@ -1507,47 +1540,47 @@ const so = (e) => {
1507
1540
  "& .MuiDataGrid-row": { cursor: "pointer" },
1508
1541
  "& .MuiDataGrid-columnHeader--last": { pr: 16 },
1509
1542
  "& .MuiDataGrid-cell--textRight": { pr: 16 }
1510
- }
1543
+ })
1511
1544
  }
1512
1545
  },
1513
1546
  MuiDateRangePickerDay: {
1514
1547
  styleOverrides: {
1515
- root: ({ theme: r }) => ({
1548
+ root: ({ theme: o }) => ({
1516
1549
  ":first-of-type": {
1517
- borderTopLeftRadius: r.shape.borderRadius,
1518
- borderBottomLeftRadius: r.shape.borderRadius,
1550
+ borderTopLeftRadius: o.shape.borderRadius,
1551
+ borderBottomLeftRadius: o.shape.borderRadius,
1519
1552
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1520
- borderTopLeftRadius: r.shape.borderRadius,
1521
- borderBottomLeftRadius: r.shape.borderRadius
1553
+ borderTopLeftRadius: o.shape.borderRadius,
1554
+ borderBottomLeftRadius: o.shape.borderRadius
1522
1555
  }
1523
1556
  },
1524
1557
  ":last-of-type": {
1525
- borderTopRightRadius: r.shape.borderRadius,
1526
- borderBottomRightRadius: r.shape.borderRadius,
1558
+ borderTopRightRadius: o.shape.borderRadius,
1559
+ borderBottomRightRadius: o.shape.borderRadius,
1527
1560
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1528
- borderTopRightRadius: r.shape.borderRadius,
1529
- borderBottomRightRadius: r.shape.borderRadius
1561
+ borderTopRightRadius: o.shape.borderRadius,
1562
+ borderBottomRightRadius: o.shape.borderRadius
1530
1563
  }
1531
1564
  },
1532
1565
  "& .Mui-selected": {
1533
- borderRadius: r.shape.borderRadius
1566
+ borderRadius: o.shape.borderRadius
1534
1567
  },
1535
1568
  "& .MuiPickersDay-dayOutsideMonth": {
1536
- color: o.action.disabled
1569
+ color: o.palette.action.disabled
1537
1570
  }
1538
1571
  }),
1539
- day: ({ theme: r }) => ({
1540
- borderRadius: r.shape.borderRadius
1572
+ day: ({ theme: o }) => ({
1573
+ borderRadius: o.shape.borderRadius
1541
1574
  }),
1542
- rangeIntervalDayPreview: ({ theme: r }) => ({
1543
- borderRadius: r.shape.borderRadius
1575
+ rangeIntervalDayPreview: ({ theme: o }) => ({
1576
+ borderRadius: o.shape.borderRadius
1544
1577
  })
1545
1578
  }
1546
1579
  },
1547
1580
  MuiDayCalendar: {
1548
1581
  styleOverrides: {
1549
- weekDayLabel: ({ theme: r }) => ({
1550
- fontSize: r.typography.body2.fontSize,
1582
+ weekDayLabel: ({ theme: o }) => ({
1583
+ fontSize: o.typography.body2.fontSize,
1551
1584
  fontWeight: 700
1552
1585
  })
1553
1586
  }
@@ -1589,14 +1622,14 @@ const so = (e) => {
1589
1622
  },
1590
1623
  MuiFormHelperText: {
1591
1624
  styleOverrides: {
1592
- root: ({ theme: r }) => ({
1625
+ root: ({ theme: o }) => ({
1593
1626
  fontSize: 13,
1594
1627
  // Small
1595
1628
  marginLeft: 0,
1596
1629
  display: "flex",
1597
1630
  alignItems: "center",
1598
1631
  position: "relative",
1599
- color: r.palette.text.secondary,
1632
+ color: o.palette.text.secondary,
1600
1633
  "& .MuiSvgIcon-root": {
1601
1634
  height: "16px",
1602
1635
  width: "16px",
@@ -1612,7 +1645,7 @@ const so = (e) => {
1612
1645
  MuiFormLabel: {
1613
1646
  styleOverrides: {
1614
1647
  asterisk: {
1615
- color: o.error.main
1648
+ color: i.error.main
1616
1649
  }
1617
1650
  }
1618
1651
  },
@@ -1627,19 +1660,19 @@ const so = (e) => {
1627
1660
  disableFocusRipple: !0
1628
1661
  },
1629
1662
  styleOverrides: {
1630
- root: ({ theme: r }) => ({
1631
- borderRadius: r.shape.borderRadius,
1663
+ root: ({ theme: o }) => ({
1664
+ borderRadius: o.shape.borderRadius,
1632
1665
  minHeight: 44,
1633
1666
  // touch target
1634
1667
  minWidth: 44,
1635
1668
  // touch target
1636
1669
  "&.Mui-focusVisible": {
1637
- outline: `2px solid ${o.info.main}`,
1670
+ outline: `2px solid ${o.palette.info.main}`,
1638
1671
  outlineOffset: "2px"
1639
1672
  },
1640
1673
  "& .MuiTouchRipple-root": {
1641
1674
  "& .MuiTouchRipple-child": {
1642
- borderRadius: r.shape.borderRadius
1675
+ borderRadius: o.shape.borderRadius
1643
1676
  }
1644
1677
  }
1645
1678
  })
@@ -1660,13 +1693,13 @@ const so = (e) => {
1660
1693
  borderRadius: 4
1661
1694
  },
1662
1695
  colorPrimary: {
1663
- backgroundColor: o.grey[300]
1696
+ backgroundColor: i.grey[300]
1664
1697
  }
1665
1698
  }
1666
1699
  },
1667
1700
  MuiLink: {
1668
1701
  styleOverrides: {
1669
- root: ({ color: r }) => ({
1702
+ root: ({ theme: o, color: d }) => ({
1670
1703
  cursor: "pointer",
1671
1704
  fontWeight: 600,
1672
1705
  textDecoration: "none",
@@ -1678,10 +1711,10 @@ const so = (e) => {
1678
1711
  outlineOffset: "2px"
1679
1712
  },
1680
1713
  "&:hover": {
1681
- backgroundColor: o.action.hover
1714
+ backgroundColor: o.palette.action.hover
1682
1715
  },
1683
1716
  "&:active": {
1684
- backgroundColor: o.mode === H.LIGHT ? o[r].light : o[r].dark
1717
+ backgroundColor: o.palette.mode === v.LIGHT ? o.palette[d].light : o.palette[d].dark
1685
1718
  }
1686
1719
  })
1687
1720
  }
@@ -1708,9 +1741,9 @@ const so = (e) => {
1708
1741
  disablePadding: !0
1709
1742
  },
1710
1743
  styleOverrides: {
1711
- root: ({ ownerState: r }) => ({
1744
+ root: ({ ownerState: o }) => ({
1712
1745
  minHeight: 64,
1713
- ...!r.disablePadding && {
1746
+ ...!o.disablePadding && {
1714
1747
  paddingTop: 12,
1715
1748
  paddingBottom: 12,
1716
1749
  paddingLeft: 24
@@ -1734,8 +1767,7 @@ const so = (e) => {
1734
1767
  },
1735
1768
  MuiListItemButton: {
1736
1769
  styleOverrides: {
1737
- root: {
1738
- // root: ({ theme }) => ({
1770
+ root: ({ theme: o }) => ({
1739
1771
  minHeight: 64,
1740
1772
  paddingLeft: 24,
1741
1773
  paddingRight: 24,
@@ -1744,10 +1776,10 @@ const so = (e) => {
1744
1776
  "&.Mui-focusVisible": {
1745
1777
  backgroundColor: "transparent",
1746
1778
  borderRadius: 8,
1747
- outline: `2px solid ${o.info.main}`,
1779
+ outline: `2px solid ${o.palette.info.main}`,
1748
1780
  outlineOffset: -2
1749
1781
  }
1750
- }
1782
+ })
1751
1783
  }
1752
1784
  },
1753
1785
  MuiListItemIcon: {
@@ -1766,7 +1798,7 @@ const so = (e) => {
1766
1798
  },
1767
1799
  secondaryTypographyProps: {
1768
1800
  fontSize: 11,
1769
- color: o.text.secondary
1801
+ color: i.text.secondary
1770
1802
  }
1771
1803
  },
1772
1804
  styleOverrides: {
@@ -1786,7 +1818,7 @@ const so = (e) => {
1786
1818
  lineHeight: "inherit",
1787
1819
  top: -1,
1788
1820
  // This fixes an issue where there is a 1px gap when the subheader sticks to the top while scrolling
1789
- backgroundColor: o.background.default
1821
+ backgroundColor: i.background.default
1790
1822
  }
1791
1823
  }
1792
1824
  },
@@ -1861,20 +1893,20 @@ const so = (e) => {
1861
1893
  gridColumn: "1/4",
1862
1894
  "& > .MuiTypography-root": {
1863
1895
  textTransform: "uppercase",
1864
- fontSize: n.body2.fontSize,
1896
+ fontSize: a.body2.fontSize,
1865
1897
  fontWeight: 600,
1866
- lineHeight: n.body2.lineHeight
1898
+ lineHeight: a.body2.lineHeight
1867
1899
  }
1868
1900
  }
1869
1901
  }
1870
1902
  },
1871
1903
  MuiPickersToolbar: {
1872
1904
  styleOverrides: {
1873
- content: ({ theme: r }) => ({
1905
+ content: ({ theme: o }) => ({
1874
1906
  marginTop: 4,
1875
1907
  "& .MuiTypography-root": {
1876
- fontSize: r.typography.h3.fontSize,
1877
- lineHeight: r.typography.h3.lineHeight
1908
+ fontSize: o.typography.h3.fontSize,
1909
+ lineHeight: o.typography.h3.lineHeight
1878
1910
  }
1879
1911
  })
1880
1912
  }
@@ -1900,7 +1932,7 @@ const so = (e) => {
1900
1932
  disableFocusRipple: !0
1901
1933
  },
1902
1934
  styleOverrides: {
1903
- root: {
1935
+ root: ({ theme: o }) => ({
1904
1936
  width: 37,
1905
1937
  height: 20,
1906
1938
  padding: 0,
@@ -1911,7 +1943,7 @@ const so = (e) => {
1911
1943
  "&.Mui-checked": {
1912
1944
  transform: "translateX(16px)",
1913
1945
  "& + .MuiSwitch-track": {
1914
- backgroundColor: o.success.main,
1946
+ backgroundColor: o.palette.success.main,
1915
1947
  opacity: 1,
1916
1948
  border: 0
1917
1949
  },
@@ -1920,31 +1952,31 @@ const so = (e) => {
1920
1952
  }
1921
1953
  },
1922
1954
  "&.Mui-disabled .MuiSwitch-thumb": {
1923
- color: o.common.white
1955
+ color: o.palette.common.white
1924
1956
  },
1925
1957
  "&.Mui-disabled + .MuiSwitch-track": {
1926
- backgroundColor: o.action.disabledBackground,
1958
+ backgroundColor: o.palette.action.disabledBackground,
1927
1959
  opacity: 1
1928
1960
  }
1929
1961
  },
1930
1962
  "& .MuiSwitch-input": {
1931
1963
  "&:focus-visible ~ .MuiSwitch-thumb": {
1932
- outline: `2px solid ${o.info.main}`,
1964
+ outline: `2px solid ${o.palette.info.main}`,
1933
1965
  outlineOffset: 0
1934
1966
  }
1935
1967
  },
1936
1968
  "& .MuiSwitch-thumb": {
1937
1969
  boxSizing: "border-box",
1938
- backgroundColor: o.background.paper,
1970
+ backgroundColor: o.palette.background.paper,
1939
1971
  width: 16,
1940
1972
  height: 16
1941
1973
  },
1942
1974
  "& .MuiSwitch-track": {
1943
- backgroundColor: o.action.active,
1975
+ backgroundColor: o.palette.action.active,
1944
1976
  borderRadius: 20 / 2,
1945
1977
  opacity: 1
1946
1978
  }
1947
- }
1979
+ })
1948
1980
  }
1949
1981
  },
1950
1982
  MuiTab: {
@@ -1957,7 +1989,7 @@ const so = (e) => {
1957
1989
  fontWeight: 600,
1958
1990
  "&.Mui-focusVisible": {
1959
1991
  outline: "none",
1960
- boxShadow: `inset 0 0 0 2px ${o.info.main}`,
1992
+ boxShadow: `inset 0 0 0 2px ${i.info.main}`,
1961
1993
  borderRadius: 4
1962
1994
  }
1963
1995
  }
@@ -1968,7 +2000,7 @@ const so = (e) => {
1968
2000
  root: {
1969
2001
  borderBottomStyle: "solid",
1970
2002
  borderBottomWidth: 1,
1971
- borderColor: o.divider,
2003
+ borderColor: i.divider,
1972
2004
  marginBottom: 8
1973
2005
  }
1974
2006
  }
@@ -1982,7 +2014,7 @@ const so = (e) => {
1982
2014
  },
1983
2015
  styleOverrides: {
1984
2016
  root: {
1985
- backgroundColor: o.background.paper
2017
+ backgroundColor: i.background.paper
1986
2018
  }
1987
2019
  }
1988
2020
  },
@@ -1993,29 +2025,29 @@ const so = (e) => {
1993
2025
  },
1994
2026
  styleOverrides: {
1995
2027
  root: {
1996
- color: o.text.primary,
2028
+ color: i.text.primary,
1997
2029
  fontSize: 13,
1998
2030
  lineHeight: "16px",
1999
2031
  textTransform: "none",
2000
2032
  "&:focus-visible": {
2001
- outline: `2px solid ${o.info.main}`,
2033
+ outline: `2px solid ${i.info.main}`,
2002
2034
  outlineOffset: "2px"
2003
2035
  },
2004
2036
  "&:hover": {
2005
- backgroundColor: T(o.primary.main, o.mode === H.LIGHT ? 0.1 : 0.2),
2006
- borderColor: o.primary.main
2037
+ backgroundColor: b(i.primary.main, i.mode === v.LIGHT ? 0.1 : 0.2),
2038
+ borderColor: i.primary.main
2007
2039
  },
2008
2040
  "&.Mui-selected": {
2009
2041
  fontWeight: 600,
2010
- borderColor: o.primary.main,
2042
+ borderColor: i.primary.main,
2011
2043
  "&:hover": {
2012
- boxShadow: `inset 0px 0px 0px 2px ${o.primary.main}`
2044
+ boxShadow: `inset 0px 0px 0px 2px ${i.primary.main}`
2013
2045
  }
2014
2046
  },
2015
2047
  "& .MuiTouchRipple-root": {
2016
2048
  "& .MuiTouchRipple-ripple": {
2017
2049
  "& .MuiTouchRipple-child": {
2018
- backgroundColor: o.primary.main
2050
+ backgroundColor: i.primary.main
2019
2051
  }
2020
2052
  }
2021
2053
  }
@@ -2026,19 +2058,19 @@ const so = (e) => {
2026
2058
  props: { color: "error" },
2027
2059
  style: {
2028
2060
  "&:hover": {
2029
- backgroundColor: T(o.error.main, o.mode === H.LIGHT ? 0.1 : 0.2),
2030
- borderColor: o.error.main
2061
+ backgroundColor: b(i.error.main, i.mode === v.LIGHT ? 0.1 : 0.2),
2062
+ borderColor: i.error.main
2031
2063
  },
2032
2064
  "&.Mui-selected": {
2033
- borderColor: o.error.main,
2065
+ borderColor: i.error.main,
2034
2066
  "&:hover": {
2035
- boxShadow: `inset 0px 0px 0px 2px ${o.error.main}`
2067
+ boxShadow: `inset 0px 0px 0px 2px ${i.error.main}`
2036
2068
  }
2037
2069
  },
2038
2070
  "& .MuiTouchRipple-root": {
2039
2071
  "& .MuiTouchRipple-ripple": {
2040
2072
  "& .MuiTouchRipple-child": {
2041
- backgroundColor: o.error.main
2073
+ backgroundColor: i.error.main
2042
2074
  }
2043
2075
  }
2044
2076
  }
@@ -2048,22 +2080,22 @@ const so = (e) => {
2048
2080
  props: { color: "standard" },
2049
2081
  style: {
2050
2082
  "&:hover": {
2051
- backgroundColor: T(
2052
- o.secondary.main,
2053
- o.mode === H.LIGHT ? 0.1 : 0.2
2083
+ backgroundColor: b(
2084
+ i.secondary.main,
2085
+ i.mode === v.LIGHT ? 0.1 : 0.2
2054
2086
  ),
2055
- borderColor: o.secondary.main
2087
+ borderColor: i.secondary.main
2056
2088
  },
2057
2089
  "&.Mui-selected": {
2058
- borderColor: o.secondary.main,
2090
+ borderColor: i.secondary.main,
2059
2091
  "&:hover": {
2060
- boxShadow: `inset 0px 0px 0px 2px ${o.secondary.main}`
2092
+ boxShadow: `inset 0px 0px 0px 2px ${i.secondary.main}`
2061
2093
  }
2062
2094
  },
2063
2095
  "& .MuiTouchRipple-root": {
2064
2096
  "& .MuiTouchRipple-ripple": {
2065
2097
  "& .MuiTouchRipple-child": {
2066
- backgroundColor: o.secondary.main
2098
+ backgroundColor: i.secondary.main
2067
2099
  }
2068
2100
  }
2069
2101
  }
@@ -2090,51 +2122,51 @@ const so = (e) => {
2090
2122
  });
2091
2123
  };
2092
2124
  export {
2093
- L0 as AccountsFilledIcon,
2094
- D0 as AccountsIcon,
2095
- N0 as ArrowLeftIcon,
2096
- k0 as AttentionFilledIcon,
2097
- 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,
2132
- 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
2125
+ y0 as AccountsFilledIcon,
2126
+ O0 as AccountsIcon,
2127
+ F0 as ArrowLeftIcon,
2128
+ D0 as AttentionFilledIcon,
2129
+ m as BaseIcon,
2130
+ K0 as BottomSheetTransition,
2131
+ k0 as CalendarIcon,
2132
+ g as CategoryGuids,
2133
+ ze as CategoryIcon,
2134
+ Pe as CategoryIconList,
2135
+ _e as CategoryIconVariants,
2136
+ L0 as CheckmarkFilledIcon,
2137
+ N0 as ChevronDownIcon,
2138
+ w0 as ChevronLeftIcon,
2139
+ _0 as ChevronRightIcon,
2140
+ P0 as CloseIcon,
2141
+ Z0 as DateRangePicker,
2142
+ Ge as DialogFooter,
2143
+ Q0 as DialogHeader,
2144
+ J0 as Drawer,
2145
+ B0 as EditIcon,
2146
+ z0 as FilterIcon,
2147
+ Ge as Footer,
2148
+ Ue as H1,
2149
+ Y0 as H2,
2150
+ X0 as H3,
2151
+ V0 as HeartIcon,
2152
+ Xe as INTER,
2153
+ M as Icon,
2154
+ we as IconWeight,
2155
+ q0 as InstitutionLogo,
2156
+ U0 as MXLogoCopyrightIcon,
2157
+ $0 as MXLogoFilledIcon,
2158
+ G0 as MXLogoIcon,
2159
+ W0 as MXLogoOutlineIcon,
2160
+ er as MerchantLogo,
2161
+ j0 as P,
2162
+ nr as SelectionBox,
2163
+ F as TARGETS,
2164
+ w as THEMES,
2165
+ k as Text,
2166
+ rr as TextField,
2167
+ or as Toast,
2168
+ tr as TokenProvider,
2169
+ ar as createMXTheme,
2170
+ ir as useTokens
2139
2171
  };
2140
2172
  //# sourceMappingURL=index.es.js.map